- Implemented DeesInputFileupload component with file upload functionality, including drag-and-drop support, file previews, and clear all option. - Developed DeesInputRichtext component featuring a rich text editor with a formatting toolbar, link management, and word count display. - Created demo for DeesInputRichtext showcasing various use cases including basic editing, placeholder text, different heights, and disabled state. - Added styles for both components to ensure a consistent and user-friendly interface. - Introduced types for toolbar buttons in the rich text editor for better type safety and maintainability.
19 lines
606 B
TypeScript
19 lines
606 B
TypeScript
import { html, type TemplateResult } from '@design.estate/dees-element';
|
|
import type { DeesAppuiBar } from './component.js';
|
|
|
|
export const renderAppuiAppbar = (component: DeesAppuiBar): TemplateResult => {
|
|
return html`
|
|
<div class="menus">
|
|
${component.showWindowControls ? html`<dees-windowcontrols></dees-windowcontrols>` : ''}
|
|
${component.renderMenuItems()}
|
|
</div>
|
|
<div class="breadcrumbs">
|
|
${component.renderBreadcrumbs()}
|
|
</div>
|
|
<div class="account">
|
|
${component.renderAccountSection()}
|
|
</div>
|
|
`;
|
|
|
|
};
|