1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
import { Deserializable } from "../client/util/SerializationHelper";
import { serializable, primitive } from "serializr";
import { ObjectField } from "./ObjectField";
import { Copy, ToScriptString, ToString, OnUpdate } from "./FieldSymbols";
import { scriptingGlobal } from "../client/util/Scripting";
import { ColumnType } from "../client/views/collections/collectionSchema/CollectionSchemaView";
export const PastelSchemaPalette = new Map<string, string>([
// ["pink1", "#FFB4E8"],
["pink2", "#ff9cee"],
["pink3", "#ffccf9"],
["pink4", "#fcc2ff"],
["pink5", "#f6a6ff"],
["purple1", "#b28dff"],
["purple2", "#c5a3ff"],
["purple3", "#d5aaff"],
["purple4", "#ecd4ff"],
// ["purple5", "#fb34ff"],
["purple6", "#dcd3ff"],
["purple7", "#a79aff"],
["purple8", "#b5b9ff"],
["purple9", "#97a2ff"],
["bluegreen1", "#afcbff"],
["bluegreen2", "#aff8db"],
["bluegreen3", "#c4faf8"],
["bluegreen4", "#85e3ff"],
["bluegreen5", "#ace7ff"],
// ["bluegreen6", "#6eb5ff"],
["bluegreen7", "#bffcc6"],
["bluegreen8", "#dbffd6"],
["yellow1", "#f3ffe3"],
["yellow2", "#e7ffac"],
["yellow3", "#ffffd1"],
["yellow4", "#fff5ba"],
// ["red1", "#ffc9de"],
["red2", "#ffabab"],
["red3", "#ffbebc"],
["red4", "#ffcbc1"],
["orange1", "#ffd5b3"],
["gray", "#f1efeb"]
]);
export const RandomPastel = () => Array.from(PastelSchemaPalette.values())[Math.floor(Math.random() * PastelSchemaPalette.size)];
export const DarkPastelSchemaPalette = new Map<string, string>([
["pink2", "#c932b0"],
["purple4", "#913ad6"],
["bluegreen1", "#3978ed"],
["bluegreen7", "#2adb3e"],
["bluegreen5", "#21b0eb"],
["yellow4", "#edcc0c"],
["red2", "#eb3636"],
["orange1", "#f2740f"],
]);
@scriptingGlobal
@Deserializable("schemaheader")
export class SchemaHeaderField extends ObjectField {
@serializable(primitive())
heading: string;
@serializable(primitive())
color: string;
@serializable(primitive())
type: number;
@serializable(primitive())
width: number;
@serializable(primitive())
collapsed: boolean | undefined;
@serializable(primitive())
desc: boolean | undefined; // boolean determines sort order, undefined when no sort
constructor(heading: string = "", color: string = RandomPastel(), type?: ColumnType, width?: number, desc?: boolean, collapsed?: boolean) {
super();
this.heading = heading;
this.color = color;
this.type = type ? type : 0;
this.width = width ? width : -1;
this.desc = desc;
this.collapsed = collapsed;
}
setHeading(heading: string) {
this.heading = heading;
this[OnUpdate]();
}
setColor(color: string) {
this.color = color;
this[OnUpdate]();
}
setType(type: ColumnType) {
this.type = type;
this[OnUpdate]();
}
setWidth(width: number) {
this.width = width;
this[OnUpdate]();
}
setDesc(desc: boolean | undefined) {
this.desc = desc;
this[OnUpdate]();
}
setCollapsed(collapsed: boolean | undefined) {
this.collapsed = collapsed;
this[OnUpdate]();
}
[Copy]() {
return new SchemaHeaderField(this.heading, this.color, this.type);
}
[ToScriptString]() {
return `header(${this.heading},${this.type}})`;
}
[ToString]() {
return `SchemaHeaderField`;
}
}
|
