direct-online/vito
2
0
Fork 0
mirror of https://github.com/vitodeploy/vito.git synced 2025-07-02 22:46:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Saeed Vaziry
2023-08-04 18:28:04 +02:00
parent 8444323cf4
commit 643318fcfc
349 changed files with 3189 additions and 2729 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/views/components/primary-button.blade.php
View File

@ -5,9 +5,9 @@
@endphp
@if(isset($href))
<a href="{{ $href }}" {{ $attributes->merge(['class' => $class]) }}>
<button onclick="location.href = '{{ $href }}'" {{ $attributes->merge(['class' => $class]) }}>
{{ $slot }}
</a>
</button>
@else
<button {{ $attributes->merge(['type' => 'submit', 'class' => $class]) }}>
{{ $slot }}

11
resources/views/components/secondary-sidebar-link.blade.php Normal file
View File

@ -0,0 +1,11 @@
@props(['active'])
@php
$classes = ($active ?? false)
? 'h-10 flex items-center justify-start rounded-lg px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-800 bg-primary-50 dark:bg-primary-500 dark:bg-opacity-20 text-primary-500 font-semibold'
: 'h-10 flex items-center justify-start rounded-lg px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-800 dark:text-gray-300 font-semibold';
@endphp
<a {{ $attributes->merge(['class' => $classes]) }}>
{{ $slot }}
</a>

4
resources/views/components/sidebar-link.blade.php
View File

@ -2,8 +2,8 @@
@php
$classes = ($active ?? false)
? 'text-md font-semibold flex items-center text-primary-500 transition duration-150 ease-in-out mb-4'
: 'text-md font-semibold flex items-center hover:text-primary-600 text-gray-600 dark:text-gray-500 transition duration-150 ease-in-out mb-4';
? 'h-10 rounded-md px-4 py-3 text-md font-semibold flex items-center bg-gray-900 text-primary-500 transition duration-150 ease-in-out transition-all duration-100'
: 'h-10 rounded-md px-4 py-3 text-md font-semibold flex items-center text-gray-500 transition duration-150 ease-in-out transition-all duration-100 hover:bg-gray-900';
@endphp
<a {{ $attributes->merge(['class' => $classes]) }}>

167
resources/views/layouts/app.blade.php
View File

