Initial Commit
This commit is contained in:
@@ -0,0 +1,158 @@
|
||||
<!-- Style Changer -->
|
||||
<script src="<?php echo BASE_URL;?>js/minicolor.js"></script>
|
||||
|
||||
<!-- JavaScript for select all -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
var clipboard = new ClipboardJS('.clipboard');
|
||||
|
||||
clipboard.on('success', function(e) {
|
||||
|
||||
$.notify({icon: 'check', message: '<?php echo addslashes($jkl["g284"]);?>'}, {type: 'success', animate: {
|
||||
enter: 'animate__animated animate__fadeInDown',
|
||||
exit: 'animate__animated animate__fadeOutUp'
|
||||
}});
|
||||
|
||||
e.clearSelection();
|
||||
});
|
||||
|
||||
$('#department').change(function() {
|
||||
if (this.value != '0') {
|
||||
$('#operator').val(["0"]);
|
||||
}
|
||||
});
|
||||
$('#operator').change(function() {
|
||||
if (this.value != '0') {
|
||||
$('#department').val(["0"]);
|
||||
}
|
||||
});
|
||||
|
||||
// Colour Changer
|
||||
$('.colour_changer').minicolors({
|
||||
theme: "bootstrap"
|
||||
});
|
||||
|
||||
// Load the button preview for images
|
||||
$('#btn_preview').attr("src",ls.orig_main_url+ls.files_url+'/buttons/'+$('select[name="btn_image"]').val());
|
||||
|
||||
// Load the mobile preview for images
|
||||
$('#btn_preview_mobile').attr("src",ls.orig_main_url+ls.files_url+'/buttons/'+$('select[name="btn_image_mobile"]').val());
|
||||
|
||||
$("#btn_preview").hover(function() {
|
||||
$(this).attr("src", function(index, attr){
|
||||
return attr.replace("_on", "_off");
|
||||
});
|
||||
}, function(){
|
||||
$(this).attr("src", function(index, attr){
|
||||
return attr.replace("_off", "_on");
|
||||
});
|
||||
});
|
||||
|
||||
$("#btn_preview_mobile").hover(function() {
|
||||
$(this).attr("src", function(index, attr){
|
||||
return attr.replace("_on", "_off");
|
||||
});
|
||||
}, function(){
|
||||
$(this).attr("src", function(index, attr){
|
||||
return attr.replace("_off", "_on");
|
||||
});
|
||||
});
|
||||
|
||||
$("#chat_preview_button img").hover(function() {
|
||||
$(this).attr("src", function(index, attr){
|
||||
return attr.replace("_on", "_off");
|
||||
});
|
||||
}, function(){
|
||||
$(this).attr("src", function(index, attr){
|
||||
return attr.replace("_off", "_on");
|
||||
});
|
||||
});
|
||||
|
||||
// Load changed previews if any
|
||||
if ($('input[name="btn_icon"]').val()) $('#btn_preview i').attr("class", $('input[name="btn_icon"]').val());
|
||||
if ($('input[name="btn_icon_colour"]').val()) $('#btn_preview').css("color", $('input[name="btn_icon_colour"]').val());
|
||||
if ($('input[name="btn_background_colour"]').val()) $('#btn_preview').css("background-color", $('input[name="btn_background_colour"]').val());
|
||||
if ($('input[name="btn_icon_offline"]').val()) $('#btn_preview_mobile i').attr("class", $('input[name="btn_icon_offline"]').val());
|
||||
if ($('input[name="btn_icon_off_colour"]').val()) $('#btn_preview_mobile').css("color", $('input[name="btn_icon_off_colour"]').val());
|
||||
if ($('input[name="btn_background_off_colour"]').val()) $('#btn_preview_mobile').css("background-color", $('input[name="btn_background_off_colour"]').val());
|
||||
|
||||
});
|
||||
|
||||
// Images
|
||||
|
||||
$(document).on('change', 'select[name="btn_image"]', function() {
|
||||
|
||||
$('#btn_preview').attr("src",ls.orig_main_url+ls.files_url+'/buttons/'+$(this).val());
|
||||
|
||||
});
|
||||
|
||||
$(document).on('change', 'select[name="btn_image_mobile"]', function() {
|
||||
|
||||
$('#btn_preview_mobile').attr("src",ls.orig_main_url+ls.files_url+'/buttons/'+$(this).val());
|
||||
|
||||
});
|
||||
|
||||
// Group Chat
|
||||
|
||||
$('#chatbutton').change(function() {
|
||||
|
||||
$('#chat_preview_button img').attr("src",ls.orig_main_url+ls.files_url+'/buttons/'+$(this).val());
|
||||
|
||||
});
|
||||
|
||||
$('#chatbgimage').change(function() {
|
||||
|
||||
if (this.value != '0') {
|
||||
$('#bg_preview_button img').attr("src",ls.orig_main_url+'/img/groupchat'+$(this).val()+'.jpg');
|
||||
} else {
|
||||
$('#bg_preview_button img').attr("src",ls.orig_main_url+'/img/groupchat.jpg');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Icon
|
||||
|
||||
$(document).on('change', 'input[name="btn_icon"]', function() {
|
||||
|
||||
$('#btn_preview i').attr("class", $(this).val());
|
||||
|
||||
});
|
||||
|
||||
$(document).on('change', 'input[name="btn_icon_colour"]', function() {
|
||||
|
||||
// Get the colour from the input field
|
||||
$('#btn_preview').css("color", $(this).val());
|
||||
|
||||
});
|
||||
|
||||
$(document).on('change', 'input[name="btn_background_colour"]', function() {
|
||||
|
||||
// Get the colour from the input field
|
||||
$('#btn_preview').css("background-color", $(this).val());
|
||||
|
||||
});
|
||||
|
||||
$(document).on('change', 'input[name="btn_icon_offline"]', function() {
|
||||
|
||||
$('#btn_preview_mobile i').attr("class", $(this).val());
|
||||
|
||||
});
|
||||
|
||||
$(document).on('change', 'input[name="btn_icon_off_colour"]', function() {
|
||||
|
||||
// Get the colour from the input field
|
||||
$('#btn_preview_mobile').css("color", $(this).val());
|
||||
|
||||
});
|
||||
|
||||
$(document).on('change', 'input[name="btn_background_off_colour"]', function() {
|
||||
|
||||
// Get the colour from the input field
|
||||
$('#btn_preview_mobile').css("background-color", $(this).val());
|
||||
|
||||
});
|
||||
|
||||
ls.files_url = "<?php echo JAK_FILES_DIRECTORY;?>";
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user