fix: fixes

lenneTech · Dec 22, 2024 · fc0b751 · fc0b751
1 parent 0d0ef90
commit fc0b751
Show file tree

Hide file tree

Showing 8 changed files with 28 additions and 10 deletions.
diff --git a/projects/api/src/server/common/services/cron-jobs.service.ts b/projects/api/src/server/common/services/cron-jobs.service.ts
@@ -86,5 +86,6 @@ export class CronJobs extends CoreCronJobs {
         `docker system prune --force --all`,
         {shell: true}
     );
+    await execa('docker network create --driver=overlay deploy-party', {shell: true});
   }
 }
diff --git a/projects/app/src/components/Form/FormCode.vue b/projects/app/src/components/Form/FormCode.vue
@@ -17,10 +17,10 @@ onMounted(() => {
   }
 });
 
-const { handleBlur, handleChange, setTouched, setValue, value } = useField(() => props.name);
+const { handleBlur, handleChange, resetField, setTouched, setValue, value } = useField(() => props.name);
 
 if (!value.value) {
-  value.value = '';
+  setValue('', false);
 }
 
 function textarea(node) {

diff --git a/projects/app/src/components/Form/FormInput.vue b/projects/app/src/components/Form/FormInput.vue
@@ -11,7 +11,6 @@ const props = defineProps<{
 const hover = ref(false);
 
 const { handleBlur, handleChange, meta, setTouched, value } = useField(() => props.name);
-const { text } = useClipboard();
 
 async function fillByClipboard() {
   value.value = await navigator.clipboard.readText();
@@ -25,7 +24,7 @@ async function fillByClipboard() {
     >
     <div class="relative mt-2 pb-2">
       <span
-        v-show="text && hover"
+        v-show="hover"
         class="absolute duration-200 right-0 -top-6 text-xs cursor-pointer font-light underline text-foreground/50 hover:text-primary"
         @click="fillByClipboard"
         >fill by clipboard</span

diff --git a/projects/app/src/components/Modals/ModalDeleteConfirm.vue b/projects/app/src/components/Modals/ModalDeleteConfirm.vue
@@ -26,7 +26,8 @@ function confirm() {
 }
 
 function copyName(name: string) {
-  useClipboard({ source: name }).copy();
+  const { $copyToClipboard } = useNuxtApp();
+  $copyToClipboard(name);
   useNotification().notify({ text: 'Successfully copy name', title: 'Success', type: 'success' });
 }
 </script>

diff --git a/projects/app/src/pages/admin/api-keys.vue b/projects/app/src/pages/admin/api-keys.vue
@@ -16,7 +16,8 @@ function showContextMenu(key: ApiKey) {
     items: [
       {
         click: () => {
-          useClipboard({ source: key.key! }).copy();
+          const { $copyToClipboard } = useNuxtApp();
+          $copyToClipboard(key.key!);
           useNotification().notify({ text: 'API-Key copied to clipboard', title: 'Success', type: 'success' });
         },
         label: 'Copy API-Key',

diff --git a/projects/app/src/pages/index.vue b/projects/app/src/pages/index.vue
@@ -202,7 +202,8 @@ function showProjectContextMenu(project: Project) {
       },
       {
         click: () => {
-          useClipboard({ source: project.id }).copy();
+          const { $copyToClipboard } = useNuxtApp();
+          $copyToClipboard(project.id);
           useNotification().notify({ text: 'Copied project id', title: 'Success', type: 'success' });
         },
         label: 'Copy project id',
@@ -212,7 +213,7 @@ function showProjectContextMenu(project: Project) {
           const config = await useAuthFetch(`/project/${project.id}/download-template`);
 
           const text = JSON.stringify(config);
-          const filename = `${project.name.toLowerCase().replaceAll(' ', '_')}.json`;
+          const filename = `dp-${project.name.toLowerCase().replaceAll(' ', '_')}.json`;
           let element = document.createElement('a');
           element.setAttribute('href', 'data:application/json;charset=utf-8,' + encodeURIComponent(text));
           element.setAttribute('download', filename);

diff --git a/projects/app/src/pages/projects/[id]/[containerId]/index.vue b/projects/app/src/pages/projects/[id]/[containerId]/index.vue
@@ -12,15 +12,16 @@ useSeoMeta({
 });
 
 const route = useRoute();
+const { $copyToClipboard } = useNuxtApp();
 const { currentUserState: user } = useAuthState();
 const containerId = ref<string>(route.params.containerId ? (route.params.containerId as string) : '');
 const { data } = await useAsyncGetContainerQuery({ id: containerId.value }, null);
+
 const container = computed(() => data.value || null);
 const dbUrl = computed(
   () => `mongodb://${container.value.id}_${container.value.name.replace(/\s/g, '_')}:27017/YOUR_DB_NAME`,
 );
 const dbHost = computed(() => `${container.value.id}_${container.value.name.replace(/\s/g, '_')}`);
-const { copy } = useClipboard({ source: dbUrl });
 const disabled = computed<boolean>(() => !user.value.roles.includes('admin'));
 const tab = ref<string>('');
 
@@ -37,7 +38,7 @@ watch(
 );
 
 function copyUrl() {
-  copy();
+  $copyToClipboard(dbUrl.value);
   useNotification().notify({ text: 'Copied to clipboard', title: 'Success', type: 'success' });
 }
 </script>

diff --git a/projects/app/src/plugins/clipboard.client.ts b/projects/app/src/plugins/clipboard.client.ts
@@ -0,0 +1,14 @@
+export default defineNuxtPlugin(() => {
+  return {
+    provide: {
+      copyToClipboard(text: number | string) {
+        const textarea = document.createElement('textarea');
+        textarea.value = text.toString();
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textarea);
+      },
+    },
+  };
+});