Path fixes for showcase build
Bahadır Sofuoğlu
parent
03224ff273
commit
c3dea62940
|
|
@ -5,7 +5,7 @@ describe('DeferredContent', () => {
|
|||
it('should exist', async () => {
|
||||
const wrapper = mount(DeferredContent, {
|
||||
slots: {
|
||||
default: '<img src="demo/images/nature/nature4.jpg" alt="Nature"/>'
|
||||
default: '<img src="/demo/images/nature/nature4.jpg" alt="Nature"/>'
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ describe('Inplace.vue', () => {
|
|||
<span class="pi pi-search" style="vertical-align: middle"></span>
|
||||
<span style="margin-left:.5rem; vertical-align: middle">View Picture</span>
|
||||
`,
|
||||
content: `<img src="demo/images/nature/nature1.jpg" />`
|
||||
content: `<img src="/demo/images/nature/nature1.jpg" />`
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -29,25 +29,25 @@
|
|||
<div class="grid free-themes">
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-light-blue')">
|
||||
<img src="demo/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap Light Blue" />
|
||||
<img src="/demo/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap Light Blue" />
|
||||
</button>
|
||||
<span>Blue</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-light-purple')">
|
||||
<img src="demo/images/themes/bootstrap4-light-purple.svg" alt="Bootstrap Light Blue" />
|
||||
<img src="/demo/images/themes/bootstrap4-light-purple.svg" alt="Bootstrap Light Blue" />
|
||||
</button>
|
||||
<span>Purple</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-dark-blue', true)">
|
||||
<img src="demo/images/themes/bootstrap4-dark-blue.svg" alt="Bootstrap Dark Blue" />
|
||||
<img src="/demo/images/themes/bootstrap4-dark-blue.svg" alt="Bootstrap Dark Blue" />
|
||||
</button>
|
||||
<span>Blue</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-dark-purple', true)">
|
||||
<img src="demo/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Blue" />
|
||||
<img src="/demo/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Blue" />
|
||||
</button>
|
||||
<span>Purple</span>
|
||||
</div>
|
||||
|
|
@ -57,25 +57,25 @@
|
|||
<div class="grid free-themes">
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'md-light-indigo')">
|
||||
<img src="demo/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
|
||||
<img src="/demo/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
|
||||
</button>
|
||||
<span>Indigo</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'md-light-deeppurple')">
|
||||
<img src="demo/images/themes/md-light-deeppurple.svg" alt="Material Light Deep Purple" />
|
||||
<img src="/demo/images/themes/md-light-deeppurple.svg" alt="Material Light Deep Purple" />
|
||||
</button>
|
||||
<span>Deep Purple</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'md-dark-indigo', true)">
|
||||
<img src="demo/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" />
|
||||
<img src="/demo/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" />
|
||||
</button>
|
||||
<span>Indigo</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'md-dark-deeppurple', true)">
|
||||
<img src="demo/images/themes/md-dark-deeppurple.svg" alt="Material Dark Deep Purple" />
|
||||
<img src="/demo/images/themes/md-dark-deeppurple.svg" alt="Material Dark Deep Purple" />
|
||||
</button>
|
||||
<span>Deep Purple</span>
|
||||
</div>
|
||||
|
|
@ -85,25 +85,25 @@
|
|||
<div class="grid free-themes">
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'mdc-light-indigo')">
|
||||
<img src="demo/images/themes/md-light-indigo.svg" alt="Material Compact Light Indigo" />
|
||||
<img src="/demo/images/themes/md-light-indigo.svg" alt="Material Compact Light Indigo" />
|
||||
</button>
|
||||
<span>Indigo</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'mdc-light-deeppurple')">
|
||||
<img src="demo/images/themes/md-light-deeppurple.svg" alt="Material Compact Deep Purple" />
|
||||
<img src="/demo/images/themes/md-light-deeppurple.svg" alt="Material Compact Deep Purple" />
|
||||
</button>
|
||||
<span>Deep Purple</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'mdc-dark-indigo', true)">
|
||||
<img src="demo/images/themes/md-dark-indigo.svg" alt="Material Compact Dark Indigo" />
|
||||
<img src="/demo/images/themes/md-dark-indigo.svg" alt="Material Compact Dark Indigo" />
|
||||
</button>
|
||||
<span>Indigo</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'mdc-dark-deeppurple', true)">
|
||||
<img src="demo/images/themes/md-dark-deeppurple.svg" alt="Material Compact Dark Deep Purple" />
|
||||
<img src="/demo/images/themes/md-dark-deeppurple.svg" alt="Material Compact Dark Deep Purple" />
|
||||
</button>
|
||||
<span>Deep Purple</span>
|
||||
</div>
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
<div class="grid free-themes">
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'tailwind-light')">
|
||||
<img src="demo/images/themes/tailwind-light.png" alt="Tailwind Light" />
|
||||
<img src="/demo/images/themes/tailwind-light.png" alt="Tailwind Light" />
|
||||
</button>
|
||||
<span>Tailwind Light</span>
|
||||
</div>
|
||||
|
|
@ -123,7 +123,7 @@
|
|||
<div class="grid free-themes">
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'fluent-light')">
|
||||
<img src="demo/images/themes/fluent-light.png" alt="Fluent Light" />
|
||||
<img src="/demo/images/themes/fluent-light.png" alt="Fluent Light" />
|
||||
</button>
|
||||
<span>Fluent Light</span>
|
||||
</div>
|
||||
|
|
@ -133,49 +133,49 @@
|
|||
<div class="grid free-themes">
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-indigo')">
|
||||
<img src="demo/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" />
|
||||
<img src="/demo/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" />
|
||||
</button>
|
||||
<span>Lara Light Indigo</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-blue')">
|
||||
<img src="demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" />
|
||||
<img src="/demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" />
|
||||
</button>
|
||||
<span>Lara Light Blue</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-purple')">
|
||||
<img src="demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" />
|
||||
<img src="/demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" />
|
||||
</button>
|
||||
<span>Lara Light Purple</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-teal')">
|
||||
<img src="demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" />
|
||||
<img src="/demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" />
|
||||
</button>
|
||||
<span>Lara Light Teal</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-indigo', true)">
|
||||
<img src="demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" />
|
||||
<img src="/demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" />
|
||||
</button>
|
||||
<span>Lara Dark Indigo</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-blue', true)">
|
||||
<img src="demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" />
|
||||
<img src="/demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" />
|
||||
</button>
|
||||
<span>Lara Dark Blue</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-purple', true)">
|
||||
<img src="demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" />
|
||||
<img src="/demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" />
|
||||
</button>
|
||||
<span>Lara Dark Purple</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-teal', true)">
|
||||
<img src="demo/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" />
|
||||
<img src="/demo/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" />
|
||||
</button>
|
||||
<span>Lara Dark Teal</span>
|
||||
</div>
|
||||
|
|
@ -185,73 +185,73 @@
|
|||
<div class="grid free-themes">
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'saga-blue')">
|
||||
<img src="demo/images/themes/saga-blue.png" alt="Saga Blue" />
|
||||
<img src="/demo/images/themes/saga-blue.png" alt="Saga Blue" />
|
||||
</button>
|
||||
<span>Saga Blue</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'saga-green')">
|
||||
<img src="demo/images/themes/saga-green.png" alt="Saga Green" />
|
||||
<img src="/demo/images/themes/saga-green.png" alt="Saga Green" />
|
||||
</button>
|
||||
<span>Saga Green</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'saga-orange')">
|
||||
<img src="demo/images/themes/saga-orange.png" alt="Saga Orange" />
|
||||
<img src="/demo/images/themes/saga-orange.png" alt="Saga Orange" />
|
||||
</button>
|
||||
<span>Saga Orange</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'saga-purple')">
|
||||
<img src="demo/images/themes/saga-purple.png" alt="Saga Purple" />
|
||||
<img src="/demo/images/themes/saga-purple.png" alt="Saga Purple" />
|
||||
</button>
|
||||
<span>Saga Purple</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'vela-blue', true)">
|
||||
<img src="demo/images/themes/vela-blue.png" alt="Vela Blue" />
|
||||
<img src="/demo/images/themes/vela-blue.png" alt="Vela Blue" />
|
||||
</button>
|
||||
<span>Vela Blue</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'vela-green', true)">
|
||||
<img src="demo/images/themes/vela-green.png" alt="Vela Green" />
|
||||
<img src="/demo/images/themes/vela-green.png" alt="Vela Green" />
|
||||
</button>
|
||||
<span>Vela Green</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'vela-orange', true)">
|
||||
<img src="demo/images/themes/vela-orange.png" alt="Vela Orange" />
|
||||
<img src="/demo/images/themes/vela-orange.png" alt="Vela Orange" />
|
||||
</button>
|
||||
<span>Vela Orange</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'vela-purple', true)">
|
||||
<img src="demo/images/themes/vela-purple.png" alt="Vela Purple" />
|
||||
<img src="/demo/images/themes/vela-purple.png" alt="Vela Purple" />
|
||||
</button>
|
||||
<span>Vela Purple</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'arya-blue', true)">
|
||||
<img src="demo/images/themes/arya-blue.png" alt="Arya Blue" />
|
||||
<img src="/demo/images/themes/arya-blue.png" alt="Arya Blue" />
|
||||
</button>
|
||||
<span>Arya Blue</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'arya-green', true)">
|
||||
<img src="demo/images/themes/arya-green.png" alt="Arya Green" />
|
||||
<img src="/demo/images/themes/arya-green.png" alt="Arya Green" />
|
||||
</button>
|
||||
<span>Arya Green</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'arya-orange', true)">
|
||||
<img src="demo/images/themes/arya-orange.png" alt="Arya Orange" />
|
||||
<img src="/demo/images/themes/arya-orange.png" alt="Arya Orange" />
|
||||
</button>
|
||||
<span>Arya Orange</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'arya-purple', true)">
|
||||
<img src="demo/images/themes/arya-purple.png" alt="Arya Purple" />
|
||||
<img src="/demo/images/themes/arya-purple.png" alt="Arya Purple" />
|
||||
</button>
|
||||
<span>Arya Purple</span>
|
||||
</div>
|
||||
|
|
@ -262,37 +262,37 @@
|
|||
<div class="grid free-themes">
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'soho-light')">
|
||||
<img src="demo/images/themes/soho-light.png" alt="Soho Light" />
|
||||
<img src="/demo/images/themes/soho-light.png" alt="Soho Light" />
|
||||
</button>
|
||||
<span>Soho Light</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'soho-dark', true)">
|
||||
<img src="demo/images/themes/soho-dark.png" alt="Soho Dark" />
|
||||
<img src="/demo/images/themes/soho-dark.png" alt="Soho Dark" />
|
||||
</button>
|
||||
<span>Soho Dark</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'viva-light')">
|
||||
<img src="demo/images/themes/viva-light.svg" alt="Viva Light" />
|
||||
<img src="/demo/images/themes/viva-light.svg" alt="Viva Light" />
|
||||
</button>
|
||||
<span>Viva Light</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'viva-dark', true)">
|
||||
<img src="demo/images/themes/viva-dark.svg" alt="Viva Dark" />
|
||||
<img src="/demo/images/themes/viva-dark.svg" alt="Viva Dark" />
|
||||
</button>
|
||||
<span>Viva Dark</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'mira')">
|
||||
<img src="demo/images/themes/mira.jpg" alt="Mira" />
|
||||
<img src="/demo/images/themes/mira.jpg" alt="Mira" />
|
||||
</button>
|
||||
<span>Mira</span>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<button class="p-link" type="button" @click="changeTheme($event, 'nano')">
|
||||
<img src="demo/images/themes/nano.jpg" alt="Mira" />
|
||||
<img src="/demo/images/themes/nano.jpg" alt="Mira" />
|
||||
</button>
|
||||
<span>Nano</span>
|
||||
</div>
|
||||
|
|
@ -323,32 +323,32 @@
|
|||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/diamond-vue">
|
||||
<img alt="Diamond" src="../assets/images/layouts/diamond-vue.jpg" />
|
||||
<img alt="Diamond" src="@/assets/images/layouts/diamond-vue.jpg" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/verona-vue">
|
||||
<img alt="Verona" src="../assets/images/layouts/verona-vue.jpg" />
|
||||
<img alt="Verona" src="@/assets/images/layouts/verona-vue.jpg" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/poseidon-vue">
|
||||
<img alt="Poseidon" src="../assets/images/layouts/poseidon-vue.jpg" />
|
||||
<img alt="Poseidon" src="@/assets/images/layouts/poseidon-vue.jpg" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/sapphire-vue">
|
||||
<img alt="Sapphire" src="../assets/images/layouts/sapphire-vue.jpg" />
|
||||
<img alt="Sapphire" src="@/assets/images/layouts/sapphire-vue.jpg" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/serenity-vue">
|
||||
<img alt="Serenity" src="../assets/images/layouts/serenity-vue.jpg" />
|
||||
<img alt="Serenity" src="@/assets/images/layouts/serenity-vue.jpg" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/babylon-vue">
|
||||
<img alt="Babylon" src="../assets/images/layouts/babylon-vue.jpg" />
|
||||
<img alt="Babylon" src="@/assets/images/layouts/babylon-vue.jpg" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
|
|
@ -358,17 +358,29 @@
|
|||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/apollo-vue">
|
||||
<<<<<<< Updated upstream
|
||||
<img alt="Apollo" src="../assets/images/layouts/apollo-vue.jpg" />
|
||||
=======
|
||||
<img alt="Apollo" src="@/assets/images/layouts/apollo-vue.jpg" />
|
||||
>>>>>>> Stashed changes
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/roma-vue">
|
||||
<<<<<<< Updated upstream
|
||||
<img alt="Roma" src="../assets/images/layouts/roma-vue.jpg" />
|
||||
=======
|
||||
<img alt="Roma" src="@/assets/images/layouts/roma-vue.jpg" />
|
||||
>>>>>>> Stashed changes
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 md:col-6">
|
||||
<a href="https://www.primefaces.org/layouts/prestige-vue">
|
||||
<<<<<<< Updated upstream
|
||||
<img alt="Prestige" src="../assets/images/layouts/prestige-vue.jpg" />
|
||||
=======
|
||||
<img alt="Prestige" src="@/assets/images/layouts/prestige-vue.jpg" />
|
||||
>>>>>>> Stashed changes
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -32,138 +32,138 @@
|
|||
|
||||
<li class="topbar-submenu-header">BOOTSTRAP</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'bootstrap4-light-blue')"><img src="demo/images/themes/bootstrap4-light-blue.svg" alt="Blue Light" /><span>Blue Light</span></a>
|
||||
<a @click="changeTheme($event, 'bootstrap4-light-blue')"><img src="/demo/images/themes/bootstrap4-light-blue.svg" alt="Blue Light" /><span>Blue Light</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'bootstrap4-light-purple')"><img src="demo/images/themes/bootstrap4-light-purple.svg" alt="Purple Light" /><span>Purple Light</span></a>
|
||||
<a @click="changeTheme($event, 'bootstrap4-light-purple')"><img src="/demo/images/themes/bootstrap4-light-purple.svg" alt="Purple Light" /><span>Purple Light</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'bootstrap4-dark-blue', true)"><img src="demo/images/themes/bootstrap4-dark-blue.svg" alt="Blue Dark" /><span>Blue Dark</span></a>
|
||||
<a @click="changeTheme($event, 'bootstrap4-dark-blue', true)"><img src="/demo/images/themes/bootstrap4-dark-blue.svg" alt="Blue Dark" /><span>Blue Dark</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'bootstrap4-dark-purple', true)"><img src="demo/images/themes/bootstrap4-dark-purple.svg" alt="Purple Dark" /><span>Purple Dark</span></a>
|
||||
<a @click="changeTheme($event, 'bootstrap4-dark-purple', true)"><img src="/demo/images/themes/bootstrap4-dark-purple.svg" alt="Purple Dark" /><span>Purple Dark</span></a>
|
||||
</li>
|
||||
|
||||
<li class="topbar-submenu-header">MATERIAL DESIGN</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'md-light-indigo')"><img src="demo/images/themes/md-light-indigo.svg" alt="Indigo Light" /><span>Indigo Light</span></a>
|
||||
<a @click="changeTheme($event, 'md-light-indigo')"><img src="/demo/images/themes/md-light-indigo.svg" alt="Indigo Light" /><span>Indigo Light</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'md-light-deeppurple')"><img src="demo/images/themes/md-light-deeppurple.svg" alt="Deep Purple Light" /><span>Deep Purple Light</span></a>
|
||||
<a @click="changeTheme($event, 'md-light-deeppurple')"><img src="/demo/images/themes/md-light-deeppurple.svg" alt="Deep Purple Light" /><span>Deep Purple Light</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'md-dark-indigo', true)"><img src="demo/images/themes/md-dark-indigo.svg" alt="Indigo Dark" /><span>Indigo Dark</span></a>
|
||||
<a @click="changeTheme($event, 'md-dark-indigo', true)"><img src="/demo/images/themes/md-dark-indigo.svg" alt="Indigo Dark" /><span>Indigo Dark</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'md-dark-deeppurple', true)"><img src="demo/images/themes/md-dark-deeppurple.svg" alt="Deep Purple Dark" /><span>Deep Purple Dark</span></a>
|
||||
<a @click="changeTheme($event, 'md-dark-deeppurple', true)"><img src="/demo/images/themes/md-dark-deeppurple.svg" alt="Deep Purple Dark" /><span>Deep Purple Dark</span></a>
|
||||
</li>
|
||||
|
||||
<li class="topbar-submenu-header">MATERIAL DESIGN COMPACT</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'mdc-light-indigo')"><img src="demo/images/themes/md-light-indigo.svg" alt="Indigo Light" /><span>Indigo Light</span></a>
|
||||
<a @click="changeTheme($event, 'mdc-light-indigo')"><img src="/demo/images/themes/md-light-indigo.svg" alt="Indigo Light" /><span>Indigo Light</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'mdc-light-deeppurple')"><img src="demo/images/themes/md-light-deeppurple.svg" alt="Deep Purple Light" /><span>Deep Purple Light</span></a>
|
||||
<a @click="changeTheme($event, 'mdc-light-deeppurple')"><img src="/demo/images/themes/md-light-deeppurple.svg" alt="Deep Purple Light" /><span>Deep Purple Light</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'mdc-dark-indigo', true)"><img src="demo/images/themes/md-dark-indigo.svg" alt="Indigo Dark" /><span>Indigo Dark</span></a>
|
||||
<a @click="changeTheme($event, 'mdc-dark-indigo', true)"><img src="/demo/images/themes/md-dark-indigo.svg" alt="Indigo Dark" /><span>Indigo Dark</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'mdc-dark-deeppurple', true)"><img src="demo/images/themes/md-dark-deeppurple.svg" alt="Deep Purple Dark" /><span>Deep Purple Dark</span></a>
|
||||
<a @click="changeTheme($event, 'mdc-dark-deeppurple', true)"><img src="/demo/images/themes/md-dark-deeppurple.svg" alt="Deep Purple Dark" /><span>Deep Purple Dark</span></a>
|
||||
</li>
|
||||
|
||||
<li class="topbar-submenu-header">TAILWIND</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'tailwind-light')"><img src="demo/images/themes/tailwind-light.png" alt="Tailwind Light" /><span>Tailwind Light</span></a>
|
||||
<a @click="changeTheme($event, 'tailwind-light')"><img src="/demo/images/themes/tailwind-light.png" alt="Tailwind Light" /><span>Tailwind Light</span></a>
|
||||
</li>
|
||||
|
||||
<li class="topbar-submenu-header">FLUENT UI</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'fluent-light')"><img src="demo/images/themes/fluent-light.png" alt="Fluent Light" /><span>Fluent Light</span></a>
|
||||
<a @click="changeTheme($event, 'fluent-light')"><img src="/demo/images/themes/fluent-light.png" alt="Fluent Light" /><span>Fluent Light</span></a>
|
||||
</li>
|
||||
|
||||
<li class="topbar-submenu-header flex align-items-center">PRIMEONE 2022 <Tag class="ml-3" value="NEW" rounded severity="success"></Tag></li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'lara-light-indigo')"><img src="demo/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" /><span>Lara Light Indigo</span></a>
|
||||
<a @click="changeTheme($event, 'lara-light-indigo')"><img src="/demo/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" /><span>Lara Light Indigo</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'lara-light-blue')"><img src="demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" /><span>Lara Light Blue</span></a>
|
||||
<a @click="changeTheme($event, 'lara-light-blue')"><img src="/demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" /><span>Lara Light Blue</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'lara-light-purple')"><img src="demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" /><span>Lara Light Purple</span></a>
|
||||
<a @click="changeTheme($event, 'lara-light-purple')"><img src="/demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" /><span>Lara Light Purple</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'lara-light-teal')"><img src="demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" /><span>Lara Light Teal</span></a>
|
||||
<a @click="changeTheme($event, 'lara-light-teal')"><img src="/demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" /><span>Lara Light Teal</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'lara-dark-blue')"><img src="demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" /><span>Lara Dark Blue</span></a>
|
||||
<a @click="changeTheme($event, 'lara-dark-blue')"><img src="/demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" /><span>Lara Dark Blue</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'lara-dark-indigo')"><img src="demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" /><span>Lara Dark Indigo</span></a>
|
||||
<a @click="changeTheme($event, 'lara-dark-indigo')"><img src="/demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" /><span>Lara Dark Indigo</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'lara-dark-purple')"><img src="demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" /><span>Lara Dark Purple</span></a>
|
||||
<a @click="changeTheme($event, 'lara-dark-purple')"><img src="/demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" /><span>Lara Dark Purple</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'lara-dark-teal')"><img src="demo/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" /><span>Lara Dark Teal</span></a>
|
||||
<a @click="changeTheme($event, 'lara-dark-teal')"><img src="/demo/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" /><span>Lara Dark Teal</span></a>
|
||||
</li>
|
||||
|
||||
<li class="topbar-submenu-header">PRIMEONE 2021</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'saga-blue')"><img src="demo/images/themes/saga-blue.png" alt="Saga Blue" /><span>Saga Blue</span></a>
|
||||
<a @click="changeTheme($event, 'saga-blue')"><img src="/demo/images/themes/saga-blue.png" alt="Saga Blue" /><span>Saga Blue</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'saga-green')"><img src="demo/images/themes/saga-green.png" alt="Saga Green" /><span>Saga Green</span></a>
|
||||
<a @click="changeTheme($event, 'saga-green')"><img src="/demo/images/themes/saga-green.png" alt="Saga Green" /><span>Saga Green</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'saga-orange')"><img src="demo/images/themes/saga-orange.png" alt="Saga Orange" /><span>Saga Orange</span></a>
|
||||
<a @click="changeTheme($event, 'saga-orange')"><img src="/demo/images/themes/saga-orange.png" alt="Saga Orange" /><span>Saga Orange</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'saga-purple')"><img src="demo/images/themes/saga-purple.png" alt="Saga Purple" /><span>Saga Purple</span></a>
|
||||
<a @click="changeTheme($event, 'saga-purple')"><img src="/demo/images/themes/saga-purple.png" alt="Saga Purple" /><span>Saga Purple</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'vela-blue', true)"><img src="demo/images/themes/vela-blue.png" alt="Vela Blue" /><span>Vela Blue</span></a>
|
||||
<a @click="changeTheme($event, 'vela-blue', true)"><img src="/demo/images/themes/vela-blue.png" alt="Vela Blue" /><span>Vela Blue</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'vela-green', true)"><img src="demo/images/themes/vela-green.png" alt="Vela Green" /><span>Vela Green</span></a>
|
||||
<a @click="changeTheme($event, 'vela-green', true)"><img src="/demo/images/themes/vela-green.png" alt="Vela Green" /><span>Vela Green</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'vela-orange', true)"><img src="demo/images/themes/vela-orange.png" alt="Vela Orange" /><span>Vela Orange</span></a>
|
||||
<a @click="changeTheme($event, 'vela-orange', true)"><img src="/demo/images/themes/vela-orange.png" alt="Vela Orange" /><span>Vela Orange</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'vela-purple', true)"><img src="demo/images/themes/vela-purple.png" alt="Vela Purple" /><span>Vela Purple</span></a>
|
||||
<a @click="changeTheme($event, 'vela-purple', true)"><img src="/demo/images/themes/vela-purple.png" alt="Vela Purple" /><span>Vela Purple</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'arya-blue', true)"><img src="demo/images/themes/arya-blue.png" alt="Arya Blue" /><span>Arya Blue</span></a>
|
||||
<a @click="changeTheme($event, 'arya-blue', true)"><img src="/demo/images/themes/arya-blue.png" alt="Arya Blue" /><span>Arya Blue</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'arya-green', true)"><img src="demo/images/themes/arya-green.png" alt="Arya Green" /><span>Arya Green</span></a>
|
||||
<a @click="changeTheme($event, 'arya-green', true)"><img src="/demo/images/themes/arya-green.png" alt="Arya Green" /><span>Arya Green</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'arya-orange', true)"><img src="demo/images/themes/arya-orange.png" alt="Arya Orange" /><span>Arya Orange</span></a>
|
||||
<a @click="changeTheme($event, 'arya-orange', true)"><img src="/demo/images/themes/arya-orange.png" alt="Arya Orange" /><span>Arya Orange</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'arya-purple', true)"><img src="demo/images/themes/arya-purple.png" alt="Arya Purple" /><span>Arya Purple</span></a>
|
||||
<a @click="changeTheme($event, 'arya-purple', true)"><img src="/demo/images/themes/arya-purple.png" alt="Arya Purple" /><span>Arya Purple</span></a>
|
||||
</li>
|
||||
|
||||
<li class="topbar-submenu-header">PREMIUM</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'soho-light')"><img src="demo/images/themes/soho-light.png" alt="Soho Light" /><span>Soho Light</span></a>
|
||||
<a @click="changeTheme($event, 'soho-light')"><img src="/demo/images/themes/soho-light.png" alt="Soho Light" /><span>Soho Light</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'soho-dark', true)"><img src="demo/images/themes/soho-dark.png" alt="Soho Dark" /><span>Soho Dark</span></a>
|
||||
<a @click="changeTheme($event, 'soho-dark', true)"><img src="/demo/images/themes/soho-dark.png" alt="Soho Dark" /><span>Soho Dark</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'viva-light')"><img src="demo/images/themes/viva-light.svg" alt="Viva Light" /><span>Viva Light</span></a>
|
||||
<a @click="changeTheme($event, 'viva-light')"><img src="/demo/images/themes/viva-light.svg" alt="Viva Light" /><span>Viva Light</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'viva-dark', true)"><img src="demo/images/themes/viva-dark.svg" alt="Viva Dark" /><span>Viva Dark</span></a>
|
||||
<a @click="changeTheme($event, 'viva-dark', true)"><img src="/demo/images/themes/viva-dark.svg" alt="Viva Dark" /><span>Viva Dark</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'mira')"><img src="demo/images/themes/mira.jpg" alt="Mira" /><span>Mira</span></a>
|
||||
<a @click="changeTheme($event, 'mira')"><img src="/demo/images/themes/mira.jpg" alt="Mira" /><span>Mira</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a @click="changeTheme($event, 'nano')"><img src="demo/images/themes/nano.jpg" alt="Nano" /><span>Nano</span></a>
|
||||
<a @click="changeTheme($event, 'nano')"><img src="/demo/images/themes/nano.jpg" alt="Nano" /><span>Nano</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</transition>
|
||||
|
|
@ -174,47 +174,47 @@
|
|||
<ul v-show="activeMenuIndex === 1">
|
||||
<li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/sakai-vue"><img src="./assets/images/layouts/themeswitcher-sakai.svg" alt="Sakai" /><span>Sakai</span></a>
|
||||
<a href="https://www.primefaces.org/sakai-vue"><img src="@/assets/images/layouts/themeswitcher-sakai.svg" alt="Sakai" /><span>Sakai</span></a>
|
||||
</li>
|
||||
<li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/atlantis-vue"><img src="./assets/images/layouts/themeswitcher-atlantis.svg" alt="Atlantis" /><span>Atlantis</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/atlantis-vue"><img src="@/assets/images/layouts/themeswitcher-atlantis.svg" alt="Atlantis" /><span>Atlantis</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/freya-vue"><img src="./assets/images/layouts/themeswitcher-freya.png" alt="Freya" /><span>Freya</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/freya-vue"><img src="@/assets/images/layouts/themeswitcher-freya.png" alt="Freya" /><span>Freya</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/diamond-vue"><img src="./assets/images/layouts/themeswitcher-diamond.png" alt="Diamond" /><span>Diamond</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/diamond-vue"><img src="@/assets/images/layouts/themeswitcher-diamond.png" alt="Diamond" /><span>Diamond</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/verona-vue"><img src="./assets/images/layouts/themeswitcher-verona.png" alt="Verona" /><span>Verona</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/verona-vue"><img src="@/assets/images/layouts/themeswitcher-verona.png" alt="Verona" /><span>Verona</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/poseidon-vue"><img src="./assets/images/layouts/themeswitcher-poseidon.svg" alt="Poseidon" /><span>Poseidon</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/poseidon-vue"><img src="@/assets/images/layouts/themeswitcher-poseidon.svg" alt="Poseidon" /><span>Poseidon</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/sapphire-vue"><img src="@/assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/serenity-vue"><img src="./assets/images/layouts/themeswitcher-serenity.png" alt="Serenity" /><span>Serenity</span><span class="theme-badge material">material</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/serenity-vue"><img src="@/assets/images/layouts/themeswitcher-serenity.png" alt="Serenity" /><span>Serenity</span><span class="theme-badge material">material</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/ultima-vue"><img src="./assets/images/layouts/themeswitcher-ultima.png" alt="Ultima" /><span>Ultima</span><span class="theme-badge material">material</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/ultima-vue"><img src="@/assets/images/layouts/themeswitcher-ultima.png" alt="Ultima" /><span>Ultima</span><span class="theme-badge material">material</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/avalon-vue"><img src="./assets/images/layouts/themeswitcher-avalon.png" alt="Avalon" /><span>Avalon</span><span class="theme-badge bootstrap">bootstrap</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/avalon-vue"><img src="@/assets/images/layouts/themeswitcher-avalon.png" alt="Avalon" /><span>Avalon</span><span class="theme-badge bootstrap">bootstrap</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/babylon-vue"><img src="./assets/images/layouts/themeswitcher-babylon.png" alt="Babylon" /><span>Babylon</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/babylon-vue"><img src="@/assets/images/layouts/themeswitcher-babylon.png" alt="Babylon" /><span>Babylon</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/apollo-vue"><img src="./assets/images/layouts/themeswitcher-apollo.png" alt="Apollo" /><span>Apollo</span><span class="theme-badge darkmode">dark mode</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/apollo-vue"><img src="@/assets/images/layouts/themeswitcher-apollo.png" alt="Apollo" /><span>Apollo</span><span class="theme-badge darkmode">dark mode</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/roma-vue"><img src="./assets/images/layouts/themeswitcher-roma.jpg" alt="Roma" /><span>Roma</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/roma-vue"><img src="@/assets/images/layouts/themeswitcher-roma.jpg" alt="Roma" /><span>Roma</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.primefaces.org/layouts/prestige-vue"><img src="./assets/images/layouts/themeswitcher-prestige.png" alt="Prestige" /><span>Prestige</span></a>
|
||||
<a href="https://www.primefaces.org/layouts/prestige-vue"><img src="@/assets/images/layouts/themeswitcher-prestige.png" alt="Prestige" /><span>Prestige</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</transition>
|
||||
|
|
|
|||
|
|
@ -67,9 +67,9 @@
|
|||
<div class="col-12 md:col-4">
|
||||
<div class="card">
|
||||
<h5>Image</h5>
|
||||
<Avatar image="demo/images/avatar/amyelsner.png" class="mr-2" size="xlarge" shape="circle" />
|
||||
<Avatar image="demo/images/avatar/asiyajavayant.png" class="mr-2" size="large" shape="circle" />
|
||||
<Avatar image="demo/images/avatar/onyamalimba.png" class="mr-2" shape="circle" />
|
||||
<Avatar image="/demo/images/avatar/amyelsner.png" class="mr-2" size="xlarge" shape="circle" />
|
||||
<Avatar image="/demo/images/avatar/asiyajavayant.png" class="mr-2" size="large" shape="circle" />
|
||||
<Avatar image="/demo/images/avatar/onyamalimba.png" class="mr-2" shape="circle" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -77,11 +77,11 @@
|
|||
<div class="card">
|
||||
<h5>Avatar Group</h5>
|
||||
<AvatarGroup class="mb-3">
|
||||
<Avatar image="demo/images/avatar/amyelsner.png" size="large" shape="circle" />
|
||||
<Avatar image="demo/images/avatar/asiyajavayant.png" size="large" shape="circle" />
|
||||
<Avatar image="demo/images/avatar/onyamalimba.png" size="large" shape="circle" />
|
||||
<Avatar image="demo/images/avatar/ionibowcher.png" size="large" shape="circle" />
|
||||
<Avatar image="demo/images/avatar/xuxuefeng.png" size="large" shape="circle" />
|
||||
<Avatar image="/demo/images/avatar/amyelsner.png" size="large" shape="circle" />
|
||||
<Avatar image="/demo/images/avatar/asiyajavayant.png" size="large" shape="circle" />
|
||||
<Avatar image="/demo/images/avatar/onyamalimba.png" size="large" shape="circle" />
|
||||
<Avatar image="/demo/images/avatar/ionibowcher.png" size="large" shape="circle" />
|
||||
<Avatar image="/demo/images/avatar/xuxuefeng.png" size="large" shape="circle" />
|
||||
<Avatar label="+2" shape="circle" size="large" style="background-color: #9c27b0; color: #ffffff" />
|
||||
</AvatarGroup>
|
||||
</div>
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
<div class="col-12 md:col-4">
|
||||
<div class="card">
|
||||
<h5>Image - Badge</h5>
|
||||
<Avatar v-badge.danger="4" image="demo/images/organization/walter.jpg" size="xlarge" />
|
||||
<Avatar v-badge.danger="4" image="/demo/images/organization/walter.jpg" size="xlarge" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ import Card from 'primevue/card';
|
|||
<pre v-code><code>
|
||||
<Card>
|
||||
<template #header>
|
||||
<img alt="user header" src="demo/images/usercard.png">
|
||||
<img alt="user header" src="/demo/images/usercard.png">
|
||||
</template>
|
||||
<template #title>
|
||||
Advanced Card
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
|
||||
<Card style="width: 25em">
|
||||
<template #header>
|
||||
<img alt="user header" src="demo/images/usercard.png" />
|
||||
<img alt="user header" src="/demo/images/usercard.png" />
|
||||
</template>
|
||||
<template #title> Advanced Card </template>
|
||||
<template #subtitle> Card subtitle </template>
|
||||
|
|
|
|||
|
|
@ -28,18 +28,18 @@
|
|||
|
||||
<h5>Image</h5>
|
||||
<div class="flex align-items-center">
|
||||
<Chip label="Amy Elsner" image="demo/images/avatar/amyelsner.png" class="mr-2" />
|
||||
<Chip label="Asiya Javayant" image="demo/images/avatar/asiyajavayant.png" class="mr-2" />
|
||||
<Chip label="Onyama Limba" image="demo/images/avatar/onyamalimba.png" class="mr-2" />
|
||||
<Chip label="Xuxue Feng" image="demo/images/avatar/xuxuefeng.png" removable />
|
||||
<Chip label="Amy Elsner" image="/demo/images/avatar/amyelsner.png" class="mr-2" />
|
||||
<Chip label="Asiya Javayant" image="/demo/images/avatar/asiyajavayant.png" class="mr-2" />
|
||||
<Chip label="Onyama Limba" image="/demo/images/avatar/onyamalimba.png" class="mr-2" />
|
||||
<Chip label="Xuxue Feng" image="/demo/images/avatar/xuxuefeng.png" removable />
|
||||
</div>
|
||||
|
||||
<h5>Styling</h5>
|
||||
<div class="flex align-items-center">
|
||||
<Chip label="Action" class="mr-2 custom-chip" />
|
||||
<Chip label="Apple" icon="pi pi-apple" class="mr-2 custom-chip" />
|
||||
<Chip label="Onyama Limba" image="demo/images/avatar/onyamalimba.png" class="mr-2 custom-chip" />
|
||||
<Chip label="Xuxue Feng" image="demo/images/avatar/xuxuefeng.png" class="custom-chip" removable />
|
||||
<Chip label="Onyama Limba" image="/demo/images/avatar/onyamalimba.png" class="mr-2 custom-chip" />
|
||||
<Chip label="Xuxue Feng" image="/demo/images/avatar/xuxuefeng.png" class="custom-chip" removable />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<div class="flex flex-column align-items-center md:flex-row md:align-items-start">
|
||||
<ColorPicker v-model="color3" :inline="true" />
|
||||
<div :style="wallStyle" class="mt-5 md:mt-0 md:ml-5 inline-flex">
|
||||
<img alt="room" src="demo/images/interior.png" class="w-full md:auto" />
|
||||
<img alt="room" src="/demo/images/interior.png" class="w-full md:auto" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -170,7 +170,7 @@ export default {
|
|||
<p>ContextMenu is attached to a custom element manually using the reference and calling the <i>show(event)</i> method.</p>
|
||||
|
||||
<pre v-code><code>
|
||||
<img alt="logo" src="demo/images/nature/nature3.jpg" @contextmenu="onImageRightClick">
|
||||
<img alt="logo" src="/demo/images/nature/nature3.jpg" @contextmenu="onImageRightClick">
|
||||
<ContextMenu ref="menu" :model="items" />
|
||||
|
||||
</code></pre>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<div class="content-section implementation">
|
||||
<div class="card">
|
||||
<img alt="logo" src="demo/images/nature/nature3.jpg" @contextmenu="onImageRightClick" aria-haspopup="true" />
|
||||
<img alt="logo" src="/demo/images/nature/nature3.jpg" @contextmenu="onImageRightClick" aria-haspopup="true" />
|
||||
<ContextMenu ref="menu" :model="items" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<Column field="name" header="Name"></Column>
|
||||
<Column header="Image">
|
||||
<template #body="slotProps">
|
||||
<img :src="'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.image" class="product-image" />
|
||||
<img :src="'/demo/images/product/' + slotProps.data.image" :alt="slotProps.data.image" class="product-image" />
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="price" header="Price">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<div style="height: 800px">Scroll down to lazy load an image and the DataTable which initiates a query that is not executed on initial page load to speed up load performance.</div>
|
||||
|
||||
<!-- <DeferredContent @load="onImageLoad">
|
||||
<img src="demo/images/nature/nature4.jpg" alt="Nature"/>
|
||||
<img src="/demo/images/nature/nature4.jpg" alt="Nature"/>
|
||||
</DeferredContent> -->
|
||||
|
||||
<div style="height: 500px"></div>
|
||||
|
|
|
|||
|
|
@ -28,19 +28,19 @@ import Dock from 'primevue/dock';
|
|||
items: [
|
||||
{
|
||||
label: "Finder",
|
||||
icon: "demo/images/dock/finder.svg"
|
||||
icon: "/demo/images/dock/finder.svg"
|
||||
},
|
||||
{
|
||||
label: "App Store",
|
||||
icon: "demo/images/dock/appstore.svg"
|
||||
icon: "/demo/images/dock/appstore.svg"
|
||||
},
|
||||
{
|
||||
label: "Photos",
|
||||
icon: "demo/images/dock/photos.svg"
|
||||
icon: "/demo/images/dock/photos.svg"
|
||||
},
|
||||
{
|
||||
label: "Trash",
|
||||
icon: "demo/images/dock/trash.png"
|
||||
icon: "/demo/images/dock/trash.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -389,46 +389,46 @@ export default {
|
|||
dockItems: [
|
||||
{
|
||||
label: 'Finder',
|
||||
icon: "demo/images/dock/finder.svg",
|
||||
icon: "/demo/images/dock/finder.svg",
|
||||
command: () => {
|
||||
this.displayFinder = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Terminal',
|
||||
icon: "demo/images/dock/terminal.svg",
|
||||
icon: "/demo/images/dock/terminal.svg",
|
||||
command: () => {
|
||||
this.displayTerminal = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'App Store',
|
||||
icon: "demo/images/dock/appstore.svg",
|
||||
icon: "/demo/images/dock/appstore.svg",
|
||||
command: () => {
|
||||
this.$toast.add({ severity: 'error', summary: 'An unexpected error occurred while signing in.', detail: 'UNTRUSTED_CERT_TITLE', group: 'tc', life: 3000 });
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Safari',
|
||||
icon: "demo/images/dock/safari.svg",
|
||||
icon: "/demo/images/dock/safari.svg",
|
||||
command: () => {
|
||||
this.$toast.add({ severity: 'warn', summary: 'Safari has stopped working', group: 'tc', life: 3000 });
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Photos',
|
||||
icon: "demo/images/dock/photos.svg",
|
||||
icon: "/demo/images/dock/photos.svg",
|
||||
command: () => {
|
||||
this.displayPhotos = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'GitHub',
|
||||
icon: "demo/images/dock/github.svg",
|
||||
icon: "/demo/images/dock/github.svg",
|
||||
},
|
||||
{
|
||||
label: 'Trash',
|
||||
icon: "demo/images/dock/trash.png",
|
||||
icon: "/demo/images/dock/trash.png",
|
||||
command: () => {
|
||||
this.$toast.add({ severity: 'info', summary: 'Empty Trash', life: 3000 });
|
||||
}
|
||||
|
|
@ -437,19 +437,19 @@ export default {
|
|||
dockBasicItems: [
|
||||
{
|
||||
label: "Finder",
|
||||
icon: "demo/images/dock/finder.svg"
|
||||
icon: "/demo/images/dock/finder.svg"
|
||||
},
|
||||
{
|
||||
label: "App Store",
|
||||
icon: "demo/images/dock/appstore.svg"
|
||||
icon: "/demo/images/dock/appstore.svg"
|
||||
},
|
||||
{
|
||||
label: "Photos",
|
||||
icon: "demo/images/dock/photos.svg"
|
||||
icon: "/demo/images/dock/photos.svg"
|
||||
},
|
||||
{
|
||||
label: "Trash",
|
||||
icon: "demo/images/dock/trash.png"
|
||||
icon: "/demo/images/dock/trash.png"
|
||||
}
|
||||
],
|
||||
menubarItems: [
|
||||
|
|
@ -805,46 +805,46 @@ export default {
|
|||
const dockItems = ref([
|
||||
{
|
||||
label: 'Finder',
|
||||
icon: "demo/images/dock/finder.svg",
|
||||
icon: "/demo/images/dock/finder.svg",
|
||||
command: () => {
|
||||
displayFinder.value = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Terminal',
|
||||
icon: "demo/images/dock/terminal.svg",
|
||||
icon: "/demo/images/dock/terminal.svg",
|
||||
command: () => {
|
||||
displayTerminal.value = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'App Store',
|
||||
icon: "demo/images/dock/appstore.svg",
|
||||
icon: "/demo/images/dock/appstore.svg",
|
||||
command: () => {
|
||||
toast.add({ severity: 'error', summary: 'An unexpected error occurred while signing in.', detail: 'UNTRUSTED_CERT_TITLE', group: 'tc', life: 3000 });
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Safari',
|
||||
icon: "demo/images/dock/safari.svg",
|
||||
icon: "/demo/images/dock/safari.svg",
|
||||
command: () => {
|
||||
toast.add({ severity: 'warn', summary: 'Safari has stopped working', group: 'tc', life: 3000 });
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Photos',
|
||||
icon: "demo/images/dock/photos.svg",
|
||||
icon: "/demo/images/dock/photos.svg",
|
||||
command: () => {
|
||||
displayPhotos.value = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'GitHub',
|
||||
icon: "demo/images/dock/github.svg",
|
||||
icon: "/demo/images/dock/github.svg",
|
||||
},
|
||||
{
|
||||
label: 'Trash',
|
||||
icon: "demo/images/dock/trash.png",
|
||||
icon: "/demo/images/dock/trash.png",
|
||||
command: () => {
|
||||
toast.add({ severity: 'info', summary: 'Empty Trash', life: 3000 });
|
||||
}
|
||||
|
|
@ -853,19 +853,19 @@ export default {
|
|||
const dockBasicItems = ref([
|
||||
{
|
||||
label: "Finder",
|
||||
icon: "demo/images/dock/finder.svg"
|
||||
icon: "/demo/images/dock/finder.svg"
|
||||
},
|
||||
{
|
||||
label: "App Store",
|
||||
icon: "demo/images/dock/appstore.svg"
|
||||
icon: "/demo/images/dock/appstore.svg"
|
||||
},
|
||||
{
|
||||
label: "Photos",
|
||||
icon: "demo/images/dock/photos.svg"
|
||||
icon: "/demo/images/dock/photos.svg"
|
||||
},
|
||||
{
|
||||
label: "Trash",
|
||||
icon: "demo/images/dock/trash.png"
|
||||
icon: "/demo/images/dock/trash.png"
|
||||
}
|
||||
]);
|
||||
const menubarItems = ref([
|
||||
|
|
@ -1244,46 +1244,46 @@ export default {
|
|||
const dockItems = ref([
|
||||
{
|
||||
label: 'Finder',
|
||||
icon: "demo/images/dock/finder.svg",
|
||||
icon: "/demo/images/dock/finder.svg",
|
||||
command: () => {
|
||||
displayFinder.value = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Terminal',
|
||||
icon: "demo/images/dock/terminal.svg",
|
||||
icon: "/demo/images/dock/terminal.svg",
|
||||
command: () => {
|
||||
displayTerminal.value = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'App Store',
|
||||
icon: "demo/images/dock/appstore.svg",
|
||||
icon: "/demo/images/dock/appstore.svg",
|
||||
command: () => {
|
||||
toast.add({ severity: 'error', summary: 'An unexpected error occurred while signing in.', detail: 'UNTRUSTED_CERT_TITLE', group: 'tc', life: 3000 });
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Safari',
|
||||
icon: "demo/images/dock/safari.svg",
|
||||
icon: "/demo/images/dock/safari.svg",
|
||||
command: () => {
|
||||
toast.add({ severity: 'warn', summary: 'Safari has stopped working', group: 'tc', life: 3000 });
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'Photos',
|
||||
icon: "demo/images/dock/photos.svg",
|
||||
icon: "/demo/images/dock/photos.svg",
|
||||
command: () => {
|
||||
displayPhotos.value = true;
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'GitHub',
|
||||
icon: "demo/images/dock/github.svg",
|
||||
icon: "/demo/images/dock/github.svg",
|
||||
},
|
||||
{
|
||||
label: 'Trash',
|
||||
icon: "demo/images/dock/trash.png",
|
||||
icon: "/demo/images/dock/trash.png",
|
||||
command: () => {
|
||||
toast.add({ severity: 'info', summary: 'Empty Trash', life: 3000 });
|
||||
}
|
||||
|
|
@ -1292,19 +1292,19 @@ export default {
|
|||
const dockBasicItems = ref([
|
||||
{
|
||||
label: "Finder",
|
||||
icon: "demo/images/dock/finder.svg"
|
||||
icon: "/demo/images/dock/finder.svg"
|
||||
},
|
||||
{
|
||||
label: "App Store",
|
||||
icon: "demo/images/dock/appstore.svg"
|
||||
icon: "/demo/images/dock/appstore.svg"
|
||||
},
|
||||
{
|
||||
label: "Photos",
|
||||
icon: "demo/images/dock/photos.svg"
|
||||
icon: "/demo/images/dock/photos.svg"
|
||||
},
|
||||
{
|
||||
label: "Trash",
|
||||
icon: "demo/images/dock/trash.png"
|
||||
icon: "/demo/images/dock/trash.png"
|
||||
}
|
||||
]);
|
||||
const menubarItems = ref([
|
||||
|
|
|
|||
|
|
@ -250,11 +250,17 @@ export default {
|
|||
created() {
|
||||
this.galleriaService = new PhotoService();
|
||||
},
|
||||
mounted() {
|
||||
this.galleriaService.getImages().then((data) => (this.images = data));
|
||||
async mounted() {
|
||||
console.log(this.galleriaService);
|
||||
await this.test();
|
||||
console.log(this.images);
|
||||
this.bindDocumentListeners();
|
||||
},
|
||||
methods: {
|
||||
async test() {
|
||||
const data = await this.galleriaService.getImages();
|
||||
this.images = data;
|
||||
},
|
||||
onThumbnailButtonClick() {
|
||||
this.showThumbnails = !this.showThumbnails;
|
||||
},
|
||||
|
|
|
|||
|
|
@ -11,10 +11,10 @@
|
|||
<div class="content-section implementation">
|
||||
<div class="card">
|
||||
<h5>Basic</h5>
|
||||
<Image src="demo/images/galleria/galleria1.jpg" alt="Image" width="250" />
|
||||
<Image src="/demo/images/galleria/galleria1.jpg" alt="Image" width="250" />
|
||||
|
||||
<h5>Preview</h5>
|
||||
<Image src="demo/images/galleria/galleria11.jpg" alt="Image" width="250" preview />
|
||||
<Image src="/demo/images/galleria/galleria11.jpg" alt="Image" width="250" preview />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ import Inplace from 'primevue/inplace';
|
|||
<span style="margin-left:.5rem; vertical-align: middle">View Picture</span>
|
||||
</template>
|
||||
<template #content>
|
||||
<img src="demo/images/nature/nature1.jpg" />
|
||||
<img src="/demo/images/nature/nature1.jpg" />
|
||||
</template>
|
||||
</Inplace>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<span style="margin-left: 0.5rem; vertical-align: middle">View Picture</span>
|
||||
</template>
|
||||
<template #content>
|
||||
<img src="demo/images/nature/nature1.jpg" />
|
||||
<img src="/demo/images/nature/nature1.jpg" />
|
||||
</template>
|
||||
</Inplace>
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<div class="prime-block flex align-self-stretch p-1">
|
||||
<div class="block-sidebar w-1 p-3">
|
||||
<div class="logo">
|
||||
<img src="demo/images/landing/blocks/logo-1.svg" alt="block logo" />
|
||||
<img src="/demo/images/landing/blocks/logo-1.svg" alt="block logo" />
|
||||
</div>
|
||||
<div class="sidebar-menu mt-5">
|
||||
<div class="bar w-8 my-3"></div>
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
<div class="prime-block p-1 flex align-self-stretch flex-column">
|
||||
<div class="block-header py-3 px-4 flex justify-content-between align-items-center">
|
||||
<div class="logo pr-5">
|
||||
<img src="demo/images/landing/blocks/logo-1.svg" alt="block logo" />
|
||||
<img src="/demo/images/landing/blocks/logo-1.svg" alt="block logo" />
|
||||
</div>
|
||||
<div class="flex-auto sidebar-menu flex">
|
||||
<div class="bar w-2rem mx-2"></div>
|
||||
|
|
@ -148,7 +148,7 @@
|
|||
<div class="prime-block flex align-self-stretch p-1">
|
||||
<div class="block-sidebar p-3">
|
||||
<div class="logo">
|
||||
<img src="demo/images/landing/blocks/logo-2.svg" alt="block logo" />
|
||||
<img src="/demo/images/landing/blocks/logo-2.svg" alt="block logo" />
|
||||
</div>
|
||||
<div class="sidebar-menu mt-5">
|
||||
<div class="circle my-3"></div>
|
||||
|
|
@ -214,7 +214,7 @@
|
|||
<div class="prime-block flex align-self-stretch p-1">
|
||||
<div class="block-sidebar w-1 p-3">
|
||||
<div class="logo">
|
||||
<img src="demo/images/landing/blocks/logo-1.svg" alt="block logo" />
|
||||
<img src="/demo/images/landing/blocks/logo-1.svg" alt="block logo" />
|
||||
</div>
|
||||
<div class="sidebar-menu mt-5">
|
||||
<div class="bar w-8 my-3"></div>
|
||||
|
|
@ -278,7 +278,7 @@
|
|||
<div class="prime-block flex align-self-stretch p-1">
|
||||
<div class="block-sidebar p-3">
|
||||
<div class="logo">
|
||||
<img src="demo/images/landing/blocks/logo-2.svg" alt="block logo" />
|
||||
<img src="/demo/images/landing/blocks/logo-2.svg" alt="block logo" />
|
||||
</div>
|
||||
<div class="sidebar-menu mt-5">
|
||||
<div class="circle my-3"></div>
|
||||
|
|
@ -341,7 +341,7 @@
|
|||
<div class="prime-block p-1 flex align-self-stretch flex-column">
|
||||
<div class="block-header py-3 px-4 flex justify-content-between align-items-center">
|
||||
<div class="logo pr-5">
|
||||
<img src="demo/images/landing/blocks/logo-1.svg" alt="block logo" />
|
||||
<img src="/demo/images/landing/blocks/logo-1.svg" alt="block logo" />
|
||||
</div>
|
||||
<div class="flex-auto sidebar-menu flex">
|
||||
<div class="bar w-2rem mx-2"></div>
|
||||
|
|
@ -356,7 +356,7 @@
|
|||
<div class="block-main h-full flex justify-content-center align-items-center flex-column">
|
||||
<div class="block-item block-item-active animation-2 mx-3 w-8rem text-center flex flex-column align-items-center overflow-visible">
|
||||
<div class="-mt-4">
|
||||
<img src="demo/images/landing/blocks/question.svg" alt="question mark" />
|
||||
<img src="/demo/images/landing/blocks/question.svg" alt="question mark" />
|
||||
</div>
|
||||
<div class="bar w-2rem mt-2"></div>
|
||||
<div class="bar w-6rem mt-2"></div>
|
||||
|
|
|
|||
|
|
@ -35,31 +35,31 @@
|
|||
<div class="box p-4">
|
||||
<ul class="list-none p-0 m-0">
|
||||
<li class="flex align-items-center mb-3">
|
||||
<img src="demo/images/landing/avatar-1.svg" alt="avatar 1" class="w-2rem h-2rem mr-3" />
|
||||
<img src="/demo/images/landing/avatar-1.svg" alt="avatar 1" class="w-2rem h-2rem mr-3" />
|
||||
<span class="font-medium">Darrel Steward</span>
|
||||
<ProgressBar :value="pbValue1" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
|
||||
<span class="text-secondary font-medium">15%</span>
|
||||
</li>
|
||||
<li class="flex align-items-center mb-3">
|
||||
<img src="demo/images/landing/avatar-2.svg" alt="avatar 2" class="w-2rem h-2rem mr-3" />
|
||||
<img src="/demo/images/landing/avatar-2.svg" alt="avatar 2" class="w-2rem h-2rem mr-3" />
|
||||
<span class="font-medium">Albert Flores</span>
|
||||
<ProgressBar :value="pbValue3" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
|
||||
<span class="text-secondary font-medium">85%</span>
|
||||
</li>
|
||||
<li class="flex align-items-center mb-3">
|
||||
<img src="demo/images/landing/avatar-3.svg" alt="avatar 3" class="w-2rem h-2rem mr-3" />
|
||||
<img src="/demo/images/landing/avatar-3.svg" alt="avatar 3" class="w-2rem h-2rem mr-3" />
|
||||
<span class="font-medium">Kathryn Murphy</span>
|
||||
<ProgressBar :value="pbValue3" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
|
||||
<span class="text-secondary font-medium">50%</span>
|
||||
</li>
|
||||
<li class="flex align-items-center mb-3">
|
||||
<img src="demo/images/landing/avatar-4.svg" alt="avatar 4" class="w-2rem h-2rem mr-3" />
|
||||
<img src="/demo/images/landing/avatar-4.svg" alt="avatar 4" class="w-2rem h-2rem mr-3" />
|
||||
<span class="font-medium">Cody Fisher</span>
|
||||
<ProgressBar :value="pbValue4" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
|
||||
<span class="text-secondary font-medium">75%</span>
|
||||
</li>
|
||||
<li class="flex align-items-center mb-3">
|
||||
<img src="demo/images/landing/avatar-5.svg" alt="avatar 5" class="w-2rem h-2rem mr-3" />
|
||||
<img src="/demo/images/landing/avatar-5.svg" alt="avatar 5" class="w-2rem h-2rem mr-3" />
|
||||
<span class="font-medium">Brandon Atkinson</span>
|
||||
<ProgressBar :value="pbValue5" :showValue="false" class="w-10rem ml-auto mr-3" style="height: 0.5rem" />
|
||||
<span class="text-secondary font-medium">60%</span>
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
<div class="flex flex-column justify-content-start px-3 z-1">
|
||||
<div class="box p-4 mb-5">
|
||||
<div class="surface-card mb-4 w-20rem text-center p-5" style="border-radius: '10px'">
|
||||
<img src="demo/images/landing/watch.png" alt="Watch" />
|
||||
<img src="/demo/images/landing/watch.png" alt="Watch" />
|
||||
</div>
|
||||
<div class="flex align-items-center mb-4">
|
||||
<div class="flex flex-column">
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
<ul class="list-none p-0 m-0">
|
||||
<li class="flex mb-3">
|
||||
<span class="mr-3">
|
||||
<img src="demo/images/landing/avatar.png" alt="Avatar" class="w-3rem h-3rem" />
|
||||
<img src="/demo/images/landing/avatar.png" alt="Avatar" class="w-3rem h-3rem" />
|
||||
</span>
|
||||
<div class="flex flex-column">
|
||||
<span class="font-bold mb-2">Amanda Williams</span>
|
||||
|
|
|
|||
|
|
@ -5,56 +5,56 @@
|
|||
<div class="grid mt-7 pad-section" :style="{ backgroundImage: `url('demo/images/landing/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize: 'cover' }">
|
||||
<div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
|
||||
<div class="box p-4 w-full">
|
||||
<img src="demo/images/landing/features/icon-components.svg" alt="components icon" class="block mb-3" />
|
||||
<img src="/demo/images/landing/features/icon-components.svg" alt="components icon" class="block mb-3" />
|
||||
<div class="font-semibold mb-3 text-lg">90+ UI Components</div>
|
||||
<p class="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 90+ impressive Vue Components.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
|
||||
<div class="box p-4 w-full">
|
||||
<img src="demo/images/landing/features/icon-community.svg" alt="components icon" class="block mb-3" />
|
||||
<img src="/demo/images/landing/features/icon-community.svg" alt="components icon" class="block mb-3" />
|
||||
<div class="font-semibold mb-3 text-lg">Community</div>
|
||||
<p class="m-0 text-secondary font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
|
||||
<div class="box p-4 w-full">
|
||||
<img src="demo/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-3" />
|
||||
<img src="/demo/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-3" />
|
||||
<div class="font-semibold mb-3 text-lg">Productivity</div>
|
||||
<p class="m-0 text-secondary font-medium">Boost your productivity by achieving more in less time and accomplish amazing results.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
|
||||
<div class="box p-4 w-full">
|
||||
<img src="demo/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-3" />
|
||||
<img src="/demo/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-3" />
|
||||
<div class="font-semibold mb-3 text-lg">Accessibility</div>
|
||||
<p class="m-0 text-secondary font-medium">Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
|
||||
<div class="box p-4 w-full">
|
||||
<img src="demo/images/landing/features/icon-support.svg" alt="components icon" class="block mb-3" />
|
||||
<img src="/demo/images/landing/features/icon-support.svg" alt="components icon" class="block mb-3" />
|
||||
<div class="font-semibold mb-3 text-lg">Enterprise Support</div>
|
||||
<p class="m-0 text-secondary font-medium">Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
|
||||
<div class="box p-4 w-full">
|
||||
<img src="demo/images/landing/features/icon-mobile.svg" alt="components icon" class="block mb-3" />
|
||||
<img src="/demo/images/landing/features/icon-mobile.svg" alt="components icon" class="block mb-3" />
|
||||
<div class="font-semibold mb-3 text-lg">Mobile</div>
|
||||
<p class="m-0 text-secondary font-medium">First class support for responsive design led by touch optimized elements.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
|
||||
<div class="box p-4 w-full">
|
||||
<img src="demo/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-3" />
|
||||
<img src="/demo/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-3" />
|
||||
<div class="font-semibold mb-3 text-lg">Themes</div>
|
||||
<p class="m-0 text-secondary font-medium">Built on a design-agnostic api, choose from a vast amount of themes such as material, bootstrap, custom or develop your own.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
|
||||
<div class="box p-4 w-full">
|
||||
<img src="demo/images/landing/features/icon-ts.svg" alt="components icon" class="block mb-3" />
|
||||
<img src="/demo/images/landing/features/icon-ts.svg" alt="components icon" class="block mb-3" />
|
||||
<div class="font-semibold mb-3 text-lg">Typescript</div>
|
||||
<p class="m-0 text-secondary font-medium">Top-notch support for Typescript with types and tooling assistance.</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,25 +9,25 @@
|
|||
<ol class="list-none m-0 p-0 flex flex-column lg:flex-row flex-wrap lg:flex-nowrap lg:align-items-center font-semibold">
|
||||
<li class="mr-0 lg:mr-2">
|
||||
<router-link to="/setup">
|
||||
<img src="demo/images/landing/core-icon.svg" alt="primevue core" />
|
||||
<img src="/demo/images/landing/core-icon.svg" alt="primevue core" />
|
||||
<span>Components</span>
|
||||
</router-link>
|
||||
</li>
|
||||
<li class="mr-0 lg:mr-2">
|
||||
<a href="https://www.primefaces.org/primeblocks-vue">
|
||||
<img src="demo/images/landing/blocks-icon.svg" alt="primevue templates" />
|
||||
<img src="/demo/images/landing/blocks-icon.svg" alt="primevue templates" />
|
||||
<span>Blocks</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mr-0 lg:mr-2">
|
||||
<a href="https://www.primefaces.org/designer-vue">
|
||||
<img src="demo/images/landing/designer-icon.svg" alt="primevue templates" />
|
||||
<img src="/demo/images/landing/designer-icon.svg" alt="primevue templates" />
|
||||
<span>Designer</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mr-0 lg:mr-2">
|
||||
<a href="https://www.primefaces.org/store/templates.xhtml">
|
||||
<img src="demo/images/landing/templates-icon.svg" alt="primevue templates" />
|
||||
<img src="/demo/images/landing/templates-icon.svg" alt="primevue templates" />
|
||||
<span>Templates</span>
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<div class="p-2 flex flex-row md:flex-column">
|
||||
<div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="navigateTo('https://www.primefaces.org/store')">
|
||||
<div class="flex flex-column align-items-center">
|
||||
<img src="demo/images/landing/templates-icon.svg" alt="primevue templates" />
|
||||
<img src="/demo/images/landing/templates-icon.svg" alt="primevue templates" />
|
||||
<div class="name">
|
||||
<b>Templates</b>
|
||||
<span>Spectacular Designs</span>
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
</div>
|
||||
<div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation ml-4 md:ml-0 md:mt-4 flex align-items-center justify-content-center" @click="navigateTo('https://www.primefaces.org/designer-vue')">
|
||||
<div class="flex flex-column align-items-center">
|
||||
<img src="demo/images/landing/designer-icon.svg" alt="primevue templates" />
|
||||
<img src="/demo/images/landing/designer-icon.svg" alt="primevue templates" />
|
||||
<div class="name">
|
||||
<b>Theme Designer</b>
|
||||
<span>Create Your Own</span>
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
<div class="p-2 flex flex-row md:flex-column">
|
||||
<div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="navigateTo('https://github.com/primefaces/primevue')">
|
||||
<div class="flex flex-column align-items-center">
|
||||
<img src="demo/images/landing/core-icon.svg" alt="primevue core" />
|
||||
<img src="/demo/images/landing/core-icon.svg" alt="primevue core" />
|
||||
<div class="name">
|
||||
<b>Open Source</b>
|
||||
<span>90+ UI Components</span>
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
<router-link to="/setup">
|
||||
<div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation logo hidden md:flex my-4 align-items-center justify-content-center">
|
||||
<div class="hero-box-inner text-center">
|
||||
<img src="demo/images/landing/overview-icon.svg" alt="primevue main" />
|
||||
<img src="/demo/images/landing/overview-icon.svg" alt="primevue main" />
|
||||
<div class="name">
|
||||
<b class="font-bold">NEXT-GEN VUE UI</b>
|
||||
</div>
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
</router-link>
|
||||
<div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex ml-4 md:ml-0 align-items-center justify-content-center" @click="navigateTo('https://www.primefaces.org/primeflex')">
|
||||
<div class="flex flex-column align-items-center">
|
||||
<img src="demo/images/landing/css-icon.svg" alt="primevue icons" />
|
||||
<img src="/demo/images/landing/css-icon.svg" alt="primevue icons" />
|
||||
<div class="name">
|
||||
<b>CSS Utilities</b>
|
||||
<span>PrimeFlex CSS</span>
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
<div class="p-2 flex flex-row md:flex-column">
|
||||
<div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="navigateTo('https://www.primefaces.org/primeblocks-vue')">
|
||||
<div class="flex flex-column align-items-center">
|
||||
<img src="demo/images/landing/blocks-icon.svg" alt="primevue templates" />
|
||||
<img src="/demo/images/landing/blocks-icon.svg" alt="primevue templates" />
|
||||
<div class="name">
|
||||
<b>Prime Blocks</b>
|
||||
<span>350+ UI Blocks</span>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
<router-link to="/icons">
|
||||
<div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex ml-4 md:ml-0 md:mt-4 align-items-center justify-content-center">
|
||||
<div class="flex flex-column align-items-center">
|
||||
<img src="demo/images/landing/icons-icon.svg" alt="primevue templates" />
|
||||
<img src="/demo/images/landing/icons-icon.svg" alt="primevue templates" />
|
||||
<div class="name">
|
||||
<b>Icon Library</b>
|
||||
<span>200+ Icons</span>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ import OverlayPanel from 'primevue/overlaypanel';
|
|||
<Button type="button" label="Toggle" @click="toggle" />
|
||||
|
||||
<OverlayPanel ref="op">
|
||||
<img src="demo/images/nature/nature1.jpg" alt="Nature Image">
|
||||
<img src="/demo/images/nature/nature1.jpg" alt="Nature Image">
|
||||
</OverlayPanel>
|
||||
|
||||
</code></pre>
|
||||
|
|
@ -35,7 +35,7 @@ toggle(event) {
|
|||
<p>Clicking outside the overlay hides the panel, setting <i>dismissable</i> to false disables this behavior. Additionally enabling <i>showCloseIcon</i> property displays a close icon at the top right corner to close the panel.</p>
|
||||
<pre v-code><code>
|
||||
<OverlayPanel ref="op" :showCloseIcon="true" :dismissable="true">
|
||||
<img src="demo/images/nature/nature1.jpg" alt="Nature Image">
|
||||
<img src="/demo/images/nature/nature1.jpg" alt="Nature Image">
|
||||
</OverlayPanel>
|
||||
|
||||
</code></pre>
|
||||
|
|
|
|||
|
|
@ -39,13 +39,13 @@ import Rating from 'primevue/rating';
|
|||
<pre v-code><code><template v-pre>
|
||||
<Rating :modelValue="3">
|
||||
<template #cancelicon>
|
||||
<img src="demo/images/rating/cancel.png" height="24" width="24">
|
||||
<img src="/demo/images/rating/cancel.png" height="24" width="24">
|
||||
</template>
|
||||
<template #onicon>
|
||||
<img src="demo/images/rating/custom-onicon.png" height="24" width="24">
|
||||
<img src="/demo/images/rating/custom-onicon.png" height="24" width="24">
|
||||
</template>
|
||||
<template #officon>
|
||||
<img src="demo/images/rating/custom-officon.png" height="24" width="24">
|
||||
<img src="/demo/images/rating/custom-officon.png" height="24" width="24">
|
||||
</template>
|
||||
</Rating>
|
||||
|
||||
|
|
@ -288,13 +288,13 @@ export default {
|
|||
<h5>Templating</h5>
|
||||
<Rating v-model="val4">
|
||||
<template #cancelicon>
|
||||
<img src="demo/images/rating/cancel.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24"/>
|
||||
<img src="/demo/images/rating/cancel.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24"/>
|
||||
</template>
|
||||
<template #onicon>
|
||||
<img src="demo/images/rating/custom-onicon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
<img src="/demo/images/rating/custom-onicon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
</template>
|
||||
<template #officon>
|
||||
<img src="demo/images/rating/custom-officon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
<img src="/demo/images/rating/custom-officon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
</template>
|
||||
</Rating>
|
||||
</div>
|
||||
|
|
@ -338,13 +338,13 @@ export default {
|
|||
<h5>Templating</h5>
|
||||
<Rating v-model="val4">
|
||||
<template #cancelicon>
|
||||
<img src="demo/images/rating/cancel.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24"/>
|
||||
<img src="/demo/images/rating/cancel.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24"/>
|
||||
</template>
|
||||
<template #onicon>
|
||||
<img src="demo/images/rating/custom-onicon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
<img src="/demo/images/rating/custom-onicon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
</template>
|
||||
<template #officon>
|
||||
<img src="demo/images/rating/custom-officon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
<img src="/demo/images/rating/custom-officon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
</template>
|
||||
</Rating>
|
||||
</div>
|
||||
|
|
@ -389,13 +389,13 @@ export default {
|
|||
<h5>Templating</h5>
|
||||
<p-rating v-model="val4">
|
||||
<template #cancelicon>
|
||||
<img src="demo/images/rating/cancel.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24"/>
|
||||
<img src="/demo/images/rating/cancel.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24"/>
|
||||
</template>
|
||||
<template #onicon>
|
||||
<img src="demo/images/rating/custom-onicon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
<img src="/demo/images/rating/custom-onicon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
</template>
|
||||
<template #officon>
|
||||
<img src="demo/images/rating/custom-officon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
<img src="/demo/images/rating/custom-officon.png" @error="(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'" height="24" width="24" />
|
||||
</template>
|
||||
</p-rating>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -28,13 +28,13 @@
|
|||
<h5>Templating</h5>
|
||||
<Rating v-model="val4">
|
||||
<template #cancelicon>
|
||||
<img src="demo/images/rating/cancel.png" height="24" width="24" />
|
||||
<img src="/demo/images/rating/cancel.png" height="24" width="24" />
|
||||
</template>
|
||||
<template #onicon>
|
||||
<img src="demo/images/rating/custom-onicon.png" height="24" width="24" />
|
||||
<img src="/demo/images/rating/custom-onicon.png" height="24" width="24" />
|
||||
</template>
|
||||
<template #officon>
|
||||
<img src="demo/images/rating/custom-officon.png" height="24" width="24" />
|
||||
<img src="/demo/images/rating/custom-officon.png" height="24" width="24" />
|
||||
</template>
|
||||
</Rating>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="content-section">
|
||||
<img alt="PRO Support" src="demo/images/support/support-header.png" class="w-full block mb-5" style="border-radius: 20px" />
|
||||
<img alt="PRO Support" src="/demo/images/support/support-header.png" class="w-full block mb-5" style="border-radius: 20px" />
|
||||
|
||||
<div class="flex flex-column xl:flex-row mb-5 gap-5">
|
||||
<div class="card xl:w-3 m-0 relative overflow-hidden">
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<div class="card mb-5" style="border-radius: 50px">
|
||||
<div class="flex flex-column md:flex-row align-items-center gap-4 md:gap-8 mb-8">
|
||||
<div class="w-full md:w-6">
|
||||
<img alt="PrimeVue Designer" src="images/uikit/uikit-figma.png" class="w-full" />
|
||||
<img alt="PrimeVue Designer" src="/images/uikit/uikit-figma.png" class="w-full" />
|
||||
</div>
|
||||
<div class="w-full md:w-6">
|
||||
<div class="text-primary font-bold mb-2">UP-TO-DATE</div>
|
||||
|
|
@ -61,12 +61,12 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div class="w-full md:w-6">
|
||||
<img alt="PrimeVue Designer" src="images/uikit/uikit-system.png" class="w-full" />
|
||||
<img alt="PrimeVue Designer" src="/images/uikit/uikit-system.png" class="w-full" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-column md:flex-row align-items-center gap-4 md:gap-8">
|
||||
<div class="w-full md:w-6">
|
||||
<img alt="PrimeVue Designer" src="images/uikit/uikit-themes.png" class="w-full" />
|
||||
<img alt="PrimeVue Designer" src="/images/uikit/uikit-themes.png" class="w-full" />
|
||||
</div>
|
||||
<div class="w-full md:w-6">
|
||||
<div class="text-primary font-bold mb-2">DARK MODE</div>
|
||||
|
|
@ -94,7 +94,7 @@
|
|||
style="border-radius: 50px"
|
||||
>
|
||||
<span class="text-gray-900 text-4xl font-bold mb-5">Preview Light</span>
|
||||
<img alt="PrimeVue Designer" src="images/uikit/logo-figma-light.svg" class="w-4rem" />
|
||||
<img alt="PrimeVue Designer" src="/images/uikit/logo-figma-light.svg" class="w-4rem" />
|
||||
</a>
|
||||
<a
|
||||
href="https://www.figma.com/file/LJBqVfMpK8xY6KR2KIc8RK/Preview-%7C-Dark-%7C-PrimeOne-2022-%7C-1.0.0?node-id=806%3A36648"
|
||||
|
|
@ -102,7 +102,7 @@
|
|||
style="border-radius: 50px"
|
||||
>
|
||||
<span class="text-white text-4xl font-bold mb-5">Preview Dark</span>
|
||||
<img alt="PrimeVue Designer" src="images/uikit/logo-figma-dark.svg" class="w-4rem" />
|
||||
<img alt="PrimeVue Designer" src="/images/uikit/logo-figma-dark.svg" class="w-4rem" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue