49function ajax_autocompleter($selected, $htmlname, $url, $urloption =
'', $minLength = 2, $autoselect = 0, $ajaxoptions = array(), $moreparams =
'')
51 if (empty($minLength)) {
55 $dataforrenderITem =
'ui-autocomplete';
56 $dataforitem =
'ui-autocomplete-item';
58 if (defined(
'JS_QUERY_AUTOCOMPLETE_RENDERITEM')) {
59 $dataforrenderITem = constant(
'JS_QUERY_AUTOCOMPLETE_RENDERITEM');
61 if (defined(
'JS_QUERY_AUTOCOMPLETE_ITEM')) {
62 $dataforitem = constant(
'JS_QUERY_AUTOCOMPLETE_ITEM');
65 $htmlnamejquery = str_replace(
'.',
'\\\\.', $htmlname);
69 $script =
'<input type="hidden" name="'.$htmlname.
'" id="'.$htmlname.
'" value="'.$selected.
'" '.($moreparams ? $moreparams :
'').
' />';
71 $script .=
'<!-- Javascript code for autocomplete of field '.$htmlname.
' -->'.
"\n";
72 $script .=
'<script>'.
"\n";
73 $script .=
'$(document).ready(function() {
74 var autoselect = '.((int) $autoselect).
';
75 var options = '.json_encode($ajaxoptions).
'; /* Option of actions to do after keyup, or after select */
77 /* Remove selected id as soon as we type or delete a char (it means old selection is wrong). Use keyup/down instead of change to avoid losing the product id. This is needed only for select of predefined product */
78 $("input#search_'.$htmlnamejquery.
'").keydown(function(e) {
79 if (e.keyCode != 9) /* If not "Tab" key */
81 if (e.keyCode == 13) { return false; } /* disable "ENTER" key useful for barcode readers */
82 console.log("Clear id previously selected for field '.$htmlname.
'");
83 $("#'.$htmlnamejquery.
'").val("");
87 // Check options for secondary actions when keyup
88 $("input#search_'.$htmlnamejquery.
'").keyup(function() {
89 if ($(this).val().length == 0)
91 $("#search_'.$htmlnamejquery.
'").val("");
92 $("#'.$htmlnamejquery.
'").val("").trigger("change");
93 if (options.option_disabled) {
94 $("#" + options.option_disabled).removeAttr("disabled");
96 if (options.disabled) {
97 $.each(options.disabled, function(key, value) {
98 $("#" + value).removeAttr("disabled");
101 if (options.update) {
102 $.each(options.update, function(key, value) {
103 $("#" + key).val("").trigger("change");
107 $.each(options.show, function(key, value) {
108 $("#" + value).hide().trigger("hide");
111 if (options.update_textarea) {
112 $.each(options.update_textarea, function(key, value) {
113 if (typeof CKEDITOR == "object" && typeof CKEDITOR.instances != "undefined" && CKEDITOR.instances[key] != "undefined") {
114 CKEDITOR.instances[key].setData("");
116 $("#" + key).html("");
123 // Activate the autocomplete to execute the GET
124 $("input#search_'.$htmlnamejquery.
'").autocomplete({
125 source: function( request, response ) {
126 $.get("'.$url.($urloption ?
'?'.$urloption :
'').
'", { "'.str_replace(
'.',
'_', $htmlname).
'": request.term }, function(data){
129 response($.map( data, function(item) {
130 if (autoselect == 1 && data.length == 1) {
131 $("#search_'.$htmlnamejquery.
'").val(item.value);
132 $("#'.$htmlnamejquery.
'").val(item.key).trigger("change");
135 if (item.label != null) {
136 label = item.label.toString();
139 if (options.update) {
140 $.each(options.update, function(key, value) {
141 update[key] = item[value];
145 if (options.update_textarea) {
146 $.each(options.update_textarea, function(key, value) {
147 textarea[key] = item[value];
151 console.log("Return value from GET to the rest of code");
152 return { label: label,
155 disabled: item.disabled,
161 discount: item.discount,
162 pricebasetype: item.pricebasetype,
163 price_ht: item.price_ht,
164 price_ttc: item.price_ttc,
165 price_unit_ht: item.price_unit_ht,
166 price_unit_ht_locale: item.price_unit_ht_locale,
167 multicurrency_code: item.multicurrency_code,
168 multicurrency_unitprice: item.multicurrency_unitprice,
169 description : item.description,
170 ref_customer: item.ref_customer,
172 default_vat_code: item.default_vat_code,
173 supplier_ref: item.supplier_ref
177 console.error("Error: Ajax url '.$url.($urloption ?
'?'.$urloption :
'').
' has returned an empty page. Should be an empty json array.");
182 minLength: '.((
int) $minLength).
',
183 select: function( event, ui ) { // Function ran once a new value has been selected into the javascript combo
184 console.log("We will trigger change on input '.$htmlname.
' because of the select definition of autocomplete code for input#search_'.$htmlname.
'");
185 console.log("Selected id = "+ui.item.id+" - If this value is null, it means you select a record with key that is null so selection is not effective");
187 console.log("Before, we propagate some properties, retrieved by the ajax of the get, into the data-xxx properties of the component #'.$htmlnamejquery.
'");
188 //console.log(ui.item);
190 // For supplier price and customer when price by quantity is off
191 $("#'.$htmlnamejquery.
'").attr("data-up", ui.item.price_ht);
192 $("#'.$htmlnamejquery.
'").attr("data-up-locale", ui.item.price_unit_ht_locale);
193 $("#'.$htmlnamejquery.
'").attr("data-base", ui.item.pricebasetype);
194 $("#'.$htmlnamejquery.
'").attr("data-qty", ui.item.qty);
195 $("#'.$htmlnamejquery.
'").attr("data-discount", ui.item.discount);
196 $("#'.$htmlnamejquery.
'").attr("data-description", ui.item.description);
197 $("#'.$htmlnamejquery.
'").attr("data-ref-customer", ui.item.ref_customer);
198 $("#'.$htmlnamejquery.
'").attr("data-tvatx", ui.item.tva_tx);
199 $("#'.$htmlnamejquery.
'").attr("data-default-vat-code", ui.item.default_vat_code);
200 $("#'.$htmlnamejquery.
'").attr("data-supplier-ref", ui.item.supplier_ref); // supplier_ref of price
202 // For multi-currency values
203 $("#'.$htmlnamejquery.
'").attr("data-multicurrency-code", ui.item.multicurrency_code);
204 $("#'.$htmlnamejquery.
'").attr("data-multicurrency-unitprice", ui.item.multicurrency_unitprice);
208 // For customer price when PRODUIT_CUSTOMER_PRICES_BY_QTY is on
209 console.log("PRODUIT_CUSTOMER_PRICES_BY_QTY is on, so we propagate also prices by quantity into data-pbqxxx properties");
210 $("#'.$htmlnamejquery.
'").attr("data-pbq", ui.item.pbq);
211 $("#'.$htmlnamejquery.
'").attr("data-pbqup", ui.item.price_ht);
212 $("#'.$htmlnamejquery.
'").attr("data-pbqbase", ui.item.pricebasetype);
213 $("#'.$htmlnamejquery.
'").attr("data-pbqqty", ui.item.qty);
214 $("#'.$htmlnamejquery.
'").attr("data-pbqpercent", ui.item.discount);
218 // A new value has been selected, we trigger the handlers on #htmlnamejquery
219 console.log("Now, we trigger changes on #'.$htmlnamejquery.
'");
220 $("#'.$htmlnamejquery.
'").val(ui.item.id).trigger("change"); // Select new value
222 // Complementary actions
224 // Disable an element
225 if (options.option_disabled) {
226 console.log("Make action option_disabled on #"+options.option_disabled+" with disabled="+ui.item.disabled)
227 if (ui.item.disabled) {
228 $("#" + options.option_disabled).prop("disabled", true);
230 $.jnotify(options.error, "error", true); // Output with jnotify the error message
232 if (options.warning) {
233 $.jnotify(options.warning, "warning", false); // Output with jnotify the warning message
236 $("#" + options.option_disabled).removeAttr("disabled");
240 if (options.disabled) {
241 console.log("Make action \'disabled\' on each "+options.option_disabled)
242 $.each(options.disabled, function(key, value) {
243 $("#" + value).prop("disabled", true);
247 console.log("Make action \'show\' on each "+options.show)
248 $.each(options.show, function(key, value) {
249 $("#" + value).show().trigger("show");
254 if (ui.item.update) {
255 console.log("Make action \'update\' on each ui.item.update (if there is)")
256 // loop on each "update" fields
257 $.each(ui.item.update, function(key, value) {
258 console.log("Set value "+value+" into #"+key);
259 $("#" + key).val(value).trigger("change");
262 if (ui.item.textarea) {
263 console.log("Make action \'textarea\' on each ui.item.textarea (if there is)")
264 $.each(ui.item.textarea, function(key, value) {
265 if (typeof CKEDITOR == "object" && typeof CKEDITOR.instances != "undefined" && CKEDITOR.instances[key] != "undefined") {
266 CKEDITOR.instances[key].setData(value);
267 CKEDITOR.instances[key].focus();
269 $("#" + key).html(value);
270 $("#" + key).focus();
274 console.log("ajax_autocompleter new value selected, we trigger change also on original component so on field #search_'.$htmlname.
'");
276 $("#search_'.$htmlnamejquery.
'").trigger("change"); // We have changed value of the combo select, we must be sure to trigger all js hook binded on this event. This is required to trigger other javascript change method binded on original field by other code.
279 }).data("'.$dataforrenderITem.
'")._renderItem = function( ul, item ) {
281 .data( "'.$dataforitem.
'", item ) // jQuery UI > 1.10.0
282 .append( \'<a><span class="tag">\' + item.label + "</span></a>" )
287 $script .=
'</script>';
457function ajax_combobox($htmlname, $events = array(), $minLengthToAutocomplete = 0, $forcefocus = 0, $widthTypeOfAutocomplete =
'resolve', $idforemptyvalue =
'-1', $morecss =
'')
462 if (!empty($conf->browser->layout) && $conf->browser->layout ==
'phone' &&
getDolGlobalString(
'MAIN_DISALLOW_SELECT2_WITH_SMARTPHONE')) {
469 if (empty($conf->use_javascript_ajax)) {
472 if (!
getDolGlobalString(
'MAIN_USE_JQUERY_MULTISELECT') && !defined(
'REQUIRE_JQUERY_MULTISELECT')) {
479 if (empty($minLengthToAutocomplete)) {
480 $minLengthToAutocomplete = 0;
483 $moreselect2theme = ($morecss ?
dol_escape_js(
' '.$morecss) :
'');
484 $moreselect2theme = preg_replace(
'/widthcentpercentminus[^\s]*/',
'', $moreselect2theme);
486 $tmpplugin =
'select2';
487 $msg =
"\n".
'<!-- JS CODE TO ENABLE '.$tmpplugin.
' for id = '.$htmlname.
' -->
489 $(document).ready(function () {
490 $(\''.(preg_match(
'/^\./', $htmlname) ? $htmlname :
'#'.$htmlname).
'\').
'.$tmpplugin.'({
492 if (preg_match(
'/onrightofpage/', $morecss)) {
493 $msg .=
' dropdownAutoWidth: true, dropdownParent: $(\'#'.$htmlname.
'\').parent(),
'."\n";
495 $msg .= ' width: \
''.dol_escape_js($widthTypeOfAutocomplete).
'\',
496 minimumInputLength:
'.((int) $minLengthToAutocomplete).',
497 language: select2arrayoflanguage,
498 matcher:
function (params, data) {
499 if ($.trim(params.term) ===
"") {
502 keywords = (params.term).split(
" ");
503 for (var i = 0; i < keywords.length; i++) {
504 if (((data.text).toUpperCase()).indexOf((keywords[i]).toUpperCase()) == -1) {
510 theme: \
'default'.$moreselect2theme.
'\',
511 containerCssClass: \
':all:\', /* Line to add class of origin SELECT propagated to the new <span class="select2-selection...> tag */
512 selectionCssClass: \':all:\', /* Line to add class of origin SELECT propagated to the new <span class="select2-selection...> tag */
513 dropdownCssClass: \'ui-dialog\',
514 templateResult: function (data, container) { /* Format visible output into combo list */
515 /* Code to add class of origin OPTION propagated to the new select2 <li> tag */
516 if (data.element) { $(container).addClass($(data.element).attr("class")); }
517 //console.log("data html is "+$(data.element).attr("data-html"));
518 if (data.id == '.((int) $idforemptyvalue).
' && $(data.element).attr("data-html") == undefined) {
521 if ($(data.element).attr("data-html") != undefined) {
522 /* If property html set, we decode html entities and use this. */
523 /* Note that HTML content must have been sanitized from js with dol_escape_htmltag(xxx, 0, 0, \'\', 0, 1) when building the select option. */
524 if (typeof htmlEntityDecodeJs === "function") {
525 return htmlEntityDecodeJs($(data.element).attr("data-html"));
530 templateSelection: function (selection) { /* Format visible output of selected value */
531 if (selection.id == '.((int) $idforemptyvalue).
') return \'<span class="placeholder">\'+selection.text+\'</span>\';
532 return selection.text;
534 escapeMarkup: function(markup) {
539 $msg .=
'.select2(\'focus\')';
544 $msg .=
"</script>\n";
644function ajax_constantonoff($code, $input = array(), $entity =
null, $revertonoff = 0, $strict = 0, $forcereload = 0, $marginleftonlyshort = 2, $forcenoajax = 0, $setzeroinsteadofdel = 0, $suffix =
'', $mode =
'', $morecss =
'inline-block', $userconst = 0)
646 global $conf, $langs, $user;
648 $entity = ((isset($entity) && is_numeric($entity) && $entity >= 0) ? $entity : $conf->entity);
649 if (!isset($input)) {
653 if (empty($conf->use_javascript_ajax) || $forcenoajax) {
655 $out =
'<a '.($morecss ?
'class="'.$morecss.
'" ' :
'').
'href="'.$_SERVER[
'PHP_SELF'].
'?action=set_'.$code.
'&token='.
newToken().
'&entity='.$entity.($mode ?
'&mode='.$mode :
'').($forcereload ?
'&dol_resetcache=1' :
'').
'">'.
img_picto($langs->trans(
"Disabled"),
'off').
'</a>';
657 $out =
'<a '.($morecss ?
'class="'.$morecss.
'" ' :
'').
' href="'.$_SERVER[
'PHP_SELF'].
'?action=del_'.$code.
'&token='.
newToken().
'&entity='.$entity.($mode ?
'&mode='.$mode :
'').($forcereload ?
'&dol_resetcache=1' :
'').
'">'.
img_picto($langs->trans(
"Enabled"),
'on').
'</a>';
660 $out =
"\n<!-- Ajax code to switch constant ".$code.
" -->".
'
662 $(document).ready(function() {
663 var input = '.json_encode($input).
';
664 var url = \''.DOL_URL_ROOT.
'/core/ajax/constantonoff.php\';
666 var entity = \
''.dol_escape_js($entity).
'\';
667 var strict = \
''.dol_escape_js((
string) $strict).
'\';
668 var userid = \
''.dol_escape_js((
string) $user->id).
'\';
669 var userconst =
'.((int) $userconst).';
670 var yesButton = \
''.dol_escape_js($langs->transnoentities(
"Yes")).
'\';
671 var noButton = \
''.dol_escape_js($langs->transnoentities(
"No")).
'\';
672 var token = \
''.currentToken().
'\';
675 $(
"#set_" + code).click(
function() {
676 if (input.alert && input.alert.set) {
677 if (input.alert.set.yesButton) yesButton = input.alert.set.yesButton;
678 if (input.alert.set.noButton) noButton = input.alert.set.noButton;
679 confirmConstantAction(
"set", url, code, input, input.alert.set, entity, yesButton, noButton, strict, userid, token);
681 setConstant(url, code, input, entity, 0,
'.((int) $forcereload).', userid, token, 1, userconst);
686 $(
"#del_" + code).click(
function() {
687 if (input.alert && input.alert.del) {
688 if (input.alert.del.yesButton) yesButton = input.alert.del.yesButton;
689 if (input.alert.del.noButton) noButton = input.alert.del.noButton;
690 confirmConstantAction(
"del", url, code, input, input.alert.del, entity, yesButton, noButton, strict, userid, token);
692 if (empty($setzeroinsteadofdel)) {
693 $out .= ' delConstant(url, code, input, entity, 0,
'.((int) $forcereload).', userid, token, userconst);
';
695 $out .= ' setConstant(url, code, input, entity, 0,
'.((int) $forcereload).', userid, token, 0, userconst);
';
703 $value = getDolUserString($code);
705 $value = getDolGlobalString($code);
707 $out .= '<div
id=
"confirm_'.$code.'" title=
"" style=
"display: none;"></div>
';
708 $out .= '<span
id=
"set_'.$code.'" class=
"valignmiddle inline-block linkobject '.($value ? 'hideobject' : '').($morecss ? ' '.$morecss : '').'">
'.($revertonoff ? img_picto($langs->trans("Enabled"), 'switch_on
', '', 0, 0, 0, '', '', $marginleftonlyshort) : img_picto($langs->trans("Disabled"), 'switch_off
', '', 0, 0, 0, '', '', $marginleftonlyshort)).'</span>
';
709 $out .= '<span
id=
"del_'.$code.'" class=
"valignmiddle inline-block linkobject '.($value ? '' : 'hideobject').($morecss ? ' '.$morecss : '').'">
'.($revertonoff ? img_picto($langs->trans("Disabled"), 'switch_off
'.$suffix, '', 0, 0, 0, '', '', $marginleftonlyshort) : img_picto($langs->trans("Enabled"), 'switch_on
'.$suffix, '', 0, 0, 0, '', '', $marginleftonlyshort)).'</span>
';
733function ajax_object_onoff($object, $code, $field, $text_on, $text_off, $input = array(), $morecss = '
', $htmlname = '', $forcenojs = 0, $moreparam = '')
735 global $conf, $langs;
737 if (empty($htmlname)) {
740 //var_dump($object->module); var_dump($object->element);
744 if (!empty($conf->use_javascript_ajax) && empty($forcenojs)) {
747 var input =
'.json_encode($input).';
750 $(
"#set_'.$htmlname.'_'.$object->id.'").click(
function() {
751 console.log(
"Click managed by ajax_object_onoff");
752 $.get(
"'.DOL_URL_ROOT.'/core/ajax/objectonoff.php", {
754 field: \''.dol_escape_js($field).
'\',
757 id: \
''.((int)
$object->id).
'\',
758 token: \
''.currentToken().
'\'
761 $(
"#set_'.$htmlname.'_'.$object->id.'").hide();
762 $(
"#del_'.$htmlname.'_'.$object->id.'").show();
764 if (input.disabled && input.disabled.length > 0) {
765 $.each(input.disabled,
function(key,value) {
766 $(
"#" + value).removeAttr(
"disabled");
767 if ($(
"#" + value).hasClass(
"butActionRefused") == true) {
768 $(
"#" + value).removeClass(
"butActionRefused");
769 $(
"#" + value).addClass(
"butAction");
773 }
else if (input.showhide && input.showhide.length > 0) {
774 $.each(input.showhide,
function(key,value) {
775 $(
"#" + value).show();
782 $(
"#del_'.$htmlname.'_'.$object->id.'").click(
function() {
783 console.log(
"Click managed by ajax_object_onoff");
784 $.get(
"'.DOL_URL_ROOT.'/core/ajax/objectonoff.php", {
786 field: \''.dol_escape_js($field).
'\',
789 id: \''.((int)
$object->id).
'\',
793 $("#del_'.$htmlname.
'_'.
$object->id.
'").hide();
794 $("#set_'.$htmlname.
'_'.
$object->id.
'").show();
795 // Disable another element
796 if (input.disabled && input.disabled.length > 0) {
797 $.each(input.disabled, function(key,value) {
798 $("#" + value).prop("disabled", true);
799 if ($("#" + value).hasClass("butAction") == true) {
800 $("#" + value).removeClass("butAction");
801 $("#" + value).addClass("butActionRefused");
804 // Hide another element
805 } else if (input.showhide && input.showhide.length > 0) {
806 $.each(input.showhide, function(key,value) {
807 $("#" + value).hide();
816 $switchon =
'switch_on';
817 $switchoff =
'switch_off';
820 $tmparray = explode(
':', $text_on);
821 if (!empty($tmparray[1])) {
822 $text_on = $tmparray[0];
823 $switchon = $tmparray[1];
824 if (!empty($tmparray[2])) {
825 $cssswitchon = $tmparray[2];
828 $tmparray = explode(
':', $text_off);
829 if (!empty($tmparray[1])) {
830 $text_off = $tmparray[0];
831 $switchoff = $tmparray[1];
832 if (!empty($tmparray[2])) {
833 $cssswitchoff = $tmparray[2];
837 if (empty($conf->use_javascript_ajax) || $forcenojs) {
838 $out .=
'<a id="set_'.$htmlname.
'_'.
$object->id.
'" class="linkobject '.(
$object->$code == 1 ?
'hideobject' :
'').($morecss ?
' '.$morecss :
'').
'" href="'.DOL_URL_ROOT.
'/core/ajax/objectonoff.php?action=set&token='.
newToken().
'&id='.((int)
$object->id).
'&element='.urlencode(
$object->element).
'&field='.urlencode($field).
'&value=1&backtopage='.urlencode($_SERVER[
"PHP_SELF"].
'?id='.
$object->id.($moreparam ?
'&'.$moreparam :
'')).
'">'.
img_picto($langs->trans($text_off), $switchoff,
'', 0, 0, 0,
'', $cssswitchoff).
'</a>';
839 $out .=
'<a id="del_'.$htmlname.
'_'.
$object->id.
'" class="linkobject '.(
$object->$code == 1 ?
'' :
'hideobject').($morecss ?
' '.$morecss :
'').
'" href="'.DOL_URL_ROOT.
'/core/ajax/objectonoff.php?action=set&token='.
newToken().
'&id='.((int)
$object->id).
'&element='.urlencode(
$object->element).
'&field='.urlencode($field).
'&value=0&backtopage='.urlencode($_SERVER[
"PHP_SELF"].
'?id='.
$object->id.($moreparam ?
'&'.$moreparam :
'')).
'">'.
img_picto($langs->trans($text_on), $switchon,
'', 0, 0, 0,
'', $cssswitchon).
'</a>';
841 $out .=
'<span id="set_'.$htmlname.
'_'.
$object->id.
'" class="linkobject '.(
$object->$code == 1 ?
'hideobject' :
'').($morecss ?
' '.$morecss :
'').
'">'.
img_picto($langs->trans($text_off), $switchoff,
'', 0, 0, 0,
'', $cssswitchoff).
'</span>';
842 $out .=
'<span id="del_'.$htmlname.
'_'.
$object->id.
'" class="linkobject '.(
$object->$code == 1 ?
'' :
'hideobject').($morecss ?
' '.$morecss :
'').
'">'.
img_picto($langs->trans($text_on), $switchon,
'', 0, 0, 0,
'', $cssswitchon).
'</span>';
ajax_autocompleter($selected, $htmlname, $url, $urloption='', $minLength=2, $autoselect=0, $ajaxoptions=array(), $moreparams='')
Generic function that return javascript to add to transform a common input text or select field into ...
ajax_combobox($htmlname, $events=array(), $minLengthToAutocomplete=0, $forcefocus=0, $widthTypeOfAutocomplete='resolve', $idforemptyvalue='-1', $morecss='')
Convert a html select field into an ajax combobox.
ajax_multiautocompleter($htmlname, $fields, $url, $option='', $minLength=2, $autoselect=0)
Generic function that return javascript to add to a page to transform a common input text field into ...
img_picto($titlealt, $picto, $moreatt='', $pictoisfullpath=0, $srconly=0, $notitle=0, $alt='', $morecss='', $marginleftonlyshort=2)
Show picto whatever it's its name (generic function)