Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sakai services updates

Browse Source
This commit is contained in:
tugcekucukoglu
2024-03-29 08:21:34 +03:00
parent 1f5aeb1a21
commit ef6f80dfb1
20 changed files with 155 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/uikit/FloatLabel.vue
View File

@@ -1,6 +1,6 @@
<script setup>
import { ref, onMounted } from 'vue';
import CountryService from '@/service/CountryService';
import { CountryService } from '@/service/CountryService';
const countries = ref([]);
const cities = ref([

4
src/views/uikit/Input.vue
View File

@@ -1,7 +1,7 @@
<script setup>
import { ref, onMounted } from 'vue';
import CountryService from '@/service/CountryService';
import NodeService from '@/service/NodeService';
import { CountryService } from '@/service/CountryService';
import { NodeService } from '@/service/NodeService';
const floatValue = ref(null);
const autoValue = ref(null);

2
src/views/uikit/InvalidState.vue
View File

@@ -1,6 +1,6 @@
<script setup>
import { ref, onMounted } from 'vue';
import CountryService from '@/service/CountryService';
import { CountryService } from '@/service/CountryService';
const countries = ref(null);
const filteredCountries = ref(null);

2
src/views/uikit/List.vue
View File

@@ -1,6 +1,6 @@
<script setup>
import { ref, onMounted } from 'vue';
import ProductService from '@/service/ProductService';
import { ProductService } from '@/service/ProductService';
const picklistValue = ref([
[

80
src/views/uikit/Media.vue
View File

@@ -1,6 +1,6 @@
<script setup>
import ProductService from '@/service/ProductService';
import PhotoService from '@/service/PhotoService';
import { ProductService } from '@/service/ProductService';
import { PhotoService } from '@/service/PhotoService';
import { ref, onMounted } from 'vue';
const products = ref([]);
@@ -48,6 +48,22 @@ onMounted(() => {
productService.getProductsSmall().then((data) => (products.value = data));
photoService.getImages().then((data) => (images.value = data));
});
const getSeverity = (status) => {
switch (status) {
case 'INSTOCK':
return 'success';
case 'LOWSTOCK':
return 'warning';
case 'OUTOFSTOCK':
return 'danger';
default:
return null;
}
};
</script>
<template>
@@ -55,24 +71,23 @@ onMounted(() => {
<div class="col-12">
<div class="card">
<h5>Carousel</h5>
<Carousel :value="products" :numVisible="3" :numScroll="3" :circular="false" :responsiveOptions="carouselResponsiveOptions">
<template #item="product">
<div class="border-round m-2 text-center p-2" style="border: 1px solid var(--surface-d)">
<div class="my-5">
<img :src="'demo/images/product/' + product.data.image" :alt="product.data.name" class="product-image" />
</div>
<div>
<h5 class="mb-1">
{{ product.data.name }}
</h5>
<h6 class="mt-0 mb-3">${{ product.data.price }}</h6>
<Badge :class="'product-badge status-' + product.data.inventoryStatus.toLowerCase()">{{ product.data.inventoryStatus }}</Badge>
<div class="my-5">
<Button icon="pi pi-search" class="mr-2 p-button-rounded"></Button>
<Button icon="pi pi-star-fill" class="mr-2 p-button-rounded p-button-success"></Button>
<Button icon="pi pi-cog" class="p-button-rounded p-button-info"></Button>
<Carousel :value="products" :numVisible="3" :numScroll="3" :responsiveOptions="carouselResponsiveOptions">
<template #item="slotProps">
<div class="border-1 surface-border border-round m-2 p-3">
<div class="mb-3">
<div class="relative mx-auto">
<img :src="'/demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full border-round" />
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left: 5px; top: 5px" />
</div>
</div>
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
<div class="flex justify-content-between align-items-center">
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
<span>
<Button icon="pi pi-heart" severity="secondary" outlined />
<Button icon="pi pi-shopping-cart" class="ml-2" />
</span>
</div>
</div>
</template>
</Carousel>
@@ -81,24 +96,27 @@ onMounted(() => {
<div class="col-12">
<div class="card">
<h5>Galleria</h5>
<Galleria :value="images" :responsiveOptions="galleriaResponsiveOptions" :numVisible="7" :circular="true" containerStyle="max-width: 800px; margin: auto">
<template #item="slotProps">
<img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</template>
<template #thumbnail="slotProps">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" tyle="width: 100%; display: block;" />
</template>
</Galleria>
<h5>Image</h5>
<div class="flex justify-content-center">
<Image :src="'/demo/images/galleria/galleria11.jpg'" alt="Image" width="250" preview />
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<h5>Image</h5>
<div class="flex justify-content-center">
<Image :src="'demo/images/galleria/galleria11.jpg'" alt="Image" width="250" preview />
</div>
<h5>Galleria</h5>
<Galleria :value="images" :responsiveOptions="galleriaResponsiveOptions" :numVisible="7"
:circular="true" containerStyle="max-width: 800px; margin: auto">
<template #item="slotProps">
<img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt"
style="width: 100%; display: block" />
</template>
<template #thumbnail="slotProps">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt"
tyle="width: 100%; display: block;" />
</template>
</Galleria>
</div>
</div>
</div>

16
src/views/uikit/Misc.vue
View File

@@ -75,11 +75,11 @@ onBeforeUnmount(() => {
<h4>Avatar</h4>
<h5>Avatar Group</h5>
<AvatarGroup class="mb-3">
<Avatar :image="'demo/images/avatar/amyelsner.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'demo/images/avatar/asiyajavayant.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'demo/images/avatar/onyamalimba.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'demo/images/avatar/ionibowcher.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'demo/images/avatar/xuxuefeng.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'/demo/images/avatar/amyelsner.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'/demo/images/avatar/asiyajavayant.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'/demo/images/avatar/onyamalimba.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'/demo/images/avatar/ionibowcher.png'" size="large" shape="circle"></Avatar>
<Avatar :image="'/demo/images/avatar/xuxuefeng.png'" size="large" shape="circle"></Avatar>
<Avatar label="+2" shape="circle" size="large" :style="{ 'background-color': '#9c27b0', color: '#ffffff' }"></Avatar>
</AvatarGroup>
@@ -151,9 +151,9 @@ onBeforeUnmount(() => {
<h5>Image</h5>
<div class="flex align-items-center flex-column sm:flex-row">
<Chip label="Amy Elsner" :image="'demo/images/avatar/amyelsner.png'" class="mr-2 mb-2"></Chip>
<Chip label="Asiya Javayant" :image="'demo/images/avatar/asiyajavayant.png'" class="mr-2 mb-2"></Chip>
<Chip label="Onyama Limba" :image="'demo/images/avatar/onyamalimba.png'" class="mr-2 mb-2"></Chip>
<Chip label="Amy Elsner" :image="'/demo/images/avatar/amyelsner.png'" class="mr-2 mb-2"></Chip>
<Chip label="Asiya Javayant" :image="'/demo/images/avatar/asiyajavayant.png'" class="mr-2 mb-2"></Chip>
<Chip label="Onyama Limba" :image="'/demo/images/avatar/onyamalimba.png'" class="mr-2 mb-2"></Chip>
</div>
</div>

2
src/views/uikit/Overlay.vue
View File

@@ -1,8 +1,8 @@
<script setup>
import ProductService from '@/service/ProductService';
import { ref, onMounted } from 'vue';
import { useToast } from 'primevue/usetoast';
import { useConfirm } from 'primevue/useconfirm';
import { ProductService } from '@/service/ProductService';
const display = ref(false);
const displayConfirmation = ref(false);

10
src/views/uikit/Table.vue
View File

@@ -1,8 +1,8 @@
<script setup>
import { ref, onBeforeMount, reactive } from 'vue';
import { FilterMatchMode, FilterOperator } from 'primevue/api';
import CustomerService from '@/service/CustomerService';
import ProductService from '@/service/ProductService';
import { ref, onBeforeMount } from 'vue';
import { CustomerService } from '@/service/CustomerService';
import { ProductService } from '@/service/ProductService';
const customer1 = ref(null);
const customer2 = ref(null);
@@ -13,8 +13,8 @@ const loading2 = ref(null);
const idFrozen = ref(false);
const products = ref(null);
const expandedRows = ref([]);
const statuses = ref(['unqualified', 'qualified', 'new', 'negotiation', 'renewal', 'proposal']);
const representatives = ref([
const statuses = reactive(['unqualified', 'qualified', 'new', 'negotiation', 'renewal', 'proposal']);
const representatives = reactive([
{ name: 'Amy Elsner', image: 'amyelsner.png' },
{ name: 'Anna Fali', image: 'annafali.png' },
{ name: 'Asiya Javayant', image: 'asiyajavayant.png' },

2
src/views/uikit/Tree.vue
View File

@@ -1,6 +1,6 @@
<script setup>
import NodeService from '@/service/NodeService';
import { onMounted, ref } from 'vue';
import { NodeService } from '@/service/NodeService';
const treeValue = ref(null);
const selectedTreeValue = ref(null);