[DE mobile] Localization EditParagraph.

This commit is contained in:
Alexander Yuzhin 2016-11-18 17:37:09 +03:00
parent 26e5b8bdcd
commit 25d5ab8c60
4 changed files with 59 additions and 28 deletions

View file

@ -46,7 +46,7 @@ define([
], function (core) {
'use strict';
DE.Controllers.EditParagraph = Backbone.Controller.extend((function() {
DE.Controllers.EditParagraph = Backbone.Controller.extend(_.extend((function() {
// Private
var _stack = [],
_paragraphInfo = {},
@ -323,5 +323,5 @@ define([
$('#paragraph-list input[name=paragraph-style]').val([name]);
}
}
})());
});
})(), DE.Controllers.EditParagraph || {}))
});

View file

@ -6,7 +6,7 @@
<a id="paragraph-background" class="item-link">
<div class="item-content">
<div class="item-inner">
<div class="item-title">Background</div>
<div class="item-title"><%= scope.textBackground %></div>
<div class="item-after"><div class="color-preview"></div></div>
</div>
</div>
@ -20,14 +20,14 @@
<a id="paragraph-advanced" class="item-link">
<div class="item-content">
<div class="item-inner">
<div class="item-title">Advanced settings</div>
<div class="item-title"><%= scope.textAdvSettings %></div>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="content-block-title">Paragraph styles</div>
<div class="content-block-title"><%= scope.textPrgStyles %></div>
<div id="paragraph-list" class="list-block">
<ul></ul>
</div>
@ -37,8 +37,8 @@
<div id="edit-paragraph-color">
<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">Background</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.textBackground %></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>
@ -52,25 +52,25 @@
<div id="edit-paragraph-advanced">
<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">Advanced</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.textAdvanced %></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>
<div class="page" data-page="edit-paragraph-advanced">
<div class="page-content">
<div class="content-block-title">Distance from text</div>
<div class="content-block-title"><%= scope.textFromText %></div>
<div class="list-block">
<ul>
<li id="paragraph-distance-before">
<div class="item-content">
<div class="item-inner">
<div class="item-title">Before</div>
<div class="item-title"><%= scope.textBefore %></div>
<div class="item-after splitter">
<% if (!android) { %><label>Auto</label><% } %>
<% if (!android) { %><label><%= scope.textAuto %></label><% } %>
<p class="buttons-row">
<span class="button decrement"><% if (android) { %><i class="icon icon-expand-down"></i><% } else { %>-<% } %></span>
<% if (android) { %><label>Auto</label><% } %>
<% if (android) { %><label><%= scope.textAuto %></label><% } %>
<span class="button increment"><% if (android) { %><i class="icon icon-expand-up"></i><% } else { %>+<% } %></span>
</p>
</div>
@ -80,12 +80,12 @@
<li id="paragraph-distance-after">
<div class="item-content">
<div class="item-inner">
<div class="item-title">After</div>
<div class="item-title"><%= scope.textAfter %></div>
<div class="item-after splitter">
<% if (!android) { %><label>Auto</label><% } %>
<% if (!android) { %><label><%= scope.textAuto %></label><% } %>
<p class="buttons-row">
<span class="button decrement"><% if (android) { %><i class="icon icon-expand-down"></i><% } else { %>-<% } %></span>
<% if (android) { %><label>Auto</label><% } %>
<% if (android) { %><label><%= scope.textAuto %></label><% } %>
<span class="button increment"><% if (android) { %><i class="icon icon-expand-up"></i><% } else { %>+<% } %></span>
</p>
</div>
@ -99,7 +99,7 @@
<li id="paragraph-space">
<div class="item-content">
<div class="item-inner">
<div class="item-title">Space Between Paragraphs</div>
<div class="item-title"><%= scope.textSpaceBetween %></div>
<div class="item-after">
<label class="label-switch">
<input type="checkbox">
@ -116,7 +116,7 @@
<li id="paragraph-page-break">
<div class="item-content">
<div class="item-inner">
<div class="item-title">Page Break Before</div>
<div class="item-title"><%= scope.textPageBreak %></div>
<div class="item-after">
<label class="label-switch">
<input type="checkbox">
@ -129,7 +129,7 @@
<li id="paragraph-page-orphan">
<div class="item-content">
<div class="item-inner">
<div class="item-title">Orphan Control</div>
<div class="item-title"><%= scope.textOrphan %></div>
<div class="item-after">
<label class="label-switch">
<input type="checkbox">
@ -142,7 +142,7 @@
<li id="paragraph-page-keeptogether">
<div class="item-content">
<div class="item-inner">
<div class="item-title">Keep Lines Together</div>
<div class="item-title"><%= scope.textKeepLines %></div>
<div class="item-after">
<label class="label-switch">
<input type="checkbox">
@ -155,7 +155,7 @@
<li id="paragraph-page-keepnext">
<div class="item-content">
<div class="item-inner">
<div class="item-title">Keep with Next</div>
<div class="item-title"><%= scope.textKeepNext %></div>
<div class="item-after">
<label class="label-switch">
<input type="checkbox">

