";
$('#box-one-content').append(res);
});
setTimeout(function () {
$("#box-one-content").justifiedGallery({
'usedSuffix': 'lt240',
'justifyLastRow': true,
'rowHeight': 150,
'fixedHeight': false,
'captions': true,
'margins': 1
});
$('#box-one-content').fadeIn('slow');
}, 100);
}
/*-------------------------------------------
Function for Form Layout page (form layouts.html)
---------------------------------------------*/
//
// Example form validator function
//
function DemoFormValidator() {
$('#defaultForm').bootstrapValidator({
message: 'This value is not valid',
fields: {
username: {
message: 'The username is not valid',
validators: {
notEmpty: {
message: 'The username is required and can\'t be empty'
},
stringLength: {
min: 6,
max: 30,
message: 'The username must be more than 6 and less than 30 characters long'
},
regexp: {
regexp: /^[a-zA-Z0-9_\.]+$/,
message: 'The username can only consist of alphabetical, number, dot and underscore'
}
}
},
country: {
validators: {
notEmpty: {
message: 'The country is required and can\'t be empty'
}
}
},
acceptTerms: {
validators: {
notEmpty: {
message: 'You have to accept the terms and policies'
}
}
},
email: {
validators: {
notEmpty: {
message: 'The email address is required and can\'t be empty'
},
emailAddress: {
message: 'The input is not a valid email address'
}
}
},
website: {
validators: {
uri: {
message: 'The input is not a valid URL'
}
}
},
phoneNumber: {
validators: {
digits: {
message: 'The value can contain only digits'
}
}
},
color: {
validators: {
hexColor: {
message: 'The input is not a valid hex color'
}
}
},
zipCode: {
validators: {
usZipCode: {
message: 'The input is not a valid US zip code'
}
}
},
password: {
validators: {
notEmpty: {
message: 'The password is required and can\'t be empty'
},
identical: {
field: 'confirmPassword',
message: 'The password and its confirm are not the same'
}
}
},
confirmPassword: {
validators: {
notEmpty: {
message: 'The confirm password is required and can\'t be empty'
},
identical: {
field: 'password',
message: 'The password and its confirm are not the same'
}
}
},
ages: {
validators: {
lessThan: {
value: 100,
inclusive: true,
message: 'The ages has to be less than 100'
},
greaterThan: {
value: 10,
inclusive: false,
message: 'The ages has to be greater than or equals to 10'
}
}
}
}
});
}
//
// Function for Dynamically Change input size on Form Layout page
//
function FormLayoutExampleInputLength(selector) {
var steps = [
"col-sm-1",
"col-sm-2",
"col-sm-3",
"col-sm-4",
"col-sm-5",
"col-sm-6",
"col-sm-7",
"col-sm-8",
"col-sm-9",
"col-sm-10",
"col-sm-11",
"col-sm-12"
];
selector.slider({
range: 'min',
value: 1,
min: 0,
max: 11,
step: 1,
slide: function (event, ui) {
if (ui.value < 1) {
return false;
}
var input = $("#form-styles");
var f = input.parent();
f.removeClass();
f.addClass(steps[ui.value]);
input.attr("placeholder", '.' + steps[ui.value]);
}
});
}
/*-------------------------------------------
Functions for Progressbar page (ui_progressbars.html)
---------------------------------------------*/
//
// Function for Knob clock
//
function RunClock() {
var second = $(".second");
var minute = $(".minute");
var hour = $(".hour");
var d = new Date();
var s = d.getSeconds();
var m = d.getMinutes();
var h = d.getHours();
if (h > 11) {
h = h - 12;
}
$('#knob-clock-value').html(h + ':' + m + ':' + s);
second.val(s).trigger("change");
minute.val(m).trigger("change");
hour.val(h).trigger("change");
}
//
// Function for create test sliders on Progressbar page
//
function CreateAllSliders() {
$(".slider-default").slider();
var slider_range_min_amount = $(".slider-range-min-amount");
var slider_range_min = $(".slider-range-min");
var slider_range_max = $(".slider-range-max");
var slider_range_max_amount = $(".slider-range-max-amount");
var slider_range = $(".slider-range");
var slider_range_amount = $(".slider-range-amount");
slider_range_min.slider({
range: "min",
value: 37,
min: 1,
max: 700,
slide: function (event, ui) {
slider_range_min_amount.val("$" + ui.value);
}
});
slider_range_min_amount.val("$" + slider_range_min.slider("value"));
slider_range_max.slider({
range: "max",
min: 1,
max: 100,
value: 2,
slide: function (event, ui) {
slider_range_max_amount.val(ui.value);
}
});
slider_range_max_amount.val(slider_range_max.slider("value"));
slider_range.slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function (event, ui) {
slider_range_amount.val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]);
}
});
slider_range_amount.val("$" + slider_range.slider("values", 0) +
" - $" + slider_range.slider("values", 1));
$("#equalizer > div.progress > div").each(function () {
// read initial values from markup and remove that
var value = parseInt($(this).text(), 10);
$(this).empty().slider({
value: value,
range: "min",
animate: true,
orientation: "vertical"
});
});
}
/*-------------------------------------------
Function for jQuery-UI page (ui_jquery-ui.html)
---------------------------------------------*/
//
// Function for make all Date-Time pickers on page
//
function AllTimePickers() {
$('#datetime_example').datetimepicker({});
$('#time_example').timepicker({
hourGrid: 4,
minuteGrid: 10,
timeFormat: 'hh:mm tt'
});
$('#date3_example').datepicker({ numberOfMonths: 3, showButtonPanel: true});
$('#date3-1_example').datepicker({ numberOfMonths: 3, showButtonPanel: true});
$('#date_example').datepicker({});
}
/*-------------------------------------------
Function for Calendar page (calendar.html)
---------------------------------------------*/
//
// Example form validator function
//
function DrawCalendar() {
/* initialize the external events
-----------------------------------------------------------------*/
$('#external-events div.external-event').each(function () {
// create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
var eventObject = {
title: $.trim($(this).text()) // use the element's text as the event title
};
// store the Event Object in the DOM element so we can get to it later
$(this).data('eventObject', eventObject);
// make the event draggable using jQuery UI
$(this).draggable({
zIndex: 999,
revert: true, // will cause the event to go back to its
revertDuration: 0 // original position after the drag
});
});
/* initialize the calendar
-----------------------------------------------------------------*/
var calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
selectHelper: true,
select: function (start, end, allDay) {
var form = $('');
var buttons = $('' +
'');
OpenModalBox('Add event', form, buttons);
$('#event_cancel').on('click', function () {
CloseModalBox();
});
$('#event_submit').on('click', function () {
var new_event_name = $('#newevent_name').val();
if (new_event_name != '') {
calendar.fullCalendar('renderEvent',
{
title: new_event_name,
description: $('#newevent_desc').val(),
start: start,
end: end,
allDay: allDay
},
true // make the event "stick"
);
}
CloseModalBox();
});
calendar.fullCalendar('unselect');
},
editable: true,
droppable: true, // this allows things to be dropped onto the calendar !!!
drop: function (date, allDay) { // this function is called when something is dropped
// retrieve the dropped element's stored Event Object
var originalEventObject = $(this).data('eventObject');
// we need to copy it, so that multiple events don't have a reference to the same object
var copiedEventObject = $.extend({}, originalEventObject);
// assign it the date that was reported
copiedEventObject.start = date;
copiedEventObject.allDay = allDay;
// render the event on the calendar
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
// is the "remove after drop" checkbox checked?
if ($('#drop-remove').is(':checked')) {
// if so, remove the element from the "Draggable Events" list
$(this).remove();
}
},
eventRender: function (event, element, icon) {
if (event.description != "") {
element.attr('title', event.description);
}
},
eventClick: function (calEvent, jsEvent, view) {
var form = $('');
var buttons = $('' +
'' +
'');
OpenModalBox('Change event', form, buttons);
$('#event_cancel').on('click', function () {
CloseModalBox();
});
$('#event_delete').on('click', function () {
calendar.fullCalendar('removeEvents', function (ev) {
return (ev._id == calEvent._id);
});
CloseModalBox();
});
$('#event_change').on('click', function () {
calEvent.title = $('#newevent_name').val();
calEvent.description = $('#newevent_desc').val();
calendar.fullCalendar('updateEvent', calEvent);
CloseModalBox()
});
}
});
$('#new-event-add').on('click', function (event) {
event.preventDefault();
var event_name = $('#new-event-title').val();
var event_description = $('#new-event-desc').val();
if (event_name != '') {
var event_template = $('