formstrap 0.3.3 → 0.3.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dc7c89e02028fbd50ff04f97b36ad9ef3bcbc3a1e270d025a664a721a9755e7d
-  data.tar.gz: 2375b43a0db037bcb58be9bac12d47079d7f4e5baaa03b08a5ea839053a3aaad
+  metadata.gz: 4b2d2e888ad5276d55adec6e93fa3c9d8f7a461c7b166d5b63828137fb69a59e
+  data.tar.gz: af940de7b13d8c07eb22b96494bddd6d61162c60dea21422ab547d0dcf96fa40
 SHA512:
-  metadata.gz: c888b852f01b98134dae97d0a5573ac695c4525020a9fef792af903b9c7a894c5b85dce0172633246e78a0e5ed2825c89659ecf2ff2a663f5aea9b10d844002b
-  data.tar.gz: 30ae20de2ddf908f64a82ca167bbc62fa6c0c6b744403e48ff053a9b6e1f293a323f3070947f3d29dd5e4509ef7cee20d42ec9db18d76adb53c8eddb79ee65aa
+  metadata.gz: 958941ba2f0ff2747a96de87aae82ef42bfb316a63742a964a254917304d0d080857b7230057aa30d3d0d1b4f19a59a998823be5fe0a4fd86a4b2e6011b6f6b5
+  data.tar.gz: 7c6c651c014d19ce4e85eecf8856339ae24049f8762be4ed942d5989ba150a13340aed3965bbbc55f67535e066b08d96b5b515129b10160e0af323209d43e0f7

data/README.md

@@ -64,7 +64,7 @@ An overview of all the Formstrap / Ruby on Rails form helpers:
 | Media             | media             | N/A                                         |
 | Number            | number            | number formstrap: false or number_field     |
 | Password          | password          | password formstrap: false or password_field |
-| RedactorX *       | redactorx         | N/A                                         |
+| Redactor  *       | redactor          | N/A                                         |
 | Search            | search            | N/A                                         |
 | Select            | select            | select formstrap: false                     |
 | Switch            | switch            | N/A                                         |
@@ -77,7 +77,7 @@ An overview of all the Formstrap / Ruby on Rails form helpers:
 \* Formstrap provides the implementation of these 3rd party libraries, however it is up to the user to provide the
 correct assets.
 
-As you might have noticed, Formstrap provides more helpers than what is standard in Ruby on Rails, e.g. ```Media```, ```Date range```, ```RedactorX``` ...
+As you might have noticed, Formstrap provides more helpers than what is standard in Ruby on Rails, e.g. ```Media```, ```Date range```, ```Redactor``` ...
 
 ### Altering Formstrap helpers
 

data/app/assets/javascripts/formstrap/controllers/redactor_controller.js

@@ -0,0 +1,18 @@
+/* global Redactor */
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  connect () {
+    this.initRedactor()
+  }
+
+  initRedactor () {
+    if (typeof Redactor === 'undefined') {
+      console.error('Redactor is a paid module and is not included in Headmin. Please purchase it and import it as a JS module')
+      return false
+    }
+
+    const options = JSON.parse(this.element.getAttribute('data-redactor-options'))
+    Redactor(this.element, options)
+  }
+}

data/app/assets/javascripts/formstrap/controllers/select_controller.js

@@ -9,30 +9,34 @@ export default class extends Controller {
     }
   }
 
