pageflow 15.3.0 → 15.4.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of pageflow might be problematic. Click here for more details.

Files changed (87) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +158 -353
  3. data/README.md +2 -3
  4. data/app/assets/javascripts/pageflow/dist/ui.js +99 -32
  5. data/app/assets/javascripts/pageflow/vendor.js +0 -1
  6. data/app/assets/stylesheets/pageflow/editor/base.scss +3 -2
  7. data/app/assets/stylesheets/pageflow/editor/drop_down_button.scss +1 -1
  8. data/app/assets/stylesheets/pageflow/editor/select_button.scss +1 -1
  9. data/app/assets/stylesheets/pageflow/editor/sidebar_footer.scss +1 -1
  10. data/app/assets/stylesheets/pageflow/entries.scss +1 -1
  11. data/app/assets/stylesheets/pageflow/loading_spinner.scss +4 -1
  12. data/app/assets/stylesheets/pageflow/navigation_mobile.scss +4 -4
  13. data/app/assets/stylesheets/pageflow/themes/default/anchors.scss +1 -1
  14. data/app/assets/stylesheets/pageflow/themes/default/logo/variant/watermark.scss +1 -1
  15. data/app/assets/stylesheets/pageflow/themes/default/page/anchors.scss +1 -1
  16. data/app/assets/stylesheets/pageflow/themes/default/player_controls/classic/control_bar.scss +1 -1
  17. data/app/assets/stylesheets/pageflow/themes/default/player_controls/classic/info_box.scss +1 -1
  18. data/app/assets/stylesheets/pageflow/themes/default/player_controls/shared/menu_bar.scss +2 -2
  19. data/app/assets/stylesheets/pageflow/themes/default/player_controls/slim/control_bar.scss +2 -2
  20. data/app/assets/stylesheets/pageflow/themes/default/player_controls/slim/info_box.scss +1 -1
  21. data/app/assets/stylesheets/pageflow/themes/default/player_controls/slim/quality_menu.scss +2 -2
  22. data/app/assets/stylesheets/pageflow/themes/default/player_controls/waveform/wave.scss +1 -1
  23. data/app/assets/stylesheets/pageflow/ui/forms.scss +9 -2
  24. data/app/assets/stylesheets/pageflow/ui/input/extended_select_input.scss +2 -2
  25. data/app/models/pageflow/account_role_query.rb +1 -1
  26. data/app/models/pageflow/managed_user_query.rb +1 -1
  27. data/app/policies/pageflow/folder_policy.rb +2 -2
  28. data/app/policies/pageflow/membership_policy.rb +2 -2
  29. data/app/policies/pageflow/theming_policy.rb +2 -2
  30. data/app/policies/pageflow/user_policy.rb +1 -1
  31. data/app/views/pageflow/video_files/_video_file.json.jbuilder +8 -1
  32. data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/editor.js +103 -36
  33. data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/frontend.js +42 -15
  34. data/entry_types/paged/app/assets/javascripts/pageflow_paged/vendor.js +1 -0
  35. data/entry_types/paged/app/assets/javascripts/pageflow_paged/videojs.js +6 -0
  36. data/entry_types/paged/app/views/layouts/pageflow_paged/_loading_spinner_inline_script.html.erb +1 -0
  37. data/entry_types/paged/app/views/layouts/pageflow_paged/application.html.erb +1 -1
  38. data/entry_types/paged/app/views/pageflow_paged/editor/entries/_head.html.erb +2 -0
  39. data/entry_types/paged/lib/tasks/pageflow_paged_tasks.rake +7 -0
  40. data/{vendor/assets/javascripts → entry_types/paged/vendor/assets/javascripts/pageflow_paged/vendor}/dash.all.min.js +0 -0
  41. data/{vendor/assets/javascripts → entry_types/paged/vendor/assets/javascripts/pageflow_paged/vendor}/videojs-dash.js +0 -0
  42. data/{vendor/assets/javascripts → entry_types/paged/vendor/assets/javascripts/pageflow_paged/vendor}/videojs.js +0 -0
  43. data/entry_types/scrolled/app/controllers/pageflow_scrolled/entries_controller.rb +2 -0
  44. data/entry_types/scrolled/app/helpers/pageflow_scrolled/editor/seed_html_helper.rb +1 -0
  45. data/entry_types/scrolled/app/helpers/pageflow_scrolled/favicon_helper.rb +21 -0
  46. data/entry_types/scrolled/app/helpers/pageflow_scrolled/react_server_side_rendering_helper.rb +12 -5
  47. data/entry_types/scrolled/app/views/pageflow_scrolled/entries/show.html.erb +5 -7
  48. data/entry_types/scrolled/app/views/pageflow_scrolled/entry_json_seed/_theme.json.jbuilder +1 -0
  49. data/entry_types/scrolled/app/views/pageflow_scrolled/favicons/_entry.html.erb +10 -0
  50. data/entry_types/scrolled/config/locales/de.yml +655 -0
  51. data/entry_types/scrolled/config/locales/en.yml +522 -0
  52. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb +5 -0
  53. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/android-chrome-192x192.png +0 -0
  54. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/android-chrome-512x512.png +0 -0
  55. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/apple-touch-icon.png +0 -0
  56. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/browserconfig.xml +9 -0
  57. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/favicon-16x16.png +0 -0
  58. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/favicon-32x32.png +0 -0
  59. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/favicon.ico +0 -0
  60. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/mstile-150x150.png +0 -0
  61. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/safari-pinned-tab.svg +46 -0
  62. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/site.webmanifest +19 -0
  63. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/unmute.mp3 +0 -0
  64. data/entry_types/scrolled/lib/tasks/pageflow_scrolled_tasks.rake +1 -0
  65. data/entry_types/scrolled/package/contentElements-editor.js +14 -1
  66. data/entry_types/scrolled/package/contentElements-frontend.css +1 -1
  67. data/entry_types/scrolled/package/contentElements-frontend.js +338 -104
  68. data/entry_types/scrolled/package/editor.js +594 -242
  69. data/entry_types/scrolled/package/frontend/{EditableText-4264c349.js → EditableText-43c50894.js} +331 -163
  70. data/entry_types/scrolled/package/frontend/{Wavesurfer-c3c45324.js → Wavesurfer-b88b02e0.js} +0 -3
  71. data/entry_types/scrolled/package/frontend/{components-cfe6a479.js → components-3ead1b4a.js} +509 -91
  72. data/entry_types/scrolled/package/frontend/index.css +2 -2
  73. data/entry_types/scrolled/package/frontend/index.js +2107 -1025
  74. data/entry_types/scrolled/package/package.json +15 -3
  75. data/lib/generators/pageflow/initializer/templates/pageflow.rb +2 -1
  76. data/lib/pageflow/engine.rb +0 -1
  77. data/lib/pageflow/themes.rb +4 -0
  78. data/lib/pageflow/version.rb +1 -1
  79. data/package/config/jest/index.js +7 -2
  80. data/package/config/webpack.js +1 -2
  81. data/package/editor.js +4 -4
  82. data/package/frontend.js +30 -13
  83. data/package/ui.js +99 -32
  84. metadata +25 -11
  85. data/app/assets/javascripts/pageflow/videojs.js +0 -6
  86. data/entry_types/scrolled/config/locales/new/de.yml +0 -601
  87. data/entry_types/scrolled/config/locales/new/en.yml +0 -507
