Initial commit
Couldnt keep the history unfortunately.
This commit is contained in:
Riyyi
@@ -0,0 +1,226 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
// Confirm to submit
|
||||
$('.js-confirm').on('click', function() {
|
||||
return confirm("Are you sure you want to continue?");
|
||||
});
|
||||
|
||||
// Confirm to delete
|
||||
$('.js-delete').on('click', function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var csrfToken = $(this).attr('data-token');
|
||||
|
||||
if (confirm('Are you sure you want to continue?')) {
|
||||
$.ajax({
|
||||
url: $(this).attr('href'),
|
||||
type: 'DELETE',
|
||||
data: { _token: csrfToken },
|
||||
success: function(data) {
|
||||
window.location.reload();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Edit
|
||||
$('.js-edit').on('click', function(event) {
|
||||
var href = $(this).attr('href');
|
||||
|
||||
$.ajax({
|
||||
url: href,
|
||||
type: "PUT",
|
||||
data: $('#form-edit').serialize(),
|
||||
success: function(data, textStatus, jqXHR) {
|
||||
window.location.href = data;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//------------------------------------------
|
||||
|
||||
$('.js-upload')
|
||||
.on("drag dragstart dragend dragover dragenter dragleave drop", function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
})
|
||||
.on("dragover dragenter", function(e) {
|
||||
$(this).addClass('admin-upload-dragover');
|
||||
})
|
||||
.on("dragend dragleave drop", function(e) {
|
||||
$(this).removeClass('admin-upload-dragover');
|
||||
})
|
||||
.on("drop", function(e) {
|
||||
// Set file input to the dropped files
|
||||
$(this).find('input[type=file]')[0].files = e.originalEvent.dataTransfer.files;
|
||||
|
||||
updateUploadLabel($(this));
|
||||
})
|
||||
.change(function(e) {
|
||||
updateUploadLabel($(this));
|
||||
});
|
||||
|
||||
function updateUploadLabel(element) {
|
||||
var files = element.find('input[type=file]')[0].files;
|
||||
var text = element.find('span');
|
||||
|
||||
// Update label text
|
||||
if (files.length == 1) {
|
||||
text.html(files[0].name);
|
||||
}
|
||||
else {
|
||||
text.html(files.length + ' files selected');
|
||||
|
||||
// Set tooltip
|
||||
var fileNames = '';
|
||||
Array.from(files).forEach(file => { fileNames += file.name + '\n'; });
|
||||
element.prop('title', fileNames);
|
||||
}
|
||||
}
|
||||
|
||||
//------------------------------------------
|
||||
|
||||
// CodeMirror editor
|
||||
var editor;
|
||||
var editorOptions = {
|
||||
lineSeparator: '\n',
|
||||
theme: 'tomorrow-night-eighties',
|
||||
mode: 'text/html',
|
||||
indentUnit: 4,
|
||||
lineNumbers: true,
|
||||
lineWrapping: true,
|
||||
cursorBlinkRate: 0,
|
||||
keyMap: 'vim',
|
||||
};
|
||||
|
||||
// Copy editor selection to clipboard on <C-c>
|
||||
function registerEditorCopy() {
|
||||
editor.on('vim-keypress', function(e) {
|
||||
if (e === '<C-c>' && editor.state.vim.visualMode === true) {
|
||||
document.execCommand("copy");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Enable CodeMirror Editor
|
||||
$.fn.codeMirror = function() {
|
||||
editor = CodeMirror.fromTextArea($(this)[0], editorOptions);
|
||||
editor.setSize('100%', '500');
|
||||
registerEditorCopy();
|
||||
|
||||
return editor;
|
||||
}
|
||||
$('textarea#syntax-code').codeMirror().setOption('mode', 'text/x-csrc');
|
||||
|
||||
// Enable WYSIWYG Editor
|
||||
$('textarea#summernote').summernote({
|
||||
tabDisable: true,
|
||||
tabsize: 4,
|
||||
minHeight: 450,
|
||||
maxHeight: null,
|
||||
focus: true,
|
||||
fontNames: [
|
||||
'Helvetica', 'Arial', 'Verdana', 'Trebuchet MS', 'sans-serif',
|
||||
'Georgia', 'Times New Roman', 'Courier New', 'monospace'
|
||||
],
|
||||
fontNamesIgnoreCheck: [],
|
||||
toolbar: [
|
||||
['style', ['style']],
|
||||
['font', ['bold', 'underline', 'italic', 'strikethrough', 'clear']],
|
||||
['fontname', ['fontname']],
|
||||
['color', ['color']],
|
||||
['para', ['ul', 'ol', 'paragraph']],
|
||||
['table', ['table']],
|
||||
['insert', ['link', 'picture', 'video']],
|
||||
['view', ['fullscreen', 'codeview', 'help']],
|
||||
],
|
||||
callbacks: {
|
||||
onInit: function() {
|
||||
$("#summernote").summernote('codeview.activate');
|
||||
|
||||
editor = $('.CodeMirror')[0].CodeMirror;
|
||||
registerEditorCopy();
|
||||
}
|
||||
},
|
||||
prettifyHtml: false,
|
||||
codemirror: editorOptions,
|
||||
});
|
||||
|
||||
var syntaxLanguages = {
|
||||
'c': 'text/x-csrc',
|
||||
'cpp': 'text/x-c++src',
|
||||
'css': 'text/css',
|
||||
'html': 'text/html',
|
||||
'javascript': 'text/javascript',
|
||||
'php': 'application/x-httpd-php',
|
||||
'python': 'text/x-python',
|
||||
'shell': 'text/x-sh',
|
||||
};
|
||||
|
||||
// Syntax Language selection
|
||||
$('#syntax-language').on('change', function() {
|
||||
// Set the editor language mode
|
||||
editor.setOption('mode', syntaxLanguages[this.value]);
|
||||
|
||||
// Set the language class
|
||||
var parse = $('code');
|
||||
parse.removeClass().addClass('language-' + this.value);
|
||||
})
|
||||
.trigger('change');
|
||||
|
||||
// Syntax Highlight
|
||||
$('#syntax-highlight').on('click', function() {
|
||||
// Set the code
|
||||
var parse = $('code');
|
||||
parse.text(editor.getValue());
|
||||
|
||||
// Highlight the <code> DOM element
|
||||
Prism.highlightAll();
|
||||
});
|
||||
|
||||
// Copy highlighted syntax to the clipboard
|
||||
$('#syntax-copy').on('click', function() {
|
||||
// Copy text into hidden textarea
|
||||
var parse = $('div#syntax-parse').html();
|
||||
var copy = $('textarea#syntax-parse-copy');
|
||||
copy.val(parse);
|
||||
|
||||
// Select the text field
|
||||
copy = copy[0];
|
||||
copy.select();
|
||||
copy.setSelectionRange(0, copy.value.length);
|
||||
|
||||
// Copy the text inside the field to the clipboard
|
||||
document.execCommand("copy");
|
||||
|
||||
alert("Copied to the clipboard");
|
||||
});
|
||||
|
||||
//------------------------------------------
|
||||
|
||||
// Hotkeys
|
||||
$(window).keydown(function(e) {
|
||||
|
||||
// Save form
|
||||
if (e.ctrlKey && e.keyCode == 83) { // Ctrl + S
|
||||
e.preventDefault();
|
||||
|
||||
// Codeview needs to be deactived before saving
|
||||
$('#summernote').summernote('codeview.deactivate');
|
||||
|
||||
$('.js-edit').click();
|
||||
}
|
||||
|
||||
// Toggle codeview
|
||||
if (e.ctrlKey && e.keyCode == 71) { // Ctrl + G
|
||||
e.preventDefault();
|
||||
|
||||
$('#summernote').summernote('codeview.toggle');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// @Todo
|
||||
// - Look at converting .ajax() into the JS fetch API (native)
|
||||
@@ -0,0 +1,83 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
//------------------------------------------//
|
||||
|
||||
$.fn.inViewport = function() {
|
||||
var elementTop = $(this).offset().top;
|
||||
var elementBottom = elementTop + $(this).outerHeight();
|
||||
|
||||
var viewportTop = $(window).scrollTop();
|
||||
var viewportBottom = viewportTop + $(window).height();
|
||||
|
||||
return elementBottom > viewportTop && elementTop < viewportBottom;
|
||||
}
|
||||
|
||||
//------------------------------------------//
|
||||
|
||||
// Image hover mouseenter
|
||||
$(".js-img-hover").mouseenter(function(event) {
|
||||
var width = $(window).width() - event.clientX - 1 + "px";
|
||||
if (!$("#isMobile").is(":hidden")) {
|
||||
width = "100%";
|
||||
}
|
||||
var url = $(this).data("img-hover");
|
||||
var divImg = $("<div id='img-hover' style='z-index: 9999; position: fixed; top: 0px; right: 0px;'>" +
|
||||
"<img style='max-width: " + width + "; height auto;' src=" + url + "></div>");
|
||||
divImg.appendTo("body");
|
||||
});
|
||||
|
||||
// Image hover mouseleave
|
||||
$(".js-img-hover").mouseleave(function() {
|
||||
$("#img-hover").remove();
|
||||
});
|
||||
|
||||
// Lazy load video's
|
||||
$(window).on('resize scroll', function() {
|
||||
$('.js-video').each(function(index) {
|
||||
if (!$(this).inViewport()) {
|
||||
return true;
|
||||
}
|
||||
|
||||
$(this).find('source').each(function() {
|
||||
var source = $(this).attr('data-src');
|
||||
if (source === undefined) {
|
||||
return true;
|
||||
}
|
||||
|
||||
$(this).attr("src", source);
|
||||
var video = this.parentElement;
|
||||
video.load();
|
||||
video.play();
|
||||
$(this).removeAttr('data-src');
|
||||
});
|
||||
});
|
||||
});
|
||||
$(window).trigger('scroll');
|
||||
|
||||
// Only 1 field is required
|
||||
var $inputs = $('input[name=reset-password-username],input[name=reset-password-email]');
|
||||
$inputs.on('input', function() {
|
||||
// Set the required property of the other input to false if this input is not empty.
|
||||
$inputs.not(this).prop('required', !$(this).val().length);
|
||||
});
|
||||
|
||||
// List toggle
|
||||
$('.js-toggle').click(function() {
|
||||
$(this).next("ul").toggle(400);
|
||||
});
|
||||
|
||||
// Admin panel toggle
|
||||
$('.js-admin-toggle').click(function() {
|
||||
$.get('/admin/toggle').done(function(data) {
|
||||
if (data == '1') {
|
||||
$('.js-admin-menu').removeClass('d-none').addClass('d-block');
|
||||
$('.js-main-content').removeClass('col-12').addClass('col-9');
|
||||
}
|
||||
else if (data == '0') {
|
||||
$('.js-admin-menu').removeClass('d-block').addClass('d-none');
|
||||
$('.js-main-content').removeClass('col-9').addClass('col-12');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user