add cropper functions

omatech · Apr 8, 2020 · 8c7be1e · 8c7be1e
1 parent f21e8e9
commit 8c7be1e
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/admin/views/attributes/I.blade.php b/src/admin/views/attributes/I.blade.php
@@ -99,6 +99,8 @@
                 <div class="modal-footer">
                     <a href="" class="btn clr-secondary" id="btnRotate_L_{{$attribute_name}}"><span class="btn-text"><i class="fa fa-undo" aria-hidden="true"></i></span></a>
                     <a href="" class="btn clr-secondary" id="btnRotate_R_{{$attribute_name}}"><span class="btn-text"><i class="fa fa-repeat" aria-hidden="true"></i></span></a>            
+                    <a href="" class="btn clr-secondary" id="btnInvertX_{{$attribute_name}}"><span class="btn-text"><i class="fa fa-arrows-h" aria-hidden="true"></i></span></a>            
+                    <a href="" class="btn clr-secondary" id="btnReset_{{$attribute_name}}"><span class="btn-text"><i class="fa fa-refresh" aria-hidden="true"></i></span></a>            
                     <a href="" class="btn clr-danger" data-dismiss="modal"><span class="btn-text">{{getMessage('close')}}</span></a>
                     <a href="" class="btn clr-secondary" id="btnCrop_{{$attribute_name}}"><span class="btn-text">{{getMessage('save')}}</span></a>
                 </div>
@@ -275,6 +277,22 @@ function destroyCrop() {
             });
 
 
+            /**
+             * Invert horizontal image.
+             */
+             $('#btnInvertX_{{$attribute_name}}').on('click', function (e) {
+                e.preventDefault();
+                $cropper_{{$attribute_name}}.scaleX(-1);
+            });
+
+            /**
+             * Reset crop image.
+             */
+             $('#btnReset_{{$attribute_name}}').on('click', function (e) {
+                e.preventDefault();
+                $cropper_{{$attribute_name}}.reset();
+            });
+
             /**
              * Crop image and push to dropzone.
              */