smokephil/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-12-15 11:07:00 +01:00
Code Issues Projects Releases Packages Wiki Activity

Converting colors experiment

Browse source
This commit is contained in:
Michael Shamoon 2022-03-09 15:19:42 -08:00
parent f13ae930a5
commit 1841cefbd8
4 changed files with 36 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src-ui/src/app/components/common/input/color/color.component.ts
View file

@ -1,7 +1,7 @@
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 { randomColor, hslToHex } from 'src/app/utils/color';
import { AbstractInputComponent } from '../abstract-input';
@Component({
@ -24,15 +24,18 @@ export class ColorComponent extends AbstractInputComponent<string> {
}
randomize() {
this.colorChanged(randomColor())
const color = randomColor(this.colorMode)
let colorHex = color
if (this.colorMode == ColorMode.HSL) {
const hsl = color.split(',')
colorHex = hslToHex(+hsl[0], +hsl[1], +hsl[2])
}
this.value = colorHex
this.onChange(color)
}
sliderChanged(colorEvent:ColorEvent) {
this.colorChanged(colorEvent.color[this.colorMode].toString())
}
colorChanged(color:string) {
this.value = color
this.onChange(color)
this.value = colorEvent.color.hex
this.onChange(colorEvent.color[this.colorMode].toString())
}
}