maglevcms 1.0.0.rc1

data/app/javascript/editor/locales/editor.en.json

@@ -0,0 +1,257 @@
+{
+  "headerNav": {
+    "pages": "Pages:",
+    "pageSettings": "Page settings",
+    "previewSite": "Preview site",
+    "previewToggler": {
+      "button": "Preview site",
+      "draftLink": "Draft version",
+      "liveLink": "Live version"
+    },
+    "publishButton": {
+      "default": "Publish site",
+      "inProgress": "Publishing...",
+      "success": "Published!",
+      "fail": "Fail!"
+    },
+    "saveButton": {
+      "default": "Save",
+      "inProgress": "Saving...",
+      "success": "Saved!",
+      "fail": "Fail!"
+    }    
+  },
+  "sidebarNav": {
+    "addNewSectionTooltip": "Add a new section at the bottom of the page",
+    "managePageSectionsTooltip": "Re-order / delete the sections of the page",
+    "editStyleTooltip": "Change the style of your site",
+    "openImageLibraryTooltip": "Open the gallery of images",
+    "leaveEditorTooltip": "Back to the main app"
+  },
+  "pagePreview": {
+    "loading": "Loading...",
+    "empty": {
+      "title": {
+        "withoutLocale": "Your page is blank",
+        "withLocale": "Your page in %{localeName} is blank"
+      },
+      "message": "Please add the first section by clicking on the {icon} button in the left sidebar."
+    }
+  },
+  "page": {
+    "list": {
+      "title": "List of pages",
+      "subTitle": "Manage the pages of your site",
+      "newButton": "New page",
+      "searchPlaceholder": "Type your query here...",
+      "item": {
+        "edit": "Edit page settings",
+        "clone": "Clone page",
+        "hide": "Hide page",
+        "show": "Show page",
+        "delete": "Delete page"
+      }
+    },
+    "new": {
+      "title": "Create a new page",
+      "submitButton": {
+        "default": "Create page",
+        "inProgress": "Creating...",
+        "success": "Created!",
+        "fail": "Fail!"
+      },
+      "cancelButton": "Cancel"
+    },
+    "edit": {
+      "title": "Editing a page",
+      "currentPage": {
+        "title": "Editing the current page"
+      },
+      "submitButton": {
+        "default": "Update page",
+        "inProgress": "Updating...",
+        "success": "Updated!",
+        "fail": "Fail!"
+      },
+      "cancelButton": "Cancel"
+    },
+    "form": {
+      "tabs": {
+        "main": "Main",
+        "seo": "SEO"
+      },
+      "title": "Title",
+      "path": "Path",
+      "visible": "Visible",
+      "visiblePlaceholder": "Show/Hide the page",
+      "seoTitle": "Meta title",
+      "metaDescription": "Meta description",
+      "ogTitle": "og:title",
+      "ogDescription": "og:description",
+      "ogImageUrl": "og:image"
+    }
+  },
+  "sections": {
+    "addPane": {
+      "title": "Add a section"
+    },
+    "listPane": {
+      "title": "Organize sections",
+      "empty": "There are no sections."
+    }
+  },
+  "sectionPane": {
+    "tabs": {
+      "settings": "Content",
+      "blocks": "Blocks",
+      "advanced": "Advanced"
+    },
+    "blockList": {
+      "add": "Add new item"
+    }
+  },
+  "sectionBlockPane": {
+    "tabs": {
+      "settings": "Content",
+      "blocks": "Blocks",
+      "advanced": "Advanced"
+    }
+  },  
+  "themeSectionList": {
+    "emptyCategory": "No sections"
+  },
+  "style": {
+    "edit": {
+      "title": "Style your site",
+      "submitButton": {
+        "default": "Update style",
+        "inProgress": "Updating...",
+        "success": "Updated!",
+        "fail": "Fail!"
+      }
+    }
+  },
+  "imageInput": {
+    "addButton": "Add image",
+    "replaceButton": "Replace image",
+    "clearButton": "Clear",
+    "altTextPlaceholder": "Alt text to help search engines"
+  },
+  "imageLibrary": {
+    "title": "List of images",
+    "pickerTitle": "Select an image",
+    "none": "No images uploaded yet",
+    "searchPlaceholder": "Search for a filename",
+    "pagination": {
+      "label": "%{start} - %{end} of %{totalItems} images",
+      "noItems": "No images"
+    },
+    "destroy": {
+      "text": "Are you sure?",
+      "ok": "Yes, delete it",
+      "cancel": "Cancel"
+    },
+    "uploader": {
+      "wrongFiles": "Make sure the size of each image is not greater than %{limit}.",
+      "uploadButton": {
+        "default": "Upload images",
+        "inProgress": "Uploading...",
+        "success": "Uploaded!",
+        "fail": "Fail!"
+      }
+    }
+  },  
+  "iconInput": {
+    "addButton": "Add icon",
+    "replaceButton": "Replace icon",
+    "clearButton": "Clear"
+  },
+  "iconLibrary": {
+    "title": "Icons",
+    "pickerTitle": "Pick an icon"
+  },
+  "linkInput": {
+    "placeholder": "Click here to select a link",
+    "withNestedTextLabel": "Enable text",
+    "nestedTextPlaceholder": "Text"
+  },
+  "linkPicker": {
+    "title": "Select a link",
+    "insertTitle": "Insert a link",
+    "page": {
+      "name": "Page",
+      "input": {
+        "label": "Page",
+        "placeholder": "Select a page",
+        "searchPlaceholder": "Search...",
+        "emptyLabel": "No pages found"
+      },
+      "sectionInput": {
+        "label": "Section",
+        "placeholder": "Select a section",
+        "emptyLabel": "No section selected"
+      }
+    },
+    "url": {
+      "name": "Url",
+      "input": {
+        "label": "Url"
+      }
+    },
+    "email": {
+      "name": "Email",
+      "input": {
+        "label": "Email"
+      }
+    },
+    "shared": {
+      "mainButton": {
+        "select": "Select",
+        "insert": "Add"
+      },
+      "cancelButton": "Cancel",
+      "newWindowInput": {
+        "label": "Open in new window"
+      }
+    }
+  },
+  "collectionItemInput": {
+    "select": {
+      "placeholder": "Select an item",
+      "searchPlaceholder": "Search...",
+      "emptyLabel": "No items found"
+    }
+  },
+  "pagination": {
+    "defaultLabel": "%{start} - %{end} of %{totalItems} items",
+    "defaultNoItems": "None"
+  },
+  "confirmationButton": {
+    "text": "Are you sure to perform this action?",
+    "confirmButtonLabel": "Yes",
+    "cancelButtonLabel": "No"
+  },
+  "errorModals": {
+    "staleRecord": {
+      "title": "We are sorry 🙇",
+      "message": "We couldn't persist your changes because someone else has updated the content in the meantime.",
+      "button": "Please reload your page"
+    }
+  },
+  "support": {
+    "human": {
+      "storageUnits": {
+        "format": "%{number} %{unit}",
+        "units": {
+          "byte": {
+            "one": "Byte",
+            "other": "Bytes"
+          },
+          "kb": "KB",
+          "mb": "MB",
+          "gb": "GB"
+        }
+      }
+    }
+  }
+}

