Move add button.

This commit is contained in:
Alexis Lahouze 2015-08-19 18:08:02 +02:00
parent 20d65f50c3
commit f22af2977e

View File

@ -16,129 +16,129 @@
--> -->
<!-- vim: set tw=80 ts=2 sw=2 sts=2: --> <!-- vim: set tw=80 ts=2 sw=2 sts=2: -->
<!-- Row with entry table --> <!-- Row with entry table -->
<div> <div class="row">
<div class="row"> <table class="table table-striped table-condensed table-hover">
<div class="col-md-3 col-md-offset-1"> <!-- Head of the table containing column headers and size -->
<button class="btn btn-success" ng-click="addOperation()">Ajouter</button> <thead>
</div> <tr>
</div> <th class="col-md-1">Date de d&eacute;but</th>
<th class="col-md-1">Date de fin</th>
<th class="col-md-1">Jour</th>
<th class="col-md-1">Fr&eacute;q.</th>
<th>Libell&eacute; de l'op&eacute;ration</th>
<th class="col-md-1">Montant</th>
<th class="col-md-2">Cat&eacute;gorie</th>
<th class="col-md-1">Actions</th>
</tr>
</thead>
<div class="row"> <!-- Body of the table containing the entries -->
<table class="table table-striped table-condensed table-hover"> <tbody>
<!-- Head of the table containing column headers and size --> <tr>
<thead> <td colspan="8">
<tr> <button class="btn btn-success" ng-click="addOperation()">
<th class="col-md-1">Date de d&eacute;but</th> Ajouter
<th class="col-md-1">Date de fin</th> </button>
<th class="col-md-1">Jour</th> </td>
<th class="col-md-1">Fr&eacute;q.</th> </tr>
<th>Libell&eacute; de l'op&eacute;ration</th>
<th class="col-md-1">Montant</th>
<th class="col-md-2">Cat&eacute;gorie</th>
<th class="col-md-1">Actions</th>
</tr>
</thead>
<!-- Body of the table containing the entries --> <tr id="{{ operation.id }}" class="form-inline"
<tbody> ng-repeat="operation in operations">
<tr id="{{ operation.id }}" class="form-inline" <td class="col-md-1">
ng-repeat="operation in operations"> <span editable-text="operation.start_date"
<td class="col-md-1"> e-style="width: 100%"
<span editable-text="operation.start_date" e-bs-datepicker e-data-date-format="yyyy-MM-dd"
e-style="width: 100%" e-name="start_date" e-form="rowform" e-required>
e-bs-datepicker e-data-date-format="yyyy-MM-dd" {{ operation.start_date | date: "yyyy-MM-dd" }}
e-name="start_date" e-form="rowform" e-required> </span>
{{ operation.start_date | date: "yyyy-MM-dd" }} </td>
</span>
</td>
<td> <td>
<span editable-text="operation.stop_date" <span editable-text="operation.stop_date"
e-style="width: 100%" e-style="width: 100%"
e-bs-datepicker e-data-date-format="yyyy-MM-dd" e-bs-datepicker e-data-date-format="yyyy-MM-dd"
e-name="stop_date" e-form="rowform" e-required> e-name="stop_date" e-form="rowform" e-required>
{{ operation.stop_date | date: "yyyy-MM-dd" }} {{ operation.stop_date | date: "yyyy-MM-dd" }}
</span> </span>
</td> </td>
<td> <td>
<span editable-number="operation.day" <span editable-number="operation.day"
e-style="width: 100%" e-style="width: 100%"
e-name="day" e-form="rowform" e-required> e-name="day" e-form="rowform" e-required>
{{ operation.day }} {{ operation.day }}
</span> </span>
</td> </td>
<td> <td>
<span editable-number="operation.frequency" <span editable-number="operation.frequency"
e-style="width: 100%" e-style="width: 100%"
e-name="frequency" e-form="rowform" e-required> e-name="frequency" e-form="rowform" e-required>
{{ operation.frequency }} {{ operation.frequency }}
</span> </span>
</td> </td>
<td> <td>
<span editable-text="operation.label" <span editable-text="operation.label"
e-style="width: 100%" e-style="width: 100%"
e-placeholder="Libellé de l'opération" e-placeholder="Libellé de l'opération"
e-name="label" e-form="rowform" e-required> e-name="label" e-form="rowform" e-required>
{{ operation.label }} {{ operation.label }}
</span> </span>
</td> </td>
<td> <td>
<span editable-number="operation.value" <span editable-number="operation.value"
e-style="width: 100%" e-style="width: 100%"
e-name="value" e-form="rowform" e-required> e-name="value" e-form="rowform" e-required>
{{ operation.value }} {{ operation.value }}
</span> </span>
</td> </td>
<td> <td>
<span editable-text="operation.category" <span editable-text="operation.category"
e-style="width: 100%" e-style="width: 100%"
e-name="category" e-form="rowform"> e-name="category" e-form="rowform">
{{ operation.category }} {{ operation.category }}
</span> </span>
</td> </td>
<td> <td>
<form editable-form name="rowform" <form editable-form name="rowform"
onbeforesave="saveOperation($data, $index)" onbeforesave="saveOperation($data, $index)"
shown="operation == inserted"> shown="operation == inserted">
<div class="btn-group btn-group-xs"> <div class="btn-group btn-group-xs">
<!-- Save current operation --> <!-- Save current operation -->
<button type="submit" class="btn btn-success" <button type="submit" class="btn btn-success"
ng-if="rowform.$visible" title="Save"> ng-if="rowform.$visible" title="Save">
<span class="fa fa-floppy-o"></span> <span class="fa fa-floppy-o"></span>
</button> </button>
<!-- Edit operation. --> <!-- Edit operation. -->
<button type="button" class="btn btn-default" <button type="button" class="btn btn-default"
ng-if="!rowform.$visible" ng-if="!rowform.$visible"
ng-click="rowform.$show()" title="edit"> ng-click="rowform.$show()" title="edit">
<span class="fa fa-pencil-square-o"></span> <span class="fa fa-pencil-square-o"></span>
</button> </button>
<!-- Cancel edit. --> <!-- Cancel edit. -->
<button type="button" class="btn btn-default" <button type="button" class="btn btn-default"
ng-if="rowform.$visible" ng-if="rowform.$visible"
ng-click="cancelEditOperation(operations, rowform)" ng-click="cancelEditOperation(operations, rowform)"
title="Cancel"> title="Cancel">
<span class="fa fa-times"></span> <span class="fa fa-times"></span>
</button> </button>
<!-- Remove operation. --> <!-- Remove operation. -->
<button type="button" class="btn btn-default" <button type="button" class="btn btn-default"
bs-modal="static/templates/operation_remove.html" bs-modal="static/templates/operation_remove.html"
title="remove"> title="remove">
<span class="fa fa-trash"></span> <span class="fa fa-trash"></span>
</button> </button>
</div> </div>
</form> </form>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>