63 lines
1.7 KiB
JavaScript
63 lines
1.7 KiB
JavaScript
![]() |
export default function(part) {
|
||
|
let {
|
||
|
Point,
|
||
|
Path,
|
||
|
points,
|
||
|
paths,
|
||
|
snippets,
|
||
|
Snippet,
|
||
|
store
|
||
|
} = part.shorthand();
|
||
|
|
||
|
let y = store.get("y");
|
||
|
let w = store.get("w");
|
||
|
|
||
|
let snips = {
|
||
|
logo: 25,
|
||
|
notch: 15,
|
||
|
bnotch: 15,
|
||
|
button: 15,
|
||
|
buttonhole: 15
|
||
|
};
|
||
|
y += 10;
|
||
|
points.tl = new Point(0, y);
|
||
|
points.tr = new Point(w, y);
|
||
|
paths.texts = new Path()
|
||
|
.move(points.tl)
|
||
|
.line(points.tr)
|
||
|
.attr("data-text", "snippets");
|
||
|
y += 10;
|
||
|
points["sl1"] = new Point(w * 0.25, y);
|
||
|
points["sl2"] = new Point(w * 0.5, y);
|
||
|
points["sl3"] = new Point(w * 0.75, y);
|
||
|
points["sl1"]
|
||
|
.attr("data-text", "data-scale: 1\ndata-rotate: 0")
|
||
|
.attr("data-text-class", "center text-sm")
|
||
|
.attr("data-text-lineheight", 5);
|
||
|
points["sl2"]
|
||
|
.attr("data-text", "data-scale: 1.25\ndata-rotate: 0")
|
||
|
.attr("data-text-class", "center text-sm")
|
||
|
.attr("data-text-lineheight", 5);
|
||
|
points["sl3"]
|
||
|
.attr("data-text", "data-scale: 0.75\ndata-rotate: 90")
|
||
|
.attr("data-text-class", "center text-sm")
|
||
|
.attr("data-text-lineheight", 5);
|
||
|
y += 55;
|
||
|
for (let i in snips) {
|
||
|
points["snt" + i] = new Point(0, y);
|
||
|
points["snt" + i].attr("data-text", i);
|
||
|
points["sn1" + i] = new Point(w * 0.25, y);
|
||
|
points["sn2" + i] = new Point(w * 0.5, y);
|
||
|
points["sn3" + i] = new Point(w * 0.75, y);
|
||
|
snippets["sn1" + i] = new Snippet(i, points["sn1" + i]);
|
||
|
snippets["sn2" + i] = new Snippet(i, points["sn2" + i]);
|
||
|
snippets["sn2" + i].attr("data-scale", 1.25);
|
||
|
snippets["sn3" + i] = new Snippet(i, points["sn3" + i]);
|
||
|
snippets["sn3" + i].attr("data-scale", 0.75).attr("data-rotate", 90);
|
||
|
y += snips[i];
|
||
|
}
|
||
|
store.set("y", y);
|
||
|
|
||
|
return part;
|
||
|
}
|