Custom names for wlxml tags/classes - first approach

diff --git a/modules/documentToolbar/documentToolbar.js b/modules/documentToolbar/documentToolbar.js
index e4d5039..e3bc1eb 100644 (file)
--- a/modules/documentToolbar/documentToolbar.js
+++ b/modules/documentToolbar/documentToolbar.js
@@ -1,11 +1,11 @@
-define(['libs/jquery-1.9.1.min', 'libs/underscore-min', 'libs/text!./template.html'], function($, _, template) {
+define(['libs/jquery-1.9.1.min', 'libs/underscore-min', 'utils/wlxml', 'libs/text!./template.html'], function($, _, wlxmlUtils, template) {

 
 'use strict';
 
 return function(sandbox) {
     
     var view = {
 
 'use strict';
 
 return function(sandbox) {
     
     var view = {

-        node: $(_.template(template)()),
+        node: $(_.template(template)({tagNames: wlxmlUtils.wlxmlTagNames, classNames: wlxmlUtils.wlxmlClassNames})),

         setup: function() {
             var view = this;
             
         setup: function() {
             var view = this;
             

diff --git a/modules/documentToolbar/template.html b/modules/documentToolbar/template.html
index e521f25..86357bc 100644 (file)
--- a/modules/documentToolbar/template.html
+++ b/modules/documentToolbar/template.html
@@ -7,13 +7,13 @@
         <select class="rng-module-documentToolbar-toolbarOption" data-option="newTag-tag">
             <% var options = ['', 'section', 'header', 'div', 'span', 'aside']; %>
             <% options.forEach(function(option) { %>
         <select class="rng-module-documentToolbar-toolbarOption" data-option="newTag-tag">
             <% var options = ['', 'section', 'header', 'div', 'span', 'aside']; %>
             <% options.forEach(function(option) { %>

-                <option value="<%= option %>" <% if(option==='span') { %>selected<% } %>><%= option %></option>
+                <option value="<%= option %>" <% if(option==='span') { %>selected<% } %>><%= tagNames[option] %></option>

             <% }); %>
         </select>
         <select class="rng-module-documentToolbar-toolbarOption" data-option="newTag-class">
             <% }); %>
         </select>
         <select class="rng-module-documentToolbar-toolbarOption" data-option="newTag-class">

-            <% var options = ['', 'author', 'title', 'cite', 'cite.code', 'cite.code.xml', 'list', 'list.items', 'item', 'uri', 'p', 'footnote', 'todo', 'emp', 'emph.tech'] %>
+            <% var options = ['', 'author', 'title', 'cite', 'cite.code', 'cite.code.xml', 'list.items', 'item', 'uri', 'p', 'footnote', 'todo', 'emp'] %>

             <% options.forEach(function(option) { %>
             <% options.forEach(function(option) { %>

-                <option value="<%= option.replace(/\./g, '-') %>" <% if(option==='cite') { %>selected<% } %>><%= option %></option>
+                <option value="<%= option.replace(/\./g, '-') %>" <% if(option==='cite') { %>selected<% } %>><%= classNames[option] %></option>

             <% }); %>
         </select>
         <button data-name="new-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-plus"></i></button>
             <% }); %>
         </select>
         <button data-name="new-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-plus"></i></button>

diff --git a/modules/nodePane/nodePane.js b/modules/nodePane/nodePane.js
index 3a4a0ef..b723e68 100644 (file)
--- a/modules/nodePane/nodePane.js
+++ b/modules/nodePane/nodePane.js
@@ -2,14 +2,15 @@ define([
 'libs/text!./template.html',
 'libs/jquery-1.9.1.min',
 'libs/underscore-min',
 'libs/text!./template.html',
 'libs/jquery-1.9.1.min',
 'libs/underscore-min',

-'modules/nodePane/metaWidget/metaWidget'
-], function(templateSrc, $, _, metaWidget) {
+'modules/nodePane/metaWidget/metaWidget',
+'utils/wlxml'
+], function(templateSrc, $, _, metaWidget, wlxmlUtils) {

 
 'use strict';
 
 return function(sandbox) {
     
 
 'use strict';
 
 return function(sandbox) {
     

-    var view = $(_.template(templateSrc)());
+    var view = $(_.template(templateSrc)({tagNames: wlxmlUtils.wlxmlTagNames, classNames: wlxmlUtils.wlxmlClassNames}));

     
     view.on('change', 'select', function(e) {
         var target = $(e.target);
     
     view.on('change', 'select', function(e) {
         var target = $(e.target);

diff --git a/modules/nodePane/template.html b/modules/nodePane/template.html
index a40e711..b9a1254 100644 (file)
--- a/modules/nodePane/template.html
+++ b/modules/nodePane/template.html
@@ -6,16 +6,16 @@
             <select class="rng-module-nodePane-tagSelect">
                 <% var options = ['', 'section', 'header', 'div', 'span', 'aside']; %>
                 <% options.forEach(function(option) { %>
             <select class="rng-module-nodePane-tagSelect">
                 <% var options = ['', 'section', 'header', 'div', 'span', 'aside']; %>
                 <% options.forEach(function(option) { %>

-                    <option value="<%= option %>" <% if(option === '') { %>selected<% } %>><%= option %></option>
+                    <option value="<%= option %>" <% if(option === '') { %>selected<% } %>><%= tagNames[option] %></option>

                 <% }); %>
             </select>
         </div>
         <div>
             <label>Klasa</label>
             <select  class="rng-module-nodePane-classSelect">
                 <% }); %>
             </select>
         </div>
         <div>
             <label>Klasa</label>
             <select  class="rng-module-nodePane-classSelect">

-                <% var options = ['', 'author', 'title', 'cite', 'cite.code', 'cite.code.xml', 'list', 'list.items', 'list.items.enum', 'item', 'uri', 'p', 'footnote', 'todo', 'emp', 'emph.tech'] %>
+                <% var options = ['', 'author', 'title', 'cite', 'cite.code', 'cite.code.xml', 'list.items', 'list.items.enum', 'item', 'uri', 'p', 'footnote', 'todo', 'emp'] %>

                 <% options.forEach(function(option) { %>
                 <% options.forEach(function(option) { %>

-                    <option value="<%= option.replace(/\./g, '-') %>" <% if(option === '') { %>selected<% } %>><%= option %></option>
+                    <option value="<%= option.replace(/\./g, '-') %>" <% if(option === '') { %>selected<% } %>><%= classNames[option] %></option>

                 <% }); %>
             </select>
         </div>
                 <% }); %>
             </select>
         </div>

diff --git a/utils/wlxml.js b/utils/wlxml.js
new file mode 100644 (file)
index 0000000..5f1b84d
--- /dev/null
+++ b/utils/wlxml.js
@@ -0,0 +1,36 @@
+define([
+
+], function() {
+    
+'use strict';
+
+
+
+return {
+    wlxmlTagNames: {
+        '': '',
+        section: 'sekcja',
+        header: 'nagłówek',
+        div: 'blok',
+        span: 'tekst',
+        aside: 'poboczny'
+    },
+    wlxmlClassNames: {
+        '': '',
+        author: 'autor',
+        title: 'tytuł',
+        cite: 'cytat',
+        'cite.code': 'cytat.kod',
+        'cite.code.xml': 'cytat.kod.xml',
+        'list.items': 'lista',
+        'list.items.enum': 'lista.numerowana',
+        item: 'element',
+        uri: 'uri',
+        p: 'paragraf',
+        footnote: 'przypis',
+        todo: 'todo',
+        emp: 'wyróżnienie'
+    }
+};
+
+});
\ No newline at end of file