| 1 | {* |
| 2 | +--------------------------------------------------------------------+ |
| 3 | | CiviCRM version 4.5 | |
| 4 | +--------------------------------------------------------------------+ |
| 5 | | Copyright CiviCRM LLC (c) 2004-2014 | |
| 6 | +--------------------------------------------------------------------+ |
| 7 | | This file is a part of CiviCRM. | |
| 8 | | | |
| 9 | | CiviCRM is free software; you can copy, modify, and distribute it | |
| 10 | | under the terms of the GNU Affero General Public License | |
| 11 | | Version 3, 19 November 2007 and the CiviCRM Licensing Exception. | |
| 12 | | | |
| 13 | | CiviCRM is distributed in the hope that it will be useful, but | |
| 14 | | WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 15 | | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | |
| 16 | | See the GNU Affero General Public License for more details. | |
| 17 | | | |
| 18 | | You should have received a copy of the GNU Affero General Public | |
| 19 | | License and the CiviCRM Licensing Exception along | |
| 20 | | with this program; if not, contact CiviCRM LLC | |
| 21 | | at info[AT]civicrm[DOT]org. If you have questions about the | |
| 22 | | GNU Affero General Public License or the licensing of CiviCRM, | |
| 23 | | see the CiviCRM license FAQ at http://civicrm.org/licensing | |
| 24 | +--------------------------------------------------------------------+ |
| 25 | *} |
| 26 | {if $action eq 1 or $action eq 2 or $action eq 8} |
| 27 | {include file="CRM/Admin/Form/Navigation.tpl"} |
| 28 | {else} |
| 29 | <div id="help"> |
| 30 | {ts}Customize the CiviCRM navigation menu bar for your users here.{/ts} {help id="id-navigation"} |
| 31 | </div> |
| 32 | |
| 33 | <div class="crm-block crm-content-block"> |
| 34 | <div id="new-menu-item"> |
| 35 | <a href="{crmURL p="civicrm/admin/menu" q="action=add&reset=1"}" class="button" style="margin-left: 6px;"><span><div class="icon add-icon"></div>{ts}Add Menu Item{/ts}</span></a> |
| 36 | <span id="reset-menu" class="success-status" style="display:none"> |
| 37 | {capture assign=rebuildURL}{crmURL p='civicrm/admin/menu' q="reset=1"}{/capture} |
| 38 | {ts 1=$rebuildURL}<a href='%1' title="Reload page"><strong>Click here</strong></a> to reload the page and see your changes in the menu bar above.{/ts} |
| 39 | </span><br/><br/> |
| 40 | </div> |
| 41 | <div class="spacer"></div> |
| 42 | <div id="navigation-tree" class="navigation-tree" style="height:auto; border-collapse:separate; background-color:#FFFFFF;"></div> |
| 43 | <div class="spacer"></div> |
| 44 | </div> |
| 45 | {literal} |
| 46 | <style type="text/css"> |
| 47 | #navigation-tree li { |
| 48 | font-weight: normal; |
| 49 | } |
| 50 | #navigation-tree > ul > li { |
| 51 | font-weight: bold; |
| 52 | } |
| 53 | </style> |
| 54 | <script type="text/javascript"> |
| 55 | CRM.$(function($) { |
| 56 | cj("#navigation-tree").jstree({ |
| 57 | plugins : [ "themes", "json_data", "dnd","ui", "crrm","contextmenu" ], |
| 58 | json_data : { |
| 59 | ajax:{ |
| 60 | dataType : "json", |
| 61 | url : {/literal}"{crmURL p='civicrm/ajax/menu' h=0 q='key='}{crmKey name='civicrm/ajax/menu'}"{literal} |
| 62 | }, |
| 63 | progressive_render: true |
| 64 | }, |
| 65 | themes: { |
| 66 | "theme": 'classic', |
| 67 | "dots": true, |
| 68 | "icons": false, |
| 69 | "url": CRM.config.resourceBase + 'packages/jquery/plugins/jstree/themes/classic/style.css' |
| 70 | }, |
| 71 | rules : { |
| 72 | droppable : [ "tree-drop" ], |
| 73 | multiple : true, |
| 74 | deletable : "all", |
| 75 | draggable : "all" |
| 76 | }, |
| 77 | crrm : { |
| 78 | move: { |
| 79 | check_move: function(m) { |
| 80 | var homeMenuId = {/literal}"{$homeMenuId}"{literal}; |
| 81 | if ( cj( m.r[0] ).attr('id').replace("node_","") == homeMenuId || |
| 82 | cj( m.o[0] ).attr('id').replace("node_","") == homeMenuId ) { |
| 83 | return false; |
| 84 | } else { |
| 85 | return true; |
| 86 | } |
| 87 | } |
| 88 | } |
| 89 | }, |
| 90 | contextmenu : { |
| 91 | items: { |
| 92 | create : false, |
| 93 | ccp : { |
| 94 | label : "{/literal}{ts escape='js'}Edit{/ts}{literal}", |
| 95 | visible : function (node, obj) { if(node.length != 1) return false; |
| 96 | return obj.check("renameable", node); }, |
| 97 | action : function (node, obj) { |
| 98 | var nid = cj(node).prop('id'); |
| 99 | var nodeID = nid.substr( 5 ); |
| 100 | var editURL = {/literal}"{crmURL p='civicrm/admin/menu' h=0 q='action=update&reset=1&id='}"{literal} + nodeID; |
| 101 | CRM.loadForm(editURL).on('crmFormSuccess', function() { |
| 102 | cj("#navigation-tree").jstree('refresh'); |
| 103 | cj("#reset-menu").show( ); |
| 104 | }); |
| 105 | }, |
| 106 | submenu : false |
| 107 | } |
| 108 | } |
| 109 | } |
| 110 | |
| 111 | }).bind("rename.jstree", function ( e,node ) { |
| 112 | var nodeID = node.rslt.obj.attr('id').replace("node_",""); |
| 113 | var newName = node.rslt.new_name; |
| 114 | var postURL = {/literal}"{crmURL p='civicrm/ajax/menutree' h=0 q='key='}{crmKey name='civicrm/ajax/menutree'}"{literal}; |
| 115 | cj.get( postURL + '&type=rename&id=' + nodeID + '&data=' + newName, |
| 116 | function (data) { |
| 117 | cj("#reset-menu").show( ); |
| 118 | } |
| 119 | ); |
| 120 | |
| 121 | }).bind("remove.jstree", function ( e,node ) { |
| 122 | var menuName = node.rslt.obj.find('a').first( ).text( ); |
| 123 | var nodeID = node.rslt.obj.attr('id').replace("node_",""); |
| 124 | |
| 125 | // don't allow deleting of home |
| 126 | var homeMenuId = {/literal}"{$homeMenuId}"{literal}; |
| 127 | if ( nodeID == homeMenuId ) { |
| 128 | var cannotDeleteMsg = {/literal}"{ts escape='js'}You cannot delete this menu item:{/ts}" + " "{literal} + menuName; |
| 129 | CRM.alert( cannotDeleteMsg, {/literal}"{ts escape='js'}Cannot Delete{/ts}"{literal} ); |
| 130 | cj("#navigation-tree").jstree('refresh'); |
| 131 | return false; |
| 132 | } |
| 133 | var deleteMsg = {/literal}"{ts escape='js'}Are you sure you want to delete this menu item:{/ts}" + " "{literal} + menuName + {/literal}" ? {ts}This action can not be undone.{/ts}"{literal}; |
| 134 | var isDelete = confirm( deleteMsg ); |
| 135 | if ( isDelete ) { |
| 136 | var postURL = {/literal}"{crmURL p='civicrm/ajax/menutree' h=0 q='key='}{crmKey name='civicrm/ajax/menutree'}"{literal}; |
| 137 | cj.get( postURL + '&type=delete&id=' + nodeID, |
| 138 | function (data) { |
| 139 | cj("#reset-menu").show( ); |
| 140 | } |
| 141 | ); |
| 142 | } else { |
| 143 | cj("#navigation-tree").jstree('refresh'); |
| 144 | } |
| 145 | |
| 146 | }).bind("move_node.jstree", function ( e,node ) { |
| 147 | node.rslt.o.each(function (i) { |
| 148 | var nodeID = node.rslt.o.attr('id').replace("node_",""); |
| 149 | var refID = node.rslt.np.attr('id').replace("node_",""); |
| 150 | if (isNaN( refID ) ){ refID =''; } |
| 151 | var ps = node.rslt.cp+i; |
| 152 | var postURL = {/literal}"{crmURL p='civicrm/ajax/menutree' h=0 q='key='}{crmKey name='civicrm/ajax/menutree'}"{literal}; |
| 153 | cj.get( postURL + '&type=move&id=' + nodeID + '&ref_id=' + refID + '&ps='+ps, |
| 154 | function (data) { |
| 155 | cj("#reset-menu").show( ); |
| 156 | }); |
| 157 | }); |
| 158 | }); |
| 159 | $('#new-menu-item a.button') |
| 160 | .on('click', CRM.popup) |
| 161 | .on('crmPopupFormSuccess', function() { |
| 162 | $("#navigation-tree").jstree('refresh'); |
| 163 | $("#reset-menu").show(); |
| 164 | }); |
| 165 | }); |
| 166 | </script> |
| 167 | {/literal} |
| 168 | {/if} |