cronapp-framework-js 2.9.6-SP.5 → 2.9.6-SP.50

package/components/crn-calendar.components.json

@@ -11,6 +11,7 @@
   "category": [
     "INPUTS", "FORMS"
   ],
+  "forcedGroup": true,
   "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-calendar.designtime.html",
   "designTimeSelector": "cron-calendar",

package/components/crn-dynamic-image.components.json

@@ -64,6 +64,14 @@
       "type": "text",
       "order": 1
     },
+    {
+      "name": "read-only",
+      "selector": "div[dynamic-image]",
+      "displayName_pt_BR": "Somente Leitura",
+      "displayName_en_US": "Read Only",
+      "type": "logic",
+      "order": 3
+    },
     {
       "name": "object-fit",
       "displayName_pt_BR": "Ajuste da Imagem",

package/components/crn-dynamic-menu.components.json

@@ -31,27 +31,6 @@
     "options": {
       "displayName_pt_BR": "Configuração",
       "displayName_en_US": "Configuration"
-    },
-    "multilevel-action": {
-      "removable": false,
-      "selector": "cron-dynamic-menu",
-      "displayName_pt_BR": "Ação do multinível",
-      "displayName_en_US": "Multilevel action",
-      "childrenProperty": true,
-      "type": "list",
-      "options": [
-        {
-          "key": "hover",
-          "value_pt_BR": "Ao passar o mouse",
-          "value_en_US": "Hover"
-        },
-        {
-          "key": "click",
-          "value_pt_BR": "Clique",
-          "value_en_US": "Click"
-        }
-      ],
-      "order": 2
     }
   },
   "styles": [

package/components/crn-enterprise-combobox-multiple.components.json

@@ -317,6 +317,19 @@
       "type": "logic",
       "displayName_pt_BR": "Apenas Leitura",
       "displayName_en_US": "Read Only"
+    },
+    {
+      "name": "crn-hide-selected-item",
+      "selector": "cron-multi-select",
+      "type": "logic",
+      "displayName_pt_BR": "Ocultar Item Selecionado",
+      "displayName_en_US": "Hide Selected Item"
+    },
+    {
+      "name": "id",
+      "selector": "cron-multi-select",
+      "type": "text",
+      "onSave": "javascript:(value)=> {this.currentObject.parent().find('label').attr('for', arguments[0]); return arguments[0];}"
     }
   ],
   "styles": [

package/components/crn-navbar.components.json

@@ -1,12 +1,11 @@
 {
   "name": "crn-navbar",
-  "onDrop": "openEditor",
-  "onDoubleClick": "openEditor",
   "text_pt_BR": "Barra de navegação",
   "text_en_US": "Navbar",
   "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-navbar.svg",
   "description": "Menu com logo e botões de navegação",
   "description_en_US": "Menu with logo and navigation buttons",
+  "wrapper": false,
   "category": [
     "LAYOUTS"
   ],
@@ -18,7 +17,7 @@
     "xattr-class": {
       "order": 998,
       "fixed": true,
-      "onSave": "javascript:function(){ let parent=this.currentObject.parent(),menuVertical=parent.find(\"#main-nav-bar\"),uiView=parent.find(\"[ui-view]\");arguments[0].indexOf(\"horizontal\")>-1?(uiView.removeClass(\"main-view-vertical\").removeClass(\"main-view-retratil\").addClass(\"main-view-horizontal\"),menuVertical.removeClass(\"crn-navigator-retratil\").removeClass(\"collapsible-menu-hide\"),parent.find(\".main-title\").removeClass(\"hide\"),parent.find(\"#checkCollapsibleMenu\").remove(),parent.find(\".labelCollapsibleMenu\").remove()):arguments[0].indexOf(\"retratil\")>-1?(uiView.removeClass(\"main-view-horizontal\").removeClass(\"main-view-vertical\").addClass(\"main-view-vertical\").addClass(\"main-view-retratil\"),parent.find(\".main-title\").addClass(\"hide\"),menuVertical.addClass(\"collapsible-menu-hide\"),menuVertical[0].insertAdjacentHTML(\"beforebegin\",'<input type=\"checkbox\" id=\"checkCollapsibleMenu\"><label for=\"checkCollapsibleMenu\" class=\"labelCollapsibleMenu\"><i class=\"glyphicon glyphicon-menu-right\" id=\"iconCollapsibleMenu\"></i></label>')):arguments[0].indexOf(\"vertical\")>-1&&(uiView.removeClass(\"main-view-horizontal\").removeClass(\"main-view-retratil\").addClass(\"main-view-vertical\"),menuVertical.removeClass(\"crn-navigator-retratil\").removeClass(\"collapsible-menu-hide\"),parent.find(\".main-title\").removeClass(\"hide\"),parent.find(\"#checkCollapsibleMenu\").remove(),parent.find(\".labelCollapsibleMenu\").remove()); return arguments[0]; }",
+      "onSave": "javascript:function(){ let currentElementId = this.currentObject.attr('id'); let selectedPosition = arguments[0]; let parent = this.currentObject.parent(); let menuVertical = this.currentObject; let uiView = parent.find('[ui-view]'); if(uiView.length === 0) { uiView = parent.parent().find('[ui-view]');} if (selectedPosition.indexOf('horizontal') > -1) { uiView.removeClass('main-view-vertical').removeClass('main-view-retratil').addClass('main-view-horizontal'); menuVertical.removeClass('crn-navigator-retratil').removeClass('crn-navigator-vertical').removeClass('collapsible-menu-hide'); parent.find('.main-title').removeClass('hide'); parent.find('#checkCollapsibleMenu').remove(); parent.find('.labelCollapsibleMenu').remove(); parent.removeClass('crn-navigator-vertical').removeClass('crn-navigator-retratil').removeClass('crn-navigator-retratil-left').addClass('crn-navigator-horizontal'); } else if (selectedPosition.indexOf('retratil') > -1) { uiView.removeClass('main-view-horizontal').addClass('main-view-retratil').addClass('main-view-vertical'); parent.find('.main-title').addClass('hide'); parent.removeClass('crn-navigator-horizontal').removeClass('crn-navigator-vertical').addClass('crn-navigator-retratil').addClass('crn-navigator-retratil-left'); menuVertical.addClass('collapsible-menu-hide'); menuVertical.addClass('crn-navigator-vertical'); menuVertical.addClass('crn-navigator-retratil'); menuVertical[0].insertAdjacentHTML('beforebegin', '<input type=\"checkbox\" id=\"checkCollapsibleMenu\"><label for=\"checkCollapsibleMenu\" class=\"labelCollapsibleMenu\"><i class=\"glyphicon glyphicon-menu-right\" id=\"iconCollapsibleMenu\"></i></label>'); parent.find('[main-nav-bar]').removeClass('crn-navigator-vertical'); } else if (selectedPosition.indexOf('vertical') > -1) { uiView.removeClass('main-view-horizontal').removeClass('main-view-retratil').addClass('main-view-vertical'); menuVertical.removeClass('crn-navigator-retratil').removeClass('collapsible-menu-hide'); parent.find('.main-title').removeClass('hide'); parent.find('#checkCollapsibleMenu').remove(); parent.find('.labelCollapsibleMenu').remove(); parent.removeClass('crn-navigator-horizontal').addClass('crn-navigator-vertical'); } return selectedPosition; }",
       "displayName_pt_BR": "Posição",
       "displayName_en_US": "Position",
       "selector": "div"
@@ -76,25 +75,7 @@
       ]
     }
   ],
