adjust navbar

2023-05-29 23:26:17 +03:00
parent 81f376cf50
commit 1435d55727
5 changed files with 24 additions and 11 deletions
@@ -31,7 +31,6 @@ export default actionable(targetable(class extends HTMLElement {
  }

  async uploadFiles (files) {
-    console.log( files )
    const blobs = await Promise.all(
      Array.from(files).map(async (file) => {
        const upload = new DirectUpload(
@@ -56,6 +56,10 @@ class User < ApplicationRecord
    !deleted_at?
  end

+  def initials
+    [first_name.first, last_name.first].join.upcase
+  end
+
  def full_name
    [first_name, last_name].join(' ')
  end
@@ -1,8 +1,7 @@
 <%= render 'shared/turbo_modal', title: 'New Flow' do %>
  <%= form_for @flow, data: { turbo_frame: :_top } do |f| %>
-    <div class="form-control">
-      <%= f.label :name, 'Flow name', class: 'label' %>
-      <%= f.text_field :name, required: true, class: 'base-input' %>
+    <div class="form-control my-6">
+      <%= f.text_field :name, required: true, placeholder: 'Flow Name', class: 'base-input' %>
    </div>
    <div class="form-control mt-4">
      <%= f.button button_title('Create'), class: 'base-button' %>
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html data-theme="cupcake">
+<html data-theme="cupcake" class="h-full">
  <head>
    <title>
      Docuseal
@@ -11,7 +11,7 @@
    <%= stylesheet_pack_tag 'application', media: 'all' %>
    <%= yield :head %>
  </head>
-  <body>
+  <body class="h-full">
    <turbo-frame id="modal"></turbo-frame>
    <%= render 'shared/navbar' %>
    <% if flash.present? %>
@@ -1,12 +1,23 @@
-<div class="max-w-6xl mx-auto px-2 py-2">
+<div class="max-w-6xl mx-auto px-2 py-2 flex items-center justify-between">
  <a href="<%= root_path %>" class="text-2xl font-bold">
    <span>DocuSeal</span>
  </a>
  <% if signed_in? %>
-    <div>
-      <%= link_to 'Home', root_path, class: 'bg-red-500' %>
-      <%= link_to 'Sign out', destroy_user_session_path, data: { turbo_method: :delete } %>
-      <%= current_user.email %>
+    <div class="space-x-6">
+      <%= link_to 'Settings', settings_storage_index_path, class: 'font-medium text-lg' %>
+      <div class="dropdown dropdown-end">
+        <label tabindex="0" class="cursor-pointer bg-neutral-focus text-neutral-content rounded-full w-8 p-2">
+          <span class="text-sm"><%= current_user.initials %></span>
+        </label>
+        <ul tabindex="0" class="dropdown-content p-2 mt-2 shadow-2xl menu bg-white rounded-box whitespace-nowrap">
+          <li class>
+            <%= link_to 'Profile', '', class: 'text-right' %>
+          </li>
+          <li class>
+            <%= link_to 'Sign out', destroy_user_session_path, data: { turbo_method: :delete } %>
+          </li>
+        </ul>
+      </div>
    </div>
  <% end %>
 </div>