scinote-web/app/views/users/settings/team.html.erb

<% provide(:head_title, t("users.settings.teams.head_title")) %>

<%= render partial: "users/settings/navigation.html.erb" %>
<div class="tab-content">
  <div class="tab-pane tab-pane-settings" role="tabpanel"></div>
  <div class="tab-pane tab-pane-settings active" role="tabpanel">

    <%= render partial: "users/settings/teams/breadcrumbs.html.erb" %>

    <!-- TITLE -->
    <%= link_to team_name_path(@team, format: :json),
                remote: true,
                class: 'name-link name-refresh',
                style: 'color: inherit' do %>
      <h3><%= @team.name %></h3>
    <% end %>
    <br />
    <!-- End of TITLE -->

    <!-- HEADER -->
    <div class="row">
      <div class="col-xs-6 col-sm-3">
        <div class="badge-icon bg-primary">
          <span class="glyphicon glyphicon-calendar"></span>
        </div>
        <div class="well well-sm">
          <span class="hidden-xs hidden-sm"><%= t("users.settings.teams.edit.header_created_at") %></span>
          <strong><%= l(@team.created_at, format: :full) %></strong>
        </div>
      </div>

      <div class="col-xs-6 col-sm-3">
        <div class="badge-icon bg-primary">
          <span class="glyphicon glyphicon-user"></span>
        </div>
        <div class="well well-sm">
          <span class="hidden-xs hidden-sm"><%= t("users.settings.teams.edit.header_joined_on") %></span>
            <strong><%= l(@user_team.created_at, format: :full) %></strong>
        </div>
      </div>

       <div class="col-xs-12 col-sm-6">
        <div class="badge-icon bg-primary">
          <span class="glyphicon glyphicon-hdd"></span>
        </div>
        <div class="well well-sm">
          <span class="hidden-xs hidden-sm"><%= t("users.settings.teams.edit.header_space_taken") %></span>
            <strong><%= "#{number_to_human_size(@team.space_taken)}" %></strong>
        </div>
      </div>
    </div>

    <div>
      <div class="badge-icon bg-primary">
        <%= link_to team_description_path(@team, format: :json),
                    remote: true,
                    class: 'description-link',
                    style: 'color: inherit' do %>
          <span class="glyphicon glyphicon-info-sign"></span>
        <% end %>
      </div>
      <div class="well well-sm">
        <%= link_to team_description_path(@team, format: :json),
                    remote: true,
                    class: 'description-label description-link description-refresh',
                    style: 'color: inherit' do %>
          <%= render partial: "users/settings/teams/description_label.html.erb", locals: { team: @team } %>
        <% end %>
      </div>
    </div>
    <!-- End of HEADER -->

    <!-- USERS TABLE -->
    <div class="panel panel-default panel-team-users">
      <div class="panel-heading">
        <%= t("users.settings.teams.edit.manage_users") %>
      </div>
      <div class="panel-body">
        <a href="#" class="btn btn-primary" data-trigger="invite-users" data-modal-id="team-invite-users-modal">
          <span class="glyphicon glyphicon-plus"></span>
          <%= t("users.settings.teams.edit.add_user") %>
        </a>
        <div class="users-datatable">
          <table id="users-table" class="table" data-source="<%= team_users_datatable_path(@team, format: :json) %>">
            <thead>
              <tr>
                <th id="user-name"><%= t("users.settings.teams.edit.thead_user_name") %></th>
                <th id="email"><%= t("users.settings.teams.edit.thead_email") %></th>
                <th id="joined-on"><%= t("users.settings.teams.edit.thead_joined_on") %></th>
                <th id="status"><%= t("users.settings.teams.edit.thead_status") %></th>
                <th id="user-role"><%= t("users.settings.teams.edit.thead_role") %></th>
                <th id="options"></th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>
        </div>
      </div>
    </div>
    <!-- End of USERS TABLE -->
  </div>
</div>

<%= render partial: 'users/settings/teams/name_modal.html.erb' %>
<%= render partial: 'users/settings/teams/description_modal.html.erb' %>
<%= render(
      partial: 'shared/invite_users_modal.html.erb',
      locals: {
        modal_id: 'team-invite-users-modal',
        type: 'invite_to_team',
        team: @team
      }
    )
%>
<%= render partial: 'users/settings/teams/destroy_modal.html.erb', locals: { team: @team } %>
<%= render partial: 'users/settings/teams/destroy_user_team_modal.html.erb' %>
<%= stylesheet_link_tag 'datatables' %>
<%= javascript_include_tag 'users/settings/team' %>