/**
* Theme: Dastone - Responsive Bootstrap 5 Admin Dashboard
* Author: Mannatthemes
* X-Editable Js
*/
$(function () {
//modify buttons style
$.fn.editableform.buttons =
'' +
'';
//inline
$('#inline-username').editable({
type: 'text',
pk: 1,
name: 'username',
title: 'Enter username',
mode: 'inline',
inputclass: 'form-control-sm'
});
$('#inline-firstname').editable({
validate: function (value) {
if ($.trim(value) == '') return 'This field is required';
},
mode: 'inline',
inputclass: 'form-control-sm'
});
$('#inline-sex').editable({
prepend: "not selected",
mode: 'inline',
inputclass: 'form-control-sm',
source: [
{value: 1, text: 'Male'},
{value: 2, text: 'Female'}
],
display: function (value, sourceData) {
var colors = {"": "#98a6ad", 1: "#5fbeaa", 2: "#5d9cec"},
elem = $.grep(sourceData, function (o) {
return o.value == value;
});
if (elem.length) {
$(this).text(elem[0].text).css("color", colors[value]);
} else {
$(this).empty();
}
}
});
$('#inline-status').editable({
mode: 'inline',
inputclass: 'form-control-sm'
});
$('#inline-group').editable({
showbuttons: false,
mode: 'inline',
inputclass: 'form-control-sm'
});
$('#inline-dob').editable({
mode: 'inline',
inputclass: 'form-control-sm'
});
$('#inline-comments').editable({
showbuttons: 'bottom',
mode: 'inline',
inputclass: 'form-control-sm'
});
});