[DE mobile] Localization EditShape.
This commit is contained in:
parent
e0e2a0fe1d
commit
235c476513
|
@ -46,7 +46,7 @@ define([
|
|||
], function (core) {
|
||||
'use strict';
|
||||
|
||||
DE.Controllers.EditShape = Backbone.Controller.extend((function() {
|
||||
DE.Controllers.EditShape = Backbone.Controller.extend(_.extend((function() {
|
||||
// Private
|
||||
var _stack = [],
|
||||
_shapeObject = undefined,
|
||||
|
@ -558,5 +558,5 @@ define([
|
|||
return shapeExist;
|
||||
}
|
||||
};
|
||||
})());
|
||||
})(), DE.Controllers.EditShape || {}))
|
||||
});
|
|
@ -6,7 +6,7 @@
|
|||
<a id="shape-style" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Style</div>
|
||||
<div class="item-title"><%= scope.textStyle %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -15,7 +15,7 @@
|
|||
<a id="shape-wrap" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Wrap</div>
|
||||
<div class="item-title"><%= scope.textWrap %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -24,7 +24,7 @@
|
|||
<a id="shape-replace" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Replace</div>
|
||||
<div class="item-title"><%= scope.textReplace %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -33,7 +33,7 @@
|
|||
<a id="shape-reorder" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Reorder</div>
|
||||
<div class="item-title"><%= scope.textReorder %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -44,9 +44,9 @@
|
|||
<ul>
|
||||
<li>
|
||||
<% if (android) { %>
|
||||
<a id="shape-remove" class="button button-raised button-fill" style="margin: 20px 16px; background-color: #f44336;">Remove Shape</a>
|
||||
<a id="shape-remove" class="button button-raised button-fill" style="margin: 20px 16px; background-color: #f44336;"><%= scope.textRemoveShape %></a>
|
||||
<% } else { %>
|
||||
<a id="shape-remove" class="item-link list-button" style="text-align: center; color: #f00">Remove Shape</a>
|
||||
<a id="shape-remove" class="item-link list-button" style="text-align: center; color: #f00"><%= scope.textRemoveShape %></a>
|
||||
<% } %>
|
||||
</li>
|
||||
</ul>
|
||||
|
@ -57,8 +57,8 @@
|
|||
<div id="edit-shape-reorder">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span>Back</span><% } %></a></div>
|
||||
<div class="center sliding">Reorder</div>
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textReorder %></div>
|
||||
<div class="right"><% if (phone) { %><a href="#" class="link icon-only close-picker"><i class="icon icon-expand-down"></i></a><% } %></div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -71,7 +71,7 @@
|
|||
<div class="item-content">
|
||||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Bring to Foreground</div>
|
||||
<div class="item-title"><%= scope.textToForeground %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -81,7 +81,7 @@
|
|||
<div class="item-content">
|
||||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Send to Background</div>
|
||||
<div class="item-title"><%= scope.textToBackground %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -91,7 +91,7 @@
|
|||
<div class="item-content">
|
||||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Move Forward</div>
|
||||
<div class="item-title"><%= scope.textForward %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -101,7 +101,7 @@
|
|||
<div data-type="move-down" class="item-content">
|
||||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Move Backward</div>
|
||||
<div class="item-title"><%= scope.textBackward %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -116,8 +116,8 @@
|
|||
<div id="edit-shape-replace">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span>Back</span><% } %></a></div>
|
||||
<div class="center sliding">Replace</div>
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textReplace %></div>
|
||||
<div class="right"><% if (phone) { %><a href="#" class="link icon-only close-picker"><i class="icon icon-expand-down"></i></a><% } %></div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -140,8 +140,8 @@
|
|||
<div id="edit-shape-wrap">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span>Back</span><% } %></a></div>
|
||||
<div class="center sliding">Wrap</div>
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textWrap %></div>
|
||||
<div class="right"><% if (phone) { %><a href="#" class="link icon-only close-picker"><i class="icon icon-expand-down"></i></a><% } %></div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -158,7 +158,7 @@
|
|||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<% } %>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Inline</div>
|
||||
<div class="item-title"><%= scope.textInline %></div>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
|
@ -171,7 +171,7 @@
|
|||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<% } %>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Square</div>
|
||||
<div class="item-title"><%= scope.textSquare %></div>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
|
@ -184,7 +184,7 @@
|
|||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<% } %>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Tight</div>
|
||||
<div class="item-title"><%= scope.textTight %></div>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
|
@ -197,7 +197,7 @@
|
|||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<% } %>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Through</div>
|
||||
<div class="item-title"><%= scope.textThrough %></div>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
|
@ -210,7 +210,7 @@
|
|||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<% } %>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Top and Bottom</div>
|
||||
<div class="item-title"><%= scope.textTopAndBottom %></div>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
|
@ -223,7 +223,7 @@
|
|||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<% } %>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">In Front</div>
|
||||
<div class="item-title"><%= scope.textInFront %></div>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
|
@ -236,13 +236,13 @@
|
|||
<div class="item-media"><i class="icon icon-search"></i></div>
|
||||
<% } %>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Behind</div>
|
||||
<div class="item-title"><%= scope.textBehind %></div>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content-block-title align">Align</div>
|
||||
<div class="content-block-title align"><%= scope.textAlign %></div>
|
||||
<div class="list-block align">
|
||||
<ul>
|
||||
<li id="edit-shape-align">
|
||||
|
@ -263,7 +263,7 @@
|
|||
<li id="edit-shape-movetext">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Move with Text</div>
|
||||
<div class="item-title"><%= scope.textWithText %></div>
|
||||
<div class="item-after">
|
||||
<label class="label-switch">
|
||||
<input type="checkbox">
|
||||
|
@ -276,7 +276,7 @@
|
|||
<li id="edit-shape-overlap">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Allow Overlap</div>
|
||||
<div class="item-title"><%= scope.textOverlap %></div>
|
||||
<div class="item-after">
|
||||
<label class="label-switch">
|
||||
<input type="checkbox">
|
||||
|
@ -288,7 +288,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content-block-title distance">Distance from text</div>
|
||||
<div class="content-block-title distance"><%= scope.textFromText %></div>
|
||||
<div class="list-block distance" style="margin-bottom: 40px;">
|
||||
<ul>
|
||||
<li id="table-distance">
|
||||
|
@ -313,21 +313,21 @@
|
|||
<div id="edit-shape-style">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner edit-shape-style" data-page="edit-shape-style">
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span>Back</span><% } %></a></div>
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding categories">
|
||||
<% if (android) { %>
|
||||
<div class="toolbar tabbar">
|
||||
<div data-page="index" class="toolbar-inner">
|
||||
<a href="#tab-shape-fill" data-type="fill" class="tab-link active">Fill</a>
|
||||
<a href="#tab-shape-border" data-type="border" class="tab-link">Border</a>
|
||||
<a href="#tab-shape-effects" data-type="effects" class="tab-link">Effects</a>
|
||||
<a href="#tab-shape-fill" data-type="fill" class="tab-link active"><%= scope.textFill %></a>
|
||||
<a href="#tab-shape-border" data-type="border" class="tab-link"><%= scope.textBorder %></a>
|
||||
<a href="#tab-shape-effects" data-type="effects" class="tab-link"><%= scope.textEffects %></a>
|
||||
</div>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="buttons-row">
|
||||
<a href="#tab-shape-fill" data-type="fill" class="tab-link button active">Fill</a>
|
||||
<a href="#tab-shape-border" data-type="border" class="tab-link button">Border</a>
|
||||
<a href="#tab-shape-effects" data-type="effects" class="tab-link button">Effects</a>
|
||||
<a href="#tab-shape-fill" data-type="fill" class="tab-link button active"><%= scope.textFill %></a>
|
||||
<a href="#tab-shape-border" data-type="border" class="tab-link button"><%= scope.textBorder %></a>
|
||||
<a href="#tab-shape-effects" data-type="effects" class="tab-link button"><%= scope.textEffects %></a>
|
||||
</div>
|
||||
<% } %>
|
||||
</div>
|
||||
|
@ -344,7 +344,7 @@
|
|||
<div class="list-block">
|
||||
<ul>
|
||||
<li id="edit-shape-bordersize">
|
||||
<div style="padding: 15px 0 0 15px;">Size</div>
|
||||
<div style="padding: 15px 0 0 15px;"><%= scope.textSize %></div>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-input">
|
||||
|
@ -360,7 +360,7 @@
|
|||
<a id="edit-shape-bordercolor" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Color</div>
|
||||
<div class="item-title"><%= scope.textColor %></div>
|
||||
<div class="item-after"><div class="color-preview"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -373,7 +373,7 @@
|
|||
<div class="list-block">
|
||||
<ul>
|
||||
<li id="edit-shape-effect">
|
||||
<div style="padding: 15px 0 0 15px;">Opacity</div>
|
||||
<div style="padding: 15px 0 0 15px;"><%= scope.textOpacity %></div>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-input">
|
||||
|
@ -397,8 +397,8 @@
|
|||
<div id="edit-shape-border-color-view">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner" data-page="edit-shape-border-color">
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span>Back</span><% } %></a></div>
|
||||
<div class="center sliding">Color</div>
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textColor %></div>
|
||||
<div class="right"><% if (phone) { %><a href="#" class="link icon-only close-picker"><i class="icon icon-expand-down"></i></a><% } %></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -48,7 +48,7 @@ define([
|
|||
], function (editTemplate, $, _, Backbone) {
|
||||
'use strict';
|
||||
|
||||
DE.Views.EditShape = Backbone.View.extend((function() {
|
||||
DE.Views.EditShape = Backbone.View.extend(_.extend((function() {
|
||||
// private
|
||||
|
||||
return {
|
||||
|
@ -89,7 +89,8 @@ define([
|
|||
this.layout = $('<div/>').append(this.template({
|
||||
android : Common.SharedSettings.get('android'),
|
||||
phone : Common.SharedSettings.get('phone'),
|
||||
shapes : Common.SharedSettings.get('shapes')
|
||||
shapes : Common.SharedSettings.get('shapes'),
|
||||
scope : this
|
||||
}));
|
||||
|
||||
return this;
|
||||
|
@ -170,7 +171,35 @@ define([
|
|||
});
|
||||
|
||||
this.fireEvent('page:show', [this, selector]);
|
||||
}
|
||||
},
|
||||
|
||||
textStyle: 'Style',
|
||||
textWrap: 'Wrap',
|
||||
textReplace: 'Replace',
|
||||
textReorder: 'Reorder',
|
||||
textRemoveShape: 'Remove Shape',
|
||||
textBack: 'Back',
|
||||
textToForeground: 'Bring to Foreground',
|
||||
textToBackground: 'Send to Background',
|
||||
textForward: 'Move Forward',
|
||||
textBackward: 'Move Backward',
|
||||
textInline: 'Inline',
|
||||
textSquare: 'Square',
|
||||
textTight: 'Tight',
|
||||
textThrough: 'Through',
|
||||
textTopAndBottom: 'Top and Bottom',
|
||||
textInFront: 'In Front',
|
||||
textBehind: 'Behind',
|
||||
textAlign: 'Align',
|
||||
textWithText: 'Move with Text',
|
||||
textOverlap: 'Allow Overlap',
|
||||
textFromText: 'Distance from Text',
|
||||
textFill: 'Fill',
|
||||
textBorder: 'Border',
|
||||
textEffects: 'Effects',
|
||||
textSize: 'Size',
|
||||
textColor: 'Color',
|
||||
textOpacity: 'Opacity'
|
||||
}
|
||||
})());
|
||||
})(), DE.Views.EditShape || {}))
|
||||
});
|
|
@ -266,4 +266,32 @@
|
|||
"DE.Views.EditParagraph.textOrphan": "Orphan Control",
|
||||
"DE.Views.EditParagraph.textKeepLines": "Keep Lines Together",
|
||||
"DE.Views.EditParagraph.textKeepNext": "Keep with Next",
|
||||
|
||||
"DE.Views.EditShape.textStyle": "Style",
|
||||
"DE.Views.EditShape.textWrap": "Wrap",
|
||||
"DE.Views.EditShape.textReplace": "Replace",
|
||||
"DE.Views.EditShape.textReorder": "Reorder",
|
||||
"DE.Views.EditShape.textRemoveShape": "Remove Shape",
|
||||
"DE.Views.EditShape.textBack": "Back",
|
||||
"DE.Views.EditShape.textToForeground": "Bring to Foreground",
|
||||
"DE.Views.EditShape.textToBackground": "Send to Background",
|
||||
"DE.Views.EditShape.textForward": "Move Forward",
|
||||
"DE.Views.EditShape.textBackward": "Move Backward",
|
||||
"DE.Views.EditShape.textInline": "Inline",
|
||||
"DE.Views.EditShape.textSquare": "Square",
|
||||
"DE.Views.EditShape.textTight": "Tight",
|
||||
"DE.Views.EditShape.textThrough": "Through",
|
||||
"DE.Views.EditShape.textTopAndBottom": "Top and Bottom",
|
||||
"DE.Views.EditShape.textInFront": "In Front",
|
||||
"DE.Views.EditShape.textBehind": "Behind",
|
||||
"DE.Views.EditShape.textAlign": "Align",
|
||||
"DE.Views.EditShape.textWithText": "Move with Text",
|
||||
"DE.Views.EditShape.textOverlap": "Allow Overlap",
|
||||
"DE.Views.EditShape.textFromText": "Distance from Text",
|
||||
"DE.Views.EditShape.textFill": "Fill",
|
||||
"DE.Views.EditShape.textBorder": "Border",
|
||||
"DE.Views.EditShape.textEffects": "Effects",
|
||||
"DE.Views.EditShape.textSize": "Size",
|
||||
"DE.Views.EditShape.textColor": "Color",
|
||||
"DE.Views.EditShape.textOpacity": "Opacity"
|
||||
}
|
Loading…
Reference in a new issue