Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update color for disabled options

Browse Source
This commit is contained in:
Dan Percic 2023-08-30 09:59:56 +03:00
parent c9abddb301
commit 45622e7fd6
2 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/inputs/details-radio/details-radio.component.scss
View File

@ -12,6 +12,7 @@ label {
}
&.disabled {
color: var(--iqser-grey-3);
cursor: not-allowed;
.icon-option {

25
src/lib/inputs/details-radio/details-radio.component.ts
View File

@ -1,17 +1,17 @@
import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
import { DetailsRadioOption } from './details-radio-option';
import { FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
import { FormFieldComponent } from '../form-field/form-field-component.directive';
import { NgClass, NgForOf, NgIf } from '@angular/common';
import { RoundCheckboxComponent } from '../round-checkbox/round-checkbox.component';
import { TranslateModule, TranslateService } from '@ngx-translate/core';
import { MatIconModule } from '@angular/material/icon';
import { booleanAttribute, Component, EventEmitter, Input, Output } from '@angular/core';
import { FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatIconModule } from '@angular/material/icon';
import { MatTooltipModule } from '@angular/material/tooltip';
import { TranslateModule } from '@ngx-translate/core';
import { ReplaceNbspPipe } from '../../pipes/replace-nbsp.pipe';
import { FormFieldComponent } from '../form-field/form-field-component.directive';
import { RoundCheckboxComponent } from '../round-checkbox/round-checkbox.component';
import { DetailsRadioOption } from './details-radio-option';
@Component({
selector: 'iqser-details-radio [options]',
selector: 'iqser-details-radio',
templateUrl: './details-radio.component.html',
styleUrls: ['./details-radio.component.scss'],
standalone: true,
@ -42,15 +42,10 @@ import { ReplaceNbspPipe } from '../../pipes/replace-nbsp.pipe';
],
})
export class DetailsRadioComponent<I> extends FormFieldComponent<DetailsRadioOption<I>> {
@Input() options: DetailsRadioOption<I>[] = [];
@Input() displayInRow = false;
@Input({ required: true }) options: DetailsRadioOption<I>[] = [];
@Input({ transform: booleanAttribute }) displayInRow = false;
@Output() readonly extraOptionChanged: EventEmitter<DetailsRadioOption<I>> = new EventEmitter();
readonly #translateService = inject(TranslateService);
constructor() {
super();
}
toggleOption(option: DetailsRadioOption<I>): void {
if (option.value !== this._value?.value && !option.disabled) {