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

Merge branch 'primefaces:master' into master

pull/4052/head
hamidovz 2023-06-15 03:56:26 +04:00 committed by GitHub
parent 734b41e5bd cce9b07a4b
commit a7837b02e9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 129 additions and 68 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);
}
}
}

2
components/lib/organizationchart/OrganizationChartNode.vue
View File

@ -13,7 +13,7 @@
</td> </td>
</tr> </tr>
<tr :style="childStyle" :class="cx('lines')" v-bind="ptm('lines')"> <tr :style="childStyle" :class="cx('lines')" v-bind="ptm('lines')">
<td :colspan="colspan"> <td :colspan="colspan" v-bind="ptm('lineCell')">
<div :class="cx('lineDown')" v-bind="ptm('lineDown')"></div> <div :class="cx('lineDown')" v-bind="ptm('lineDown')"></div>
</td> </td>
</tr> </tr>

2
components/lib/paginator/Paginator.d.ts vendored
View File

@ -193,7 +193,7 @@ export interface PaginatorProps {
*/ */
rowsPerPageOptions?: number[] | undefined; rowsPerPageOptions?: number[] | undefined;
/** /**
* Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint. * Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint. Available templates are the following;
* *
* - FirstPageLink * - FirstPageLink
* - PrevPageLink * - PrevPageLink

58
components/lib/tooltip/Tooltip.js
View File

@ -136,6 +136,23 @@ function getTooltipElement(el) {
return document.getElementById(el.$_ptooltipId); return document.getElementById(el.$_ptooltipId);
} }
function setGlobalPTOptions(el, container) {
const addCSS = (element, section) => {
section.class && DomHandler.addMultipleClasses(element, section.class);
section.style && DomHandler.addStyles(element, section.style);
};
el.$_ptooltipPTOptions.css && addCSS(container, el.$_ptooltipPTOptions.css.root);
el.$_ptooltipPTCss && addCSS(container, el.$_ptooltipPTCss.root);
for (let section of ['arrow', 'text']) {
const element = DomHandler.findSingle(container, `[data-pc-section="${section}"]`);
el.$_ptooltipPTOptions.css[section] && addCSS(element, el.$_ptooltipPTOptions.css[section]);
el.$_ptooltipPTCss[section] && addCSS(element, el.$_ptooltipPTCss[section]);
}
}
function create(el) { function create(el) {
const id = el.$_ptooltipIdAttr !== '' ? el.$_ptooltipIdAttr : UniqueComponentId() + '_tooltip'; const id = el.$_ptooltipIdAttr !== '' ? el.$_ptooltipIdAttr : UniqueComponentId() + '_tooltip';
@ -144,15 +161,22 @@ function create(el) {
let container = document.createElement('div'); let container = document.createElement('div');
container.id = id; container.id = id;
container.setAttribute('data-pc-section', 'root');
container.setAttribute('data-pc-name', 'tooltip');
let tooltipArrow = document.createElement('div'); let tooltipArrow = document.createElement('div');
tooltipArrow.className = 'p-tooltip-arrow'; tooltipArrow.setAttribute('data-pc-section', 'arrow');
container.appendChild(tooltipArrow); container.appendChild(tooltipArrow);
let tooltipText = document.createElement('div'); let tooltipText = document.createElement('div');
tooltipText.className = 'p-tooltip-text'; tooltipText.setAttribute('data-pc-section', 'text');
if (!el.$_ptooltipUnstyled) {
tooltipArrow.className = 'p-tooltip-arrow';
tooltipText.className = 'p-tooltip-text';
}
if (el.$_ptooltipEscape) { if (el.$_ptooltipEscape) {
tooltipText.innerHTML = el.$_ptooltipValue; tooltipText.innerHTML = el.$_ptooltipValue;
@ -171,6 +195,8 @@ function create(el) {
container.style.width = 'fit-content'; container.style.width = 'fit-content';
} }
setGlobalPTOptions(el, container);
return container; return container;
} }
@ -306,7 +332,7 @@ function preAlign(el, position) {
tooltipElement.style.left = -999 + 'px'; tooltipElement.style.left = -999 + 'px';
tooltipElement.style.top = -999 + 'px'; tooltipElement.style.top = -999 + 'px';
tooltipElement.className = `p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass || ''}`; tooltipElement.className += el.$_ptooltipUnstyled ? el.$_ptooltipClass : ` p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass || ''}`;
} }
function isOutOfBounds(el) { function isOutOfBounds(el) {
@ -356,28 +382,36 @@ const Tooltip = {
target.$_ptooltipEscape = false; target.$_ptooltipEscape = false;
target.$_ptooltipClass = null; target.$_ptooltipClass = null;
target.$_ptooltipFitContent = true; target.$_ptooltipFitContent = true;
target.$_ptooltipIdAttr = '';
target.$_ptooltipShowDelay = 0; target.$_ptooltipShowDelay = 0;
target.$_ptooltipHideDelay = 0; target.$_ptooltipHideDelay = 0;
target.$_ptooltipPTCss = '';
} else if (typeof options.value === 'object' && options.value) { } else if (typeof options.value === 'object' && options.value) {
if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') return; if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') return;
else { else {
/* eslint-disable */
target.$_ptooltipValue = options.value.value; target.$_ptooltipValue = options.value.value;
target.$_ptooltipDisabled = !!options.value.disabled === options.value.disabled ? options.value.disabled : false; target.$_ptooltipDisabled = !!options.value.disabled === options.value.disabled ? options.value.disabled : false;
target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : false; target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : false;
target.$_ptooltipClass = options.value.class; target.$_ptooltipClass = options.value.class || '';
target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true; target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
target.$_ptooltipIdAttr = options.value.id || ''; target.$_ptooltipIdAttr = options.value.id || '';
target.$_ptooltipShowDelay = options.value.showDelay || 0; target.$_ptooltipShowDelay = options.value.showDelay || 0;
target.$_ptooltipHideDelay = options.value.hideDelay || 0; target.$_ptooltipHideDelay = options.value.hideDelay || 0;
target.$_ptooltipPTCss = options.value.pt && options.value.pt.css;
} }
} }
target.$_ptooltipZIndex = options.instance.$primevue && options.instance.$primevue.config && options.instance.$primevue.config.zIndex.tooltip; if (options.instance.$primevue && options.instance.$primevue.config) {
target.$_ptooltipZIndex = options.instance.$primevue.config.zIndex.tooltip;
target.$_ptooltipUnstyled = options.instance.$primevue.config.unstyled || false;
target.$_ptooltipPTOptions = options.instance.$primevue.config.pt && options.instance.$primevue.config.pt.directives && options.instance.$primevue.config.pt.directives.tooltip;
}
bindEvents(target); bindEvents(target);
}, },
unmounted(el) { unmounted(el) {
let target = getTarget(el); let target = getTarget(el);
remove(target); remove(target);
unbindEvents(target); unbindEvents(target);
@ -388,10 +422,12 @@ const Tooltip = {
}, },
updated(el, options) { updated(el, options) {
let target = getTarget(el); let target = getTarget(el);
target.$_ptooltipModifiers = getModifiers(options); target.$_ptooltipModifiers = getModifiers(options);
if (!options.value) { if (!options.value) {
unbindEvents(target); unbindEvents(target);
return; return;
} }
@ -403,26 +439,32 @@ const Tooltip = {
target.$_ptooltipIdAttr = ''; target.$_ptooltipIdAttr = '';
target.$_ptooltipShowDelay = 0; target.$_ptooltipShowDelay = 0;
target.$_ptooltipHideDelay = 0; target.$_ptooltipHideDelay = 0;
target.$_ptooltipPTCss = '';
bindEvents(target); bindEvents(target);
} else if (typeof options.value === 'object' && options.value) { } else if (typeof options.value === 'object' && options.value) {
if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') { if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') {
unbindEvents(target); unbindEvents(target);
return; return;
} else { } else {
/* eslint-disable */
target.$_ptooltipValue = options.value.value; target.$_ptooltipValue = options.value.value;
target.$_ptooltipDisabled = !!options.value.disabled === options.value.disabled ? options.value.disabled : false; target.$_ptooltipDisabled = !!options.value.disabled === options.value.disabled ? options.value.disabled : false;
target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : false; target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : false;
target.$_ptooltipClass = options.value.class; target.$_ptooltipClass = options.value.class || '';
target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true; target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
target.$_ptooltipIdAttr = options.value.id || ''; target.$_ptooltipIdAttr = options.value.id || '';
target.$_ptooltipShowDelay = options.value.showDelay || 0; target.$_ptooltipShowDelay = options.value.showDelay || 0;
target.$_ptooltipHideDelay = options.value.hideDelay || 0; target.$_ptooltipHideDelay = options.value.hideDelay || 0;
target.$_ptooltipPTCss = options.value.pt && options.value.pt.css;
bindEvents(target); bindEvents(target);
} }
} }
if (options.instance.$primevue && options.instance.$primevue.config) {
target.$_ptooltipPTOptions = options.instance.$primevue.config.pt && options.instance.$primevue.config.pt.directives && options.instance.$primevue.config.pt.directives.tooltip;
}
} }
}; };