@ -1,3 +1,4 @@
@props(['server'])
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
@ -26,25 +27,163 @@
<script src="{{ asset('static/libs/ace/theme-one-dark.js') }}"></script>
<script src="{{ asset('static/libs/ace/mode-sh.js') }}"></script>
</head>
<body class="font-sans antialiased bg-gray-100 dark:bg-gray-900 dark:text-gray-300 min-h-screen">
<div class="min-h-screen bg-gray-100 dark:bg-gray-900">
@include('layouts.navigation')
<!-- Page Heading -->
@if (isset($header))
<header class="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
{{ $header }}
<body class="font-sans antialiased bg-gray-100 dark:bg-gray-900 dark:text-gray-300 min-h-screen min-w-max" x-data="" x-cloak>
<div class="flex min-h-screen">
<div class="left-0 top-0 min-h-screen w-64 flex-none bg-gray-800 dark:bg-gray-800/50 p-3 dark:border-r-2 dark:border-gray-800">
<a href="/" class="h-16 block">
<div class="flex items-center justify-start text-3xl font-extrabold text-white">
Vito
</div>
</header>
</a>
<div class="mb-5 space-y-2">
@include('layouts.partials.server-select', ['server' => isset($server) ? $server : null ])
@if(isset($server))
<x-sidebar-link :href="route('servers.show', ['server' => $server])" :active="request()->routeIs('servers.show')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
</svg>
<span class="ml-2 text-gray-50">{{ __('Overview') }}</span>
</x-sidebar-link>
@if($server->isReady())
@if($server->webserver())
<x-sidebar-link :href="route('servers.sites', ['server' => $server])" :active="request()->routeIs('servers.sites') || request()->is('servers/*/sites/*')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
</svg>
<span class="ml-2 text-gray-50">{{ __('Sites') }}</span>
</x-sidebar-link>
@endif
@if($server->database())
<x-sidebar-link :href="route('servers.databases', ['server' => $server])" :active="request()->routeIs('servers.databases')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
</svg>
<span class="ml-2 text-gray-50">{{ __('Databases') }}</span>
</x-sidebar-link>
@endif
@if($server->php())
<x-sidebar-link :href="route('servers.php', ['server' => $server])" :active="request()->routeIs('servers.php')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5" />
</svg>
<span class="ml-2 text-gray-50">{{ __('PHP') }}</span>
</x-sidebar-link>
@endif
@if($server->firewall())
<x-sidebar-link :href="route('servers.firewall', ['server' => $server])" :active="request()->routeIs('servers.firewall')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 016.038 7.048 8.287 8.287 0 009 9.6a8.983 8.983 0 013.361-6.867 8.21 8.21 0 003 2.48z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 00.495-7.467 5.99 5.99 0 00-1.925 3.546 5.974 5.974 0 01-2.133-1A3.75 3.75 0 0012 18z" />
</svg>
<span class="ml-2 text-gray-50">{{ __('Firewall') }}</span>
</x-sidebar-link>
@endif
<x-sidebar-link :href="route('servers.cronjobs', ['server' => $server])" :active="request()->routeIs('servers.cronjobs')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span class="ml-2 text-gray-50">{{ __('Cronjobs') }}</span>
</x-sidebar-link>
<x-sidebar-link :href="route('servers.ssh-keys', ['server' => $server])" :active="request()->routeIs('servers.ssh-keys')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z" />
</svg>
<span class="ml-2 text-gray-50">{{ __('SSH Keys') }}</span>
</x-sidebar-link>
<x-sidebar-link :href="route('servers.services', ['server' => $server])" :active="request()->routeIs('servers.services')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span class="ml-2 text-gray-50">{{ __('Services') }}</span>
</x-sidebar-link>
@endif
<x-sidebar-link :href="route('servers.settings', ['server' => $server])" :active="request()->routeIs('servers.settings')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 11-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 004.486-6.336l-3.276 3.277a3.004 3.004 0 01-2.25-2.25l3.276-3.276a4.5 4.5 0 00-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008z" />
</svg>
<span class="ml-2 text-gray-50">{{ __('Settings') }}</span>
</x-sidebar-link>
<x-sidebar-link :href="route('servers.logs', ['server' => $server])" :active="request()->routeIs('servers.logs')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.429 9.75L2.25 12l4.179 2.25m0-4.5l5.571 3 5.571-3m-11.142 0L2.25 7.5 12 2.25l9.75 5.25-4.179 2.25m0 0L21.75 12l-4.179 2.25m0 0l4.179 2.25L12 21.75 2.25 16.5l4.179-2.25m11.142 0l-5.571 3-5.571-3" />
</svg>
<span class="ml-2 text-gray-50">{{ __('Logs') }}</span>
</x-sidebar-link>
@endif
</div>
</div>
@if(isset($sidebar))
<div class="min-h-screen w-64 flex-none border-r border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
{{ $sidebar }}
</div>
@endif
<!-- Page Content -->
<main>
{{ $slot }}
</main>
<div class="flex min-h-screen flex-grow flex-col">
<nav class="h-16 border-b border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900">
<!-- Primary Navigation Menu -->
<div class="mx-auto max-w-full px-4 sm:px-6 lg:px-8">
<div class="flex h-16 justify-between">
<div class="flex items-center justify-center">
{{-- Search --}}
</div>
<div class="ml-6 flex items-center">
<div class="relative ml-5">
<x-dropdown align="right" width="48">
<x-slot name="trigger">
<div class="flex cursor-pointer items-center justify-between">
{{ auth()->user()->name }}
<svg class="ml-2 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg>
</div>
</x-slot>
<x-slot name="content">
<x-dropdown-link :href="route('profile')">Profile</x-dropdown-link>
<div class="border-t border-gray-100 dark:border-gray-700"></div>
<form>
<x-dropdown-link as="button">
Log Out
</x-dropdown-link>
</form>
</x-slot>
</x-dropdown>
</div>
</div>
</div>
</div>
</nav>
<!-- Page Heading -->
@if(isset($header))
<header class="border-b border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
<div class="mx-auto flex h-20 w-full max-w-full items-center justify-between px-8">
{{ $header }}
</div>
</header>
@endif
@if(isset($header2))
<header class="border-b border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
<div class="mx-auto max-w-full py-6 px-8">
{{ $header2 }}
</div>
</header>
@endif
<!-- Page Content -->
<main class="px-8">
{{ $slot }}
</main>
</div>
</div>
<x-toast />
<livewire:broadcast />
@livewireScripts
<script>
document.addEventListener('livewire:load', () => {

1
resources/views/layouts/navigation.blade.php
View File

@ -11,7 +11,6 @@
<!-- Navigation Links -->
<div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">
<x-nav-link :href="route('servers')" :active="request()->routeIs('servers') || request()->is('servers/*')">
<x-heroicon-o-server-stack class="w-6 h-6 mr-1" />
{{ __('Servers') }}
</x-nav-link>
</div>

90
resources/views/layouts/partials/server-select.blade.php Normal file
View File

@ -0,0 +1,90 @@
<div x-data="serverCombobox()">
<div class="relative">
<div @click="open = !open" class="w-full cursor-pointer px-4 py-3 pr-10 text-md leading-5 text-gray-100 focus:ring-1 focus:ring-gray-700 bg-gray-900 rounded-md h-10 flex items-center" x-text="selected.name ?? 'Select Server'"></div>
<button type="button" @click="open = !open" class="absolute inset-y-0 right-0 flex items-center pr-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z" clip-rule="evenodd"></path></svg>
</button>
<div
x-show="open"
@click.away="open = false"
class="absolute mt-1 w-full overflow-auto rounded-md pb-1 bg-white dark:bg-gray-700 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm">
<div class="p-2 relative">
<input x-model="query"
@input="filterServersAndOpen"
placeholder="Filter"
class="w-full py-2 pl-3 pr-10 text-sm leading-5 dark:text-gray-100 focus:ring-1 focus:ring-gray-400 dark:focus:ring-800 bg-gray-200 dark:bg-gray-900 rounded-md"
>
</div>
<div class="relative max-h-[350px] overflow-y-auto">
<template x-for="(server, index) in filteredServers" :key="index">
<div
@click="selectServer(server); open = false"
:class="server.id === selected.id ? 'cursor-default bg-primary-600 text-white' : 'cursor-pointer'"
class="relative select-none py-2 px-4 text-gray-700 dark:text-white hover:bg-primary-600 hover:text-white">
<span class="block truncate" x-text="server.name"></span>
<template x-if="server.id === selected.id">
<span class="absolute inset-y-0 right-0 flex items-center pr-3 text-white">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-5 w-5"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg>
</span>
</template>
</div>
</template>
</div>
<div
x-show="filteredServers.length === 0"
class="relative cursor-default select-none py-2 px-4 text-gray-700 dark:text-white block truncate">
No servers found!
</div>
<div class="py-1">
<hr class="border-gray-300 dark:border-gray-600">
</div>
<div>
<a
href="{{ route('servers') }}"
class="relative select-none py-2 px-4 text-gray-700 dark:text-white hover:bg-primary-600 hover:text-white block @if(request()->routeIs('servers')) cursor-default bg-primary-600 text-white @else cursor-pointer @endif">
<span class="block truncate">Servers List</span>
</a>
</div>
<div>
<a
href="{{ route('servers.create') }}"
class="relative select-none py-2 px-4 text-gray-700 dark:text-white hover:bg-primary-600 hover:text-white block @if(request()->routeIs('servers.create')) cursor-default bg-primary-600 text-white @else cursor-pointer @endif">
<span class="block truncate">Create a Server</span>
</a>
</div>
</div>
</div>
</div>
<script>
function serverCombobox() {
const servers = @json(\App\Models\Server::query()->select('id', 'name')->get());
return {
open: false,
query: '',
servers: servers,
selected: @if(isset($server)) @json($server->only('id', 'name')) @else {} @endif,
filteredServers: servers,
selectServer(server) {
if (this.selected.id !== server.id) {
this.selected = server;
window.location.href = '{{ url('/servers/') }}/' + server.id
}
},
filterServersAndOpen() {
if (this.query === '') {
this.filteredServers = this.servers;
this.open = false;
} else {
this.filteredServers = this.servers.filter((server) =>
server.name
.toLowerCase()
.replace(/\s+/g, '')
.includes(this.query.toLowerCase().replace(/\s+/g, ''))
);
this.open = true;
}
},
};
}
</script>

90
resources/views/layouts/partials/site-select.blade.php Normal file
View File

@ -0,0 +1,90 @@
<div x-data="siteCombobox()">
<div class="relative">
<div @click="open = !open" class="w-full cursor-pointer px-4 py-3 pr-10 text-md leading-5 dark:text-gray-100 focus:ring-1 focus:ring-gray-700 bg-gray-200 dark:bg-gray-800 rounded-md h-10 flex items-center" x-text="selected.domain ?? 'Select Site'"></div>
<button type="button" @click="open = !open" class="absolute inset-y-0 right-0 flex items-center pr-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z" clip-rule="evenodd"></path></svg>
</button>
<div
x-show="open"
@click.away="open = false"
class="absolute mt-1 w-full overflow-auto rounded-md pb-1 bg-white dark:bg-gray-700 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm">
<div class="p-2 relative">
<input x-model="query"
@input="filterSitesAndOpen"
placeholder="Filter"
class="w-full py-2 pl-3 pr-10 text-sm leading-5 dark:text-gray-100 focus:ring-1 focus:ring-gray-400 dark:focus:ring-800 bg-gray-200 dark:bg-gray-800 rounded-md"
>
</div>
<div class="relative max-h-[350px] overflow-y-auto">
<template x-for="(site, index) in filteredSites" :key="index">
<div
@click="selectSite(site); open = false"
:class="site.id === selected.id ? 'cursor-default bg-primary-600 text-white' : 'cursor-pointer'"
class="relative select-none py-2 px-4 text-gray-700 dark:text-white hover:bg-primary-600 hover:text-white">
<span class="block truncate" x-text="site.domain"></span>
<template x-if="site.id === selected.id">
<span class="absolute inset-y-0 right-0 flex items-center pr-3 text-white">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-5 w-5"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg>
</span>
</template>
</div>
</template>
</div>
<div
x-show="filteredSites.length === 0"
class="relative cursor-default select-none py-2 px-4 text-gray-700 dark:text-white block truncate">
No sites found!
</div>
<div class="py-1">
<hr class="border-gray-300 dark:border-gray-600">
</div>
<div>
<a
href="{{ route('servers.sites', ['server' => $server]) }}"
class="relative select-none py-2 px-4 text-gray-700 dark:text-white hover:bg-primary-600 hover:text-white block @if(request()->routeIs('sites')) cursor-default bg-primary-600 text-white @else cursor-pointer @endif">
<span class="block truncate">Sites List</span>
</a>
</div>
<div>
<a
href="{{ route('servers.sites.create', ['server' => $server]) }}"
class="relative select-none py-2 px-4 text-gray-700 dark:text-white hover:bg-primary-600 hover:text-white block @if(request()->routeIs('sites.create')) cursor-default bg-primary-600 text-white @else cursor-pointer @endif">
<span class="block truncate">Create a Site</span>
</a>
</div>
</div>
</div>
</div>
<script>
function siteCombobox() {
const sites = @json(\App\Models\Site::query()->where('server_id', $server->id)->select('id', 'domain')->get());
return {
open: false,
query: '',
sites: sites,
selected: @if(isset($site)) @json($site->only('id', 'domain')) @else {} @endif,
filteredSites: sites,
selectSite(site) {
if (this.selected.id !== site.id) {
this.selected = site;
window.location.href = '{{ url('/servers') }}/' + '{{ $server->id }}/sites' + site.id
}
},
filterSitesAndOpen() {
if (this.query === '') {
this.filteredSites = this.sites;
this.open = false;
} else {
this.filteredSites = this.sites.filter((site) =>
site.domain
.toLowerCase()
.replace(/\s+/g, '')
.includes(this.query.toLowerCase().replace(/\s+/g, ''))
);
this.open = true;
}
},
};
}
</script>

61
resources/views/layouts/profile.blade.php
View File

@ -3,30 +3,47 @@
<x-slot name="pageTitle">{{ $pageTitle }}</x-slot>
@endif
<x-container class="flex">
<div class="hidden lg:block lg:flex-none w-64">
<x-sidebar-link :href="route('profile')" :active="request()->routeIs('profile')">
<x-heroicon-o-user class="w-6 h-6 mr-1" />
{{ __('Profile') }}
</x-sidebar-link>
<x-sidebar-link :href="route('server-providers')" :active="request()->routeIs('server-providers')">
<x-heroicon-o-server-stack class="w-6 h-6 mr-1" />
{{ __('Server Providers') }}
</x-sidebar-link>
<x-sidebar-link :href="route('source-controls')" :active="request()->routeIs('source-controls')">
<x-heroicon-o-code-bracket class="w-6 h-6 mr-1" />
{{ __('Source Controls') }}
</x-sidebar-link>
<x-sidebar-link :href="route('notification-channels')" :active="request()->routeIs('notification-channels')">
<x-heroicon-o-bell class="w-6 h-6 mr-1" />
{{ __('Notification Channels') }}
</x-sidebar-link>
<x-sidebar-link :href="route('ssh-keys')" :active="request()->routeIs('ssh-keys')">
<x-heroicon-o-key class="w-6 h-6 mr-1" />
{{ __('SSH Keys') }}
</x-sidebar-link>
<x-slot name="sidebar">
<div class="flex items-center justify-center py-2 px-3 h-16 border-b border-gray-200 dark:border-gray-800">
<div class="w-full">
<span>Account Settings</span>
</div>
</div>
<div class="p-3 space-y-2">
<x-secondary-sidebar-link :href="route('profile')" :active="request()->routeIs('profile')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 mr-2">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
{{ __('Profile') }}
</x-secondary-sidebar-link>
<x-secondary-sidebar-link :href="route('server-providers')" :active="request()->routeIs('server-providers')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 mr-2">
<path stroke-linecap="round" stroke-linejoin="round" d="M5.25 14.25h13.5m-13.5 0a3 3 0 01-3-3m3 3a3 3 0 100 6h13.5a3 3 0 100-6m-16.5-3a3 3 0 013-3h13.5a3 3 0 013 3m-19.5 0a4.5 4.5 0 01.9-2.7L5.737 5.1a3.375 3.375 0 012.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 01.9 2.7m0 0a3 3 0 01-3 3m0 3h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008zm-3 6h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008z" />
</svg>
{{ __('Server Providers') }}
</x-secondary-sidebar-link>
<x-secondary-sidebar-link :href="route('source-controls')" :active="request()->routeIs('source-controls')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 mr-2">
<path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9.75L16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z" />
</svg>
{{ __('Source Controls') }}
</x-secondary-sidebar-link>
<x-secondary-sidebar-link :href="route('notification-channels')" :active="request()->routeIs('notification-channels')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 mr-2">
<path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" />
</svg>
{{ __('Notification Channels') }}
</x-secondary-sidebar-link>
<x-secondary-sidebar-link :href="route('ssh-keys')" :active="request()->routeIs('ssh-keys')">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 mr-2">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z" />
</svg>
{{ __('SSH Keys') }}
</x-secondary-sidebar-link>
</div>
</x-slot>
<x-container class="flex">
<div class="w-full">
{{ $slot }}
</div>

82
resources/views/layouts/server.blade.php
View File

@ -1,66 +1,32 @@
<x-app-layout>
<x-app-layout :server="$server">
@if(isset($pageTitle))
<x-slot name="pageTitle">{{ $pageTitle }} - {{ $server->name }}</x-slot>
@endif
<x-container class="flex">
@if(in_array($server->status, [\App\Enums\ServerStatus::READY, \App\Enums\ServerStatus::DISCONNECTED]))
<div class="hidden lg:block lg:flex-none w-64">
<x-sidebar-link :href="route('servers.show', ['server' => $server])" :active="request()->routeIs('servers.show')">
<x-heroicon-o-home class="w-6 h-6 mr-1" />
{{ __('Overview') }}
</x-sidebar-link>
@if($server->webserver())
<x-sidebar-link :href="route('servers.sites', ['server' => $server])" :active="request()->routeIs('servers.sites') || request()->is('servers/*/sites/*')">
<x-heroicon-o-globe-alt class="w-6 h-6 mr-1" />
{{ __('Sites') }}
</x-sidebar-link>
@endif
@if($server->database())
<x-sidebar-link :href="route('servers.databases', ['server' => $server])" :active="request()->routeIs('servers.databases')">
<x-heroicon-o-circle-stack class="w-6 h-6 mr-1" />
{{ __('Databases') }}
</x-sidebar-link>
@endif
@if($server->php())
<x-sidebar-link :href="route('servers.php', ['server' => $server])" :active="request()->routeIs('servers.php')">
<x-heroicon-o-code-bracket class="w-6 h-6 mr-1" />
{{ __('PHP') }}
</x-sidebar-link>
@endif
@if($server->firewall())
<x-sidebar-link :href="route('servers.firewall', ['server' => $server])" :active="request()->routeIs('servers.firewall')">
<x-heroicon-o-fire class="w-6 h-6 mr-1" />
{{ __('Firewall') }}
</x-sidebar-link>
@endif
<x-sidebar-link :href="route('servers.cronjobs', ['server' => $server])" :active="request()->routeIs('servers.cronjobs')">
<x-heroicon-o-clock class="w-6 h-6 mr-1" />
{{ __('Cronjobs') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.ssh-keys', ['server' => $server])" :active="request()->routeIs('servers.ssh-keys')">
<x-heroicon-o-key class="w-6 h-6 mr-1" />
{{ __('SSH Keys') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.services', ['server' => $server])" :active="request()->routeIs('servers.services')">
<x-heroicon-o-cog class="w-6 h-6 mr-1" />
{{ __('Services') }}
</x-sidebar-link>
{{--<x-sidebar-link :href="route('servers.daemons', ['server' => $server])" :active="request()->routeIs('servers.daemons')">--}}
{{-- <x-heroicon-o-queue-list class="w-6 h-6 mr-1" />--}}
{{-- {{ __('Daemons') }}--}}
{{--</x-sidebar-link>--}}
<x-sidebar-link :href="route('servers.settings', ['server' => $server])" :active="request()->routeIs('servers.settings')">
<x-heroicon-o-cog-6-tooth class="w-6 h-6 mr-1" />
{{ __('Settings') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.logs', ['server' => $server])" :active="request()->routeIs('servers.logs')">
<x-heroicon-o-square-3-stack-3d class="w-6 h-6 mr-1" />
{{ __('Logs') }}
</x-sidebar-link>
</div>
@endif
<x-slot name="header">
<h2 class="text-lg font-semibold">{{ $server->name }}</h2>
<div class="flex flex-col items-end">
<livewire:servers.server-status :server="$server" />
<x-input-label class="cursor-pointer mt-1" x-data="{ copied: false }" x-clipboard.raw="{{ $server->ip }}">
<div class="text-sm flex items-center" x-on:click="copied = true; setTimeout(() => {copied = false}, 2000)">
<div x-show="copied" class="flex items-center mr-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 text-primary-600 dark:text-white font-bold">
<path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0118 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3l1.5 1.5 3-3.75" />
</svg>
</div>
{{ $server->ip }}
</div>
</x-input-label>
</div>
</x-slot>
@if(isset($sidebar))
<x-slot name="sidebar">
{{ $sidebar }}
</x-slot>
@endif
<x-container class="flex">
<div class="w-full space-y-10">
{{ $slot }}
</div>

79
resources/views/layouts/site.blade.php
View File

@ -1,42 +1,53 @@
<x-app-layout>
<x-app-layout :server="$site->server">
@if(isset($pageTitle))
<x-slot name="pageTitle">{{ $site->domain }} - {{ $pageTitle }}</x-slot>
@endif
<x-container class="flex">
@if($site->status == \App\Enums\SiteStatus::READY)
<div class="hidden lg:block lg:flex-none w-64">
<x-sidebar-link :href="route('servers.sites.show', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.show')">
<x-heroicon-o-home class="w-6 h-6 mr-1" />
{{ __('Overview') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.sites.application', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.application')">
<x-heroicon-o-window class="w-6 h-6 mr-1" />
{{ __('Application') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.sites.ssl', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.ssl')">
<x-heroicon-o-lock-closed class="w-6 h-6 mr-1" />
{{ __('SSL') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.sites.queues', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.queues')">
<x-heroicon-o-queue-list class="w-6 h-6 mr-1" />
{{ __('Queues') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.sites.settings', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.settings')">
<x-heroicon-o-cog-6-tooth class="w-6 h-6 mr-1" />
{{ __('Settings') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.sites.logs', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.logs')">
<x-heroicon-o-square-3-stack-3d class="w-6 h-6 mr-1" />
{{ __('Logs') }}
</x-sidebar-link>
<x-sidebar-link :href="route('servers.sites', ['server' => $site->server])">
<x-heroicon-o-arrow-left class="w-6 h-6 mr-1" />
{{ __('Go Back') }}
</x-sidebar-link>
</div>
@endif
<x-slot name="header">
<h2 class="text-lg font-semibold">
<a href="{{ $site->activeSsl ? 'https://' : 'http://' . $site->domain }}" target="_blank">{{ $site->domain }}</a>
</h2>
<div class="flex flex-col items-end">
<livewire:sites.site-status :site="$site" />
<x-input-label class="cursor-pointer mt-1" x-data="{ copied: false }" x-clipboard.raw="{{ $site->web_directory_path }}">
<div class="text-sm flex items-center" x-on:click="copied = true; setTimeout(() => {copied = false}, 2000)">
<div x-show="copied" class="flex items-center mr-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 text-primary-600 dark:text-white font-bold">
<path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0118 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3l1.5 1.5 3-3.75" />
</svg>
</div>
{{ $site->web_directory_path }}
</div>
</x-input-label>
</div>
</x-slot>
<x-slot name="sidebar">
<div class="flex items-center justify-center py-2 px-3 h-16 border-b border-gray-200 dark:border-gray-800">
<div class="w-full">
@include('layouts.partials.site-select', ['server' => $site->server, 'site' => $site ])
</div>
</div>
<div class="p-3 space-y-2">
<x-secondary-sidebar-link :href="route('servers.sites.show', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.show')">
{{ __('Application') }}
</x-secondary-sidebar-link>
<x-secondary-sidebar-link :href="route('servers.sites.ssl', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.ssl')">
{{ __('SSL') }}
</x-secondary-sidebar-link>
<x-secondary-sidebar-link :href="route('servers.sites.queues', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.queues')">
{{ __('Queues') }}
</x-secondary-sidebar-link>
<x-secondary-sidebar-link :href="route('servers.sites.settings', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.settings')">
{{ __('Settings') }}
</x-secondary-sidebar-link>
<x-secondary-sidebar-link :href="route('servers.sites.logs', ['server' => $site->server, 'site' => $site])" :active="request()->routeIs('servers.sites.logs')">
{{ __('Logs') }}
</x-secondary-sidebar-link>
</div>
</x-slot>
<x-container class="flex">
<div class="w-full space-y-10">
{{ $slot }}
</div>

1
resources/views/livewire/application/deployments-list.blade.php
View File

@ -25,7 +25,6 @@
<x-td>
@if($deployment->status != \App\Enums\DeploymentStatus::DEPLOYING)
<x-icon-button wire:click="showLog({{ $deployment->id }})" wire:loading.attr="disabled">
<x-heroicon-o-eye class="w-6 h-6" />
</x-icon-button>
@endif
</x-td>

1
resources/views/livewire/broadcast.blade.php Normal file
View File

@ -0,0 +1 @@
<div wire:poll.7s></div>

2
resources/views/livewire/cronjobs/cronjobs-list.blade.php
View File

@ -22,7 +22,7 @@
@include('livewire.cronjobs.partials.status', ['status' => $cronjob->status])
<div class="inline">
<x-icon-button x-on:click="$wire.deleteId = '{{ $cronjob->id }}'; $dispatch('open-modal', 'delete-cronjob')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</div>
</div>

2
resources/views/livewire/databases/database-list.blade.php
View File

@ -33,7 +33,7 @@
</x-td>
<x-td class="flex w-full justify-end">
<x-icon-button x-on:click="$wire.deleteId = '{{ $database->id }}'; $dispatch('open-modal', 'delete-database')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</x-td>
</tr>

6
resources/views/livewire/databases/database-user-list.blade.php
View File

@ -35,13 +35,13 @@
</x-td>
<x-td class="flex w-full justify-end">
<x-icon-button x-on:click="$wire.deleteId = '{{ $databaseUser->id }}'; $dispatch('open-modal', 'delete-database-user')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
<x-icon-button wire:click="viewPassword({{ $databaseUser->id }})">
<x-heroicon-o-eye class="w-4 h-4" />
View
</x-icon-button>
<x-icon-button wire:click="showLink({{ $databaseUser->id }})">
<x-heroicon-o-link class="w-4 h-4" />
Link
</x-icon-button>
</x-td>
</tr>

2
resources/views/livewire/firewall/firewall-rules-list.blade.php
View File

@ -22,7 +22,7 @@
@include('livewire.firewall.partials.status', ['status' => $rule->status])
<div class="inline">
<x-icon-button x-on:click="$wire.deleteId = '{{ $rule->id }}'; $dispatch('open-modal', 'delete-rule')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</div>
</div>

2
resources/views/livewire/notification-channels/channels-list.blade.php
View File

@ -22,7 +22,7 @@
<div class="flex items-center">
<div class="inline">
<x-icon-button x-on:click="$wire.deleteId = '{{ $channel->id }}'; $dispatch('open-modal', 'delete-channel')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</div>
</div>

1
resources/views/livewire/php/default-cli.blade.php
View File

@ -16,7 +16,6 @@
<x-slot name="trigger">
<x-secondary-button>
{{ __("Change") }}
<x-heroicon-m-chevron-down class="w-4 ml-1" />
</x-secondary-button>
</x-slot>
<x-slot name="content">

2
resources/views/livewire/php/installed-versions.blade.php
View File

@ -22,10 +22,8 @@
<x-slot name="trigger">
<x-secondary-button>
{{ __("Actions") }}
<x-heroicon-m-chevron-down class="w-4 ml-1" />
</x-secondary-button>
</x-slot>
<x-slot name="content">
{{--<x-dropdown-link class="cursor-pointer">--}}
{{-- {{ __("Install Extension") }}--}}

1
resources/views/livewire/php/partials/install-new-php.blade.php
View File

@ -2,7 +2,6 @@
<x-slot name="trigger">
<x-primary-button>
{{ __("Install") }}
<x-heroicon-m-chevron-down class="w-4 ml-1" />
</x-primary-button>
</x-slot>

8
resources/views/livewire/queues/queues-list.blade.php
View File

@ -22,16 +22,16 @@
@include('livewire.queues.partials.status', ['status' => $queue->status])
<div class="inline-flex">
<x-icon-button wire:click="start({{ $queue }})" wire:loading.attr="disabled">
<x-heroicon-o-play class="w-4 h-4" />
Resume
</x-icon-button>
<x-icon-button wire:click="stop({{ $queue }})" wire:loading.attr="disabled">
<x-heroicon-o-stop class="w-4 h-4" />
Stop
</x-icon-button>
<x-icon-button wire:click="restart({{ $queue }})" wire:loading.attr="disabled">
<x-heroicon-o-arrow-path class="w-4 h-4" />
Restart
</x-icon-button>
<x-icon-button x-on:click="$wire.deleteId = '{{ $queue->id }}'; $dispatch('open-modal', 'delete-queue')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</div>
</div>

2
resources/views/livewire/server-logs/logs-list.blade.php
View File

@ -16,7 +16,7 @@
</x-td>
<x-td>
<x-icon-button wire:click="showLog({{ $log->id }})" wire:loading.attr="disabled">
<x-heroicon-o-eye class="w-6 h-6" />
View
</x-icon-button>
</x-td>
</tr>

2
resources/views/livewire/server-providers/providers-list.blade.php
View File

@ -22,7 +22,7 @@
<div class="flex items-center">
<div class="inline">
<x-icon-button x-on:click="$wire.deleteId = '{{ $provider->id }}'; $dispatch('open-modal', 'delete-provider')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</div>
</div>

2
resources/views/livewire/server-settings/server-details.blade.php
View File

@ -36,7 +36,7 @@
<div class="flex items-center justify-between">
<div>{{ __("Status") }}</div>
<div class="flex items-center">
@include('livewire.servers.partials.status', ['status' => $server->status])
<livewire:servers.server-status :server="$server" />
<div class="inline-flex ml-2">
<livewire:server-settings.check-connection :server="$server" />
</div>

2
resources/views/livewire/server-ssh-keys/server-keys-list.blade.php
View File

@ -27,7 +27,7 @@
@include('livewire.server-ssh-keys.partials.status', ['status' => $key->pivot->status])
<div class="inline">
<x-icon-button x-on:click="$wire.deleteId = '{{ $key->id }}'; $dispatch('open-modal', 'delete-key')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</div>
</div>

1
resources/views/livewire/servers/partials/installation-failed.blade.php
View File

@ -8,7 +8,6 @@
<span class="font-bold">{{ $server->progress_step }} ({{ $server->progress }}%)</span>
</div>
<div class="mt-5 flex items-center justify-center">
<x-secondary-button :href="route('servers.logs', ['server' => $server])" class="mr-2">{{ __("View Logs") }}</x-secondary-button>
<livewire:servers.delete-server :server="$server" />
</div>
</x-card>

8
resources/views/livewire/servers/partials/public-key.blade.php
View File

@ -1,3 +1,6 @@
@php
$key = str(file_get_contents(storage_path(config('core.ssh_public_key_name'))))->replace("\n", "");
@endphp
<div>
<div>
<div class="rounded-sm border-l-4 border-yellow-500 bg-yellow-100 py-3 px-4 text-yellow-700 dark:bg-yellow-500 dark:bg-opacity-10 dark:text-yellow-500">
@ -12,13 +15,12 @@
<x-input-label for="pk">
{{ __("Run this command on your server as root user") }}
</x-input-label>
<x-input-label class="cursor-pointer" x-data="{ copied: false }" x-clipboard.raw="{{ config('core.ssh_public_key') }}">
<x-input-label class="cursor-pointer" x-data="{ copied: false }" x-clipboard.raw="mkdir -p /root/.ssh && touch /root/.ssh/authorized_keys && echo '{{ $key }}' >> /root/.ssh/authorized_keys">
<div x-show="copied" class="flex items-center">
{{ __("Copied") }}
<x-heroicon-m-check class="ml-1 w-4 text-green-700" />
</div>
<div x-show="!copied" x-on:click="copied = true; setTimeout(() => {copied = false}, 2000)">{{ __("Copy") }}</div>
</x-input-label>
</div>
<x-textarea id="pk" name="pk" class="mt-1" disabled>{{ config('core.ssh_public_key') }}</x-textarea>
<x-textarea id="pk" name="pk" class="mt-1" rows="5" disabled>mkdir -p /root/.ssh && touch /root/.ssh/authorized_keys && echo '{{ $key }}' >> /root/.ssh/authorized_keys</x-textarea>
</div>

17
resources/views/livewire/servers/partials/server-overview.blade.php
View File

@ -4,15 +4,14 @@
{{ __("Server Overview") }}
</x-slot>
<x-slot name="description">{{ __("You can see an overview about your server here") }}</x-slot>
<x-slot name="aside">
@include('livewire.servers.partials.status', ['status' => $server->status])
</x-slot>
</x-card-header>
<div class="mx-auto grid @if($server->webserver() && $server->database()) grid-cols-3 @else grid-cols-2 @endif rounded-md bg-white border border-gray-200 dark:border-gray-700 dark:bg-gray-800">
@if($server->webserver())
<div class="p-5 border-r border-gray-200 p-5 dark:border-gray-900">
<div class="p-5 border-r border-gray-200 dark:border-gray-900">
<div class="flex items-center justify-center md:justify-start">
<x-heroicon-o-globe-alt class="w-8 h-8 text-primary-500" />
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-primary-500">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
</svg>
<div class="ml-2 hidden md:block">{{ __("Sites") }}</div>
</div>
<div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">{{ $server->sites()->count() }}</div>
@ -21,7 +20,9 @@
@if($server->database())
<div class="border-r border-gray-200 p-5 dark:border-gray-900">
<div class="flex items-center justify-center md:justify-start">
<x-heroicon-o-circle-stack class="w-8 h-8 text-primary-500" />
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-primary-500">
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
</svg>
<div class="ml-2 hidden md:block">{{ __("Databases") }}</div>
</div>
<div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">{{ $server->databases()->count() }}</div>
@ -29,7 +30,9 @@
@endif
<div class="p-5">
<div class="flex items-center justify-center md:justify-start">
<x-heroicon-o-briefcase class="w-8 h-8 text-primary-500" />
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-primary-500">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<div class="ml-2 hidden md:block">{{ __("Cron Jobs") }}</div>
</div>
<div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">{{ $server->cronJobs()->count() }}</div>

14
resources/views/livewire/servers/server-status.blade.php Normal file
View File

@ -0,0 +1,14 @@
<div>
@if($server->status == \App\Enums\ServerStatus::READY)
<x-status status="success">{{ $server->status }}</x-status>
@endif
@if($server->status == \App\Enums\ServerStatus::INSTALLING)
<x-status status="warning">{{ $server->status }}</x-status>
@endif
@if($server->status == \App\Enums\ServerStatus::DISCONNECTED)
<x-status status="disabled">{{ $server->status }}</x-status>
@endif
@if($server->status == \App\Enums\ServerStatus::INSTALLATION_FAILED)
<x-status status="danger">{{ $server->status }}</x-status>
@endif
</div>

2
resources/views/livewire/servers/servers-list.blade.php
View File

@ -25,7 +25,7 @@
</div>
<div class="flex items-center">
<div class="inline">
@include('livewire.servers.partials.status', ['status' => $server->status])
<livewire:servers.server-status :server="$server" />
</div>
</div>
</x-item-card>

1
resources/views/livewire/services/services-list.blade.php
View File

@ -21,7 +21,6 @@
<x-slot name="trigger">
<x-secondary-button>
{{ __("Actions") }}
<x-heroicon-m-chevron-down class="w-4 ml-1" />
</x-secondary-button>
</x-slot>

33
resources/views/livewire/sites/create-site.blade.php
View File

@ -5,16 +5,14 @@
<form id="create-site" wire:submit.prevent="create" class="space-y-6">
<div>
<x-input-label>{{ __("Select site type") }}</x-input-label>
<div class="grid grid-cols-6 gap-2 mt-1">
<x-select-input wire:model="type" id="type" name="type" class="mt-1 w-full">
<option value="" selected disabled>{{ __("Select") }}</option>
@foreach(config('core.site_types') as $t)
<x-site-type-item x-on:click="$wire.type = '{{ $t }}'" :active="$type === $t">
<div class="flex w-full flex-col items-center justify-center text-center">
<img src="{{ asset('static/images/' . $t . '.svg') }}" class="h-7" alt="Server">
<span class="md:text-normal mt-2 hidden text-sm md:block">{{ $t }}</span>
</div>
</x-site-type-item>
<option value="{{ $t }}" @if($t === $type) selected @endif>
{{ $t }}
</option>
@endforeach
</div>
</x-select-input>
@error('type')
<x-input-error class="mt-2" :messages="$message" />
@enderror
@ -61,14 +59,17 @@
<div>
<x-input-label for="source_control" :value="__('Source Control')" />
<x-select-input wire:model="source_control" id="source_control" name="source_control" class="mt-1 w-full">
<option value="" selected disabled>{{ __("Select") }}</option>
@foreach($sourceControls as $sourceControl)
<option value="{{ $sourceControl->provider }}" @if($sourceControl->provider === $source_control) selected @endif>
{{ ucfirst($sourceControl->provider) }}
</option>
@endforeach
</x-select-input>
<div class="flex items-center mt-1">
<x-select-input wire:model="source_control" id="source_control" name="source_control" class="mt-1 w-full">
<option value="" selected disabled>{{ __("Select") }}</option>
@foreach($sourceControls as $sourceControl)
<option value="{{ $sourceControl->id }}" @if($sourceControl->id === $source_control) selected @endif>
{{ $sourceControl->profile }} ({{ $sourceControl->provider }})
</option>
@endforeach
</x-select-input>
<x-secondary-button :href="route('source-controls', ['redirect' => request()->url()])" class="flex-none ml-2">{{ __('Connect') }}</x-secondary-button>
</div>
@error('source_control')
<x-input-error class="mt-2" :messages="$message" />
@enderror

9
resources/views/livewire/sites/partials/site-overview.blade.php
View File

@ -3,17 +3,10 @@
<x-slot name="title">
{{ __("Site Overview") }}
</x-slot>
<x-slot name="description">
<a href="{{ $site->activeSsl ? 'https://' : 'http://' . $site->domain }}" target="_blank">{{ $site->domain }}</a>
</x-slot>
<x-slot name="aside">
@include('livewire.sites.partials.status', ['status' => $site->status])
</x-slot>
</x-card-header>
<div class="mx-auto grid grid-cols-3 rounded-md bg-white border border-gray-200 dark:border-gray-700 dark:bg-gray-800">
<div class="p-5">
<div class="flex items-center justify-center md:justify-start">
<x-heroicon-o-lock-closed class="w-8 h-8 text-primary-500" />
<div class="ml-2 hidden md:block">{{ __("SSL") }}</div>
</div>
<div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">
@ -22,14 +15,12 @@
</div>
<div class="border-l border-r border-gray-200 p-5 dark:border-gray-900">
<div class="flex items-center justify-center md:justify-start">
<x-heroicon-o-rectangle-stack class="w-8 h-8 text-primary-500" />
<div class="ml-2 hidden md:block">{{ __("Queues") }}</div>
</div>
<div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">{{ $site->queues()->count() }}</div>
</div>
<div class="p-5">
<div class="flex items-center justify-center md:justify-start">
<x-heroicon-o-code-bracket class="w-8 h-8 text-primary-500" />
<div class="ml-2 hidden md:block">{{ __("PHP") }}</div>
</div>
<div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">{{ $site->php_version }}</div>

4
resources/views/livewire/sites/show-site.blade.php
View File

@ -6,8 +6,6 @@
@include('livewire.sites.partials.installation-failed', ['site' => $site])
@endif
@if($site->status === \App\Enums\SiteStatus::READY)
<div class="space-y-10">
@include('livewire.sites.partials.site-overview', ['site' => $site])
</div>
@include('livewire.sites.partials.site-overview', ['site' => $site])
@endif
</div>

14
resources/views/livewire/sites/site-status.blade.php Normal file
View File

@ -0,0 +1,14 @@
<div>
@if($site->status == \App\Enums\SiteStatus::READY)
<x-status status="success">{{ $site->status }}</x-status>
@endif
@if($site->status == \App\Enums\SiteStatus::INSTALLING)
<x-status status="warning">{{ $site->status }}</x-status>
@endif
@if($site->status == \App\Enums\SiteStatus::DELETING)
<x-status status="danger">{{ $site->status }}</x-status>
@endif
@if($site->status == \App\Enums\SiteStatus::INSTALLATION_FAILED)
<x-status status="danger">{{ $site->status }}</x-status>
@endif
</div>

54
resources/views/livewire/source-controls/connect.blade.php Normal file
View File

@ -0,0 +1,54 @@
<div>
<x-primary-button x-data="" x-on:click.prevent="$dispatch('open-modal', 'connect-source-control')">
{{ __('Connect') }}
</x-primary-button>
<x-modal name="connect-source-control" :show="$open">
<form wire:submit.prevent="connect" class="p-6">
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
{{ __('Connect to a Source Control') }}
</h2>
<div class="mt-6">
<x-input-label for="provider" value="Provider" />
<x-select-input wire:model="provider" id="provider" name="provider" class="mt-1 w-full">
<option value="" selected disabled>{{ __("Select") }}</option>
@foreach(config('core.source_control_providers') as $p)
@if($p !== 'custom')
<option value="{{ $p }}" @if($provider === $p) selected @endif>{{ $p }}</option>
@endif
@endforeach
</x-select-input>
@error('provider')
<x-input-error class="mt-2" :messages="$message" />
@enderror
</div>
<div class="mt-6">
<x-input-label for="name" value="Name" />
<x-text-input wire:model.defer="name" id="name" name="name" type="text" class="mt-1 w-full" />
@error('name')
<x-input-error class="mt-2" :messages="$message" />
@enderror
</div>
<div class="mt-6">
<x-input-label for="token" value="API Key" />
<x-text-input wire:model.defer="token" id="token" name="token" type="text" class="mt-1 w-full" />
@error('token')
<x-input-error class="mt-2" :messages="$message" />
@enderror
</div>
<div class="mt-6 flex justify-end">
<x-secondary-button type="button" x-on:click="$dispatch('close')">
{{ __('Cancel') }}
</x-secondary-button>
<x-primary-button class="ml-3" @connected.window="$dispatch('close')">
{{ __('Connect') }}
</x-primary-button>
</div>
</form>
</x-modal>
</div>

45
resources/views/livewire/source-controls/source-controls-list.blade.php Normal file
View File

@ -0,0 +1,45 @@
<div>
<x-card-header>
<x-slot name="title">Source Controls</x-slot>
<x-slot name="description">You can connect your source controls via API Tokens</x-slot>
<x-slot name="aside">
<livewire:source-controls.connect />
</x-slot>
</x-card-header>
<div x-data="" class="space-y-3">
@if(count($sourceControls) > 0)
@foreach($sourceControls as $sourceControl)
<x-item-card>
<div class="flex-none">
<img src="{{ asset('static/images/' . $sourceControl->provider . '.svg') }}" class="h-10 w-10" alt="">
</div>
<div class="ml-3 flex flex-grow flex-col items-start justify-center">
<span class="mb-1">{{ $sourceControl->profile }}</span>
<span class="text-sm text-gray-400">
<x-datetime :value="$sourceControl->created_at"/>
</span>
</div>
<div class="flex items-center">
<div class="inline">
<x-icon-button x-on:click="$wire.deleteId = '{{ $sourceControl->id }}'; $dispatch('open-modal', 'delete-source-control')">
Delete
</x-icon-button>
</div>
</div>
</x-item-card>
@endforeach
<x-confirm-modal
name="delete-source-control"
:title="__('Confirm')"
:description="__('Are you sure that you want to delete this source control?')"
method="delete"
/>
@else
<x-simple-card>
<div class="text-center">
{{ __("You haven't connected to any server source controls yet!") }}
</div>
</x-simple-card>
@endif
</div>
</div>

2
resources/views/livewire/ssh-keys/keys-list.blade.php
View File

@ -19,7 +19,7 @@
<div class="flex items-center">
<div class="inline">
<x-icon-button x-on:click="$wire.deleteId = '{{ $key->id }}'; $dispatch('open-modal', 'delete-key')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</div>
</div>

2
resources/views/livewire/ssl/ssls-list.blade.php
View File

@ -29,7 +29,7 @@
@include('livewire.ssl.partials.status', ['status' => $ssl->status])
<div class="inline">
<x-icon-button x-on:click="$wire.deleteId = '{{ $ssl->id }}'; $dispatch('open-modal', 'delete-ssl')">
<x-heroicon-o-trash class="w-4 h-4" />
Delete
</x-icon-button>
</div>
</div>

1
resources/views/livewire/user-dropdown.blade.php
View File

@ -13,7 +13,6 @@
</x-slot>
<x-slot name="content">
<x-dropdown-link :href="route('profile')">
<x-heroicon-o-user class="w-6 h-6 mr-1" />
{{ __('Profile') }}
</x-dropdown-link>
<!-- Authentication -->

1
resources/views/server-settings/index.blade.php
View File

@ -15,7 +15,6 @@
<x-input-label class="cursor-pointer" x-data="{ copied: false }" x-clipboard.raw="{{ $server->public_key }}">
<div x-show="copied" class="flex items-center">
{{ __("Copied") }}
<x-heroicon-m-check class="ml-1 w-4 text-green-700" />
</div>
<div x-show="!copied" x-on:click="copied = true; setTimeout(() => {copied = false}, 2000)">{{ __("Copy") }}</div>
</x-input-label>

17
resources/views/source-controls/index.blade.php
View File

@ -1,20 +1,5 @@
<x-profile-layout>
<x-slot name="pageTitle">{{ __("Source Controls") }}</x-slot>
<div>
<x-card-header>
<x-slot name="title">Source Controls</x-slot>
<x-slot name="description">You can connect your source controls via API Tokens</x-slot>
</x-card-header>
<div class="space-y-3">
@if(session('status') == 'not-connected')
<div class="bg-red-100 px-4 py-2 rounded-lg text-red-600">{{ session('message') }}</div>
@endif
<livewire:source-controls.github />
<livewire:source-controls.gitlab />
<livewire:source-controls.bitbucket />
</div>
</div>
<livewire:source-controls.source-controls-list />
</x-profile-layout>