cronapp-framework-js
Version:
Javascript library for CronApp's projects
162 lines • 6.53 kB
JSON
{
"name": "crn-navbar",
"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"
],
"templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/navbar.template.html",
"properties": {
"class": {
"order": 9999
},
"xattr-class": {
"order": 998,
"fixed": true,
"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"
},
"menu-type": {
"order": 999,
"fixed": true,
"onSave": "javascript:function(){ let icon=this.currentObject.parent().find(\"#iconCollapsibleMenu\"); arguments[0].indexOf(\"hamburguer\")>-1?icon.removeClass(\"glyphicon-menu-right\").addClass(\"glyphicon-menu-hamburger\"):arguments[0].indexOf(\"arrow\")>-1&&icon.removeClass(\"glyphicon-menu-hamburger\").addClass(\"glyphicon-menu-right\"); return arguments[0]; }",
"displayName_pt_BR": "Tipo de menu retrátil",
"displayName_en_US": "Collapsible menu type",
"selector": "div"
},
"expand-sub-menu": {
"order": 1000,
"fixed": true,
"onSave": "javascript:function(){ let selected = arguments[0]; return selected; }",
"displayName_pt_BR": "Expandir sub-menu",
"displayName_en_US": "Expand sub-menu",
"selector": "div"
},
"id": {
"order": 2
}
},
"attributesForPreview": [
{
"name": "xattr-class",
"type": "options",
"target": "class",
"values": [
{
"key": "crn-navigator-horizontal",
"value": "Horizontal"
},
{
"key": "crn-navigator-vertical",
"value": "Vertical"
},
{
"key": "crn-navigator-retratil crn-navigator-vertical",
"value_pt_BR": "Vertical Retrátil",
"value_en_US": "Collapsible menu"
}
]
},
{
"name": "menu-type",
"type": "options",
"target": "class",
"values": [
{
"key": "menu-type-hamburguer",
"value_pt_BR": "Hambúrguer",
"value_en_US": "Hamburger",
"icon": "mdi mdi-menu"
},
{
"key": "menu-type-arrow",
"value_pt_BR": "Seta",
"value_en_US": "Arrow",
"icon": "mdi mdi-chevron-right"
}
]
},
{
"name": "expand-sub-menu",
"type": "options",
"target": "class",
"values": [
{
"key": "submenu-click",
"value_pt_BR": "Ao clicar",
"value_en_US": "On clicking"
},
{
"key": "submenu-hover",
"value_pt_BR": "Ao passar o mouse",
"value_en_US": "Mouse over"
}
]
}
],
"childrenProperties": [
{
"name": "ng-init",
"selector": "nav",
"type": "event"
},
{
"name": "ng-click",
"selector": "nav",
"type": "event"
},
{
"name": "ng-dblclick",
"selector": "nav",
"type": "event"
},
{
"name": "ng-mouseenter",
"selector": "nav",
"type": "event"
},
{
"name": "ng-mouseleave",
"selector": "nav",
"type": "event"
},
{
"name": "ng-mousemove",
"selector": "nav",
"type": "event"
}
],
"styles": [
{
"selector": "div#{id} .navbar",
"text_pt_BR": "Plano de Fundo",
"text_en_US": "Background"
},
{
"selector": "div#{id} .navbar-default .navbar-brand",
"text_pt_BR": "Menu Marca",
"text_en_US": "Brand Menu"
},
{
"selector": "div#{id} .navbar-default .navbar-nav li a",
"text_pt_BR": "Item Menu",
"text_en_US": "Menu Item"
},
{
"selector": "div#{id} .navbar-nav li.open a, div#{id} .navbar-nav li a:focus, div#{id} .navbar-nav li a:hover",
"text_pt_BR": "Item Selecionado",
"text_en_US": "Menu Item"
},
{
"selector": "div#{id} ul.dropdown-menu",
"text_pt_BR": "Subitem",
"text_en_US": "Subitem"
}
]
}