The_Great_Archive/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy.git synced 2026-09-12 19:51:00 +05:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Merge 49148160b4 into 853ca33659

Browse Source
This commit is contained in:
Zeno Junior 2026-09-11 13:11:52 -04:00 committed by GitHub
commit 4aa277acf6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
apps/dokploy/components/dashboard/project/add-template.tsx
View File

@ -8,7 +8,6 @@ import {
LayoutGrid,
List,
Loader2,
PuzzleIcon,
SearchIcon,
} from "lucide-react";
import Link from "next/link";
@ -42,9 +41,7 @@ import {
DialogDescription,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog";
import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import {
@ -76,11 +73,17 @@ const TEMPLATE_BASE_URL_KEY = "dokploy_template_base_url";
interface Props {
environmentId: string;
baseUrl?: string;
open: boolean;
onOpenChange: (open: boolean) => void;
}
export const AddTemplate = ({ environmentId, baseUrl }: Props) => {
export const AddTemplate = ({
environmentId,
baseUrl,
open,
onOpenChange,
}: Props) => {
const [query, setQuery] = useState("");
const [open, setOpen] = useState(false);
const [viewMode, setViewMode] = useState<"detailed" | "icon">("detailed");
const [selectedTags, setSelectedTags] = useState<string[]>([]);
const [showBookmarksOnly, setShowBookmarksOnly] = useState(false);
@ -196,16 +199,7 @@ export const AddTemplate = ({ environmentId, baseUrl }: Props) => {
};
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger className="w-full">
<DropdownMenuItem
className="w-full cursor-pointer space-x-3"
onSelect={(e) => e.preventDefault()}
>
<PuzzleIcon className="size-4 text-muted-foreground" />
<span>Template</span>
</DropdownMenuItem>
</DialogTrigger>
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="sm:max-w-[90vw] p-0">
<DialogHeader className="sticky top-0 z-10 bg-background p-6 border-b">
<div className="flex flex-col space-y-6">
@ -618,7 +612,7 @@ export const AddTemplate = ({ environmentId, baseUrl }: Props) => {
utils.environment.one.invalidate({
environmentId,
});
setOpen(false);
onOpenChange(false);
return `${template.name} template created successfully`;
},
error: () => {

18
apps/dokploy/pages/dashboard/project/[projectId]/environment/[environmentId].tsx
View File

@ -12,6 +12,7 @@ import {
Loader2,
Play,
PlusIcon,
PuzzleIcon,
RefreshCw,
Search,
ServerIcon,
@ -90,6 +91,7 @@ import {
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger,
@ -432,6 +434,7 @@ const EnvironmentPage = (
const [openCombobox, setOpenCombobox] = useState(false);
const [selectedServices, setSelectedServices] = useState<string[]>([]);
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
const [isTemplateDialogOpen, setIsTemplateDialogOpen] = useState(false);
const [isBulkDeleteDialogOpen, setIsBulkDeleteDialogOpen] = useState(false);
const [deleteVolumes, setDeleteVolumes] = useState(false);
const [selectedServerId, setSelectedServerId] = useState<string>("all");
@ -1090,7 +1093,13 @@ const EnvironmentPage = (
projectName={projectData?.name}
environmentId={environmentId}
/>
<AddTemplate environmentId={environmentId} />
<DropdownMenuItem
className="w-full cursor-pointer space-x-3"
onSelect={() => setIsTemplateDialogOpen(true)}
>
<PuzzleIcon className="size-4 text-muted-foreground" />
<span>Template</span>
</DropdownMenuItem>
<AddAiAssistant
projectName={projectData?.name}
environmentId={environmentId}
@ -1102,6 +1111,13 @@ const EnvironmentPage = (
</DropdownMenuContent>
</DropdownMenu>
)}
{permissions?.service.create && (
<AddTemplate
environmentId={environmentId}
open={isTemplateDialogOpen}
onOpenChange={setIsTemplateDialogOpen}
/>
)}
</div>
</div>
</div>