Merge pull request #993 from marmelab/submit_button_directive

[RFR] Add submit button directive
marmelab · Mar 22, 2016 · ba78799 · ba78799
2 parents 1b1b917 + e2623d5
commit ba78799
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 2 deletions.
diff --git a/src/javascripts/ng-admin/Crud/CrudModule.js b/src/javascripts/ng-admin/Crud/CrudModule.js
@@ -75,6 +75,7 @@ CrudModule.directive('maListButton', require('./button/maListButton'));
 CrudModule.directive('maDeleteButton', require('./button/maDeleteButton'));
 CrudModule.directive('maBatchDeleteButton', require('./button/maBatchDeleteButton'));
 CrudModule.directive('maExportToCsvButton', require('./button/maExportToCsvButton'));
+CrudModule.directive('maSubmitButton', require('./button/maSubmitButton'));
 CrudModule.directive('maViewBatchActions', require('./button/maViewBatchActions'));
 
 CrudModule.directive('maShowItem', require('./show/maShowItem'));

diff --git a/src/javascripts/ng-admin/Crud/button/maSubmitButton.js b/src/javascripts/ng-admin/Crud/button/maSubmitButton.js
@@ -0,0 +1,20 @@
+/**
+ * Save button
+ *
+ * Usage:
+ * <ma-submit-button label="Save changes"></ma-submit-button>
+ */
+export default function maSubmitButtonDirective() {
+    return {
+        restrict: 'E',
+        scope: {
+            label: '@',
+        },
+        link: function (scope) {
+            scope.label = scope.label || 'Save';
+        },
+        template: '<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span> {{ label }}</button>'
+    };
+}
+
+maSubmitButtonDirective.$inject = [];
diff --git a/src/javascripts/ng-admin/Crud/form/create.html b/src/javascripts/ng-admin/Crud/form/create.html
@@ -20,7 +20,7 @@ <h1 compile="::formController.title">
 
         <div class="form-group">
             <div class="col-sm-offset-2 col-sm-10">
-                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span> Submit</button>
+                <ma-submit-button label="Submit"></ma-submit-button>
             </div>
         </div>
     </form>

diff --git a/src/javascripts/ng-admin/Crud/form/edit.html b/src/javascripts/ng-admin/Crud/form/edit.html
@@ -21,7 +21,7 @@ <h1 compile="::formController.title">
 
         <div class="form-group">
             <div class="col-sm-offset-2 col-sm-10">
-                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span> Save Changes</button>
+                <ma-submit-button label="Save Changes"></ma-submit-button>
             </div>
         </div>
     </form>