Skip to content

Commit

Permalink
Merge branch 'prod'
Browse files Browse the repository at this point in the history
  • Loading branch information
cagataycivici committed Sep 5, 2023
2 parents 66e2b40 + 6d50ed2 commit d7177ab
Show file tree
Hide file tree
Showing 2 changed files with 46 additions and 75 deletions.
111 changes: 46 additions & 65 deletions src/app/showcase/pages/roadmap/roadmap.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,7 @@ <h1>Roadmap</h1>
<p>
At <a href="https://www.primetek.com.tr/" class="font-semibold hover:underline text-primary">PrimeTek</a>, we are passionate about improving PrimeNG and
would like to share our ideas for 2023 with the community. These are planned to be implemented in
parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG PRO support. This
page is updated on changes so please visit it to learn more about what is coming up next.
parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG PRO support.
</p>
</div>

Expand All @@ -32,62 +31,67 @@ <h2 class="text-lg font-bold mt-0 mb-2">Typings</h2>
</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">Accessibility</h2>
<p class="mt-0 mb-3 line-height-3">Implement WCAG Level AA compliance using PrimeVue as the reference implementation.</p>
<h2 class="text-lg font-bold mt-0 mb-2">Accessibility - I</h2>
<p class="mt-0 mb-3 line-height-3">Initiate WCAG Level AA compliance using PrimeVue as the reference implementation.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 10%; height: 4px"></div>
<div class="bg-blue-500 border-round" style="width: 100%; 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">Pass Through Props</h2>
<p class="mt-0 mb-3 line-height-3"> Initate the implementation of Pass Through Props to provide advanced control over component internals.</p>
<h2 class="text-lg font-bold mt-0 mb-2">Accessibility - II</h2>
<p class="mt-0 mb-3 line-height-3">Finalize WCAG Level AA compliance for all components with screen reader and keyboard support based on community feedback and audit tools.</p>
<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: 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">Unstyled Mode</h2>
<p class="mt-0 mb-3 line-height-3">Implementation of the Unstyled Mode to support libraries like Tailwind.</p>
<h2 class="text-lg font-bold mt-0 mb-2">New Design Tokens</h2>
<p class="mt-0 mb-3 line-height-3">Introduce new design tokens for styled mode.</p>
<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: 90%; 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 from SCSS variables.</p>
<p class="mt-0 mb-3 line-height-3">Implement design tokens as CSS variables instead of SCSS.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 0%; 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">New Styled Mode</h2>
<p class="mt-0 mb-3 line-height-3">Move theming into core to replace external sass repo.</p>
<div class="surface-200 border-round">
<div class="bg-blue-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-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">DragDrop Utils</h2>
<p class="mt-0 mb-3 line-height-3">Standalone Drag and Drop utilities that are also
integrated within certain components e.g. Tree.</p>
<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 Pass Through Props to provide advanced control over component internals.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 0%; 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">Full Calendar</h2>
<p class="mt-0 mb-3 line-height-3">New Full Calendar / Scheduler component.</p>
<h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
<p class="mt-0 mb-3 line-height-3">Implementation of the Unstyled Mode to support libraries like Tailwind.</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 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>
<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">
<h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
<p class="mt-0 mb-3 line-height-3">Initiate 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="bg-indigo-500 border-round" style="width: 100%; height: 4px"></div>
</div>
Expand All @@ -96,14 +100,21 @@ <h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
<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">
<h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
<p class="mt-0 mb-3 line-height-3">Finalize Figma Tokens.</p>
<p class="mt-0 mb-3 line-height-3">Initial release of Figma Tokens.</p>
<div class="surface-200 border-round">
<div class="bg-indigo-500 border-round" style="width: 50%; height: 4px"></div>
<div class="bg-indigo-500 border-round" style="width: 100%; height: 4px"></div>
</div>
</div>
</div>
<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">
<h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
<p class="mt-0 mb-3 line-height-3">Sync new design tokens.</p>
<div class="surface-200 border-round">
<div class="bg-indigo-500 border-round" style="width: 0%; height: 4px"></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>
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-teal-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">SHOWCASE</div>
Expand Down Expand Up @@ -133,21 +144,9 @@ <h2 class="text-lg font-bold mt-0 mb-2">Documentation</h2>
<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>
<div class="flex-1 flex gap-3 flex-column">

</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">More 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>
<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 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>
Expand All @@ -159,9 +158,7 @@ <h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
</div>
</div>
<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">
Designer</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="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>
Expand All @@ -171,33 +168,17 @@ <h2 class="text-lg font-bold mt-0 mb-2">Open Source Designer</h2>
</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 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">New UI for Theme Designer</h2>
<p class="mt-0 mb-3 line-height-3">Create a new UI based theme designer with full contol over theming API to replace current Visual Editor.</p>
<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>
<div class="surface-200 border-round">
<div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
</div>
</div>
</div>
<div class="flex-1 flex gap-3 flex-column"></div>
</div>
<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-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-purple-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Next-Gen Templates</h2>
<p class="mt-0 mb-3 line-height-3">Update more templates to NextGen standards set by <a href="https://www.youtube.com/watch?v=yl2f8KKY204" class="text-primary hover:underline font-semibold">Apollo</a>.</p>
<div class="surface-200 border-round">
<div class="bg-purple-500 border-round" style="width: 100%; height: 4px"></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>
Expand Down
10 changes: 0 additions & 10 deletions src/app/showcase/pages/team/team.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -82,21 +82,11 @@ <h1>Meet the Team</h1>
<span class="mb-2 text-xl font-bold">Buğra Beydüz</span>
<span>Front-End Developer</span>
</div>
<div class="flex flex-column align-items-center flex-auto">
<img src="https://primefaces.org/cdn/primeng/images/team/bahadir.jpg" class="border-circle mb-4" alt="Bahadır Sofuoğlu" />
<span class="mb-2 text-xl font-bold">Bahadır Sofuoğlu</span>
<span>Front-End Developer</span>
</div>
<div class="flex flex-column align-items-center flex-auto">
<img src="https://primefaces.org/cdn/primeng/images/team/aliriza.jpg" class="border-circle mb-4" alt="Alirıza Gücal" />
<span class="mb-2 text-xl font-bold">Ali Rıza Gücal</span>
<span>Front-End Developer</span>
</div>
<div class="flex flex-column align-items-center flex-auto">
<img src="https://primefaces.org/cdn/primeng/images/team/olgu.jpg" class="border-circle mb-4" alt="Olgu Başak" />
<span class="mb-2 text-xl font-bold">Olgu Başak</span>
<span>Java Web Developer</span>
</div>
<div class="flex flex-column align-items-center flex-auto">
<img src="https://primefaces.org/cdn/primeng/images/team/furkan.jpg" class="border-circle mb-4" alt="Furkan Seziş" />
<span class="mb-2 text-xl font-bold">Furkan Seziş</span>
Expand Down

1 comment on commit d7177ab

@vercel
Copy link

@vercel vercel bot commented on d7177ab Sep 5, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.