Current File : //home/tradevaly/public_html/public/assets/js/pages/form-xeditable.init.js |
/******/ (function() { // webpackBootstrap
var __webpack_exports__ = {};
/*!***************************************************!*\
!*** ./resources/js/pages/form-xeditable.init.js ***!
\***************************************************/
/*
Template Name: Skote - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: themesbrand@gmail.com
File: Form-Xeditable Js File
*/
$(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 validate(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-select form-select-sm',
source: [{
value: 1,
text: 'Male'
}, {
value: 2,
text: 'Female'
}],
display: function display(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-group').editable({
showbuttons: false,
mode: 'inline',
inputclass: 'form-select form-select-sm'
});
$('#inline-dob').editable({
mode: 'inline',
inputclass: 'form-select form-select-sm'
});
$('#inline-comments').editable({
showbuttons: 'bottom',
mode: 'inline',
inputclass: 'form-control-sm'
});
});
/******/ })()
;