new info form

app/UI/Client/Templates/assets/js/setting/index.js

@@ -0,0 +1,18 @@
+/**
+ *
+ *
+ * Modal position fix.
+ * add custom class if modal height is bigger than window.
+ */
+mgEventHandler.on('ModalLoaded', null,function(){
+
+    $('.lu-modal__dialog').each(function(index){
+        var self = $(this);
+        var pixelDiff = $(window).height() - self.height();
+
+        if(pixelDiff < 30)
+        {
+            self.addClass('danger');
+        }
+    });
+});

app/UI/Client/Templates/setting/buttons/spanDropdownButton.tpl

@@ -0,0 +1,5 @@
+<mg-component-body-{$elementId|strtolower}
+        component_id='{$elementId}'
+        component_namespace='{$namespace}'
+        component_index='{$rawObject->getIndex()}'
+></mg-component-body-{$elementId|strtolower}>

app/UI/Client/Templates/setting/buttons/spanDropdownButton_components.tpl

@@ -0,0 +1,30 @@
+
+<script type="text/x-template" id="t-mg-dropdawn-btn-wrapper-{$elementId|strtolower}"
+        :component_id="component_id"
+        :component_namespace="component_namespace"
+        :component_index="component_index"
+>
+    <span class="lu-has-dropdown">
+        <button @click="toogleDropdawn" class="mg-drop-target-btn lu-btn lu-btn--icon lu-btn--link lu-btn--default" data-tooltip="" data-title="{$MGLANG->T('More Actions')}">
+            <i class="lu-btn__icon lu-zmdi lu-zmdi-more-vert"></i>
+        </button>
+        <div class="mg-drop-bg-wrapper" v-show="dropOpen" @click="hideDrop"></div>
+        <div v-show="dropOpen"  @click="hideDrop" class="drop lu-drop-element drop-enabled drop-element-attached-top drop-element-attached-left drop-target-attached-bottom drop-target-attached-left drop-open drop-open-transitionend drop-after-open">
+            <div class="drop-content">
+                <div class="lu-dropdown" data-dropdown-menu="">
+                    <div class="lu-dropdown__arrow" data-arrow="" style="left: auto; right: 10px;"></div>
+                    <ul class="lu-dropdown__menu">
+                        <li class="lu-dropdown__header">
+                            <span class="lu-dropdown__title">{$MGLANG->T('Additional Actions')}</span>
+                        </li>
+                        {foreach from=$rawObject->getButtons() key=buttonKey item=buttonValue}
+                            <li class="lu-dropdown__item">
+                                {$buttonValue->getHtml()}
+                            </li>
+                        {/foreach}
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </span>
+</script>