-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e57d815
commit c0db4c0
Showing
52 changed files
with
2,699 additions
and
109 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,192 @@ | ||
| import "bootstrap/dist/js/bootstrap.bundle"; | ||
| import $ from "jquery"; | ||
| import EasyMDE from "easymde"; | ||
| import Vue from "vue"; | ||
| import MediaLibrary from "./components/files/MediaLibrary.vue"; | ||
| import hljs from "highlight.js"; | ||
|
|
||
| export function showMediaLibrary(editor) { | ||
| const mediaModal = Vue.extend(MediaLibrary); | ||
|
|
||
| // Create an empty div and append it to our <main> | ||
| let vueContainer = document.createElement("div"); | ||
| document.querySelector("main").appendChild(vueContainer); | ||
|
|
||
| // Create MediaLibrary component and pass it our editor | ||
| let m = new mediaModal({ | ||
| propsData: { | ||
| editor: editor, | ||
| }, | ||
| // Mount to the empty div | ||
| }).$mount(vueContainer); | ||
|
|
||
| // Destroy the Vue instance and the media modal when closed | ||
| $("#media-modal").on("hidden.bs.modal", function (_e) { | ||
| m.$destroy(); | ||
| $("#media-modal").remove(); | ||
| }); | ||
|
|
||
| // Pop the Component modal | ||
| $("#media-modal").modal(); | ||
| } | ||
|
|
||
| export function bindMarkdownEditor(elem) { | ||
| if (Object.hasOwn(elem, "mde") === false) { | ||
| let mde = new EasyMDE({ | ||
| autoDownloadFontAwesome: false, | ||
| toolbar: [ | ||
| "bold", | ||
| "italic", | ||
| "heading", | ||
| "|", | ||
| "quote", | ||
| "unordered-list", | ||
| "ordered-list", | ||
| "|", | ||
| "link", | ||
| "image", | ||
| { | ||
| name: "media", | ||
| action: (editor) => { | ||
| showMediaLibrary(editor); | ||
| }, | ||
| className: "fas fa-file-upload", | ||
| title: "Media Library", | ||
| }, | ||
| "|", | ||
| "preview", | ||
| "guide", | ||
| ], | ||
| element: elem, | ||
| initialValue: $(elem).val(), | ||
| forceSync: true, | ||
| minHeight: "200px", | ||
| renderingConfig: { | ||
| codeSyntaxHighlighting: true, | ||
| hljs: hljs, | ||
| }, | ||
| }); | ||
| elem.mde = mde; | ||
| elem.codemirror = mde.codemirror; | ||
| $(elem).on("change keyup paste", function () { | ||
| mde.codemirror.getDoc().setValue($(elem).val()); | ||
| mde.codemirror.refresh(); | ||
| }); | ||
| } | ||
| } | ||
|
|
||
| export function bindMarkdownEditors() { | ||
| $("textarea.markdown").each(function (_i, e) { | ||
| bindMarkdownEditor(e); | ||
| }); | ||
| } | ||
|
|
||
| export function makeSortableTables() { | ||
| $("th.sort-col").append(` <i class="fas fa-sort"></i>`); | ||
| $("th.sort-col").click(function () { | ||
| var table = $(this).parents("table").eq(0); | ||
| var rows = table | ||
| .find("tr:gt(0)") | ||
| .toArray() | ||
| .sort(comparer($(this).index())); | ||
| this.asc = !this.asc; | ||
| if (!this.asc) { | ||
| rows = rows.reverse(); | ||
| } | ||
| for (var i = 0; i < rows.length; i++) { | ||
| table.append(rows[i]); | ||
| } | ||
| }); | ||
| function comparer(index) { | ||
| return function (a, b) { | ||
| var valA = getCellValue(a, index), | ||
| valB = getCellValue(b, index); | ||
| return $.isNumeric(valA) && $.isNumeric(valB) | ||
| ? valA - valB | ||
| : valA.toString().localeCompare(valB); | ||
| }; | ||
| } | ||
| function getCellValue(row, index) { | ||
| return $(row).children("td").eq(index).text(); | ||
| } | ||
| } | ||
|
|
||
| export default () => { | ||
| // TODO: This is kind of a hack to mimic a React-like state construct. | ||
| // It should be removed once we have a real front-end framework in place. | ||
| $(":input").each(function () { | ||
| $(this).data("initial", $(this).val()); | ||
| }); | ||
|
|
||
| $(function () { | ||
| $("tr[data-href], td[data-href]").click(function () { | ||
| var sel = getSelection().toString(); | ||
| if (!sel) { | ||
| var href = $(this).attr("data-href"); | ||
| if (href) { | ||
| window.location = href; | ||
| } | ||
| } | ||
| return false; | ||
| }); | ||
|
|
||
| $("[data-checkbox]").click(function (e) { | ||
| if ($(e.target).is("input[type=checkbox]")) { | ||
| e.stopImmediatePropagation(); | ||
| return; | ||
| } | ||
| let checkbox = $(this).find("input[type=checkbox]"); | ||
| // Doing it this way with an event allows data-checkbox-all to work | ||
| checkbox.click(); | ||
| e.stopImmediatePropagation(); | ||
| }); | ||
|
|
||
| $("[data-checkbox-all]").on("click change", function (e) { | ||
| const checked = $(this).prop("checked"); | ||
| const idx = $(this).index() + 1; | ||
| $(this) | ||
| .closest("table") | ||
| .find(`tr td:nth-child(${idx}) input[type=checkbox]`) | ||
| .prop("checked", checked); | ||
| e.stopImmediatePropagation(); | ||
| }); | ||
|
|
||
| $("tr[data-href] a, tr[data-href] button").click(function (e) { | ||
| // TODO: This is a hack to allow modal close buttons to work | ||
| if (!$(this).attr("data-dismiss")) { | ||
| e.stopPropagation(); | ||
| } | ||
| }); | ||
|
|
||
| $(".page-select").change(function () { | ||
| let url = new URL(window.location); | ||
| url.searchParams.set("page", this.value); | ||
| window.location.href = url.toString(); | ||
| }); | ||
|
|
||
| $('a[data-toggle="tab"]').on("shown.bs.tab", function (e) { | ||
| sessionStorage.setItem("activeTab", $(e.target).attr("href")); | ||
| }); | ||
|
|
||
| let activeTab = sessionStorage.getItem("activeTab"); | ||
| if (activeTab) { | ||
| let target = $( | ||
| `.nav-tabs a[href="${activeTab}"], .nav-pills a[href="${activeTab}"]`, | ||
| ); | ||
| if (target.length) { | ||
| target.tab("show"); | ||
| } else { | ||
| sessionStorage.removeItem("activeTab"); | ||
| } | ||
| } | ||
|
|
||
| bindMarkdownEditors(); | ||
| makeSortableTables(); | ||
| $('[data-toggle="tooltip"]').tooltip(); | ||
|
|
||
| // Syntax highlighting | ||
| document.querySelectorAll("pre code").forEach((block) => { | ||
| hljs.highlightBlock(block); | ||
| }); | ||
| }); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| Original Logo by [Laura Barbera](https://dribbble.com/lauragallisa) | ||
| Updated by [Kevin Chung](https://github.com/ColdHeat) |
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.