<button type="button" class="btn btn-warning m-t m-b" ng-click="addTheme()" translate>{{ 'app.admin.projects.add_a_new_theme' }}</button>

<table class="table">
  <thead>
  <tr>
    <th style="width:80%" translate>{{ 'app.admin.projects.name' }}</th>
    <th style="width:20%"></th>
  </tr>
  </thead>
  <tbody>
  <tr ng-repeat="theme in themes">
    <td>
                  <span editable-text="theme.name" e-name="name" e-form="rowform" e-required>
                    {{ theme.name }}
                  </span>
    </td>
    <td>
      <!-- form -->
      <form editable-form name="rowform" onbeforesave="saveTheme($data, theme.id)" ng-show="rowform.$visible" class="form-buttons form-inline" shown="inserted == theme">
        <button type="submit" ng-disabled="rowform.$waiting" class="btn btn-warning">
          <i class="fa fa-check"></i>
        </button>
        <button type="button" ng-disabled="rowform.$waiting" ng-click="cancelTheme(rowform, $index)" class="btn btn-default">
          <i class="fa fa-times"></i>
        </button>
      </form>
      <div class="buttons" ng-show="!rowform.$visible">
        <button class="btn btn-default" ng-click="rowform.$show()">
          <i class="fa fa-edit"></i> <span class="hidden-xs hidden-sm" translate>{{ 'app.shared.buttons.edit' }}</span>
        </button>
        <button class="btn btn-danger" ng-click="removeTheme($index)">
          <i class="fa fa-trash-o"></i>
        </button>
      </div>
    </td>
  </tr>
  </tbody>
</table>
