jsharmony-cms 1.4.1 → 1.5.3

package/clientjs/component/componentModel/dataModelTemplate_gridPreview.js

@@ -115,7 +115,9 @@ DataModelTemplate_GridPreview.prototype.buildTemplate = function(componentTempla
   model.oncommit =  '_this.onCommit(xmodel, rowid, callback);';
   model.ejs =  '';
   model.sort = { [this._sequenceFieldName]: 'asc' };
-  model.oninit = "jsh.$root('.xform'+xmodel.class).before('<div class=\"dataGridEditor_instructions\"><span style=\"font-size:1.3em;position:relative;top:1px;margin-right:2px;margin-left:4px;\">&#x1f6c8;</span> Add, edit, and re-order items using the icons :: Double-click to edit</div>');";
+  model.oninit = [
+    "jsh.$root('.xform'+xmodel.class).before('<div class=\"dataGridEditor_instructions\"><span style=\"font-size:1.3em;position:relative;top:1px;margin-right:2px;margin-left:4px;\">&#x1f6c8;</span> Add, edit, and re-order items using the icons <span class=\"dataGridEditor_instructions_doubleClick\">:: Double-click to edit</span></div>');",
+  ].join(' ');
   model.rowclass = "<%=xejs.iif(rowid==0,'first')%>";
   model.tableclass = ((model.tableclass||'')+' '+(componentConfig&&componentConfig.options&&componentConfig.options.component_preview_size=='collapse'?'jsharmony_cms_component_preview_collapse':'jsharmony_cms_component_preview_expand')).trim();
   this._jsh.XPage.ParseModelDefinition(model, null, null, { ignoreErrors: true });

package/clientjs/jsHarmonyCMS.Editor.js

@@ -83,6 +83,9 @@ exports = module.exports = function(jsh, cms, toolbarContainer){
         ],
         contextmenu: 'jsharmonycmscomponentcontextmenu link linkchecker image imagetools table spellchecker configurepermanentpen',
         toolbar: 'formatselect | backcolor forecolor | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link  image charmapmaterialicons table fullscreen | jsHarmonyCmsWebSnippet | jsHarmonyCmsComponent | jsHarmonyCmsView | jsHarmonyCmsEndEdit',
+        mobile: {
+          toolbar_mode: 'floating',
+        },
         removed_menuitems: 'newdocument',
         image_advtab: true,
         menu: {

package/models/Branch_Clone.js

@@ -9,9 +9,7 @@ jsh.App[modelid] = new (function(){
       jChangeStatus.html(XExt.renderClientEJS(tmpl, { _: _, jsh: jsh }));
     }
     else {
-      jChangeStatus.hide(); //Control
-      jChangeStatus.prev('.xform_caption').hide(); //Caption
-      jChangeStatus.prev().prev('br').hide(); //Newline
+      jsh.$root('.'+xmodel.class+'_change_status_group').hide();
     }
   };
 

package/models/Branch_Clone.json

@@ -28,7 +28,9 @@
         "lov":{ "sql": "select 'PUBLIC' code_val, 'Release' code_txt where ({schema}.my_user_is_publisher({schema}.my_current_site_id()) = 1) union all select 'USER' code_val, (select concat(sys_user_fname,' ',sys_user_lname) from jsharmony.sys_user where jsharmony.sys_user.sys_user_id=jsharmony.my_sys_user_id()) code_txt" } },
       {"control":"html","value":" / ","nl":false},
       {"name":"new_branch_name","actions":"BU","type":"varchar","control":"textbox","caption":"","nl":false,"validate":["Required"],"caption_ext":"New Revision Name","focus":true,"controlparams":{"placeholder":"New Revision Name"}},
-      {"control":"html","value":"<div class='<%=model.class%>_Change_Status'></div>","caption":"Change Status","captionstyle":"vertical-align:top;font-weight:bold;padding-top:3px;"},
+      {"control":"html","value":"<span class='<%=model.class%>_change_status_group'>"},
+      {"control":"html","value":"<div class='<%=model.class%>_Change_Status'></div>","caption":"Change Status","captionclass":"Change_Status_caption","captionstyle":"vertical-align:top;font-weight:bold;padding-top:3px;"},
+      {"control":"html","value":"</span>"},
       {"name":"new_branch_changes","control":"hidden","type":"varchar","length":8,"actions":"BU","ongetvalue":"return _this.Change_Status_getvalue(val,field,xmodel);"},
       {"control":"button","value":"Clone","controlstyle": "padding:3px 8px;margin-top:6px;","onclick": "if(!xmodel.controller.form.Data.Commit()) return; XForm.prototype.XExecutePost(xmodel.id+'/?branch_id='+xmodel.get('branch_id'), { new_branch_type: xmodel.get('new_branch_type'), new_branch_name: xmodel.get('new_branch_name'), new_branch_changes: xmodel.get('new_branch_changes')  }, function(rslt){ xmodel.controller.form.ResetDirty(); XExt.navTo(jsh._BASEURL+xmodel.module_namespace+'Sitemap_Listing_Redirect'); });"}
     ]

