Skip to content

Commit

Permalink
fix: fix action bar
Browse files Browse the repository at this point in the history
  • Loading branch information
@MishaZhem
MishaZhem committed Aug 29, 2024
1 parent 71fb37b commit db0b8bb
Show file tree
Hide file tree
Showing 4 changed files with 167 additions and 132 deletions.
7 changes: 5 additions & 2 deletions apps/taiga-lumbermill/src/dashboards/space-zoo/components/table/table.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,10 @@
</thead>
<tbody tuiTbody>
<tr
*ngFor="let item of searchedData().slice(index * sizeSort(), (index + 1) * sizeSort()) | tuiTableSort"
*ngFor="
let item of searchedData().slice(index * sizeSort(), (index + 1) * sizeSort()) | tuiTableSort;
let ind = index
"
tuiTr
>
<td
Expand All @@ -154,7 +157,7 @@
tuiCheckbox
type="checkbox"
[size]="'s'"
[(ngModel)]="item.selected"
[(ngModel)]="states()[ind]"
/>
<span tuiTitle>
{{ item.checkbox.title }}
Expand Down
157 changes: 28 additions & 129 deletions apps/taiga-lumbermill/src/dashboards/space-zoo/components/table/table.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,110 +48,9 @@ import {TuiCell, TuiSearch} from '@taiga-ui/layout';
import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
import {map} from 'rxjs';

import {INITIAL_DATA} from './table.constants';
import type {DataTable} from './table.interface';

export const INITIAL_DATA = [
{
checkbox: {
title: 'INN Checking in database_part_1',
subtitle: 'Connection throttled because max number',
},
analytic: {
title: 'WO_analytic',
subtitle: 'Greenplum Table',
},
file: {
icon: '@tui.file',
title: 'Stability hamcejdc #195',
chip: 'label',
subtitle: 'k6-tenant-manager ・ master',
},
date: {
time: '13.03.2022 13:45:48',
chip: 'ExecuteSasScriptOnAllContours',
},
cell: {
name: 'Misha Zhem',
email: '[email protected]',
},
status: {
value: 'Success',
color: 'var(--tui-status-positive)',
},
labels: ['Label', 'Label', 'displayed', 'here', 'and', 'can', 'overflow'],
tags: ['Tag', 'Tag', 'displayed', 'here', 'and', 'can', 'overflow'],
duration: '30 days',
progress: 43.7,
selected: false,
},
{
checkbox: {
title: 'INN Checking in database_part_2',
subtitle: 'Connection throttled because max number',
},
analytic: {
title: 'WO_analytic',
subtitle: 'Greenplum Table',
},
file: {
icon: '@tui.file',
title: 'Stability hamcejdc #195',
chip: 'label',
subtitle: 'k6-tenant-manager ・ master',
},
date: {
time: '13.03.2022 13:45:48',
chip: 'ExecuteSasScriptOnAllContours',
},
cell: {
name: 'Misha Zhem',
email: '[email protected]',
},
status: {
value: 'Success',
color: 'var(--tui-status-positive)',
},
labels: ['Label', 'Label', 'displayed', 'here', 'and', 'can', 'overflow'],
tags: ['Tag', 'Tag', 'displayed', 'here', 'and', 'can', 'overflow'],
duration: '30 days',
progress: 53.2,
selected: false,
},
{
checkbox: {
title: 'INN Checking in database_part_3',
subtitle: 'Connection throttled because max number',
},
analytic: {
title: 'WO_analytic33',
subtitle: 'Greenplum Table',
},
file: {
icon: '@tui.file',
title: 'Stability hamcejdc #195212',
chip: 'label',
subtitle: 'k6-tenant-manager ・ master',
},
date: {
time: '13.03.2022 15:45:48',
chip: 'ExecuteSasScriptOnAllContours',
},
cell: {
name: 'Misha Zhem32',
email: '[email protected]',
},
status: {
value: 'Warning',
color: 'var(--tui-status-negative)',
},
labels: ['Label', 'Label', 'displayed', 'here', 'and', 'can', 'overflow'],
tags: ['Tag', 'Tag', 'displayed', 'here', 'and', 'can', 'overflow'],
duration: '29 days',
progress: 45.7,
selected: false,
},
];

