@kitconcept/volto-light-theme 1.0.1 → 2.1.0

package/locales/pt_BR/volto.po

@@ -0,0 +1,317 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Back
+msgid "Back"
+msgstr "Voltar"
+
+#: components/Blocks/schema
+# defaultMessage: Background color
+msgid "Background color"
+msgstr "Cor de fundo"
+
+#: components/Blocks/Button/schema
+# defaultMessage: Block Width
+msgid "Block Width"
+msgstr "Largura do bloco"
+
+#: components/Breadcrumbs/Breadcrumbs
+# defaultMessage: Breadcrumbs
+msgid "Breadcrumbs"
+msgstr "Breadcrumbs"
+
+#: components/Blocks/Image/Edit
+# defaultMessage: Browse the site, drop an image, or type an URL
+msgid "Browse the site, drop an image, or type an URL"
+msgstr "Encontre no site, envie uma imagem ou cole uma URL"
+
+#: components/Blocks/Slider/schema
+# defaultMessage: Button text
+msgid "Button text"
+msgstr "Texto do botão"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Center
+msgid "Center"
+msgstr "Centralizado"
+
+#: components/MobileNavigation/MobileNavigation
+#: components/Navigation/Navigation
+# defaultMessage: Close menu
+msgid "Close menu"
+msgstr "Fechar menu"
+
+#: components/Theme/EventView
+# defaultMessage: Contact
+msgid "Contact"
+msgstr "Contato"
+
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Continue reading
+msgid "Continue reading"
+msgstr "Continue lendo"
+
+#: components/Footer/Footer
+# defaultMessage: Copyright
+msgid "Copyright"
+msgstr "Copyright"
+
+#: components/Blocks/Image/schema
+# defaultMessage: Description
+msgid "Description"
+msgstr "Descrição"
+
+#: components/Footer/Footer
+# defaultMessage: Distributed under the {license}.
+msgid "Distributed under the {license}."
+msgstr "Distribuído sob a licença {license}."
+
+#: components/Theme/EventView
+# defaultMessage: End
+msgid "End"
+msgstr "Término"
+
+#: components/Blocks/Slider/schema
+# defaultMessage: Flag align
+msgid "Flag align"
+msgstr "Alinhar"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Full
+msgid "Full"
+msgstr "Completo"
+
+#: components/Footer/Footer
+# defaultMessage: GNU GPL license
+msgid "GNU GPL license"
+msgstr "Licença GNU GPL"
+
+#: components/Blocks/Slider/schema
+# defaultMessage: Hide Button
+msgid "Hide Button"
+msgstr "Ocultar botão"
+
+#: components/Breadcrumbs/Breadcrumbs
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Home
+msgid "Home"
+msgstr "Início"
+
+#: components/Theme/EventView
+# defaultMessage: ICS Download
+msgid "ICS-Download"
+msgstr "Baixar ICS"
+
+#: components/Blocks/Image/ImageSidebar
+# defaultMessage: Image
+msgid "Image"
+msgstr "Imagem"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Left
+msgid "Left"
+msgstr "Esquerda"
+
+#: components/Theme/EventView
+# defaultMessage: Location
+msgid "Location"
+msgstr "Local"
+
+#: components/Anontools/Anontools
+# defaultMessage: Log in
+msgid "Log in"
+msgstr "Entrar"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: Next Page
+msgid "Next Page"
+msgstr "Próxima página"
+
+#: components/Theme/EventView
+# defaultMessage: No date
+msgid "No date"
+msgstr "Sem data"
+
+#: components/Blocks/Image/ImageSidebar
+# defaultMessage: No image selected
+msgid "No image selected"
+msgstr "Nenhuma imagem selecionada"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: No items found in this container.
+msgid "No items found in this container."
+msgstr "Nenhum item encontrado nesta pasta"
+
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Open menu
+msgid "Open menu"
+msgstr "Abrir o menu"
+
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Overview
+msgid "Overview"
+msgstr "Geral"
+
+#: components/Theme/EventView
+# defaultMessage: Phone
+msgid "Phone"
+msgstr "Telefone"
+
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Please choose an existing content as source for this element
+msgid "Please choose an existing content as source for this element"
+msgstr "Por favor, escolha um conteúdo existente como fonte para esse elemento"
+
+#: components/Footer/Footer
+# defaultMessage: Plone Foundation
+msgid "Plone Foundation"
+msgstr "Plone Foundation"
+
+#: components/Logo/Logo
+# defaultMessage: Plone Site
+msgid "Plone Site"
+msgstr "Site Plone"
+
+#: components/Footer/Footer
+# defaultMessage: Plone{reg} Open Source CMS/WCM
+msgid "Plone{reg} Open Source CMS/WCM"
+msgstr "Plone{reg} Open Source CMS/WCM"
+
+#: components/Footer/Footer
+# defaultMessage: Powered by Plone & Python
+msgid "Powered by Plone & Python"
+msgstr "Feito com Plone & Python"
+
+#: index
+# defaultMessage: Press
+msgid "Press"
+msgstr "Imprensa"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: Previous Page
+msgid "Previous Page"
+msgstr "Página anterior"
+
+#: components/Anontools/Anontools
+# defaultMessage: Register
+msgid "Register"
+msgstr "Criar conta"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: Result
+msgid "Result"
+msgstr "Resultado"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Right
+msgid "Right"
+msgstr "Direita"
+
+#: components/Blocks/Search/components/SearchInput
+#: components/Blocks/Search/TopSideFacets
+#: components/SearchWidget/SearchWidget
+# defaultMessage: Search
+msgid "Search"
+msgstr "Buscar"
+
+#: components/SearchWidget/SearchWidget
+# defaultMessage: Search Site
+msgid "Search Site"
+msgstr "Buscar no site"
+
+#: components/Blocks/Search/components/SearchDetails
+# defaultMessage: Search results
+msgid "Search results"
+msgstr "Resultados de busca"
+
+#: components/Blocks/Search/components/SearchDetails
+# defaultMessage: Searched for
+msgid "Searched for"
+msgstr "Busca por"
+
+#: components/Logo/Logo
+# defaultMessage: Site
+msgid "Site"
+msgstr "Site"
+
+#: components/Header/Header
+#: index
+# defaultMessage: Sitemap
+msgid "Sitemap"
+msgstr "Mapa do Site"
+
+#: components/Blocks/Search/TopSideFacets
+# defaultMessage: Sorting
+msgid "Sorting"
+msgstr "Ordenação"
+
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Source
+msgid "Source"
+msgstr "Fonte"
+
+#: components/Theme/EventView
+# defaultMessage: Start
+msgid "Start"
+msgstr "Início"
+
+#: components/Footer/Footer
+# defaultMessage: The {plonecms} is {copyright} 2000-{current_year} by the {plonefoundation} and friends.
+msgid "The {plonecms} is {copyright} 2000-{current_year} by the {plonefoundation} and friends."
+msgstr "O {plonecms} tem {copyright} 2000-{current_year} pela {plonefoundation} e comunidade."
+
+#: components/Blocks/Image/schema
+# defaultMessage: Title
+msgid "Title"
+msgstr "Título"
+
+#: components/Blocks/Image/Edit
+# defaultMessage: Uploading image
+msgid "Uploading image"
+msgstr "Enviando imagem"
+
+#: components/Theme/EventView
+# defaultMessage: Website
+msgid "Website"
+msgstr "Site"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Wide
+msgid "Wide"
+msgstr "Largo"
+
+#: components/Blocks/Image/ImageSidebar
+# defaultMessage: Clear image
+msgid "image_block_clear"
+msgstr "Remover imagem"
+
+#: components/Blocks/Image/ImageSidebar
+# defaultMessage: Image preview
+msgid "image_block_preview"
+msgstr "Preview da imagem"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: Loading
+msgid "loading"
+msgstr "carregando"
+
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: More info
+msgid "moreInfo"
+msgstr "Mais informações"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: of
+msgid "of"
+msgstr "de"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-09-14T11:22:16.375Z\n"
+"POT-Creation-Date: 2023-11-30T13:23:01.241Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -13,6 +13,11 @@ msgstr ""
 "Preferred-Encodings: utf-8\n"
 "Domain: volto\n"
 
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Back
+msgid "Back"
+msgstr ""
+
 #: components/Blocks/schema
 # defaultMessage: Background color
 msgid "Background color"
