Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

css

Browse Source
This commit is contained in:
Andras Bacsai 2023-05-22 15:47:40 +02:00
parent 1dbd1065f9
commit a044354294
25 changed files with 332 additions and 209 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/Http/Controllers/ProjectController.php
View File

@ -2,13 +2,24 @@
namespace App\Http\Controllers;
use Spatie\Activitylog\Models\Activity;
use App\Models\Project;
class ProjectController extends Controller
{
public function environments()
public function all()
{
$project = session('currentTeam')->load(['projects'])->projects->where('uuid', request()->route('project_uuid'))->first();
$team_id = session('currentTeam')->id;
$projects = Project::where('team_id', $team_id)->get();
return view('projects', ['projects' => $projects]);
}
public function show()
{
$project_uuid = request()->route('project_uuid');
$team_id = session('currentTeam')->id;
$project = Project::where('team_id', $team_id)->where('uuid', $project_uuid)->first();
if (!$project) {
return redirect()->route('dashboard');
}
@ -16,7 +27,7 @@ public function environments()
if (count($project->environments) == 1) {
return redirect()->route('project.resources', ['project_uuid' => $project->uuid, 'environment_name' => $project->environments->first()->name]);
}
return view('project.environments', ['project' => $project]);
return view('project.show', ['project' => $project]);
}
public function new()

2
app/Http/Livewire/Project/New/EmptyProject.php
View File

@ -13,6 +13,6 @@ public function createEmptyProject()
'name' => generateRandomName(),
'team_id' => session('currentTeam')->id,
]);
return redirect()->route('project.environments', ['project_uuid' => $project->uuid, 'environment_name' => 'production']);
return redirect()->route('project.show', ['project_uuid' => $project->uuid, 'environment_name' => 'production']);
}
}

7
composer.json
View File

@ -2,7 +2,10 @@
"name": "laravel/laravel",
"type": "project",
"description": "The Laravel Framework.",
"keywords": ["framework", "laravel"],
"keywords": [
"framework",
"laravel"
],
"license": "MIT",
"require": {
"php": "^8.2",
@ -84,4 +87,4 @@
},
"minimum-stability": "stable",
"prefer-stable": true
}
}

1
database/factories/UserFactory.php
View File