1
components/lib/tree/TreeNode.vue
View File

@ -13,7 +13,6 @@
:tabindex="index === 0 ? 0 : -1" :tabindex="index === 0 ? 0 : -1"
@keydown="onKeyDown" @keydown="onKeyDown"
v-bind="level === 1 ? getPTOptions('node') : ptm('subgroup')" v-bind="level === 1 ? getPTOptions('node') : ptm('subgroup')"
data-pc-section="treeitem"
> >
<div :class="cx('content')" @click="onClick" @touchend="onTouchEnd" :style="node.style" v-bind="getPTOptions('content')" :data-p-highlight="checkboxMode ? checked : selected" :data-p-selectable="selectable"> <div :class="cx('content')" @click="onClick" @touchend="onTouchEnd" :style="node.style" v-bind="getPTOptions('content')" :data-p-highlight="checkboxMode ? checked : selected" :data-p-selectable="selectable">
<button v-ripple type="button" :class="cx('toggler')" @click="toggle" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('toggler')"> <button v-ripple type="button" :class="cx('toggler')" @click="toggle" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('toggler')">

2
doc/common/apidoc/index.json
View File

@ -28304,7 +28304,7 @@
"readonly": false, "readonly": false,
"type": "any", "type": "any",
"default": "", "default": "",
"description": "Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint.\n\n- FirstPageLink\n- PrevPageLink\n- PageLinks\n- NextPageLink\n- LastPageLink\n- RowsPerPageDropdown\n- JumpToPageDropdown\n- JumpToPageInput\n- CurrentPageReport" "description": "Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint. Available templates are the following;\n\n- FirstPageLink\n- PrevPageLink\n- PageLinks\n- NextPageLink\n- LastPageLink\n- RowsPerPageDropdown\n- JumpToPageDropdown\n- JumpToPageInput\n- CurrentPageReport"
}, },
{ {
"name": "currentPageReportTemplate", "name": "currentPageReportTemplate",

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>