diff options
Diffstat (limited to 'themes/okadmin/public/js/app.js')
| -rw-r--r-- | themes/okadmin/public/js/app.js | 547 |
1 files changed, 294 insertions, 253 deletions
diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js index 53b1940..dd6513a 100644 --- a/themes/okadmin/public/js/app.js +++ b/themes/okadmin/public/js/app.js @@ -1,297 +1,334 @@ -var OKAdmin = function(){ - +var OKAdmin = function () { // initialize our multi-image uploader with an element and a template - $(".group.image-list").each(function(){ - var parent = this - var uploader = new OKUpload () - uploader.bind( this ) - uploader.add = function(media){ - var url = media.url - var imageTemplate = $(".image-template", parent).html() - var $el = $(imageTemplate) - $el.find(".uri").val(media.url) - $el.find(".image-width").val(media.width) - $el.find(".image-height").val(media.height) - $el.find("img").attr("src", media.url) - $("ol", parent).prepend($el) - } - }) + $(".group.image-list").each(function () { + var parent = this; + var uploader = new OKUpload(); + uploader.bind(this); + uploader.add = function (media) { + var url = media.url; + var imageTemplate = $(".image-template", parent).html(); + var $el = $(imageTemplate); + $el.find(".uri").val(media.url); + $el.find(".image-width").val(media.width); + $el.find(".image-height").val(media.height); + $el.find("img").attr("src", media.url); + $("ol", parent).prepend($el); + }; + }); // delete image from gallery - $(document).on("mousedown", ".image-list .remove", function(){ + $(document).on("mousedown", ".image-list .remove", function () { if (confirm("Remove this image?")) { - $(this).parent().remove() + $(this).parent().remove(); } - }) + }); // Add default date - $('.date input').each(function(i, el){ - var value = el.getAttribute('value') + $(".date input").each(function (i, el) { + var value = el.getAttribute("value"); if (!value) { - el.setAttribute('value', toDateInputValue(new Date)) + el.setAttribute("value", toDateInputValue(new Date())); } - function toDateInputValue (date) { - var local = new Date(date); - local.setMinutes(date.getMinutes() - date.getTimezoneOffset()); - return local.toJSON().slice(0,10); + function toDateInputValue(date) { + var local = new Date(date); + local.setMinutes(date.getMinutes() - date.getTimezoneOffset()); + return local.toJSON().slice(0, 10); } - }) + }); // initialize our multimedia uploader with an element and a template - $(".group.media-list").each(function(){ - var parent = this - var uploader = new OKUpload () - uploader.bind( this ) - uploader.add = function(media){ - var url = media.url - var imageTemplate = $(".image-template", parent).html() - var $el = $(imageTemplate) - $el.find(".uri").val(media.url) - $el.find(".image-width").val(media.width) - $el.find(".image-height").val(media.height) - $el.find("img").attr("src", media.url) - $("ol", parent).prepend($el) - } - uploader.addMedia = function(media){ + $(".group.media-list").each(function () { + var parent = this; + var uploader = new OKUpload(); + uploader.bind(this); + uploader.add = function (media) { + var url = media.url; + var imageTemplate = $(".image-template", parent).html(); + var $el = $(imageTemplate); + $el.find(".uri").val(media.url); + $el.find(".image-width").val(media.width); + $el.find(".image-height").val(media.height); + $el.find("img").attr("src", media.url); + $("ol", parent).prepend($el); + }; + uploader.addMedia = function (media) { switch (media.type) { - case 'youtube': - case 'vimeo': - case 'video': - var videoTemplate = $(".video-template", parent).html() - var $el = $(videoTemplate) - $el.addClass("loaded") - $el.find(".video-type").val( media.type ) - $el.find(".video-token").val( media.token ) - $el.find(".video-uri").val( media.uri ) - $el.find(".video-title").val( media.title ) - $el.find(".video-thumb").val( media.thumbnail ) - $el.find(".video-width").val( media.width ) - $el.find(".video-height").val( media.height ) - $el.find("img").attr("src", media.thumbnail ) - $("ol", parent).prepend($el) - break - case 'audio': - var audioTemplate = $(".audio-template", parent).html() - var $el = $(audioTemplate) - $el.addClass("loaded") - $el.find(".audio-type").val( media.type ) - $el.find(".audio-token").val( media.token ) - $el.find(".audio-uri").val( media.uri ) - $el.find(".audio-title").val( media.title ) - $el.find(".audio-thumb").val( media.thumbnail ) - $el.find(".audio-duration").val( media.duration ) - $el.find("img").attr("src", media.thumbnail ) - $("ol", parent).prepend($el) - break - case 'link': - var linkTemplate = $(".link-template", parent).html() - var $el = $(linkTemplate) - $el.addClass("loaded") - $el.find(".uri").val( media.url ) - $("ol", parent).prepend($el) - break + case "youtube": + case "vimeo": + case "video": + var videoTemplate = $(".video-template", parent).html(); + var $el = $(videoTemplate); + $el.addClass("loaded"); + $el.find(".video-type").val(media.type); + $el.find(".video-token").val(media.token); + $el.find(".video-uri").val(media.uri); + $el.find(".video-title").val(media.title); + $el.find(".video-thumb").val(media.thumbnail); + $el.find(".video-width").val(media.width); + $el.find(".video-height").val(media.height); + $el.find("img").attr("src", media.thumbnail); + $("ol", parent).prepend($el); + break; + case "audio": + var audioTemplate = $(".audio-template", parent).html(); + var $el = $(audioTemplate); + $el.addClass("loaded"); + $el.find(".audio-type").val(media.type); + $el.find(".audio-token").val(media.token); + $el.find(".audio-uri").val(media.uri); + $el.find(".audio-title").val(media.title); + $el.find(".audio-thumb").val(media.thumbnail); + $el.find(".audio-duration").val(media.duration); + $el.find("img").attr("src", media.thumbnail); + $("ol", parent).prepend($el); + break; + case "link": + var linkTemplate = $(".link-template", parent).html(); + var $el = $(linkTemplate); + $el.addClass("loaded"); + $el.find(".uri").val(media.url); + $("ol", parent).prepend($el); + break; default: - alert("Unsupported link type!") + alert("Unsupported link type!"); } - } - }) + }; + }); // delete image from gallery - $(document).on("mousedown", ".media-list .remove", function(){ + $(document).on("mousedown", ".media-list .remove", function () { if (confirm("Remove this media?")) { - $(this).parent().remove() + $(this).parent().remove(); } - }) + }); // initialize our single image uploader with existing DOM - $(".group.image").each(function(){ - var $el = $(this) - var uploader = new OKUpload () - uploader.bind( this ) - uploader.add = function(media){ - console.log(media) - $el.find(".uri").val(media.url) - $el.find(".caption").val("") - $el.find(".image-width").val(media.width) - $el.find(".image-height").val(media.height) - $el.find("img").attr("src", media.url).show() - $el.addClass("loaded") - } - }) + $(".group.image").each(function () { + var $el = $(this); + var uploader = new OKUpload(); + uploader.bind(this); + uploader.add = function (media) { + console.log(media); + $el.find(".uri").val(media.url); + $el.find(".caption").val(""); + $el.find(".image-width").val(media.width); + $el.find(".image-height").val(media.height); + $el.find("img").attr("src", media.url).show(); + $el.addClass("loaded"); + }; + }); // delete image from single image entry - $(document).on("mousedown", ".image .remove", function(){ + $(document).on("mousedown", ".image .remove", function () { if (confirm("Remove this image?")) { - var $el = $(this).closest(".image") - $el.removeClass('loaded') - $el.find(".uri").val("") - $el.find(".image-width").val("") - $el.find(".image-height").val("") - $el.find(".caption").val("") - $el.find("img").attr("src", "") + var $el = $(this).closest(".image"); + $el.removeClass("loaded"); + $el.find(".uri").val(""); + $el.find(".image-width").val(""); + $el.find(".image-height").val(""); + $el.find(".caption").val(""); + $el.find("img").attr("src", ""); } - }) + }); // make the region sortable with drag-and-drop - $(".media-list ol, .image-list ol, .link-list .links").sortable() - $(".media-list ol, .image-list ol").disableSelection() - $(document).on("click", ".main.index .resource-category.active ol a", function(e){ - e.preventDefault() - }) + $(".media-list ol, .image-list ol, .link-list .links").sortable(); + $(".media-list ol, .image-list ol").disableSelection(); + $(document).on( + "click", + ".main.index .resource-category.active ol a", + function (e) { + e.preventDefault(); + } + ); // populate a video field with info from our url parser - var last_url - $(".video .url").on("focus", function(){ - var $el = $(this) - last_url = $el.val() - }) - $(".video .url").on("keydown blur", pressEnter(function(){ - var $el = $(this) - var url = $el.val() - if (url == last_url) { return } - Parser.parse( url, function(media){ - console.log(url,media) - $el.parent().addClass("loaded") - $el.parent().find(".video-type").val( media.type ) - $el.parent().find(".video-token").val( media.token ) - $el.parent().find(".video-uri").val( media.url ) - $el.parent().find(".video-title").val( media.title ) - $el.parent().find(".video-thumb").val( media.thumbnail ) - $el.parent().find(".video-width").val( media.width ) - $el.parent().find(".video-height").val( media.height ) + var last_url; + $(".video .url").on("focus", function () { + var $el = $(this); + last_url = $el.val(); + }); + $(".video .url").on( + "keydown blur", + pressEnter(function () { + var $el = $(this); + var url = $el.val(); + if (url == last_url) { + return; + } + Parser.parse(url, function (media) { + console.log(url, media); + $el.parent().addClass("loaded"); + $el.parent().find(".video-type").val(media.type); + $el.parent().find(".video-token").val(media.token); + $el.parent().find(".video-uri").val(media.url); + $el.parent().find(".video-title").val(media.title); + $el.parent().find(".video-thumb").val(media.thumbnail); + $el.parent().find(".video-width").val(media.width); + $el.parent().find(".video-height").val(media.height); + }); }) - })) + ); + + // Upload an arbitrary file like a PDF + $(".group.file").each(function () { + var $el = $(this); + var uploader = new OKUpload(); + uploader.bind(this); + uploader.add = function (media) { + console.log(media); + $el.find(".uri").val(media.url); + $el.find(".caption").val(""); + $el.find("a").attr("href", media.url).show(); + $el.addClass("loaded"); + }; + }); + // delete file + $(document).on("mousedown", ".file .remove", function () { + if (confirm("Remove this file?")) { + var $el = $(this).closest(".file"); + $el.removeClass("loaded"); + $el.find(".uri").val(""); + $el.find(".caption").val(""); + $el.find("a").attr("href", ""); + } + }); // Add a new link to the list - $('.link-list').on('click', '.add-link-btn', function addNewLink (e) { - e.preventDefault && e.preventDefault() - e.stopPropagation && e.stopPropagation() - var $delegate = $(e.delegateTarget) - var $list = $delegate.find('.links') - var linkCount = $list.find("li").length - - var $linkText = $delegate.find(".link-input-new.link-text") - var $linkURI = $delegate.find(".link-input-new.link-uri") - - var linkText = $linkText.val() || 'Link Text' - var linkURI = $linkURI.val() - - if (! linkURI) { - alert('Please enter a link') - return + $(".link-list").on("click", ".add-link-btn", function addNewLink(e) { + e.preventDefault && e.preventDefault(); + e.stopPropagation && e.stopPropagation(); + var $delegate = $(e.delegateTarget); + var $list = $delegate.find(".links"); + var linkCount = $list.find("li").length; + + var $linkText = $delegate.find(".link-input-new.link-text"); + var $linkURI = $delegate.find(".link-input-new.link-uri"); + + var linkText = $linkText.val() || "Link Text"; + var linkURI = $linkURI.val(); + + if (!linkURI) { + alert("Please enter a link"); + return; } - var template = $delegate.find(".link-template").html() - template = template.replace(/\[\]/g, "[" + linkCount + "]") - var $el = $(template) - $el.find(".link-text").val( linkText ) - $el.find(".link-uri").val( linkURI ) - $list.append($el) - $linkText.val("") - $linkURI.val("") - }) + var template = $delegate.find(".link-template").html(); + template = template.replace(/\[\]/g, "[" + linkCount + "]"); + var $el = $(template); + $el.find(".link-text").val(linkText); + $el.find(".link-uri").val(linkURI); + $list.append($el); + $linkText.val(""); + $linkURI.val(""); + }); // Remove a link from the list - $('.link-list').on('mousedown touchstart', '.remove-link-btn', function(e) { - e.preventDefault() - e.stopPropagation() - var $target = $(e.target) - $target.closest("li").remove() - }) + $(".link-list").on("mousedown touchstart", ".remove-link-btn", function (e) { + e.preventDefault(); + e.stopPropagation(); + var $target = $(e.target); + $target.closest("li").remove(); + }); - $('.link-list input').on('keydown', function(e){ - if ( e.keyCode == 13 ) { - e.preventDefault() - e.stopPropagation() - if ($(this).hasClass('link-input-new')) { - $(this).next('.add-link-btn').trigger('click') + $(".link-list input").on("keydown", function (e) { + if (e.keyCode == 13) { + e.preventDefault(); + e.stopPropagation(); + if ($(this).hasClass("link-input-new")) { + $(this).next(".add-link-btn").trigger("click"); } } - }) + }); // fix post indexing in list-driven inputs - $(".main.resource form").submit(function(e){ - var $id = $("[name=id]"), $title = $("[name=title]"), $menu = $("[name=menu]"), $section = $(".resource.main") - var id = $section.data("id"), type = $section.data("type") + $(".main.resource form").submit(function (e) { + var $id = $("[name=id]"), + $title = $("[name=title]"), + $menu = $("[name=menu]"), + $section = $(".resource.main"); + var id = $section.data("id"), + type = $section.data("type"); - if ($title.length && ! $title.val()) { - $title.focus() - alert("Please enter a title") - e.preventDefault() - return + if ($title.length && !$title.val()) { + $title.focus(); + alert("Please enter a title"); + e.preventDefault(); + return; } - if ($menu.length && ! $menu.val()) { - $menu.val( $title.val() ) + if ($menu.length && !$menu.val()) { + $menu.val($title.val()); } // TODO: pass through whether this page is static if (type === "page" && (id == "contact" || id == "about")) { - ; - } - else { - var slug = slugify( $title.val() ) - $id.val( slug ) + } else { + var slug = slugify($title.val()); + $id.val(slug); } // Parse date input - $('.property .date').each(function(i, el) { - var name = $(el).parent('.property').data('name') - var $input = $(el).find('input') - var date = new Date($input.val()) + $(".property .date").each(function (i, el) { + var name = $(el).parent(".property").data("name"); + var $input = $(el).find("input"); + var date = new Date($input.val()); // Set to middle of day so it is the same date // for all locales - date.setUTCHours(12) - var dateString = date.toUTCString() - var normalizedInput = document.createElement('input') + date.setUTCHours(12); + var dateString = date.toUTCString(); + var normalizedInput = document.createElement("input"); $(normalizedInput).attr({ name: name, - type: 'text', - value: dateString - }) - $input.remove() - $(el).append(normalizedInput) - }) + type: "text", + value: dateString, + }); + $input.remove(); + $(el).append(normalizedInput); + }); // Modify flags checkboxes such that unchecked ones return "false" // instead of nothing - $('.property input[type=checkbox]').each(function(i, el) { - var checked = !! el.checked - if (! checked) { - el.setAttribute('value', 'false') + $(".property input[type=checkbox]").each(function (i, el) { + var checked = !!el.checked; + if (!checked) { + el.setAttribute("value", "false"); } - el.checked = true - }) - - $(".link-list").each(function(){ - var $inputs = $(this).find(".link-input-new") + el.checked = true; + }); + + $(".link-list").each(function () { + var $inputs = $(this).find(".link-input-new"); if ($inputs.eq(0).val() && $inputs.eq(1).val()) { - $(this).find(".add-link-btn").trigger("click") + $(this).find(".add-link-btn").trigger("click"); } - }) + }); - $("ol").each(function(){ - $("li", this).each(function(index){ - $(this).find("input,textarea").each(function(){ - var field = $(this).attr("name").replace(/\[[0-9]*\]/, "[" + index + "]") - $(this).attr("name", field) - }) - }) - }) - }) + $("ol").each(function () { + $("li", this).each(function (index) { + $(this) + .find("input,textarea") + .each(function () { + var field = $(this) + .attr("name") + .replace(/\[[0-9]*\]/, "[" + index + "]"); + $(this).attr("name", field); + }); + }); + }); + }); // delete individual records - $("#delete_form").submit(function(e){ - if (confirm("Are you sure you want to delete this record?")) { - return - } - else { - e.preventDefault() - } - }) + $("#delete_form").submit(function (e) { + if (confirm("Are you sure you want to delete this record?")) { + return; + } else { + e.preventDefault(); + } + }); // reorder items in categories - $(".resource-category:not(.grouped)").on("click", ".edit-btn", function(e) { + $(".resource-category:not(.grouped)").on("click", ".edit-btn", function (e) { e.preventDefault(); - var $parent = $(e.delegateTarget) + var $parent = $(e.delegateTarget); var $editBtn = $parent.find(".edit-btn"); var $cancelBtn = $parent.find(".cancel-btn"); var $saveBtn = $parent.find(".save-btn"); @@ -302,53 +339,57 @@ var OKAdmin = function(){ $ol.disableSelection(); toggle(); - $cancelBtn.one("click", function(e) { + $cancelBtn.one("click", function (e) { $ol.sortable("cancel"); $ol.enableSelection(); toggle(); }); - $saveBtn.one("click", function(e) { + $saveBtn.one("click", function (e) { $ol.sortable(); toggle(); }); function toggle() { - toggles.forEach(function($el) { - $el.toggleClass('active'); - }) + toggles.forEach(function ($el) { + $el.toggleClass("active"); + }); } }); // save new category order - $(".resource-category.root").on("submit", "form", function(e) { + $(".resource-category.root").on("submit", "form", function (e) { var $parent = $(e.delegateTarget); - var $resources = $parent.find(".resource-input") - var isDescending = $parent.hasClass("descending") - $resources.each(function(index) { + var $resources = $parent.find(".resource-input"); + var isDescending = $parent.hasClass("descending"); + $resources.each(function (index) { var $input = $(this); var parsed = JSON.parse($input.val()); if (isDescending) { parsed.__index = $resources.length - index; - } - else { + } else { parsed.__index = index; } $input.val(JSON.stringify(parsed)); - }) + }); }); - - $(window).on('keydown', function(e){ - if ( (e.ctrlKey || e.altKey || e.metaKey) && e.keyCode == 83 ) { - e.preventDefault() - $("#resource_form").submit() - } - }) -} -$(function(){ - window.app = new OKAdmin () -}) + $(window).on("keydown", function (e) { + if ((e.ctrlKey || e.altKey || e.metaKey) && e.keyCode == 83) { + e.preventDefault(); + $("#resource_form").submit(); + } + }); +}; +$(function () { + window.app = new OKAdmin(); +}); -function slugify (s){ return (s || "").toLowerCase().replace(/\s/g,"-").replace(/[^-_a-zA-Z0-9]/g, '-').replace(/-+/g, "-") } +function slugify(s) { + return (s || "") + .toLowerCase() + .replace(/\s/g, "-") + .replace(/[^-_a-zA-Z0-9]/g, "-") + .replace(/-+/g, "-"); +} |