@@ -33,11 +38,17 @@ msgstr ""
 msgid "Browse the site, drop an image, or type an URL"
 msgstr ""
 
+#: components/Blocks/Slider/schema
+# defaultMessage: Button text
+msgid "Button text"
+msgstr ""
+
 #: components/Widgets/AlignWidget
 # defaultMessage: Center
 msgid "Center"
 msgstr ""
 
+#: components/MobileNavigation/MobileNavigation
 #: components/Navigation/Navigation
 # defaultMessage: Close menu
 msgid "Close menu"
@@ -48,6 +59,11 @@ msgstr ""
 msgid "Contact"
 msgstr ""
 
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Continue reading
+msgid "Continue reading"
+msgstr ""
+
 #: components/Footer/Footer
 # defaultMessage: Copyright
 msgid "Copyright"
@@ -68,6 +84,11 @@ msgstr ""
 msgid "End"
 msgstr ""
 
+#: components/Blocks/Slider/schema
+# defaultMessage: Flag align
+msgid "Flag align"
+msgstr ""
+
 #: components/Widgets/AlignWidget
 # defaultMessage: Full
 msgid "Full"
@@ -78,7 +99,13 @@ msgstr ""
 msgid "GNU GPL license"
 msgstr ""
 
+#: components/Blocks/Slider/schema
+# defaultMessage: Hide Button
+msgid "Hide Button"
+msgstr ""
+
 #: components/Breadcrumbs/Breadcrumbs
