wip interface
This commit is contained in:
parent
2a64795e59
commit
f4fe396b04
6 changed files with 109 additions and 78 deletions
|
|
@ -1,70 +1,60 @@
|
|||
<div ng-repeat="room in rooms" ng-controller="ItemsRoomController">
|
||||
<h2>{{room.label}}</h2>
|
||||
<div class="card-columns" style="column-count: 4;">
|
||||
<div class="card" ng-repeat="item in items">
|
||||
<div class="card-header form-check">
|
||||
<div class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" id="customCheck1">
|
||||
<label class="custom-control-label" for="customCheck1" ng-bind="item.label"></label>
|
||||
</div>
|
||||
<h2>
|
||||
{{room.label}}
|
||||
</h2>
|
||||
|
||||
<div class="card" ng-repeat="item in items" ng-controller="ChecksItemController">
|
||||
<div class="card-header row" ng-class="{'bg-success': min_checks() == 'yes', 'bg-info': min_checks() == 'yesbut', 'bg-warning': min_checks() == 'nobut', 'bg-danger': min_checks() == 'no', 'bg-secondary': min_checks() == 'N/A'}" ng-controller="TagsItemController">
|
||||
<div class="col-md">
|
||||
<span ng-if="min_checks() == 'yes'" class="badge badge-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></span>
|
||||
<span ng-if="min_checks() == 'yesbut'" class="badge badge-info"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></span>
|
||||
<span ng-if="min_checks() == 'nobut'" class="badge badge-warning"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></span>
|
||||
<span ng-if="min_checks() == 'no'" class="badge badge-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></span>
|
||||
<strong>{{item.label}}</strong>
|
||||
</div>
|
||||
<div class="card-body" ng-controller="ChecksItemController">
|
||||
{{ checks }}
|
||||
<p class="card-text" ng-if="item.description" ng-bind="item.description"></p>
|
||||
<div class="col-md text-right">
|
||||
<button type="button" class="btn btn-outline-success" ng-click="checkOk()">OK</button>
|
||||
<button type="button" class="btn btn-outline-info" ng-click="checkMok()">OK, mais…</button>
|
||||
<button type="button" class="btn btn-outline-warning" ng-click="checkMko()">KO, mais…</button>
|
||||
<button type="button" class="btn btn-outline-danger" ng-click="checkKo()">KO</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="card-text" ng-if="item.description" ng-bind="item.description"></p>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item" ng-repeat="(ck, check) in checks">
|
||||
<span ng-if="check.passed == 'yes'" class="badge badge-success">OK</span>
|
||||
<span ng-if="check.passed == 'yesbut'" class="badge badge-info">OK</span>
|
||||
<span ng-if="check.passed == 'nobut'" class="badge badge-warning">KO</span>
|
||||
<span ng-if="check.passed == 'no'" class="badge badge-danger">KO</span>
|
||||
<a ng-click="delCheck(ck)" class="float-right" ng-if="!check.id_user">
|
||||
<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
|
||||
</a>
|
||||
{{check.comment}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<ul ng-controller="TagsController">
|
||||
<li ng-repeat="room in rooms">
|
||||
<span ng-bind="room.label"></span>
|
||||
<ul ng-controller="ItemsRoomController">
|
||||
<li ng-repeat="item in items">
|
||||
<span ng-if="!item.edit" ng-controller="TagsItemController">
|
||||
<strong>{{ item.label }}</strong>
|
||||
<span class="badge badge-secondary" ng-repeat="tag in itags">
|
||||
<span ng-if="!tag.edit">{{ tag.label }}</span>
|
||||
<select ng-options="tag.id as tag.label for tag in tags track by tag.id" ng-model="tag.val" ng-if="tag.edit">
|
||||
</select>
|
||||
<a ng-click="delItemTag()" ng-if="!tag.edit">
|
||||
<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
|
||||
</a>
|
||||
<a ng-click="saveItemTag()" ng-if="tag.edit">
|
||||
<span class="glyphicon glyphicon-check" aria-hidden="true"></span>
|
||||
</a>
|
||||
</span>
|
||||
<a class="badge badge-secondary" ng-click="newItemTag()">
|
||||
Add
|
||||
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
|
||||
</a>
|
||||
<button type="button" class="btn btn-sm btn-primary" ng-click="editItem()" ng-if="!item.edit">
|
||||
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-sm btn-danger" ng-click="delItem()" ng-if="!item.edit">
|
||||
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
|
||||
</button><br>
|
||||
{{ item.description }}
|
||||
</span>
|
||||
<form ng-if="item.edit" ng-submit="saveItem()">
|
||||
<input ng-model="item.label">
|
||||
<button type="submit" class="btn btn-sm btn-success">
|
||||
<span class="glyphicon glyphicon-check" aria-hidden="true"></span>
|
||||
</button>
|
||||
<br>
|
||||
<textarea ng-model="item.description"></textarea>
|
||||
</form>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="btn btn-sm btn-dark" ng-click="newItem()">
|
||||
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
|
||||
<div class="modal fade" id="commentModal" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="commentModalLabel">New message</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary">Send message</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue