(Small) (layout) improvements
This commit is contained in:
parent
a78d15d4da
commit
b88ac28c9b
6 changed files with 41 additions and 32 deletions
|
|
@ -57,4 +57,4 @@
|
|||
|
||||
.navbar-brand {
|
||||
color: $pink;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="col-auto px-0">
|
||||
<div id="sidebar" class="collapse collapse-horizontal show border-0">
|
||||
<div id="sidebar-nav" class="list-group border-0 rounded-0 text-sm-start min-vh-100">
|
||||
<div id="sidebar-nav" class="list-group border-0 rounded-0 text-sm-start" style="min-height: 90vh">
|
||||
<% if @sidebar_items %>
|
||||
<% @sidebar_items.each do |sidebar_item| %>
|
||||
<% if sidebar_item[:method].present? && sidebar_item[:method] != :get %>
|
||||
|
|
|
|||
|
|
@ -11,20 +11,21 @@
|
|||
<%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column min-vh-100">
|
||||
<body class="">
|
||||
<%= render partial: "layouts/navigation" %>
|
||||
<div class="container-fluid">
|
||||
<div class="row flex-nowrap">
|
||||
<div class="row">
|
||||
<%= render partial: "layouts/sidebar" %>
|
||||
<main class="col ps-md-2 pt-2 <%= "border-start" if sidebar? %>">
|
||||
<%= render partial: "layouts/flash" %>
|
||||
<% if false && sidebar? %>
|
||||
<a href="#" data-bs-target="#sidebar" data-bs-toggle="collapse" class="p-1 text-decoration-none"><i class="bi bi-list bi-lg py-2 p-1"></i> Menu</a>
|
||||
<% end %>
|
||||
|
||||
<%= yield %>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="container-fluid mt-auto"><%= Rails.configuration.build_version && "Version: #{Rails.configuration.build_version}" %>
|
||||
<footer class="container-fluid mt-auto border-top"><%= Rails.configuration.build_version && "Version: #{Rails.configuration.build_version}" %>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,32 @@
|
|||
<h1>Passwort ändern</h1>
|
||||
<%= form_with url: rodauth.change_password_path, method: :post, data: { turbo: false } do |form| %>
|
||||
<% if rodauth.change_password_requires_password? %>
|
||||
<div class="form-group mb-3">
|
||||
<%= form.label "password", rodauth.password_label, class: "form-label" %>
|
||||
<%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "form-control #{"is-invalid" if rodauth.field_error(rodauth.password_param)}", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
|
||||
<%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "invalid-feedback", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<%= form_with url: rodauth.change_password_path, method: :post, data: { turbo: false } do |form| %>
|
||||
<% if rodauth.change_password_requires_password? %>
|
||||
<div class="form-group mb-3">
|
||||
<%= form.label "password", rodauth.password_label, class: "form-label" %>
|
||||
<%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "form-control #{"is-invalid" if rodauth.field_error(rodauth.password_param)}", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
|
||||
<%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "invalid-feedback", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<%= form.label "new-password", rodauth.new_password_label, class: "form-label" %>
|
||||
<%= form.password_field rodauth.new_password_param, value: "", id: "new-password", autocomplete: "new-password", required: true, class: "form-control #{"is-invalid" if rodauth.field_error(rodauth.new_password_param)}", aria: ({ invalid: true, describedby: "new-password_error_message" } if rodauth.field_error(rodauth.new_password_param)) %>
|
||||
<%= content_tag(:span, rodauth.field_error(rodauth.new_password_param), class: "invalid-feedback", id: "new-password_error_message") if rodauth.field_error(rodauth.new_password_param) %>
|
||||
<div class="form-group mb-3">
|
||||
<%= form.label "new-password", rodauth.new_password_label, class: "form-label" %>
|
||||
<%= form.password_field rodauth.new_password_param, value: "", id: "new-password", autocomplete: "new-password", required: true, class: "form-control #{"is-invalid" if rodauth.field_error(rodauth.new_password_param)}", aria: ({ invalid: true, describedby: "new-password_error_message" } if rodauth.field_error(rodauth.new_password_param)) %>
|
||||
<%= content_tag(:span, rodauth.field_error(rodauth.new_password_param), class: "invalid-feedback", id: "new-password_error_message") if rodauth.field_error(rodauth.new_password_param) %>
|
||||
</div>
|
||||
|
||||
<% if rodauth.require_password_confirmation? %>
|
||||
<div class="form-group mb-3">
|
||||
<%= form.label "password-confirm", rodauth.password_confirm_label, class: "form-label" %>
|
||||
<%= form.password_field rodauth.password_confirm_param, value: "", id: "password-confirm", autocomplete: "new-password", required: true, class: "form-control #{"is-invalid" if rodauth.field_error(rodauth.password_confirm_param)}", aria: ({ invalid: true, describedby: "password-confirm_error_message" } if rodauth.field_error(rodauth.password_confirm_param)) %>
|
||||
<%= content_tag(:span, rodauth.field_error(rodauth.password_confirm_param), class: "invalid-feedback", id: "password-confirm_error_message") if rodauth.field_error(rodauth.password_confirm_param) %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<%= form.submit rodauth.change_password_button, class: "btn btn-primary" %>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
<% if rodauth.require_password_confirmation? %>
|
||||
<div class="form-group mb-3">
|
||||
<%= form.label "password-confirm", rodauth.password_confirm_label, class: "form-label" %>
|
||||
<%= form.password_field rodauth.password_confirm_param, value: "", id: "password-confirm", autocomplete: "new-password", required: true, class: "form-control #{"is-invalid" if rodauth.field_error(rodauth.password_confirm_param)}", aria: ({ invalid: true, describedby: "password-confirm_error_message" } if rodauth.field_error(rodauth.password_confirm_param)) %>
|
||||
<%= content_tag(:span, rodauth.field_error(rodauth.password_confirm_param), class: "invalid-feedback", id: "password-confirm_error_message") if rodauth.field_error(rodauth.password_confirm_param) %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<%= form.submit rodauth.change_password_button, class: "btn btn-primary" %>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
|
@ -1,3 +1,7 @@
|
|||
<%== rodauth.login_form_header %>
|
||||
<%= render "login_form" %>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<%= render "login_form" %>
|
||||
</div>
|
||||
</div>
|
||||
<%== rodauth.login_form_footer %>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<h1>Adieu</h1>
|
||||
<%= form_with url: rodauth.logout_path, method: :post, data: { turbo: false } do |form| %>
|
||||
<% if rodauth.features.include?(:active_sessions) %>
|
||||
<div class="form-group mb-3">
|
||||
|
|
@ -7,7 +8,6 @@
|
|||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<%= form.submit "Log out", class: "btn btn-warning" %>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue