added admin interface
This commit is contained in:
117
admin/assets/js/pages/forms/advanced-form-elements.js
Normal file
117
admin/assets/js/pages/forms/advanced-form-elements.js
Normal file
@ -0,0 +1,117 @@
|
||||
$(function() {
|
||||
"use strict";
|
||||
$('.colorpicker').colorpicker();
|
||||
|
||||
|
||||
//Masked Input ============================================================================================================================
|
||||
var $demoMaskedInput = $('.demo-masked-input');
|
||||
//Date
|
||||
$demoMaskedInput.find('.date').inputmask('dd/mm/yyyy', { placeholder: '__/__/____' });
|
||||
//Time
|
||||
$demoMaskedInput.find('.time12').inputmask('hh:mm t', { placeholder: '__:__ _m', alias: 'time12', hourFormat: '12' });
|
||||
$demoMaskedInput.find('.time24').inputmask('hh:mm', { placeholder: '__:__ _m', alias: 'time24', hourFormat: '24' });
|
||||
//Date Time
|
||||
$demoMaskedInput.find('.datetime').inputmask('d/m/y h:s', { placeholder: '__/__/____ __:__', alias: "datetime", hourFormat: '24' });
|
||||
//Mobile Phone Number
|
||||
$demoMaskedInput.find('.mobile-phone-number').inputmask('+99 (999) 999-99-99', { placeholder: '+__ (___) ___-__-__' });
|
||||
//Phone Number
|
||||
$demoMaskedInput.find('.phone-number').inputmask('+99 (999) 999-99-99', { placeholder: '+__ (___) ___-__-__' });
|
||||
//Dollar Money
|
||||
$demoMaskedInput.find('.money-dollar').inputmask('99,99 $', { placeholder: '__,__ $' });
|
||||
//IP Address
|
||||
$demoMaskedInput.find('.ip').inputmask('999.999.999.999', { placeholder: '___.___.___.___' });
|
||||
//Credit Card
|
||||
$demoMaskedInput.find('.credit-card').inputmask('9999 9999 9999 9999', { placeholder: '____ ____ ____ ____' });
|
||||
//Email
|
||||
$demoMaskedInput.find('.email').inputmask({ alias: "email" });
|
||||
//Serial Key
|
||||
$demoMaskedInput.find('.key').inputmask('****-****-****-****', { placeholder: '____-____-____-____' });
|
||||
|
||||
// Masked Inputs
|
||||
$('#phone').mask('(999) 999-9999');
|
||||
$('#phone-ex').mask('(999) 999-9999? x99999');
|
||||
$('#tax-id').mask('99-9999999');
|
||||
$('#ssn').mask('999-99-9999');
|
||||
$('#product-key').mask('a*-999-a999');
|
||||
|
||||
|
||||
// Multiselect
|
||||
$('#multiselect1, #multiselect2, #single-selection, #multiselect5, #multiselect6').multiselect({
|
||||
maxHeight: 300
|
||||
});
|
||||
//Multi-select
|
||||
$('#optgroup').multiSelect({ selectableOptgroup: true });
|
||||
|
||||
|
||||
//noUISlider
|
||||
var sliderBasic = document.getElementById('nouislider_basic_example');
|
||||
noUiSlider.create(sliderBasic, {
|
||||
start: [23],
|
||||
connect: 'lower',
|
||||
step: 1,
|
||||
range: {
|
||||
'min': [0],
|
||||
'max': [100]
|
||||
}
|
||||
});
|
||||
getNoUISliderValue(sliderBasic, true);
|
||||
|
||||
//Range Example
|
||||
var rangeSlider = document.getElementById('nouislider_range_example');
|
||||
noUiSlider.create(rangeSlider, {
|
||||
start: [22860, 75283],
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 15000,
|
||||
'max': 99999
|
||||
}
|
||||
});
|
||||
getNoUISliderValue(rangeSlider, false);
|
||||
|
||||
|
||||
|
||||
$('#multiselect3-all').multiselect({
|
||||
includeSelectAllOption: true,
|
||||
});
|
||||
|
||||
$('#multiselect4-filter').multiselect({
|
||||
enableFiltering: true,
|
||||
enableCaseInsensitiveFiltering: true,
|
||||
maxHeight: 200
|
||||
});
|
||||
|
||||
$('#multiselect-size').multiselect({
|
||||
buttonClass: 'btn btn-default btn-sm'
|
||||
});
|
||||
|
||||
$('#multiselect-link').multiselect({
|
||||
buttonClass: 'btn btn-link'
|
||||
});
|
||||
|
||||
$('#multiselect-color').multiselect({
|
||||
buttonClass: 'btn btn-primary'
|
||||
});
|
||||
|
||||
$('#multiselect-color2').multiselect({
|
||||
buttonClass: 'btn btn-success'
|
||||
});
|
||||
|
||||
|
||||
// Date picker
|
||||
$('.inline-datepicker').datepicker({
|
||||
todayHighlight: true
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
//Get noUISlider Value and write on
|
||||
function getNoUISliderValue(slider, percentage) {
|
||||
slider.noUiSlider.on('update', function () {
|
||||
var val = slider.noUiSlider.get();
|
||||
if (percentage) {
|
||||
val = parseInt(val);
|
||||
val += '%';
|
||||
}
|
||||
$(slider).parent().find('span.js-nouislider-value').text(val);
|
||||
});
|
||||
}
|
||||
22
admin/assets/js/pages/forms/dropify.js
Normal file
22
admin/assets/js/pages/forms/dropify.js
Normal file
@ -0,0 +1,22 @@
|
||||
$(function() {
|
||||
"use strict";
|
||||
$('.dropify').dropify();
|
||||
|
||||
var drEvent = $('#dropify-event').dropify();
|
||||
drEvent.on('dropify.beforeClear', function(event, element) {
|
||||
return confirm("Do you really want to delete \"" + element.file.name + "\" ?");
|
||||
});
|
||||
|
||||
drEvent.on('dropify.afterClear', function(event, element) {
|
||||
alert('File deleted');
|
||||
});
|
||||
|
||||
$('.dropify-fr').dropify({
|
||||
messages: {
|
||||
default: 'Glissez-déposez un fichier ici ou cliquez',
|
||||
replace: 'Glissez-déposez un fichier ou cliquez pour remplacer',
|
||||
remove: 'Supprimer',
|
||||
error: 'Désolé, le fichier trop volumineux'
|
||||
}
|
||||
});
|
||||
});
|
||||
7
admin/assets/js/pages/forms/editors.js
Normal file
7
admin/assets/js/pages/forms/editors.js
Normal file
@ -0,0 +1,7 @@
|
||||
$(function () {
|
||||
"use strict";
|
||||
//CKEditor
|
||||
CKEDITOR.replace('ckeditor');
|
||||
CKEDITOR.config.height = 300;
|
||||
|
||||
});
|
||||
80
admin/assets/js/pages/forms/form-wizard.js
Normal file
80
admin/assets/js/pages/forms/form-wizard.js
Normal file
@ -0,0 +1,80 @@
|
||||
$(function () {
|
||||
"use strict";
|
||||
//Horizontal form basic
|
||||
$('#wizard_horizontal').steps({
|
||||
headerTag: 'h2',
|
||||
bodyTag: 'section',
|
||||
transitionEffect: 'slideLeft',
|
||||
onInit: function (event, currentIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
},
|
||||
onStepChanged: function (event, currentIndex, priorIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
}
|
||||
});
|
||||
|
||||
//Vertical form basic
|
||||
$('#wizard_vertical').steps({
|
||||
headerTag: 'h2',
|
||||
bodyTag: 'section',
|
||||
transitionEffect: 'slideLeft',
|
||||
stepsOrientation: 'vertical',
|
||||
onInit: function (event, currentIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
},
|
||||
onStepChanged: function (event, currentIndex, priorIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
}
|
||||
});
|
||||
|
||||
//Advanced form with validation
|
||||
var form = $('#wizard_with_validation').show();
|
||||
form.steps({
|
||||
headerTag: 'h3',
|
||||
bodyTag: 'fieldset',
|
||||
transitionEffect: 'slideLeft',
|
||||
onStepChanging: function (event, currentIndex, newIndex) {
|
||||
if (currentIndex > newIndex) { return true; }
|
||||
|
||||
if (currentIndex < newIndex) {
|
||||
form.find('.body:eq(' + newIndex + ') label.error').remove();
|
||||
form.find('.body:eq(' + newIndex + ') .error').removeClass('error');
|
||||
}
|
||||
|
||||
form.validate().settings.ignore = ':disabled,:hidden';
|
||||
return form.valid();
|
||||
},
|
||||
onStepChanged: function (event, currentIndex, priorIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
},
|
||||
onFinishing: function (event, currentIndex) {
|
||||
form.validate().settings.ignore = ':disabled';
|
||||
return form.valid();
|
||||
},
|
||||
onFinished: function (event, currentIndex) {
|
||||
swal("Good job!", "Submitted!", "success");
|
||||
}
|
||||
});
|
||||
|
||||
form.validate({
|
||||
highlight: function (input) {
|
||||
$(input).parents('.form-line').addClass('error');
|
||||
},
|
||||
unhighlight: function (input) {
|
||||
$(input).parents('.form-line').removeClass('error');
|
||||
},
|
||||
errorPlacement: function (error, element) {
|
||||
$(element).parents('.form-group').append(error);
|
||||
},
|
||||
rules: {
|
||||
'confirm': {
|
||||
equalTo: '#password'
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function setButtonWavesEffect(event) {
|
||||
$(event.currentTarget).find('[role="menu"] li a').removeClass('');
|
||||
$(event.currentTarget).find('[role="menu"] li:not(.disabled) a').addClass('');
|
||||
}
|
||||
Reference in New Issue
Block a user