Browse Source

Changed accordign to the converstaion

pull/5248/head
ANIR1604 4 weeks ago
committed by Thomas Kaul
parent
commit
f2c14dbb30
  1. 2
      apps/client/src/app/components/home-overview/home-overview.component.ts
  2. 1
      libs/ui/src/index.ts
  3. 3
      libs/ui/src/lib/toggle/toggle.component.html
  4. 7
      libs/ui/src/lib/toggle/toggle.component.stories.ts
  5. 3
      libs/ui/src/lib/toggle/toggle.component.ts

2
apps/client/src/app/components/home-overview/home-overview.component.ts

@ -13,7 +13,6 @@ import {
import { hasPermission, permissions } from '@ghostfolio/common/permissions';
import { internalRoutes } from '@ghostfolio/common/routes/routes';
import { GfLineChartComponent } from '@ghostfolio/ui/line-chart';
import { GfToggleComponent } from '@ghostfolio/ui/toggle';
import { CommonModule } from '@angular/common';
import {
@ -43,7 +42,6 @@ import { takeUntil } from 'rxjs/operators';
templateUrl: './home-overview.html'
})
export class GfHomeOverviewComponent implements OnDestroy, OnInit {
public dateRangeOptions = GfToggleComponent;
public deviceType: string;
public errors: AssetProfileIdentifier[];
public hasError: boolean;

1
libs/ui/src/index.ts

@ -1 +0,0 @@
export * from './lib/toggle';

3
libs/ui/src/lib/toggle/toggle.component.html

@ -1,6 +1,5 @@
<mat-radio-group
class="d-block text-nowrap"
[disabled]="isLoading"
[formControl]="optionFormControl"
(change)="onValueChange()"
>
@ -9,7 +8,7 @@
class="d-inline-flex"
[disabled]="isLoading"
[ngClass]="{
'cursor-default': option.value === optionFormControl.value || isLoading,
'cursor-default': option.value === optionFormControl.value,
'cursor-pointer': !isLoading && option.value !== optionFormControl.value
}"
[value]="option.value"

7
libs/ui/src/lib/toggle/toggle.component.stories.ts

@ -27,13 +27,6 @@ export default {
type Story = StoryObj<GfToggleComponent>;
export const Default: Story = {
args: {
options: DEFAULT_OPTIONS,
defaultValue: '1d'
}
};
export const Loading: Story = {
args: {
options: DEFAULT_OPTIONS,
defaultValue: '1d',

3
libs/ui/src/lib/toggle/toggle.component.ts

@ -16,13 +16,12 @@ import { MatRadioModule } from '@angular/material/radio';
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [CommonModule, MatRadioModule, ReactiveFormsModule],
selector: 'gf-toggle',
standalone: true,
styleUrls: ['./toggle.component.scss'],
templateUrl: './toggle.component.html'
})
export class GfToggleComponent implements OnChanges {
@Input() defaultValue: string;
@Input() isLoading = false;
@Input() isLoading: boolean;
@Input() options: ToggleOption[] = [];
@Output() valueChange = new EventEmitter<Pick<ToggleOption, 'value'>>();

Loading…
Cancel
Save