This commit is contained in:
User
2024-12-31 20:17:35 -05:00
parent 3a1d4cc40a
commit 9777e46316
10 changed files with 13376 additions and 58 deletions

View File

@@ -0,0 +1,49 @@
import { Head } from '@inertiajs/react';
import AppLayout from '@/Layouts/AppLayout.jsx';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
export default function Installation({ auth }) {
return (
<AppLayout auth={ auth }>
<Head>
<title>Installation</title>
</Head>
<div className="p-3 pt-1">
<Card className="w-[90%] m-3 mx-auto">
<CardHeader>
<CardTitle>Installation</CardTitle>
<CardDescription>Updated: 31 Dec 2024</CardDescription>
</CardHeader>
<CardContent>
<ul>
<li>Requirements</li>
<li className="ml-6 pt-2">
<ul>
<li>PHP 8.2+</li>
<li>Composer</li>
<li>Bun (Tested) / Other js runtime</li>
<li>Database (Sqlite / MySQL / MariaDB were tested)</li>
</ul>
</li>
</ul>
<p className="pt-2">Steps for installation</p>
<ol className="list-decimal ml-6 pt-2">
<li>Clone the git repo <span className="rounded-md border m-1 p-1 font-mono text-sm shadow-sm">https://ds19910209@bitbucket.org/pokebeacon/cv4.git</span></li>
<li>Install PHP dependencies <span className="rounded-md border m-1 p-1 font-mono text-sm shadow-sm">composer install</span></li>
<li>Clone .env.example file to .env</li>
<li>Edit any items in .env if needed</li>
<li>Generate Encryption key <span className="rounded-md border m-1 p-1 font-mono text-sm shadow-sm">php artisan key:generate</span></li>
<li>Generate Database tables <span className="rounded-md border m-1 p-1 font-mono text-sm shadow-sm">php artisan migrate</span></li>
<li>Install JS dependencies <span className="rounded-md border m-1 p-1 font-mono text-sm shadow-sm">bun install</span></li>
<li>Build frontend JS files <span className="rounded-md border m-1 p-1 font-mono text-sm shadow-sm">bun run build</span></li>
<li>Visit <span className="rounded-md border m-1 p-1 font-mono text-sm shadow-sm">http://[url]/tags</span> to fetch initial dataset</li>
<li>It should be running?</li>
</ol>
</CardContent>
</Card>
</div>
</AppLayout>
);
}

View File

@@ -0,0 +1,29 @@
import { Head } from '@inertiajs/react';
import AppLayout from '@/Layouts/AppLayout.jsx';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
export default function Updates({ auth }) {
return (
<AppLayout auth={ auth }>
<Head>
<title>Updates</title>
</Head>
<div className="p-3 pt-1">
<Card className="w-[90%] m-3 mx-auto">
<CardHeader>
<CardTitle>0.0.2</CardTitle>
<CardDescription>Release: 31 Dec 2024</CardDescription>
</CardHeader>
<CardContent>
<ul>
<li>Pages for update notes / installation</li>
<li>SC to ZH Conversion on the fly</li>
</ul>
</CardContent>
</Card>
</div>
</AppLayout>
);
}

View File

@@ -1,7 +1,7 @@
import { useState } from 'react';
import { Link, router, usePage } from '@inertiajs/react';
import { BadgeCheck, ChevronsUpDown, Star, History, ChevronDown, LogOut, Search, Book, TableOfContents } from 'lucide-react';
import { BadgeCheck, ChevronsUpDown, Star, History, ChevronDown, LogOut, Search, Book, TableOfContents, House, HardDriveDownload } from 'lucide-react';
import { Avatar, AvatarFallback } from '@/components/ui/avatar';
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
@@ -57,7 +57,7 @@ export function AppSidebar({ auth }) {
</div>
<div className="flex flex-col gap-0.5 leading-none">
<span className="font-semibold">Comic</span>
<span>0.0.1</span>
<span>0.0.2</span>
</div>
</Link>
</SidebarMenuButton>
@@ -80,8 +80,24 @@ export function AppSidebar({ auth }) {
<SidebarMenuItem>
<SidebarMenuButton asChild>
<Link href={ route('comics.index')}>
<House />
<span>Index</span>
</Link>
</SidebarMenuButton>
</SidebarMenuItem>
<SidebarMenuItem>
<SidebarMenuButton asChild>
<Link href={ route('pages.show', ['Installation'])}>
<HardDriveDownload />
<span>Installation</span>
</Link>
</SidebarMenuButton>
</SidebarMenuItem>
<SidebarMenuItem>
<SidebarMenuButton asChild>
<Link href={ route('pages.show', ['Updates'])}>
<TableOfContents />
<span>Manual</span>
<span>Updates and notes</span>
</Link>
</SidebarMenuButton>
</SidebarMenuItem>