vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
parent 86e4392bcf 51a4b5a8cb
commit d05121091c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/dynamicdialog/DynamicDialogDoc.vue
View File

@ -378,7 +378,7 @@ export default {
content: ` content: `
<template> <template>
<div> <div>
<Button label="Show" @click="onShow" /> <Button label="Show" @click="showProducts" />
<Toast /> <Toast />
<DynamicDialog /> <DynamicDialog />
@ -388,7 +388,7 @@ export default {
<script> <script>
import { h } from 'vue'; import { h } from 'vue';
import { useDialog } from 'primevue/usedialog'; import { useDialog } from 'primevue/usedialog';
import { useToast } from 'priemvue/usetoast'; import { useToast } from 'primevue/usetoast';
import Button from 'primevue/button'; import Button from 'primevue/button';
import ProductListDemo from './components/ProductListDemo'; 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="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`, <script src="./ProductService.js"><\\/script>`,
content: `<div id="app"> 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-toast></p-toast>
<p-dynamicdialog></p-dynamicdialog> <p-dynamicdialog></p-dynamicdialog>
@ -698,7 +698,7 @@ export default {
}, },
pages: [ pages: [
{ {
tabName: 'ProductsListDemo', tabName: 'ProductListDemo',
content: ` content: `
<template> <template>
<div> <div>
@ -710,7 +710,7 @@ export default {
<Column field="name" header="Name"></Column> <Column field="name" header="Name"></Column>
<Column header="Image"> <Column header="Image">
<template #body="slotProps"> <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> </template>
</Column> </Column>
<Column field="category" header="Category"></Column> <Column field="category" header="Category"></Column>
@ -726,7 +726,7 @@ export default {
</template> </template>
<script> <script>
import ProductService from '../../service/ProductService'; import ProductService from '../service/ProductService';
import InfoDemo from './InfoDemo.vue'; import InfoDemo from './InfoDemo.vue';
export default { export default {

4
src/views/liveeditor/LiveEditor.vue
View File

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