package/models/Branch_Diff.json

@@ -17,7 +17,7 @@
       {"name":"branch_user_id_fmt","caption":"Author","control":"label","sqlselect":"(jsharmony.get_sys_user_name(branch_user_id))"},
       {"name":"branch_sts","caption":"Status","control":"label"},
       {"name":"branch_data_mtstmp_fmt","type":"datetime","caption":"Last Modified","sqlselect":"$ifnull(branch_data_mtstmp,branch_mtstmp)","control":"label","format":["date","MM/DD/YYYY h:mm a"]},
-      {"caption":"Actions","control":"html","captionstyle":"display:none;vertical-align:top;padding-top:5px;font-weight:bold;text-align:right;",
+      {"caption":"Actions","control":"html","captionstyle":"display:none;vertical-align:top;padding-top:5px;font-weight:bold;text-align:right;","captionclass":"actions_bar_caption",
         "value":"<div class='<%=model.class%>_actions_bar jsHarmonyCms_Branch_Summary_Actions_Bar'></div>"},
       {"name":"branch_merge_desc","caption":"Merge In Progress","control":"label","captionstyle":"font-weight:bold;text-align:right;","block":true,"blockclass":"branch_merge_desc","sqlselect":"(select branch_desc from {schema}.branch merge_branch inner join {schema}.v_my_branch_desc merge_branch_desc on (merge_branch.branch_id=v_my_branch_desc.branch_id and merge_branch.branch_merge_id=merge_branch_desc.branch_id))"},
       {"name":"branch_type","control":"hidden"},

package/models/Branch_Summary.js

@@ -19,7 +19,7 @@ jsh.App[modelid] = new (function(){
     }
     var diffModel = jsh.XModels[jsh.$root('.xform'+xmodel.class+' .xsubform_diff .xpanel .xform').first().data('id')];
     var actionsBar = jsh.$root('.'+diffModel.class+'_actions_bar');
-    actionsBar.prev('.xform_caption').show();
+    jsh.$root('.xform'+diffModel.class+' .actions_bar_caption').show();
     var buttonGroup = jsh.$root('.xactions_group.xelem'+xmodel.class+'[data-group="Actions"]');
     actionsBar.html(buttonGroup.html());
   }

package/models/Dashboard_BranchOverview.css

@@ -14,6 +14,9 @@
   padding-right:19px;
   white-space:nowrap;
 }
