scinote-web/app/views/my_modules/_module_header.html.erb

<div class="row first-row">
  <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 date-block">
    <div class="badge-icon">
      <span class="fas fa-calendar-alt"></span>
    </div>
    <div class="well well-sm">
      <span class="hidden-xs hidden-sm hidden-md"><%=t "my_modules.module_header.start_date" %></span>
      <strong><%= l(@my_module.created_at, format: :full) %></strong>
    </div>
  </div>

  <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 help_tooltips date-block"
       data-tooltiplink="<%= I18n.t('tooltips.link.task.due_date_specific') %>"
       data-tooltipcontent="<%= I18n.t('tooltips.text.task.due_date_specific') %>">
    <div class="badge-icon">
      <% if can_manage_module?(@my_module) %>
        <%= link_to due_date_my_module_path(@my_module, format: :json), remote: true, class: "due-date-link", style: "color: inherit" do %>
          <span class="fas fa-calendar-alt"></span>
        <% end %>
      <% else %>
        <span class="fas fa-calendar-alt"></span>
      <% end %>
    </div>
    <div class="well well-sm">
      <span class="hidden-xs hidden-sm  hidden-md"><%=t "my_modules.module_header.due_date" %></span>
      <% if can_manage_module?(@my_module) %>
        <%= link_to due_date_my_module_path(@my_module, format: :json), remote: true, class: "due-date-link", style: "color: inherit" do %>
          <span class="task-due-date">
            <%= render partial: "module_header_due_date_label.html.erb",
              locals: { my_module: @my_module } %>
          </span>
        <% end %>
      <% else %>
        <span class="task-due-date">
          <%= render partial: "module_header_due_date_label.html.erb",
            locals: { my_module: @my_module } %>
        </span>
      <% end %>
    </div>
  </div>

  <div class="col-xs-6 col-sm-6 col-md-3  complete-button-container">
    <%= render partial: "my_modules/state_buttons.html.erb" %>
  </div>

  <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
    <div class="badge-icon">
      <span class="fas fa-tachometer-alt"></span>
    </div>
    <div class="well well-sm">
      <span class="task-state-label">
      <%= render partial: "module_state_label.html.erb",
        locals: { my_module: @my_module } %>
      </span>
    </div>
  </div>

</div>
<div class="row module-tags">
  <div class="col-xs-12 col-sm-12 col-md-12" id="module-tags" data-module-tags-url="<%= my_module_my_module_tags_url(@my_module, format: :json) %>">
    <div class="badge-icon">
      <span class="fas fa-tags"></span>
    </div>
    <div class="well well-sm">
      <span class="hidden-xs hidden-sm tags-title"><%=t "my_modules.module_header.tags" %></span>
      <%= render partial: "my_modules/tags", locals: { my_module: @my_module, editable: can_manage_module?(@my_module) } %>    
    </div>
  </div>
</div>

<div>
  <div class="badge-icon">
     <% if can_manage_module?(@my_module) %>
      <%= link_to description_my_module_path(@my_module, format: :json), remote: true, class: "description-link", style: "color: inherit" do %>
        <span class="fas fa-info-circle"></span>
      <% end %>
    <% else %>
      <span class="fas fa-info-circle"></span>
    <% end %>
  </div>
  <div class="well well-sm">
    <% if can_manage_module?(@my_module) %>
      <%= link_to description_my_module_path(@my_module, format: :json), remote: true, class: "description-label description-link description-refresh", style: "color: inherit" do %>
        <% if @my_module.description.present? and not @my_module.description.empty? %>
          <%= @my_module.description %>
        <% else %>
          <em><%=t "my_modules.module_header.no_description" %></em>
        <% end %>
      <% end %>
    <% else %>
      <% if @my_module.description.present? and not @my_module.description.empty? %>
          <%= @my_module.description %>
        <% else %>
          <em><%=t "my_modules.module_header.no_description" %></em>
        <% end %>
      <% end %>
  </div>
</div>

<!-- Edit description modal -->
<%= render partial: "my_modules/modals/manage_description_modal" %>

<!-- Edit due date modal -->
<%= render partial: "my_modules/modals/manage_due_date_modal" %>


<!-- Manage tags modal -->
<%= render partial: "my_modules/modals/manage_module_tags_modal", locals: { my_module: @my_module } %>