Merge pull request #2682 from tugcekucukoglu/dialog-demo

update demo
pull/2683/head
Tuğçe Küçükoğlu 2022-06-15 15:52:37 +03:00 committed by GitHub
commit d05121091c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 6 deletions

View File

@ -378,7 +378,7 @@ export default {
content: `
<template>
<div>
<Button label="Show" @click="onShow" />
<Button label="Show" @click="showProducts" />
<Toast />
<DynamicDialog />
@ -388,7 +388,7 @@ export default {
<script>
import { h } from 'vue';
import { useDialog } from 'primevue/usedialog';
import { useToast } from 'priemvue/usetoast';
import { useToast } from 'primevue/usetoast';
import Button from 'primevue/button';
import ProductListDemo from './components/ProductListDemo';
@ -446,7 +446,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `<div id="app">
<p-button label="Show" @click="onShow"></p-button>
<p-button label="Show" @click="showProducts"></p-button>
<p-toast></p-toast>
<p-dynamicdialog></p-dynamicdialog>
@ -698,7 +698,7 @@ export default {
},
pages: [
{
tabName: 'ProductsListDemo',
tabName: 'ProductListDemo',
content: `
<template>
<div>
@ -710,7 +710,7 @@ export default {
<Column field="name" header="Name"></Column>
<Column header="Image">
<template #body="slotProps">
<img :src="'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="shadow-2 w-4rem" />
<img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :alt="slotProps.data.name" class="shadow-2 w-4rem" />
</template>
</Column>
<Column field="category" header="Category"></Column>
@ -726,7 +726,7 @@ export default {
</template>
<script>
import ProductService from '../../service/ProductService';
import ProductService from '../service/ProductService';
import InfoDemo from './InfoDemo.vue';
export default {

View File

@ -537,9 +537,11 @@ import DataView from 'primevue/dataview';
import DataViewLayoutOptions from 'primevue/dataviewlayoutoptions';
import DeferredContent from 'primevue/deferredcontent';
import Dialog from 'primevue/dialog';
import DialogService from 'primevue/dialogservice'
import Divider from 'primevue/divider';
import Dock from 'primevue/dock';
import Dropdown from 'primevue/dropdown';
import DynamicDialog from 'primevue/dynamicdialog';
import Fieldset from 'primevue/fieldset';
import FileUpload from 'primevue/fileupload';
import Galleria from 'primevue/galleria';
@ -608,6 +610,7 @@ const app = createApp(${name});
app.use(PrimeVue, { ripple: true });
app.use(ConfirmationService);
app.use(ToastService);
app.use(DialogService);
app.use(router);
app.directive('tooltip', Tooltip);
@ -645,6 +648,7 @@ app.component('Dialog', Dialog);
app.component('Divider', Divider);
app.component('Dock', Dock);
app.component('Dropdown', Dropdown);
app.component('DynamicDialog', DynamicDialog);
app.component('Fieldset', Fieldset);
app.component('FileUpload', FileUpload);
app.component('Galleria', Galleria);