+#: components/MobileNavigation/MobileNavigation
 # defaultMessage: Home
 msgid "Home"
 msgstr ""
@@ -128,16 +155,26 @@ msgstr ""
 msgid "No items found in this container."
 msgstr ""
 
-#: components/Navigation/Navigation
+#: components/MobileNavigation/MobileNavigation
 # defaultMessage: Open menu
 msgid "Open menu"
 msgstr ""
 
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Overview
+msgid "Overview"
+msgstr ""
+
 #: components/Theme/EventView
 # defaultMessage: Phone
 msgid "Phone"
 msgstr ""
 
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Please choose an existing content as source for this element
+msgid "Please choose an existing content as source for this element"
+msgstr ""
+
 #: components/Footer/Footer
 # defaultMessage: Plone Foundation
 msgid "Plone Foundation"
@@ -221,6 +258,11 @@ msgstr ""
 msgid "Sorting"
 msgstr ""
 
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Source
+msgid "Source"
+msgstr ""
+
 #: components/Theme/EventView
 # defaultMessage: Start
 msgid "Start"
@@ -266,6 +308,11 @@ msgstr ""
 msgid "loading"
 msgstr ""
 
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: More info
+msgid "moreInfo"
+msgstr ""
+
 #: components/Blocks/Listing/ListingBody
 # defaultMessage: of
 msgid "of"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "1.0.1",
+  "version": "2.1.0",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.js",
   "repository": {
@@ -71,7 +71,7 @@
     "@kitconcept/volto-highlight-block": "^3.0.0",
     "@kitconcept/volto-introduction-block": "^1.0.0",
     "@kitconcept/volto-separator-block": "^4.0.0",
-    "@kitconcept/volto-slider-block": "^5.1.1",
-    "@plone/volto": "^17.2.0"
+    "@kitconcept/volto-slider-block": "5.1.1",
+    "@plone/volto": "^17.5.0"
   }
 }

package/src/components/Blocks/Listing/ImageGallery.jsx

