style: Vanilla JS cleansing

lib/Rozier/src/Resources/app/Lazyload.js

@@ -9,7 +9,6 @@ import AttributeValuePosition from './components/attribute-values/AttributeValue
 import NodeTypeFieldEdit from './components/node-type-fields/NodeTypeFieldEdit'
 import CustomFormFieldsPosition from './components/custom-form-fields/CustomFormFieldsPosition'
 import NodeTreeContextActions from './components/trees/NodeTreeContextActions'
-import Import from './components/import/Import'
 import NodeEditSource from './components/node/NodeEditSource'
 import InputLengthWatcher from './widgets/InputLengthWatcher'
 import ChildrenNodesField from './widgets/ChildrenNodesField'
@@ -364,13 +363,7 @@ export default class Lazyload {
 
         // Switch checkboxes
         this.initBootstrapSwitches()
-
         window.Rozier.getMessages()
-
-        if (typeof window.Rozier.importRoutes !== 'undefined' && window.Rozier.importRoutes !== null) {
-            window.Rozier.import = new Import(window.Rozier.importRoutes)
-            window.Rozier.importRoutes = null
-        }
     }
 
     generalUnbind(objects) {

lib/Rozier/src/Resources/app/api/DocumentApi.js

@@ -29,7 +29,6 @@ export function getDocumentsByIds({ ids = [] }) {
             }
         })
         .catch((error) => {
-            // TODO
             // Log request error or display a message
             throw new Error(error.response.data.humanMessage)
         })
@@ -77,7 +76,6 @@ export function getDocuments({ searchTerms, filters, filterExplorerSelection, mo
             }
         })
         .catch((error) => {
-            // TODO
             // Log request error or display a message
             throw new Error(error)
         })

lib/Rozier/src/Resources/app/components/attribute-values/AttributeValuePosition.js

