CRM-13932 - Fix deprecated useages of .attr
[civicrm-core.git] / templates / CRM / common / Navigation.tpl
1 {*
2 +--------------------------------------------------------------------+
3 | CiviCRM version 4.4 |
4 +--------------------------------------------------------------------+
5 | Copyright CiviCRM LLC (c) 2004-2013 |
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 *}// http://civicrm.org/licensing
26 {capture assign=menuMarkup}{strip}
27 <ul id="civicrm-menu">
28 {if call_user_func(array('CRM_Core_Permission','giveMeAllACLs'))}
29 <li id="crm-qsearch" class="menumain crm-link-home">
30 <form action="{crmURL p='civicrm/contact/search/advanced' h=0 }" name="search_block" id="id_search_block" method="post">
31 <div id="quickSearch">
32 <input type="text" class="form-text" id="sort_name_navigation" placeholder="{ts}Find Contacts{/ts}" name="sort_name" style="width: 12em;" />
33 <input type="text" id="sort_contact_id" style="display: none" />
34 <input type="hidden" name="hidden_location" value="1" />
35 <input type="hidden" name="qfKey" value="{crmKey name='CRM_Contact_Controller_Search' addSequence=1}" />
36 <div style="height:1px; overflow:hidden;"><input type="submit" value="{ts}Go{/ts}" name="_qf_Advanced_refresh" class="form-submit default" /></div>
37 </div>
38 </form>
39 <ul>
40 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="cc" checked="checked" value="" name="quickSearchField">{ts}Name/Email{/ts}</label></li>
41 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="cc" value="contact_id" name="quickSearchField">{ts}CiviCRM ID{/ts}</label></li>
42 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="cc" value="external_identifier" name="quickSearchField">{ts}External ID{/ts}</label></li>
43 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="cc" value="first_name" name="quickSearchField">{ts}First Name{/ts}</label></li>
44 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="cc" value="last_name" name="quickSearchField">{ts}Last Name{/ts}</label></li>
45 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="eml" value="email" name="quickSearchField">{ts}Email{/ts}</label></li>
46 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="phe" value="phone_numeric" name="quickSearchField">{ts}Phone{/ts}</label></li>
47 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="sts" value="street_address" name="quickSearchField">{ts}Street Address{/ts}</label></li>
48 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="sts" value="city" name="quickSearchField">{ts}City{/ts}</label></li>
49 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="sts" value="postal_code" name="quickSearchField">{ts}Postal Code{/ts}</label></li>
50 <li><label class="crm-quickSearchField"><input type="radio" data-tablename="cc" value="job_title" name="quickSearchField">{ts}Job Title{/ts}</label></li>
51 </ul>
52 </li>
53 {/if}
54 {$navigation}
55 </ul>
56 {/strip}{/capture}// <script> Generated {$timeGenerated}
57 {literal}
58 (function($) {
59 var menuMarkup = {/literal}{$menuMarkup|@json_encode};
60 {if $config->userFramework neq 'Joomla'}{literal}
61 $('body').prepend(menuMarkup);
62
63 //Track Scrolling
64 $(window).scroll(function () {
65 var scroll = document.documentElement.scrollTop || document.body.scrollTop;
66 $('#civicrm-menu').css({top: "scroll", position: "fixed", top: "0px"});
67 $('div.sticky-header').css({top: "23px", position: "fixed"});
68 });
69
70 if ($('#edit-shortcuts').length > 0) {
71 $('#civicrm-menu').css({'width': '97%'});
72 }
73 {/literal}{else}{* Special menu hacks for Joomla *}{literal}
74 // below div is present in older version of joomla 2.5.x
75 var elementExists = $('div#toolbar-box div.m').length;
76 if (elementExists > 0) {
77 $('div#toolbar-box div.m').html(menuMarkup);
78 }
79 else {
80 $("#crm-nav-menu-container").html(menuMarkup).css({'padding-bottom': '10px'});
81 }
82 {/literal}{/if}{literal}
83 $('#civicrm-menu').ready(function() {
84 $('#root-menu-div .outerbox').css({'margin-top': '6px'});
85 $('#root-menu-div .menu-ul li').css({'padding-bottom': '2px', 'margin-top': '2px'});
86 $('img.menu-item-arrow').css({top: '4px'});
87 $("#civicrm-menu >li").each(function(i){
88 $(this).attr("tabIndex",i+2);
89 });
90
91 var contactUrl = {/literal}"{crmURL p='civicrm/ajax/rest' q='className=CRM_Contact_Page_AJAX&fnName=getContactList&json=1&context=navigation' h=0 }"{literal};
92 $('#sort_name_navigation').autocomplete(contactUrl, {
93 width: 200,
94 selectFirst: false,
95 minChars: 1,
96 matchContains: true,
97 delay: 400,
98 max: {/literal}{crmSetting name="search_autocomplete_count" group="Search Preferences"}{literal},
99 extraParams:{
100 fieldName:function () {
101 return $('input[name=quickSearchField]:checked').val();
102 },
103 tableName:function () {
104 return $('input[name=quickSearchField]:checked').attr("data-tablename");
105 }
106 }
107 }).result(function(event, data, formatted) {
108 document.location = CRM.url('civicrm/contact/view', {reset: 1, cid: data[1]});
109 return false;
110 });
111 $('#sort_name_navigation').keydown(function() {
112 $.Menu.closeAll();
113 });
114 $('.crm-hidemenu').click(function() {
115 $.Menu.closeAll();
116 $('#civicrm-menu').slideUp();
117 return false;
118 });
119 $('.crm-quickSearchField').click(function() {
120 var label = $(this).text();
121 var value = $('input', this).val();
122 // These fields are not supported by advanced search
123 if (value === 'first_name' || value === 'last_name') {
124 value = 'sort_name';
125 }
126 $('#sort_name_navigation').attr({name: value, placeholder: label}).flushCache().focus();
127 });
128 // check if there is only one contact and redirect to view page
129 $('#id_search_block').on('submit', function() {
130 var contactId, sortValue = $('#sort_name_navigation').val();
131 if (sortValue && $('#sort_name_navigation').attr('name') == 'sort_name') {
132 {/literal}{*
133 // FIXME: async:false == bad,
134 // we should just check the autocomplete results instead of firing a new request
135 // when we fix this, the civicrm/ajax/contact server-side callback can be removed as well
136 // also that would fix the fact that this only works with sort_name search
137 // (and we can remove the above conditional)
138 *}{literal}
139 var dataUrl = {/literal}"{crmURL p='civicrm/ajax/contact' h=0 q='name='}"{literal} + sortValue;
140 contactId = $.ajax({
141 url: dataUrl,
142 async: false
143 }).responseText;
144 }
145 if (contactId && !isNaN(parseInt(contactId))) {
146 var url = {/literal}"{crmURL p='civicrm/contact/view' h=0 q='reset=1&cid='}"{literal} + contactId;
147 this.action = url;
148 }
149 });
150 });
151 $('#civicrm-menu').menuBar({arrowSrc: CRM.config.resourceBase + 'packages/jquery/css/images/arrow.png'});
152 })(cj);{/literal}