Add loop toggle on video field

Hugolify · Feb 1, 2024 · f7e6c5f · f7e6c5f
1 parent ceca69f
commit f7e6c5f
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 11 deletions.
diff --git a/admin/app.css b/admin/app.css
@@ -379,14 +379,21 @@ div[id^='documents-field'] {
 [id^='video-field'] [class*='-ControlContainer']:has(> [for^='controls-field']),
 [id^='video-field']
   [class*='-ControlContainer']:has(> [for^='screenshot-field']),
-[id^='video-field']
-  [class*='-ControlContainer']:has(> [for^='autoplay-field']) {
+[id^='video-field'] [class*='-ControlContainer']:has(> [for^='autoplay-field']),
+[id^='video-field'] [class*='-ControlContainer']:has(> [for^='loop-field']) {
   flex-direction: column;
   width: 33%;
 }
+[id^='video-field']
+  [class*='-ControlContainer']:has(> [for^='controls-field']) {
+  clear: both;
+}
+[id^='video-field'] [class*='-ControlContainer']:has(> [for^='legend-field']),
 [id^='video-field']
   [class*='-ControlContainer']:has(> [for^='transcription-field']) {
-  float: right;
+  clear: both;
+  float: none;
+  width: 100%;
 }
 [id^='video-field'] [class*='ControlContainer'] > div {
   padding-left: 0;

diff --git a/admin/app/fields/loop.js b/admin/app/fields/loop.js
@@ -0,0 +1,10 @@
+import { t } from '../i18n/translater.js';
+
+export const loop = {
+  name: 'loop',
+  label: t.fields.loop,
+  widget: 'boolean',
+  default: false,
+  required: false,
+  i18n: 'duplicate'
+};
diff --git a/admin/app/fields/video-mp4.js b/admin/app/fields/video-mp4.js
@@ -18,6 +18,6 @@ export const mp4 = {
     }
   },
   hint: t.fields.video.mp4.hint,
-  media_folder: '/static/videos',
-  public_folder: '/videos'
+  media_folder: '/static/assets/videos',
+  public_folder: '/assets/videos'
 };
diff --git a/admin/app/fields/video-webm.js b/admin/app/fields/video-webm.js
@@ -18,6 +18,6 @@ export const webm = {
     }
   },
   hint: t.fields.video.webm.hint,
-  media_folder: '/static/videos',
-  public_folder: '/videos'
+  media_folder: '/static/assets/videos',
+  public_folder: '/assets/videos'
 };
diff --git a/admin/app/fields/video.js b/admin/app/fields/video.js
@@ -1,5 +1,6 @@
 import { autoplay } from './autoplay.js';
 import { controls } from './controls.js';
+import { loop } from './loop.js';
 import { legend } from './legend.js';
 import { mp4 } from './video-mp4.js';
 import { screenshot } from './screenshot.js';
@@ -17,10 +18,11 @@ export const video = {
   fields: [
     mp4,
     webm,
-    controls, 
-    autoplay, 
-    screenshot, 
-    legend, 
+    controls,
+    autoplay,
+    loop,
+    screenshot,
+    legend,
     transcription
   ]
 };