View file

@ -48,7 +48,7 @@ define([
], function (editTemplate, $, _, Backbone) {
'use strict';
DE.Views.EditParagraph = Backbone.View.extend((function() {
DE.Views.EditParagraph = Backbone.View.extend(_.extend((function() {
// private
// var _paragraphStyles;
@ -81,7 +81,8 @@ define([
render: function () {
this.layout = $('<div/>').append(this.template({
android : Common.SharedSettings.get('android'),
phone : Common.SharedSettings.get('phone')
phone : Common.SharedSettings.get('phone'),
scope : this
}));
return this;
@ -154,7 +155,22 @@ define([
showAdvanced: function () {
this.showPage('#edit-paragraph-advanced');
}
},
textBackground: 'Background',
textAdvSettings: 'Advanced settings',
textPrgStyles: 'Paragraph styles',
textBack: 'Back',
textAdvanced: 'Advanced',
textFromText: 'Distance from Text',
textBefore: 'Before',
textAuto: 'Auto',
textAfter: 'After',
textSpaceBetween: 'Space Between Paragraphs',
textPageBreak: 'Page Break Before',
textOrphan: 'Orphan Control',
textKeepLines: 'Keep Lines Together',
textKeepNext: 'Keep with Next'
}
})());
});
})(), DE.Views.EditParagraph || {}))
});

View file

@ -250,5 +250,20 @@
"DE.Views.EditImage.textLinkSettings": "Link Settings",
"DE.Views.EditImage.textAddress": "Address",
"DE.Views.EditImage.textImageURL": "Image URL",
"DE.Views.EditImage.textReplaceImg": "Replace Image"
"DE.Views.EditImage.textReplaceImg": "Replace Image",
"DE.Views.EditParagraph.textBackground": "Background",
"DE.Views.EditParagraph.textAdvSettings": "Advanced settings",
"DE.Views.EditParagraph.textPrgStyles": "Paragraph styles",
"DE.Views.EditParagraph.textBack": "Back",
"DE.Views.EditParagraph.textAdvanced": "Advanced",
"DE.Views.EditParagraph.textFromText": "Distance from Text",
"DE.Views.EditParagraph.textBefore": "Before",
"DE.Views.EditParagraph.textAuto": "Auto",
"DE.Views.EditParagraph.textAfter": "After",
"DE.Views.EditParagraph.textSpaceBetween": "Space Between Paragraphs",
"DE.Views.EditParagraph.textPageBreak": "Page Break Before",
"DE.Views.EditParagraph.textOrphan": "Orphan Control",
"DE.Views.EditParagraph.textKeepLines": "Keep Lines Together",
"DE.Views.EditParagraph.textKeepNext": "Keep with Next",
}