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

Merge branch 'master' of https://github.com/primefaces/sakai-vue

Browse Source
This commit is contained in:
Cagatay Civici
2024-07-30 11:17:16 +03:00
parent 49e82095c9 fa8ce31973
commit 9cab42f25d
2 changed files with 11 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -102,7 +102,7 @@ const searchCountry = (event) => {
<Textarea placeholder="Your Message" :autoResize="true" rows="3" cols="30" />
<div class="font-semibold text-xl">AutoComplete</div>
<AutoComplete placeholder="Search" :dropdown="true" display="chip" v-model="selectedAutoValue" :suggestions="autoFilteredValue" @complete="searchCountry($event)" field="name" />
<AutoComplete v-model="selectedAutoValue" :suggestions="autoFilteredValue" optionLabel="name" placeholder="Search" dropdown multiple display="chip" @complete="searchCountry($event)" />
<div class="font-semibold text-xl">DatePicker</div>
<DatePicker :showIcon="true" :showButtonBar="true" v-model="calendarValue"></DatePicker>

37
src/views/uikit/ListDoc.vue
View File

@@ -2,35 +2,18 @@
import { ProductService } from '@/service/ProductService';
import { onMounted, ref } from 'vue';
const picklistValue = ref([
[
{ name: 'San Francisco', code: 'SF' },
{ name: 'London', code: 'LDN' },
{ name: 'Paris', code: 'PRS' },
{ name: 'Istanbul', code: 'IST' },
{ name: 'Berlin', code: 'BRL' },
{ name: 'Barcelona', code: 'BRC' },
{ name: 'Rome', code: 'RM' }
],
[]
]);
const orderlistValue = ref([
{ name: 'San Francisco', code: 'SF' },
{ name: 'London', code: 'LDN' },
{ name: 'Paris', code: 'PRS' },
{ name: 'Istanbul', code: 'IST' },
{ name: 'Berlin', code: 'BRL' },
{ name: 'Barcelona', code: 'BRC' },
{ name: 'Rome', code: 'RM' }
]);
const products = ref(null);
const picklistProducts = ref(null);
const orderlistProducts = ref(null);
const options = ref(['list', 'grid']);
const layout = ref('grid');
const layout = ref('list');
onMounted(() => {
ProductService.getProductsSmall().then((data) => (products.value = data));
ProductService.getProductsSmall().then((data) => {
products.value = data.slice(0, 6);
picklistProducts.value = [data, []];
orderlistProducts.value = data;
});
});
const getSeverity = (product) => {
@@ -157,7 +140,7 @@ const getSeverity = (product) => {
<div class="lg:w-2/3">
<div class="card">
<div class="font-semibold text-xl mb-4">PickList</div>
<PickList v-model="picklistValue" breakpoint="1400px" dataKey="id">
<PickList v-model="picklistProducts" breakpoint="1400px" dataKey="id">
<template #option="{ option }">
{{ option.name }}
</template>
@@ -168,7 +151,7 @@ const getSeverity = (product) => {
<div class="lg:w-1/3">
<div class="card">
<div class="font-semibold text-xl mb-4">OrderList</div>
<OrderList v-model="orderlistValue" breakpoint="1400px" dataKey="id" pt:pcList:root="w-full">
<OrderList v-model="orderlistProducts" breakpoint="1400px" dataKey="id" pt:pcList:root="w-full">
<template #option="{ option }">
{{ option.name }}
</template>