data/app/javascript/editor/locales/editor.fr.json

@@ -0,0 +1,244 @@
+{
+  "headerNav": {
+    "pages": "Pages :",
+    "pageSettings": "Paramètres page",
+    "previewSite": "Prévisualiser site",
+    "previewToggler": {
+      "button": "Voir site",
+      "draftLink": "Version brouillon",
+      "liveLink": "Version publiée"
+    },
+    "publishButton": {
+      "default": "Publier site",
+      "inProgress": "En cours...",
+      "success": "Publié !",
+      "fail": "Échec !"
+    },
+    "saveButton": {
+      "default": "Sauvegarder",
+      "inProgress": "En cours...",
+      "success": "Sauvegardée !",
+      "fail": "Échec !"
+    }
+  },
+  "sidebarNav": {
+    "addNewSectionTooltip": "Ajouter une nouvelle section au bas de la page",
+    "managePageSectionsTooltip": "Gérer les sections de la page",
+    "openImageLibraryTooltip": "Ouvrir la galerie d'images",
+    "leaveEditorTooltip": "Retour vers l'application principale"
+  },
+  "pagePreview": {
+    "loading": "Chargement...",
+    "empty": {
+      "title": {
+        "withoutLocale": "Votre page est vide",
+        "withLocale": "Votre page en {localeName} est vide"
+      },
+      "message": "Veuillez ajouter une nouvelle section en cliquant sur le bouton {icon} dans la barre de navigation sur la gauche."
+    }
+  },
+  "page": {
+    "list": {
+      "title": "Liste des pages",
+      "subTitle": "Gérer les pages de votre site",
+      "newButton": "Nouvelle page",
+      "searchPlaceholder": "Tapez un titre de page...",
+      "item": {
+        "edit": "Éditer les paramètres",
+        "clone": "Dupliquer",
+        "hide": "Cacher",
+        "show": "Montrer",
+        "delete": "Supprimer"
+      }
+    },
+    "new": {
+      "title": "Créer une nouvelle page",
+      "submitButton": {
+        "default": "Créer page",
+        "inProgress": "En cours de création...",
+        "success": "Créée !",
+        "fail": "Échec !"
+      },
+      "cancelButton": "Annuler"
+    },
+    "edit": {
+      "title": "Édition page",
+      "currentPage": {
+        "title": "Édition de la page courante"
+      },
+      "submitButton": {
+        "default": "Mettre à jour",
+        "inProgress": "En cours de mise à jour...",
+        "success": "Mise à jour !",
+        "fail": "Échec !"
+      },
+      "cancelButton": "Annuler"
+    },
+    "form": {
+      "tabs": {
+        "main": "Principal",
+        "seo": "SEO"
+      },
+      "title": "Titre",
+      "path": "Chemin",
+      "visible": "Visible",
+      "visiblePlaceholder": "Afficher/Cacher la page",
+      "seoTitle": "Meta title",
+      "metaDescription": "Meta description",
+      "ogTitle": "og:title",
+      "ogDescription": "og:description",
+      "ogImageUrl": "og:image"
+    }
+  },
+  "sections": {
+    "addPane": {
+      "title": "Ajouter une section"
+    },
+    "listPane": {
+      "title": "Organiser les sections",
+      "empty": "Vous n'avez aucune section."
+    }
+  },
+  "sectionPane": {
+    "tabs": {
+      "settings": "Contenu",
+      "blocks": "Blocs",
+      "advanced": "Paramètres avancés"
+    },
+    "blockList": {
+      "add": "Ajouter un nouvel élément"
+    }
+  },
+  "sectionBlockPane": {
+    "tabs": {
+      "settings": "Contenu",
+      "advanced": "Paramètres avancés"
+    }
+  },
+  "themeSectionList": {
+    "emptyCategory": "Aucune section"
+  },
+  "imageInput": {
+    "addButton": "Ajouter une image",
+    "replaceButton": "Remplacer l'image",
+    "clearButton": "Effacer",
+    "altTextPlaceholder": "Alt texte pour les moteurs de recherche"
+  },
+  "imageLibrary": {
+    "title": "Liste des images",
+    "pickerTitle": "Sélectionner une image",
+    "none": "Aucune image téléversée pour le moment",
+    "searchPlaceholder": "Recherchez par le nom",
+    "pagination": {
+      "label": "%{start} - %{end} de %{totalItems} images",
+      "noItems": "Aucune image"
+    },
+    "destroy": {
+      "text": "Êtes-vous sûr(e) ?",
+      "ok": "Oui, je veux la supprimer",
+      "cancel": "Annuler"
+    },
+    "uploader": {
+      "wrongFiles": "Assurez-vous que la taille de chaque image ne dépasse pas %{limit}.",
+      "uploadButton": {
+        "default": "Téléverser des images",
+        "inProgress": "En cours...",
+        "success": "Succès !",
+        "fail": "Échec !"
+      }
+    }
+  },
+  "iconInput": {
+    "addButton": "Ajouter une icône",
+    "replaceButton": "Remplacer l'icône",
+    "clearButton": "Effacer"
+  },
+  "iconLibrary": {
+    "title": "Icônes",
+    "pickerTitle": "Sélectionner une icône"
+  },
+  "linkInput": {
+    "placeholder": "Cliquez ici pour sélectionner un lien",
+    "withNestedTextLabel": "Activer le texte",
+    "nestedTextPlaceholder": "Texte"
+  },
+  "linkPicker": {
+    "title": "Sélectionner un lien",
+    "insertTitle": "Insérer un lien",
+    "page": {
+      "name": "Page",
+      "input": {
+        "label": "Page",
+        "placeholder": "Sélectionnez une page",
+        "searchPlaceholder": "Recherchez...",
+        "emptyLabel": "Aucune page trouvée"
+      },
+      "sectionInput": {
+        "label": "Section",
+        "placeholder": "Sélectionnez une section",
+        "emptyLabel": "Aucune section sélectionnée"
+      }
+    },
+    "url": {
+      "name": "Url",
+      "input": {
+        "label": "Url"
+      }
+    },
+    "email": {
+      "name": "Email",
+      "input": {
+        "label": "Email"
+      }
+    },
+    "shared": {
+      "mainButton": {
+        "select": "Sélectionner",
+        "insert": "Ajouter"
+      },
+      "cancelButton": "Annuler",
+      "newWindowInput": {
+        "label": "Ouvrir dans un nouvel onglet"
+      }
+    }
+  },
+  "collectionItemInput": {
+    "select": {
+      "placeholder": "Rechercher un élément",
+      "searchPlaceholder": "Recherchez...",
+      "emptyLabel": "Aucun élément trouvé"
+    }
+  },
+  "pagination": {
+    "defaultLabel": "%{start} - %{end} de %{totalItems} éléments",
+    "defaultNoItems": "Aucun"
+  },
+  "confirmationButton": {
+    "text": "Êtes-vous sûr(e) ?",
+    "confirmButtonLabel": "Oui",
+    "cancelButtonLabel": "Non"
+  },
+  "errorModals": {
+    "staleRecord": {
+      "title": "Nous sommes désolés 🙇",
+      "message": "Nous n'avons pu sauvegarder vos modifications car de plus récentes viennent d'être effectuées par une autre personne.",
+      "button": "Recharger la page"
+    }
+  },
+  "support": {
+    "human": {
+      "storageUnits": {
+        "format": "%{number} %{unit}",
+        "units": {
+          "byte": {
+            "one": "Octet",
+            "other": "Octets"
+          },
+          "kb": "Ko",
+          "mb": "Mo",
+          "gb": "Go"
+        }
+      }
+    }
+  }
+}

