From db74e26124f5b2bc8f3461873c40ad44c3faad01 Mon Sep 17 00:00:00 2001
From: Gregory Ballantine <gballantine@metaunix.net>
Date: Fri, 3 Mar 2023 15:49:09 -0500
Subject: [PATCH] Updated video view page; added recently updated videos to
 dashboard

---
 assets/styles/drake.scss |  9 ++++++---
 lib/routes/index.rb      |  4 +++-
 views/index.erb          | 21 +++++++++++++++++++++
 views/video/view.erb     | 25 +++++++++++++++----------
 4 files changed, 45 insertions(+), 14 deletions(-)

diff --git a/assets/styles/drake.scss b/assets/styles/drake.scss
index 4e5910e..1a3b4ec 100644
--- a/assets/styles/drake.scss
+++ b/assets/styles/drake.scss
@@ -61,8 +61,10 @@ hr{
   margin-bottom: 10px;
 }
 
-#channel-header{
-  .channel-name{
+#channel-header,
+#video-header{
+  .channel-name,
+  .video-name{
     margin-bottom: 5px;
   }
   .channel-created,
@@ -75,7 +77,8 @@ hr{
     font-style: italic;
   }
 
-  .channel-description{
+  .channel-description,
+  .video-description{
     margin-top: 10px;
     font-size: 1.75rem;
   }
diff --git a/lib/routes/index.rb b/lib/routes/index.rb
index 67869c9..f486dbd 100644
--- a/lib/routes/index.rb
+++ b/lib/routes/index.rb
@@ -2,9 +2,11 @@ namespace '/' do
 
   get '' do
     channels = Channel.reverse(:updated_at).limit(10).all()
+    videos = Video.reverse(:updated_at).limit(10).all()
     erb :index, :locals => {
       :title => 'Dashboard',
-      :channels => channels
+      :channels => channels,
+      :videos => videos
     }
   end
 
diff --git a/views/index.erb b/views/index.erb
index 904a456..75662e2 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -8,6 +8,27 @@
 
 <div class="row">
   <div class="twelve columns">
+    <table class="u-full-width">
+      <thead>
+        <tr>
+          <th>Video name</th>
+          <th>Video serial</th>
+          <th>Video channel</th>
+          <th>Last updated</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% videos.each do |v| %>
+          <tr>
+            <td><a href="/video/<%= v.id %>"><%= v.name %></a></td>
+            <td><%= serialize(v.serial) %></td>
+            <td><%= v.channel.name %></td>
+            <td><%= date_format(v.updated_at) %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+
     <table class="u-full-width">
       <thead>
         <tr>
diff --git a/views/video/view.erb b/views/video/view.erb
index 6f08094..4d59864 100644
--- a/views/video/view.erb
+++ b/views/video/view.erb
@@ -1,19 +1,24 @@
 <div id="video-header" class="row">
-  <div class="twelve columns">
+  <div class="eight columns">
     <h1 class="video-name"><%= video.name %></h1>
-    <h3 class="video-serial"><%= video.channel.name %> - <%= serialize(video.serial) %></h3>
     <h4 class="video-created">Item added at: <%= date_format(video.created_at) %></h4>
     <% if video.updated_at %>
     <h4 class="video-updated">Last updated at: <%= date_format(video.updated_at) %></h4>
     <% end %>
-  </div>  
-</div>
 
-<div class="row">
-  <div class="twelve columns">
-    <p class="inventory-actions">
-      <a href="/video/<%= video.id %>/edit"><i class="fa-solid fa-pen-to-square"></i></a>
-      <a href="/video/<%= video.id %>/delete"><i class="fa-solid fa-trash"></i></a>
-    </p>
+    <p class="video-description"><%= video.description %></p>
+  </div>
+
+  <div id="sidebar" class="four columns">
+    <div class="actions-bar">
+      <span><a href="/video/<%= video.id %>/edit">Edit <i class="fa-solid fa-pen-to-square"></i></a></span><span>
+        <a href="/video/<%= video.id %>/delete">Delete <i class="fa-solid fa-trash"></i></a></span>
+    </div>
+    <div class="video-channel">
+      <p>Channel: <span><%= video.channel.name %></span></p>
+    </div>
+    <div class="video-serial">
+      <p>Serial: <span><%= serialize(video.serial) %></span></p>
+    </div>
   </div>
 </div>