65 lines
2.1 KiB
Plaintext
65 lines
2.1 KiB
Plaintext
<header class="header header#index">
|
|
<div class="navbar navbar-dark bg-bleu_violet is-fixed-top">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="<%= root_url %>">
|
|
<b>TuxBot</b>
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="tutuxNavbar"
|
|
onclick="$('#tutuxNavbar').toggleClass('is-active')">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="tutuxNavbar" class="navbar-menu">
|
|
<div class="navbar-end">
|
|
<a class="navbar-item">
|
|
<%= form_tag({controller: "users", action: "index"}, method: "get") do %>
|
|
<%= text_field_tag(:key_search, params[:key_search], class: "input", placeholder: t('users.search')) %>
|
|
<% end %>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="content">
|
|
<h1 class="title"><%= raw t('users.all_users') %></h1>
|
|
<h3 class="subtitle" style="color: #969696;">(<%= @users.length %>/<%= @total_users %> <%= t('users.users') %>)</h3>
|
|
<hr>
|
|
<div id="users" class="columns is-multiline">
|
|
<% @users.each do |user| %>
|
|
<div class="column is-3-widescreen is-4-desktop is-6-tablet is-12-mobile">
|
|
<div class="card">
|
|
<div class="header bg-bleu_violet">
|
|
<div class="avatar">
|
|
<img src="<%= user.useravatar %>" alt="user_avatar" onerror="this.onerror=null;this.src='<%= image_url "default.png" %>'">
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="user-info has-text-centered">
|
|
<h3 class="username"><%= user.username %></h3>
|
|
<%= iso2human(user.userbirth) %>
|
|
</div>
|
|
<div class="actions has-text-centered">
|
|
<a href="<%= user_path(id: user.id) %>" class="button bg-bleu_violet is-small"><%= t('action.view') %></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<div class="column is-12">
|
|
<%= paginate @users %>
|
|
</div>
|
|
<% if @users.length == 0 %>
|
|
<div class="column is-full">
|
|
<div class="notification is-danger">
|
|
<%= t('users.nothing') %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<button id="scrollTop"><i class="fas fa-arrow-up"></i></button>
|
|
</div>
|
|
</div> |