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

Merge branch 'prod'

pull/4052/head^2
Cagatay Civici 2023-06-14 23:19:22 +03:00
parent 349c14b3ad 546a1acc71
commit cce9b07a4b
4 changed files with 76 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
assets/styles/layout/_topbar.scss
View File

@ -6,7 +6,7 @@
left: 250px; left: 250px;
width: calc(100% - 250px); width: calc(100% - 250px);
z-index: 1100; z-index: 1100;
border-bottom: 1px solid var(--surface-border); transition: background-color 1s;
.layout-topbar-inner { .layout-topbar-inner {
height: 100%; height: 100%;
@ -41,3 +41,20 @@
} }
} }
} }
.layout-wrapper-light {
.layout-topbar {
&.layout-topbar-sticky {
background-color: rgba(255,255,255,.7);
}
}
}
.layout-wrapper-dark {
.layout-topbar {
&.layout-topbar-sticky {
background-color: rgba(0,0,0,.3);
}
}
}

11
nuxt.config.js
View File

@ -48,17 +48,6 @@ export default defineNuxtConfig({
strategy: 'lazyOnload', strategy: 'lazyOnload',
src: 'https://www.googletagmanager.com/gtag/js?id=UA-93461466-1' src: 'https://www.googletagmanager.com/gtag/js?id=UA-93461466-1'
}, },
{
id: 'ga-analytics',
strategy: 'lazyOnload',
children: `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-93461466-1');
`
},
{ {
src: baseUrl + 'scripts/prism.js', src: baseUrl + 'scripts/prism.js',
'data-manual': true 'data-manual': true

87
pages/roadmap/index.vue
View File

@ -34,24 +34,40 @@
</div> </div>
</div> </div>
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid"> <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Slot Props</h2> <h2 class="text-lg font-bold mt-0 mb-2">Pass Through Props</h2>
<p class="mt-0 mb-3 line-height-3">Initate the implementation of Slot Props to provide advanced control over component internals.</p> <p class="mt-0 mb-3 line-height-3">Initate the implementation of Pass Through Props to provide advanced control over component internals.</p>
<div class="surface-200 border-round"> <div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 25%; height: 4px"></div> <div class="bg-blue-500 border-round" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-1 flex gap-3 flex-column"> <div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid"> <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Testing</h2> <h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
<p class="mt-0 mb-3 line-height-3">Increase unit test coverage.</p> <p class="mt-0 mb-3 line-height-3">Introduce new unstyled mode to fully support styling with CSS libraries like Tailwind.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 90%; height: 4px"></div>
</div>
</div>
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Tailwind Theme</h2>
<p class="mt-0 mb-3 line-height-3">Implement a built-in TailwindCSS theme using the new Unstyled mode.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 50%; height: 4px"></div>
</div>
</div>
</div>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">CSS Variables</h2>
<p class="mt-0 mb-3 line-height-3">Migrate to CSS variables for a dynamic approach.</p>
<div class="surface-200 border-round"> <div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div> <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
</div> </div>
</div> </div>
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid"> <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2> <h2 class="text-lg font-bold mt-0 mb-2">RTL Mode</h2>
<p class="mt-0 mb-3 line-height-3">Introduce new unstyled mode to fully support styling with CSS libraries like Tailwind.</p> <p class="mt-0 mb-3 line-height-3">Implement RTL support for all components.</p>
<div class="surface-200 border-round"> <div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div> <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
</div> </div>
@ -72,26 +88,32 @@
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div> <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
</div> </div>
</div> </div>
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Testing</h2>
<p class="mt-0 mb-3 line-height-3">Increase unit test coverage.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
</div>
</div>
</div> </div>
<div class="flex-1 flex gap-3 flex-column"></div>
</div> </div>
<div class="flex gap-3 border-bottom-1 surface-border pb-3"> <div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-indigo-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Figma UI Kit</div> <div class="flex-shrink-0 p-3 bg-indigo-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Figma UI Kit</div>
<div class="flex-1 flex gap-3 flex-column"> <div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid"> <div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2> <h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
<p class="mt-0 mb-3 line-height-3">Add support for Figma Tokens.</p> <p class="mt-0 mb-3 line-height-3">Initiated support for Figma Tokens.</p>
<div class="surface-200 border-round"> <div class="surface-200 border-round">
<div class="bg-indigo-500 border-round" style="width: 0%; height: 4px"></div> <div class="bg-indigo-500 border-round" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-1 flex gap-3 flex-column"> <div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-bluegray-500" style="border-left: 6px solid"> <div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Theme Generator</h2> <h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
<p class="mt-0 mb-3 line-height-3">Create a Figma Plugin to generate themes from Figma.</p> <p class="mt-0 mb-3 line-height-3">Finalize Figma Tokens..</p>
<div class="surface-200 border-round"> <div class="surface-200 border-round">
<div class="bg-bluegray-500 border-round" style="width: 0%; height: 4px"></div> <div class="bg-indigo-500 border-round" style="width: 50%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
@ -129,24 +151,8 @@
</div> </div>
<div class="flex gap-3 border-bottom-1 surface-border pb-3"> <div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-orange-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">PrimeBlocks</div> <div class="flex-shrink-0 p-3 bg-orange-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">PrimeBlocks</div>
<div class="flex-1 flex gap-3 flex-column"> <div class="flex-1 flex gap-3 flex-column"></div>
<div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid"> <div class="flex-1 flex gap-3 flex-column"></div>
<h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
<p class="mt-0 mb-3 line-height-3">30+ new UI Blocks.</p>
<div class="surface-200 border-round">
<div class="bg-orange-500 border-round" style="width: 0%; height: 4px"></div>
</div>
</div>
</div>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
<p class="mt-0 mb-3 line-height-3">New UI Blocks.</p>
<div class="surface-200 border-round">
<div class="bg-orange-500 border-round" style="width: 0%; height: 4px"></div>
</div>
</div>
</div>
<div class="flex-1 flex gap-3 flex-column"> <div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid"> <div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2> <h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
@ -167,24 +173,18 @@
</div> </div>
</div> </div>
<div class="flex gap-3 border-bottom-1 surface-border pb-3"> <div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Styling</div> <div class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Designer</div>
<div class="flex-1 flex gap-3 flex-column"> <div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid"> <div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Open Source Designer</h2> <h2 class="text-lg font-bold mt-0 mb-2">Open Source Designer</h2>
<p class="mt-0 mb-3 line-height-3">Open source the sass based theming api and the visual designer.</p> <p class="mt-0 mb-3 line-height-3">Open source the sass based theming api and the visual designer.</p>
<div class="surface-200 border-round"> <div class="surface-200 border-round">
<div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div> <div class="bg-pink-500 border-round" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-1 flex gap-3 flex-column"></div>
<div class="flex-1 flex gap-3 flex-column"> <div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">CSS Variables</h2>
<p class="mt-0 mb-3 line-height-3">Migrate to CSS variables for a dynamic approach.</p>
<div class="surface-200 border-round">
<div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
</div>
</div>
<div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid"> <div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">New UI Based Theme Editor</h2> <h2 class="text-lg font-bold mt-0 mb-2">New UI Based Theme Editor</h2>
<p class="mt-0 mb-3 line-height-3">Advanced Theme Editor with full control over the Theming API.</p> <p class="mt-0 mb-3 line-height-3">Advanced Theme Editor with full control over the Theming API.</p>
@ -194,7 +194,6 @@
</div> </div>
</div> </div>
<div class="flex-1 flex gap-3 flex-column"></div> <div class="flex-1 flex gap-3 flex-column"></div>
<div class="flex-1 flex gap-3 flex-column"></div>
</div> </div>
<div class="flex gap-3 border-bottom-1 surface-border pb-3"> <div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-purple-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Templates</div> <div class="flex-shrink-0 p-3 bg-purple-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Templates</div>
@ -210,7 +209,7 @@
<h2 class="text-lg font-bold mt-0 mb-2">Migrate to Vite</h2> <h2 class="text-lg font-bold mt-0 mb-2">Migrate to Vite</h2>
<p class="mt-0 mb-3 line-height-3">Initiate migration of templates to Vite.</p> <p class="mt-0 mb-3 line-height-3">Initiate migration of templates to Vite.</p>
<div class="surface-200 border-round"> <div class="surface-200 border-round">
<div class="bg-purple-500 border-round" style="width: 10%; height: 4px"></div> <div class="bg-purple-500 border-round" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
@ -219,7 +218,7 @@
<h2 class="text-lg font-bold mt-0 mb-2">Migrate to Vite</h2> <h2 class="text-lg font-bold mt-0 mb-2">Migrate to Vite</h2>
<p class="mt-0 mb-3 line-height-3">Finish migration of templates to Vite.</p> <p class="mt-0 mb-3 line-height-3">Finish migration of templates to Vite.</p>
<div class="surface-200 border-round"> <div class="surface-200 border-round">
<div class="bg-purple-500 border-round" style="width: 0%; height: 4px"></div> <div class="bg-purple-500 border-round" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>

15
pages/team/index.vue
View File

@ -28,6 +28,11 @@
<span class="mb-2 text-xl font-bold">Onur Şentüre</span> <span class="mb-2 text-xl font-bold">Onur Şentüre</span>
<span>Design Lead</span> <span>Design Lead</span>
</div> </div>
<div class="flex flex-column align-items-center flex-auto">
<img src="https://primefaces.org/cdn/primevue/images/team/yigit.jpg" class="border-circle mb-4" alt="Yiğit Fındıklı" />
<span class="mb-2 text-xl font-bold">Yiğit Fındıklı</span>
<span>Technical Lead</span>
</div>
<div class="flex flex-column align-items-center flex-auto"> <div class="flex flex-column align-items-center flex-auto">
<img src="https://primefaces.org/cdn/primevue/images/team/dilara.jpg" class="border-circle mb-4" alt="Dilara Can" /> <img src="https://primefaces.org/cdn/primevue/images/team/dilara.jpg" class="border-circle mb-4" alt="Dilara Can" />
<span class="mb-2 text-xl font-bold">Dilara Güngenci</span> <span class="mb-2 text-xl font-bold">Dilara Güngenci</span>
@ -78,6 +83,16 @@
<span class="mb-2 text-xl font-bold">Olgu Başak</span> <span class="mb-2 text-xl font-bold">Olgu Başak</span>
<span>Java Web Developer</span> <span>Java Web Developer</span>
</div> </div>
<div class="flex flex-column align-items-center flex-auto">
<img src="https://primefaces.org/cdn/primevue/images/team/furkan.jpg" class="border-circle mb-4" alt="Furkan Seziş" />
<span class="mb-2 text-xl font-bold">Furkan Seziş</span>
<span>Front-End Developer</span>
</div>
<div class="flex flex-column align-items-center flex-auto">
<img src="https://primefaces.org/cdn/primevue/images/team/burak.jpg" class="border-circle mb-4" alt="Burak Sağlam" />
<span class="mb-2 text-xl font-bold">Burak Sağlam</span>
<span>Front-End Developer</span>
</div>
</div> </div>
</div> </div>
</div> </div>