2019-03-07 20:48:40 +01:00
|
|
|
import AbstractModel from './abstractModel'
|
|
|
|
import UserModel from "./user";
|
|
|
|
|
|
|
|
export default class LabelModel extends AbstractModel {
|
|
|
|
constructor(data) {
|
|
|
|
super(data)
|
|
|
|
// Set the default color
|
2020-04-12 23:54:46 +02:00
|
|
|
if (this.hexColor === '') {
|
|
|
|
this.hexColor = 'e8e8e8'
|
2019-03-07 20:48:40 +01:00
|
|
|
}
|
2020-04-12 23:54:46 +02:00
|
|
|
if (this.hexColor.substring(0, 1) !== '#') {
|
|
|
|
this.hexColor = '#' + this.hexColor
|
2019-03-07 20:48:40 +01:00
|
|
|
}
|
|
|
|
this.textColor = this.hasDarkColor() ? '#4a4a4a' : '#e5e5e5'
|
2020-04-12 23:54:46 +02:00
|
|
|
this.createdBy = new UserModel(this.createdBy)
|
2020-02-08 14:16:06 +01:00
|
|
|
|
|
|
|
this.created = new Date(this.created)
|
|
|
|
this.updated = new Date(this.updated)
|
2019-03-07 20:48:40 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
defaults() {
|
|
|
|
return {
|
|
|
|
id: 0,
|
|
|
|
title: '',
|
2020-04-12 23:54:46 +02:00
|
|
|
hexColor: '',
|
2019-03-07 20:48:40 +01:00
|
|
|
description: '',
|
2020-04-12 23:54:46 +02:00
|
|
|
createdBy: UserModel,
|
|
|
|
listId: 0,
|
2019-03-07 20:48:40 +01:00
|
|
|
textColor: '',
|
|
|
|
|
2020-02-08 14:16:06 +01:00
|
|
|
created: null,
|
|
|
|
updated: null,
|
2019-03-07 20:48:40 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
hasDarkColor() {
|
2020-04-12 23:54:46 +02:00
|
|
|
if (this.hexColor === '#') {
|
2019-03-07 20:48:40 +01:00
|
|
|
return true // Defaults to dark
|
|
|
|
}
|
|
|
|
|
2020-04-12 23:54:46 +02:00
|
|
|
let rgb = parseInt(this.hexColor.substring(1, 7), 16); // convert rrggbb to decimal
|
2019-03-07 20:48:40 +01:00
|
|
|
let r = (rgb >> 16) & 0xff; // extract red
|
|
|
|
let g = (rgb >> 8) & 0xff; // extract green
|
|
|
|
let b = (rgb >> 0) & 0xff; // extract blue
|
|
|
|
|
|
|
|
// luma will be a value 0..255 where 0 indicates the darkest, and 255 the brightest
|
|
|
|
let luma = 0.2126 * r + 0.7152 * g + 0.0722 * b; // per ITU-R BT.709
|
|
|
|
return luma > 128
|
|
|
|
}
|
|
|
|
}
|