-  "handleRules": {
-    "canIncrement": true,
-    "rules": [
-      {
-        "sourceHTML": "<li class=\"dropdown component-holder\" data-component=\"crn-menu-item\"> <a class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"><i class=\"\"></i><span>Menu Item</span> <span class=\"caret\"></span></a> <ul class=\"dropdown-menu\">   <li><a href=\"#\" class=\"component-holder col-md-12\"  data-component=\"crn-anchor\">Action Item</a></li> </ul></li>",
-        "targetSelector": ".nav.navbar-nav"
-      }
-    ]
-  },
   "childrenProperties": [
-    {
-      "name": "options",
-      "selector": "cron-dynamic-menu",
-      "displayName_pt_BR": "Configuração",
-      "displayName_en_US": "Configuration",
-      "type": "text",
-      "order": 1,
-      "mandatory": true
-    },
     {
       "name": "ng-init",
       "selector": "nav",

package/components/templates/cron-combobox-multiple.template.html

@@ -1,4 +1,4 @@
-<div class="form-group combobox-default" combobox-theme="combobox-default">
+<div class="form-group combobox-default" combobox-theme="combobox-default" id="cron-${COMPONENTID}">
     <label for="cron-${COMPONENTID}-container">Label</label>
     <cron-multi-select options="{}" ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.multipleCombobox${RANDOM}" class="crn-select form-control k-content">
     </cron-multi-select>

package/components/templates/navbar.template.html

@@ -1,14 +1,15 @@
-<nav class="navbar navbar-default">
+<nav class="navbar navbar-default ng-scope" data-container="true">
   <div class="container-fluid">
     <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
-      <a class="component-holder ng-binding ng-scope navbar-brand" data-component="crn-image" href="#/home"> <img alt="cronapp-logo" src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png" id="crn-navbar-logo" data-component="crn-image"> </a>
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
+      <a class="component-holder ng-binding ng-scope navbar-brand" data-component="crn-image" href="#/home"><img alt="cronapp-logo" src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png" id="crn-navbar-logo" data-component="crn-image"></a>
     </div>
-    <div id="navbar" class="navbar-collapse collapse">
+    <div id="navbar" class="navbar-collapse collapse float-left-desktop">
       <ul class="nav navbar-nav" style="float:none">
-        <div class="component-holder ng-scope col-md-10" data-component="crn-dynamic-menu" id="crn-dynamic-menu">
-          <cron-dynamic-menu options="{&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;qxfhylqx9sh1&quot;,&quot;name&quot;:&quot;Menu 1&quot;,&quot;title&quot;:&quot;Menu 1&quot;,&quot;level&quot;:1,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;qe1juldmy0kk&quot;,&quot;name&quot;:&quot;Menu A&quot;,&quot;title&quot;:&quot;Menu A&quot;,&quot;level&quot;:2,&quot;menuItems&quot;:[]}]},{&quot;id&quot;:&quot;1jenqtqrij8mb&quot;,&quot;name&quot;:&quot;Menu 2&quot;,&quot;title&quot;:&quot;Menu 2&quot;,&quot;level&quot;:1,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;urgv85ip8603&quot;,&quot;name&quot;:&quot;Menu B&quot;,&quot;title&quot;:&quot;Menu B&quot;,&quot;level&quot;:2,&quot;menuItems&quot;:[]}]}]}">Dynamic Menu</cron-dynamic-menu>
-        </div>
+        <li>
+          <cron-dynamic-menu options="{&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;qxfhylqx9sh1&quot;,&quot;name&quot;:&quot;Menu 1&quot;,&quot;title&quot;:&quot;Menu 1&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;qe1juldmy0kk&quot;,&quot;name&quot;:&quot;Menu A&quot;,&quot;title&quot;:&quot;Menu A&quot;,&quot;level&quot;:2,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]},{&quot;id&quot;:&quot;1jenqtqrij8mb&quot;,&quot;name&quot;:&quot;Menu 2&quot;,&quot;title&quot;:&quot;Menu 2&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;urgv85ip8603&quot;,&quot;name&quot;:&quot;Menu B&quot;,&quot;title&quot;:&quot;Menu B&quot;,&quot;level&quot;:2,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]},{&quot;id&quot;:&quot;1iycojueghnj8&quot;,&quot;name&quot;:&quot;aa&quot;,&quot;title&quot;:&quot;aa&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]}" data-component="crn-dynamic-menu"  class="col-md-12">
+            Dynamic Menu
+          </cron-dynamic-menu> </li>
       </ul>
     </div>
   </div>

package/css/app.css

@@ -399,4 +399,8 @@ img[src='undefined'] {
 
 .form-group {
     padding: 5px;
+}
+
+div.k-loading-pdf-mask > div.ng-scope.k-grid.k-widget.k-display-block.k-editable {
+    width: 100%;
 }