Edit templates

apps/presentationeditor/main/app/controller/Main.js

@@ -1233,7 +1233,7 @@ define([
                 reviewController.setMode(me.appOptions).setConfig({config: me.editorConfig}, me.api).loadDocument({doc:me.document});
 
                 var transitController    = application.getController('Transitions');
-                transitController.setMode(me.appOptions).setConfig({config: me.editorConfig}, me.api).loadDocument({doc:me.document});
+                transitController.setMode(me.appOptions).setConfig(me.api);
 
                 if (this.appOptions.isEdit || this.appOptions.isRestrictedEdit) { // set api events for toolbar in the Restricted Editing mode)
                     var toolbarController   = application.getController('Toolbar');

apps/presentationeditor/main/app/controller/Transitions.js

@@ -80,7 +80,7 @@ define([
             this._state = {};
             //Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
          },
-        setConfig: function (data, api) {
+        setConfig: function ( api) {
             this.setApi(api);
             this.api.asc_registerCallback('asc_onFocusObject',          _.bind(this.onFocusObject, this));
             return this;

apps/presentationeditor/main/app/template/Toolbar.template

@@ -4,7 +4,7 @@
         <%= tabsmarkup %>
         <div class="extra right"></div>
     </section>
-    <section class="box-controls">%
+    <section class="box-controls">
         <section class="panel static">
             <div class="group no-mask small">
                 <div class="elset">

apps/presentationeditor/main/app/template/Transitions.template

@@ -1,5 +1,5 @@
 <section id="transitions-panel" class="panel" data-tab="transit">
-    <div class="group flex small" id="transit-field-effects" style=" width: 56%; min-width: 300px; " ></div>
+    <div class="group flex small" id="transit-field-effects" style=" width: 700px; min-width: 300px;"></div>
 
     <div class="group small">
         <span class="btn-slot text x-huge" id="transit-button-parametrs"></span>
@@ -7,8 +7,8 @@
     <div class="separator long"></div>
     <div class="group small">
         <div class="elset font-normal">
-            <div class="btn-slot text" id="label-duration" style="font-size: 11px; text-align: left;  "><%=Duration%></div>
+            <label><%=Duration%></label>
-            <span id="transit-spin-duration" class="btn-slot text spinner" "></span>
+            <span id="transit-spin-duration" class="btn-slot text spinner"></span>
         </div>
         <div class="elset">
             <span class="btn-slot text" id="transit-button-preview"></span>
@@ -27,7 +27,7 @@
     <div class="separator long"></div>
     <div class="group small">
          <div class="elset">
-            <span class="btn-slot text " id="transit-button-apply" "></span>
+            <span class="btn-slot text " id="transit-button-apply"></span>
         </div>
         <div class="elset">
             <span class="btn-slot text x-huge"></span>

apps/presentationeditor/main/app/view/Transitions.js

@@ -195,15 +195,9 @@ define([
 
                 this.listEffects.fieldPicker.itemTemplate = _.template([
                     '<div class="style" id="<%= id %>">',
-                    '<div style="width: ' + this.listEffects.itemWidth + 'px;  height: '+(this.listEffects.itemHeight-16)+'px;  ">',
+                        '<div  class="btn btn-toolbar x-huge icon-top" style="width: ' + (this.listEffects.itemWidth) +'px;height: '+(this.listEffects.itemHeight)+'px;">',
-                       '<div  class="btn btn-toolbar x-huge icon-top"data-toggle="tooltip" data-original-title="" title="">',
+                           '<div class=" icon toolbar__icon <%= imageUrl %>"></div>',
-                                '<div class="inner-box-icon" style="width: ' + (this.listEffects.itemWidth) +'px;">',
+                            '<div class="caption"><%= title %></div>',
-                                    '<i class="icon toolbar__icon <%= imageUrl %>"></i>',
-                                '</div>',
-                                '<div class="inner-box-caption" style=" ">',
-                                    '<span class="caption" style="font-size: 11px;"><%= title %></span>',
-                                '</div>',
-                            '</div>',
                         '</div>',
                     '</div>'
                 ].join(''));

apps/presentationeditor/main/resources/less/transitions.less

@@ -2,6 +2,7 @@
   .item {
     background: transparent;
     border-color: transparent;
+    .box-shadow(none);
     border-radius: @scaled-one-px-value-ie;
     border-radius: @scaled-one-px-value;
     border-width: calc(2*@scaled-one-px-value-ie) ;
@@ -9,11 +10,9 @@
     &:hover{
       border-color: @border-preview-hover-ie;
       border-color: @border-preview-hover;
-      box-shadow: none;
     }
     &.selected
     {
-      box-shadow: none;
       border-color: @border-preview-select-ie;
       border-color: @border-preview-select;
     }
@@ -23,18 +22,15 @@
     }
 
     .btn {
-
+      border: none;
       &:hover {
         background-color: transparent;
       }
-      .inner-box-icon
+      .icon
       {
         margin-top: -2px;
       }
-      .inner-box-caption
+
-      {
-        padding-bottom: 10px;
-      }
     }
   }
 }