From 10cb608a2c1e7def19f66695cf2667f02c3fbdcf Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Thu, 16 Mar 2017 13:21:36 +0300
Subject: [PATCH] [Common] plugin's launch, updated styles

---
 apps/common/main/lib/controller/Plugins.js   |  3 ++
 apps/common/main/lib/view/Plugins.js         | 29 ++++++++++++++++++--
 apps/common/main/resources/less/plugins.less | 16 +++++++++++
 3 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/apps/common/main/lib/controller/Plugins.js b/apps/common/main/lib/controller/Plugins.js
index 3ffda15a1..49c72e1d5 100644
--- a/apps/common/main/lib/controller/Plugins.js
+++ b/apps/common/main/lib/controller/Plugins.js
@@ -63,6 +63,9 @@ define([
                         toolbar.addTab(tab, $panel, 4);
                     }
                 },
+                'Common.Views.Plugins': {
+                    'plugin:select': function(guid) {
+                        me.api.asc_pluginRun(guid, 0, '');
                     }
                 }
             });
diff --git a/apps/common/main/lib/view/Plugins.js b/apps/common/main/lib/view/Plugins.js
index ecce6fb25..6dcc4b0c6 100644
--- a/apps/common/main/lib/view/Plugins.js
+++ b/apps/common/main/lib/view/Plugins.js
@@ -78,6 +78,10 @@ define([
             };
             this.lockedControls = [];
             Common.UI.BaseView.prototype.initialize.call(this, arguments);
+
+            (new Promise(function (resolve) {
+                Common.NotificationCenter.on('app:ready', function (m) { resolve(m); });
+            })).then(this._onAppReady.bind(this));
         },
 
         render: function(el) {
@@ -126,7 +130,8 @@ define([
                         cls: 'btn-toolbar x-huge icon-top',
                         iconCls: 'img-commonctrl review-prev',
                         caption: model.get('name'),
-                        value: model.get('guid')
+                        value: model.get('guid'),
+                        hint: model.get('name')
                     });
 
                     var $slot = $('<span class="slot"></span>').appendTo(_group);
@@ -141,21 +146,26 @@ define([
 
         renderTo: function (parent) {
             if ( !this.storePlugins.isEmpty() ) {
+                var me = this;
                 var _group = $('<div class="group"></div>');
                 this.storePlugins.each(function (model) {
                     var modes = model.get('variations');
+                    var guid = model.get('guid');
                     var _icon_url = model.get('baseUrl') + modes[model.get('currentVariation')].get('icons')[(window.devicePixelRatio > 1) ? 1 : 0];
                     var btn = new Common.UI.Button({
                         cls: 'btn-toolbar x-huge icon-top',
                         iconCls: 'img-commonctrl review-prev',
                         iconImg: _icon_url,
                         caption: model.get('name'),
-                        menu: modes && modes.length > 1,
-                        value: model.get('guid')
+                        // menu: modes && modes.length > 1,
+                        value: guid,
+                        hint: model.get('name')
                     });
 
                     var $slot = $('<span class="slot"></span>').appendTo(_group);
                     btn.render($slot);
+
+                    model.set('button', btn);
                 });
 
                 parent.html(_group);
@@ -236,6 +246,19 @@ define([
                 this.loadMask.hide();
         },
 
+        _onAppReady: function (mode) {
+            var me = this;
+            this.storePlugins.each(function(model) {
+                var _plugin_btn = model.get('button');
+
+                if ( _plugin_btn ) {
+                    _plugin_btn.on('click', function(b, e) {
+                        me.fireEvent('plugin:select', [b.options.value]);
+                    });
+                }
+            });
+        },
+
         strPlugins: 'Plugins',
         textLoading: 'Loading',
         textStart: 'Start'
diff --git a/apps/common/main/resources/less/plugins.less b/apps/common/main/resources/less/plugins.less
index 361eef56d..1a2f9da94 100644
--- a/apps/common/main/resources/less/plugins.less
+++ b/apps/common/main/resources/less/plugins.less
@@ -120,4 +120,20 @@
     opacity: 0.4;
     background-color: @gray-light;
     z-index: @zindex-tooltip + 1;
+}
+
+#plugins-panel {
+    .x-huge.icon-top {
+        img {
+            height: 27px;
+        }
+
+        .caption {
+            text-overflow: ellipsis;
+            max-width: 60px;
+            overflow: hidden;
+        }
+
+        width: 60px;
+    }
 }
\ No newline at end of file