Files
ubicloud/views/project/show.erb
2024-07-26 12:47:45 +02:00

101 lines
3.3 KiB
Plaintext

<% @page_title = @project_data[:name] %>
<div class="space-y-1">
<%== render(
"components/breadcrumb",
locals: {
back: "/project",
parts: [%w[Projects /project], [@project_data[:name], @project_data[:path]], %w[Settings #]]
}
) %>
<%== render("components/page_header", locals: { title: "Project Settings" }) %>
</div>
<div class="grid gap-6">
<!-- Detail Card -->
<form action="<%= (@project_data[:path]) %>" method="POST">
<%== csrf_tag((@project_data[:path])) %>
<%== render(
"components/kv_data_card",
locals: {
data: [
["ID", @project_data[:id]],
(
if Authorization.has_permission?(@current_user.id, "Project:edit", @project_data[:id])
[
"Name",
render(
"components/form/text",
locals: {
name: "name",
value: @project_data[:name],
button_title: "Save",
attributes: {
required: true
}
}
),
{ escape: false }
]
else
["Name", @project_data[:name]]
end
)
]
}
) %>
</form>
<!-- Quota Card -->
<div class="overflow-hidden rounded-lg shadow ring-1 ring-black ring-opacity-5 bg-white divide-y divide-gray-200">
<div class="px-4 py-5 sm:p-6">
<h3 class="text-base font-semibold leading-6 text-gray-900">Quotas</h3>
<div class="mt-2 text-sm text-gray-500">
<p>If you want to increase your quota, please get in touch at
<a href="mailto:support@ubicloud.com" class="font-semibold leading-6 text-orange-500 hover:text-orange-700">support@ubicloud.com</a>.</p>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<% @quotas.each do |quota| %>
<div class="p-6">
<%== render(
"components/progress_bar",
locals: {
title: quota[:resource_type],
numerator: quota[:current_resource_usage],
denominator: quota[:quota]
}
) %>
</div>
<% end %>
</div>
</div>
<!-- Delete Card -->
<% if Authorization.has_permission?(@current_user.id, "Project:delete", @project_data[:id]) %>
<div class="overflow-hidden rounded-lg shadow ring-1 ring-black ring-opacity-5 bg-white divide-y divide-gray-200">
<div class="px-4 py-5 sm:p-6">
<div class="sm:flex sm:items-center sm:justify-between">
<div>
<h3 class="text-base font-semibold leading-6 text-gray-900">Delete project</h3>
<div class="mt-2 text-sm text-gray-500">
<p>This action will permanently delete this project. Deleted data cannot be recovered. Use it carefully.</p>
</div>
</div>
<div class="mt-5 sm:ml-6 sm:mt-0 sm:flex sm:flex-shrink-0 sm:items-center">
<%== render(
"components/delete_button",
locals: {
url: request.path,
confirmation: @project_data[:name],
redirect: "/project"
}
) %>
</div>
</div>
</div>
</div>
<% end %>
</div>