Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add template

Browse source
This commit is contained in:
OVSharova 2021-07-26 05:03:39 +03:00
parent 66b308e733
commit a012f31c34
2 changed files with 38 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
apps/presentationeditor/main/app/template/Transitions.template Normal file
View file

@ -0,0 +1,36 @@
<section id="transitions-panel" class="panel" data-tab="transit">
<div class="group flex small" id="transit-field-effects" style=" width: 63%; min-width: 300px; " ></div>
<div class="group small">
<span class="btn-slot text x-huge" id="transit-button-parametrs"></span>
</div>
<div class="separator long"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot text" id="label-duration" style="display: inline-block; float: left; width: 8px;font-size: 11px;text-align: left; margin-top: 4px"" >Durations</span>
<span id="transit-spin-duration" class="btn-slot text spinner" style="display: inline-block; float: right; width: 30px; "></span>
</div>
<div class="elset">
<span class="btn-slot text " id="transit-button-apply" style="display: inline-block; float:right;"></span>
</div>
</div>
<div class="separator long"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot text" id="transit-checkbox-slidenum"></span>
</div>
<div class="elset">
<span class="btn-slot text" id="label-delay" style="display: inline-block; float: left; width: 8px;font-size: 11px;text-align: left; margin-top: 4px" >Delay</span>
<span id="transit-spin-delay" class="btn-slot text spinner" style="display: inline-block; float: right; width: 30px; "></span>
</div>
</div>
<div class="separator long"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot text x-huge" id="transit-button-preview"></span>
</div>
<div class="elset">
<span class="btn-slot text x-huge" ></span>
</div>
</div>
</section>

46
apps/presentationeditor/main/app/view/Transitions.js
View file

@ -40,12 +40,10 @@
* *
*/ */
if (Common === undefined)
var Common = {};
Common.Views = Common.Views || {};
define([ define([
'text!presentationeditor/main/app/template/Transitions.template',
'common/main/lib/util/utils', 'common/main/lib/util/utils',
'common/main/lib/component/Button', 'common/main/lib/component/Button',
'common/main/lib/component/DataView', 'common/main/lib/component/DataView',
@ -54,50 +52,10 @@ define([
'presentationeditor/main/app/view/SlideSettings', 'presentationeditor/main/app/view/SlideSettings',
'common/main/lib/component/MetricSpinner', 'common/main/lib/component/MetricSpinner',
'common/main/lib/component/Window' 'common/main/lib/component/Window'
], function () { ], function (template) {
'use strict'; 'use strict';
PE.Views.Transitions = Common.UI.BaseView.extend(_.extend((function(){ PE.Views.Transitions = Common.UI.BaseView.extend(_.extend((function(){
var template =
'<section id="transitions-panel" class="panel" data-tab="transit">' +
'<div class="group flex small" id="transit-field-effects" style=" width: 60%; min-width: 178px; " ></div>'+
'<div class="group small">' +
'<span class="btn-slot text x-huge" id="transit-button-parametrs"></span>' +
'</div>' +
'<div class="separator long"></div>' +
'<div class="group small">' +
'<div class="elset">'+
'<span class="btn-slot text" id="label-duration" style="display: inline-block; float: left; width: 8px;font-size: 11px;text-align: left; margin-top: 4px"" >Durations</span>'+
'<span id="transit-spin-duration" class="btn-slot text spinner" style="display: inline-block; float: right; width: 30px; "></span>'+
'</div>'+
'<div class="elset">'+
'<span class="btn-slot text " id="transit-button-apply" style="display: inline-block; float:right;"></span>' +
'</div>'+
'</div>' +
'<div class="separator long"></div>' +
'<div class="group small">' +
'<div class="elset">'+
'<span class="btn-slot text" id="transit-checkbox-slidenum"></span>'+
'</div>'+
'<div class="elset">'+
'<span class="btn-slot text" id="label-delay" style="display: inline-block; float: left; width: 8px;font-size: 11px;text-align: left; margin-top: 4px" >Delay</span>'+
'<span id="transit-spin-delay" class="btn-slot text spinner" style="display: inline-block; float: right; width: 30px; "></span>'+
'</div>'+
'</div>'+
'<div class="separator long"></div>' +
'<div class="group small">' +
'<div class="elset">'+
'<span class="btn-slot text x-huge" id="transit-button-preview"></span>' +
'</div>' +
'<div class="elset">'+
'<span class="btn-slot text x-huge" ></span>' +
'</div>' +
'</div>' +
'</section>';
function setEvents() { function setEvents() {
var me = this; var me = this;
if(me.listEffects) if(me.listEffects)