+.xform<%=model.class%> th a {
+  color:#555;
+}
 .xform<%=model.class%> td {
   font-family: 'PT Sans', arial, helvetica, sans-serif;
   font-size:1.2em;

package/models/Dashboard_BranchOverview.ejs

@@ -30,7 +30,7 @@
   <%% } %%>
   <%% _.each(cur_branch && branch_data, function(branch_item){ if(branch_item.code_val=='branch') return; %%>
     <tr>
-      <th valign="bottom">&nbsp;&nbsp;<%%=branch_item.code_txt%%></th>
+      <th valign="bottom">&nbsp;&nbsp;<a href="<%%=jsh.globalparams.branch_items[branch_item.code_val].editor_url%%>"><%%=branch_item.code_txt%%></a></th>
       <td valign="bottom">
         <%%=branch_item.cnt%%>
       </td>

package/models/Menu_Tree_Info.js

@@ -61,18 +61,11 @@ jsh.App[modelid] = new (function(){
   this.updateEnabledState = function(){
     var menu_item_link_type = xmodel.get('menu_item_link_type');
 
-    var jtarget = $('.menu_item_link_target.xelem'+xmodel.class);
-    var jtarget_group = jtarget.add(jtarget.prevUntil('.xelem'+xmodel.class));
-
-    var jdest = $('.menu_item_link_dest.xelem'+xmodel.class);
-    var jdestcaption = jdest.prev();
-    var jdest_group = jdest.add(jdest.prevUntil('.xelem'+xmodel.class));
-
-    var jdest_page = $('.menu_item_link_page.xelem'+xmodel.class);
-    var jdest_page_group = jdest_page.add(jdest_page.prevUntil('.xelem'+xmodel.class)).add(jdest_page.next('.xelem'+xmodel.class));
-
-    var jdest_media = $('.menu_item_link_media.xelem'+xmodel.class);
-    var jdest_media_group = jdest_media.add(jdest_media.prevUntil('.xelem'+xmodel.class)).add(jdest_media.next('.xelem'+xmodel.class));
+    var jtarget_group = $('.'+xmodel.class+'_link_target_group');
+    var jdestcaption = $('.sitemap_item_link_dest_caption');
+    var jdest_group = $('.'+xmodel.class+'_link_dest_group');
+    var jdest_page_group = $('.'+xmodel.class+'_link_page_group');
+    var jdest_media_group = $('.'+xmodel.class+'_link_media_group');
 
     var enable_target = true;
     var enable_dest = false;

package/models/Menu_Tree_Info.json

@@ -20,18 +20,26 @@
       {"name":"menu_item_path","control":"hidden"},
       {"name":"menu_item_text","control":"textbox_M","caption":"Text","controlstyle":"width:300px;","validate":["Required"],"nl":true,"onchange":"_this.menu_item_text_onchange(obj,newval);", "captionstyle":"width:68px;"},
       {"name":"menu_item_link_type","control":"dropdown","caption":"Link Type","lov":{ "blank": "(No Link)", "values": { "JS": "JavaScript", "MEDIA": "Media", "PAGE": "Page", "URL": "URL" } }, "onchange":"_this.menu_item_link_type_onchange(obj, newval, undoChange);","nl":true},
+      {"control":"html","value":"<span class='<%=model.class%>_link_target_group'>"},
       {"name":"menu_item_link_target","control":"dropdown","caption":"Target","lov":{ "blank": "Same Window", "values": { "NEWWIN": "New Window" } }},
+      {"control":"html","value":"</span>"},
 
-      {"name":"menu_item_link_dest","control":"textbox_L","caption":"Destination","controlstyle":"width:300px;","nl":true,
+      {"control":"html","value":"<span class='<%=model.class%>_link_dest_group'>"},
+      {"name":"menu_item_link_dest","control":"textbox_L","caption":"Destination","captionclass":"menu_item_link_dest_caption","controlstyle":"width:300px;","nl":true,
         "validate":[{"function":"js:if((_obj.menu_item_link_type=='URL') && !_obj.menu_item_link_dest) return 'URL is required'; if((_obj.menu_item_link_type=='JS') && !_obj.menu_item_link_dest) return 'JS is required';"}]},
+      {"control":"html","value":"</span>"},
 
+      {"control":"html","value":"<span class='<%=model.class%>_link_page_group'>"},
       {"name":"menu_item_link_page","control":"textbox_M","caption":"Page","controlstyle":"margin-right:4px;","readonly":true,"nl":true,
         "validate":[{"function":"js:if((_obj.menu_item_link_type=='PAGE') && !_obj.menu_item_link_dest) return 'Page is required';"}]},
       {"name":"menu_item_link_page_browse","control":"button","value":"Browse","onclick":"js:_this.browsePage();","actions":"IU"},
+      {"control":"html","value":"</span>"},
 
+      {"control":"html","value":"<span class='<%=model.class%>_link_media_group'>"},
       {"name":"menu_item_link_media","control":"textbox_M","caption":"Media","controlstyle":"margin-right:4px;","readonly":true,"nl":true,
         "validate":[{"function":"js:if((_obj.menu_item_link_type=='MEDIA') && !_obj.menu_item_link_dest) return 'Media is required';"}]},
       {"name":"menu_item_link_media_browse","control":"button","value":"Browse","onclick":"js:_this.browseMedia();","actions":"IU"},
+      {"control":"html","value":"</span>"},
 
       {"control":"html","value":"<div class='<%=model.class%>_divider'>:: Advanced Options</div>","nl":true},
       {"name":"menu_item_type","control":"dropdown","caption":"Render As","default":"TEXT","lov":{ "blank": false, "values": { "TEXT": "Text", "HTML": "HTML" } }, "captionstyle":"width:130px;"},

package/models/Sitemap_Tree_Info.js

@@ -113,18 +113,11 @@ jsh.App[modelid] = new (function(){
   this.render = function(){
     var sitemap_item_link_type = xmodel.get('sitemap_item_link_type');
 
-    var jtarget = $('.sitemap_item_link_target.xelem'+xmodel.class);
-    var jtarget_group = jtarget.add(jtarget.prevUntil('.xelem'+xmodel.class));
-
-    var jdest = $('.sitemap_item_link_dest.xelem'+xmodel.class);
-    var jdestcaption = jdest.prev();
-    var jdest_group = jdest.add(jdest.prevUntil('.xelem'+xmodel.class));
-
-    var jdest_page = $('.sitemap_item_link_page.xelem'+xmodel.class);
-    var jdest_page_group = jdest_page.add(jdest_page.prevUntil('.xelem'+xmodel.class)).add(jdest_page.next('.xelem'+xmodel.class));
-
-    var jdest_media = $('.sitemap_item_link_media.xelem'+xmodel.class);
-    var jdest_media_group = jdest_media.add(jdest_media.prevUntil('.xelem'+xmodel.class)).add(jdest_media.next('.xelem'+xmodel.class));
+    var jtarget_group = $('.'+xmodel.class+'_link_target_group');
+    var jdestcaption = $('.sitemap_item_link_dest_caption');
+    var jdest_group = $('.'+xmodel.class+'_link_dest_group');
+    var jdest_page_group = $('.'+xmodel.class+'_link_page_group');
+    var jdest_media_group = $('.'+xmodel.class+'_link_media_group');
 
     var enable_target = true;
     var enable_dest = false;

package/models/Sitemap_Tree_Info.json

@@ -30,18 +30,26 @@
       {"name":"sitemap_item_path","control":"hidden"},
       {"name":"sitemap_item_text","control":"textbox_M","controlstyle":"width:300px;","caption":"Link Text","validate":["Required"],"nl":true,"onchange":"_this.sitemap_item_text_onchange(obj,newval);", "captionstyle":"width:68px;"},
       {"name":"sitemap_item_link_type","control":"dropdown","caption":"Link Type","lov":{ "blank": "(No Link)", "values": { "JS": "JavaScript", "MEDIA": "Media", "PAGE": "Page", "URL": "URL" } }, "onchange":"_this.sitemap_item_link_type_onchange(obj, newval, undoChange);","nl":true},
+      {"control":"html","value":"<span class='<%=model.class%>_link_target_group'>"},
       {"name":"sitemap_item_link_target","control":"dropdown","caption":"Target","lov":{ "blank": "Same Window", "values": { "NEWWIN": "New Window" } }},
+      {"control":"html","value":"</span>"},
 
-      {"name":"sitemap_item_link_dest","control":"textbox_L","caption":"Destination","controlstyle":"width:300px;","nl":true,
+      {"control":"html","value":"<span class='<%=model.class%>_link_dest_group'>"},
+      {"name":"sitemap_item_link_dest","control":"textbox_L","caption":"Destination","captionclass":"sitemap_item_link_dest_caption","controlstyle":"width:300px;","nl":true,
         "validate":[{"function":"js:if((_obj.sitemap_item_link_type=='URL') && !_obj.sitemap_item_link_dest) return 'URL is required'; if((_obj.sitemap_item_link_type=='JS') && !_obj.sitemap_item_link_dest) return 'JS is required';"}]},
+      {"control":"html","value":"</span>"},
 
+      {"control":"html","value":"<span class='<%=model.class%>_link_page_group'>"},
       {"name":"sitemap_item_link_page","control":"textbox_M","caption":"Page","controlstyle":"margin-right:4px;","readonly":true,"nl":true,
         "validate":[{"function":"js:if((_obj.sitemap_item_link_type=='PAGE') && !_obj.sitemap_item_link_dest) return 'Page is required';"}]},
       {"name":"sitemap_item_link_page_browse","control":"button","value":"Browse","onclick":"js:_this.browsePage();","actions":"IU"},
+      {"control":"html","value":"</span>"},
 
+      {"control":"html","value":"<span class='<%=model.class%>_link_media_group'>"},
       {"name":"sitemap_item_link_media","control":"textbox_M","caption":"Media","controlstyle":"margin-right:4px;","readonly":true,"nl":true,
         "validate":[{"function":"js:if((_obj.sitemap_item_link_type=='MEDIA') && !_obj.sitemap_item_link_dest) return 'Media is required';"}]},
       {"name":"sitemap_item_link_media_browse","control":"button","value":"Browse","onclick":"js:_this.browseMedia();","actions":"IU"},
+      {"control":"html","value":"</span>"},
 
       {"control":"html","value":"<div class='<%=model.class%>_page_options'>"},
       {"control":"html","value":"<div class='<%=model.class%>_divider'>:: Page</div>"},

package/models/_funcs.deploy.js

@@ -1835,7 +1835,7 @@ module.exports = exports = function(module, funcs){
           function(generate_cb){
             async.eachOfSeries(branchData.site_config.media_thumbnails, function(thumbnail_config, thumbnail_id, thumbnail_cb){
               if(!thumbnail_config || !thumbnail_config.export) return thumbnail_cb();
-              if(!_.includes(['.jpg','.jpeg','.tif','.tiff','.png','.gif','.svg'], media.media_ext)) return cb();
+              if(!_.includes(['.jpg','.jpeg','.tif','.tiff','.png','.gif','.svg'], media.media_ext)) return thumbnail_cb();
 
               funcs.getMediaFile(media.media_file_id, media.media_filename, media.media_ext, thumbnail_id, thumbnail_config, function(err, thumbnail_srcpath, thumbnail_fname, stat){
                 if(err) return thumbnail_cb('Error getting thumbnail for '+media_fpath+':'+thumbnail_id+' - '+err.toString());

package/models/_funcs.page.js

@@ -447,7 +447,7 @@ module.exports = exports = function(module, funcs){
       var rslt = funcs.replaceBranchURLs(content, _.extend({ replaceComponents: true }, options, {
         getMediaURL: function(media_key, thumbnail_id, branchData, getLinkContent, urlparts){
           if(!media_files){
-            return baseurl + urlparts.path.substr(1) + '#@JSHCMS';
+            return baseurl + urlparts.pathname.substr(1) + '#@JSHCMS';
           }
           return baseurl+'_funcs/media/'+media_key+(thumbnail_id?'/'+thumbnail_id:'')+'/?media_id='+media_files[media_key].media_id+'#@JSHCMS';
         },

package/models/_funcs.template.js

@@ -1693,7 +1693,8 @@ module.exports = exports = function(module, funcs){
       if(thumbnails[key].responsive) responsiveThumbnails[key] = thumbnails[key];
     }
 
-    if(_.isEmpty(responsiveThumbnails)) return content;
+    var lcontent = content.toLowerCase();
+    if(_.isEmpty(responsiveThumbnails) && (lcontent.indexOf('cms-image-dimensions') < 0)) return content;
 
     //If no img tags, return
     if(content.toLowerCase().indexOf('img') < 0) return content;
@@ -1705,7 +1706,7 @@ module.exports = exports = function(module, funcs){
         exec: function(node){
           var src = (htdoc.getAttr(node, 'src')||'').toString();
           if(!src) return;
-          if(htdoc.hasAttr(node, 'srcset')) return;
+          if(htdoc.hasAttr(node, 'srcset') && !htdoc.hasAttr(node, 'cms-image-dimensions')) return;
 
           //Check for #@JSHCMS
           var urlparts = null;
@@ -1727,42 +1728,62 @@ module.exports = exports = function(module, funcs){
           //Check if media_key is valid
           var media_item = media_items[media_key];
           var media_width = 0;
-          if(media_item && media_item.media_width) media_width = media_item.media_width;
+          var media_height = 0;
+          if(media_item){
+            if(media_item.media_width) media_width = media_item.media_width;
+            if(media_item.media_height) media_height = media_item.media_height;
+          }
           if(media_thumbnail && (media_thumbnail in thumbnails)){
             var tgtThumbnail = thumbnails[media_thumbnail];
-            if(tgtThumbnail.resize && tgtThumbnail.resize.length) media_width = tgtThumbnail.resize[0];
-            else if(tgtThumbnail.crop && tgtThumbnail.crop.length) media_width = tgtThumbnail.crop[0];
+            if(tgtThumbnail.resize && tgtThumbnail.resize.length){
+              media_width = tgtThumbnail.resize[0];
+              media_height = tgtThumbnail.resize[1];
+            }
+            else if(tgtThumbnail.crop && tgtThumbnail.crop.length){
+              media_width = tgtThumbnail.crop[0];
+              media_height = tgtThumbnail.crop[1];
+            }
           }
 
-          var srcsets = [];
-          var max_width = media_width;
-          for(var thumbnail_id in responsiveThumbnails){
-            var thumbnail = responsiveThumbnails[thumbnail_id];
-            var srcsetCondition = '';
-            if(_.isString(thumbnail.responsive)) srcsetCondition = thumbnail.responsive;
-            else {
-              var thumbnail_width = 0;
-              if(media_item && media_item.media_width) thumbnail_width = media_item.media_width;
-              if(thumbnail.resize && thumbnail.resize.length) thumbnail_width = thumbnail.resize[0];
-              else if(thumbnail.crop && thumbnail.crop.length) thumbnail_width = thumbnail.crop[0];
-
-              if(thumbnail_width && (!media_width || (thumbnail_width < media_width))){
-                srcsetCondition = thumbnail_width + 'w';
-                if(thumbnail_width >= max_width) max_width = thumbnail_width + 1;
+          if(!htdoc.hasAttr(node, 'srcset')){
+            var srcsets = [];
+            var max_width = media_width;
+            for(var thumbnail_id in responsiveThumbnails){
+              var thumbnail = responsiveThumbnails[thumbnail_id];
+              var srcsetCondition = '';
+              if(_.isString(thumbnail.responsive)) srcsetCondition = thumbnail.responsive;
+              else {
+                var thumbnail_width = 0;
+                if(media_item && media_item.media_width) thumbnail_width = media_item.media_width;
+                if(thumbnail.resize && thumbnail.resize.length) thumbnail_width = thumbnail.resize[0];
+                else if(thumbnail.crop && thumbnail.crop.length) thumbnail_width = thumbnail.crop[0];
+
+                if(thumbnail_width && (!media_width || (thumbnail_width < media_width))){
+                  srcsetCondition = thumbnail_width + 'w';
+                  if(thumbnail_width >= max_width) max_width = thumbnail_width + 1;
+                }
+              }
+
+              if(srcsetCondition){
+                //Generate srcset
+                var srcsetUrl = urlparts.protocol+'//'+urlparts.host+'/_funcs/media/'+media_key+'/'+thumbnail_id+'/#@JSHCMS'+urlparts.hash.substr(('#@JSHCMS').length);
+                srcsets.push(srcsetUrl+' '+srcsetCondition);
               }
             }
 
-            if(srcsetCondition){
-              //Generate srcset
-              var srcsetUrl = urlparts.protocol+'//'+urlparts.host+'/_funcs/media/'+media_key+'/'+thumbnail_id+'/#@JSHCMS'+urlparts.hash.substr(('#@JSHCMS').length);
-              srcsets.push(srcsetUrl+' '+srcsetCondition);
+            //Update img tag
+            if(srcsets.length){
+              srcsets.unshift(src + ' ' + max_width + 'w');
+              htdoc.appendAttr(node, 'srcset', srcsets.join(', '), 'srcset');
             }
           }
 
-          //Update img tag
-          if(srcsets.length){
-            srcsets.push(src + ' ' + max_width + 'w');
-            htdoc.appendAttr(node, 'srcset', srcsets.join(', '), 'srcset');
+          if(media_width && media_height && htdoc.hasAttr(node, 'cms-image-dimensions')){
+            if(!htdoc.hasAttr(node, 'width') && !htdoc.hasAttr(node, 'height')){
+              htdoc.appendAttr(node, 'width', media_width.toString());
+              htdoc.appendAttr(node, 'height', media_height.toString());
+              htdoc.removeAttr(node, 'cms-image-dimensions');
+            }
           }
         }
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsharmony-cms",
-  "version": "1.4.1",
+  "version": "1.5.3",
   "description": "jsHarmony CMS",
   "main": "index.js",
   "scripts": {
@@ -30,8 +30,8 @@
     "diff2html": "3.4.1",
     "ejs": "2.7.4",
     "js-beautify": "^1.11.0",
-    "jsharmony": "^1.1.201",
-    "jsharmony-factory": "^1.1.97",
+    "jsharmony": "^1.4.0",
+    "jsharmony-factory": "^1.2.0",
     "lodash": "^4.17.19",
     "node-forge": "^0.10.0",
     "parse5": "^6.0.1",

package/public/js/jsHarmonyCMS.js

@@ -579,7 +579,9 @@ DataModelTemplate_GridPreview.prototype.buildTemplate = function(componentTempla
   model.oncommit =  '_this.onCommit(xmodel, rowid, callback);';
   model.ejs =  '';
   model.sort = { [this._sequenceFieldName]: 'asc' };
-  model.oninit = "jsh.$root('.xform'+xmodel.class).before('<div class=\"dataGridEditor_instructions\"><span style=\"font-size:1.3em;position:relative;top:1px;margin-right:2px;margin-left:4px;\">&#x1f6c8;</span> Add, edit, and re-order items using the icons :: Double-click to edit</div>');";
+  model.oninit = [
+    "jsh.$root('.xform'+xmodel.class).before('<div class=\"dataGridEditor_instructions\"><span style=\"font-size:1.3em;position:relative;top:1px;margin-right:2px;margin-left:4px;\">&#x1f6c8;</span> Add, edit, and re-order items using the icons <span class=\"dataGridEditor_instructions_doubleClick\">:: Double-click to edit</span></div>');",
+  ].join(' ');
   model.rowclass = "<%=xejs.iif(rowid==0,'first')%>";
   model.tableclass = ((model.tableclass||'')+' '+(componentConfig&&componentConfig.options&&componentConfig.options.component_preview_size=='collapse'?'jsharmony_cms_component_preview_collapse':'jsharmony_cms_component_preview_expand')).trim();
   this._jsh.XPage.ParseModelDefinition(model, null, null, { ignoreErrors: true });
@@ -6172,6 +6174,9 @@ exports = module.exports = function(jsh, cms, toolbarContainer){
         ],
         contextmenu: 'jsharmonycmscomponentcontextmenu link linkchecker image imagetools table spellchecker configurepermanentpen',
         toolbar: 'formatselect | backcolor forecolor | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link  image charmapmaterialicons table fullscreen | jsHarmonyCmsWebSnippet | jsHarmonyCmsComponent | jsHarmonyCmsView | jsHarmonyCmsEndEdit',
+        mobile: {
+          toolbar_mode: 'floating',
+        },
         removed_menuitems: 'newdocument',
         image_advtab: true,
         menu: {

package/views/jsh_cms_editor.css.ejs

@@ -667,4 +667,28 @@ span[data-component] {
   right:6px;
   cursor:pointer;
   font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
+}
+
+@media screen and (max-width: 500px) {
+  .jsharmony_cms .xactions.secondaryform {
+    padding-top:20px;
+  }
+  .jsharmony_cms .xactions.secondarygrid {
+    padding-top:14px;
+  }
+  .jsharmony_cms_dialog .jsharmony_cms_component_dialog > .xbodyhead {
+    position:relative;
+  } 
+  .jsharmony_cms_component_dataGridEditor .dataGridEditor_instructions {
+    border-right: 2px solid #eee;
+  }
+  .dataGridEditor_instructions_doubleClick {
+    display:none;
+  }
+  .xdialogbox.jsharmony_cms_component_dialog {
+    min-width:auto !important;
+  }
+  .jsharmony_cms_component_dataGridEditor [data-component-template="gridRow"] .component_toolbar {
+    text-align:left;
+  }
 }

package/views/jsh_cms_editor.ejs

@@ -281,6 +281,7 @@ cms-content-editor
 cms-content-editor-type
 cms-component-editor-remove-class
 cms-component-editor-add-class
+cms-image-dimensions
 
 ===================
 EJS Container Slurp