apuc/cg-select
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed the theme selection function

Browse Source
This commit is contained in:
MaxOvs19
2023-01-27 17:23:25 +03:00
parent 102fb5a7b1
commit fe91c1206e
14 changed files with 113 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/utils/urils.interface.ts
View File

@ -55,5 +55,5 @@ export interface ISelectedItems {
* An optional parameter that is responsible for enabling a light/dark theme by default, the dark theme is set.
* @type {boolean}
*/
darkTheme?: boolean;
theme?: string;
}

24
src/components/utils/utils.ts
View File

@ -77,6 +77,7 @@ export function createSelected(element: Element, content?: string, styles?: ISty
const caret = document.createElement('div');
select.classList.add('cg-select');
select.classList.add('classicSelect');
selected.classList.add('selected');
caret.classList.add('caret');
@ -103,7 +104,7 @@ export function createSelected(element: Element, content?: string, styles?: ISty
* @param {ISelectedItems} dataSelectText the text that is rendered in the select.
*/
export function clearSelect(select: HTMLElement, element: Element, dataSelectText: ISelectedItems) {
const { selectedItems, indexes, darkTheme, multiselectTag } = dataSelectText;
const { selectedItems, indexes, theme, multiselectTag } = dataSelectText;
const options = element.querySelectorAll('.list__item');
const nativeOption = element!.querySelectorAll('.nativeSelect__nativeOption');
@ -122,14 +123,19 @@ export function clearSelect(select: HTMLElement, element: Element, dataSelectTex
return;
}
if (darkTheme === true || !darkTheme) {
path1.classList.add('pathWhite');
path2.classList.add('pathWhite');
}
if (darkTheme === false) {
path1.classList.add('pathBlack');
path2.classList.add('pathBlack');
switch (theme) {
case 'dark':
path1.classList.add('pathWhite');
path2.classList.add('pathWhite');
break;
case 'white':
path1.classList.add('pathBlack');
path2.classList.add('pathBlack');
break;
default:
path1.classList.add('pathWhite');
path2.classList.add('pathWhite');
break;
}
svgIcon.classList.add('svg-icon');