70 lines
2.9 KiB
HTML
70 lines
2.9 KiB
HTML
<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>
|
|
</div>
|
|
<div class="card-body" ng-controller="ChecksItemController">
|
|
{{ checks }}
|
|
<p class="card-text" ng-if="item.description" ng-bind="item.description"></p>
|
|
<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>
|
|
</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>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|