mirror/netbox-community-netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2024-05-10 07:54:54 +00:00
Code Activity

#6797: Fix API select styles

Browse Source
This commit is contained in:
checktheroads
2021-07-24 18:11:01 -07:00
parent 4489e130f2
commit 0b80d85c6c
9 changed files with 57 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
netbox/project-static/src/select/api.ts
View File

@ -57,12 +57,6 @@ class APISelect {
*/
public readonly placeholder: string;
/**
* This element's options come from the server pre-sorted and should not be sorted client-side.
* Determined by the existence of the `pre-sorted` attribute on the base `<select/>` element.
*/
private readonly preSorted: boolean = false;
/**
* Event to be dispatched when dependent fields' values change.
*/
@ -112,6 +106,13 @@ class APISelect {
*/
private queryUrl: string = '';
/**
* This element's options come from the server pre-sorted and should not be sorted client-side.
* Determined by the existence of the `pre-sorted` attribute on the base `<select/>` element, or
* by existence of specific fields such as `_depth`.
*/
private preSorted: boolean = false;
/**
* This instance's available options.
*/
@ -161,7 +162,8 @@ class APISelect {
this.updatePathValues(filter);
}
this.queryParams.set('brief', true);
// TODO: Re-enable this. Disabled because `_depth` field is missing from brief responses.
// this.queryParams.set('brief', true);
this.queryParams.set('limit', 0);
this.updateQueryUrl();
@ -314,7 +316,15 @@ class APISelect {
const options = [PLACEHOLDER] as Option[];
for (const result of results) {
const text = result.display;
let text = result.display;
if (typeof result._depth === 'number') {
// If the object has a `_depth` property, indent its display text.
if (!this.preSorted) {
this.preSorted = true;
}
text = `<span class="depth">${'─'.repeat(result._depth)}</span> ${text}`;
}
const data = {} as Record<string, string>;
const value = result.id.toString();
let style, selected, disabled;