accountant-ui/accountant-ui/views/scheduler.html

<!--
    This file is part of Accountant.

    Accountant is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Accountant is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with Accountant.  If not, see <http://www.gnu.org/licenses/>.
-->
<!-- vim: set tw=80 ts=2 sw=2 sts=2: -->
<div class="row">
  <table class="table table-striped table-condensed table-hover">
    <thead>
      <tr>
        <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>

    <tbody>
      <tr>
        <td colspan="8">
          <button class="btn btn-success" ng-click="add()">
            Ajouter
          </button>
        </td>
      </tr>

      <tr id="{{ operation.id }}" class="form-inline"
          ng-repeat="operation in operations">
        <td class="col-md-1">
          <span editable-text="operation.start_date"
            e-style="width: 100%"
            e-bs-datepicker e-data-date-format="yyyy-MM-dd"
            e-name="start_date" e-form="rowform" e-required>
            {{ operation.start_date | date: "yyyy-MM-dd" }}
          </span>
        </td>

        <td>
          <span editable-text="operation.stop_date"
            e-style="width: 100%"
            e-bs-datepicker e-data-date-format="yyyy-MM-dd"
            e-name="stop_date" e-form="rowform" e-required>
            {{ operation.stop_date | date: "yyyy-MM-dd" }}
          </span>
        </td>

        <td>
          <span editable-number="operation.day"
            e-style="width: 100%"
            e-name="day" e-form="rowform" e-required>
            {{ operation.day }}
          </span>
        </td>

        <td>
          <span editable-number="operation.frequency"
            e-style="width: 100%"
            e-name="frequency" e-form="rowform" e-required>
            {{ operation.frequency }}
          </span>
        </td>

        <td>
          <span editable-text="operation.label"
            e-style="width: 100%"
            e-placeholder="Libellé de l'opération"
            e-name="label" e-form="rowform" e-required>
            {{ operation.label }}
          </span>
        </td>

        <td>
          <span editable-number="operation.value"
            e-style="width: 100%"
            e-name="value" e-form="rowform" e-required>
            {{ operation.value | currency : "€" }}
          </span>
        </td>

        <td>
          <span editable-text="operation.category"
            e-style="width: 100%"
            e-name="category" e-form="rowform">
            {{ operation.category }}
          </span>
        </td>

        <td>
          <form editable-form name="rowform"
            onbeforesave="save($data, $index)"
            shown="!operation.id">
            <div class="btn-group btn-group-xs">
              <!-- Save current operation -->
              <button type="submit" class="btn btn-success"
                ng-if="rowform.$visible" title="Save">
                <span class="fa fa-floppy-o"></span>
              </button>

              <!-- Edit operation. -->
              <button type="button" class="btn btn-default"
                ng-if="!rowform.$visible"
                ng-click="rowform.$show()" title="edit">
                <span class="fa fa-pencil-square-o"></span>
              </button>

              <!-- Cancel edit. -->
              <button type="button" class="btn btn-default"
                ng-if="rowform.$visible"
                ng-click="cancelEdit(operation, rowform, $index)"
                title="Cancel">
                <span class="fa fa-times"></span>
              </button>

              <!-- Remove operation. -->
              <button type="button" class="btn btn-default"
                ng-if="operation.id"
                ng-click="delete(operation, $index)"
                title="remove">
                <span class="fa fa-trash"></span>
              </button>
            </div>
          </form>
        </td>
      </tr>
    </tbody>
  </table>
</div>