@@ -1,507 +0,0 @@
1
- en:
2
- pageflow_scrolled:
3
- help_entries:
4
- overview:
5
- menu_item: Overview
6
- text: |
7
- # Overview
8
-
9
- TODO
10
- meta_data:
11
- menu_item: Title and Options
12
- text: |
13
- # Title and Options
14
-
15
- General settings for the entry. Please select a sub item on the left.
16
- outline:
17
- menu_item: Chapter, Sections, Content Elements
18
- text: |
19
- # Chapter, Sections, Content Elements
20
-
21
- TODO
22
-
23
- sections:
24
- menu_item: Section Options
25
- text: |
26
- # Section Options
27
-
28
- ## Layout
29
-
30
- TODO
31
-
32
- ## Background
33
-
34
- TODO
35
-
36
- ## Atmo Audio
37
-
38
- TODO
39
-
40
- ## Transitions
41
-
42
- TODO
43
- content_elements:
44
- menu_item: Content Elements
45
- text: |
46
- # Content Elements
47
-
48
- TODO
49
- motif_area:
50
- menu_item: Motif areas
51
- text: |
52
- # Motif areas
53
-
54
- By specifying a motif area of an image, you can tell
55
- Pageflow which part of the image is most important. For
56
- example, for a portrait this could be the face of the
57
- depicted person.
58
-
59
- When the image is then used as the background of a section,
60
- Pageflow tries to make sure the reader has an undisturbed view can actually see this
61
- part of the image.
62
-
63
- 1. If the image cannot be displayed uncropped (e.g. because
64
- it has landscape format while the entry is being viewed
65
- on a phone in portrait orientation), the background is
66
- positioned in a way to center the motif area in the
67
- available space.
68
-
69
- 2. If the section contains text or other content elements,
70
- empty space is inserted at the beginning of the section
71
- to make sure the motif area is not covered by other
72
- content when first reaching the section. The content
73
- starts intersecting with the motif area only when the
74
- reader continues scrolling.
75
-
76
- Layout responds intelligently in such cases: If, for
77
- example, the text of the section is positioned on the
78
- left such that the motif area of the image can be
79
- displayed completely on the right, no additional space
80
- will be inserted at the beginning of the section.
81
-
82
- You can edit the motif area of a background image via the
83
- "Select motif area" menu item of the "Background image"
84
- field in the section settings.
85
-
86
- public:
87
- navigation:
88
- chapter: Chapter
89
- sound_disclaimer:
90
- help_text: >
91
- This article works best with the sound turned on. <br/>
92
- Click once in this field to activate the sound for the entire story.
93
- player_controls:
94
- play: Play
95
- pause: Pause
96
- progress: "Timeline. Current time: %{currentTime}. Duration: %{duration}"
97
- quality: Quality
98
- text_tracks: Subtitles
99
- video_qualities:
100
- annotations:
101
- 4k: 4K
102
- fullhd: HD
103
- medium: HD
104
- labels:
105
- 4k: 2160p
106
- auto: Auto
107
- fullhd: 1080p
108
- medium: 720p
109
- text_track_modes:
110
- auto: Auto (%{label})
111
- auto_off: Auto (Off)
112
- none: Off
113
- languages:
114
- ar: Arabic
115
- cs: Czech
116
- de: German
117
- dk: Danish
118
- el: Greek
119
- en: English
120
- es: Spanish
121
- fi: Finnish
122
- fr: French
123
- fy: Frisian
124
- hi: Hindi
125
- it: Italian
126
- ja: Japanese
127
- lb: Letzeburgesch
128
- nb: Norsk Bokmål
129
- nl: Dutch
130
- nn: Norsk Nynorsk
131
- 'no': Norsk
132
- pl: Polish
133
- pt: Portuguese
134
- rm: Romansh
135
- ru: Russian
136
- se: Northern Sami
137
- sr: Serbian
138
- sv: Swedish
139
- tr: Turkish
140
- unknown: "(Unknown)"
141
- zh: Chinese
142
- inline_editing:
143
- cancel: Cancel
144
- url_placeholder: Type or paste URL
145
- formats:
146
- paragraph: Paragraph
147
- heading: Heading
148
- ordered_list: Ordered list
149
- bullete: Bulleted list
150
- block_quote: Block quote
151
- bold: Bold
152
- italic: Italic
153
- underline: Underline
154
- strikethrough: Strikethrough
155
- type_text: Type some text
156
- type_heading: Heading
157
- insert_link: Insert link
158
- remove_link: Remove link
159
- select_section: Select section
160
- select_content_element: Select element
161
- add_content_element: Add new element
162
- insert_content_element:
163
- before: Insert new element above
164
- after: Insert new element below
165
- edit_section_settings: Edit section settings
166
- edit_section_transition_before: Edit section transition
167
- edit_section_transition_after: Edit section transition
168
- external_link:
169
- open_in_new_tab: Open in new tab
170
- open_in_new_tab_message: Opening in same tab is disabled inside the editor
171
- editor:
172
- content_elements:
173
- externalLinkList:
174
- name: External links
175
- outline: Outline
176
- destroy: Delete
177
- add: Add
178
- back: Back
179
- confirm_delete: Are you sure you want to delete this element?
180
- confirm_delete_link: Are you sure you want to delete this link?
181
- attributes:
182
- url:
183
- label: URL
184
- inline_help: Absolute URL (inkluding http:// oder https://) of Link.
185
- open_in_new_tab:
186
- label: Open in new tab
187
- title:
188
- label: Title
189
- inline_help: Link-title for display in entry.
190
- description:
191
- label: Description
192
- inline_help: Link-description for display in entry.
193
- thumbnail:
194
- label: Thumbnail
195
- inline_help: Link thumbnail image for display in entry.
196
- tabs:
197
- general: External Links
198
- edit_link: Edit Link
199
- dataWrapperChart:
200
- name: DataWrapper Chart
201
- tabs:
202
- general: Chart
203
- attributes:
204
- create_chart:
205
- label: Create new Datawrapper chart
206
- url:
207
- label: Chart URL
208
- inline_help: >
209
- URL of a chart published via Datawrapper. Datawrapper offers a special 'Pageflow'
210
- layout selectable on the 'Design' tab for optimal display inside Pageflow.
211
- heading:
212
- name: Heading
213
- tabs:
214
- general: Heading
215
- attributes:
216
- children:
217
- label: Text
218
- textBlock:
219
- name: Text Block
220
- tabs:
221
- general: Text Block
222
- attributes:
223
- children:
224
- label: Text
225
- inline_help: >
226
- Continuous block of text for the section. Enrich text with media by inserting
227
- media elements between two text blocks within a section. Positioning and appearance
228
- of the scrolling foreground layer of the section can be configured in the section
229
- settings.
230
- inlineImage:
231
- name: Inline Image
232
- tabs:
233
- general: Inline Image
234
- attributes:
235
- id:
236
- label: Image
237
- soundDisclaimer:
238
- name: Audio Notice
239
- tabs:
240
- general: Audio Notice
241
- inlineVideo:
242
- name: Inline Video
243
- tabs:
244
- general: Inline Video
245
- attributes:
246
- id:
247
- label: "Video"
248
- posterId:
249
- label: "Poster"
250
- atmoDuringPlayback:
251
- label: Atmo During Playback
252
- inline_help: >
253
- Choose which way the atmo shall behave during playback of this video element.
254
- values:
255
- mute: Mute
256
- play: Keep playing
257
- turnDown: Keep playing at lower volume
258
- inlineAudio:
259
- name: Inline Audio
260
- tabs:
261
- general: Inline Audio
262
- attributes:
263
- id:
264
- label: "Audio"
265
- posterId:
266
- label: "Poster"
267
- playerControlVariant:
268
- label: Player Controls
269
- inline_help: >
270
- Choose the style of player controls.
271
- values:
272
- classic: Classic
273
- waveform: Waveform
274
- waveformColor:
275
- inline_help: Color of the waveform's parts that represents the already played part of the audio.
276
- label: Waveform Color
277
- atmoDuringPlayback:
278
- label: Atmo During Playback
279
- inline_help: >
280
- Choose which way the atmo shall behave during playback of this audio element.
281
- values:
282
- mute: Mute
283
- play: Keep playing
284
- turnDown: Keep playing at lower volume
285
- inlineBeforeAfter:
286
- name: Before/After
287
- tabs:
288
- general: "Before/After"
289
- attributes:
290
- before_id:
291
- label: Before Image
292
- inline_help: >
293
- Shown to the left of divider.
294
- before_label:
295
- label: Before Label
296
- inline_help: >
297
- Set the text of a short label for the Before
298
- image. Examples: 'Before', 'January 2000'
299
- after_id:
300
- label: After Image
301
- inline_help: >
302
- Shown to the right of divider.
303
- after_label:
304
- label: After Label
305
- inline_help: >
306
- Set the text of a short label for the After
307
- image. Examples: 'After', 'January 2040'
308
- initial_slider_position:
309
- label: Divider start position
310
- inline_help: >
311
- In case the divider shouldn't be in the middle at the
312
- start, its start position can be set here.
313
- slider:
314
- label: Show Slider
315
- inline_help: >
316
- Shows/hides visible slider at divider line.
317
- slider_handle:
318
- label: Show Slider Handle
319
- inline_help: >
320
- Activates/deactivates slider handle.
321
- slider_color:
322
- label: Slider Color
323
- inline_help: >
324
- You can configure slider color (incl. slider handle)
325
- freely. Make sure that the slider can be seen clearly
326
- on every position over the entire Before/After area.
327
- videoEmbed:
328
- name: Video Embed
329
- tabs:
330
- general: Video-Embed
331
- attributes:
332
- videoSource:
333
- label: Video-URL
334
- hideControls:
335
- label: Hide controls
336
- inline_help: >
337
- Hides the player controls if possible (depends on the videos provider and
338
- configuration). The video can be played and paused via click.
339
- hideInfo:
340
- label: Hide title in embed
341
- inline_help: >
342
- Hides the video title and author info inside the embed if possible (depends on the
343
- videos provider and configuration).
344
- aspectRatio:
345
- label: Aspect ratio of video
346
- values:
347
- wide: "Landscape 16:9"
348
- narrow: "Landscape 4:3"
349
- square: "Square"
350
- portrait: "Portrait (9:16)"
351
- common_content_element_attributes:
352
- caption:
353
- label: Caption
354
- inline_help: The caption of the element will be displayed directly underneath the element.
355
- position:
356
- label: Position
357
- inline_help: >
358
- This setting allows you to control the position of the element in relation to
359
- surrounding text blocks: the element can prominently stand alone ("Full Width"), it can
360
- be anchored within the text ("Inline") or it can be positioned adjacent to the text
361
- ("Sticky"). Sticky elements remain static in the middle of the viewport alongside the
362
- text until either the section is scrolled out of the viewport or until they get pushed
363
- upwards by the next sticky element of the section. On mobile devices sticky elements
364
- automatically get positioned inline. Sticky elements work particularly well on desktop
365
- devices in combination with long texts.
366
- values:
367
- inline: Inline
368
- full: Full Width
369
- left: Floated left
370
- right: Floated right
371
- sticky: Sticky
372
- entry_outline:
373
- header: Outline
374
- add_chapter: New chapter
375
- chapter_item:
376
- drag_hint: Drag to move chapter
377
- add_section: New section
378
- save_error: There was an error while saving this chapter.
379
- section_item:
380
- drag_hint: Drag to move section
381
- save_error: There was an error while saving this section.
382
- edit_chapter:
383
- tabs:
384
- chapter: Chapter
385
- attributes:
386
- title:
387
- label: Title
388
- inline_help: >
389
- The chapter title will be displayed in the editor overview and the navigation bar of
390
- the entry. Only chapters with both title and summary set will get added as menu items
391
- to the navigation.
392
- summary:
393
- label: Summary
394
- inline_help: >
395
- Summary of the chapter for display in the navigation bar. Only chapters with both
396
- title and summary set will get added as menu items to the navigation.
397
- confirm_destroy: |-
398
- Really delete this chapter including ALL its sections?
399
-
400
- This operation cannot be undone.
401
- save_error: There was an error while saving this chapter.
402
- edit_section:
403
- edit_motif_area: Select motif area...
404
- tabs:
405
- section: Section
406
- attributes:
407
- appearance:
408
- label: Text-Background
409
- inline_help: >
410
- This setting controls how the scrolling foreground should get dimmed to
411
- increase contrast from the background. The option "Cards" adds a box with rounded
412
- corners to the foreground, with "Shadow" you can add a light or dark shadow to
413
- increase readability and "Block" adds an opaque area.
414
- values:
415
- shadow: Shadow
416
- cards: Card
417
- solid: Block
418
- transparent: Transparent
419
- backdropImage:
420
- label: Background-Image
421
- backdropImageMobile:
422
- label: Background-Image (Portrait)
423
- inline_help: >
424
- Displayed when the browser viewport is taller than wide, for example
425
- on phones or tablets in portrait orientation. Can be used to supply an
426
- alternative to a landscape background image that would otherwise have
427
- important parts cropped off.
428
- backdropVideo:
429
- label: Background-Video
430
- backdropType:
431
- label: Background-Type
432
- inline_help: >
433
- The section background can either display an image, a color or a video loop.
434
- In case of background images you can specify the main image motif area. This area will
435
- then initially be left uncovered by foreground content on mobile as well as desktop
436
- devices.
437
- fullHeight:
438
- label: Use Full Viewport-Height
439
- inline_help: >
440
- Activate this option if the background of this section (e.g. image, color or video) is supposed
441
- to be enlarged such that the whole browser window (the so called viewport) is covered.
442
- Deactivate this option to create a short section. The height of the section and its background
443
- is then determined only by the content of the section. Multiple sections with different
444
- backgrounds can then be visible at once on the user's screen. This option needs to be activated
445
- for two adjacent sections to be able to use a fade transition between them.
446
- atmoAudioFileId:
447
- label: Atmo Audio
448
- inline_help: >
449
- Choose an audio file, that shall be played in the background. If you want this audio to continue playing on following sections, just choose the same file again there.
450
- invert:
451
- label: Invert Text Colors
452
- layout:
453
- label: Content alignment
454
- inline_help: >
455
- This setting controls the position of the scrolling foreground layer of the section on
456
- desktop devices. On mobile devices the foreground layer will automatically become
457
- centered.
458
- values:
459
- left: Left
460
- right: Right
461
- center: Center
462
- edit_section_transition:
463
- tabs:
464
- transition: Transition
465
- attributes:
466
- transition:
467
- label: Effect
468
- inline_help: >
469
- This setting defines the transition when scrolling from the previous
470
- section to the current. The different settings have specific effects concerning the
471
- behaviors of background and foreground. The effects "Cross-Fade All" and
472
- "Cross-Fade Backgrounds" are only available if the "Use Full Viewport-Height" option
473
- has been enabled in the settings of both adjacent sections.
474
- values:
475
- beforeAfter: Scrolling with static Backgrounds
476
- fade: Also fade section content
477
- fadeBg: Cross Fade
478
- reveal: Reveal
479
- scroll: Scroll
480
- scrollOver: Scroll Over
481
- confirm_destroy: |-
482
- Really delete this section including ALL its elements?
483
-
484
- This operation cannot be undone.
485
- save_error: There was an error while saving this section.
486
- insert_content_element:
487
- header: Insert element
488
- cancel: Cancel
489
- edit_motif_area:
490
- header: Image Motif
491
- hint: Drag to select the most important part of the image.
492
- help_link: What is this used for?
493
- save: Save
494
- cancel: Cancel
495
- blank_slate: No area selected.
496
- reset: Reset
497
- browser_not_supported:
498
- heading: The browser or device you are using is not supported
499
- text: While Pageflow stories work on all modern browsers and devices, the Pageflow editor requires a desktop computer running a recent version of Chrome, Firefox, Safari or Edge.
500
- no_options: No options available
501
- blank_entry:
502
- create_chapter: Click <em>New chapter</em> to create your first chapter.
503
- create_section: Click <em>New section</em> within the chapter to add a section.
504
- create_content_element: Use the <em>Plus buttons</em> inside the preview to add text blocks and other elements.
505
- header: This is an empty Pageflow.
506
- intro: Pageflows consist of chapters and sections. The sidebar on the right shows the outline of your story.
507
- outro: In this area, a live preview will be shown.