data/app/javascript/editor/locales/index.js

@@ -0,0 +1,11 @@
+import EditorEN from './editor.en.json'
+import EditorFR from './editor.fr.json'
+import { deepMerge } from '@/utils'
+
+const overriddenEN = window.customTranslations?.en ?? {}
+const overriddenFR = window.customTranslations?.fr ?? {}
+
+export default {
+  en: deepMerge(EditorEN, overriddenEN),
+  fr: deepMerge(EditorFR, overriddenFR),
+}

data/app/javascript/editor/main.js

@@ -0,0 +1,19 @@
+import Vue from 'vue'
+import App from './App'
+import store from '@/store'
+import i18n from '@/plugins/i18n'
+import router from '@/router'
+import '@/mixins'
+import '@/plugins'
+import '@/components/kit'
+
+Vue.config.productionTip = false
+
+document.addEventListener('DOMContentLoaded', () => {
+  new Vue({
+    store,
+    router,
+    i18n,
+    render: (h) => h(App),
+  }).$mount('#maglev-app')
+})

data/app/javascript/editor/mixins/error-modal.js

@@ -0,0 +1,23 @@
+import StaleRecord from '@/components/errors/stale-record'
+
+export default {
+  methods: {
+    openErrorModal(errorType) {
+      let ModalComponent = null
+
+      switch (errorType) {
+        case 'staleRecord':
+          ModalComponent = StaleRecord
+          break
+        default:
+          return // unknown error type
+      }
+
+      this.openModal({
+        title: this.$t(`errorModals.${errorType}.title`),
+        component: ModalComponent,
+        props: { modalClass: 'w-144' },
+      })
+    },
+  },
+}

