cancel button css + item module refactor

front/core/components/button/style.scss

@@ -76,6 +76,13 @@
     &:hover,
     &:focus {
         outline: none;
+
+        &.cancel {
+            &:hover,
+            &:focus {
+                background-color: transparent;
+            }
+        }
     }
     &.round {
         border-radius: 50%;
@@ -106,4 +113,14 @@
         opacity: .7;
         cursor: initial;
     }
+    &.cancel {
+        color: $color-button;
+        background-color: transparent;
+        box-shadow: none;
+        &:not(.disabled) {
+            &:hover {
+                color: lighten($color-button, 10%);
+            }
+        }
+    }
 }

modules/item/front/barcode/index.html

@@ -43,8 +43,15 @@
     </vn-card>
     <vn-button-bar>
         <vn-submit
-            ng-if="watcher.dataChanged()"
+            disabled="!watcher.dataChanged()"
             label="Save">
         </vn-submit>
+        <!-- # #2680 Undo changes button bugs -->
+        <!-- <vn-button
+            class="cancel"
+            label="Undo changes"
+            disabled="!watcher.dataChanged()"
+            ng-click="watcher.loadOriginalData()">
+        </vn-button> -->
     </vn-button-bar>
 </form>

modules/item/front/basic-data/index.html

@@ -159,10 +159,15 @@
     </vn-card>
     <vn-button-bar>
         <vn-submit
-            ng-if="watcher.dataChanged()"
+            disabled="!watcher.dataChanged()"
             label="Save">
         </vn-submit>
-        <vn-button label="Undo changes" ng-if="$ctrl.$scope.form.$dirty" ng-click="watcher.loadOriginalData()"></vn-button>
+        <vn-button
+            class="cancel"
+            label="Undo changes"
+            disabled="!watcher.dataChanged()"
+            ng-click="watcher.loadOriginalData()">
+        </vn-button>
     </vn-button-bar>
 </form>
 

modules/item/front/botanical/index.html

@@ -46,13 +46,15 @@
     </vn-card>
     <vn-button-bar>
         <vn-submit
-            ng-if="watcher.dataChanged()"
+            disabled="!watcher.dataChanged()"
             label="Save">
         </vn-submit>
-        <vn-button
+        <!-- # #2680 Undo changes button bugs -->
-            ng-if="watcher.dataChanged()"
+        <!-- <vn-button
+            class="cancel"
             label="Undo changes"
+            disabled="!watcher.dataChanged()"
             ng-click="watcher.loadOriginalData()">
-        </vn-button>
+        </vn-button> -->
     </vn-button-bar>
 </form>

modules/item/front/create/index.html

@@ -61,10 +61,11 @@
     </vn-card>
     <vn-button-bar>
         <vn-submit
-            ng-if="watcher.dataChanged()"
+            disabled="!watcher.dataChanged()"
             label="Create">
         </vn-submit>
         <vn-button
+            class="cancel"
             label="Cancel"
             ui-sref="item.index">
         </vn-button>

modules/item/front/niche/index.html

@@ -58,8 +58,15 @@
     </vn-card>
     <vn-button-bar>
         <vn-submit
-            ng-if="watcher.dataChanged()"
+            disabled="!watcher.dataChanged()"
             label="Save">
         </vn-submit>
+        <!-- # #2680 Undo changes button bugs -->
+        <!-- <vn-button
+            class="cancel"
+            label="Undo changes"
+            disabled="!watcher.dataChanged()"
+            ng-click="watcher.loadOriginalData()">
+        </vn-button> -->
     </vn-button-bar>
 </form>

modules/item/front/tags/index.html

@@ -74,7 +74,7 @@
     </vn-card>
     <vn-button-bar>
         <vn-submit
-            ng-if="watcher.dataChanged()"
+            disabled="!watcher.dataChanged()"
             label="Save">
         </vn-submit>
     </vn-button-bar>

modules/item/front/tax/index.html

@@ -29,13 +29,14 @@
     </vn-card>
     <vn-button-bar>
         <vn-submit
-            ng-if="watcher.dataChanged()"
+            disabled="!watcher.dataChanged()"
             label="Save">
         </vn-submit>
         <!-- # #2680 Undo changes button bugs -->
         <!-- <vn-button
+            class="cancel"
             label="Undo changes"
-            ng-if="watcher.dataChanged()"
+            disabled="!watcher.dataChanged()"
             ng-click="watcher.loadOriginalData()">
         </vn-button> -->
     </vn-button-bar>