1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-05 13:35:21 +02:00
Maybe/app/views/layouts/application.html.erb

84 lines
4.2 KiB
Text
Raw Normal View History

2024-02-02 09:05:04 -06:00
<!DOCTYPE html>
2024-03-11 09:01:50 -05:00
<html class="h-full bg-gray-25">
2024-02-02 09:05:04 -06:00
<head>
<title><%= content_for(:title) || "Maybe" %></title>
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Maybe">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
2024-03-11 09:01:50 -05:00
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
2024-02-02 09:05:04 -06:00
<%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_importmap_tags %>
<%= hotwire_livereload_tags if Rails.env.development? %>
2024-02-02 16:15:44 +00:00
<%= turbo_refreshes_with method: :morph, scroll: :preserve %>
<%= yield :head %>
2024-02-02 09:05:04 -06:00
</head>
<body class="h-full">
2024-03-11 09:01:50 -05:00
<div id="notification-tray" class="fixed z-50 space-y-1 top-6 right-6"></div>
<%= safe_join(flash.map { |type, message| notification(message, type: type) }) %>
2024-02-02 09:05:04 -06:00
<div class="flex">
<div class="flex-col p-5 min-w-80">
<div class="flex items-center justify-between">
<%= link_to root_path do %>
<%= image_tag 'logo.svg', alt: 'Maybe' %>
<% end %>
<div class="relative cursor-pointer" data-controller="dropdown">
2024-02-02 09:05:04 -06:00
<div class="flex" data-action="click->dropdown#toggleMenu">
2024-02-05 10:36:46 +11:00
<div class="mr-1.5 text-white w-8 h-8 bg-gray-400 rounded-full flex items-center justify-center text-lg uppercase"><%= Current.user.email.first %></div>
2024-02-02 09:05:04 -06:00
</div>
<div class="absolute z-10 hidden w-screen px-2 mt-2 -translate-x-1/2 left-1/2 max-w-min" data-dropdown-target="menu">
<div class="w-48 px-3 text-sm font-semibold leading-6 text-gray-900 bg-white shadow-lg shrink rounded-xl ring-1 ring-gray-900/5">
<%= link_to "Settings", edit_settings_path, class: 'block p-2 hover:text-gray-600' %>
2024-02-02 09:05:04 -06:00
<%= button_to "Log Out", session_path, method: :delete, class: 'block p-2 hover:text-gray-600' %>
</div>
</div>
</div>
</div>
<nav>
2024-02-11 12:56:23 -06:00
<ul class="mt-6 space-y-1">
2024-02-02 09:05:04 -06:00
<li>
<%= sidebar_link_to t('.dashboard'), root_path, icon: 'layout-grid' %>
2024-02-02 09:05:04 -06:00
</li>
2024-02-10 19:12:20 -06:00
<li>
<%= sidebar_link_to t('.accounts'), accounts_path, icon: 'layers' %>
2024-02-10 19:12:20 -06:00
</li>
<li>
<%= sidebar_link_to t('.transactions'), transactions_path, icon: 'credit-card' %>
2024-02-10 19:12:20 -06:00
</li>
2024-02-02 09:05:04 -06:00
</ul>
</nav>
2024-02-02 11:45:06 -06:00
<div class="flex flex-col mt-6">
2024-02-02 09:05:04 -06:00
<div class="flex items-center justify-between">
2024-02-12 17:20:50 -05:00
<%= link_to accounts_path, class: 'text-xs uppercase text-gray-500 font-bold tracking-wide' do%>
<%= t('.accounts') %>
<% end %>
<%= link_to new_account_path, class: 'block hover:bg-gray-100 p-2 text-sm font-semibold text-gray-900 flex items-center rounded', title: t('.new_account'), data: { turbo_frame: "modal" } do %>
2024-02-10 19:39:18 -06:00
<%= lucide_icon("plus", class: "w-5 h-5 text-gray-500") %>
2024-02-02 09:05:04 -06:00
<% end %>
</div>
2024-02-12 17:20:50 -05:00
<%= link_to new_account_path, class: "flex items-center gap-4 px-2 py-3 mb-1 text-gray-500 text-sm font-medium rounded-[10px] hover:bg-gray-100", data: { turbo_frame: "modal" } do %>
<%= lucide_icon("plus", class: "w-5 h-5") %>
<p><%= t('.new_account') %></p>
<% end %>
<% account_groups.each do |group| %>
<%= render 'accounts/account_list', group: group %>
<% end %>
2024-02-02 09:05:04 -06:00
</div>
</div>
2024-03-11 09:01:50 -05:00
<main class="flex-grow px-20 py-6">
2024-02-02 09:05:04 -06:00
<%= yield %>
</main>
</div>
<%= turbo_frame_tag "modal" %>
2024-02-02 09:05:04 -06:00
</body>
</html>