data/app/javascript/editor/mixins/focused-input.js

@@ -0,0 +1,20 @@
+export default {
+  props: {
+    isFocused: { type: Boolean, default: false },
+  },
+  methods: {
+    blur() {
+      this.$emit('blur')
+    },
+  },
+  watch: {
+    isFocused: {
+      immediate: true,
+      handler(newValue, oldValue) {
+        if (newValue && !oldValue) {
+          this.$nextTick(() => this.focus())
+        }
+      },
+    },
+  },
+}

data/app/javascript/editor/mixins/global.js

@@ -0,0 +1,125 @@
+import Vue from 'vue'
+import { mapState, mapActions } from 'vuex'
+import { ModalBus } from '@/plugins/event-bus'
+import services from '@/services'
+import { isBlank } from '@/utils'
+
+Vue.mixin({
+  computed: {
+    ...mapState(['device', 'previewReady']),
+    services() {
+      return services
+    },
+    isSitePublishable() {
+      return this.$store.state.editorSettings.sitePublishable
+    },
+    currentSite() {
+      return this.$store.state.site
+    },
+    currentStyle() {
+      return this.$store.state.style
+    },
+    currentLocale() {
+      return this.$store.state.locale
+    },
+    currentPage() {
+      return this.$store.state.page
+    },
+    isCurrentPageIndex() {
+      return this.services.page.isIndex(this.currentPage)
+    },
+    currentTheme() {
+      return this.$store.state.theme
+    },
+    currentSection() {
+      return this.$store.state.section
+    },
+    currentSectionList() {
+      return this.$store.getters.sectionList
+    },
+    currentSectionContent() {
+      return this.$store.getters.sectionContent
+    },
+    currentSectionDefinition() {
+      return this.$store.state.sectionDefinition
+    },
+    currentSectionSettings() {
+      return this.$store.getters.sectionSettings(false)
+    },
+    currentSectionAdvancedSettings() {
+      return this.$store.getters.sectionSettings(true)
+    },
+    currentSectionBlocks() {
+      return this.$store.getters.sectionBlocks
+    },
+    currentSectionBlock() {
+      return this.$store.state.sectionBlock
+    },
+    currentSectionBlockIndex() {
+      return this.$store.getters.sectionBlockIndex
+    },
+    currentSectionBlockContent() {
+      return this.$store.getters.sectionBlockContent
+    },
+    currentSectionBlockDefinition() {
+      return this.$store.state.sectionBlockDefinition
+    },
+    currentSectionBlockSettings() {
+      return this.$store.getters.sectionBlockSettings(false)
+    },
+    currentSectionBlockAdvancedSettings() {
+      return this.$store.getters.sectionBlockSettings(true)
+    },
+    currentPageDefaultAttributes() {
+      return this.$store.getters.defaultPageAttributes
+    },
+    hasMultipleLocales() {
+      return this.$store.state.site.locales.length > 1
+    },
+    currentContent() {
+      return this.$store.getters.content
+    },
+    isDesktopDevice() {
+      return this.device === 'desktop'
+    },
+    isMobileDevice() {
+      return this.device === 'mobile'
+    },
+    isTabletDevice() {
+      return this.device === 'tablet'
+    },
+    deviceWidthMap() {
+      return {
+        mobile: 375,
+        tablet: 1024,
+      }
+    },
+  },
+  methods: {
+    ...mapActions([
+      'setDevice',
+      'setLocale',
+      'setPreviewDocument',
+      'fetchSite',
+      'fetchPage',
+      'fetchSection',
+      'fetchSectionBlock',
+      'setCurrentPageSettings',
+    ]),
+    isBlank(value) {
+      return isBlank(value)
+    },
+    openModal({ title, component, props, listeners, closeOnClick }) {
+      ModalBus.$emit('open', {
+        title,
+        component,
+        props,
+        listeners,
+        closeOnClick,
+      })
+    },
+    closeModal() {
+      ModalBus.$emit('close')
+    },
+  },
+})