first commit
This commit is contained in:
denisdulici
249
public/js/app.js
vendored
Normal file
249
public/js/app.js
vendored
Normal file
@ -0,0 +1,249 @@
|
||||
$(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');
|
||||
}
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user