250 lines
8.6 KiB
JavaScript
Vendored
250 lines
8.6 KiB
JavaScript
Vendored
$(document).ready(function () {
|
|
// Live Search
|
|
$.fn.liveSearch = function (option) {
|
|
return this.each(function () {
|
|
this.timer = null;
|
|
this.items = new Array();
|
|
|
|
$.extend(this, option);
|
|
|
|
$(this).attr('autocomplete', 'off');
|
|
|
|
// Blur
|
|
$(this).on('blur', function () {
|
|
setTimeout(function (object) {
|
|
object.hide();
|
|
}, 200, this);
|
|
});
|
|
|
|
// Keydown
|
|
$(this).on('input', function (event) {
|
|
this.request();
|
|
});
|
|
|
|
// Show
|
|
this.show = function () {
|
|
var pos = $('#search').position();
|
|
|
|
$(this).parent().parent().siblings('ul.dropdown-menu').css({
|
|
top : pos.top + $('#search').height(),
|
|
width: $('#search').width(),
|
|
left: pos.left
|
|
});
|
|
|
|
$(this).parent().parent().siblings('ul.dropdown-menu').show();
|
|
};
|
|
|
|
// Hide
|
|
this.hide = function () {
|
|
$(this).parent().parent().siblings('ul.dropdown-menu').hide();
|
|
};
|
|
|
|
// Request
|
|
this.request = function () {
|
|
clearTimeout(this.timer);
|
|
|
|
this.timer = setTimeout(function (object) {
|
|
object.source($(object).val(), $.proxy(object.response, object));
|
|
}, 200, this);
|
|
};
|
|
|
|
// Response
|
|
this.response = function (json) {
|
|
html = '';
|
|
|
|
if (json.length) {
|
|
for (i = 0; i < json.length; i++) {
|
|
this.items[json[i]['id']] = json[i];
|
|
}
|
|
|
|
var count = json.length;
|
|
|
|
for (i = 0; i < count; i++) {
|
|
html += '<li data-value="' + json[i]['type'] + '-' + json[i]['id'] + '">';
|
|
html += ' <a href="' + json[i]['href'] + '">';
|
|
html += ' <div class="ajax-search">';
|
|
html += ' <div class="row">';
|
|
html += ' <div class="name" style="color: ' + json[i]['color'] + ';">' + json[i]['name'] + '</div>';
|
|
html += ' <span class="type">' + json[i]['type'] + '</span>';
|
|
html += ' </div>';
|
|
html += ' </div>';
|
|
html += ' </a>';
|
|
html += '</li>';
|
|
}
|
|
}
|
|
|
|
if (html) {
|
|
this.show();
|
|
} else {
|
|
this.hide();
|
|
}
|
|
|
|
$(this).parent().parent().siblings('ul.dropdown-menu').html(html);
|
|
};
|
|
|
|
$(this).parent().parent().after('<ul class="dropdown-menu" id="result-search" style="padding:2px 2px 2px 2px;"></ul>');
|
|
$(this).parent().parent().siblings('ul.dropdown-menu').delegate('a', 'click', $.proxy(this.click, this));
|
|
});
|
|
};
|
|
|
|
$('input[name=\'search\']').liveSearch({
|
|
'source': function (request, response) {
|
|
if (request != '' && request.length > 2) {
|
|
$.ajax({
|
|
url : url_search,
|
|
type : 'GET',
|
|
dataType: 'JSON',
|
|
data : 'keyword=' + $(this).val(),
|
|
success : function (json) {
|
|
response($.map(json, function (item) {
|
|
return {
|
|
id : item.id,
|
|
name : item.name,
|
|
type : item.type,
|
|
color: item.color,
|
|
href : item.href
|
|
}
|
|
}));
|
|
}
|
|
});
|
|
} else {
|
|
$('#search > .dropdown-menu').hide();
|
|
}
|
|
}
|
|
});
|
|
|
|
last_radio = '';
|
|
|
|
$("input:radio").each(function () {
|
|
if ($(this).parent().parent().hasClass('radio-inline')) {
|
|
input_name = $(this).attr("name");
|
|
input_value = $(this).attr("value");
|
|
input_text = $(this).text();
|
|
input_checked = $(this).is(':checked');
|
|
|
|
enable_class = 'btn-default';
|
|
disable_class = 'btn-default';
|
|
|
|
if (last_radio == input_name) {
|
|
return;
|
|
}
|
|
|
|
last_radio = input_name;
|
|
|
|
if ($(':radio[name="' + input_name + '"]').length != 2) {
|
|
return;
|
|
}
|
|
|
|
if ((input_value != 0) && (input_value != 1)) {
|
|
return;
|
|
}
|
|
|
|
if ((input_text.localeCompare(text_yes) == 1) && (input_text.localeCompare(text_no) == 1)) {
|
|
return;
|
|
}
|
|
|
|
if (input_value == 1 && input_checked == true) {
|
|
enable_class = 'btn-success active';
|
|
} else {
|
|
disable_class = 'btn-danger active';
|
|
}
|
|
|
|
$('#' + input_name + '_1').removeClass('btn-default').addClass(enable_class);
|
|
$('#' + input_name + '_0').removeClass('btn-default').addClass(disable_class);
|
|
}
|
|
});
|
|
|
|
$(document).on('click', '.btn-group label:not(.active)', function (e) {
|
|
disable_label = $(this);
|
|
disable_input = $('#' + disable_label.attr('id') + ' :input');
|
|
|
|
if (disable_input.attr('type') != 'radio') {
|
|
return;
|
|
}
|
|
|
|
if (!disable_input.is(':checked')) {
|
|
enable_input = $('input[name="' + disable_input.attr('name') + '"]:checked');
|
|
enable_label = enable_input.parent();
|
|
|
|
enable_label.removeClass('btn-success active');
|
|
enable_label.removeClass('btn-danger active');
|
|
|
|
enable_input.removeAttr('checked');
|
|
enable_label.addClass('btn btn-default');
|
|
|
|
disable_label.removeClass('btn-default');
|
|
|
|
if (disable_input.val() == 0) {
|
|
disable_label.addClass('btn-danger active');
|
|
} else {
|
|
disable_label.addClass('btn-success active');
|
|
}
|
|
|
|
disable_input.attr('checked', 'checked');
|
|
|
|
enable_input.trigger('change');
|
|
disable_input.trigger('change');
|
|
}
|
|
});
|
|
});
|
|
|
|
function confirmDelete(form_id, title, message, button_cancel, button_delete) {
|
|
$('#confirm-modal').remove();
|
|
|
|
var html = '';
|
|
|
|
html += '<div class="modal fade" id="confirm-modal" tabindex="-1" role="dialog" aria-labelledby="confirmModalLabel" aria-hidden="true">';
|
|
html += ' <div class="modal-dialog">';
|
|
html += ' <div class="modal-content">';
|
|
html += ' <div class="modal-header">';
|
|
html += ' <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>';
|
|
html += ' <h4 class="modal-title" id="confirmModalLabel">' + title + '</h4>';
|
|
html += ' </div>';
|
|
html += ' <div class="modal-body">';
|
|
html += ' <p>' + message + '</p>';
|
|
html += ' <p></p>';
|
|
html += ' </div>';
|
|
html += ' <div class="modal-footer">';
|
|
html += ' <button type="button" class="btn btn-default" data-dismiss="modal">' + button_cancel + '</button>';
|
|
html += ' <button type="button" class="btn btn-danger" onclick="$(\'' + form_id + '\').submit();">' + button_delete + '</button>';
|
|
html += ' </div>';
|
|
html += ' </div>';
|
|
html += ' </div>';
|
|
html += '</div>';
|
|
|
|
$('body').append(html);
|
|
|
|
$('#confirm-modal').modal('show');
|
|
}
|
|
|
|
$(document).on('click', '.popup', function(e) {
|
|
e.preventDefault();
|
|
|
|
$('#modal-popup').remove();
|
|
|
|
var element = this;
|
|
|
|
$.ajax({
|
|
url: $(element).attr('href'),
|
|
type: 'get',
|
|
dataType: 'html',
|
|
success: function(data) {
|
|
html = '<div class="modal" id="modal-popup">';
|
|
html += ' <div class="modal-dialog">';
|
|
html += ' <div class="modal-content">';
|
|
html += ' <div class="modal-header">';
|
|
html += ' <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>';
|
|
html += ' <h4 class="modal-title">' + $(element).text() + '</h4>';
|
|
html += ' </div>';
|
|
html += ' <div class="modal-body">' + data + '</div>';
|
|
html += ' </div';
|
|
html += ' </div>';
|
|
html += '</div>';
|
|
|
|
$('body').append(html);
|
|
|
|
$('#modal-popup').modal('show');
|
|
}
|
|
});
|
|
});
|