Merge pull request #31520 from richard67/4.0-dev-cassiopeia-development

[4.0] Cassopeia template and blog sample data fixes and improvements

build/build-modules-js/compilecss.es6.js

@@ -44,6 +44,11 @@ module.exports.compile = (options, path) => {
           `${RootPath}/templates/cassiopeia/scss/offline.scss`,
           `${RootPath}/templates/cassiopeia/scss/template.scss`,
           `${RootPath}/templates/cassiopeia/scss/template-rtl.scss`,
+          `${RootPath}/templates/cassiopeia/scss/global/fonts-local_roboto.scss`,
+          `${RootPath}/templates/cassiopeia/scss/global/fonts-web_fira-sans.scss`,
+          `${RootPath}/templates/cassiopeia/scss/global/fonts-web_roboto+noto-sans.scss`,
+          `${RootPath}/templates/cassiopeia/scss/global/colors_standard.scss`,
+          `${RootPath}/templates/cassiopeia/scss/global/colors_alternative.scss`,
           `${RootPath}/templates/cassiopeia/scss/system/searchtools/searchtools.scss`,
           `${RootPath}/templates/cassiopeia/scss/vendor/choicesjs/choices.scss`,
           `${RootPath}/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss`,

build/media_source/templates/cassiopeia/js/mod_menu/menu-metismenu.es6.js

@@ -0,0 +1,25 @@
+/**
+ * @package     Joomla.Site
+ * @subpackage  Templates.cassiopeia
+ * @copyright   (C) 2020 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ * @since       4.0
+ */
+
+document.addEventListener('DOMContentLoaded', () => {
+  const allMenus = document.querySelectorAll('ul.mod-menu_dropdown-metismenu');
+
+  allMenus.forEach((menu) => {
+    // eslint-disable-next-line no-new, no-undef
+    const mm = new MetisMenu(menu, {
+      triggerElement: 'button.mm-toggler',
+    }).on('shown.metisMenu', (event) => {
+      window.addEventListener('click', function mmClick(e) {
+        if (!event.target.contains(e.target)) {
+          mm.hide(event.detail.shownElement);
+          window.removeEventListener('click', mmClick);
+        }
+      });
+    });
+  });
+});

language/en-GB/tpl_cassiopeia.ini

@@ -6,11 +6,19 @@
 CASSIOPEIA="Cassiopeia Site template"
 TPL_CASSIOPEIA_BACKTOTOP="Back to Top"
 TPL_CASSIOPEIA_BACKTOTOP_LABEL="Back-to-top Link"
+TPL_CASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative"
+TPL_CASSIOPEIA_COLOR_NAME_LABEL="Colour Theme"
+TPL_CASSIOPEIA_COLOR_NAME_STANDARD="Standard"
 TPL_CASSIOPEIA_FLUID="Fluid"
 TPL_CASSIOPEIA_FLUID_LABEL="Layout"
+TPL_CASSIOPEIA_FONT_GROUP_LOCAL="Fonts from Folder"
+TPL_CASSIOPEIA_FONT_GROUP_WEB="Fonts from Web"
+TPL_CASSIOPEIA_FONT_LABEL="Fonts Scheme"
+TPL_CASSIOPEIA_FONT_NOTE_TEXT="Loading fonts from external sources might be against privacy regulations in some countries.<br>Loading fonts from a local folder might have a performance impact on your site."
 TPL_CASSIOPEIA_LOGO_LABEL="Logo"
 TPL_CASSIOPEIA_STATIC="Static"
 TPL_CASSIOPEIA_STICKY_LABEL="Sticky Header"
+TPL_CASSIOPEIA_TAGLINE="Tagline"
 TPL_CASSIOPEIA_TITLE="Title (alternative to logo)"
 TPL_CASSIOPEIA_TOGGLE="Toggle Navigation"
 TPL_CASSIOPEIA_XML_DESCRIPTION="Continuing the space theme (Solarflare from 1.0, Milkyway from 1.5 and Protostar from 3.0), Cassiopeia is the Joomla 4 site template based on Bootstrap 4."

language/en-GB/tpl_cassiopeia.sys.ini

@@ -4,6 +4,7 @@
 ; Note : All ini files need to be saved as UTF-8
 
 CASSIOPEIA="Cassiopeia Site template"
+TPL_CASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN-METISMENU="Dropdown"
 TPL_CASSIOPEIA_POSITION_BANNER="Banner"
 TPL_CASSIOPEIA_POSITION_BOTTOM-A="Bottom-a"
 TPL_CASSIOPEIA_POSITION_BOTTOM-B="Bottom-b"