feat(table): remove action buttons in disabled state (#238)

* feat(table): remove action buttons in disabled state * refactor(table): show edit button in disabled state * style(table): fix indents and always display tfoot
projectcaluma · May 14, 2019 · 9037a3b · 9037a3b
1 parent 88a1ae9
commit 9037a3b
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/addon/templates/components/cf-field/input/table.hbs b/addon/templates/components/cf-field/input/table.hbs
@@ -24,17 +24,21 @@
           {{/if}}
           <td class="uk-text-right">
             <button type="button" data-test-edit-row class="uk-icon-button" uk-icon="pencil" {{action "editRow" document}}></button>
-            <button type="button" data-test-delete-row class="uk-icon-button" uk-icon="trash" {{action (perform deleteRow) document}}></button>
+            {{#unless disabled}}
+              <button type="button" data-test-delete-row class="uk-icon-button" uk-icon="trash" {{action (perform deleteRow) document}}></button>
+            {{/unless}}
           </td>
         </tr>
       {{/each}}
     </tbody>
     <tfoot>
-      <tr>
-        <td colspan={{add (count-keys questions) 1}} class="uk-text-center">
-          {{#uk-button size="small" on-click=(perform addRow)}}{{uk-icon "plus"}}{{/uk-button}}
-        </td>
-      </tr>
+      {{#unless disabled}}
+        <tr>
+          <td colspan={{add (count-keys questions) 1}} class="uk-text-center">
+            {{#uk-button size="small" on-click=(perform addRow)}}{{uk-icon "plus"}}{{/uk-button}}
+          </td>
+        </tr>
+      {{/unless}}
     </tfoot>
   </table>
   {{#uk-modal visible=(and showModal documentToEdit) bgClose=false}}