[WIP] Add a button to clear default value

ManageIQ · Sep 2, 2019 · c3001f1 · c3001f1
1 parent bfdd31c
commit c3001f1
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -74,7 +74,7 @@
     "karma-webpack": "1.8.0",
     "lodash": "^4.17.2",
     "ng-annotate-webpack-plugin": "0.1.3",
-    "node-sass": "^3.13.0",
+    "node-sass": "^4.12.0",
     "numeral": "^2.0.6",
     "patternfly": "^3.15.0",
     "patternfly-bootstrap-treeview": "^2.1.5",

diff --git a/src/dialog-editor/components/abstractModal.ts b/src/dialog-editor/components/abstractModal.ts
@@ -25,6 +25,7 @@ export class AbstractModal {
     categories: '=?',
     addEntry: '=?',
     removeEntry: '=?',
+    clearDefaultValue: '=?',
     currentCategoryEntries: '=?',
     setupCategoryOptions: '=?',
     updateDialogFieldResponders: '=?',

diff --git a/src/dialog-editor/components/modal-field-template/date-control.html b/src/dialog-editor/components/modal-field-template/date-control.html
@@ -6,6 +6,7 @@
                pf-datepicker
                date="vm.modalData.default_value">
       </div>
+      <button class="btn btn-default" ng-click="vm.clearDefaultValue()" translate>Clear</button>
     </div>
     <div pf-form-group pf-label="{{'Read only'|translate}}">
       <input bs-switch

diff --git a/src/dialog-editor/components/modal-field-template/date-time-control.html b/src/dialog-editor/components/modal-field-template/date-time-control.html
@@ -16,6 +16,7 @@
       <div >
         <uib-timepicker ng-model="vm.modalData.default_value"></uib-timepicker>
       </div>
+      <button class="btn btn-default" ng-click="vm.clearDefaultValue()" translate>Clear</button>
     </div>
     <div pf-form-group pf-label="{{'Read only'|translate}}">
       <input bs-switch

diff --git a/src/dialog-editor/components/modal-field-template/modalFieldTemplateComponent.ts b/src/dialog-editor/components/modal-field-template/modalFieldTemplateComponent.ts
@@ -61,6 +61,7 @@ export default class ModalFieldTemplate {
     categories: '=?',
     addEntry: '=?',
     removeEntry: '=?',
+    clearDefaultValue: '=?',
     currentCategoryEntries: '=?',
     setupCategoryOptions: '=?',
     resolveCategories: '=?',

diff --git a/src/dialog-editor/components/modal-field/field.html b/src/dialog-editor/components/modal-field/field.html
@@ -79,6 +79,7 @@ <h4 class="modal-title" id="myModalLabel" translate>Edit Field Details</h4>
                                         template="date-control.html"
                                         show-fully-qualified-name="vm.showFullyQualifiedName"
                                         tree-options="vm.treeOptions"
+                                        clear-default-value="vm.clearDefaultValue"
                                         modal-tab-is-set="vm.modalTabIsSet"
                                         modal-tab="vm.modalTab"
                                         modal-data="vm.modalData">
@@ -87,6 +88,7 @@ <h4 class="modal-title" id="myModalLabel" translate>Edit Field Details</h4>
                                         template="date-time-control.html"
                                         show-fully-qualified-name="vm.showFullyQualifiedName"
                                         tree-options="vm.treeOptions"
+                                        clear-default-value="vm.clearDefaultValue"
                                         modal-tab-is-set="vm.modalTabIsSet"
                                         modal-tab="vm.modalTab"
                                         modal-data="vm.modalData">

diff --git a/src/dialog-editor/components/modal/modalComponent.ts b/src/dialog-editor/components/modal/modalComponent.ts
@@ -223,6 +223,16 @@ class ModalController {
     this.modalData.values.push(['', '']);
   }
 
+  /**
+   * Removes default value by setting `default_value` as
+   * `null`
+   * @memberof ModalFieldController
+   * @function clearDefaultValue
+   */
+  public clearDefaultValue() {
+    this.modalData.default_value = null;
+  }
+
   /**
    * Remove entry for radio button / dropdown select
    * @memberof ModalFieldController
@@ -318,6 +328,7 @@ class ModalController {
       categories="modalCtrl.parent.categories"
       add-entry="modalCtrl.parent.addEntry"
       remove-entry="modalCtrl.parent.removeEntry"
+      clear-default-value="modalCtrl.parent.clearDefaultValue"
       current-category-entries="modalCtrl.parent.currentCategoryEntries"
       resolve-categories="modalCtrl.parent.resolveCategories"
       modal-tab-is-set="modalCtrl.parent.modalTabIsSet"