@ -18,7 +18,6 @@ class UserFactory extends Factory
public function definition(): array
{
return [
'name' => fake()->name(),
'uuid' => Str::uuid(),
'email' => fake()->unique()->safeEmail(),
'email_verified_at' => now(),

2
database/migrations/2014_10_12_000000_create_users_table.php
View File

@ -15,7 +15,7 @@ public function up(): void
$table->id();
$table->string('uuid')->unique();
$table->boolean('is_root_user')->default(false);
$table->string('name');
$table->string('name')->default('Your Name Here');
$table->string('email')->unique();
$table->timestamp('email_verified_at')->nullable();
$table->string('password');

2
database/seeders/UserSeeder.php
View File

@ -11,12 +11,10 @@ public function run(): void
{
User::factory()->create([
"id" => 0,
'name' => 'Root User',
'email' => 'test@example.com',
'is_root_user' => true,
]);
User::factory()->create([
'name' => 'Normal User',
'email' => 'test2@example.com',
]);
}

39
resources/css/app.css
View File

@ -13,10 +13,10 @@ body {
@apply bg-coolgray-100 text-neutral-400 min-h-full antialiased;
}
input[type="checkbox"] {
@apply toggle toggle-warning toggle-sm;
@apply toggle toggle-warning toggle-xs rounded;
}
input {
@apply input input-sm placeholder:text-neutral-700 text-white;
@apply input input-sm placeholder:text-neutral-700 text-white rounded-none;
}
input[type="text"],[type="number"],[type="email"],[type="password"] {
@apply read-only:opacity-40;
@ -26,17 +26,17 @@ .label-text, label {
}
textarea {
@apply textarea placeholder:text-neutral-700 text-white;
@apply textarea placeholder:text-neutral-700 text-white rounded-none;
}
select {
@apply select select-sm disabled:opacity-40 font-normal placeholder:text-neutral-700 text-white;
@apply select select-sm disabled:opacity-40 font-normal placeholder:text-neutral-700 text-white rounded-none;
}
button[type="button"] {
@apply btn btn-xs btn-ghost no-animation normal-case text-white;
@apply btn btn-xs btn-ghost no-animation normal-case text-white rounded;
}
button[type="submit"] {
@apply btn btn-xs no-animation normal-case text-white btn-primary;
@apply btn btn-xs no-animation normal-case text-white btn-primary rounded;
}
button[isWarning] {
@apply text-error;
@ -57,8 +57,20 @@ a {
@apply text-neutral-400 hover:text-white text-sm link link-hover hover:bg-transparent;
}
main {
@apply h-full w-full min-h-screen px-32 xl:px-10 pt-4 mx-auto max-w-7xl;
}
.main-navbar {
@apply fixed top-0 left-0 min-h-screen overflow-hidden;
}
.icon {
@apply w-6 h-6;
}
.icon:hover {
@apply text-white;
}
.box {
@apply flex items-center justify-center text-sm rounded cursor-pointer h-14 bg-coolgray-200 hover:bg-coollabs-100 hover:text-white p-2 hover:no-underline;
@apply flex items-center justify-center text-sm rounded cursor-pointer h-14 bg-coolgray-200 hover:bg-coollabs-100 hover:text-white p-2 hover:no-underline transition-colors;
}
.main-menu {
@ -66,17 +78,20 @@ .main-menu {
}
.main-menu:after {
content: "/";
@apply absolute border border-dotted rounded border-neutral-600 right-0 top-0 text-warning mx-1 px-2 mt-[0.7rem];
@apply absolute border border-dotted rounded border-neutral-600 right-0 top-0 text-warning mx-1 px-2 mt-[0.3rem] text-sm;
}
.magic-badge {
@apply min-w-fit px-2 rounded text-center border border-dotted border-primary text-white text-xs;
}
.magic-input {
@apply input w-96 placeholder:text-neutral-700 text-sm;
@apply input input-sm w-96 placeholder:text-neutral-700 text-sm rounded-none;
}
.magic-items {
@apply absolute top-16 mt-2 w-[24rem] bg-coolgray-200 rounded-xl outline outline-coolgray-500;
@apply absolute top-12 mt-2 w-[24rem] bg-coolgray-200 rounded z-50;
}
.magic-item {
@apply text-sm flex items-center gap-4 m-2 py-2 pl-4 cursor-pointer hover:bg-coolgray-500 text-neutral-400 hover:text-white rounded-xl transition-colors hover:shadow;
@apply text-sm flex items-center gap-4 m-2 py-2 pl-4 cursor-pointer hover:bg-coolgray-500 text-neutral-400 hover:text-white transition-colors hover:shadow;
}
.magic-item-focused {
@apply bg-neutral-700 text-white;
@apply bg-coolgray-400 text-white;
}

16
resources/views/components/applications/navbar.blade.php
View File

@ -1,5 +1,5 @@
<nav class="flex gap-4 py-2 border-b-2 border-solid border-coolgray-200">
<a
<a class="{{ request()->routeIs('project.application.configuration') ? 'text-white' : '' }}"
href="{{ route('project.application.configuration', [
'project_uuid' => Route::current()->parameters()['project_uuid'],
'application_uuid' => Route::current()->parameters()['application_uuid'],
@ -7,7 +7,7 @@
]) }}">
Configuration
</a>
<a
<a class="{{ request()->routeIs('project.application.deployments') ? 'text-white' : '' }}"
href="{{ route('project.application.deployments', [
'project_uuid' => Route::current()->parameters()['project_uuid'],
'application_uuid' => Route::current()->parameters()['application_uuid'],
@ -16,11 +16,14 @@
Deployments
</a>
<div class="flex-1"></div>
<div class="dropdown dropdown-hover">
<x-inputs.button>Links
<div class="dropdown dropdown-bottom">
<button tabindex="0"
class="flex items-center justify-center h-full text-white normal-case bg-transparent border-none rounded btn btn-xs no-animation">
Links
<x-chevron-down />
</x-inputs.button>
<ul tabindex="0" class="p-2 font-bold text-white rounded min-w-max dropdown-content menu bg-coolgray-200">
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<a class="text-xs" target="_blank" href="{{ $application->gitBranchLocation }}">
Open on Git
@ -48,5 +51,6 @@
@endif
</ul>
</div>
</div>
<livewire:project.application.deploy :applicationId="$application->id" />
</nav>

8
resources/views/components/layout.blade.php
View File

@ -25,16 +25,18 @@
</head>
<body>
@livewireScripts
@auth
<x-navbar />
@endauth
<main class="min-h-full px-8 pt-10 mx-auto max-w-7xl">
<main>
<div class="flex justify-center w-full">
<x-magic-bar />
</div>
{{ $slot }}
</main>
<a
class="fixed text-xs cursor-pointer left-2 bottom-1 opacity-20 hover:opacity-100 hover:text-white">v{{ config('version') }}</a>
class="fixed text-xs cursor-pointer right-2 bottom-1 opacity-60 hover:opacity-100 hover:text-white">v{{ config('version') }}</a>
@auth
<script>
window.addEventListener("keydown", function(event) {

39
resources/views/components/magic-bar.blade.php
View File

@ -13,14 +13,10 @@
<template x-for="(item,index) in filteredItems" :key="item.name">
<div x-on:click="await set(item.next ?? 'server',item.name)"
:class="focusedIndex === index && 'magic-item-focused'" class="magic-item">
<span class="w-12 badge badge-primary badge-sm" x-show="item.type === 'Apps'"
x-text="item.type"></span>
<span class="w-12 badge badge-secondary badge-sm" x-show="item.type === 'Add'"
x-text="item.type"></span>
<span class="w-12 badge badge-success badge-sm" x-show="item.type === 'Jump'"
x-text="item.type"></span>
<span class="w-12 badge badge-success badge-sm" x-show="item.type === 'New'"
x-text="item.type"></span>
<span class="magic-badge" x-show="item.type === 'Apps'" x-text="item.type"></span>
<span class="magic-badge" x-show="item.type === 'Add'" x-text="item.type"></span>
<span class="magic-badge" x-show="item.type === 'Jump'" x-text="item.type"></span>
<span class="magic-badge" x-show="item.type === 'New'" x-text="item.type"></span>
<span x-text="item.name"></span>
</div>
</template>
@ -42,7 +38,7 @@
<template x-for="(server,index) in filteredServers" :key="server.name ?? server">
<div x-on:click="await set('destination',server.uuid)"
:class="focusedIndex === index && 'magic-item-focused'" class="magic-item">
<span class="badge badge-primary badge-sm">Server</span>
<span class="magic-badge">Server</span>
<span x-text="server.name"></span>
</div>
</template>
@ -65,7 +61,7 @@
<template x-for="(destination,index) in filteredDestinations" :key="destination.name ?? destination">
<div x-on:click="await set('project',destination.uuid)"
:class="focusedIndex === index && 'magic-item-focused'" class="magic-item">
<span class=" badge badge-primary badge-sm">Destination</span>
<span class=" magic-badge">Destination</span>
<span x-text="destination.name"></span>
</div>
</template>
@ -88,7 +84,7 @@
<template x-for="(project,index) in filteredProjects" :key="project.name ?? project">
<div x-on:click="await set('environment',project.uuid)"
:class="focusedIndex === index + 1 && 'magic-item-focused'" class="magic-item">
<span class="badge badge-primary badge-sm">Project</span>
<span class="magic-badge">Project</span>
<span x-text="project.name"></span>
</div>
</template>
@ -98,7 +94,8 @@
{{-- Environments --}}
<template x-cloak x-if="environmentMenu">
<div x-on:click.outside="closeMenus">
<input class="magic-input" x-ref="search" x-model="search" placeholder="Select a environment..."
<input class="magic-input" x-ref="search" x-model="search"
placeholder="Enter the new environment name or select one..."
x-on:keydown.down="focusNext(environments.length + 1)"
x-on:keydown.up="focusPrev(environments.length + 1)" x-on:keyup.escape="closeMenus"
x-on:keyup.enter="focusedIndex !== '' && await set('jump',filteredEnvironments()[focusedIndex - 1]?.name)" />
@ -106,12 +103,12 @@
<div x-on:click="await newEnvironment" :class="focusedIndex === 0 && 'magic-item-focused'"
class="magic-item">
<span>New Environment</span>
<span x-text="search"></span>
<span class="text-warning" x-text="search"></span>
</div>
<template x-for="(environment,index) in filteredEnvironments" :key="environment.name ?? environment">
<div x-on:click="await set('jump',environment.name)"
:class="focusedIndex === index + 1 && 'magic-item-focused'" class="magic-item">
<span class="badge badge-primary badge-sm">Env</span>
<span class="magic-badge">Env</span>
<span x-text="environment.name"></span>
</div>
</template>
@ -121,9 +118,9 @@ class="magic-item">
{{-- Projects --}}
<template x-cloak x-if="projectsMenu">
<div x-on:click.outside="closeMenus">
<input x-ref="search" x-model="search" class="magic-input" placeholder="Select a project..."
x-on:keyup.escape="closeMenus" x-on:keydown.down="focusNext(projects.length)"
x-on:keydown.up="focusPrev(projects.length)"
<input x-ref="search" x-model="search" class="magic-input"
placeholder="Enter the new project name or select one..." x-on:keyup.escape="closeMenus"
x-on:keydown.down="focusNext(projects.length)" x-on:keydown.up="focusPrev(projects.length)"
x-on:keyup.enter="focusedIndex !== '' && await set('jumpToProject',filteredProjects()[focusedIndex]?.uuid)" />
<div class="magic-items">
<template x-if="projects.length === 0">
@ -134,7 +131,7 @@ class="magic-item">
<template x-for="(project,index) in filteredProjects" :key="project.name ?? project">
<div x-on:click="await set('jumpToProject',project.uuid)"
:class="focusedIndex === index && 'magic-item-focused'" class="magic-item">
<span class="badge badge-primary badge-sm">Jump</span>
<span class="magic-badge">Jump</span>
<span x-text="project.name"></span>
</div>
</template>
@ -157,7 +154,7 @@ class="magic-item">
<template x-for="(destination,index) in filteredDestinations" :key="destination.name ?? destination">
<div x-on:click="await set('jumpToDestination',destination.uuid)"
:class="focusedIndex === index && 'magic-item-focused'" class="magic-item">
<span class="badge badge-primary badge-sm">Jump</span>
<span class="magic-badge">Jump</span>
<span x-text="destination.name"></span>
</div>
</template>
@ -180,7 +177,7 @@ class="magic-item">
<template x-for="(privateKey,index) in filteredPrivateKeys" :key="privateKey.name ?? privateKey">
<div x-on:click="await set('jumpToPrivateKey',privateKey.uuid)"
:class="focusedIndex === index && 'magic-item-focused'" class="magic-item">
<span class="badge badge-primary badge-sm">Jump</span>
<span class="magic-badge">Jump</span>
<span x-text="privateKey.name"></span>
</div>
</template>
@ -203,7 +200,7 @@ class="magic-item">
<template x-for="(source,index) in filteredSources" :key="source.name ?? source">
<div x-on:click="await set('jumpToSource',source)"
:class="focusedIndex === index && 'magic-item-focused'" class="magic-item">
<span class="badge badge-primary badge-sm">Jump</span>
<span class="magic-badge">Jump</span>
<span x-text="source.name"></span>
</div>
</template>

113
resources/views/components/navbar.blade.php
View File

@ -1,5 +1,104 @@
@auth
<div class="navbar">
<nav class="main-navbar">
<ul class="gap-2 p-1 pt-2 menu">
<li class="{{ request()->is('/') ? 'text-warning' : '' }}">
<a @if (!request()->is('/')) href="/" @endif>
<svg xmlns="http://www.w3.org/2000/svg" class="icon" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
</svg>
</a>
</li>
<li class="{{ request()->is('server/*') || request()->is('servers') ? 'text-warning' : '' }}">
<a @if (!request()->is('server/*')) href="/servers" @endif>
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M3 4m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z" />
<path d="M3 12m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z" />
<path d="M7 8l0 .01" />
<path d="M7 16l0 .01" />
</svg>
</a>
</li>
<li class="{{ request()->is('project/*') || request()->is('projects') ? 'text-warning' : '' }}">
<a @if (!request()->is('project/*')) href="/projects" @endif>
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M12 4l-8 4l8 4l8 -4l-8 -4" />
<path d="M4 12l8 4l8 -4" />
<path d="M4 16l8 4l8 -4" />
</svg>
</a>
</li>
@if (auth()->user()->isPartOfRootTeam())
<li class="{{ request()->is('command-center') ? 'text-warning' : '' }}">
<a @if (!request()->is('command-center')) href="/command-center" @endif>
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M5 7l5 5l-5 5" />
<path d="M12 19l7 0" />
</svg>
</a>
</li>
<li
class="{{ request()->is('settings') ? 'absolute bottom-0 pb-4 text-warning' : 'absolute bottom-0 pb-4' }}">
<a @if (!request()->is('settings')) href="/settings" @endif>
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path
d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" />
<path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />
</svg>
</a>
</li>
@endif
</ul>
</nav>
<div class="absolute top-0 right-0 pt-2">
<div class="dropdown dropdown-left">
<label tabindex="0" class="btn btn-ghost no-animation hover:bg-transparent">
<div class="flex items-center justify-center gap-2 avatar placeholder">
<div class="w-8 rounded-full bg-coolgray-300 text-neutral-content">
<span class="text-xs">{{ Str::of(auth()->user()->name)->substr(0, 2)->upper() }}</span>
</div>
<x-chevron-down />
</div>
</label>
<ul tabindex="0" class="p-2 mt-3 shadow menu menu-compact dropdown-content bg-base-100 rounded-box w-52">
<li>
<a href="/profile">
Profile
</a>
</li>
<li>
<a href="/profile/team">
Team
</a>
</li>
@if (auth()->user()->isPartOfRootTeam())
<li>
<livewire:force-upgrade />
</li>
@endif
<form action="/logout" method="POST">
<li>
@csrf
<button>Logout</button>
</li>
</form>
</ul>
</div>
</div>
{{-- <div class="navbar">
<div class="navbar-start">
<div class="dropdown">
<label tabindex="0" class="btn btn-ghost xl:hidden">
@ -21,11 +120,11 @@
</a>
</li>
@endif
{{-- <li>
<li>
<a href="/profile">
Profile
</a>
</li> --}}
</li>
<li>
<a href="/profile/team">
Team
@ -49,7 +148,7 @@
</li>
</ul>
</div>
<div href="/" class="text-xl text-white normal-case btn btn-ghost hover:bg-transparent">Coolify</div>
<div class="px-2 text-xl font-bold text-white normal-case">Coolify</div>
<div class="form-control">
<x-magic-bar />
</div>
@ -68,11 +167,11 @@
</a>
</li>
@endif
{{-- <li>
<li>
<a href="/profile">
Profile
</a>
</li> --}}
</li>
<li>
<a href="/profile/team">
Team
@ -96,5 +195,5 @@
</li>
</ul>
</div>
</div>
</div> --}}
@endauth

57
resources/views/dashboard.blade.php
View File

@ -1,55 +1,6 @@
<x-layout>
@if ($servers->count() === 0)
<div class="flex flex-col items-center justify-center h-full pt-32">
<div class="">Without a server, you won't be able to do much...</div>
<div>Let's create <a class="underline text-warning" href="{{ route('server.new') }}">your
first</a> one!</div>
</div>
@else
<h1>Projects </h1>
<div class="flex gap-2">
@forelse ($projects as $project)
<a href="{{ route('project.environments', [$project->uuid]) }}"
class="box">{{ data_get($project, 'name') }}</a>
@empty
<p>No projects found.</p>
@endforelse
</div>
<h1>Servers </h1>
<div class="flex gap-2">
@forelse ($servers as $server)
<a href="{{ route('server.show', [$server->uuid]) }}" class="box">{{ data_get($server, 'name') }}</a>
@empty
<p>No servers found.</p>
@endforelse
</div>
{{-- <h1>Destinations </h1>
<div class="flex gap-2">
@forelse ($destinations as $destination)
<a href="{{ route('destination.show', [$destination->uuid]) }}"
class="box">{{ data_get($destination, 'name') }}</a>
@empty
<p>No destinations found.</p>
@endforelse
</div> --}}
{{-- <h1>Private Keys </h1>
<div class="flex gap-2">
@forelse ($private_keys as $private_key)
<a href="{{ route('private-key.show', [$private_key->uuid]) }}"
class="box">{{ data_get($private_key, 'name') }}</a>
@empty
<p>No servers found.</p>
@endforelse
</div> --}}
{{-- <h1>GitHub Apps </h1>
<div class="flex">
@forelse ($github_apps as $github_app)
<a href="{{ route('source.github.show', [$github_app->uuid]) }}"
class="box">{{ data_get($github_app, 'name') }}</a>
@empty
<p>No servers found.</p>
@endforelse
</div> --}}
@endif
<h1>Dashboard</h1>
<div class="container w-full pt-10 mx-auto">
Something useful will be here
</div>
</x-layout>

86
resources/views/errors/layout.blade.php
View File

@ -1,53 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@yield('title')</title>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 100;
height: 100vh;
margin: 0;
}
<title>@yield('title')</title>
.full-height {
height: 100vh;
}
<!-- Styles -->
<style>
html,
body {
background-color: #fff;
color: #636b6f;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 100;
height: 100vh;
margin: 0;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.full-height {
height: 100vh;
}
.position-ref {
position: relative;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.content {
text-align: center;
}
.position-ref {
position: relative;
}
.title {
font-size: 36px;
padding: 20px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div class="content">
<div class="title">
@yield('message')
</div>
.content {
text-align: center;
}
.title {
font-size: 36px;
padding: 20px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div class="content">
<div class="title">
@yield('message')
</div>
</div>
</body>
</div>
</body>
</html>

4
resources/views/livewire/activity-monitor.blade.php
View File

@ -1,8 +1,8 @@
<div>
@if ($this->activity)
<div
class="flex flex-col-reverse w-full overflow-y-auto border border-solid rounded border-coolgray-300 max-h-[32rem] p-4">
<pre class="whitespace-pre-wrap" @if ($isPollingActive) wire:poll.750ms="polling" @endif>{{ \App\Actions\CoolifyTask\RunRemoteProcess::decodeOutput($this->activity) }}</pre>
class="flex flex-col-reverse w-full overflow-y-auto border border-solid rounded border-coolgray-300 max-h-[32rem] p-4 text-xs text-white">
<pre class="font-mono whitespace-pre-wrap" @if ($isPollingActive) wire:poll.750ms="polling" @endif>{{ \App\Actions\CoolifyTask\RunRemoteProcess::decodeOutput($this->activity) }}</pre>
{{-- @else
<pre class="whitespace-pre-wrap">Output will be here...</pre> --}}
</div>

58
resources/views/livewire/project/application/deploy.blade.php
View File

@ -1,34 +1,40 @@
<div class="flex items-center gap-2">
@if ($application->status === 'running')
<div class="btn-group">
<x-inputs.button isWarning wire:click='stop'>Stop</x-inputs.button>
<div class="bg-transparent border-none dropdown dropdown-hover btn btn-xs no-animation">
<button tabindex="0" class="flex items-center justify-center h-full">
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<div wire:click='forceRebuild'>Force deploy without cache</div>
</li>
</ul>
</div>
<div class="dropdown dropdown-bottom">
<button tabindex="0"
class="flex items-center justify-center h-full text-white normal-case rounded bg-primary btn btn-xs hover:bg-primary no-animation">
Actions
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<div wire:click='stop'>Stop</div>
</li>
<li>
<div wire:click='forceRebuild'>Force deploy without cache</div>
</li>
</ul>
</div>
running
@else
<div class="btn-group">
<x-inputs.button isHighlighted wire:click='start'>Deploy</x-inputs.button>
<div class="border-none dropdown dropdown-hover btn btn-xs bg-coollabs hover:bg-coollabs-100 no-animation">
<button tabindex="0" class="flex items-center justify-center h-full">
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<div wire:click='forceRebuild'>Deploy without cache</div>
</li>
</ul>
</div>
<div class="dropdown dropdown-bottom">
<button tabindex="0"
class="flex items-center justify-center h-full text-white normal-case rounded bg-primary btn btn-xs hover:bg-primary no-animation">
Actions
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<div wire:click='start'>Deploy</div>
</li>
<li>
<div wire:click='forceRebuild'>Deploy without cache</div>
</li>
</ul>
</div>
stopped
@endif
<span wire:poll.5000ms='pollingStatus'>
{{-- @if ($application->status === 'running')

4
resources/views/livewire/project/application/poll-deployment.blade.php
View File

@ -1,4 +1,4 @@
<div
class="flex flex-col-reverse w-full overflow-y-auto border border-solid rounded border-coolgray-300 max-h-[32rem] p-4">
<pre @if ($isKeepAliveOn) wire:poll.750ms="polling" @endif>{{ \App\Actions\CoolifyTask\RunRemoteProcess::decodeOutput($activity) }}</pre>
class="flex flex-col-reverse w-full overflow-y-auto border border-solid rounded border-coolgray-300 max-h-[32rem] p-4 text-xs text-white">
<pre class="font-mono whitespace-pre-wrap" @if ($isKeepAliveOn) wire:poll.1000ms="polling" @endif>{{ \App\Actions\CoolifyTask\RunRemoteProcess::decodeOutput($activity) }}</pre>
</div>

4
resources/views/livewire/run-command.blade.php
View File

@ -2,7 +2,7 @@
<h1>Command Center</h1>
<form class="flex items-end justify-center gap-2" wire:submit.prevent='runCommand'>
<x-inputs.input placeholder="ls -l" autofocus noDirty noLabel id="command" label="Command" required />
<select wire:model.defer="server">
<x-inputs.select label="Server" id="server" required>
@foreach ($servers as $server)
@if ($loop->first)
<option selected value="{{ $server->uuid }}">{{ $server->name }}</option>
@ -10,7 +10,7 @@
<option value="{{ $server->uuid }}">{{ $server->name }}</option>
@endif
@endforeach
</select>
</x-inputs.select>
<x-inputs.button class="btn-xl" type="submit">Run</x-inputs.button>
</form>
<div class="container w-full pt-10 mx-auto">

21
resources/views/livewire/server/new/by-ip.blade.php
View File

@ -1,11 +1,17 @@
<div>
<form class="flex flex-col gap-1" wire:submit.prevent='submit'>
<h1>New Server</h1>
<div class="flex items-center gap-2">
<h1>New Server</h1>
<x-inputs.button type="submit">
Save
</x-inputs.button>
</div>
<x-inputs.input id="name" label="Name" required />
<x-inputs.input id="description" label="Description" />
<x-inputs.input id="ip" label="IP Address" required />
<x-inputs.input id="user" label="User" />
<x-inputs.input type="number" id="port" label="Port" />
<x-inputs.input id="ip" label="IP Address" required
helper="Could be IP Address (127.0.0.1) or Domain Name (duckduckgo.com)." />
<x-inputs.input id="user" label="User" required />
<x-inputs.input type="number" id="port" label="Port" required />
<label>Private Key</label>
<x-inputs.select wire:model.defer="private_key_id">
<option disabled>Select a private key</option>
@ -17,10 +23,7 @@
@endif
@endforeach
</x-inputs.select>
<x-inputs.input instantSave noDirty type="checkbox" id="is_part_of_swarm"
label="Is it part of a Swarm cluster?" />
<x-inputs.button type="submit">
Save
</x-inputs.button>
<x-inputs.checkbox instantSave noDirty id="is_part_of_swarm" label="Is it part of a Swarm cluster?" />
</form>
</div>

2
resources/views/livewire/settings/form.blade.php
View File

@ -1,6 +1,6 @@
<div>
<form wire:submit.prevent='submit' class="flex flex-col">
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 border-b-2 border-solid border-coolgray-200">
<h1>Settings</h1>
<x-inputs.button type="submit">
Save

10
resources/views/project/environments.blade.php
View File

@ -1,10 +0,0 @@
<x-layout>
<h1>Environments</h1>
@foreach ($project->environments as $environment)
<div>
<a href="{{ route('project.resources', [$project->uuid, $environment->name]) }}">
{{ $environment->name }}
</a>
</div>
@endforeach
</x-layout>

10
resources/views/project/show.blade.php Normal file
View File

@ -0,0 +1,10 @@
<x-layout>
<h1>Environments</h1>
<div class="flex flex-col gap-2">
@foreach ($project->environments as $environment)
<a class="box" href="{{ route('project.resources', [$project->uuid, $environment->name]) }}">
{{ $environment->name }}
</a>
@endforeach
</div>
</x-layout>

9
resources/views/projects.blade.php Normal file
View File

@ -0,0 +1,9 @@
<x-layout>
<h1>Projects</h1>
@forelse ($projects as $project)
<a href="{{ route('project.show', ['project_uuid' => data_get($project, 'uuid')]) }}"
class="box">{{ $project->name }}</a>
@empty
No project found.
@endforelse
</x-layout>

3
resources/views/server/show.blade.php
View File

@ -1,5 +1,6 @@
<x-layout>
<h1>Server</h1>
<h1 class="border-b-2 border-solid border-coolgray-200">Server <span
class="text-xs text-neutral-400">{{ $server->name }}</span></h1>
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex pt-6">
<div class="flex flex-col gap-4 min-w-fit">
<a :class="activeTab === 'general' && 'text-white'"

13
resources/views/servers.blade.php Normal file
View File

@ -0,0 +1,13 @@
<x-layout>
<h1>Servers</h1>
@forelse ($servers as $server)
<a href="{{ route('server.show', ['server_uuid' => data_get($server, 'uuid')]) }}"
class="box">{{ $server->name }}</a>
@empty
<div class="flex flex-col items-center justify-center h-full pt-32">
<div class="">Without a server, you won't be able to do much...</div>
<div>Let's create <a class="underline text-warning" href="{{ route('server.new') }}">your
first</a> one!</div>
</div>
@endforelse
</x-layout>

12
routes/web.php
View File

@ -189,6 +189,9 @@
})->name('source.github.show');
});
Route::middleware(['auth'])->group(function () {
Route::get('/servers', fn () => view('servers', [
'servers' => Server::validated(),
]))->name('servers');
Route::get('/server/new', fn () => view('server.new', [
'private_keys' => PrivateKey::where('team_id', session('currentTeam')->id)->get(),
]))->name('server.new');
@ -235,10 +238,15 @@
});
Route::middleware(['auth'])->group(function () {
Route::get(
'/projects',
[ProjectController::class, 'all']
)->name('projects');
Route::get(
'/project/{project_uuid}',
[ProjectController::class, 'environments']
)->name('project.environments');
[ProjectController::class, 'show']
)->name('project.show');
Route::get(
'/project/{project_uuid}/{environment_name}/new',