From 238337fecb3eee2e1e878d4afca14e237836dba2 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Tue, 23 Jan 2024 20:26:45 +0100
Subject: [PATCH] Add new shared variable and update variable usage

---
 resources/js/components/MagicBar.vue                   | 10 ++++++++++
 resources/views/livewire/project/edit.blade.php        |  4 +++-
 .../views/livewire/project/environment-edit.blade.php  |  9 ++++++---
 .../livewire/team-shared-variables-index.blade.php     | 10 +++++++---
 4 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/MagicBar.vue b/resources/js/components/MagicBar.vue
index 4fc1fc5df..5f11d8afd 100644
--- a/resources/js/components/MagicBar.vue
+++ b/resources/js/components/MagicBar.vue
@@ -429,6 +429,13 @@ const magicActions = [{
     tags: 'api,tokens,rest',
     icon: 'goto',
     sequence: ['main', 'redirect']
+},
+{
+    id: 26,
+    name: 'Goto: Team Shared Variables',
+    tags: 'team,shared,variables',
+    icon: 'goto',
+    sequence: ['main', 'redirect']
 }
 ]
 const initialState = {
@@ -665,6 +672,9 @@ async function redirect() {
         case 25:
             targetUrl.pathname = `/security/api-tokens`
             break;
+        case 26:
+            targetUrl.pathname = `/team/shared-variables`
+            break;
     }
     window.location.href = targetUrl;
 }
diff --git a/resources/views/livewire/project/edit.blade.php b/resources/views/livewire/project/edit.blade.php
index 71b7a0688..0328b4ab5 100644
--- a/resources/views/livewire/project/edit.blade.php
+++ b/resources/views/livewire/project/edit.blade.php
@@ -23,7 +23,9 @@ class="font-normal text-white normal-case border-none rounded btn btn-primary bt
                 Add</button>
         </x-slide-over>
     </div>
-    <div class="pb-4">You can use this anywhere.</div>
+    <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span class="text-warning">@{{project.VARIABLENAME}}</span><x-helper
+            helper="More info <a class='text-white underline' href='https://coolify.io/docs/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper>
+    </div>
     <div class="flex flex-col gap-2">
         @forelse ($project->environment_variables->sort()->sortBy('real_value') as $env)
             <livewire:project.shared.environment-variable.show wire:key="environment-{{ $env->id }}"
diff --git a/resources/views/livewire/project/environment-edit.blade.php b/resources/views/livewire/project/environment-edit.blade.php
index acd01f5df..a643f197d 100644
--- a/resources/views/livewire/project/environment-edit.blade.php
+++ b/resources/views/livewire/project/environment-edit.blade.php
@@ -46,13 +46,16 @@
         <x-slide-over>
             <x-slot:title>New Shared Variable</x-slot:title>
             <x-slot:content>
-                <livewire:project.shared.environment-variable.add  />
+                <livewire:project.shared.environment-variable.add />
             </x-slot:content>
             <button @click="slideOverOpen=true"
-                class="font-normal text-white normal-case border-none rounded btn btn-primary btn-sm no-animation">+ Add</button>
+                class="font-normal text-white normal-case border-none rounded btn btn-primary btn-sm no-animation">+
+                Add</button>
         </x-slide-over>
     </div>
-    <div class="pb-4">You can use this anywhere.</div>
+    <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span class="text-warning">@{{environment.VARIABLENAME}}</span><x-helper
+            helper="More info <a class='text-white underline' href='https://coolify.io/docs/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper>
+    </div>
     <div class="flex flex-col gap-2">
         @forelse ($environment->environment_variables->sort()->sortBy('real_value') as $env)
             <livewire:project.shared.environment-variable.show wire:key="environment-{{ $env->id }}"
diff --git a/resources/views/livewire/team-shared-variables-index.blade.php b/resources/views/livewire/team-shared-variables-index.blade.php
index 725a0f3f9..0dc69447e 100644
--- a/resources/views/livewire/team-shared-variables-index.blade.php
+++ b/resources/views/livewire/team-shared-variables-index.blade.php
@@ -5,13 +5,17 @@
         <x-slide-over>
             <x-slot:title>New Shared Variable</x-slot:title>
             <x-slot:content>
-                <livewire:project.shared.environment-variable.add  />
+                <livewire:project.shared.environment-variable.add />
             </x-slot:content>
             <button @click="slideOverOpen=true"
-                class="font-normal text-white normal-case border-none rounded btn btn-primary btn-sm no-animation">+ Add</button>
+                class="font-normal text-white normal-case border-none rounded btn btn-primary btn-sm no-animation">+
+                Add</button>
         </x-slide-over>
     </div>
-    <div class="pb-4">You can use this anywhere.</div>
+    <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span class="text-warning">@{{team.VARIABLENAME}}</span> <x-helper
+            helper="More info <a class='text-white underline' href='https://coolify.io/docs/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper>
+    </div>
+
     <div class="flex flex-col gap-2">
         @forelse ($team->environment_variables->sort()->sortBy('real_value') as $env)
             <livewire:project.shared.environment-variable.show wire:key="environment-{{ $env->id }}"