NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-08-17 21:18:16 -06:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Improve rendering of color options

Browse Source
This commit is contained in:
Jeremy Stretch 2024-02-09 14:31:53 -05:00
parent a7ea105247
commit 053e02d4d7
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
netbox/project-static/dist/netbox.js vendored
View File

Binary file not shown.

BIN
netbox/project-static/dist/netbox.js.map vendored
View File

Binary file not shown.

9
netbox/project-static/src/select/static.ts
View File

@ -17,13 +17,16 @@ export function initStaticSelects(): void {
// Initialize color selection fields // Initialize color selection fields
export function initColorSelects(): void { export function initColorSelects(): void {
function renderColor(item: TomOption, escape: typeof escape_html) {
return `<div><span class="dropdown-item-indicator color-label" style="background-color: #${escape(item.value)}"></span> ${escape(item.text)}</div>`
}
for (const select of getElements<HTMLSelectElement>('select.color-select')) { for (const select of getElements<HTMLSelectElement>('select.color-select')) {
new TomSelect(select, { new TomSelect(select, {
...config, ...config,
render: { render: {
option: function (item: TomOption, escape: typeof escape_html) { option: renderColor,
return `<div style="background-color: #${escape(item.value)}">${escape(item.text)}</div>`; item: renderColor,
},
}, },
}); });
} }