@@ -0,0 +1,126 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
+import 'react-image-gallery/styles/css/image-gallery.css';
+import { Button } from 'semantic-ui-react';
+import { Icon } from '@plone/volto/components';
+import { flattenToAppURL } from '@plone/volto/helpers';
+import config from '@plone/volto/registry';
+
+import galleryLeftSVG from '../../../icons/left-key.svg';
+import galleryRightSVG from '../../../icons/right-key.svg';
+import galleryPlaySVG from '../../../icons/play.svg';
+import galleryPauseSVG from '../../../icons/pause.svg';
+import galleryFullScreenSVG from '../../../icons/fullscreen.svg';
+import galleryBackDownSVG from '../../../icons/back-down.svg';
+
+const ImageGallery = loadable(() => import('react-image-gallery'));
+
+const renderLeftNav = (onClick, disabled) => {
+  return (
+    <Button
+      className="image-gallery-icon image-gallery-left-nav primary basic"
+      disabled={disabled}
+      onClick={onClick}
+    >
+      <Icon name={galleryLeftSVG} size="48px" fill="black" />
+    </Button>
+  );
+};
+const renderRightNav = (onClick, disabled) => {
+  return (
+    <Button
+      className="image-gallery-icon image-gallery-right-nav primary basic"
+      disabled={disabled}
+      onClick={onClick}
+    >
+      <Icon name={galleryRightSVG} size="48px" />
+    </Button>
+  );
+};
+
+const renderPlayPauseButton = (onClick, isPlaying) => (
+  <Button
+    type="button"
+    className="image-gallery-icon image-gallery-play-button basic primary"
+    onClick={onClick}
+    aria-label="Play or Pause Slideshow"
+  >
+    {isPlaying ? (
+      <Icon name={galleryPauseSVG} size="48px" />
+    ) : (
+      <Icon name={galleryPlaySVG} size="48px" />
+    )}
+  </Button>
+);
+
+const renderFullscreenButton = (onClick, isFullscreen) => {
+  return (
+    <Button
+      type="button"
+      className="image-gallery-icon image-gallery-fullscreen-button primary basic"
+      onClick={onClick}
+      aria-label="Open Fullscreen"
+    >
+      {isFullscreen ? (
+        <Icon name={galleryBackDownSVG} size="48px" />
+      ) : (
+        <Icon name={galleryFullScreenSVG} size="48px" />
+      )}
+    </Button>
+  );
+};
+
+const ImageGalleryTemplate = ({ items }) => {
+  const { settings } = config;
+  const renderItems = items.filter(
+    (content) =>
+      settings.imageObjects.includes(content['@type']) && content.image_field,
+  );
+  const imagesInfo = renderItems.map((item) => {
+    return {
+      original: `${flattenToAppURL(item['@id'])}/@@images/${
+        item.image_field
+      }/large`,
+      thumbnail: `${flattenToAppURL(item['@id'])}/@@images/${
+        item.image_field
+      }/thumb`,
+      description: (
+        <>
+          <div className="title">{item.title}</div>
+          <div className="description">{item.description}</div>
+          <div className="download">
+            <a
+              href={`${flattenToAppURL(item['@id'])}/@@images/${
+                item.image_field
+              }/huge`}
+              download
+            >
+              download
+            </a>
+          </div>
+          <div className="credits">{item.copyright_and_sources}</div>
+        </>
+      ),
+    };
+  });
+
+  return (
+    renderItems.length > 0 && (
+      <ImageGallery
+        items={imagesInfo}
+        renderLeftNav={renderLeftNav}
+        renderRightNav={renderRightNav}
+        renderPlayPauseButton={renderPlayPauseButton}
+        renderFullscreenButton={renderFullscreenButton}
+        lazyLoad={true}
+      />
+    )
+  );
+};
+
+ImageGalleryTemplate.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+};
+
+export default ImageGalleryTemplate;

package/src/components/Header/Header.jsx

@@ -2,6 +2,7 @@
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import Container from '@kitconcept/volto-light-theme/components/Atoms/Container/Container';
+import MobileNavigation from '../MobileNavigation/MobileNavigation';
 import { Link } from 'react-router-dom';
 import { FormattedMessage } from 'react-intl';
 
@@ -26,7 +27,8 @@ const Header = (props) => {
               <Logo />
             </div>
             <Navigation pathname={pathname} />
-            <div className="search-wrapper">
+            <MobileNavigation pathname={pathname} />
+            <div className="search-wrapper navigation-desktop">
               <div className="search">
                 <SearchWidget />
               </div>