| Server IP : 66.29.137.217 / Your IP : 3.22.120.195 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/./gltevjme/gle.gltechlimited.com/public/assets/js/custom/ |
Upload File : |
/*
---------------------------------------
: Custom - Form X-editable js :
---------------------------------------
*/
"use strict";
$(document).ready(function() {
/* -- Form - X-editable -- */
$.fn.editable.defaults.mode = 'inline';
$.fn.editableform.buttons='<button type="submit" class="btn btn-success editable-submit btn-sm"><i class="mdi mdi-check"></i></button><button type="button" class="btn btn-danger editable-cancel btn-sm"><i class="mdi mdi-close"></i></button>';
$('#xeditable-username').editable({
type: 'text',
pk: 1,
title: 'Enter username',
inputclass: 'form-control form-control-sm'
});
$('#xeditable-firstname').editable({
type: 'text',
pk: 1,
placement: 'right',
placeholder: 'Required',
title: 'Enter your firstname',
inputclass: 'form-control form-control-sm',
validate: function(value) {
if($.trim(value) == '') return 'This field is required';
}
});
$('#xeditable-sex').editable({
prepend: 'not selected',
type: 'select',
pk: 1,
value: '',
title: 'Select sex',
source: [
{value: 1, text: 'Male'},
{value: 2, text: 'Female'}
],
inputclass: 'form-control form-control-sm',
display: function(value, sourceData) {
var colors = {"": "#777777", 1: "#2bcd72", 2: "#4c7cf3"},
elem = $.grep(sourceData, function(o){return o.value == value;});
if(elem.length) {
$(this).text(elem[0].text).css("color", colors[value]);
} else {
$(this).empty();
}
}
});
$('#xeditable-status').editable({
type: 'select',
pk: 1,
value: '0',
title: 'Select Status',
inputclass: 'form-control form-control-sm'
});
$('#xeditable-dob').editable({
type: 'combodate',
pk: 1,
value: '2018-10-25',
title: 'Select date',
format: 'YYYY-MM-DD',
viewformat: 'DD.MM.YYYY',
template: 'D / MMMM / YYYY',
combodate: {
minYear: 2000,
maxYear: 2015,
minuteStep: 1
},
inputclass: 'form-control form-control-sm'
});
$('#xeditable-event').editable({
type: 'combodate',
pk: 1,
title: 'Setup event date and time',
placement: 'right',
format: 'YYYY-MM-DD HH:mm',
viewformat: 'MMM D, YYYY, HH:mm',
template: 'D MMM YYYY HH:mm',
combodate: {
firstItem: 'name'
},
inputclass: 'form-control form-control-sm'
});
$('#xeditable-comments').editable({
title: 'Enter comments',
rows: 5,
inputclass: 'form-control form-control-sm'
});
$('#xeditable-checklist').editable({
type: 'checklist',
pk: 1,
title: 'Select options',
value: [1],
source: [
{value: 1, text: 'option1'},
{value: 2, text: 'option2'},
{value: 3, text: 'option3'}
]
});
});