scinote-web/app/views/dashboards/_current_tasks.html.erb

<div class="current-tasks-widget basic-widget">
  <div class="widget-header">
    <div class="widget-title"><%= t("dashboard.current_tasks.title") %></div>
    <div class="actions-container">
      <div class="filter-container dropdown">
        <div class="btn btn-light icon-btn filter-button" data-toggle="dropdown"><i class="fas fa-filter"></i></div>
        <div class="dropdown-menu current-tasks-filters" role="menu" data-team-id="<%= current_team.id %>">
          <div class="header">
            <div class="title"><%= t("dashboard.current_tasks.filter.title") %></div>
            <div class="btn btn-light clear-button"><i class="fas fa-times-circle"></i><%= t("dashboard.current_tasks.filter.clear") %></div>
          </div>
          <div class="select-block">
            <label><%= t("dashboard.current_tasks.filter.sort") %></label>
            <select class="sort-filter">
              <option value="start_date" ><%= t("dashboard.current_tasks.filter.start_date") %></option>
              <option value="due_date" selected><%= t("dashboard.current_tasks.filter.due_date") %></option>
              <option value="atoz" ><%= t("dashboard.current_tasks.filter.atoz") %></option>
              <option value="ztoa" ><%= t("dashboard.current_tasks.filter.ztoa") %></option>
            </select>
          </div>
          <div class="select-block">
            <label><%= t("dashboard.current_tasks.filter.display") %></label>
            <select class="view-filter"
                    data-combine-tags="true"
                    data-placeholder="<%= t("dashboard.current_tasks.filter.statuses.placeholder") %>"
                    data-select-multiple-all-selected="<%= t("dashboard.current_tasks.filter.statuses.all_selected") %>"
                    data-select-multiple-name="<%= t("dashboard.current_tasks.filter.statuses.selected") %>"
                    multiple
            >
              <% @my_module_status_flows.each do |status_flow| %>
                <% status_flow.my_module_statuses.each do |status| %>
                  <option value="<%= status.id %>"
                          data-completion-consequence="<%= status.my_module_status_consequences.any? { |c| c.type == 'MyModuleStatusConsequences::Completion'} %>">
                    <%= status.name %>
                  </option>
                <% end %>
              <% end %>
            </select>
          </div>
          <div class="select-block">
            <label><%= t("dashboard.current_tasks.filter.project") %></label>
            <select class="project-filter"
                    data-ajax-url="<%= project_filter_dashboard_current_tasks_path %>"
                    data-placeholder="<%= t("dashboard.current_tasks.filter.select_project") %>"></select>
          </div>
          <div class="select-block">
            <label><%= t("dashboard.current_tasks.filter.experiment") %></label>
            <select class="experiment-filter"
                    data-ajax-url="<%= experiment_filter_dashboard_current_tasks_path %>"
                    data-disable-on-load="true"
                    data-disable-placeholder="<%= t("dashboard.current_tasks.filter.select_experiment") %>"
                    data-placeholder="<%= t("dashboard.current_tasks.filter.select_experiment") %>"></select>
          </div>
          <div class="footer">
            <div class="btn btn-primary apply-filters"><%= t("dashboard.current_tasks.filter.apply") %></div>
          </div>
        </div>
      </div>
      <div class="search-container">
        <div class="sci-input-container left-icon ">
          <input type="text" class="sci-input-field task-search-field" placeholder="<%= t("dashboard.current_tasks.search") %>"></input>
          <i class="fas fa-search"></i>
        </div>
      </div>
    </div>

    <div class="sci-secondary-navbar current-tasks-navbar">
      <span class="navbar-link active" data-mode="assigned"><%= t("dashboard.current_tasks.navbar.assigned") %></span>
      <span class="navbar-link" data-mode="team"><%= t("dashboard.current_tasks.navbar.all") %></span>
    </div>
  </div>

  <div class="widget-body">
    <div class="current-tasks-list-wrapper perfect-scrollbar">
      <div class="current-tasks-list "
           data-tasks-list-url="<%= dashboard_current_tasks_path %>">
      </div>
    </div>
  </div>
</div>

<template id="dashboard-current-task-no-tasks">
  <div class="widget-placeholder">
    <p class="widget-placeholder-title team"><%= I18n.t('dashboard.current_tasks.no_tasks.team_tasks.title') %></p>
    <p class="widget-placeholder-title assigned"><%= I18n.t('dashboard.current_tasks.no_tasks.assigned_tasks.title') %></p>
    <% unless current_user.is_guest_of_team?(current_team) %>
      <p class="widget-placeholder-description"><%= I18n.t('dashboard.current_tasks.no_tasks.assigned_tasks.description') %></p>
      <i class="fas fa-angle-double-down"></i>
    <% end %>
  </div>
</template>

<template id="dashboard-current-task-no-search-results">
  <div class="widget-placeholder">
    <p class="widget-placeholder-title"><%= I18n.t('dashboard.current_tasks.no_tasks.search_result.title') %></p>
  </div>
</template>