Server : LiteSpeed System : Linux premium163.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64 User : infihsqw ( 644) PHP Version : 8.1.29 Disable Function : NONE Directory : /home/infihsqw/aljasmi-uae.store/controlPanel/assets/pages/ |
/** * Theme: Adminto Admin Template * Author: Coderthemes * Demo: Editable (Inline editing) * */ $(function(){ //modify buttons style $.fn.editableform.buttons = '<button type="submit" class="btn btn-primary editable-submit btn-sm waves-effect waves-light"><i class="zmdi zmdi-check"></i></button>' + '<button type="button" class="btn editable-cancel btn-sm waves-effect"><i class="zmdi zmdi-close"></i></button>'; //editables $('#username').editable({ type: 'text', pk: 1, name: 'username', title: 'Enter username' }); $('#firstname').editable({ validate: function(value) { if($.trim(value) == '') return 'This field is required'; } }); $('#sex').editable({ prepend: "not selected", 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(); } } }); $('#status').editable(); $('#group').editable({ showbuttons: false }); $('#dob').editable(); $('#comments').editable({ showbuttons: 'bottom' }); //inline $('#inline-username').editable({ type: 'text', pk: 1, name: 'username', title: 'Enter username', mode: 'inline' }); $('#inline-firstname').editable({ validate: function(value) { if($.trim(value) == '') return 'This field is required'; }, mode: 'inline' }); $('#inline-sex').editable({ prepend: "not selected", mode: 'inline', 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'}); $('#inline-group').editable({ showbuttons: false, mode: 'inline' }); $('#inline-dob').editable({mode: 'inline'}); $('#inline-comments').editable({ showbuttons: 'bottom', mode: 'inline' }); });