LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: Super admin design improvements (#8517)

Browse Source 
- Revamp the super admin design
- Introduce a new settings page for support and billing settings
- Move the access tokens into users, agent bots and platform app show pages


Co-authored-by: Sojan <sojan@pepalo.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Nithin David Thomas
2023-12-08 19:40:35 -08:00
committed by GitHub
parent b1a68759cf
commit f002870c6a
39 changed files with 577 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
app/views/super_admin/devise/sessions/new.html.erb
View File

@@ -5,42 +5,45 @@
<%= javascript_pack_tag 'superadmin' %>
<%= stylesheet_pack_tag 'superadmin' %>
</head>
<body data-gr-c-s-loaded="true">
<div id="app" class="superadmin-body app-wrapper app-root">
<div class="medium column login">
<div class="text-center medium-12 login__hero align-self-top">
<h2 class="hero__title">
<body>
<div class="h-full w-full antialiased">
<main class="flex flex-col bg-woot-25 min-h-screen w-full py-20 sm:px-6 lg:px-8 dark:bg-slate-900">
<section class="max-w-5xl mx-auto">
<img src="/brand-assets/logo.svg" alt="Chatwoot" class="mx-auto h-8 w-auto block dark:hidden">
<img src="/brand-assets/logo_dark.svg" alt="Chatwoot" class="mx-auto h-8 w-auto hidden dark:block">
<h2 class="mt-6 text-center text-3xl font-medium text-slate-900 dark:text-woot-50">
Howdy, admin 👋
</h2>
</div>
<div class="row align-center">
<div class="small-12 medium-4 column">
<%= form_for(resource, as: resource_name, url: '/super_admin/sign_in', html: { class: 'login-box column align-self-top'}) do |f| %>
<div class="column log-in-form">
<% if flash[:error].present? %>
<div data-alert class="alert-box warning"><%= flash[:error] %></div>
<% end %>
<label>
Email
<%= f.email_field :email, autofocus: true, autocomplete: "email", placeholder: "Email eg: someone@example.com" %>
</section>
<section class="bg-white shadow sm:mx-auto mt-11 sm:w-full sm:max-w-lg dark:bg-slate-800 p-11 sm:shadow-lg sm:rounded-lg mb-8 mt-15">
<div>
<%= form_for(resource, as: resource_name, url: '/super_admin/sign_in') do |f| %>
<% if flash[:error].present? %>
<div data-alert class="rounded-md bg-red-500 p-4 text-white text-sm mb-5"><%= flash[:error] %></div>
<% end %>
<div class="mb-5">
<label for="email_address" class="flex justify-between text-sm font-medium leading-6 text-slate-900 dark:text-white">
Email Address
</label>
<label>
Password
<%= f.password_field :password, autocomplete: "current-password", placeholder: "Password" %>
</label>
<p>
<%= f.check_box :remember_me %> Remember me
</p>
<button type="submit" class="button nice large expanded">
Login
</button>
<div class="mt-1">
<%= f.email_field :email, autofocus: true, autocomplete: "email", placeholder: "Email eg: someone@example.com", class: "block w-full rounded-md border-0 px-3 py-3 appearance-none shadow-sm ring-1 ring-inset text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-inset focus:ring-woot-500 sm:text-sm sm:leading-6 outline-none dark:bg-slate-700 dark:ring-slate-600 dark:focus:ring-woot-500 ring-slate-200" %>
</div>
</div>
<div class="mb-5">
<label for="password" class="flex justify-between text-sm font-medium leading-6 text-slate-900 dark:text-white">
Password
</label>
<div class="mt-1">
<%= f.password_field :password, autocomplete: "current-password", placeholder: "Password", class: "block w-full rounded-md border-0 px-3 py-3 appearance-none shadow-sm ring-1 ring-inset text-slate-900 dark:text-slate-100 placeholder:text-slate-400 focus:ring-2 focus:ring-inset focus:ring-woot-500 sm:text-sm sm:leading-6 outline-none dark:bg-slate-700 dark:ring-slate-600 dark:focus:ring-woot-500 ring-slate-200" %>
</div>
</div>
<button type="submit" class="flex items-center w-full justify-center rounded-md bg-woot-500 py-3 px-3 text-base font-medium text-white shadow-sm hover:bg-woot-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-woot-500 cursor-pointer">
<span>Login</span>
</button>
<% end %>
<div class="column text-center sigin__footer">
© Chatwoot
</div>
</div>
</div>
</section>
</main>
</div>
</body>
</html>