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

Showcase ripple updates

pull/5161/head
tugcekucukoglu 2024-01-26 13:32:22 +03:00
parent cc9fa3891c
commit b2bc41fcda
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
doc/ripple/CustomDoc.vue
View File

@ -10,6 +10,7 @@
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(75, 175, 80, 0.3)"
> >
Green Green
</div> </div>
@ -20,6 +21,7 @@
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(255, 193, 6, 0.3)"
> >
Orange Orange
</div> </div>
@ -30,6 +32,7 @@
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(156, 39, 176, 0.3)"
> >
Purple Purple
</div> </div>
@ -50,6 +53,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(75, 175, 80, 0.3)"
> >
Green Green
</div> </div>
@ -60,6 +64,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(255, 193, 6, 0.3)"
> >
Orange Orange
</div> </div>
@ -70,6 +75,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(156, 39, 176, 0.3)"
> >
Purple Purple
</div> </div>
@ -84,6 +90,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(75, 175, 80, 0.3)"
> >
Green Green
</div> </div>
@ -94,6 +101,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(255, 193, 6, 0.3)"
> >
Orange Orange
</div> </div>
@ -104,6 +112,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(156, 39, 176, 0.3)"
> >
Purple Purple
</div> </div>
@ -130,6 +139,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(75, 175, 80, 0.3)"
> >
Green Green
</div> </div>
@ -140,6 +150,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(255, 193, 6, 0.3)"
> >
Orange Orange
</div> </div>
@ -150,6 +161,7 @@ export default {
} }
}" }"
class="p-ripple box" class="p-ripple box"
style="border: 1px solid rgba(156, 39, 176, 0.3)"
> >
Purple Purple
</div> </div>

16
layouts/default.vue
View File

@ -31,23 +31,35 @@ export default {
data() { data() {
return { return {
sidebarActive: false, sidebarActive: false,
appConfigActive: false appConfigActive: false,
defaultRipple: false
}; };
}, },
watch: { watch: {
$route: { $route: {
immediate: true, immediate: true,
handler(to) { handler(to, from) {
if (!process.client || typeof window === 'undefined') { if (!process.client || typeof window === 'undefined') {
return; return;
} }
if (!this.defaultRipple) {
if (to.name === 'ripple') {
this.$appState.ripple = true;
} else if (from?.name === 'ripple') {
this.$appState.ripple = this.defaultRipple;
}
}
this.sidebarActive = false; this.sidebarActive = false;
DomHandler.unblockBodyScroll('blocked-scroll'); DomHandler.unblockBodyScroll('blocked-scroll');
this.$toast.removeAllGroups(); this.$toast.removeAllGroups();
} }
} }
}, },
beforeCreate() {
this.defaultRipple = this.$appState.ripple;
},
mounted() { mounted() {
if (this.isOutdatedIE()) { if (this.isOutdatedIE()) {
this.$toast.add({ this.$toast.add({