fix: even more wire:navigate
This commit is contained in:
@@ -8,6 +8,7 @@
|
|||||||
<li class="inline-flex items-center">
|
<li class="inline-flex items-center">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a class="text-xs truncate lg:text-sm"
|
<a class="text-xs truncate lg:text-sm"
|
||||||
|
wire:navigate
|
||||||
href="{{ route('project.show', ['project_uuid' => data_get($resource, 'environment.project.uuid')]) }}">
|
href="{{ route('project.show', ['project_uuid' => data_get($resource, 'environment.project.uuid')]) }}">
|
||||||
{{ data_get($resource, 'environment.project.name', 'Undefined Name') }}</a>
|
{{ data_get($resource, 'environment.project.name', 'Undefined Name') }}</a>
|
||||||
<svg aria-hidden="true" class="w-4 h-4 mx-1 font-bold dark:text-warning" fill="currentColor"
|
<svg aria-hidden="true" class="w-4 h-4 mx-1 font-bold dark:text-warning" fill="currentColor"
|
||||||
@@ -21,6 +22,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a class="text-xs truncate lg:text-sm"
|
<a class="text-xs truncate lg:text-sm"
|
||||||
|
wire:navigate
|
||||||
href="{{ route('project.resource.index', [
|
href="{{ route('project.resource.index', [
|
||||||
'environment_uuid' => data_get($resource, 'environment.uuid'),
|
'environment_uuid' => data_get($resource, 'environment.uuid'),
|
||||||
'project_uuid' => data_get($resource, 'environment.project.uuid'),
|
'project_uuid' => data_get($resource, 'environment.project.uuid'),
|
||||||
|
@@ -16,10 +16,9 @@
|
|||||||
wire:navigate>Advanced</a>
|
wire:navigate>Advanced</a>
|
||||||
@if ($application->destination->server->isSwarm())
|
@if ($application->destination->server->isSwarm())
|
||||||
<a class="menu-item"
|
<a class="menu-item"
|
||||||
wire:current.exact="menu-item-active
|
wire:current.exact="menu-item-active"
|
||||||
href="{{ route('project.application.swarm', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'application_uuid' => $application->uuid]) }}"
|
href="{{ route('project.application.swarm', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'application_uuid' => $application->uuid]) }}"
|
||||||
wire:navigate>Swarm
|
wire:navigate>Swarm Configuration</a>
|
||||||
Configuration</a>
|
|
||||||
@endif
|
@endif
|
||||||
<a class='menu-item' wire:current.exact="menu-item-active"
|
<a class='menu-item' wire:current.exact="menu-item-active"
|
||||||
href="{{ route('project.application.environment-variables', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'application_uuid' => $application->uuid]) }}"
|
href="{{ route('project.application.environment-variables', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'application_uuid' => $application->uuid]) }}"
|
||||||
|
@@ -39,7 +39,7 @@
|
|||||||
data_get($deployment, 'status') === 'failed',
|
data_get($deployment, 'status') === 'failed',
|
||||||
'border-success' => data_get($deployment, 'status') === 'finished',
|
'border-success' => data_get($deployment, 'status') === 'finished',
|
||||||
])
|
])
|
||||||
x-on:click.stop="goto('{{ $current_url . '/' . data_get($deployment, 'deployment_uuid') }}')">
|
wire:navigate href="{{ $current_url . '/' . data_get($deployment, 'deployment_uuid') }}">
|
||||||
<div class="flex flex-col justify-start">
|
<div class="flex flex-col justify-start">
|
||||||
<div class="flex gap-1">
|
<div class="flex gap-1">
|
||||||
{{ $deployment->created_at }} UTC
|
{{ $deployment->created_at }} UTC
|
||||||
@@ -59,7 +59,7 @@
|
|||||||
@endif
|
@endif
|
||||||
@if (data_get($deployment, 'commit'))
|
@if (data_get($deployment, 'commit'))
|
||||||
<div class="dark:hover:text-white"
|
<div class="dark:hover:text-white"
|
||||||
x-on:click.stop="goto('{{ $application->gitCommitLink(data_get($deployment, 'commit')) }}')">
|
wire:navigate.prevent href="{{ $application->gitCommitLink(data_get($deployment, 'commit')) }}">
|
||||||
<div class="text-xs underline">
|
<div class="text-xs underline">
|
||||||
@if ($deployment->commitMessage())
|
@if ($deployment->commitMessage())
|
||||||
({{ data_get_str($deployment, 'commit')->limit(7) }} -
|
({{ data_get_str($deployment, 'commit')->limit(7) }} -
|
||||||
@@ -84,7 +84,7 @@
|
|||||||
@endif
|
@endif
|
||||||
@if (data_get($deployment, 'commit'))
|
@if (data_get($deployment, 'commit'))
|
||||||
<div class="dark:hover:text-white"
|
<div class="dark:hover:text-white"
|
||||||
x-on:click.stop="goto('{{ $application->gitCommitLink(data_get($deployment, 'commit')) }}')">
|
wire:navigate.prevent href="{{ $application->gitCommitLink(data_get($deployment, 'commit')) }}">
|
||||||
<div class="text-xs underline">
|
<div class="text-xs underline">
|
||||||
@if ($deployment->commitMessage())
|
@if ($deployment->commitMessage())
|
||||||
({{ data_get_str($deployment, 'commit')->limit(7) }} -
|
({{ data_get_str($deployment, 'commit')->limit(7) }} -
|
||||||
@@ -125,9 +125,6 @@
|
|||||||
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/utc.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/utc.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/relativeTime.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/relativeTime.js"></script>
|
||||||
<script>
|
<script>
|
||||||
function goto(url) {
|
|
||||||
window.location.href = url;
|
|
||||||
};
|
|
||||||
let timers = {};
|
let timers = {};
|
||||||
|
|
||||||
dayjs.extend(window.dayjs_plugin_utc);
|
dayjs.extend(window.dayjs_plugin_utc);
|
||||||
|
@@ -3,20 +3,20 @@
|
|||||||
<div class="navbar-main">
|
<div class="navbar-main">
|
||||||
<nav class="flex flex-shrink-0 gap-6 items-center whitespace-nowrap scrollbar min-h-10">
|
<nav class="flex flex-shrink-0 gap-6 items-center whitespace-nowrap scrollbar min-h-10">
|
||||||
<a class="{{ request()->routeIs('project.application.configuration') ? 'dark:text-white' : '' }}"
|
<a class="{{ request()->routeIs('project.application.configuration') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.application.configuration', $parameters) }}">
|
wire:navigate href="{{ route('project.application.configuration', $parameters) }}">
|
||||||
Configuration
|
Configuration
|
||||||
</a>
|
</a>
|
||||||
<a class="{{ request()->routeIs('project.application.deployment.index') ? 'dark:text-white' : '' }}"
|
<a class="{{ request()->routeIs('project.application.deployment.index') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.application.deployment.index', $parameters) }}">
|
wire:navigate href="{{ route('project.application.deployment.index', $parameters) }}">
|
||||||
<button>Deployments</button>
|
<button>Deployments</button>
|
||||||
</a>
|
</a>
|
||||||
<a class="{{ request()->routeIs('project.application.logs') ? 'dark:text-white' : '' }}"
|
<a class="{{ request()->routeIs('project.application.logs') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.application.logs', $parameters) }}">
|
wire:navigate href="{{ route('project.application.logs', $parameters) }}">
|
||||||
<button>Logs</button>
|
<button>Logs</button>
|
||||||
</a>
|
</a>
|
||||||
@if (!$application->destination->server->isSwarm())
|
@if (!$application->destination->server->isSwarm())
|
||||||
<a class="{{ request()->routeIs('project.application.command') ? 'dark:text-white' : '' }}"
|
<a class="{{ request()->routeIs('project.application.command') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.application.command', $parameters) }}">
|
wire:navigate href="{{ route('project.application.command', $parameters) }}">
|
||||||
<button>Terminal</button>
|
<button>Terminal</button>
|
||||||
</a>
|
</a>
|
||||||
@endif
|
@endif
|
||||||
|
@@ -20,8 +20,8 @@
|
|||||||
href="{{ route('project.database.persistent-storage', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}"
|
href="{{ route('project.database.persistent-storage', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}"
|
||||||
wire:navigate>Persistent Storage</a>
|
wire:navigate>Persistent Storage</a>
|
||||||
<a class='menu-item' wire:current.exact="menu-item-active"
|
<a class='menu-item' wire:current.exact="menu-item-active"
|
||||||
href="{{ route('project.database.import-backups', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}">Import
|
href="{{ route('project.database.import-backups', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}"
|
||||||
Backups</a>
|
wire:navigate>Import Backups</a>
|
||||||
<a class='menu-item' wire:current.exact="menu-item-active"
|
<a class='menu-item' wire:current.exact="menu-item-active"
|
||||||
href="{{ route('project.database.webhooks', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}"
|
href="{{ route('project.database.webhooks', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'database_uuid' => $database->uuid]) }}"
|
||||||
wire:navigate>Webhooks</a>
|
wire:navigate>Webhooks</a>
|
||||||
|
@@ -9,16 +9,16 @@
|
|||||||
<div class="navbar-main">
|
<div class="navbar-main">
|
||||||
<nav
|
<nav
|
||||||
class="flex overflow-x-scroll flex-shrink-0 gap-6 items-center whitespace-nowrap sm:overflow-x-hidden scrollbar min-h-10">
|
class="flex overflow-x-scroll flex-shrink-0 gap-6 items-center whitespace-nowrap sm:overflow-x-hidden scrollbar min-h-10">
|
||||||
<a class="{{ request()->routeIs('project.database.configuration') ? 'dark:text-white' : '' }}"
|
<a wire:navigate class="{{ request()->routeIs('project.database.configuration') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.database.configuration', $parameters) }}">
|
href="{{ route('project.database.configuration', $parameters) }}">
|
||||||
<button>Configuration</button>
|
<button>Configuration</button>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a class="{{ request()->routeIs('project.database.logs') ? 'dark:text-white' : '' }}"
|
<a wire:navigate class="{{ request()->routeIs('project.database.logs') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.database.logs', $parameters) }}">
|
href="{{ route('project.database.logs', $parameters) }}">
|
||||||
<button>Logs</button>
|
<button>Logs</button>
|
||||||
</a>
|
</a>
|
||||||
<a class="{{ request()->routeIs('project.database.command') ? 'dark:text-white' : '' }}"
|
<a wire:navigate class="{{ request()->routeIs('project.database.command') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.database.command', $parameters) }}">
|
href="{{ route('project.database.command', $parameters) }}">
|
||||||
<button>Terminal</button>
|
<button>Terminal</button>
|
||||||
</a>
|
</a>
|
||||||
@@ -27,7 +27,7 @@
|
|||||||
$database->getMorphClass() === 'App\Models\StandaloneMongodb' ||
|
$database->getMorphClass() === 'App\Models\StandaloneMongodb' ||
|
||||||
$database->getMorphClass() === 'App\Models\StandaloneMysql' ||
|
$database->getMorphClass() === 'App\Models\StandaloneMysql' ||
|
||||||
$database->getMorphClass() === 'App\Models\StandaloneMariadb')
|
$database->getMorphClass() === 'App\Models\StandaloneMariadb')
|
||||||
<a class="{{ request()->routeIs('project.database.backup.index') ? 'dark:text-white' : '' }}"
|
<a wire:navigate class="{{ request()->routeIs('project.database.backup.index') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.database.backup.index', $parameters) }}">
|
href="{{ route('project.database.backup.index', $parameters) }}">
|
||||||
<button>Backups</button>
|
<button>Backups</button>
|
||||||
</a>
|
</a>
|
||||||
|
@@ -3,6 +3,7 @@
|
|||||||
@forelse($database->scheduledBackups as $backup)
|
@forelse($database->scheduledBackups as $backup)
|
||||||
@if ($type == 'database')
|
@if ($type == 'database')
|
||||||
<a class="box"
|
<a class="box"
|
||||||
|
wire:navigate
|
||||||
href="{{ route('project.database.backup.execution', [...$parameters, 'backup_uuid' => $backup->uuid]) }}">
|
href="{{ route('project.database.backup.execution', [...$parameters, 'backup_uuid' => $backup->uuid]) }}">
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<div>Frequency: {{ $backup->frequency }}
|
<div>Frequency: {{ $backup->frequency }}
|
||||||
@@ -12,7 +13,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@else
|
@else
|
||||||
<div class="box" wire:click="setSelectedBackup('{{ data_get($backup, 'id') }}')">
|
<div class="box" wire:navigate wire:click="setSelectedBackup('{{ data_get($backup, 'id') }}')">
|
||||||
<div @class([
|
<div @class([
|
||||||
'border-coollabs' =>
|
'border-coollabs' =>
|
||||||
data_get($backup, 'id') === data_get($selectedBackup, 'id'),
|
data_get($backup, 'id') === data_get($selectedBackup, 'id'),
|
||||||
|
@@ -12,7 +12,7 @@
|
|||||||
<ol class="flex flex-wrap items-center gap-y-1">
|
<ol class="flex flex-wrap items-center gap-y-1">
|
||||||
<li class="inline-flex items-center">
|
<li class="inline-flex items-center">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a class="text-xs truncate lg:text-sm"
|
<a class="text-xs truncate lg:text-sm" wire:navigate
|
||||||
href="{{ route('project.show', ['project_uuid' => $project->uuid]) }}">
|
href="{{ route('project.show', ['project_uuid' => $project->uuid]) }}">
|
||||||
{{ $project->name }}</a>
|
{{ $project->name }}</a>
|
||||||
<svg aria-hidden="true" class="w-4 h-4 mx-1 font-bold dark:text-warning" fill="currentColor"
|
<svg aria-hidden="true" class="w-4 h-4 mx-1 font-bold dark:text-warning" fill="currentColor"
|
||||||
@@ -25,7 +25,7 @@
|
|||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a class="text-xs truncate lg:text-sm"
|
<a class="text-xs truncate lg:text-sm" wire:navigate
|
||||||
href="{{ route('project.resource.index', ['environment_uuid' => $environment->uuid, 'project_uuid' => $project->uuid]) }}">
|
href="{{ route('project.resource.index', ['environment_uuid' => $environment->uuid, 'project_uuid' => $project->uuid]) }}">
|
||||||
{{ $environment->name }}
|
{{ $environment->name }}
|
||||||
</a>
|
</a>
|
||||||
|
@@ -6,15 +6,15 @@
|
|||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
<h1>Resources</h1>
|
<h1>Resources</h1>
|
||||||
@if ($environment->isEmpty())
|
@if ($environment->isEmpty())
|
||||||
<a class="button"
|
<a class="button" wire:navigate
|
||||||
href="{{ route('project.clone-me', ['project_uuid' => data_get($project, 'uuid'), 'environment_uuid' => data_get($environment, 'uuid')]) }}">
|
href="{{ route('project.clone-me', ['project_uuid' => data_get($project, 'uuid'), 'environment_uuid' => data_get($environment, 'uuid')]) }}">
|
||||||
Clone
|
Clone
|
||||||
</a>
|
</a>
|
||||||
@else
|
@else
|
||||||
<a href="{{ route('project.resource.create', ['project_uuid' => data_get($parameters, 'project_uuid'), 'environment_uuid' => data_get($environment, 'uuid')]) }}"
|
<a href="{{ route('project.resource.create', ['project_uuid' => data_get($parameters, 'project_uuid'), 'environment_uuid' => data_get($environment, 'uuid')]) }}"
|
||||||
class="button">+
|
wire:navigate class="button">+
|
||||||
New</a>
|
New</a>
|
||||||
<a class="button"
|
<a class="button" wire:navigate
|
||||||
href="{{ route('project.clone-me', ['project_uuid' => data_get($project, 'uuid'), 'environment_uuid' => data_get($environment, 'uuid')]) }}">
|
href="{{ route('project.clone-me', ['project_uuid' => data_get($project, 'uuid'), 'environment_uuid' => data_get($environment, 'uuid')]) }}">
|
||||||
Clone
|
Clone
|
||||||
</a>
|
</a>
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
<nav class="flex pt-2 pb-6">
|
<nav class="flex pt-2 pb-6">
|
||||||
<ol class="flex items-center">
|
<ol class="flex items-center">
|
||||||
<li class="inline-flex items-center">
|
<li class="inline-flex items-center">
|
||||||
<a class="text-xs truncate lg:text-sm"
|
<a class="text-xs truncate lg:text-sm" wire:navigate
|
||||||
href="{{ route('project.show', ['project_uuid' => data_get($parameters, 'project_uuid')]) }}">
|
href="{{ route('project.show', ['project_uuid' => data_get($parameters, 'project_uuid')]) }}">
|
||||||
{{ $project->name }}</a>
|
{{ $project->name }}</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -44,7 +44,7 @@
|
|||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
@if ($environment->isEmpty())
|
@if ($environment->isEmpty())
|
||||||
<a href="{{ route('project.resource.create', ['project_uuid' => data_get($parameters, 'project_uuid'), 'environment_uuid' => data_get($environment, 'uuid')]) }}"
|
<a wire:navigate href="{{ route('project.resource.create', ['project_uuid' => data_get($parameters, 'project_uuid'), 'environment_uuid' => data_get($environment, 'uuid')]) }}"
|
||||||
class="items-center justify-center box">+ Add New Resource</a>
|
class="items-center justify-center box">+ Add New Resource</a>
|
||||||
@else
|
@else
|
||||||
<div x-data="searchComponent()">
|
<div x-data="searchComponent()">
|
||||||
@@ -61,7 +61,7 @@
|
|||||||
class="grid grid-cols-1 gap-4 pt-4 lg:grid-cols-2 xl:grid-cols-3">
|
class="grid grid-cols-1 gap-4 pt-4 lg:grid-cols-2 xl:grid-cols-3">
|
||||||
<template x-for="item in filteredApplications" :key="item.uuid">
|
<template x-for="item in filteredApplications" :key="item.uuid">
|
||||||
<span>
|
<span>
|
||||||
<a class="h-24 box group" :href="item.hrefLink">
|
<a class="h-24 box group" wire:navigate :href="item.hrefLink">
|
||||||
<div class="flex flex-col w-full">
|
<div class="flex flex-col w-full">
|
||||||
<div class="flex gap-2 px-4">
|
<div class="flex gap-2 px-4">
|
||||||
<div class="pb-2 truncate box-title" x-text="item.name"></div>
|
<div class="pb-2 truncate box-title" x-text="item.name"></div>
|
||||||
@@ -90,9 +90,17 @@
|
|||||||
<div
|
<div
|
||||||
class="flex flex-wrap gap-1 pt-1 group-hover:dark:text-white group-hover:text-black group min-h-6">
|
class="flex flex-wrap gap-1 pt-1 group-hover:dark:text-white group-hover:text-black group min-h-6">
|
||||||
<template x-for="tag in item.tags">
|
<template x-for="tag in item.tags">
|
||||||
<div class="tag" @click.prevent="gotoTag(tag.name)" x-text="tag.name"></div>
|
<a :href="`/tags/${tag.name}`"
|
||||||
|
wire:navigate
|
||||||
|
class="tag"
|
||||||
|
x-text="tag.name">
|
||||||
|
</a>
|
||||||
</template>
|
</template>
|
||||||
<div class="add-tag" @click.prevent="goto(item)">Add tag</div>
|
<a :href="`${item.hrefLink}/tags`"
|
||||||
|
wire:navigate
|
||||||
|
class="add-tag">
|
||||||
|
Add tag
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -104,7 +112,7 @@
|
|||||||
class="grid grid-cols-1 gap-4 pt-4 lg:grid-cols-2 xl:grid-cols-3">
|
class="grid grid-cols-1 gap-4 pt-4 lg:grid-cols-2 xl:grid-cols-3">
|
||||||
<template x-for="item in filteredDatabases" :key="item.uuid">
|
<template x-for="item in filteredDatabases" :key="item.uuid">
|
||||||
<span>
|
<span>
|
||||||
<a class="h-24 box group" :href="item.hrefLink">
|
<a class="h-24 box group" wire:navigate :href="item.hrefLink">
|
||||||
<div class="flex flex-col w-full">
|
<div class="flex flex-col w-full">
|
||||||
<div class="flex gap-2 px-4">
|
<div class="flex gap-2 px-4">
|
||||||
<div class="pb-2 truncate box-title" x-text="item.name"></div>
|
<div class="pb-2 truncate box-title" x-text="item.name"></div>
|
||||||
@@ -133,9 +141,17 @@
|
|||||||
<div
|
<div
|
||||||
class="flex flex-wrap gap-1 pt-1 group-hover:dark:text-white group-hover:text-black group min-h-6">
|
class="flex flex-wrap gap-1 pt-1 group-hover:dark:text-white group-hover:text-black group min-h-6">
|
||||||
<template x-for="tag in item.tags">
|
<template x-for="tag in item.tags">
|
||||||
<div class="tag" @click.prevent="gotoTag(tag.name)" x-text="tag.name"></div>
|
<a :href="`/tags/${tag.name}`"
|
||||||
|
wire:navigate
|
||||||
|
class="tag"
|
||||||
|
x-text="tag.name">
|
||||||
|
</a>
|
||||||
</template>
|
</template>
|
||||||
<div class="add-tag" @click.prevent="goto(item)">Add tag</div>
|
<a :href="`${item.hrefLink}/tags`"
|
||||||
|
wire:navigate
|
||||||
|
class="add-tag">
|
||||||
|
Add tag
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -147,7 +163,7 @@
|
|||||||
class="grid grid-cols-1 gap-4 pt-4 lg:grid-cols-2 xl:grid-cols-3">
|
class="grid grid-cols-1 gap-4 pt-4 lg:grid-cols-2 xl:grid-cols-3">
|
||||||
<template x-for="item in filteredServices" :key="item.uuid">
|
<template x-for="item in filteredServices" :key="item.uuid">
|
||||||
<span>
|
<span>
|
||||||
<a class="h-24 box group" :href="item.hrefLink">
|
<a class="h-24 box group" wire:navigate :href="item.hrefLink">
|
||||||
<div class="flex flex-col w-full">
|
<div class="flex flex-col w-full">
|
||||||
<div class="flex gap-2 px-4">
|
<div class="flex gap-2 px-4">
|
||||||
<div class="pb-2 truncate box-title" x-text="item.name"></div>
|
<div class="pb-2 truncate box-title" x-text="item.name"></div>
|
||||||
@@ -176,9 +192,17 @@
|
|||||||
<div
|
<div
|
||||||
class="flex flex-wrap gap-1 pt-1 group-hover:dark:text-white group-hover:text-black group min-h-6">
|
class="flex flex-wrap gap-1 pt-1 group-hover:dark:text-white group-hover:text-black group min-h-6">
|
||||||
<template x-for="tag in item.tags">
|
<template x-for="tag in item.tags">
|
||||||
<div class="tag" @click.prevent="gotoTag(tag.name)" x-text="tag.name"></div>
|
<a :href="`/tags/${tag.name}`"
|
||||||
|
wire:navigate
|
||||||
|
class="tag"
|
||||||
|
x-text="tag.name">
|
||||||
|
</a>
|
||||||
</template>
|
</template>
|
||||||
<div class="add-tag" @click.prevent="goto(item)">Add tag</div>
|
<a :href="`${item.hrefLink}/tags`"
|
||||||
|
wire:navigate
|
||||||
|
class="add-tag">
|
||||||
|
Add tag
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -206,13 +230,6 @@
|
|||||||
dragonflies: @js($dragonflies),
|
dragonflies: @js($dragonflies),
|
||||||
clickhouses: @js($clickhouses),
|
clickhouses: @js($clickhouses),
|
||||||
services: @js($services),
|
services: @js($services),
|
||||||
gotoTag(tag) {
|
|
||||||
window.location.href = '/tags/' + tag;
|
|
||||||
},
|
|
||||||
goto(item) {
|
|
||||||
const hrefLink = item.hrefLink;
|
|
||||||
window.location.href = `${hrefLink}/tags`;
|
|
||||||
},
|
|
||||||
filterAndSort(items) {
|
filterAndSort(items) {
|
||||||
if (this.search === '') {
|
if (this.search === '') {
|
||||||
return Object.values(items).sort(sortFn);
|
return Object.values(items).sort(sortFn);
|
||||||
|
@@ -95,7 +95,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex items-center px-4">
|
<div class="flex items-center px-4">
|
||||||
<a class="mx-4 text-xs font-bold hover:underline"
|
<a class="mx-4 text-xs font-bold hover:underline"
|
||||||
href="{{ route('project.service.index', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'service_uuid' => $service->uuid, 'stack_service_uuid' => $application->uuid]) }}">
|
href="{{ route('project.service.index', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'service_uuid' => $service->uuid, 'stack_service_uuid' => $application->uuid]) }}"
|
||||||
|
wire:navigate>
|
||||||
Settings
|
Settings
|
||||||
</a>
|
</a>
|
||||||
@if (str($application->status)->contains('running'))
|
@if (str($application->status)->contains('running'))
|
||||||
@@ -143,12 +144,14 @@
|
|||||||
<div class="flex items-center px-4">
|
<div class="flex items-center px-4">
|
||||||
@if ($database->isBackupSolutionAvailable())
|
@if ($database->isBackupSolutionAvailable())
|
||||||
<a class="mx-4 text-xs font-bold hover:underline"
|
<a class="mx-4 text-xs font-bold hover:underline"
|
||||||
href="{{ route('project.service.index', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'service_uuid' => $service->uuid, 'stack_service_uuid' => $database->uuid]) }}#backups">
|
href="{{ route('project.service.index', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'service_uuid' => $service->uuid, 'stack_service_uuid' => $database->uuid]) }}#backups"
|
||||||
|
wire:navigate>
|
||||||
Backups
|
Backups
|
||||||
</a>
|
</a>
|
||||||
@endif
|
@endif
|
||||||
<a class="mx-4 text-xs font-bold hover:underline"
|
<a class="mx-4 text-xs font-bold hover:underline"
|
||||||
href="{{ route('project.service.index', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'service_uuid' => $service->uuid, 'stack_service_uuid' => $database->uuid]) }}">
|
href="{{ route('project.service.index', ['project_uuid' => $project->uuid, 'environment_uuid' => $environment->uuid, 'service_uuid' => $service->uuid, 'stack_service_uuid' => $database->uuid]) }}"
|
||||||
|
wire:navigate>
|
||||||
Settings
|
Settings
|
||||||
</a>
|
</a>
|
||||||
@if (str($database->status)->contains('running'))
|
@if (str($database->status)->contains('running'))
|
||||||
|
@@ -10,15 +10,15 @@
|
|||||||
<x-resources.breadcrumbs :resource="$service" :parameters="$parameters" />
|
<x-resources.breadcrumbs :resource="$service" :parameters="$parameters" />
|
||||||
<div class="navbar-main" x-data>
|
<div class="navbar-main" x-data>
|
||||||
<nav class="flex flex-shrink-0 gap-6 items-center whitespace-nowrap scrollbar min-h-10">
|
<nav class="flex flex-shrink-0 gap-6 items-center whitespace-nowrap scrollbar min-h-10">
|
||||||
<a class="{{ request()->routeIs('project.service.configuration') ? 'dark:text-white' : '' }}"
|
<a wire:navigate class="{{ request()->routeIs('project.service.configuration') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.service.configuration', $parameters) }}">
|
href="{{ route('project.service.configuration', $parameters) }}">
|
||||||
<button>Configuration</button>
|
<button>Configuration</button>
|
||||||
</a>
|
</a>
|
||||||
<a class="{{ request()->routeIs('project.service.logs') ? 'dark:text-white' : '' }}"
|
<a wire:navigate class="{{ request()->routeIs('project.service.logs') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.service.logs', $parameters) }}">
|
href="{{ route('project.service.logs', $parameters) }}">
|
||||||
<button>Logs</button>
|
<button>Logs</button>
|
||||||
</a>
|
</a>
|
||||||
<a class="{{ request()->routeIs('project.service.command') ? 'dark:text-white' : '' }}"
|
<a wire:navigate class="{{ request()->routeIs('project.service.command') ? 'dark:text-white' : '' }}"
|
||||||
href="{{ route('project.service.command', $parameters) }}">
|
href="{{ route('project.service.command', $parameters) }}">
|
||||||
<button>Terminal</button>
|
<button>Terminal</button>
|
||||||
</a>
|
</a>
|
||||||
|
@@ -12,7 +12,7 @@
|
|||||||
<div class="flex flex-col flex-wrap gap-2 pt-4">
|
<div class="flex flex-col flex-wrap gap-2 pt-4">
|
||||||
@forelse($resource->scheduled_tasks as $task)
|
@forelse($resource->scheduled_tasks as $task)
|
||||||
@if ($resource->type() == 'application')
|
@if ($resource->type() == 'application')
|
||||||
<a class="box"
|
<a class="box" wire:navigate
|
||||||
href="{{ route('project.application.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}">
|
href="{{ route('project.application.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}">
|
||||||
<span class="flex flex-col">
|
<span class="flex flex-col">
|
||||||
<span class="text-lg font-bold">{{ $task->name }}
|
<span class="text-lg font-bold">{{ $task->name }}
|
||||||
@@ -27,7 +27,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
@elseif ($resource->type() == 'service')
|
@elseif ($resource->type() == 'service')
|
||||||
<a class="box"
|
<a class="box" wire:navigate
|
||||||
href="{{ route('project.service.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}">
|
href="{{ route('project.service.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}">
|
||||||
<span class="flex flex-col">
|
<span class="flex flex-col">
|
||||||
<span class="text-lg font-bold">{{ $task->name }}
|
<span class="text-lg font-bold">{{ $task->name }}
|
||||||
|
@@ -167,6 +167,7 @@
|
|||||||
</td>
|
</td>
|
||||||
<td class="px-5 py-4 text-sm whitespace-nowrap"><a
|
<td class="px-5 py-4 text-sm whitespace-nowrap"><a
|
||||||
class=""
|
class=""
|
||||||
|
wire:navigate
|
||||||
href="{{ $resource->link() }}">{{ $resource->name }}
|
href="{{ $resource->link() }}">{{ $resource->name }}
|
||||||
<x-internal-link /></a>
|
<x-internal-link /></a>
|
||||||
</td>
|
</td>
|
||||||
|
@@ -3,7 +3,7 @@
|
|||||||
<h4 class="py-4">{{ $server_name }}</h4>
|
<h4 class="py-4">{{ $server_name }}</h4>
|
||||||
<div class="grid grid-cols-1 gap-2">
|
<div class="grid grid-cols-1 gap-2">
|
||||||
@foreach ($deployments as $deployment)
|
@foreach ($deployments as $deployment)
|
||||||
<a href="{{ data_get($deployment, 'deployment_url') }}" @class([
|
<a wire:navigate href="{{ data_get($deployment, 'deployment_url') }}" @class([
|
||||||
'box-without-bg-without-border dark:bg-coolgray-100 bg-white gap-2 cursor-pointer group border-l-2',
|
'box-without-bg-without-border dark:bg-coolgray-100 bg-white gap-2 cursor-pointer group border-l-2',
|
||||||
'dark:border-coolgray-300' => data_get($deployment, 'status') === 'queued',
|
'dark:border-coolgray-300' => data_get($deployment, 'status') === 'queued',
|
||||||
'dark:border-yellow-500' =>
|
'dark:border-yellow-500' =>
|
||||||
|
Reference in New Issue
Block a user