<!DOCTYPE html>
<html ng-app="decisionItsmApp" lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>fortest app</title>
<!-- Bootstrap -->
<link href="styles/vendor/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<!--<link href="../../bower_components/angular-bootstrap/ui-bootstrap-csp.css" rel="stylesheet">-->
<link rel="stylesheet" href="styles/css/bootstrap.overload.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Font -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Favicons -->
<link rel="icon" href="favicon.ico">
<!-- Latest compiled and minified JavaScript -->
<script src="scripts/vendor/jquery/dist/jquery.js"></script>
<script src="styles/vendor/bootstrap/dist/js/bootstrap.js"></script>
<script src="scripts/vendor/angular/angular.js"></script>
<script src="scripts/vendor/angular-bootstrap/ui-bootstrap.js"></script>
<script src="scripts/vendor/jquery.serializeJSON/jquery.serializejson.js"></script>
<script src="scripts/vendor/jquery-maskedinput/dist/jquery.maskedinput.js"></script>
<script src="scripts/app/app.js"></script>
<script src="scripts/app/controllers/controller.js"></script>
<script src="scripts/app/show-modal.js"></script>
<script src="scripts/app/send-modal.js"></script>
</head>
<body>
<!-- begin navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Decision</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li id="fat-menu" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
Иванов Иван
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li role="presentation">
<a href="" role="menuitem" tabindex="-1"><span class="fa fa-user"></span> Мой профиль</a>
</li>
<li role="presentation">
<a href="" role="menuitem" tabindex="-1"><span class="fa fa-question-circle"></span> Справка</a>
</li>
<li role="presentation" class="divider"></li>
<li role="presentation">
<a href="" role="menuitem" tabindex="-1"><span class="fa fa-sign-out"></span> Выход</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- end navbar -->
<!-- begin container -->
<div class="container-fluid" ng-controller="LoadDataCtrl as ld">
<div class="row">
<div class="col-sm-12 mgb-20">
<button class="btn btn-danger btn-lg" ng-click="removeCheckedItem($event)">Delete</button>
<button class="btn btn-success btn-lg" ng-click="createItem($event)">Create</button>
</div>
</div>
<!-- begin row -->
<div class="row">
<!-- sm-12 container contains table -->
<div class="col-sm-12" >
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr class="active">
<th>#</th>
<th>Код</th>
<th>Ссылка</th>
<th>Версия данных</th>
<th>Пометка удаления</th>
<th>Владелец</th>
<th>Наименование</th>
<th>Значение по умолчанию</th>
<th>Обязательное</th>
<th>Предопределенный</th>
<th>Имя предопределенных данных</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in items">
<td><input type="checkbox" id="isChecked" data-link="{{ item.link }}" ng-click="checkedItem(item)"></td>
<td>{{ item.code }}</td>
<td><a href="" data-link="{{ item.link }}" data-type="{{ item.type }}" ng-click="updateItem($event, item)">{{ item.link }}</a></td>
<td>{{ item.version }}</td>
<td>{{ item.del }}</td>
<td>{{ item.owner }}</td>
<td>{{ item.title }}</td>
<td>{{ item.by_default }}</td>
<!-- <td><a href="#" data-relation="" data-id="{{ item.responsible }}" ng-click="updateItem($event)">{{ item.responsible }}</a></td> -->
<td>{{ item.compulsory }}</td>
<td>{{ item.pre_define }}</td>
<td>{{ item.name_pre_define }}</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- /.sm-12 container -->
</div>
<!-- /.row -->
<!-- edit modal -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<!-- modal dialog -->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="edit-modal-title">Тип</h4>
</div>
<div class="modal-body">
<form id="editForm"></form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" id="save">Save</button>
</div>
</div>
</div>
<!-- /.modal dialog -->
</div>
<!-- /edit modal -->
<!-- create modal -->
<div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<!-- modal dialog -->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="create-modal-title">Тип</h4>
</div>
<div class="modal-body">
<form id="createForm">
<div class="form-group">
<label class="control-label">Код</label>
<input type="number" value="42" name="Код" id="code" class="form-control"/>
</div>
<div class="form-group has-warning">
<label class="control-label">Ссылка</label>
<input type="text" value="00000000-0000-0000-0000-000000000000" name="Ссылка" id="link" class="form-control"/>
</div>
<div class="form-group">
<label class="control-label">ВерсияДанных</label>
<input type="text" value="AAAAPQAAAAA=" name="ВерсияДанных" id="version" class="form-control"/>
</div>
<div class="form-group">
<label class="control-label">ПометкаУдаления</label>
<input type="text" value="Нет" name="ПометкаУдаления" id="del" class="form-control"/>
</div>
<div class="form-group has-warning">
<label class="control-label">Владелец</label>
<input type="text" value="98673a07-fbc4-11e4-adf4-f46d04c11a04" name="Владелец" id="owner" class="form-control"/>
</div>
<div class="form-group">
<label class="control-label">Наименование</label>
<input type="text" value="ПустоеНаименование" name="Наименование" id="title" class="form-control"/>
</div>
<div class="form-group">
<label class="control-label">ЗначениеПоУмолчанию</label>
<input type="text" value="" name="ЗначениеПоУмолчанию" id="by_default" class="form-control"/>
</div>
<div class="form-group">
<label class="control-label">Обязательное</label>
<input type="text" value="Нет" name="Обязательное" id="compulsory" class="form-control"/>
</div>
<div class="form-group">
<label class="control-label">Предопределенный</label>
<input type="text" value="Нет" name="Предопределенный" id="pre_define" class="form-control"/>
</div>
<div class="form-group">
<label class="control-label">ИмяПредопределенныхДанных</label>
<input type="text" value="Нет" name="ИмяПредопределенныхДанных" id="name_pre_define" class="form-control"/>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" id="createItem">Create</button>
</div>
</div>
</div>
<!-- /.modal dialog -->
</div>
<!-- /create modal -->
</div>
<!-- /.container -->
</body>
</html>