stage-manager/views/video/view.erb

<div id="video-header" class="row">
  <div class="eight columns">
    <h1 class="video-name"><%= video.name %></h1><%= '<h4>(archived)</h4>' if video.archived %>
    <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 %>
    <h4 class="video-path"><%= video.directory_path %></h4>

    <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><% unless video.archived %><span><a href="/video/<%= video.id %>/archive">Archive <i class="fa-solid fa-box-archive"></i></a></span><% else %><span><a href="/video/<%= video.id %>/unarchive">Unarchive <i class="fa-solid fa-box-archive"></i></a></span>
      <% end %>
    </div>
    <div class="video-active clickable-attr" data-attribute="starred" data-type="video">
      <p>Active: <span><%= video.starred ? 'True' : 'False' %></span></p>
    </div>
    <div class="video-channel">
      <p>Channel: <a href="/channel/<%= video.channel.id %>"><span><%= video.channel.name %></span></a></p>
    </div>
    <div class="video-serial clickable-attr" data-attribute="serial" data-type="video">
      <p>Serial: <span><%= serialize(video.serial) %></span></p>
    </div>
    <div class="video-status clickable-attr" data-attribute="status" data-type="video">
      <p>Status: <span><%= video.status.capitalize() %></span></p>
    </div>
    <div class="script-controls">
      <span><a href="/video/<%= video.id %>/script">View script <i class="fa-solid fa-scroll"></i></a></span><span>
        <a href="/video/<%= video.id %>/edit/script">Edit script <i class="fa-solid fa-pen-to-square"></i></a></span>
    </div>
  </div>
</div>

<div id="video-script" class="row">
  <div class="twelve columns">
    <h2>Video script</h2>

    <hr>

    <div class="script">
      <%= video.parse_script() %>
    </div>
  </div>
</div>

<input type="hidden" id="video-id" value="<%= video.id %>">