mirror of
https://github.com/ae-utbm/sith.git
synced 2025-07-10 20:09:25 +00:00
Format with biome instead of standard
This commit is contained in:
@ -1,7 +1,7 @@
|
||||
import Alpine from 'alpinejs'
|
||||
import Alpine from "alpinejs";
|
||||
|
||||
window.Alpine = Alpine
|
||||
window.Alpine = Alpine;
|
||||
|
||||
window.addEventListener('DOMContentLoaded', (event) => {
|
||||
Alpine.start()
|
||||
})
|
||||
window.addEventListener("DOMContentLoaded", (event) => {
|
||||
Alpine.start();
|
||||
});
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import 'codemirror/lib/codemirror.css'
|
||||
import 'easymde/src/css/easymde.css'
|
||||
import EasyMDE from 'easymde'
|
||||
import "codemirror/lib/codemirror.css";
|
||||
import "easymde/src/css/easymde.css";
|
||||
import EasyMDE from "easymde";
|
||||
|
||||
// This scripts dependens on Alpine but it should be loaded on every page
|
||||
|
||||
@ -9,181 +9,181 @@ import EasyMDE from 'easymde'
|
||||
* @param {HTMLTextAreaElement} textarea to use
|
||||
* @param {string} link to the markdown api
|
||||
**/
|
||||
export function easymdeFactory (textarea, markdownApiURL) {
|
||||
const easymde = new EasyMDE({
|
||||
element: textarea,
|
||||
spellChecker: false,
|
||||
autoDownloadFontAwesome: false,
|
||||
previewRender: Alpine.debounce(async (plainText, preview) => {
|
||||
const res = await fetch(markdownApiURL, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ text: plainText })
|
||||
})
|
||||
preview.innerHTML = await res.text()
|
||||
return null
|
||||
}, 300),
|
||||
forceSync: true, // Avoid validation error on generic create view
|
||||
toolbar: [
|
||||
{
|
||||
name: 'heading-smaller',
|
||||
action: EasyMDE.toggleHeadingSmaller,
|
||||
className: 'fa fa-header',
|
||||
title: gettext('Heading')
|
||||
},
|
||||
{
|
||||
name: 'italic',
|
||||
action: EasyMDE.toggleItalic,
|
||||
className: 'fa fa-italic',
|
||||
title: gettext('Italic')
|
||||
},
|
||||
{
|
||||
name: 'bold',
|
||||
action: EasyMDE.toggleBold,
|
||||
className: 'fa fa-bold',
|
||||
title: gettext('Bold')
|
||||
},
|
||||
{
|
||||
name: 'strikethrough',
|
||||
action: EasyMDE.toggleStrikethrough,
|
||||
className: 'fa fa-strikethrough',
|
||||
title: gettext('Strikethrough')
|
||||
},
|
||||
{
|
||||
name: 'underline',
|
||||
action: function customFunction (editor) {
|
||||
const cm = editor.codemirror
|
||||
cm.replaceSelection('__' + cm.getSelection() + '__')
|
||||
},
|
||||
className: 'fa fa-underline',
|
||||
title: gettext('Underline')
|
||||
},
|
||||
{
|
||||
name: 'superscript',
|
||||
action: function customFunction (editor) {
|
||||
const cm = editor.codemirror
|
||||
cm.replaceSelection('^' + cm.getSelection() + '^')
|
||||
},
|
||||
className: 'fa fa-superscript',
|
||||
title: gettext('Superscript')
|
||||
},
|
||||
{
|
||||
name: 'subscript',
|
||||
action: function customFunction (editor) {
|
||||
const cm = editor.codemirror
|
||||
cm.replaceSelection('~' + cm.getSelection() + '~')
|
||||
},
|
||||
className: 'fa fa-subscript',
|
||||
title: gettext('Subscript')
|
||||
},
|
||||
{
|
||||
name: 'code',
|
||||
action: EasyMDE.toggleCodeBlock,
|
||||
className: 'fa fa-code',
|
||||
title: gettext('Code')
|
||||
},
|
||||
'|',
|
||||
{
|
||||
name: 'quote',
|
||||
action: EasyMDE.toggleBlockquote,
|
||||
className: 'fa fa-quote-left',
|
||||
title: gettext('Quote')
|
||||
},
|
||||
{
|
||||
name: 'unordered-list',
|
||||
action: EasyMDE.toggleUnorderedList,
|
||||
className: 'fa fa-list-ul',
|
||||
title: gettext('Unordered list')
|
||||
},
|
||||
{
|
||||
name: 'ordered-list',
|
||||
action: EasyMDE.toggleOrderedList,
|
||||
className: 'fa fa-list-ol',
|
||||
title: gettext('Ordered list')
|
||||
},
|
||||
'|',
|
||||
{
|
||||
name: 'link',
|
||||
action: EasyMDE.drawLink,
|
||||
className: 'fa fa-link',
|
||||
title: gettext('Insert link')
|
||||
},
|
||||
{
|
||||
name: 'image',
|
||||
action: EasyMDE.drawImage,
|
||||
className: 'fa-regular fa-image',
|
||||
title: gettext('Insert image')
|
||||
},
|
||||
{
|
||||
name: 'table',
|
||||
action: EasyMDE.drawTable,
|
||||
className: 'fa fa-table',
|
||||
title: gettext('Insert table')
|
||||
},
|
||||
'|',
|
||||
{
|
||||
name: 'clean-block',
|
||||
action: EasyMDE.cleanBlock,
|
||||
className: 'fa fa-eraser fa-clean-block',
|
||||
title: gettext('Clean block')
|
||||
},
|
||||
'|',
|
||||
{
|
||||
name: 'preview',
|
||||
action: EasyMDE.togglePreview,
|
||||
className: 'fa fa-eye no-disable',
|
||||
title: gettext('Toggle preview')
|
||||
},
|
||||
{
|
||||
name: 'side-by-side',
|
||||
action: EasyMDE.toggleSideBySide,
|
||||
className: 'fa fa-columns no-disable no-mobile',
|
||||
title: gettext('Toggle side by side')
|
||||
},
|
||||
{
|
||||
name: 'fullscreen',
|
||||
action: EasyMDE.toggleFullScreen,
|
||||
className: 'fa fa-expand no-mobile',
|
||||
title: gettext('Toggle fullscreen')
|
||||
},
|
||||
'|',
|
||||
{
|
||||
name: 'guide',
|
||||
action: '/page/Aide_sur_la_syntaxe',
|
||||
className: 'fa fa-question-circle',
|
||||
title: gettext('Markdown guide')
|
||||
}
|
||||
]
|
||||
})
|
||||
function easymdeFactory(textarea, markdownApiURL) {
|
||||
const easymde = new EasyMDE({
|
||||
element: textarea,
|
||||
spellChecker: false,
|
||||
autoDownloadFontAwesome: false,
|
||||
previewRender: Alpine.debounce(async (plainText, preview) => {
|
||||
const res = await fetch(markdownApiURL, {
|
||||
method: "POST",
|
||||
body: JSON.stringify({ text: plainText }),
|
||||
});
|
||||
preview.innerHTML = await res.text();
|
||||
return null;
|
||||
}, 300),
|
||||
forceSync: true, // Avoid validation error on generic create view
|
||||
toolbar: [
|
||||
{
|
||||
name: "heading-smaller",
|
||||
action: EasyMDE.toggleHeadingSmaller,
|
||||
className: "fa fa-header",
|
||||
title: gettext("Heading"),
|
||||
},
|
||||
{
|
||||
name: "italic",
|
||||
action: EasyMDE.toggleItalic,
|
||||
className: "fa fa-italic",
|
||||
title: gettext("Italic"),
|
||||
},
|
||||
{
|
||||
name: "bold",
|
||||
action: EasyMDE.toggleBold,
|
||||
className: "fa fa-bold",
|
||||
title: gettext("Bold"),
|
||||
},
|
||||
{
|
||||
name: "strikethrough",
|
||||
action: EasyMDE.toggleStrikethrough,
|
||||
className: "fa fa-strikethrough",
|
||||
title: gettext("Strikethrough"),
|
||||
},
|
||||
{
|
||||
name: "underline",
|
||||
action: function customFunction(editor) {
|
||||
const cm = editor.codemirror;
|
||||
cm.replaceSelection(`__${cm.getSelection()}__`);
|
||||
},
|
||||
className: "fa fa-underline",
|
||||
title: gettext("Underline"),
|
||||
},
|
||||
{
|
||||
name: "superscript",
|
||||
action: function customFunction(editor) {
|
||||
const cm = editor.codemirror;
|
||||
cm.replaceSelection(`^${cm.getSelection()}^`);
|
||||
},
|
||||
className: "fa fa-superscript",
|
||||
title: gettext("Superscript"),
|
||||
},
|
||||
{
|
||||
name: "subscript",
|
||||
action: function customFunction(editor) {
|
||||
const cm = editor.codemirror;
|
||||
cm.replaceSelection(`~${cm.getSelection()}~`);
|
||||
},
|
||||
className: "fa fa-subscript",
|
||||
title: gettext("Subscript"),
|
||||
},
|
||||
{
|
||||
name: "code",
|
||||
action: EasyMDE.toggleCodeBlock,
|
||||
className: "fa fa-code",
|
||||
title: gettext("Code"),
|
||||
},
|
||||
"|",
|
||||
{
|
||||
name: "quote",
|
||||
action: EasyMDE.toggleBlockquote,
|
||||
className: "fa fa-quote-left",
|
||||
title: gettext("Quote"),
|
||||
},
|
||||
{
|
||||
name: "unordered-list",
|
||||
action: EasyMDE.toggleUnorderedList,
|
||||
className: "fa fa-list-ul",
|
||||
title: gettext("Unordered list"),
|
||||
},
|
||||
{
|
||||
name: "ordered-list",
|
||||
action: EasyMDE.toggleOrderedList,
|
||||
className: "fa fa-list-ol",
|
||||
title: gettext("Ordered list"),
|
||||
},
|
||||
"|",
|
||||
{
|
||||
name: "link",
|
||||
action: EasyMDE.drawLink,
|
||||
className: "fa fa-link",
|
||||
title: gettext("Insert link"),
|
||||
},
|
||||
{
|
||||
name: "image",
|
||||
action: EasyMDE.drawImage,
|
||||
className: "fa-regular fa-image",
|
||||
title: gettext("Insert image"),
|
||||
},
|
||||
{
|
||||
name: "table",
|
||||
action: EasyMDE.drawTable,
|
||||
className: "fa fa-table",
|
||||
title: gettext("Insert table"),
|
||||
},
|
||||
"|",
|
||||
{
|
||||
name: "clean-block",
|
||||
action: EasyMDE.cleanBlock,
|
||||
className: "fa fa-eraser fa-clean-block",
|
||||
title: gettext("Clean block"),
|
||||
},
|
||||
"|",
|
||||
{
|
||||
name: "preview",
|
||||
action: EasyMDE.togglePreview,
|
||||
className: "fa fa-eye no-disable",
|
||||
title: gettext("Toggle preview"),
|
||||
},
|
||||
{
|
||||
name: "side-by-side",
|
||||
action: EasyMDE.toggleSideBySide,
|
||||
className: "fa fa-columns no-disable no-mobile",
|
||||
title: gettext("Toggle side by side"),
|
||||
},
|
||||
{
|
||||
name: "fullscreen",
|
||||
action: EasyMDE.toggleFullScreen,
|
||||
className: "fa fa-expand no-mobile",
|
||||
title: gettext("Toggle fullscreen"),
|
||||
},
|
||||
"|",
|
||||
{
|
||||
name: "guide",
|
||||
action: "/page/Aide_sur_la_syntaxe",
|
||||
className: "fa fa-question-circle",
|
||||
title: gettext("Markdown guide"),
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
const submits = textarea
|
||||
.closest('form')
|
||||
.querySelectorAll('input[type="submit"]')
|
||||
const parentDiv = textarea.parentElement
|
||||
let submitPressed = false
|
||||
const submits = textarea
|
||||
.closest("form")
|
||||
.querySelectorAll('input[type="submit"]');
|
||||
const parentDiv = textarea.parentElement;
|
||||
let submitPressed = false;
|
||||
|
||||
function checkMarkdownInput (e) {
|
||||
// an attribute is null if it does not exist, else a string
|
||||
const required = textarea.getAttribute('required') != null
|
||||
const length = textarea.value.trim().length
|
||||
function checkMarkdownInput(e) {
|
||||
// an attribute is null if it does not exist, else a string
|
||||
const required = textarea.getAttribute("required") != null;
|
||||
const length = textarea.value.trim().length;
|
||||
|
||||
if (required && length === 0) {
|
||||
parentDiv.style.boxShadow = 'red 0px 0px 1.5px 1px'
|
||||
} else {
|
||||
parentDiv.style.boxShadow = ''
|
||||
}
|
||||
}
|
||||
if (required && length === 0) {
|
||||
parentDiv.style.boxShadow = "red 0px 0px 1.5px 1px";
|
||||
} else {
|
||||
parentDiv.style.boxShadow = "";
|
||||
}
|
||||
}
|
||||
|
||||
function onSubmitClick (e) {
|
||||
if (!submitPressed) {
|
||||
easymde.codemirror.on('change', checkMarkdownInput)
|
||||
}
|
||||
submitPressed = true
|
||||
checkMarkdownInput(e)
|
||||
}
|
||||
function onSubmitClick(e) {
|
||||
if (!submitPressed) {
|
||||
easymde.codemirror.on("change", checkMarkdownInput);
|
||||
}
|
||||
submitPressed = true;
|
||||
checkMarkdownInput(e);
|
||||
}
|
||||
|
||||
submits.forEach((submit) => {
|
||||
submit.addEventListener('click', onSubmitClick)
|
||||
})
|
||||
};
|
||||
for (const submit of submits) {
|
||||
submit.addEventListener("click", onSubmitClick);
|
||||
}
|
||||
}
|
||||
|
||||
window.easymdeFactory = easymdeFactory
|
||||
window.easymdeFactory = easymdeFactory;
|
||||
|
||||
@ -1 +1 @@
|
||||
require('@fortawesome/fontawesome-free/css/all.css')
|
||||
require("@fortawesome/fontawesome-free/css/all.css");
|
||||
|
||||
22
core/static/webpack/jquery-index.js
vendored
22
core/static/webpack/jquery-index.js
vendored
@ -1,25 +1,25 @@
|
||||
import $ from 'jquery'
|
||||
import 'jquery.shorten/src/jquery.shorten.min.js'
|
||||
import $ from "jquery";
|
||||
import "jquery.shorten/src/jquery.shorten.min.js";
|
||||
|
||||
// We ship jquery-ui with jquery because when standalone with webpack
|
||||
// JQuery is also included in the jquery-ui package. We do gain space by doing this
|
||||
// We require jquery-ui components manually and not in a loop
|
||||
// Otherwise it increases the output files by a x2 factor !
|
||||
require('jquery-ui/ui/widgets/accordion.js')
|
||||
require('jquery-ui/ui/widgets/autocomplete.js')
|
||||
require('jquery-ui/ui/widgets/button.js')
|
||||
require('jquery-ui/ui/widgets/dialog.js')
|
||||
require('jquery-ui/ui/widgets/tabs.js')
|
||||
require("jquery-ui/ui/widgets/accordion.js");
|
||||
require("jquery-ui/ui/widgets/autocomplete.js");
|
||||
require("jquery-ui/ui/widgets/button.js");
|
||||
require("jquery-ui/ui/widgets/dialog.js");
|
||||
require("jquery-ui/ui/widgets/tabs.js");
|
||||
|
||||
require('jquery-ui/themes/base/all.css')
|
||||
require("jquery-ui/themes/base/all.css");
|
||||
|
||||
/**
|
||||
* Simple wrapper to solve shorten not being able on legacy pages
|
||||
* @param {string} selector to be passed to jQuery
|
||||
* @param {Object} options object to pass to the shorten function
|
||||
**/
|
||||
export function shorten (selector, options) {
|
||||
$(selector).shorten(options)
|
||||
function shorten(selector, options) {
|
||||
$(selector).shorten(options);
|
||||
}
|
||||
|
||||
window.shorten = shorten
|
||||
window.shorten = shorten;
|
||||
|
||||
Reference in New Issue
Block a user