mirror of
https://github.com/ubicloud/ubicloud.git
synced 2025-10-04 13:52:06 +08:00
16690573ba
This combines the postgres/show and postgres/submenu views into an abstracted object/show view. The postgres/show view now just renders the object/show view with appropriate arguments.
53 lines
2 KiB
Text
53 lines
2 KiB
Text
<%# locals: (object:, type:, tabs:, breadcrumb_label:, prefix: type, right_header: nil) %>
|
|
|
|
<%== part(
|
|
"components/page_header",
|
|
title: "",
|
|
breadcrumbs: [
|
|
%w[Projects /project],
|
|
[@project.name, @project.path],
|
|
[breadcrumb_label, "#{@project.path}/#{type}"],
|
|
[object.name, "#"]
|
|
]
|
|
) %>
|
|
|
|
<main>
|
|
<div class="flex rounded-lg bg-white shadow divide-x p-8">
|
|
<div class="flex-none pr-8">
|
|
<aside class="lg:col-span-4 xl:col-span-3 2xl:col-span-2">
|
|
<nav id="<%= type %>-submenu" class="space-y-1">
|
|
<% tabs.each do |label, page, icon| %>
|
|
<% if @page == page
|
|
url_class = "border-orange-600 bg-orange-50 text-orange-600 hover:bg-orange-50 hover:text-orange-700 group flex items-center border-l-4 px-3 py-2 text-sm font-medium"
|
|
icon_class = "text-orange-600 group-hover:text-orange-600"
|
|
else
|
|
url_class = "border-transparent text-gray-900 hover:bg-gray-50 hover:text-gray-900 group flex items-center border-l-4 px-3 py-2 text-sm font-medium"
|
|
icon_class = "text-gray-400 group-hover:text-gray-500"
|
|
end %>
|
|
<a href="<%= "#{path(object)}/#{page}" %>" class="<%= url_class %>">
|
|
<%== part("components/icon", name: icon, classes: icon_class + " -ml-1 mr-3 h-6 w-6 flex-shrink-0") %>
|
|
<span class="truncate"><%= label %></span>
|
|
</a>
|
|
<% end %>
|
|
</nav>
|
|
</aside>
|
|
</div>
|
|
<div class="flex-auto pl-8">
|
|
<div class="divide-y">
|
|
<div class="pb-6 flex items-center justify-between">
|
|
<div>
|
|
<span class="text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:tracking-tight"><%= object.name %></span>
|
|
<span>(id:
|
|
<%= object.ubid %>)</span>
|
|
</div>
|
|
<% if right_header %>
|
|
<div>
|
|
<%== right_header %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<%== render("#{prefix}/#{@page.tr("-", "_")}") %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|