├── sass ├── bootstrap │ ├── helpers │ │ ├── _clearfix.scss │ │ ├── _text-truncation.scss │ │ ├── _visually-hidden.scss │ │ ├── _vr.scss │ │ ├── _stretched-link.scss │ │ ├── _stacks.scss │ │ ├── _color-bg.scss │ │ ├── _colored-links.scss │ │ ├── _ratio.scss │ │ └── _position.scss │ ├── mixins │ │ ├── _clearfix.scss │ │ ├── _lists.scss │ │ ├── _color-scheme.scss │ │ ├── _text-truncate.scss │ │ ├── _resize.scss │ │ ├── _banner.scss │ │ ├── _backdrop.scss │ │ ├── _pagination.scss │ │ ├── _alert.scss │ │ ├── _container.scss │ │ ├── _image.scss │ │ ├── _box-shadow.scss │ │ ├── _reset-text.scss │ │ ├── _list-group.scss │ │ ├── _deprecate.scss │ │ ├── _transition.scss │ │ ├── _visually-hidden.scss │ │ ├── _table-variants.scss │ │ ├── _caret.scss │ │ ├── _gradients.scss │ │ ├── _border-radius.scss │ │ └── _buttons.scss │ ├── bootstrap-reboot.scss │ ├── forms │ │ ├── _form-text.scss │ │ ├── _validation.scss │ │ ├── _labels.scss │ │ ├── _floating-labels.scss │ │ ├── _form-select.scss │ │ └── _form-range.scss │ ├── _forms.scss │ ├── bootstrap-utilities.scss │ ├── _helpers.scss │ ├── _transitions.scss │ ├── _grid.scss │ ├── _mixins.scss │ ├── _placeholders.scss │ ├── bootstrap.scss │ ├── _badge.scss │ ├── _close.scss │ ├── _images.scss │ ├── _containers.scss │ ├── bootstrap-grid.scss │ ├── _maps.scss │ ├── _breadcrumb.scss │ ├── utilities │ │ └── _api.scss │ ├── _type.scss │ ├── _progress.scss │ ├── _alert.scss │ ├── _toasts.scss │ ├── _root.scss │ └── _spinners.scss ├── blocks │ ├── _buttons.scss │ ├── _meter.scss │ ├── _iframe.scss │ ├── _utils.scss │ ├── _global.scss │ ├── sidebar_nav-rtl.scss │ ├── _alerts.scss │ ├── _modal.scss │ ├── _tooltip.scss │ ├── _form.scss │ ├── _toolbar.scss │ ├── _table.scss │ ├── _nav.scss │ ├── _quickicons.scss │ └── _treeselect.scss ├── media │ ├── vendor │ │ ├── _codemirror.scss │ │ ├── dragula.scss │ │ └── custom-elements │ │ │ └── joomla-alert.scss │ ├── com_media │ │ ├── media-manager.scss │ │ └── components │ │ │ ├── _media-edit.scss │ │ │ ├── _layout.scss │ │ │ ├── _animations.scss │ │ │ ├── _media-modal.scss │ │ │ ├── _media-toolbar.scss │ │ │ ├── _media-breadcrumb.scss │ │ │ ├── _media-infobar.scss │ │ │ └── _media-tree.scss │ ├── system │ │ └── fields │ │ │ ├── joomla-field-media.scss │ │ │ └── switcher.scss │ ├── com_installer │ │ └── installer.scss │ └── plg_installer_webinstaller │ │ └── client.scss ├── fontawesome-free │ ├── webfonts │ │ ├── fa-solid-900.eot │ │ ├── fa-solid-900.ttf │ │ ├── fa-brands-400.eot │ │ ├── fa-brands-400.ttf │ │ ├── fa-brands-400.woff │ │ ├── fa-regular-400.eot │ │ ├── fa-regular-400.ttf │ │ ├── fa-solid-900.woff │ │ ├── fa-solid-900.woff2 │ │ ├── fa-brands-400.woff2 │ │ ├── fa-regular-400.woff │ │ └── fa-regular-400.woff2 │ ├── scss │ │ ├── _fixed-width.scss │ │ ├── _screen-reader.scss │ │ ├── v4-shims.scss │ │ ├── _animated.scss │ │ ├── _list.scss │ │ ├── _core.scss │ │ ├── _larger.scss │ │ ├── fontawesome.scss │ │ ├── _bordered-pulled.scss │ │ ├── _stacked.scss │ │ ├── brands.scss │ │ ├── solid.scss │ │ ├── regular.scss │ │ ├── _rotated-flipped.scss │ │ └── _mixins.scss │ └── css │ │ ├── solid.min.css │ │ ├── brands.min.css │ │ ├── regular.min.css │ │ ├── brands.css │ │ ├── solid.css │ │ └── regular.css ├── pages │ ├── system.scss │ ├── login.scss │ ├── templates.scss │ └── dashboard.scss ├── template-rtl.scss ├── fonts │ └── fontawesome.scss ├── _mixins.scss ├── template-light.scss └── template.scss ├── favicon.ico ├── template_preview.png ├── template_thumbnail.png ├── webfonts ├── fa-solid-900.woff2 ├── fa-brands-400.woff2 └── fa-regular-400.woff2 ├── .github └── dependabot.yml ├── cpanel.php ├── html ├── mod_custom │ └── default.php ├── mod_title │ └── default.php ├── layouts │ ├── chromes │ │ ├── header-item.php │ │ ├── title.php │ │ └── body.php │ ├── joomla │ │ ├── edit │ │ │ └── admin_modules.php │ │ ├── installer │ │ │ └── changelog.php │ │ ├── toolbar │ │ │ └── dropdown.php │ │ ├── quickicons │ │ │ └── icon.php │ │ └── searchtools │ │ │ └── default │ │ │ └── bar.php │ └── plugins │ │ └── system │ │ └── stats │ │ └── message.php ├── mod_quickicon │ └── default.php ├── com_config │ ├── application │ │ └── default_navigation.php │ └── component │ │ └── default_navigation.php ├── mod_frontend │ └── default.php ├── mod_post_installation_messages │ └── default.php ├── mod_messages │ └── default.php ├── mod_version │ └── default.php ├── mod_menu │ └── default.php ├── com_modules │ └── select │ │ └── default.php ├── mod_multilangstatus │ └── default.php └── mod_user │ └── default.php ├── js ├── mod_menu │ ├── admin-menu.min.js │ ├── admin-menu-sidebar.min.js │ ├── admin-menu.js │ └── admin-menu-sidebar.js ├── toolbar │ ├── inline.min.js │ └── inline.js ├── com_templates │ ├── admin-template-compare.min.js │ └── admin-template-compare.js ├── com_contenthistory │ ├── admin-compare-compare.min.js │ └── admin-compare-compare.js ├── com_users │ ├── two-factor-switcher.min.js │ └── two-factor-switcher.js ├── com_modules │ ├── admin-select-modal.min.js │ └── admin-select-modal.js ├── com_cpanel │ ├── admin-cpanel-default.min.js │ ├── admin-cpanel-dnd.min.js │ ├── admin-cpanel-default.js │ └── admin-cpanel-dnd.js └── plg_quickicon_joomlaupdate │ └── jupdatecheck.min.js ├── error.php ├── images ├── select-bg-active.svg ├── select-bg.svg ├── logo.svg └── logo-sm.svg ├── .gitignore ├── language ├── en-GB │ ├── en-GB.tpl_bettum.sys.ini │ └── en-GB.tpl_bettum.ini └── fr-FR │ ├── fr-FR.tpl_lightning.sys.ini │ └── fr-FR.tpl_bettum.ini ├── joomla.asset.json ├── updates └── bettum_updates.xml ├── script.php ├── package.json ├── README.md ├── component.php └── login.php /sass/bootstrap/helpers/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/favicon.ico -------------------------------------------------------------------------------- /sass/blocks/_buttons.scss: -------------------------------------------------------------------------------- 1 | // Button 2 | 3 | .btn-primary { 4 | border-color: var(--border-color); 5 | } 6 | -------------------------------------------------------------------------------- /sass/blocks/_meter.scss: -------------------------------------------------------------------------------- 1 | // Meter 2 | 3 | meter { 4 | width: 100%; 5 | max-width: $meter-max-width; 6 | } 7 | -------------------------------------------------------------------------------- /sass/media/vendor/_codemirror.scss: -------------------------------------------------------------------------------- 1 | // Codemirror 2 | 3 | .CodeMirror-fullscreen { 4 | top: 63px; 5 | } 6 | -------------------------------------------------------------------------------- /template_preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/template_preview.png -------------------------------------------------------------------------------- /template_thumbnail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/template_thumbnail.png -------------------------------------------------------------------------------- /webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /webfonts/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/webfonts/fa-brands-400.woff2 -------------------------------------------------------------------------------- /webfonts/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/webfonts/fa-regular-400.woff2 -------------------------------------------------------------------------------- /sass/blocks/_iframe.scss: -------------------------------------------------------------------------------- 1 | // Iframe 2 | 3 | iframe { 4 | border: 0; 5 | } 6 | 7 | .modal iframe { 8 | width: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_text-truncation.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Text truncation 3 | // 4 | 5 | .text-truncate { 6 | @include text-truncate(); 7 | } 8 | -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-solid-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-solid-900.eot -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-solid-900.ttf -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-brands-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-brands-400.eot -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-brands-400.ttf -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-brands-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-brands-400.woff -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-regular-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-regular-400.eot -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-regular-400.ttf -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-solid-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-solid-900.woff -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-brands-400.woff2 -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-regular-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-regular-400.woff -------------------------------------------------------------------------------- /sass/fontawesome-free/webfonts/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/C-Lodder/joomla4-backend-template/HEAD/sass/fontawesome-free/webfonts/fa-regular-400.woff2 -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | text-align: center; 5 | width: $fa-fw-width; 6 | } 7 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { @include sr-only; } 5 | .sr-only-focusable { @include sr-only-focusable; } 6 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Visually hidden 3 | // 4 | 5 | .visually-hidden, 6 | .visually-hidden-focusable:not(:focus):not(:focus-within) { 7 | @include visually-hidden(); 8 | } 9 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_vr.scss: -------------------------------------------------------------------------------- 1 | .vr { 2 | display: inline-block; 3 | align-self: stretch; 4 | width: 1px; 5 | min-height: 1em; 6 | background-color: currentcolor; 7 | opacity: $hr-opacity; 8 | } 9 | -------------------------------------------------------------------------------- /sass/blocks/_utils.scss: -------------------------------------------------------------------------------- 1 | // Utilities 2 | 3 | td.hidden, 4 | th.hidden { 5 | display: none !important; 6 | } 7 | 8 | /* Joomla's hidden utility */ 9 | .hidden { 10 | display: none !important; 11 | } 12 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start clearfix 2 | @mixin clearfix() { 3 | &::after { 4 | display: block; 5 | clear: both; 6 | content: ""; 7 | } 8 | } 9 | // scss-docs-end clearfix 10 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_color-scheme.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start mixin-color-scheme 2 | @mixin color-scheme($name) { 3 | @media (prefers-color-scheme: #{$name}) { 4 | @content; 5 | } 6 | } 7 | // scss-docs-end mixin-color-scheme 8 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /sass/bootstrap/bootstrap-reboot.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/banner"; 2 | @include bsBanner(Reboot); 3 | 4 | @import "functions"; 5 | @import "variables"; 6 | @import "maps"; 7 | @import "mixins"; 8 | @import "root"; 9 | @import "reboot"; 10 | -------------------------------------------------------------------------------- /sass/blocks/_global.scss: -------------------------------------------------------------------------------- 1 | // Global 2 | 3 | body { 4 | background-color: var(--body-bg-color); 5 | 6 | &.component { 7 | background: var(--secondary); 8 | } 9 | } 10 | 11 | .content { 12 | font-size: $content-font-size; 13 | } 14 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- 1 | version: 2 2 | updates: 3 | - package-ecosystem: npm 4 | directory: "/" 5 | schedule: 6 | interval: weekly 7 | open-pull-requests-limit: 10 8 | ignore: 9 | - dependency-name: postcss 10 | versions: 11 | - 8.2.11 12 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/v4-shims.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | @import 'shims'; 7 | -------------------------------------------------------------------------------- /cpanel.php: -------------------------------------------------------------------------------- 1 | content; 11 | -------------------------------------------------------------------------------- /sass/blocks/sidebar_nav-rtl.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap core 2 | @import "../bootstrap/functions"; 3 | @import "../bootstrap/variables"; 4 | @import "../bootstrap/mixins"; 5 | 6 | // Bettum Variables and Mixins 7 | @import "../mixins"; 8 | @import "../variables"; 9 | 10 | 11 | // Sidebar 12 | @import "sidebar_nav"; 13 | -------------------------------------------------------------------------------- /sass/bootstrap/_forms.scss: -------------------------------------------------------------------------------- 1 | @import "forms/labels"; 2 | @import "forms/form-text"; 3 | @import "forms/form-control"; 4 | @import "forms/form-select"; 5 | @import "forms/form-check"; 6 | @import "forms/form-range"; 7 | @import "forms/floating-labels"; 8 | @import "forms/input-group"; 9 | @import "forms/validation"; 10 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_stretched-link.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Stretched link 3 | // 4 | 5 | .stretched-link { 6 | &::#{$stretched-link-pseudo-element} { 7 | position: absolute; 8 | top: 0; 9 | right: 0; 10 | bottom: 0; 11 | left: 0; 12 | z-index: $stretched-link-z-index; 13 | content: ""; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /js/mod_menu/admin-menu.min.js: -------------------------------------------------------------------------------- 1 | (e=>{"use strict";const t=e.getElementById("menu");e.querySelectorAll("#menu > .nav-item").forEach((e=>{new MutationObserver((e=>{Array.from(e[0].target.classList).includes("show")?t.classList.add("navbar-hover"):t.classList.remove("navbar-hover")})).observe(e,{attributes:!0,attributeFilter:["class"]})}))})(document); -------------------------------------------------------------------------------- /sass/bootstrap/bootstrap-utilities.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/banner"; 2 | @include bsBanner(Utilities); 3 | 4 | // Configuration 5 | @import "functions"; 6 | @import "variables"; 7 | @import "maps"; 8 | @import "mixins"; 9 | @import "utilities"; 10 | 11 | // Helpers 12 | @import "helpers"; 13 | 14 | // Utilities 15 | @import "utilities/api"; 16 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_stacks.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start stacks 2 | .hstack { 3 | display: flex; 4 | flex-direction: row; 5 | align-items: center; 6 | align-self: stretch; 7 | } 8 | 9 | .vstack { 10 | display: flex; 11 | flex: 1 1 auto; 12 | flex-direction: column; 13 | align-self: stretch; 14 | } 15 | // scss-docs-end stacks 16 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_banner.scss: -------------------------------------------------------------------------------- 1 | @mixin bsBanner($file, $suffix:"") { 2 | /*! 3 | * Bootstrap #{$file} v5.2.0 (https://getbootstrap.com/) 4 | * Copyright 2011-2022 The Bootstrap Authors 5 | * Copyright 2011-2022 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 7 | */ 8 | } 9 | 10 | -------------------------------------------------------------------------------- /sass/bootstrap/_helpers.scss: -------------------------------------------------------------------------------- 1 | @import "helpers/clearfix"; 2 | @import "helpers/color-bg"; 3 | @import "helpers/colored-links"; 4 | @import "helpers/ratio"; 5 | @import "helpers/position"; 6 | @import "helpers/stacks"; 7 | @import "helpers/visually-hidden"; 8 | @import "helpers/stretched-link"; 9 | @import "helpers/text-truncation"; 10 | @import "helpers/vr"; 11 | -------------------------------------------------------------------------------- /js/toolbar/inline.min.js: -------------------------------------------------------------------------------- 1 | (e=>{"use strict";const o=e.getElementById("toolbar-dropdown-save-group");if(o){o.parentNode;o.querySelector(".dropdown-toggle-split").remove(),o.querySelectorAll("joomla-toolbar-button").forEach((e=>{const t=e.querySelector("button");t.classList.remove("dropdown-item"),t.classList.add("btn","btn-success"),o.parentNode.insertBefore(e,o.nextSibling)})),o.remove()}})(document); -------------------------------------------------------------------------------- /sass/pages/system.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap core 2 | @import "../bootstrap/functions"; 3 | @import "../bootstrap/variables"; 4 | @import "../bootstrap/maps"; 5 | @import "../bootstrap/mixins"; 6 | 7 | // Bettum Variables and Mixins 8 | @import "../mixins"; 9 | @import "../variables"; 10 | 11 | // System 12 | @include media-breakpoint-up(sm) { 13 | .cpanel-system.card-columns { 14 | column-count: 3; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_backdrop.scss: -------------------------------------------------------------------------------- 1 | // Shared between modals and offcanvases 2 | @mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) { 3 | position: fixed; 4 | top: 0; 5 | left: 0; 6 | z-index: $zindex; 7 | width: 100vw; 8 | height: 100vh; 9 | background-color: $backdrop-bg; 10 | 11 | // Fade for backdrop 12 | &.fade { opacity: 0; } 13 | &.show { opacity: $backdrop-opacity; } 14 | } 15 | -------------------------------------------------------------------------------- /sass/template-rtl.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap core 2 | @import "bootstrap/functions"; 3 | @import "bootstrap/variables"; 4 | @import "bootstrap/maps"; 5 | @import "bootstrap/mixins"; 6 | @import "bootstrap/utilities"; 7 | 8 | // Bettum Variables and Mixins 9 | @import "mixins"; 10 | @import "variables"; 11 | 12 | // Template 13 | @import "template"; 14 | 15 | @import "bootstrap/helpers"; 16 | @import "bootstrap/utilities/api"; 17 | -------------------------------------------------------------------------------- /html/mod_title/default.php: -------------------------------------------------------------------------------- 1 | 10 | 11 |
12 | 13 |
14 | 15 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_animated.scss: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | animation: fa-spin 2s infinite linear; 6 | } 7 | 8 | .#{$fa-css-prefix}-pulse { 9 | animation: fa-spin 1s infinite steps(8); 10 | } 11 | 12 | @keyframes fa-spin { 13 | 0% { 14 | transform: rotate(0deg); 15 | } 16 | 17 | 100% { 18 | transform: rotate(360deg); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | list-style-type: none; 6 | margin-left: $fa-li-width * 5/4; 7 | padding-left: 0; 8 | 9 | > li { position: relative; } 10 | } 11 | 12 | .#{$fa-css-prefix}-li { 13 | left: -$fa-li-width; 14 | position: absolute; 15 | text-align: center; 16 | width: $fa-li-width; 17 | line-height: inherit; 18 | } 19 | -------------------------------------------------------------------------------- /sass/blocks/_alerts.scss: -------------------------------------------------------------------------------- 1 | // Alerts 2 | 3 | .notify-alerts { 4 | position: fixed; 5 | bottom: 1rem; 6 | right: 1rem; 7 | z-index: $zindex-alerts; 8 | } 9 | 10 | .alert a { 11 | color: inherit; 12 | } 13 | 14 | .alert-heading { 15 | margin-bottom: .5rem; 16 | font-weight: 700; 17 | font-size: 1.1rem; 18 | } 19 | 20 | .alert-message { 21 | background-color: transparent; 22 | border-left: none; 23 | color: inherit; 24 | } 25 | -------------------------------------------------------------------------------- /error.php: -------------------------------------------------------------------------------- 1 | guest) 13 | { 14 | require __DIR__ . '/error_login.php'; 15 | } 16 | else 17 | { 18 | require __DIR__ . '/error_full.php'; 19 | } 20 | -------------------------------------------------------------------------------- /sass/media/com_media/media-manager.scss: -------------------------------------------------------------------------------- 1 | // Imports 2 | @import "variables"; 3 | 4 | // Components 5 | @import "components/animations"; 6 | @import "components/layout"; 7 | @import "components/media-breadcrumb"; 8 | @import "components/media-browser"; 9 | @import "components/media-edit"; 10 | @import "components/media-infobar"; 11 | @import "components/media-toolbar"; 12 | @import "components/media-tree"; 13 | @import "components/media-modal"; 14 | 15 | -------------------------------------------------------------------------------- /sass/blocks/_modal.scss: -------------------------------------------------------------------------------- 1 | // Modal 2 | 3 | @include media-breakpoint-up(md) { 4 | @for $i from 10 through 100 { 5 | @if $i % 10 == 0 { 6 | .modal-dialog.jviewport-width#{$i} { width: #{$i}vw; max-width: none; } 7 | } 8 | } 9 | } 10 | 11 | @for $i from 10 through 100 { 12 | @if $i % 10 == 0 { 13 | .jviewport-height#{$i} { height: #{$i}vh; } 14 | } 15 | } 16 | 17 | [class*=jviewport-height] iframe { 18 | height: 100%; 19 | } 20 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | // scss-docs-start pagination-mixin 4 | @mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) { 5 | --#{$prefix}pagination-padding-x: #{$padding-x}; 6 | --#{$prefix}pagination-padding-y: #{$padding-y}; 7 | @include rfs($font-size, --#{$prefix}pagination-font-size); 8 | --#{$prefix}pagination-border-radius: #{$border-radius}; 9 | } 10 | // scss-docs-end pagination-mixin 11 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}, 5 | .fas, 6 | .far, 7 | .fal, 8 | .fad, 9 | .fab { 10 | -moz-osx-font-smoothing: grayscale; 11 | -webkit-font-smoothing: antialiased; 12 | display: inline-block; 13 | font-style: normal; 14 | font-variant: normal; 15 | text-rendering: auto; 16 | line-height: 1; 17 | } 18 | 19 | %fa-icon { 20 | @include fa-icon; 21 | } 22 | -------------------------------------------------------------------------------- /html/layouts/chromes/header-item.php: -------------------------------------------------------------------------------- 1 | content) : ?> 13 |
14 | content; ?> 15 |
16 | 17 | -------------------------------------------------------------------------------- /images/select-bg-active.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /sass/fonts/fontawesome.scss: -------------------------------------------------------------------------------- 1 | // Bettum Variables and Mixins 2 | @import "../mixins"; 3 | @import "../variables"; 4 | 5 | // Font Awesome 5 Free 6 | @import "../fontawesome-free/scss/fontawesome"; 7 | @import "../fontawesome-free/scss/solid"; 8 | @import "../fontawesome-free/scss/regular"; 9 | @import "../fontawesome-free/scss/brands"; 10 | 11 | // B/C for Icomoon 12 | @import "icomoon"; 13 | 14 | // RTL override 15 | html[dir=rtl] .pull-right { 16 | float: left; 17 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # IDE & System Related Files # 2 | .buildpath 3 | .project 4 | .settings 5 | .DS_Store 6 | .idea 7 | .vscode 8 | 9 | # NodeJS # 10 | node_modules/ 11 | 12 | # Build 13 | .zip 14 | 15 | # CSS map files # 16 | .map 17 | 18 | # OSX # 19 | ._* 20 | .Spotlight-V100 21 | .Trashes 22 | 23 | # Windows # 24 | Thumbs.db 25 | Desktop.ini 26 | 27 | # Never ignore # 28 | # Only apply this rule to the main repository's gitignore files 29 | !/.gitignore 30 | !/build/.gitignore 31 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start alert-variant-mixin 2 | @mixin alert-variant($background, $border, $color) { 3 | --#{$prefix}alert-color: #{$color}; 4 | --#{$prefix}alert-bg: #{$background}; 5 | --#{$prefix}alert-border-color: #{$border}; 6 | 7 | @if $enable-gradients { 8 | background-image: var(--#{$prefix}gradient); 9 | } 10 | 11 | .alert-link { 12 | color: shade-color($color, 20%); 13 | } 14 | } 15 | // scss-docs-end alert-variant-mixin 16 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_container.scss: -------------------------------------------------------------------------------- 1 | // Container mixins 2 | 3 | @mixin make-container($gutter: $container-padding-x) { 4 | --#{$prefix}gutter-x: #{$gutter}; 5 | --#{$prefix}gutter-y: 0; 6 | width: 100%; 7 | padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list 8 | padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list 9 | margin-right: auto; 10 | margin-left: auto; 11 | } 12 | -------------------------------------------------------------------------------- /sass/blocks/_tooltip.scss: -------------------------------------------------------------------------------- 1 | // Tooltip 2 | 3 | [role="tooltip"]:not(.show) { 4 | display: none; 5 | z-index: 1070; 6 | max-width: 100%; 7 | padding: .75em; 8 | margin: .25em; 9 | color: $tooltip-color; 10 | border: 1px solid $tooltip-border-color; 11 | background: $tooltip-bg; 12 | } 13 | 14 | :focus + [role="tooltip"], 15 | :hover + [role="tooltip"] { 16 | position: absolute; 17 | display: block; 18 | } 19 | 20 | [id="filter[search]-desc"] { 21 | bottom: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | 10 | @mixin img-fluid { 11 | // Part 1: Set a maximum relative to the parent 12 | max-width: 100%; 13 | // Part 2: Override the height to auto, otherwise images will be stretched 14 | // when setting a width and height attribute on the img element. 15 | height: auto; 16 | } 17 | -------------------------------------------------------------------------------- /html/layouts/chromes/title.php: -------------------------------------------------------------------------------- 1 | content) : ?> 13 |
14 |
title; ?>
15 |
16 | content; ?> 17 | 18 | -------------------------------------------------------------------------------- /images/select-bg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | $result: (); 4 | 5 | @each $value in $shadow { 6 | @if $value != null { 7 | $result: append($result, $value, "comma"); 8 | } 9 | @if $value == none and length($shadow) > 1 { 10 | @warn "The keyword 'none' must be used as a single argument."; 11 | } 12 | } 13 | 14 | @if (length($result) > 0) { 15 | box-shadow: $result; 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_color-bg.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable function-name-case 2 | 3 | // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251 4 | @each $color, $value in $theme-colors { 5 | $color-rgb: to-rgb($value); 6 | .text-bg-#{$color} { 7 | color: color-contrast($value) if($enable-important-utilities, !important, null); 8 | background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | // makes the font 33% larger relative to the icon container 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -.0667em; 9 | } 10 | 11 | .#{$fa-css-prefix}-xs { 12 | font-size: .75em; 13 | } 14 | 15 | .#{$fa-css-prefix}-sm { 16 | font-size: .875em; 17 | } 18 | 19 | @for $i from 1 through 10 { 20 | .#{$fa-css-prefix}-#{$i}x { 21 | font-size: $i * 1em; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_colored-links.scss: -------------------------------------------------------------------------------- 1 | @each $color, $value in $theme-colors { 2 | .link-#{$color} { 3 | color: $value !important; // stylelint-disable-line declaration-no-important 4 | 5 | @if $link-shade-percentage != 0 { 6 | &:hover, 7 | &:focus { 8 | color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)) !important; // stylelint-disable-line declaration-no-important 9 | } 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/fontawesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | @import 'mixins'; 7 | @import 'core'; 8 | @import 'larger'; 9 | @import 'fixed-width'; 10 | @import 'list'; 11 | @import 'bordered-pulled'; 12 | @import 'animated'; 13 | @import 'rotated-flipped'; 14 | @import 'stacked'; 15 | @import 'icons'; 16 | @import 'screen-reader'; 17 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_ratio.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .ratio { 4 | position: relative; 5 | width: 100%; 6 | 7 | &::before { 8 | display: block; 9 | padding-top: var(--#{$prefix}aspect-ratio); 10 | content: ""; 11 | } 12 | 13 | > * { 14 | position: absolute; 15 | top: 0; 16 | left: 0; 17 | width: 100%; 18 | height: 100%; 19 | } 20 | } 21 | 22 | @each $key, $ratio in $aspect-ratios { 23 | .ratio-#{$key} { 24 | --#{$prefix}aspect-ratio: #{$ratio}; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /sass/bootstrap/forms/_validation.scss: -------------------------------------------------------------------------------- 1 | // Form validation 2 | // 3 | // Provide feedback to users when form field values are valid or invalid. Works 4 | // primarily for client-side validation via scoped `:invalid` and `:valid` 5 | // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for 6 | // server-side validation. 7 | 8 | // scss-docs-start form-validation-states-loop 9 | @each $state, $data in $form-validation-states { 10 | @include form-validation-state($state, $data...); 11 | } 12 | // scss-docs-end form-validation-states-loop 13 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | border: solid .08em $fa-border-color; 6 | border-radius: .1em; 7 | padding: .2em .25em .15em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix}, 14 | .fas, 15 | .far, 16 | .fal, 17 | .fab { 18 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 19 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 20 | } 21 | -------------------------------------------------------------------------------- /sass/bootstrap/_transitions.scss: -------------------------------------------------------------------------------- 1 | .fade { 2 | @include transition($transition-fade); 3 | 4 | &:not(.show) { 5 | opacity: 0; 6 | } 7 | } 8 | 9 | // scss-docs-start collapse-classes 10 | .collapse { 11 | &:not(.show) { 12 | display: none; 13 | } 14 | } 15 | 16 | .collapsing { 17 | height: 0; 18 | overflow: hidden; 19 | @include transition($transition-collapse); 20 | 21 | &.collapse-horizontal { 22 | width: 0; 23 | height: auto; 24 | @include transition($transition-collapse-width); 25 | } 26 | } 27 | // scss-docs-end collapse-classes 28 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or overflow-wrap / word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | white-space: normal; 15 | word-spacing: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /js/com_templates/admin-template-compare.min.js: -------------------------------------------------------------------------------- 1 | (()=>{"use strict";const e=(e,n)=>{const t=n.nextElementSibling,d=Diff.diffLines(e.innerHTML,n.innerHTML),a=document.createDocumentFragment();d.forEach((e=>{const n=document.createElement("pre");e.added?n.classList.add("added"):e.removed&&n.classList.add("removed"),n.appendChild(document.createTextNode((e=>{const n=document.createElement("textarea");return n.innerHTML=e,n.value})(e.value))),a.appendChild(n)})),t.appendChild(a)},n=()=>{const t=document.getElementById("original");e(t,t.nextElementSibling),document.removeEventListener("DOMContentLoaded",n)};document.addEventListener("DOMContentLoaded",n)})(); -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | // scss-docs-start list-group-mixin 4 | @mixin list-group-item-variant($state, $background, $color) { 5 | .list-group-item-#{$state} { 6 | color: $color; 7 | background-color: $background; 8 | 9 | &.list-group-item-action { 10 | &:hover, 11 | &:focus { 12 | color: $color; 13 | background-color: shade-color($background, 10%); 14 | } 15 | 16 | &.active { 17 | color: $white; 18 | background-color: $color; 19 | border-color: $color; 20 | } 21 | } 22 | } 23 | } 24 | // scss-docs-end list-group-mixin 25 | -------------------------------------------------------------------------------- /language/en-GB/en-GB.tpl_bettum.sys.ini: -------------------------------------------------------------------------------- 1 | ; Package Bettum 2 | ; Copyright Copyright (C) 2020 Charlie Lodder. All rights reserved. 3 | ; License GNU General Public License version 2 or later 4 | 5 | BETTUM="Bettum Administrator template" 6 | TPL_BETTUM_POSITION_BOTTOM="Bottom" 7 | TPL_BETTUM_POSITION_CPANEL="Cpanel" 8 | TPL_BETTUM_POSITION_DEBUG="Debug" 9 | TPL_BETTUM_POSITION_ICON="Quick Icons" 10 | TPL_BETTUM_POSITION_LOGIN="Login" 11 | TPL_BETTUM_POSITION_MENU="Menu" 12 | TPL_BETTUM_POSITION_STATUS="Status" 13 | TPL_BETTUM_POSITION_TITLE="Title" 14 | TPL_BETTUM_POSITION_TOOLBAR="Toolbar" 15 | TPL_BETTUM_XML_DESCRIPTION="Joomla 4 backend template" 16 | -------------------------------------------------------------------------------- /js/com_contenthistory/admin-compare-compare.min.js: -------------------------------------------------------------------------------- 1 | (()=>{"use strict";const e=(e,n)=>{const t=n.nextElementSibling,d=window.Diff.diffWords(e.innerHTML,n.innerHTML),o=document.createDocumentFragment();d.forEach((e=>{let n;n=e.added?document.createElement("ins"):e.removed?document.createElement("del"):document.createElement("span"),n.appendChild(document.createTextNode((e=>{const n=document.createElement("textarea");return n.innerHTML=e,n.value})(e.value))),o.appendChild(n)})),t.appendChild(o)},n=()=>{document.querySelectorAll(".original").forEach((n=>{e(n,n.nextElementSibling)})),document.removeEventListener("DOMContentLoaded",n)};document.addEventListener("DOMContentLoaded",n)})(); -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_deprecate.scss: -------------------------------------------------------------------------------- 1 | // Deprecate mixin 2 | // 3 | // This mixin can be used to deprecate mixins or functions. 4 | // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to 5 | // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap) 6 | @mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) { 7 | @if ($enable-deprecation-messages != false and $ignore-warning != true) { 8 | @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}."; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | display: inline-block; 6 | height: 2em; 7 | line-height: 2em; 8 | position: relative; 9 | vertical-align: middle; 10 | width: ($fa-fw-width*2); 11 | } 12 | 13 | .#{$fa-css-prefix}-stack-1x, 14 | .#{$fa-css-prefix}-stack-2x { 15 | left: 0; 16 | position: absolute; 17 | text-align: center; 18 | width: 100%; 19 | } 20 | 21 | .#{$fa-css-prefix}-stack-1x { 22 | line-height: inherit; 23 | } 24 | 25 | .#{$fa-css-prefix}-stack-2x { 26 | font-size: 2em; 27 | } 28 | 29 | .#{$fa-css-prefix}-inverse { 30 | color: $fa-inverse; 31 | } 32 | -------------------------------------------------------------------------------- /language/fr-FR/fr-FR.tpl_lightning.sys.ini: -------------------------------------------------------------------------------- 1 | ; Package Bettum 2 | ; Copyright Copyright (C) 2020 Charlie Lodder. All rights reserved. 3 | ; License GNU General Public License version 2 or later 4 | 5 | BETTUM="Template d'administration Bettum" 6 | TPL_BETTUM_POSITION_BOTTOM="Bas" 7 | TPL_BETTUM_POSITION_CPANEL="Cpanel" 8 | TPL_BETTUM_POSITION_DEBUG="Déboguage" 9 | TPL_BETTUM_POSITION_ICON="Icônes rapides" 10 | TPL_BETTUM_POSITION_LOGIN="Connexion" 11 | TPL_BETTUM_POSITION_MENU="Menu" 12 | TPL_BETTUM_POSITION_STATUS="Statut" 13 | TPL_BETTUM_POSITION_TITLE="Titre" 14 | TPL_BETTUM_POSITION_TOOLBAR="Barre d'outils" 15 | TPL_BETTUM_XML_DESCRIPTION="Template d'administration pour Joomla 4" 16 | -------------------------------------------------------------------------------- /sass/media/com_media/components/_media-edit.scss: -------------------------------------------------------------------------------- 1 | #media-form { 2 | .control-group { 3 | display: flex; 4 | flex-direction: column; 5 | .control-label { 6 | width: 100%; 7 | } 8 | .controls { 9 | margin-inline-start: 0; 10 | } 11 | } 12 | .input-group-addon { 13 | font-size: .9rem; 14 | } 15 | .spacer hr { 16 | width: 100%; 17 | } 18 | } 19 | 20 | .media-manager-edit { 21 | > div { 22 | padding: 0 $gutter-width; 23 | } 24 | h3 { 25 | padding: 3px; 26 | text-align: center; 27 | opacity: .6; 28 | } 29 | } 30 | 31 | .tab-pane { 32 | background-color: #fafafa; 33 | border-inline-start: 1px solid #f0f0f0; 34 | } 35 | -------------------------------------------------------------------------------- /sass/fontawesome-free/css/solid.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:Font Awesome\ 5 Free;font-weight:900} -------------------------------------------------------------------------------- /sass/fontawesome-free/css/brands.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands;font-weight:400} -------------------------------------------------------------------------------- /sass/fontawesome-free/css/regular.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:Font Awesome\ 5 Free;font-weight:400} -------------------------------------------------------------------------------- /js/mod_menu/admin-menu-sidebar.min.js: -------------------------------------------------------------------------------- 1 | (e=>{"use strict";const t=e.getElementById("bettum-sidebar");if(t){const s=e.getElementById("navbar-toggler");s.addEventListener("click",(()=>{t.classList.toggle("show"),t.classList.contains("show")?s.setAttribute("aria-expanded",!0):s.setAttribute("aria-expanded",!1)}));const a=window.location.href.toLowerCase();t.querySelectorAll(".sidebar-item").forEach((e=>{if(a===e.href&&(e.setAttribute("aria-current","page"),!e.hasAttribute("data-toggle"))){const t=e.closest(".collapse-level-1"),s=e.closest(".collapse-level-2");t&&(t.previousElementSibling.setAttribute("aria-expanded",!0),t.classList.add("show")),s&&(s.previousElementSibling.setAttribute("aria-expanded",!0),s.classList.add("show"))}}))}})(document); -------------------------------------------------------------------------------- /js/com_users/two-factor-switcher.min.js: -------------------------------------------------------------------------------- 1 | (e=>{"use strict";document.addEventListener("DOMContentLoaded",(()=>{e.twoFactorMethodChange=()=>{const e=document.getElementById("jform_twofactor_method");if(e){const t=`com_users_twofactor_${e.value}`;document.querySelectorAll("#com_users_twofactor_forms_container > div").forEach((e=>{const{id:o}=e;o!==t?document.getElementById(o).classList.add("hidden"):document.getElementById(o).classList.remove("hidden")}))}},(()=>{const e=document.getElementById("fieldset-accessibility");if(e){e.querySelector("div").remove();const t=document.createElement("div");t.classList.add("alert","alert-info"),t.innerText="Accessibility settings should be changed in your operating system or browser settings.",e.append(t)}})()}))})(Joomla); -------------------------------------------------------------------------------- /sass/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // Row 2 | // 3 | // Rows contain your columns. 4 | 5 | @if $enable-grid-classes { 6 | .row { 7 | @include make-row(); 8 | 9 | > * { 10 | @include make-col-ready(); 11 | } 12 | } 13 | } 14 | 15 | @if $enable-cssgrid { 16 | .grid { 17 | display: grid; 18 | grid-template-rows: repeat(var(--#{$prefix}rows, 1), 1fr); 19 | grid-template-columns: repeat(var(--#{$prefix}columns, #{$grid-columns}), 1fr); 20 | gap: var(--#{$prefix}gap, #{$grid-gutter-width}); 21 | 22 | @include make-cssgrid(); 23 | } 24 | } 25 | 26 | 27 | // Columns 28 | // 29 | // Common styles for small and large grid columns 30 | 31 | @if $enable-grid-classes { 32 | @include make-grid-columns(); 33 | } 34 | -------------------------------------------------------------------------------- /joomla.asset.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://developer.joomla.org/schemas/json-schema/web_assets.json", 3 | "name": "bettum", 4 | "version": "1.1.1", 5 | "description": "Bettum is a Joomla 4 administrator template", 6 | "license": "GPL-2.0-or-later", 7 | "assets": [ 8 | { 9 | "package": "choices.js", 10 | "name": "choicesjs", 11 | "version": "9.0.0", 12 | "type": "style", 13 | "uri": "vendor/choicesjs/choices.min.css" 14 | }, 15 | { 16 | "name": "switcher", 17 | "type": "style", 18 | "uri": "system/fields/switcher.min.css" 19 | }, 20 | { 21 | "name": "searchtools", 22 | "type": "style", 23 | "uri": "system/searchtools/searchtools.min.css" 24 | } 25 | ] 26 | } -------------------------------------------------------------------------------- /js/com_modules/admin-select-modal.min.js: -------------------------------------------------------------------------------- 1 | (e=>{"use strict";e.addEventListener("DOMContentLoaded",(()=>{const t=e.getElementById("new-modules-list");t.querySelectorAll(".select-link").forEach((e=>{e.addEventListener("click",(({currentTarget:e,target:t})=>{let n=e;n||(n=t,n&&!n.classList.contains("select-link")&&(n=n.parentNode));const s=n.getAttribute("data-function");s&&"function"==typeof window.parent[s]&&window.parent[s](n)}))})),e.getElementById("new-modules-list-search").addEventListener("input",(({target:e})=>{t.querySelectorAll(".name").forEach((t=>{const n=t.closest("li");t.innerText.toLowerCase().includes(e.value.toLowerCase())?(n.classList.add("d-flex"),n.classList.remove("d-none")):(n.classList.add("d-none"),n.classList.remove("d-flex"))}))}))}))})(document); -------------------------------------------------------------------------------- /js/com_cpanel/admin-cpanel-default.min.js: -------------------------------------------------------------------------------- 1 | ((e,t)=>{"use strict";t.unpublishModule=e=>{t.request({url:`index.php?option=com_modules&task=modules.unpublish&format=json&cid=${e.getAttribute("data-module-id")}`,method:"POST",headers:{"Content-Type":"application/json"},onSuccess:()=>{const o=e.closest(".module-wrapper");o.parentNode.removeChild(o),t.renderMessages({message:[t.JText._("COM_CPANEL_UNPUBLISH_MODULE_SUCCESS")]})},onError:()=>{t.renderMessages({error:[t.JText._("COM_CPANEL_UNPUBLISH_MODULE_ERROR")]})}})};const o=()=>{const n=e.getElementById("content");n&&n.querySelectorAll(".unpublish-module").forEach((e=>{e.addEventListener("click",(({target:e})=>t.unpublishModule(e)))})),e.removeEventListener("DOMContentLoaded",o)};e.addEventListener("DOMContentLoaded",o)})(document,Joomla); -------------------------------------------------------------------------------- /html/mod_quickicon/default.php: -------------------------------------------------------------------------------- 1 | 'auto', 'relative' => true], ['type' => 'module']); 14 | 15 | $html = HTMLHelper::_('icons.buttons', $buttons); 16 | ?> 17 | 18 | 23 | 24 | -------------------------------------------------------------------------------- /language/en-GB/en-GB.tpl_bettum.ini: -------------------------------------------------------------------------------- 1 | ; Package Bettum 2 | ; Copyright Copyright (C) 2020 Charlie Lodder. All rights reserved. 3 | ; License GNU General Public License version 2 or later 4 | 5 | BETTUM="Bettum Administrator template" 6 | TPL_BETTUM_BACKEND_LOGIN="Administrator Login" 7 | TPL_BETTUM_SETTINGS="Settings" 8 | TPL_BETTUM_SETTINGS_LOGOS="Logos" 9 | TPL_BETTUM_LOGIN_LOGO_LABEL="Login Logo" 10 | TPL_BETTUM_NAVIGATION_POSITION="Navigation position" 11 | TPL_BETTUM_NAVIGATION_SIDEBAR="Sidebar" 12 | TPL_BETTUM_NAVIGATION_TOP="Top" 13 | TPL_BETTUM_SITE_LOGO_LABEL="Site Logo" 14 | TPL_BETTUM_TOOLBAR_SAVE_BUTTONS="Toolbar save buttons" 15 | TPL_BETTUM_TOOLBAR_SAVE_BUTTONS_INLINE="Inline" 16 | TPL_BETTUM_TOOLBAR_SAVE_BUTTONS_DROPDOWN="Dropdown" 17 | TPL_BETTUM_XML_DESCRIPTION="Joomla 4 backend template" 18 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable property-disallowed-list 2 | @mixin transition($transition...) { 3 | @if length($transition) == 0 { 4 | $transition: $transition-base; 5 | } 6 | 7 | @if length($transition) > 1 { 8 | @each $value in $transition { 9 | @if $value == null or $value == none { 10 | @warn "The keyword 'none' or 'null' must be used as a single argument."; 11 | } 12 | } 13 | } 14 | 15 | @if $enable-transitions { 16 | @if nth($transition, 1) != null { 17 | transition: $transition; 18 | } 19 | 20 | @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none { 21 | @media (prefers-reduced-motion: reduce) { 22 | transition: none; 23 | } 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /js/mod_menu/admin-menu.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @copyright Copyright (C) 2020 Charlie Lodder. All rights reserved. 3 | * @license GNU General Public License version 2 or later; see LICENSE.txt 4 | */ 5 | 6 | ((document) => { 7 | 'use strict' 8 | 9 | // Navbar 10 | const menu = document.getElementById('menu') 11 | document.querySelectorAll('#menu > .nav-item').forEach((item) => { 12 | const observer = new MutationObserver((mutation) => { 13 | if (Array.from(mutation[0].target.classList).includes('show')) { 14 | menu.classList.add('navbar-hover') 15 | } else { 16 | menu.classList.remove('navbar-hover') 17 | } 18 | }) 19 | 20 | observer.observe(item, { 21 | attributes: true, 22 | attributeFilter: ['class'] 23 | }) 24 | }) 25 | 26 | })(document) 27 | -------------------------------------------------------------------------------- /sass/bootstrap/helpers/_position.scss: -------------------------------------------------------------------------------- 1 | // Shorthand 2 | 3 | .fixed-top { 4 | position: fixed; 5 | top: 0; 6 | right: 0; 7 | left: 0; 8 | z-index: $zindex-fixed; 9 | } 10 | 11 | .fixed-bottom { 12 | position: fixed; 13 | right: 0; 14 | bottom: 0; 15 | left: 0; 16 | z-index: $zindex-fixed; 17 | } 18 | 19 | // Responsive sticky top and bottom 20 | @each $breakpoint in map-keys($grid-breakpoints) { 21 | @include media-breakpoint-up($breakpoint) { 22 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 23 | 24 | .sticky#{$infix}-top { 25 | position: sticky; 26 | top: 0; 27 | z-index: $zindex-sticky; 28 | } 29 | 30 | .sticky#{$infix}-bottom { 31 | position: sticky; 32 | bottom: 0; 33 | z-index: $zindex-sticky; 34 | } 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /sass/fontawesome-free/css/brands.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face { 6 | font-family: "Font Awesome 5 Brands"; 7 | font-style: normal; 8 | font-weight: 400; 9 | font-display: block; 10 | src: url("../webfonts/fa-brands-400.eot"); 11 | src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); 12 | } 13 | .fab { 14 | font-family: "Font Awesome 5 Brands"; 15 | font-weight: 400; 16 | } -------------------------------------------------------------------------------- /sass/fontawesome-free/css/solid.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face { 6 | font-family: "Font Awesome 5 Free"; 7 | font-style: normal; 8 | font-weight: 900; 9 | font-display: block; 10 | src: url("../webfonts/fa-solid-900.eot"); 11 | src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); 12 | } 13 | .fa, 14 | .fas { 15 | font-family: "Font Awesome 5 Free"; 16 | font-weight: 900; 17 | } -------------------------------------------------------------------------------- /sass/fontawesome-free/css/regular.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face { 6 | font-family: "Font Awesome 5 Free"; 7 | font-style: normal; 8 | font-weight: 400; 9 | font-display: block; 10 | src: url("../webfonts/fa-regular-400.eot"); 11 | src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); 12 | } 13 | .far { 14 | font-family: "Font Awesome 5 Free"; 15 | font-weight: 400; 16 | } -------------------------------------------------------------------------------- /updates/bettum_updates.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Bettum - Administrator Template 4 | A dark themed administrator template for Joomla 4 5 | bettum 6 | template 7 | 1.1.1 8 | https://github.com/C-Lodder/joomla4-backend-template/blob/master/CHANGELOG.md 9 | 10 | https://github.com/C-Lodder/joomla4-backend-template/releases/download/v1.1.1/tpl_bettum-v1.1.1.zip 11 | 12 | Charlie Lodder 13 | https://joomjunk.co.uk 14 | 15 | administrator 16 | 17 | 18 | -------------------------------------------------------------------------------- /sass/blocks/_form.scss: -------------------------------------------------------------------------------- 1 | // Form 2 | 3 | .form-group { 4 | margin-bottom: 1rem; 5 | } 6 | 7 | .control-group { 8 | margin-bottom: 1rem; 9 | } 10 | 11 | .controls { 12 | joomla-field-fancy-select, 13 | .form-select, 14 | .form-control { 15 | max-width: $input-max-width; 16 | } 17 | } 18 | 19 | .title-alias .controls { 20 | .form-select, 21 | .form-control { 22 | max-width: none; 23 | } 24 | } 25 | 26 | .form-control-feedback { 27 | display: block; 28 | color: var(--red); 29 | } 30 | 31 | 32 | // Form select modifiers 33 | .form-select-success { 34 | border-color: var(--green); 35 | } 36 | 37 | .form-select-danger { 38 | border-color: var(--red); 39 | } 40 | 41 | .module-options { 42 | .controls { 43 | .form-select, 44 | .form-control { 45 | max-width: none; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /script.php: -------------------------------------------------------------------------------- 1 | removeFiles(); 31 | } 32 | 33 | return true; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /language/fr-FR/fr-FR.tpl_bettum.ini: -------------------------------------------------------------------------------- 1 | ; Package Bettum 2 | ; Copyright Copyright (C) 2020 Charlie Lodder. All rights reserved. 3 | ; License GNU General Public License version 2 or later 4 | 5 | BETTUM="Template d'administration Bettum" 6 | TPL_BETTUM_BACKEND_LOGIN="Connexion à l'administration" 7 | TPL_BETTUM_SETTINGS="Paramètres" 8 | TPL_BETTUM_SETTINGS_LOGOS="Logos" 9 | TPL_BETTUM_LOGIN_LOGO_LABEL="Logo de connexion" 10 | TPL_BETTUM_NAVIGATION_POSITION="Position de la navigation" 11 | TPL_BETTUM_NAVIGATION_SIDEBAR="Barre latérale" 12 | TPL_BETTUM_NAVIGATION_TOP="Haut" 13 | TPL_BETTUM_SITE_LOGO_LABEL="Logo du site" 14 | TPL_BETTUM_TOOLBAR_SAVE_BUTTONS="Boutons de sauvegarde pour la barre d'outils" 15 | TPL_BETTUM_TOOLBAR_SAVE_BUTTONS_INLINE="En ligne" 16 | TPL_BETTUM_TOOLBAR_SAVE_BUTTONS_DROPDOWN="Menu déroulant" 17 | TPL_BETTUM_XML_DESCRIPTION="Template d'administration pour Joomla 4" 18 | -------------------------------------------------------------------------------- /sass/media/vendor/dragula.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap core 2 | @import "../../bootstrap/functions"; 3 | @import "../../bootstrap/variables"; 4 | @import "../../bootstrap/mixins"; 5 | 6 | // Bettum Variables and mixins 7 | @import "../../mixins"; 8 | @import "../../variables"; 9 | 10 | 11 | // Dragula 12 | .gu-mirror { 13 | position: fixed !important; 14 | margin: 0 !important; 15 | z-index: $zindex-popover !important; 16 | cursor: move; 17 | opacity: .8; 18 | background-color: var(--teal); 19 | 20 | &.table { 21 | display: table; 22 | 23 | td { 24 | display: table-cell; 25 | } 26 | } 27 | } 28 | 29 | .gu-hide { 30 | display: none !important; 31 | } 32 | 33 | .gu-unselectable { 34 | user-select: none !important; 35 | } 36 | 37 | .gu-transit { 38 | opacity: .2; 39 | } 40 | 41 | .handle, 42 | .js-draggable .sortable-handler { 43 | cursor: move; 44 | } 45 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/brands.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Brands'; 9 | font-style: normal; 10 | font-weight: 400; 11 | font-display: $fa-font-display; 12 | src: url('#{$fa-font-path}/fa-brands-400.eot'); 13 | src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'), 14 | url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'), 15 | url('#{$fa-font-path}/fa-brands-400.woff') format('woff'), 16 | url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'), 17 | url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg'); 18 | } 19 | 20 | .fab { 21 | font-family: 'Font Awesome 5 Brands'; 22 | font-weight: 400; 23 | } 24 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/solid.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Free'; 9 | font-style: normal; 10 | font-weight: 900; 11 | font-display: $fa-font-display; 12 | src: url('#{$fa-font-path}/fa-solid-900.eot'); 13 | src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'), 14 | url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'), 15 | url('#{$fa-font-path}/fa-solid-900.woff') format('woff'), 16 | url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'), 17 | url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg'); 18 | } 19 | 20 | .fa, 21 | .fas { 22 | font-family: 'Font Awesome 5 Free'; 23 | font-weight: 900; 24 | } 25 | -------------------------------------------------------------------------------- /js/toolbar/inline.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @copyright Copyright (C) 2020 Charlie Lodder. All rights reserved. 3 | * @license GNU General Public License version 2 or later; see LICENSE.txt 4 | */ 5 | 6 | ((document) => { 7 | 'use strict' 8 | 9 | const saveGroup = document.getElementById('toolbar-dropdown-save-group') 10 | if (saveGroup) { 11 | const toolbar = saveGroup.parentNode 12 | // Remove the dropdown toggle 13 | saveGroup.querySelector('.dropdown-toggle-split').remove() 14 | 15 | // Move the dropdown items outside 16 | saveGroup.querySelectorAll('joomla-toolbar-button').forEach((item) => { 17 | const button = item.querySelector('button') 18 | button.classList.remove('dropdown-item') 19 | button.classList.add('btn', 'btn-success') 20 | 21 | saveGroup.parentNode.insertBefore(item, saveGroup.nextSibling) 22 | }) 23 | 24 | saveGroup.remove() 25 | } 26 | 27 | })(document) 28 | -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/regular.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Free'; 9 | font-style: normal; 10 | font-weight: 400; 11 | font-display: $fa-font-display; 12 | src: url('#{$fa-font-path}/fa-regular-400.eot'); 13 | src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'), 14 | url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'), 15 | url('#{$fa-font-path}/fa-regular-400.woff') format('woff'), 16 | url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'), 17 | url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg'); 18 | } 19 | 20 | .far { 21 | font-family: 'Font Awesome 5 Free'; 22 | font-weight: 400; 23 | } 24 | -------------------------------------------------------------------------------- /js/com_cpanel/admin-cpanel-dnd.min.js: -------------------------------------------------------------------------------- 1 | (e=>{"use strict";const t=()=>{(()=>{const t=e.getElementById("cpanel-modules"),n=e.getElementById("card-columns"),l=localStorage.getItem("cpanel-modules");null!==l&&JSON.parse(l).forEach((l=>{const d=e.querySelector(`[data-cpanel-module-id="${l.id}"]`);null!==d&&(l.cardColumn?n.append(d):t.append(d),d.classList.remove("d-none"))})),e.querySelectorAll("[data-cpanel-module-id]").forEach((e=>{e.classList.remove("d-none")}))})(),dragula([e.getElementById("cpanel-modules"),e.getElementById("card-columns")],{moves:(e,t,{classList:n})=>n.contains("handle")}).on("dragend",(t=>(()=>{const t=[];e.querySelectorAll("[data-cpanel-module-id]").forEach((e=>{const n={};n.id=e.getAttribute("data-cpanel-module-id"),n.cardColumn="card-columns"===e.parentNode.id,t.push(n)})),localStorage.setItem("cpanel-modules",JSON.stringify(t))})())),e.removeEventListener("DOMContentLoaded",t)};e.addEventListener("DOMContentLoaded",t)})(document); -------------------------------------------------------------------------------- /sass/fontawesome-free/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | .#{$fa-css-prefix}-flip-both, .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); } 11 | 12 | // Hook for IE8-9 13 | // ------------------------- 14 | 15 | :root { 16 | .#{$fa-css-prefix}-rotate-90, 17 | .#{$fa-css-prefix}-rotate-180, 18 | .#{$fa-css-prefix}-rotate-270, 19 | .#{$fa-css-prefix}-flip-horizontal, 20 | .#{$fa-css-prefix}-flip-vertical, 21 | .#{$fa-css-prefix}-flip-both { 22 | filter: none; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bettum", 3 | "version": "1.1.1", 4 | "description": "Bettum Template", 5 | "license": "GPL-3.0+", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/C-Lodder/joomla4-backend-template.git" 9 | }, 10 | "engines": { 11 | "node": ">=16" 12 | }, 13 | "scripts": { 14 | "js": "node build-js.js", 15 | "zip": "node build-zip.js" 16 | }, 17 | "browserslist": [ 18 | "last 1 version" 19 | ], 20 | "dependencies": { 21 | "bootstrap": "^5.3.8" 22 | }, 23 | "devDependencies": { 24 | "archiver": "^7.0.1", 25 | "autoprefixer": "^10.4.22", 26 | "cssnano": "^7.1.2", 27 | "gulp": "^5.0.1", 28 | "gulp-dart-sass": "^1.1.0", 29 | "gulp-header": "^2.0.9", 30 | "gulp-postcss": "^10.0.0", 31 | "gulp-rename": "^2.1.0", 32 | "gulp-sass": "^5.1.0", 33 | "postcss": "^8.5.6", 34 | "rtlcss": "^3.3.0", 35 | "sass": "^1.94.2", 36 | "terser": "^5.44.1" 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /sass/blocks/_toolbar.scss: -------------------------------------------------------------------------------- 1 | // Toolbar 2 | 3 | .d-unset { 4 | display: unset; 5 | } 6 | 7 | .btn-toolbar { 8 | display: flex; 9 | margin-bottom: 1rem; 10 | flex-wrap: wrap; 11 | justify-content: flex-start; 12 | 13 | > *:not(:last-child) { 14 | margin-inline-end: .5rem; 15 | } 16 | } 17 | 18 | .btn-group .dropdown-menu { 19 | background: $dropdown-bg; 20 | min-width: 100%; 21 | 22 | [class^='icon-'], 23 | [class*=' icon-'], 24 | .fas { 25 | width: 20px; 26 | } 27 | 28 | joomla-toolbar-button { 29 | border: none; 30 | } 31 | } 32 | 33 | .js-filters-show { 34 | display: block; 35 | } 36 | 37 | .subhead { 38 | background-color: var(--body-bg-color); 39 | 40 | .btn.dropdown-toggle { 41 | @extend .btn-primary; 42 | } 43 | } 44 | 45 | joomla-toolbar-button + .dropdown-toggle-split { 46 | @include border-end-radius($border-radius !important); 47 | } 48 | 49 | .btn-group joomla-toolbar-button:not(:last-child) > .btn:not(.dropdown-toggle) { 50 | @include border-end-radius(0); 51 | } 52 | -------------------------------------------------------------------------------- /sass/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap core 2 | @import "bootstrap/functions"; 3 | @import "bootstrap/variables"; 4 | @import "bootstrap/maps"; 5 | @import "bootstrap/mixins"; 6 | @import "bootstrap/utilities"; 7 | 8 | // Bettum Variables 9 | @import "variables"; 10 | 11 | 12 | 13 | // Position 14 | // @include position('left', 0); 15 | @mixin position($position, $size) { 16 | $rtl-position: null; 17 | @if $position == 'left' { 18 | $rtl-position: right; 19 | } @else if $position == 'right' { 20 | $rtl-position: left; 21 | } 22 | 23 | @if $rtl and $rtl-position != null { 24 | #{$rtl-position}: $size; 25 | } @else { 26 | #{$position}: $size; 27 | } 28 | } 29 | 30 | 31 | // Translate 32 | // @include translate(0); 33 | @mixin translate($width) { 34 | @if $rtl and $width < 0 { 35 | transform: translateX(str-replace(#{$width}, "-", "")); 36 | } @else if $rtl not true and $width > 0 { 37 | transform: translateX($width); 38 | } @else { 39 | transform: translateX($width); 40 | } 41 | } 42 | 43 | @import "bootstrap/helpers"; 44 | @import "bootstrap/utilities/api"; 45 | -------------------------------------------------------------------------------- /sass/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Toggles 2 | // 3 | // Used in conjunction with global variables to enable certain theme features. 4 | 5 | // Vendor 6 | @import "vendor/rfs"; 7 | 8 | // Deprecate 9 | @import "mixins/deprecate"; 10 | 11 | // Helpers 12 | @import "mixins/breakpoints"; 13 | @import "mixins/color-scheme"; 14 | @import "mixins/image"; 15 | @import "mixins/resize"; 16 | @import "mixins/visually-hidden"; 17 | @import "mixins/reset-text"; 18 | @import "mixins/text-truncate"; 19 | 20 | // Utilities 21 | @import "mixins/utilities"; 22 | 23 | // Components 24 | @import "mixins/alert"; 25 | @import "mixins/backdrop"; 26 | @import "mixins/buttons"; 27 | @import "mixins/caret"; 28 | @import "mixins/pagination"; 29 | @import "mixins/lists"; 30 | @import "mixins/list-group"; 31 | @import "mixins/forms"; 32 | @import "mixins/table-variants"; 33 | 34 | // Skins 35 | @import "mixins/border-radius"; 36 | @import "mixins/box-shadow"; 37 | @import "mixins/gradients"; 38 | @import "mixins/transition"; 39 | 40 | // Layout 41 | @import "mixins/clearfix"; 42 | @import "mixins/container"; 43 | @import "mixins/grid"; 44 | -------------------------------------------------------------------------------- /sass/bootstrap/_placeholders.scss: -------------------------------------------------------------------------------- 1 | .placeholder { 2 | display: inline-block; 3 | min-height: 1em; 4 | vertical-align: middle; 5 | cursor: wait; 6 | background-color: currentcolor; 7 | opacity: $placeholder-opacity-max; 8 | 9 | &.btn::before { 10 | display: inline-block; 11 | content: ""; 12 | } 13 | } 14 | 15 | // Sizing 16 | .placeholder-xs { 17 | min-height: .6em; 18 | } 19 | 20 | .placeholder-sm { 21 | min-height: .8em; 22 | } 23 | 24 | .placeholder-lg { 25 | min-height: 1.2em; 26 | } 27 | 28 | // Animation 29 | .placeholder-glow { 30 | .placeholder { 31 | animation: placeholder-glow 2s ease-in-out infinite; 32 | } 33 | } 34 | 35 | @keyframes placeholder-glow { 36 | 50% { 37 | opacity: $placeholder-opacity-min; 38 | } 39 | } 40 | 41 | .placeholder-wave { 42 | mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%); 43 | mask-size: 200% 100%; 44 | animation: placeholder-wave 2s linear infinite; 45 | } 46 | 47 | @keyframes placeholder-wave { 48 | 100% { 49 | mask-position: -200% 0%; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /sass/pages/login.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap core 2 | @import "../bootstrap/functions"; 3 | @import "../bootstrap/variables"; 4 | @import "../bootstrap/maps"; 5 | @import "../bootstrap/mixins"; 6 | @import "../bootstrap/utilities"; 7 | 8 | // Bettum Variables and Mixins 9 | @import "../mixins"; 10 | @import "../variables"; 11 | 12 | // Bootstrap 13 | @import "../bootstrap/root"; 14 | @import "../bootstrap/reboot"; 15 | @import "../bootstrap/type"; 16 | @import "../bootstrap/images"; 17 | @import "../bootstrap/forms"; 18 | @import "../bootstrap/buttons"; 19 | 20 | // Blocks 21 | @import "../blocks/global"; 22 | @import "../blocks/alerts"; 23 | @import "../blocks/form"; 24 | //@import "../blocks/utilities/text"; 25 | //@import "../blocks/utilities/height"; 26 | 27 | // Helpers 28 | @import "../bootstrap/helpers"; 29 | 30 | // Utilities 31 | @import "../bootstrap/utilities/api"; 32 | 33 | 34 | // Login 35 | .login { 36 | width: 100%; 37 | max-width: 330px; 38 | padding: 15px; 39 | margin: 0 auto; 40 | 41 | h1 { 42 | margin-bottom: 2rem; 43 | } 44 | } 45 | 46 | .logo { 47 | width: 3rem; 48 | margin: 1.5rem 0; 49 | } 50 | -------------------------------------------------------------------------------- /sass/pages/templates.scss: -------------------------------------------------------------------------------- 1 | // com_templates 2 | .com_templates { 3 | 4 | .menu-assignment { 5 | position: relative; 6 | 7 | .menu-links { 8 | padding-left: 0; 9 | margin-top: 15px; 10 | margin-left: 0; 11 | column-count: 3; 12 | column-gap: 15px; 13 | 14 | @include media-breakpoint-down(lg) { 15 | column-count: auto; 16 | } 17 | 18 | > li { 19 | display: inline-block; 20 | width: 100%; 21 | margin-bottom: 15px; 22 | vertical-align: top; 23 | list-style: none; 24 | backface-visibility: hidden; 25 | page-break-inside: avoid; 26 | break-inside: avoid; 27 | } 28 | } 29 | 30 | .menu-links-block { 31 | padding: 15px; 32 | background-color: var(--card-bg); 33 | border: 1px solid $border-color; 34 | border-radius: 3px; 35 | } 36 | 37 | label { 38 | display: block; 39 | padding: 3px 0; 40 | font-size: inherit; 41 | 42 | input { 43 | position: relative; 44 | margin-inline-end: 5px; 45 | } 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /html/com_config/application/default_navigation.php: -------------------------------------------------------------------------------- 1 | 14 | 28 | -------------------------------------------------------------------------------- /sass/bootstrap/bootstrap.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/banner"; 2 | @include bsBanner(""); 3 | 4 | 5 | // scss-docs-start import-stack 6 | // Configuration 7 | @import "functions"; 8 | @import "variables"; 9 | @import "maps"; 10 | @import "mixins"; 11 | @import "utilities"; 12 | 13 | // Layout & components 14 | @import "root"; 15 | @import "reboot"; 16 | @import "type"; 17 | @import "images"; 18 | @import "containers"; 19 | @import "grid"; 20 | @import "tables"; 21 | @import "forms"; 22 | @import "buttons"; 23 | @import "transitions"; 24 | @import "dropdown"; 25 | @import "button-group"; 26 | @import "nav"; 27 | @import "navbar"; 28 | @import "card"; 29 | @import "accordion"; 30 | @import "breadcrumb"; 31 | @import "pagination"; 32 | @import "badge"; 33 | @import "alert"; 34 | @import "progress"; 35 | @import "list-group"; 36 | @import "close"; 37 | @import "toasts"; 38 | @import "modal"; 39 | @import "tooltip"; 40 | @import "popover"; 41 | @import "carousel"; 42 | @import "spinners"; 43 | @import "offcanvas"; 44 | @import "placeholders"; 45 | 46 | // Helpers 47 | @import "helpers"; 48 | 49 | // Utilities 50 | @import "utilities/api"; 51 | // scss-docs-end import-stack 52 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Hide content visually while keeping it accessible to assistive technologies 4 | // 5 | // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ 6 | // See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/ 7 | 8 | @mixin visually-hidden() { 9 | position: absolute !important; 10 | width: 1px !important; 11 | height: 1px !important; 12 | padding: 0 !important; 13 | margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686 14 | overflow: hidden !important; 15 | clip: rect(0, 0, 0, 0) !important; 16 | white-space: nowrap !important; 17 | border: 0 !important; 18 | } 19 | 20 | // Use to only display content when it's focused, or one of its child elements is focused 21 | // (i.e. when focus is within the element/container that the class was applied to) 22 | // 23 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 24 | 25 | @mixin visually-hidden-focusable() { 26 | &:not(:focus):not(:focus-within) { 27 | @include visually-hidden(); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /sass/blocks/_table.scss: -------------------------------------------------------------------------------- 1 | // Table 2 | 3 | .table tbody tr:nth-of-type(#{$table-striped-order}) { 4 | background-color: var(--table-accent-bg); 5 | } 6 | 7 | .tbody-icon { 8 | padding: 0 3px; 9 | border: 0; 10 | text-align: center; 11 | background-color: transparent; 12 | 13 | [class*=" icon-"], 14 | [class^="icon-"] { 15 | display: inline-block; 16 | width: 26px; 17 | height: 26px; 18 | font-size: 1rem; 19 | line-height: 22px; 20 | color: var(--body-color); 21 | border: 1px solid var(--border-color); 22 | border-radius: 50%; 23 | } 24 | 25 | &.disabled { 26 | [class*=" icon-"], 27 | [class^="icon-"] { 28 | color: $gray-400; 29 | border-color: $gray-400; 30 | } 31 | } 32 | 33 | .icon-home, 34 | .icon-color-featured { 35 | color: $yellow !important; 36 | border-color: var(--yellow) !important; 37 | } 38 | 39 | .icon-unpublish, 40 | .icon-checkedout { 41 | color: $red !important; 42 | border-color: var(--red) !important; 43 | } 44 | 45 | .icon-publish, 46 | .fa-check { 47 | color: $green !important; 48 | border-color: var(--green) !important; 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /sass/bootstrap/mixins/_table-variants.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start table-variant 2 | @mixin table-variant($state, $background) { 3 | .table-#{$state} { 4 | $color: color-contrast(opaque($body-bg, $background)); 5 | $hover-bg: mix($color, $background, percentage($table-hover-bg-factor)); 6 | $striped-bg: mix($color, $background, percentage($table-striped-bg-factor)); 7 | $active-bg: mix($color, $background, percentage($table-active-bg-factor)); 8 | $border-color: mix($color, $background, percentage($table-border-factor)); 9 | 10 | --#{$prefix}table-color: #{$color}; 11 | --#{$prefix}table-bg: #{$background}; 12 | --#{$prefix}table-border-color: #{$border-color}; 13 | --#{$prefix}table-striped-bg: #{$striped-bg}; 14 | --#{$prefix}table-striped-color: #{color-contrast($striped-bg)}; 15 | --#{$prefix}table-active-bg: #{$active-bg}; 16 | --#{$prefix}table-active-color: #{color-contrast($active-bg)}; 17 | --#{$prefix}table-hover-bg: #{$hover-bg}; 18 | --#{$prefix}table-hover-color: #{color-contrast($hover-bg)}; 19 | 20 | color: var(--#{$prefix}table-color); 21 | border-color: var(--#{$prefix}table-border-color); 22 | } 23 | } 24 | // scss-docs-end table-variant 25 | -------------------------------------------------------------------------------- /html/com_config/component/default_navigation.php: -------------------------------------------------------------------------------- 1 | 14 | 28 | -------------------------------------------------------------------------------- /sass/media/com_media/components/_layout.scss: -------------------------------------------------------------------------------- 1 | /* General layout */ 2 | .media-container { 3 | display: flex; 4 | flex-wrap: wrap; 5 | background-color: var(--secondary); 6 | border-radius: $border-radius; 7 | } 8 | 9 | .media-col-main-panel { 10 | flex: 0 0 $col-main-panel-width; 11 | max-width: $col-main-panel-width; 12 | } 13 | 14 | .media-col-side-panel { 15 | flex: 0 0 $col-side-panel-width; 16 | max-width: $col-side-panel-width; 17 | } 18 | 19 | [class^='media-col'], [class*=' media-col'] { 20 | position: relative; 21 | width: 100%; 22 | min-height: 1px; 23 | padding-inline-end: ($col-gutter-width * .5); 24 | padding-inline-start: ($col-gutter-width * .5); 25 | } 26 | 27 | @media (min-width: var(--breakpoint-md)) { 28 | [class^='media-col'], [class*=' media-col'] { 29 | flex: 0 0 100%; 30 | max-width: 100%; 31 | } 32 | } 33 | 34 | .media-main { 35 | position: relative; 36 | flex: 1 1 600px; 37 | height: calc(100vh - 160px); 38 | overflow: hidden; 39 | background-color: var(--secondary); 40 | border: 1px solid var(--border-color); 41 | border-radius: $border-radius; 42 | box-shadow: $col-box-shadow; 43 | } 44 | 45 | .media-sidebar { 46 | flex: 0 0 280px; 47 | padding: 1rem; 48 | overflow-y: auto; 49 | } 50 | -------------------------------------------------------------------------------- /sass/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | // scss-docs-start badge-css-vars 8 | --#{$prefix}badge-padding-x: #{$badge-padding-x}; 9 | --#{$prefix}badge-padding-y: #{$badge-padding-y}; 10 | @include rfs($badge-font-size, --#{$prefix}badge-font-size); 11 | --#{$prefix}badge-font-weight: #{$badge-font-weight}; 12 | --#{$prefix}badge-color: #{$badge-color}; 13 | --#{$prefix}badge-border-radius: #{$badge-border-radius}; 14 | // scss-docs-end badge-css-vars 15 | 16 | display: inline-block; 17 | padding: var(--#{$prefix}badge-padding-y) var(--#{$prefix}badge-padding-x); 18 | @include font-size(var(--#{$prefix}badge-font-size)); 19 | font-weight: var(--#{$prefix}badge-font-weight); 20 | line-height: 1; 21 | color: var(--#{$prefix}badge-color); 22 | text-align: center; 23 | white-space: nowrap; 24 | vertical-align: baseline; 25 | @include border-radius(var(--#{$prefix}badge-border-radius)); 26 | @include gradient-bg(); 27 | 28 | // Empty badges collapse automatically 29 | &:empty { 30 | display: none; 31 | } 32 | } 33 | 34 | // Quick fix for badges in buttons 35 | .btn .badge { 36 | position: relative; 37 | top: -1px; 38 | } 39 | -------------------------------------------------------------------------------- /html/mod_frontend/default.php: -------------------------------------------------------------------------------- 1 | 14 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /sass/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | // Transparent background and border properties included for button version. 2 | // iOS requires the button element instead of an anchor tag. 3 | // If you want the anchor version, it requires `href="#"`. 4 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 5 | 6 | .btn-close { 7 | box-sizing: content-box; 8 | width: $btn-close-width; 9 | height: $btn-close-height; 10 | padding: $btn-close-padding-y $btn-close-padding-x; 11 | color: $btn-close-color; 12 | background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements 13 | border: 0; // for button elements 14 | @include border-radius(); 15 | opacity: $btn-close-opacity; 16 | 17 | // Override 's hover style 18 | &:hover { 19 | color: $btn-close-color; 20 | text-decoration: none; 21 | opacity: $btn-close-hover-opacity; 22 | } 23 | 24 | &:focus { 25 | outline: 0; 26 | box-shadow: $btn-close-focus-shadow; 27 | opacity: $btn-close-focus-opacity; 28 | } 29 | 30 | &:disabled, 31 | &.disabled { 32 | pointer-events: none; 33 | user-select: none; 34 | opacity: $btn-close-disabled-opacity; 35 | } 36 | } 37 | 38 | .btn-close-white { 39 | filter: $btn-close-white-filter; 40 | } 41 | -------------------------------------------------------------------------------- /sass/bootstrap/forms/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // 4 | 5 | .form-label { 6 | margin-bottom: $form-label-margin-bottom; 7 | @include font-size($form-label-font-size); 8 | font-style: $form-label-font-style; 9 | font-weight: $form-label-font-weight; 10 | color: $form-label-color; 11 | } 12 | 13 | // For use with horizontal and inline forms, when you need the label (or legend) 14 | // text to align with the form controls. 15 | .col-form-label { 16 | padding-top: add($input-padding-y, $input-border-width); 17 | padding-bottom: add($input-padding-y, $input-border-width); 18 | margin-bottom: 0; // Override the `` default 19 | @include font-size(inherit); // Override the `` default 20 | font-style: $form-label-font-style; 21 | font-weight: $form-label-font-weight; 22 | line-height: $input-line-height; 23 | color: $form-label-color; 24 | } 25 | 26 | .col-form-label-lg { 27 | padding-top: add($input-padding-y-lg, $input-border-width); 28 | padding-bottom: add($input-padding-y-lg, $input-border-width); 29 | @include font-size($input-font-size-lg); 30 | } 31 | 32 | .col-form-label-sm { 33 | padding-top: add($input-padding-y-sm, $input-border-width); 34 | padding-bottom: add($input-padding-y-sm, $input-border-width); 35 | @include font-size($input-font-size-sm); 36 | } 37 | -------------------------------------------------------------------------------- /sass/bootstrap/_images.scss: -------------------------------------------------------------------------------- 1 | // Responsive images (ensure images don't scale beyond their parents) 2 | // 3 | // This is purposefully opt-in via an explicit class rather than being the default for all ``s. 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2, 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps) 6 | // which weren't expecting the images within themselves to be involuntarily resized. 7 | // See also https://github.com/twbs/bootstrap/issues/18178 8 | .img-fluid { 9 | @include img-fluid(); 10 | } 11 | 12 | 13 | // Image thumbnails 14 | .img-thumbnail { 15 | padding: $thumbnail-padding; 16 | background-color: $thumbnail-bg; 17 | border: $thumbnail-border-width solid $thumbnail-border-color; 18 | @include border-radius($thumbnail-border-radius); 19 | @include box-shadow($thumbnail-box-shadow); 20 | 21 | // Keep them at most 100% wide 22 | @include img-fluid(); 23 | } 24 | 25 | // 26 | // Figures 27 | // 28 | 29 | .figure { 30 | // Ensures the caption's text aligns with the image. 31 | display: inline-block; 32 | } 33 | 34 | .figure-img { 35 | margin-bottom: $spacer * .5; 36 | line-height: 1; 37 | } 38 | 39 | .figure-caption { 40 | @include font-size($figure-caption-font-size); 41 | color: $figure-caption-color; 42 | } 43 | -------------------------------------------------------------------------------- /sass/bootstrap/_containers.scss: -------------------------------------------------------------------------------- 1 | // Container widths 2 | // 3 | // Set the container width, and override it for fixed navbars in media queries. 4 | 5 | @if $enable-container-classes { 6 | // Single container class with breakpoint max-widths 7 | .container, 8 | // 100% wide container at all breakpoints 9 | .container-fluid { 10 | @include make-container(); 11 | } 12 | 13 | // Responsive containers that are 100% wide until a breakpoint 14 | @each $breakpoint, $container-max-width in $container-max-widths { 15 | .container-#{$breakpoint} { 16 | @extend .container-fluid; 17 | } 18 | 19 | @include media-breakpoint-up($breakpoint, $grid-breakpoints) { 20 | %responsive-container-#{$breakpoint} { 21 | max-width: $container-max-width; 22 | } 23 | 24 | // Extend each breakpoint which is smaller or equal to the current breakpoint 25 | $extend-breakpoint: true; 26 | 27 | @each $name, $width in $grid-breakpoints { 28 | @if ($extend-breakpoint) { 29 | .container#{breakpoint-infix($name, $grid-breakpoints)} { 30 | @extend %responsive-container-#{$breakpoint}; 31 | } 32 | 33 | // Once the current breakpoint is reached, stop extending 34 | @if ($breakpoint == $name) { 35 | $extend-breakpoint: false; 36 | } 37 | } 38 | } 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /sass/blocks/_nav.scss: -------------------------------------------------------------------------------- 1 | // Nav 2 | 3 | .top-nav { 4 | > * { 5 | border-inline-start: 1px solid var(--border-color); 6 | } 7 | } 8 | 9 | .navbar { 10 | background-color: var(--top-navbar-background-color); 11 | 12 | .nav-link { 13 | padding-inline-start: .65rem; 14 | padding-inline-end: .65rem; 15 | } 16 | } 17 | 18 | .nav-scroller { 19 | background-color: var(--navbar-background-color); 20 | box-shadow: $shadow-default; 21 | 22 | > nav { 23 | flex-wrap: nowrap; 24 | border-bottom: 1px solid var(--border-color); 25 | } 26 | } 27 | 28 | .navbar-nav .dropdown-menu { 29 | margin: 0; 30 | 31 | .dropdown-item { 32 | position: relative; 33 | 34 | &::after { 35 | position: absolute; 36 | top: 50%; 37 | right: .5rem; 38 | transform: translateY(-50%) rotate(-90deg); 39 | } 40 | } 41 | } 42 | 43 | .nav-pills-sm { 44 | .nav-link { 45 | padding: ($spacer * .2) $navbar-padding-x; 46 | } 47 | } 48 | 49 | /** 50 | * Add support for 3rd level dropdown 51 | */ 52 | .navbar-nav.navbar-hover > li > .dropdown-menu { 53 | display: none; 54 | } 55 | 56 | .navbar-nav.navbar-hover > li:hover > .dropdown-menu, 57 | .dropdown-menu li:hover > ul.dropdown-menu { 58 | display: block; 59 | } 60 | .dropdown-submenu { 61 | position: relative; 62 | } 63 | .dropdown-submenu > .dropdown-menu { 64 | top: 0; 65 | left: 100%; 66 | margin-top: -6px; 67 | } 68 | -------------------------------------------------------------------------------- /images/logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /html/layouts/joomla/edit/admin_modules.php: -------------------------------------------------------------------------------- 1 | getForm(); 14 | $input = Factory::getApplication()->input; 15 | 16 | $fields = $displayData->get('fields') ?: [ 17 | ['parent', 'parent_id'], 18 | ['published', 'state', 'enabled'], 19 | ['category', 'catid'], 20 | 'featured', 21 | 'sticky', 22 | 'access', 23 | 'language', 24 | 'tags', 25 | 'note', 26 | 'version_note', 27 | ]; 28 | 29 | $hiddenFields = $displayData->get('hidden_fields') ?: []; 30 | 31 | if (!ModuleHelper::isAdminMultilang()) 32 | { 33 | $hiddenFields[] = 'language'; 34 | $form->setFieldAttribute('language', 'default', '*'); 35 | } 36 | 37 | $html = []; 38 | $html[] = '
'; 39 | 40 | foreach ($fields as $field) 41 | { 42 | foreach ((array) $field as $f) 43 | { 44 | if ($form->getField($f)) 45 | { 46 | if (in_array($f, $hiddenFields)) 47 | { 48 | $form->setFieldAttribute($f, 'type', 'hidden'); 49 | } 50 | 51 | $html[] = $form->renderField($f); 52 | break; 53 | } 54 | } 55 | } 56 | 57 | $html[] = '
'; 58 | 59 | echo implode('', $html); 60 | -------------------------------------------------------------------------------- /js/com_templates/admin-template-compare.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @copyright Copyright (C) 2020 Charlie Lodder. All rights reserved. 3 | * @license GNU General Public License version 2 or later; see LICENSE.txt 4 | */ 5 | 6 | (() => { 7 | 'use strict' 8 | 9 | // This method is used to decode HTML entities 10 | const decodeHtml = html => { 11 | const textarea = document.createElement('textarea') 12 | textarea.innerHTML = html 13 | return textarea.value 14 | } 15 | 16 | const compare = (original, changed) => { 17 | const display = changed.nextElementSibling 18 | const diff = Diff.diffLines(original.innerHTML, changed.innerHTML) 19 | const fragment = document.createDocumentFragment() 20 | diff.forEach(part => { 21 | const pre = document.createElement('pre') 22 | 23 | if (part.added) { 24 | pre.classList.add('added') 25 | } else if (part.removed) { 26 | pre.classList.add('removed') 27 | } 28 | 29 | pre.appendChild(document.createTextNode(decodeHtml(part.value))) 30 | fragment.appendChild(pre) 31 | }) 32 | display.appendChild(fragment) 33 | } 34 | 35 | const onBoot = () => { 36 | const original = document.getElementById('original') 37 | compare(original, original.nextElementSibling) 38 | 39 | document.removeEventListener('DOMContentLoaded', onBoot) 40 | } 41 | 42 | document.addEventListener('DOMContentLoaded', onBoot) 43 | })() 44 | -------------------------------------------------------------------------------- /sass/media/com_media/components/_animations.scss: -------------------------------------------------------------------------------- 1 | /* Animations */ 2 | 3 | // slide-fade 4 | .slide-fade-enter-active { 5 | transition: all .3s cubic-bezier(.4, 0, .2, 1); 6 | } 7 | 8 | .slide-fade-leave-active { 9 | transition: all .2s cubic-bezier(.4, 0, .2, 1); 10 | } 11 | 12 | .slide-fade-enter, .slide-fade-leave-to { 13 | opacity: 0; 14 | transform: translateY(-10px); 15 | } 16 | 17 | // Infobar 18 | .infobar-enter-active { 19 | animation: slideOutRight .2s reverse; 20 | 21 | [dir=rtl] & { 22 | animation: slideOutLeft .2s reverse; 23 | } 24 | } 25 | 26 | .infobar-leave-active { 27 | animation: slideOutRight .2s; 28 | 29 | [dir=rtl] & { 30 | animation: slideOutLeft .2s; 31 | } 32 | } 33 | 34 | // Slide out right animation 35 | @keyframes slideOutRight { 36 | from { 37 | transform: translateX(0); 38 | } 39 | 40 | to { 41 | visibility: hidden; 42 | transform: translateX(100%); 43 | } 44 | } 45 | 46 | @keyframes slideOutLeft { 47 | from { 48 | transform: translateX(); 49 | } 50 | 51 | to { 52 | visibility: hidden; 53 | transform: translateX(-100%); 54 | } 55 | } 56 | 57 | // Bounce in animation 58 | .fade-in-enter-active { 59 | animation: fadeIn .2s; 60 | } 61 | 62 | .fade-in-leave-active { 63 | animation: fadeIn .2s reverse; 64 | } 65 | 66 | @keyframes fadeIn { 67 | from { 68 | opacity: 0; 69 | } 70 | to { 71 | opacity: 1; 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /sass/pages/dashboard.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap core 2 | @import "../bootstrap/functions"; 3 | @import "../bootstrap/variables"; 4 | @import "../bootstrap/maps"; 5 | @import "../bootstrap/mixins"; 6 | 7 | // Bettum Variables and Mixins 8 | @import "../mixins"; 9 | @import "../variables"; 10 | 11 | // Dashboard 12 | .cpanel-modules { 13 | .card { 14 | box-shadow: $shadow-default; 15 | } 16 | 17 | .card-body .list-group-flush { 18 | margin-left: -$card-spacer-x; 19 | margin-right: -$card-spacer-x; 20 | } 21 | 22 | .table { 23 | margin-bottom: 0; 24 | } 25 | } 26 | 27 | .card { 28 | box-shadow: $shadow-default; 29 | } 30 | 31 | .card-header { 32 | display: flex; 33 | flex-direction: row-reverse; 34 | justify-content: space-between; 35 | align-items: center; 36 | } 37 | 38 | .cpanel-add-module { 39 | margin: 2rem 0; 40 | border: 2px dashed var(--border-color); 41 | } 42 | 43 | .well { 44 | background-color: transparent !important; 45 | background-image: none; 46 | box-shadow: none !important; 47 | 48 | .card-header { 49 | background-color: transparent !important; 50 | padding: 8px 0px; 51 | } 52 | 53 | .card-body { 54 | padding: 0; 55 | } 56 | } 57 | 58 | // Temporarily use CSS Grid 59 | @include media-breakpoint-up(sm) { 60 | .card-columns { 61 | column-count: 2; 62 | 63 | .card { 64 | display: inline-block; 65 | width: 100%; 66 | } 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /html/layouts/joomla/installer/changelog.php: -------------------------------------------------------------------------------- 1 | 12 | 13 |