You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
2.2 KiB
JavaScript
105 lines
2.2 KiB
JavaScript
$(function(){
|
|
|
|
//Uncomment the line and switch modes
|
|
//$.fn.editable.defaults.mode = 'inline';
|
|
|
|
//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 = {"": "gray", 1: "green", 2: "blue"},
|
|
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 = {"": "gray", 1: "green", 2: "blue"},
|
|
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'
|
|
});
|
|
|
|
|
|
|
|
}); |