mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-04-02 13:45:10 -05:00
Allow non-hex color modes from color component
This commit is contained in:
parent
dbe233f0ae
commit
f13ae930a5
@ -1,12 +1,12 @@
|
||||
<div class="mb-3">
|
||||
<label [for]="inputId">{{title}}</label>
|
||||
<label *ngIf="title" [for]="inputId">{{title}}</label>
|
||||
|
||||
<div class="input-group" [class.is-invalid]="error">
|
||||
<span class="input-group-text" [style.background-color]="value"> </span>
|
||||
|
||||
<ng-template #popContent>
|
||||
<div style="min-width: 200px;" class="pb-3">
|
||||
<color-slider [color]="value" (onChangeComplete)="colorChanged($event.color.hex)"></color-slider>
|
||||
<color-slider [color]="value" (onChangeComplete)="sliderChanged($event)"></color-slider>
|
||||
</div>
|
||||
|
||||
</ng-template>
|
||||
|
@ -1,5 +1,6 @@
|
||||
import { Component, forwardRef } from '@angular/core';
|
||||
import { Component, Input, forwardRef } from '@angular/core';
|
||||
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
||||
import { ColorEvent, ColorMode } from 'ngx-color';
|
||||
import { randomColor } from 'src/app/utils/color';
|
||||
import { AbstractInputComponent } from '../abstract-input';
|
||||
|
||||
@ -15,6 +16,9 @@ import { AbstractInputComponent } from '../abstract-input';
|
||||
})
|
||||
export class ColorComponent extends AbstractInputComponent<string> {
|
||||
|
||||
@Input()
|
||||
colorMode: ColorMode = ColorMode.HEX
|
||||
|
||||
constructor() {
|
||||
super()
|
||||
}
|
||||
@ -23,8 +27,12 @@ export class ColorComponent extends AbstractInputComponent<string> {
|
||||
this.colorChanged(randomColor())
|
||||
}
|
||||
|
||||
colorChanged(value) {
|
||||
this.value = value
|
||||
this.onChange(value)
|
||||
sliderChanged(colorEvent:ColorEvent) {
|
||||
this.colorChanged(colorEvent.color[this.colorMode].toString())
|
||||
}
|
||||
|
||||
colorChanged(color:string) {
|
||||
this.value = color
|
||||
this.onChange(color)
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user