From 7609bb60330539aa91bfdafbb35c2d585624218a Mon Sep 17 00:00:00 2001
From: Yassine Doghri <yassine@doghri.fr>
Date: Mon, 27 Dec 2021 11:22:39 +0000
Subject: [PATCH] feat: add Noto Sans Mono font to use for durations + button
 to access new video clip form in list

---
 app/Resources/fonts/noto-sans-mono-regular.woff2 | Bin 0 -> 9256 bytes
 app/Resources/styles/fonts.css                   |   9 +++++++++
 modules/Admin/Language/en/VideoClip.php          |   1 +
 modules/Admin/Language/fr/VideoClip.php          |   1 +
 tailwind.config.js                               |   1 +
 themes/cp_admin/episode/video_clips_list.php     |   8 ++++++--
 6 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 app/Resources/fonts/noto-sans-mono-regular.woff2

diff --git a/app/Resources/fonts/noto-sans-mono-regular.woff2 b/app/Resources/fonts/noto-sans-mono-regular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..9c1e09db87a01fe674c9b1595f5ef63bcfe8a701
GIT binary patch
literal 9256
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
Kv5E630R#Z?80(e*

literal 0
HcmV?d00001

diff --git a/app/Resources/styles/fonts.css b/app/Resources/styles/fonts.css
index ac7c9896..cee3974e 100644
--- a/app/Resources/styles/fonts.css
+++ b/app/Resources/styles/fonts.css
@@ -34,4 +34,13 @@
     font-display: swap;
     src: url("/fonts/inter-600.woff2") format("woff2");
   }
+
+  /* noto-sans-mono-regular */
+  @font-face {
+    font-family: "Noto Sans Mono";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url("/fonts/noto-sans-mono-regular.woff2") format("woff2");
+  }
 }
diff --git a/modules/Admin/Language/en/VideoClip.php b/modules/Admin/Language/en/VideoClip.php
index fd13c061..49689c67 100644
--- a/modules/Admin/Language/en/VideoClip.php
+++ b/modules/Admin/Language/en/VideoClip.php
@@ -29,6 +29,7 @@ return [
     ],
     'title' => 'Video clip: {videoClipLabel}',
     'download_clip' => 'Download clip',
+    'create' => 'New video clip',
     'go_to_page' => 'Go to clip page',
     'delete' => 'Delete clip',
     'logs' => 'Job logs',
diff --git a/modules/Admin/Language/fr/VideoClip.php b/modules/Admin/Language/fr/VideoClip.php
index bf686ed3..6f4bc60e 100644
--- a/modules/Admin/Language/fr/VideoClip.php
+++ b/modules/Admin/Language/fr/VideoClip.php
@@ -29,6 +29,7 @@ return [
     ],
     'title' => 'Extrait vidéo : {videoClipLabel}',
     'download_clip' => 'Télécharger l’extrait',
+    'create' => 'Nouvel extrait vidéo',
     'go_to_page' => 'Aller à la page de l’extrait',
     'delete' => 'Supprimer l’extrait',
     'logs' => 'Historique d’exécution',
diff --git a/tailwind.config.js b/tailwind.config.js
index 07a662ca..4cc6919c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -23,6 +23,7 @@ module.exports = {
       fontFamily: {
         sans: ["Inter", ...defaultTheme.fontFamily.sans],
         display: ["Kumbh Sans", ...defaultTheme.fontFamily.sans],
+        mono: ["Noto Sans Mono", ...defaultTheme.fontFamily.mono],
       },
       textColor: {
         skin: {
diff --git a/themes/cp_admin/episode/video_clips_list.php b/themes/cp_admin/episode/video_clips_list.php
index c718c393..3a0b065e 100644
--- a/themes/cp_admin/episode/video_clips_list.php
+++ b/themes/cp_admin/episode/video_clips_list.php
@@ -14,6 +14,10 @@ use CodeIgniter\I18n\Time;
 <?= lang('VideoClip.list.title') ?>
 <?= $this->endSection() ?>
 
+<?= $this->section('headerRight') ?>
+<Button uri="<?= route_to('video-clips-create', $podcast->id, $episode->id) ?>" variant="primary" iconLeft="add"><?= lang('VideoClip.create') ?></Button>
+<?= $this->endSection() ?>
+
 <?= $this->section('content') ?>
 <?= data_table(
     [
@@ -68,11 +72,11 @@ use CodeIgniter\I18n\Time;
                 if ($videoClip->job_started_at !== null) {
                     if ($videoClip->job_ended_at !== null) {
                         $duration = '<div class="flex flex-col text-xs gap-y-1">' .
-                        '<div class="inline-flex items-center gap-x-1"><Icon glyph="timer" class="text-sm text-gray-400" />' . format_duration($videoClip->job_duration, true) . '</div>' .
+                        '<div class="inline-flex items-center font-mono gap-x-1"><Icon glyph="timer" class="text-sm text-gray-400" />' . format_duration($videoClip->job_duration, true) . '</div>' .
                         '<div class="inline-flex items-center gap-x-1"><Icon glyph="calendar" class="text-sm text-gray-400" />' . relative_time($videoClip->job_ended_at) . '</div>' .
                         '</div>';
                     } else {
-                        $duration = '<div class="inline-flex items-center text-xs gap-x-1"><Icon glyph="timer" class="text-sm text-gray-400" />' . format_duration(($videoClip->job_started_at->difference(Time::now()))->getSeconds(), true) . '</div>';
+                        $duration = '<div class="inline-flex items-center font-mono text-xs gap-x-1"><Icon glyph="timer" class="text-sm text-gray-400" />' . format_duration(($videoClip->job_started_at->difference(Time::now()))->getSeconds(), true) . '</div>';
                     }
                 }