@simitgroup/simpleapp-generator 1.6.7-o-alpha → 2.0.0-b-alpha

package/templates/nuxt/components/image/ImageAvatar.vue.eta

@@ -1,56 +0,0 @@
-<template>
-  <ImageToBase64Uploader
-    v-if="changable"
-    #default
-    :style="`width:${size}px; height:${size} px`"
-    :class="`place-content-center `"
-    @image-uploaded="handleBase64"
-    :imagePath="imagepath"
-  >
-    <NuxtImg
-      class="w-full h-full border-4 rounded-full"
-      :src="imagepath"
-      :key="imageKey"
-    />
-  </ImageToBase64Uploader>
-  <div
-    v-else
-    class="inline-block text-black"
-    :style="`width:${size}px; height:${size} px`"
-  >
-    <NuxtImg
-      class="w-full h-full border rounded-full"
-      :key="refreshkey"
-      :src="imagepath"
-    />
-  </div>
-</template>
-<script lang="ts" setup>
-import { updateAvatarVersion } from "~/composables/stringHelper.generate";
-
-// import {KeyValue} from ''
-const props = defineProps<{
-  changable?: boolean;
-  size?: number;
-  uid?: string;
-  refreshkey?: number;
-}>();
-const size = computed(() => props.size ?? 36);
-const imageKey = ref(0);
-const uid = computed(() => props.uid ?? getUserProfile()?.uid);
-// const xorgpath = getCurrentXorg() ? `${getCurrentXorg()}/` : "MC0wLTA/";
-
-const imagepath = computed(() => getAvatarByUid(uid.value)); //`${xorgpath}images/organization/${orgRecordId.value}`;
-
-const handleBase64 = async (data: string) => {
-  await fetch(`/api/profile/avatar`, {
-    method: "POST",
-    body: data.split("base64,")[1],
-  }).then(async (res) => {
-    await fetch(imagepath.value, { cache: "reload", credentials: "include" });
-    imageKey.value++;
-    updateAvatarVersion();
-    // useNuxtApp().$event('RefreshUser',uid.value)
-  });
-};
-</script>

package/templates/nuxt/components/image/ImageOrganization.vue.eta

@@ -1,66 +0,0 @@
-<template>
-  <ImageToBase64Uploader
-    v-if="changable"
-    #default
-    :class="`w-${sizenumber} h-${sizenumber} place-content-center bg-white rounded-md`"
-    @image-uploaded="handleBase64"
-    :imagePath="imagepath"
-  >
-    <!-- {{console.log("imagepath",imagepath)}} -->
-    <NuxtImg
-      class="w-full h-full rounded-md"
-      :key="imageKey"
-      provider="myProvider"
-      :src="imagepath"
-    />
-  </ImageToBase64Uploader>
-  <div
-    v-else
-    :class="`inline-block rounded-md w-${sizenumber} h-${sizenumber} bg-white text-black`"
-  >
-    <!-- {{console.log("imagepath",imagepath)}} -->
-
-    <NuxtImg
-      class="rounded-md min-w-10 min-h-10"
-      provider="myProvider"
-      :src="imagepath"
-    />
-  </div>
-</template>
-<script lang="ts" setup>
-// import {KeyValue} from ''
-const props = defineProps<{
-  changable?: boolean;
-  orgRecordId?: string;
-  size: number;
-}>();
-const imageKey = ref(0);
-const orgRecordId = computed(
-  () => props.orgRecordId ?? getUserProfile()?.orgRecordId,
-);
-const xorgpath = getCurrentXorg() ? `${getCurrentXorg()}/` : "MC0wLTA/";
-
-const imagepath = `${xorgpath}images/organization/${orgRecordId.value}`;
-const sizenumber = props.size ?? 16;
-const imageData = ref("");
-watch(
-  () => props.orgRecordId,
-  () => imageKey.value++,
-);
-const handleBase64 = async (data: string) => {
-  const keyvalue = {
-    key: "org-" + props.orgRecordId,
-    value: data,
-  };
-  // console.log("upload logo ", data);
-  const uploadok = await useNuxtApp()
-    .$OrganizationDoc()
-    .getApi()
-    .runUploadlogo(keyvalue);
-  if (uploadok) {
-    const realpath = `/api/${imagepath}`;
-    await fetch(realpath, { cache: "reload", credentials: "include" });
-    imageKey.value++;
-  }
-};
-</script>