@@ -4,10 +4,8 @@ export default class AttributeValuePosition {
     constructor() {
         this.$list = $('.attribute-value-forms > .uk-sortable')
         this.currentRequest = null
-
         // Bind methods
         this.onSortableChange = this.onSortableChange.bind(this)
-
         this.init()
     }
 

lib/Rozier/src/Resources/app/components/node/NodeEditSource.js

@@ -13,7 +13,6 @@ export default class NodeEditSource {
         this.$dropdown = null
         this.$input = null
 
-        // Binded methods
         this.onInputKeyDown = this.onInputKeyDown.bind(this)
         this.onInputKeyUp = this.onInputKeyUp.bind(this)
         this.inputFocus = this.inputFocus.bind(this)

lib/Rozier/src/Resources/app/components/panels/EntriesPanel.js

@@ -1,27 +1,19 @@
-import $ from 'jquery'
-
-/**
- * Entries panel
- */
 export default class EntriesPanel {
     constructor() {
-        this.$adminMenuNav = $('#admin-menu-nav')
+        this.adminMenuNav = document.getElementById('admin-menu-nav')
         this.replaceSubNavs()
     }
 
     replaceSubNavs() {
-        this.$adminMenuNav.find('.uk-nav-sub').each((index, element) => {
-            let subMenu = $(element)
-
-            subMenu.attr('style', 'display:block;')
-
-            const top = subMenu.offset().top
-            const height = subMenu.height()
-
-            subMenu.removeAttr('style')
+        /** @var {HTMLElement} element */
+        this.adminMenuNav.querySelectorAll('.uk-nav-sub').forEach((element) => {
+            element.style.display = 'block'
+            const top = element.getBoundingClientRect().top
+            const height = element.getBoundingClientRect().height
+            element.style.display = null
 
-            if (top + height + 20 > $(window).height()) {
-                subMenu.parent().addClass('reversed-nav')
+            if (top + height + 20 > window.innerHeight) {
+                element.parentElement.classList.add('reversed-nav')
             }
         })
     }

lib/Rozier/src/Resources/app/components/tabs/MainTreeTabs.js

@@ -1,15 +1,13 @@
-import $ from 'jquery'
-
 const STORAGE_KEY = 'roadiz.currentMainTreeTab'
 
 export default class MainTreeTabs {
     constructor() {
         this.onTabChange = this.onTabChange.bind(this)
-        this.tabsMenu = $('#tree-menu')
+        const treeMenu = document.getElementById('tree-menu')
         const currentTabId = window.localStorage.getItem(STORAGE_KEY)
 
-        if (this.tabsMenu) {
-            window.UIkit.tab(this.tabsMenu, {
+        if (treeMenu) {
+            this.tabsMenu = window.UIkit.tab(treeMenu, {
                 connect: '#tree-container',
                 swiping: false,
                 active: currentTabId ? Number.parseInt(currentTabId) : 0,

lib/Rozier/src/Resources/app/containers/TagsEditorContainer.vue

@@ -15,17 +15,6 @@
             group-label="name"
             @tag="addTag"
             @input="tagsUpdateValue">
-
-            <!--<template slot="option" scope="props">-->
-                <!--<div class="option__desc">-->
-                    <!--<span class="option__name">{{ props.option.name }}</span>-->
-                    <!--<span class="option__children">-->
-                        <!--{{ props.option.children }}-->
-
-                    <!--</span>-->
-                <!--</div>-->
-            <!--</template>-->
-
         </multiselect>
         <pre class="language-json"><code>{{ value  }}</code></pre>
     </div>

lib/Rozier/src/Resources/app/less/common.less

@@ -5,40 +5,6 @@
  * @author Adrien Scholaert <[email protected]>
  */
 
-/* -------- FONTS -------- */
-@font-face {
-    font-family: 'Roadiz';
-    src: url('../fonts/roadiz-sans/RoadizSans-Light.woff2') format('woff2'),
-         url('../fonts/roadiz-sans/RoadizSans-Light.woff') format('woff');
-    font-weight: 300;
-    font-style: normal;
-    font-display: swap;
-}
-@font-face {
-    font-family: 'Roadiz';
-    src: url('../fonts/roadiz-sans/RoadizSans-Regular.woff2') format('woff2'),
-         url('../fonts/roadiz-sans/RoadizSans-Regular.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-@font-face {
-    font-family: 'Roadiz';
-    src: url('../fonts/roadiz-sans/RoadizSans-Medium.woff2') format('woff2'),
-         url('../fonts/roadiz-sans/RoadizSans-Medium.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-@font-face {
-    font-family: 'Roadiz Mono';
-    src: url('../fonts/roadiz-sans/RoadizSans-Mono.woff2') format('woff2'),
-         url('../fonts/roadiz-sans/RoadizSans-Mono.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-
 html,
 body,
 h1, h2, h3, h4, h5, h6,

lib/Rozier/src/Resources/app/less/vars.less

@@ -64,9 +64,6 @@
 
 
 /* -------- FONTS -------- */
-
-//@main-font: 'Roadiz', system-ui;
-//@roadiz-mono-font: 'Roadiz Mono', monospace;
 @main-font: system-ui;
 @roadiz-mono-font: monospace;
 @roadiz-light: 300;

lib/Rozier/src/Resources/app/widgets/ChildrenNodesField.js

@@ -32,12 +32,7 @@ export default class ChildrenNodesField {
 
     treeAvailable() {
         let $nodeTree = this.$fields.find('.nodetree-widget')
-
-        if ($nodeTree.length) {
-            return true
-        } else {
-            return false
-        }
+        return !!$nodeTree.length
     }
 
     onQuickAddClick(event) {

lib/Rozier/src/Resources/app/widgets/NodeTree.js

@@ -8,7 +8,6 @@ export default class NodeTree {
     constructor() {
         // Selectors
         this.$content = $('.content-node-tree')
-        this.$elements = null
         this.$dropdown = null
 
         // Methods
@@ -23,7 +22,6 @@ export default class NodeTree {
      */
     init() {
         this.contentHeight = this.$content.actual('outerHeight')
-
         if (this.contentHeight >= window.Rozier.windowHeight - 400) this.dropdownFlip()
     }
 

lib/Rozier/src/Resources/app/widgets/SaveButtons.js

@@ -13,7 +13,6 @@ export default class SaveButtons {
 
         // Bind method
         this.onClick = this.onClick.bind(this)
-
         this.bindKeyboard()
 
         if (this.$button.length && this.$actionMenu.length) {

lib/Rozier/src/Resources/app/widgets/YamlEditor.js

@@ -5,7 +5,7 @@ import $ from 'jquery'
  */
 export default class YamlEditor {
     /**
-     * @param $textarea
+     * @param {jQuery} $textarea
      * @param index
      */
     constructor($textarea, index) {
@@ -59,9 +59,6 @@ export default class YamlEditor {
         this.init()
     }
 
-    /**
-     * Init
-     */
     init() {
         if (this.$textarea.length) {
             this.editor.on('change', this.textareaChange)

lib/Rozier/src/Resources/views/partials/css-inject.html.twig

@@ -1,7 +1,7 @@
 
-<link href="{{ asset('css/vendor.c385c7e785cae6757716.css', 'Rozier') }}" rel="stylesheet">
+<link href="{{ asset('css/vendor.00b2be12b114cc414b2c.css', 'Rozier') }}" rel="stylesheet">
 
-<link href="{{ asset('css/app.02cad77caad05b1c36f6.css', 'Rozier') }}" rel="stylesheet">
+<link href="{{ asset('css/app.bd1efb846a65ba8724e5.css', 'Rozier') }}" rel="stylesheet">