@Component({
standalone: true,
selector: 'lmb-table',
Expand Down Expand Up @@ -223,6 +122,7 @@ export class TableComponent {
protected readonly segmentSort: WritableSignal<string | null> = signal(null);
protected readonly successSort: WritableSignal<boolean> = signal(false);
protected readonly progressSort: WritableSignal<string[]> = signal([]);
protected states = computed(() => this.searchedData().map((_) => signal(false)));

protected readonly count = toSignal(
this.form.valueChanges.pipe(map(() => tuiCountFilledControls(this.form))),
Expand Down Expand Up @@ -299,24 +199,23 @@ export class TableComponent {
protected columnsTitles = this.columns.map((val) => val.title);

protected readonly data: Signal<DataTable[]> = signal(
INITIAL_DATA.concat(
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
INITIAL_DATA,
),
INITIAL_DATA.map((result) => [
result,
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
structuredClone(result),
]).reduce((acc, curr) => acc.concat(curr), []),
);

protected searchedData = computed(() =>
Expand Down Expand Up @@ -351,8 +250,8 @@ export class TableComponent {
protected get selected(): number {
let result = 0;

this.searchedData().forEach((item) => {
if (item.selected) {
this.states().forEach((item) => {
if (item()) {
result++;
}
});
Expand All @@ -361,20 +260,20 @@ export class TableComponent {
}

protected get checked(): boolean | null {
const every = this.searchedData().every(({selected}) => selected);
const some = this.searchedData().some(({selected}) => selected);
const every = this.states().every((val) => val());
const some = this.states().some((val) => val());

return every || (some && null);
}

protected toggleSelect(): void {
const all = this.selected < this.searchedData().length;

this.searchedData().forEach((item) => {
this.states().forEach((item) => {
if (all) {
item.selected = true;
item.set(true);
} else {
item.selected = false;
item.set(false);
}
});
}
Expand All @@ -384,8 +283,8 @@ export class TableComponent {
}

protected onCheck(checked: boolean): void {
this.searchedData().forEach((item) => {
item.selected = checked;
this.states().forEach((item) => {
item.set(checked);
});
}

Expand Down
134 changes: 134 additions & 0 deletions apps/taiga-lumbermill/src/dashboards/space-zoo/components/table/table.constants.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
export const INITIAL_DATA = [
{
checkbox: {
title: 'INN Checking in database_part_1',
subtitle: 'Connection throttled because max number',
},
analytic: {
title: 'WO_analytic',
subtitle: 'Greenplum Table',
},
file: {
icon: '@tui.file',
title: 'Stability hamcejdc #195',
chip: 'label',
subtitle: 'k6-tenant-manager ・ master',
},
date: {
time: '13.03.2022 13:45:48',
chip: 'ExecuteSasScriptOnAllContours',
},
cell: {
name: 'Misha Zhem',
email: '[email protected]',
},
status: {
value: 'Success',
color: 'var(--tui-status-positive)',
},
labels: ['Label', 'Label', 'displayed', 'here', 'and', 'can', 'overflow'],
tags: ['Tag', 'Tag', 'displayed', 'here', 'and', 'can', 'overflow'],
duration: '30 days',
progress: 43.7,
selected: false,
},
{
checkbox: {
title: 'INN Checking in database_part_2',
subtitle: 'Connection throttled because max number',
},
analytic: {
title: 'WO_analytic',
subtitle: 'Greenplum Table',
},
file: {
icon: '@tui.file',
title: 'Stability hamcejdc #195',
chip: 'label',
subtitle: 'k6-tenant-manager ・ master',
},
date: {
time: '13.03.2022 13:45:48',
chip: 'ExecuteSasScriptOnAllContours',
},
cell: {
name: 'Misha Zhem',
email: '[email protected]',
},
status: {
value: 'Success',
color: 'var(--tui-status-positive)',
},
labels: ['Label', 'Label', 'displayed', 'here', 'and', 'can', 'overflow'],
tags: ['Tag', 'Tag', 'displayed', 'here', 'and', 'can', 'overflow'],
duration: '30 days',
progress: 53.2,
selected: false,
},
{
checkbox: {
title: 'INN Checking in database_part_3',
subtitle: 'Connection throttled because max number',
},
analytic: {
title: 'WO_analytic33',
subtitle: 'Greenplum Table',
},
file: {
icon: '@tui.file',
title: 'Stability hamcejdc #195212',
chip: 'label',
subtitle: 'k6-tenant-manager ・ master',
},
date: {
time: '13.03.2022 15:45:48',
chip: 'ExecuteSasScriptOnAllContours',
},
cell: {
name: 'Misha Zhem32',
email: '[email protected]',
},
status: {
value: 'Warning',
color: 'var(--tui-status-negative)',
},
labels: ['Label', 'Label', 'displayed', 'here', 'and', 'can', 'overflow'],
tags: ['Tag', 'Tag', 'displayed', 'here', 'and', 'can', 'overflow'],
duration: '29 days',
progress: 45.7,
selected: false,
},
{
checkbox: {
title: 'INN Checking in database_part_1',
subtitle: 'Connection throttled because max number',
},
analytic: {
title: 'WO_analytic',
subtitle: 'Greenplum Table',
},
file: {
icon: '@tui.file',
title: 'Stability hamcejdc #195',
chip: 'label',
subtitle: 'k6-tenant-manager ・ master',
},
date: {
time: '13.03.2022 13:45:48',
chip: 'ExecuteSasScriptOnAllContours',
},
cell: {
name: 'Misha Zhem',
email: '[email protected]',
},
status: {
value: 'Success',
color: 'var(--tui-status-positive)',
},
labels: ['Label', 'Label', 'displayed', 'here', 'and', 'can', 'overflow'],
tags: ['Tag', 'Tag', 'displayed', 'here', 'and', 'can', 'overflow'],
duration: '30 days',
progress: 43.7,
selected: false,
},
];
1 change: 0 additions & 1 deletion apps/taiga-lumbermill/src/dashboards/space-zoo/components/table/table.interface.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ export interface DataTable {
readonly tags: string[];
readonly duration: string;
readonly progress: number;
selected: boolean;
}

export interface TableCheckbox {
Expand Down

0 comments on commit db0b8bb

Please sign in to comment.