80 lines
2.0 KiB
JavaScript
80 lines
2.0 KiB
JavaScript
/*
|
|
Template Name: Veltrix - Responsive Bootstrap 4 Admin Dashboard
|
|
Author: Themesbrand
|
|
File: Xeditable js
|
|
*/
|
|
|
|
$(function () {
|
|
|
|
//modify buttons style
|
|
$.fn.editableform.buttons =
|
|
'<button type="submit" class="btn btn-success editable-submit btn-sm waves-effect waves-light"><i class="mdi mdi-check"></i></button>' +
|
|
'<button type="button" class="btn btn-danger editable-cancel btn-sm waves-effect waves-light"><i class="mdi mdi-close"></i></button>';
|
|
|
|
|
|
//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'
|
|
});
|
|
|
|
|
|
}); |