1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

i18n section types

This commit is contained in:
McMatts 2022-03-10 12:10:39 -05:00
parent bca7794c00
commit f735ae1278
11 changed files with 61 additions and 44 deletions

View file

@ -15,6 +15,7 @@ export default Component.extend({
data: "",
didReceiveAttrs() {
this._super();
this.set("data", this.get("meta.rawBody"));
},

View file

@ -34,7 +34,7 @@ export default Component.extend(Modals, Notifier, {
pageTitle: '',
didReceiveAttrs() {
this._super(...arguments);
this._super();
this.set('pageTitle', this.get('page.title'));
},

View file

@ -21,7 +21,9 @@ export default Component.extend(ModalMixin, {
hasNameError: empty('page.title'),
hasDescError: empty('page.excerpt'),
didRender() {
didRender(...args) {
this._super(...args);
let self = this;
Mousetrap.bind('esc', function () {
self.send('onCancel');

View file

@ -67,7 +67,8 @@ export default Component.extend({
}
},
didInsertElement() {
didInsertElement(...args) {
this._super(...args);
var editor = CodeMirror.fromTextArea(document.getElementById(this.get('editorId')), {
theme: "material",
lineNumbers: true,
@ -91,7 +92,8 @@ export default Component.extend({
this.set('codeEditor', editor);
},
willDestroyElement() {
willDestroyElement(...args) {
this._super(...args);
let editor = this.get('codeEditor');
if (!_.isNull(editor)) {

View file

@ -17,13 +17,14 @@ import Component from '@ember/component';
export default Component.extend({
appMeta: service(),
sectionSvc: service('section'),
i18n: service(),
isDirty: false,
waiting: false,
diagram: '',
diagramXML: '',
title: '',
readyToSave: false,
previewButtonCaption: 'Preview',
previewButtonCaption: '',
flowCallback: null,
editorId: computed('page', function () {
let page = this.get('page');
@ -40,6 +41,8 @@ export default Component.extend({
didInsertElement() {
this._super(...arguments);
this.previewButtonCaption = this.i18n.localize('preview');
schedule('afterRender', () => {
this.setupEditor();
});
@ -125,7 +128,7 @@ export default Component.extend({
action: 'export',
format: 'xmlpng',
xml: this.get('diagramXML'),
spin: 'Updating'
spin: this.i18n.localize('updating')
}
), '*');
},

View file

@ -1,12 +1,11 @@
{{layout/logo-heading
title="Airtable"
desc="Part spreadsheet, part database, and entirely flexible (https://airtable.com)"
title=(localize 'section_airtable')
desc=(localize 'section_airtable_explain')
icon=constants.Icon.Integrations}}
{{#section/base-editor document=document folder=folder page=page isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
<div class="form-group">
<label for="airtable-embed-code">Airtable embed code</label>
{{textarea value=data rows="3" id="airtable-embed-code" class="form-control mousetrap" placeholder="Enter code" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"}}
<small class="form-text text-muted">Paste the Airtable embed code snippet</small>
<label for="airtable-embed-code">{{localize 'section_airtable_code'}}</label>
{{textarea value=data rows="3" id="airtable-embed-code" class="form-control mousetrap" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"}}
</div>
{{/section/base-editor}}

View file

@ -5,15 +5,15 @@
<form>
{{#if blockMode}}
<div class="form-group">
{{focus-input id="page-id-{{pageId}}" value=pageTitle placeholder="Enter name"
{{focus-input id="page-id-{{pageId}}" value=pageTitle placeholder=(localize 'name')
class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap")}}
</div>
<div class="form-group">
{{textarea id="page-excerpt-{{pageId}}" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter description"}}
{{textarea id="page-excerpt-{{pageId}}" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder=(localize 'description')}}
</div>
{{else}}
<div class="form-group">
{{focus-input type="text" id=pageId value=pageTitle class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter name"}}
{{focus-input type="text" id=pageId value=pageTitle class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder=(localize 'name')}}
</div>
{{/if}}
</form>
@ -25,15 +25,13 @@
{{/if}}
{{#ui/ui-toolbar dark=false light=true raised=true large=true bordered=true}}
{{#if contentLinkerButton}}
{{ui/ui-toolbar-icon icon=constants.Icon.Link color=constants.Color.Gray
tooltip="Insert Link" onClick=(action "onShowLinkModal")}}
{{ui/ui-toolbar-icon icon=constants.Icon.Link color=constants.Color.Gray tooltip=(localize 'link_insert') onClick=(action "onShowLinkModal")}}
{{/if}}
{{#if previewButton}}
{{ui/ui-toolbar-icon icon=previewIcon color=constants.Color.Gray
tooltip=previewText onClick=(action "onPreview")}}
{{ui/ui-toolbar-icon icon=previewIcon color=constants.Color.Gray tooltip=previewText onClick=(action "onPreview")}}
{{/if}}
{{ui/ui-toolbar-icon icon=constants.Icon.Tick color=constants.Color.Green tooltip="Save changes" onClick=(action "onAction")}}
{{ui/ui-toolbar-icon icon=constants.Icon.Cross color=constants.Color.Red tooltip="Cancel editing" onClick=(action "onCancel")}}
{{ui/ui-toolbar-icon icon=constants.Icon.Tick color=constants.Color.Green tooltip=(localize 'save') onClick=(action "onAction")}}
{{ui/ui-toolbar-icon icon=constants.Icon.Cross color=constants.Color.Red tooltip=(localize 'cancel') onClick=(action "onCancel")}}
{{/ui/ui-toolbar}}
</div>
</div>
@ -47,13 +45,13 @@
<div id={{concat "discard-modal-" page.id}} class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">Discard Changes</div>
<div class="modal-header">{{localize 'discard_changes'}}</div>
<div class="modal-body">
<p>You have made changes to the section - continue editing or discard changes?</p>
<p>{{localize 'discard_confirm'}}</p>
</div>
<div class="modal-footer">
{{ui/ui-button color=constants.Color.Gray light=true label="Continue editing" dismiss=true}}
{{ui/ui-button color=constants.Color.Red light=true label="Discard changes" onClick=(action "onDiscard")}}
{{ui/ui-button color=constants.Color.Gray light=true label=(localize 'continue') dismiss=true}}
{{ui/ui-button color=constants.Color.Red light=true label=(localize 'discard') onClick=(action "onDiscard")}}
</div>
</div>
</div>

View file

@ -2,11 +2,11 @@
<div class="grid-cell-1 grid-cell-width-100">
<div class="section-editor">
<div class="form-group">
{{focus-input type="text" id="page-title" value=page.title class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter name"}}
{{focus-input type="text" id="page-title" value=page.title class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder=(localize 'name')}}
</div>
{{#if hasExcerpt}}
<div class="form-group">
{{textarea id="page-excerpt" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter description"}}
{{textarea id="page-excerpt" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder=(localize 'description')}}
</div>
{{/if}}
</div>
@ -30,14 +30,14 @@
<div id={{concat "discard-modal"}} class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">Discard Changes</div>
<div class="modal-header">{{localize 'discard_changes'}}</div>
<div class="modal-body">
<p>You have made changes - continue editing or discard changes?</p>
<p>{{localize 'discard_confirm'}}</p>
</div>
<div class="modal-footer">
{{ui/ui-button color=constants.Color.Gray light=true label="Continue editing" dismiss=true}}
{{ui/ui-button color=constants.Color.Red light=true label="Discard changes" onClick=(action "onDiscard")}}
{{ui/ui-button color=constants.Color.Gray light=true label=(localize 'continue') dismiss=true}}
{{ui/ui-button color=constants.Color.Red light=true label=(localize 'discard') onClick=(action "onDiscard")}}
</div>
</div>
</div>
</div>
</div>

View file

@ -1,4 +1,4 @@
{{#section/base-editor-inline document=document folder=folder page=page tip="Concise name that describes code snippet" isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
{{#section/base-editor-inline document=document folder=folder page=page tip=(localize 'section_code_tip') isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
<div class="section-code-editor">
<div class="syntax-selector">
{{ui/ui-select id=syntaxId

View file

@ -1,6 +1,6 @@
{{layout/logo-heading
title="Draw.io"
desc="For making flowcharts, process diagrams, org charts, UML, ER diagrams, network diagrams and much more (https://about.draw.io)"
title=(localize 'section_drawio')
desc=(localize 'section_drawio_explain')
icon=constants.Icon.Integrations}}
{{#section/base-editor document=document folder=folder page=page busy=waiting isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}