-  defaultOptions (locale) {
-    const defaultOptions = {
+  defaultOptions () {
+    return {
+      plugins: ['drag_drop', 'caret_position', 'input_autogrow'],
+      persist: false,
+      create: true,
+      render: this.renderOptions()[I18n.locale]
+    }
+  }
+
+  renderOptions () {
+    return {
       en: {
-        render: {
-          option_create: function (data, escape) {
-            return '<div class="create">Add <strong>' + escape(data.input) + '</strong>&hellip;</div>'
-          },
-          no_results: function (data, escape) {
-            return '<div class="no-results">No results found</div>'
-          }
+        option_create: function (data, escape) {
+          return '<div class="create">Add <strong>' + escape(data.input) + '</strong>&hellip;</div>'
+        },
+        no_results: function (data, escape) {
+          return '<div class="no-results">No results found</div>'
         }
       },
       nl: {
-        render: {
-          option_create: function (data, escape) {
-            return '<div class="create">Voeg <strong>' + escape(data.input) + '</strong> toe &hellip;</div>'
-          },
-          no_results: function (data, escape) {
-            return '<div class="no-results">Geen resultaten gevonden</div>'
-          }
+        option_create: function (data, escape) {
+          return '<div class="create">Voeg <strong>' + escape(data.input) + '</strong> toe &hellip;</div>'
+        },
+        no_results: function (data, escape) {
+          return '<div class="no-results">Geen resultaten gevonden</div>'
         }
       }
     }
-    return defaultOptions[locale]
   }
 
   hasTags () {
@@ -40,7 +44,7 @@ export default class extends Controller {
   }
 
   initTomSelect () {
-    const defaultOptions = this.defaultOptions(I18n.locale)
+    const defaultOptions = this.defaultOptions()
     const options = { create: this.hasTags() }
 
     /* eslint-disable no-new */

data/app/assets/javascripts/formstrap/index.js

@@ -11,11 +11,14 @@ import MediaModalController from './controllers/media_modal_controller'
 import NestedPreviewController from './controllers/nested_preview_controller'
 import PopupController from './controllers/popup_controller'
 import PreviewController from './controllers/preview_controller'
-import RedactorxController from './controllers/redactorx_controller'
+import RedactorController from './controllers/redactor_controller'
 import RepeaterController from './controllers/repeater_controller'
 import SelectController from './controllers/select_controller'
 import TextareaController from './controllers/textarea_controller'
 
+// Import redactor dependencies
+import './vendor/redactor'
+
 export class Formstrap {
   static start () {
     window.Stimulus = window.Stimulus || Application.start()
@@ -30,7 +33,7 @@ export class Formstrap {
     Stimulus.register('nested-preview', NestedPreviewController)
     Stimulus.register('popup', PopupController)
     Stimulus.register('preview', PreviewController)
-    Stimulus.register('redactorx', RedactorxController)
+    Stimulus.register('redactor', RedactorController)
     Stimulus.register('repeater', RepeaterController)
     Stimulus.register('select', SelectController)
     Stimulus.register('textarea', TextareaController)

data/app/assets/javascripts/formstrap/vendor/redactor/i18n/de.js

@@ -0,0 +1,214 @@
+/* global Redactor */
+Redactor.lang.de = {
+  accessibility: {
+    'help-label': 'Texteditor'
+  },
+  placeholders: {
+    figcaption: 'Beschreibung eingeben (optional)'
+  },
+  modal: {
+    link: 'Link',
+    image: 'Bild',
+    'add-image': 'Bild hinzufügen'
+  },
+  embed: {
+    embed: 'Einbetten',
+    caption: 'Beschriftung',
+    description: 'Fügen Sie einen Einbettungscode ein oder geben Sie die URL ein (nur Vimeo- oder YouTube-Video)',
+    'responsive-video': 'Responsives Video'
+  },
+  image: {
+    or: 'oder',
+    'alt-text': 'Alternativer Text',
+    link: 'Link',
+    width: 'Breite',
+    caption: 'Beschriftung',
+    'link-in-new-tab': 'Link in neuem Tab öffnen',
+    'url-placeholder': 'URL des Bildes einfügen...',
+    'upload-new-placeholder': 'Zum Hochladen eines neuen Bildes ziehen<br>oder klicken Sie, um auszuwählen'
+  },
+  link: {
+    link: 'Link',
+    'edit-link': 'Link bearbeiten',
+    unlink: 'Link entfernen',
+    'link-in-new-tab': 'Link in neuem Tab öffnen',
+    text: 'Text',
+    url: 'URL'
+  },
+  table: {
+    width: 'Breite',
+    nowrap: 'Kein Zeilenumbruch',
+    'table-cell': 'Tabellenzelle',
+    'select-table': 'Tabelle auswählen',
+    'select-cell': 'Zelle auswählen',
+    'cell-setting': 'Zelleinstellung',
+    'add-head': 'Kopfzeile hinzufügen',
+    'remove-head': 'Kopfzeile entfernen',
+    'add-row-below': 'Zeile unten hinzufügen',
+    'add-row-above': 'Zeile oben hinzufügen',
+    'remove-row': 'Zeile entfernen',
+    'add-column-after': 'Spalte danach hinzufügen',
+    'add-column-before': 'Spalte davor hinzufügen',
+    'remove-column': 'Spalte entfernen',
+    'delete-table': 'Tabelle löschen'
+  },
+  buttons: {
+    add: 'Hinzufügen',
+    insert: 'Einfügen',
+    save: 'Speichern',
+    cancel: 'Abbrechen',
+    delete: 'Löschen',
+    'ai-tools': 'KI-Werkzeuge',
+    'ai-image': 'KI-Bild',
+    html: 'HTML',
+    format: 'Format',
+    bold: 'Fett',
+    italic: 'Kursiv',
+    deleted: 'Durchgestrichen',
+    'more-formatting': 'Weitere Formatierungen',
+    link: 'Link',
+    'link-text': 'Linktext',
+    unlink: 'Link entfernen',
+    image: 'Bild',
+    unwrap: 'Formatierung aufheben',
+    outset: 'Hervorhebung',
+    'wrap-image': 'Bild einrahmen',
+    'move-up': 'Nach oben verschieben',
+    'move-down': 'Nach unten verschieben',
+    list: 'Liste',
+    'numbered-list': 'Nummerierte Liste',
+    'bullet-list': 'Aufzählung',
+    indent: 'Einrücken',
+    outdent: 'Ausrücken',
+    'definition-list': 'Definitionslite',
+    hotkeys: 'Tastenkombinationen',
+    undo: 'Rückgängig machen',
+    redo: 'Wiederherstellen',
+    toggle: 'Umschalten',
+    duplicate: 'Duplizieren',
+    table: 'Tabelle',
+    embed: 'Einbetten',
+    quote: 'Zitat',
+    layout: 'Layout',
+    wrapper: 'Umschlag',
+    todo: 'Aufgabe',
+    'code-snippet': 'Code-Schnipsel',
+    line: 'Linie',
+    parent: 'Elternteil',
+    code: 'Code',
+    underline: 'Unterstreichen',
+    highlight: 'Hervorheben',
+    superscript: 'Hochgestellt',
+    subscript: 'Tiefgestellt',
+    'clear-all-styles': 'Alle Stile löschen',
+    heading: 'Überschrift',
+    text: 'Text',
+    address: 'Adresse'
+  },
+  colorpicker: {
+    'remove-color': 'Farbe entfernen',
+    'remove-background': 'Hintergrundfarbe entfernen',
+    color: 'Farbe',
+    background: 'Hintergrund',
+    'set-color': 'Farbe einstellen'
+  },
+  ai: {
+    'placeholder-image': 'Beschreiben Sie das Bild, das Sie generieren möchten.',
+    'placeholder-text': 'Sagen Sie mir, was Sie schreiben möchten.',
+    send: 'Senden',
+    stop: 'Stoppen',
+    discard: 'Verwerfen',
+    insert: 'Einfügen',
+    prompt: 'Aufforderung'
+  },
+  pathbar: {
+    title: 'Körper'
+  },
+  layout: {
+    'single-column': 'Eine Spalte',
+    'two-columns': 'Zwei Spalten',
+    'three-columns': 'Drei Spalten',
+    'four-columns': 'Vier Spalten'
+  },
+  outset: {
+    'outset-none': 'Keine Hervorhebung',
+    'outset-left': 'Hervorhebung links',
+    'outset-both': 'Hervorhebung beidseitig',
+    'outset-right': 'Hervorhebung rechts'
+  },
+  wrap: {
+    'wrap-none': 'Kein Einrahmen',
+    'wrap-left': 'Links einrahmen',
+    'wrap-center': 'Zentriert einrahmen',
+    'wrap-right': 'Rechts einrahmen'
+  },
+  blocks: {
+    address: 'Adresse',
+    cell: 'Zelle',
+    column: 'Spalte',
+    dlist: 'Definitionenliste',
+    embed: 'Einbetten',
+    figcaption: 'Beschriftung',
+    heading: 'Überschrift',
+    image: 'Bild',
+    wrapper: 'Umschlag',
+    layout: 'Layout',
+    line: 'Linie',
+    list: 'Liste',
+    listitem: 'Element',
+    noneditable: 'Nicht bearbeitbar',
+    pre: 'Vorformatiert',
+    quote: 'Zitat',
+    row: 'Zeile',
+    table: 'Tabelle',
+    text: 'Text',
+    todo: 'Aufgabe',
+    todoitem: 'Element',
+    mergetag: 'Zusammenführungszeichen'
+  },
+  hotkeys: {
+    'meta-shift-a': 'Text im Block auswählen',
+    'meta-a': 'Alle Blöcke auswählen',
+    'meta-z': 'Rückgängig machen',
+    'meta-shift-z': 'Wiederherstellen',
+    'meta-shift-m': 'Inline-Formatierung entfernen',
+    'meta-b': 'Fett',
+    'meta-i': 'Kursiv',
+    'meta-u': 'Unterstreichen',
+    'meta-h': 'Hochgestellt',
+    'meta-l': 'Tiefgestellt',
+    'meta-k': 'Link',
+    'meta-alt-0': 'Normaler Text',
+    'meta-alt-1': 'Überschrift 1',
+    'meta-alt-2': 'Überschrift 2',
+    'meta-alt-3': 'Überschrift 3',
+    'meta-alt-4': 'Überschrift 4',
+    'meta-alt-5': 'Überschrift 5',
+    'meta-alt-6': 'Überschrift 6',
+    'meta-shift-7': 'Nummerierte Liste',
+    'meta-shift-8': 'Ungeordnete Liste',
+    'meta-indent': 'Einzug',
+    'meta-outdent': 'Ausrückung',
+    'meta-shift-backspace': 'Block löschen',
+    'meta-shift-o': 'Block hinzufügen',
+    'meta-shift-d': 'Block duplizieren',
+    'meta-shift-up': 'Zeile nach oben verschieben',
+    'meta-shift-down': 'Zeile nach unten verschieben'
+  },
+  emoji: {
+    emoji: 'Emoji',
+    favorites: 'Favoriten',
+    smileys: 'Smileys',
+    gestures: 'Gesten',
+    animals: 'Tiere',
+    food: 'Essen',
+    activities: 'Aktivitäten',
+    travel: 'Reisen'
+  },
+  linkstyles: {
+    label: 'Stile',
+    link: 'Link',
+    primary: 'Primärer Button',
+    secondary: 'Sekundärer Button'
+  }
+}

data/app/assets/javascripts/formstrap/vendor/redactor/i18n/en.js

@@ -0,0 +1,214 @@
+/* global Redactor */
+Redactor.lang.en = {
+  accessibility: {
+    'help-label': 'Rich text editor'
+  },
+  placeholders: {
+    figcaption: 'Type caption (optional)'
+  },
+  modal: {
+    link: 'Link',
+    image: 'Image',
+    'add-image': 'Add Image'
+  },
+  embed: {
+    embed: 'Embed',
+    caption: 'Caption',
+    description: 'Paste any embed/html code or enter the url (vimeo or youtube video only)',
+    'responsive-video': 'Responsive video'
+  },
+  image: {
+    or: 'or',
+    'alt-text': 'Alt Text',
+    link: 'Link',
+    width: 'Width',
+    caption: 'Caption',
+    'link-in-new-tab': 'Open link in new tab',
+    'url-placeholder': 'Paste url of image...',
+    'upload-new-placeholder': 'Drag to upload a new image<br>or click to select'
+  },
+  link: {
+    link: 'Linkje',
+    'edit-link': 'Edit Link',
+    unlink: 'Unlink',
+    'link-in-new-tab': 'Open link in new tab',
+    text: 'Text',
+    url: 'URL'
+  },
+  table: {
+    width: 'Width',
+    nowrap: 'Nowrap',
+    'table-cell': 'Table cell',
+    'select-table': 'Select table',
+    'select-cell': 'Select cell',
+    'cell-setting': 'Cell setting',
+    'add-head': 'Add head',
+    'remove-head': 'Remove head',
+    'add-row-below': 'Add row below',
+    'add-row-above': 'Add row above',
+    'remove-row': 'Remove row',
+    'add-column-after': 'Add column after',
+    'add-column-before': 'Add column before',
+    'remove-column': 'Remove column',
+    'delete-table': 'Delete table'
+  },
+  buttons: {
+    add: 'Add',
+    insert: 'Insert',
+    save: 'Save',
+    cancel: 'Cancel',
+    delete: 'Delete',
+    'ai-tools': 'AI Tools',
+    'ai-image': 'AI Image',
+    html: 'HTML',
+    format: 'Format',
+    bold: 'Bold',
+    italic: 'Italic',
+    deleted: 'Deleted',
+    'more-formatting': 'More formatting',
+    link: 'Link',
+    'link-text': 'Link Text',
+    unlink: 'Unlink',
+    image: 'Image',
+    unwrap: 'Unwrap',
+    outset: 'Outset',
+    'wrap-image': 'Wrap image',
+    'move-up': 'Move up',
+    'move-down': 'Move down',
+    list: 'List',
+    'numbered-list': 'Numbered list',
+    'bullet-list': 'Bullet list',
+    indent: 'Indent',
+    outdent: 'Outdent',
+    'definition-list': 'Definition list',
+    hotkeys: 'Hotkeys',
+    undo: 'Undo',
+    redo: 'Redo',
+    toggle: 'Toggle',
+    duplicate: 'Duplicate',
+    table: 'Table',
+    embed: 'Embed',
+    quote: 'Quote',
+    layout: 'Layout',
+    wrapper: 'Wrapper',
+    todo: 'Todo',
+    'code-snippet': 'Code snippet',
+    line: 'Line',
+    parent: 'Parent',
+    code: 'Code',
+    underline: 'Underline',
+    highlight: 'Highlight',
+    superscript: 'Superscript',
+    subscript: 'Subscript',
+    'clear-all-styles': 'Clear all styles',
+    heading: 'Heading',
+    text: 'Text',
+    address: 'Address'
+  },
+  colorpicker: {
+    'remove-color': 'Remove color',
+    'remove-background': 'Remove background color',
+    color: 'Color',
+    background: 'Background',
+    'set-color': 'Set color'
+  },
+  ai: {
+    'placeholder-image': 'Describe the image you want to generate.',
+    'placeholder-text': 'Tell me what you want to write.',
+    send: 'Send',
+    stop: 'Stop',
+    discard: 'Discard',
+    insert: 'Insert',
+    prompt: 'Prompt'
+  },
+  pathbar: {
+    title: 'Body'
+  },
+  layout: {
+    'single-column': 'Single column',
+    'two-columns': 'Two columns',
+    'three-columns': 'Three columns',
+    'four-columns': 'Four columns'
+  },
+  outset: {
+    'outset-none': 'Outset none',
+    'outset-left': 'Outset left',
+    'outset-both': 'Outset both',
+    'outset-right': 'Outset right'
+  },
+  wrap: {
+    'wrap-none': 'Wrap none',
+    'wrap-left': 'Wrap left',
+    'wrap-center': 'Wrap center',
+    'wrap-right': 'Wrap right'
+  },
+  blocks: {
+    address: 'Address',
+    cell: 'Cell',
+    column: 'Column',
+    dlist: 'Definition List',
+    embed: 'Embed',
+    figcaption: 'Figcaption',
+    heading: 'Heading',
+    image: 'Image',
+    wrapper: 'Wrapper',
+    layout: 'Layout',
+    line: 'Line',
+    list: 'List',
+    listitem: 'Item',
+    noneditable: 'Noneditable',
+    pre: 'Pre',
+    quote: 'Quote',
+    row: 'Row',
+    table: 'Table',
+    text: 'Text',
+    todo: 'Todo',
+    todoitem: 'Item',
+    mergetag: 'Mergetag'
+  },
+  hotkeys: {
+    'meta-shift-a': 'Select text in the block',
+    'meta-a': 'Select all blocks',
+    'meta-z': 'Undo',
+    'meta-shift-z': 'Redo',
+    'meta-shift-m': 'Remove inline format',
+    'meta-b': 'Bold',
+    'meta-i': 'Italic',
+    'meta-u': 'Underline',
+    'meta-h': 'Superscript',
+    'meta-l': 'Subscript',
+    'meta-k': 'Link',
+    'meta-alt-0': 'Normal text',
+    'meta-alt-1': 'Heading 1',
+    'meta-alt-2': 'Heading 2',
+    'meta-alt-3': 'Heading 3',
+    'meta-alt-4': 'Heading 4',
+    'meta-alt-5': 'Heading 5',
+    'meta-alt-6': 'Heading 6',
+    'meta-shift-7': 'Ordered List',
+    'meta-shift-8': 'Unordered List',
+    'meta-indent': 'Indent',
+    'meta-outdent': 'Outdent',
+    'meta-shift-backspace': 'Delete block',
+    'meta-shift-o': 'Add block',
+    'meta-shift-d': 'Duplicate block',
+    'meta-shift-up': 'Move line up',
+    'meta-shift-down': 'Move line down'
+  },
+  emoji: {
+    emoji: 'Emoji',
+    favorites: 'Favorites',
+    smileys: 'Smileys',
+    gestures: 'Gestures',
+    animals: 'Animals',
+    food: 'Food',
+    activities: 'Activities',
+    travel: 'Travel'
+  },
+  linkstyles: {
+    label: 'Styles',
+    link: 'Link',
+    primary: 'Primary button',
+    secondary: 'Secondary button'
+  }
+}