Artifact
9f7067c78744417cc455834752df57e304febe26ad63b925f43a01033502584d:
- File
public/components/sample.tag
— part of check-in
[941581eece]
at
2022-02-15 23:20:56
on branch trunk
— Cleanup post presentation
Worklet code
(user:
dev
size: 1051)
0000: 0a 3c 73 61 6d 70 6c 65 3e 0a 20 20 20 20 3c 76 .<sample>. <v
0010: 62 6f 78 20 63 6c 61 73 73 3d 22 6d 6c 2d 32 22 box class="ml-2"
0020: 3e 0a 20 20 20 20 20 20 20 20 3c 76 73 74 61 63 >. <vstac
0030: 6b 20 63 6c 61 73 73 3d 22 6d 6c 2d 32 22 3e 0a k class="ml-2">.
0040: 20 20 20 20 20 20 20 20 3c 21 2d 2d 20 3c 69 6e <!-- <in
0050: 70 75 74 20 74 79 70 65 3d 22 66 69 6c 65 22 20 put type="file"
0060: 69 64 3d 7b 22 73 61 6d 70 6c 65 2d 66 69 6c 65 id={"sample-file
0070: 22 20 2b 20 74 68 69 73 2e 70 72 6f 70 73 2e 74 " + this.props.t
0080: 69 7d 20 73 74 79 6c 65 3d 22 77 69 64 74 68 3a i} style="width:
0090: 20 31 32 30 70 78 3b 22 2f 3e 20 2d 2d 3e 0a 20 120px;"/> -->.
00a0: 20 20 20 20 20 20 20 3c 64 69 76 3e 0a 20 20 20 <div>.
00b0: 20 20 20 20 20 20 20 20 20 3c 73 70 61 6e 20 63 <span c
00c0: 6c 61 73 73 3d 22 6d 61 78 2d 77 69 64 74 68 3a lass="max-width:
00d0: 20 31 32 30 70 78 3b 74 65 78 74 2d 6f 76 65 72 120px;text-over
00e0: 66 6c 6f 77 3a 20 65 6c 6c 69 70 73 69 73 3b 20 flow: ellipsis;
00f0: 77 68 69 74 65 2d 73 70 61 63 65 3a 20 6e 6f 77 white-space: now
0100: 72 61 70 3b 22 3e 7b 20 67 65 74 4c 61 73 74 28 rap;">{ getLast(
0110: 74 68 69 73 2e 70 72 6f 70 73 2e 74 69 20 2d 31 this.props.ti -1
0120: 29 7d 20 3c 2f 73 70 61 6e 3e 0a 20 20 20 20 20 )} </span>.
0130: 20 20 20 20 20 20 20 3c 73 70 61 6e 20 63 6c 61 <span cla
0140: 73 73 3d 22 63 75 72 73 6f 72 2d 70 6f 69 6e 74 ss="cursor-point
0150: 65 72 22 20 69 64 3d 7b 22 73 61 6d 70 6c 65 22 er" id={"sample"
0160: 20 2b 20 74 68 69 73 2e 70 72 6f 70 73 2e 74 69 + this.props.ti
0170: 7d 20 6f 6e 63 6c 69 63 6b 3d 7b 72 65 6d 6f 76 } onclick={remov
0180: 65 28 74 68 69 73 2e 70 72 6f 70 73 2e 74 69 20 e(this.props.ti
0190: 2d 31 29 7d 3e 28 78 29 3c 2f 73 70 61 6e 3e 0a -1)}>(x)</span>.
01a0: 20 20 20 20 20 20 20 20 3c 2f 64 69 76 3e 0a 20 </div>.
01b0: 20 20 20 20 20 20 20 3c 2f 76 73 74 61 63 6b 3e </vstack>
01c0: 0a 20 20 20 20 3c 2f 76 62 6f 78 3e 0a 0a 20 20 . </vbox>..
01d0: 20 20 3c 73 63 72 69 70 74 3e 0a 20 20 20 20 74 <script>. t
01e0: 68 69 73 2e 70 72 6f 70 73 20 3d 20 6f 70 74 73 his.props = opts
01f0: 3b 0a 0a 20 20 20 20 72 65 6d 6f 76 65 28 69 6e ;.. remove(in
0200: 64 65 78 29 20 7b 0a 20 20 20 20 20 20 20 20 72 dex) {. r
0210: 65 74 75 72 6e 20 28 29 20 3d 3e 20 7b 0a 20 20 eturn () => {.
0220: 20 20 20 20 20 20 20 20 20 20 74 68 69 73 2e 70 this.p
0230: 72 6f 70 73 2e 72 6d 73 61 6d 70 6c 65 28 69 6e rops.rmsample(in
0240: 64 65 78 29 3b 0a 20 20 20 20 20 20 20 20 7d 0a dex);. }.
0250: 20 20 20 20 7d 0a 0a 20 20 20 20 67 65 74 4c 61 }.. getLa
0260: 73 74 20 28 69 6e 64 65 78 29 20 7b 0a 20 20 20 st (index) {.
0270: 20 20 20 20 20 69 66 20 28 74 68 69 73 2e 70 72 if (this.pr
0280: 6f 70 73 2e 73 61 6d 70 6c 65 73 20 26 26 20 74 ops.samples && t
0290: 68 69 73 2e 70 72 6f 70 73 2e 73 61 6d 70 6c 65 his.props.sample
02a0: 73 5b 69 6e 64 65 78 5d 20 26 26 20 74 68 69 73 s[index] && this
02b0: 2e 70 72 6f 70 73 2e 73 61 6d 70 6c 65 73 5b 69 .props.samples[i
02c0: 6e 64 65 78 5d 5b 22 5f 5f 6e 61 6d 65 22 5d 29 ndex]["__name"])
02d0: 20 7b 0a 20 20 20 20 20 20 20 20 20 20 20 20 76 {. v
02e0: 61 72 20 65 20 3d 20 74 68 69 73 2e 70 72 6f 70 ar e = this.prop
02f0: 73 2e 73 61 6d 70 6c 65 73 5b 69 6e 64 65 78 5d s.samples[index]
0300: 5b 22 5f 5f 6e 61 6d 65 22 5d 3b 0a 20 20 20 20 ["__name"];.
0310: 20 20 20 20 20 20 20 20 76 61 72 20 65 6c 65 6d var elem
0320: 73 20 3d 20 65 2e 73 70 6c 69 74 28 22 2f 22 29 s = e.split("/")
0330: 3b 0a 20 20 20 20 20 20 20 20 20 20 20 20 76 61 ;. va
0340: 72 20 6e 61 6d 65 20 3d 20 65 6c 65 6d 73 5b 65 r name = elems[e
0350: 6c 65 6d 73 2e 6c 65 6e 67 74 68 20 2d 20 31 5d lems.length - 1]
0360: 3b 0a 20 20 20 20 20 20 20 20 20 20 20 20 72 65 ;. re
0370: 74 75 72 6e 20 6e 61 6d 65 3b 0a 20 20 20 20 20 turn name;.
0380: 20 20 20 7d 20 65 6c 73 65 20 7b 0a 20 20 20 20 } else {.
0390: 20 20 20 20 20 20 20 20 63 6f 6e 73 6f 6c 65 2e console.
03a0: 6c 6f 67 28 74 68 69 73 2e 70 72 6f 70 73 29 0a log(this.props).
03b0: 20 20 20 20 20 20 20 20 20 20 20 20 72 65 74 75 retu
03c0: 72 6e 20 22 22 3b 0a 20 20 20 20 20 20 20 20 7d rn "";. }
03d0: 0a 20 20 20 20 7d 0a 0a 0a 20 20 20 20 74 68 69 . }... thi
03e0: 73 2e 6f 6e 28 22 6d 6f 75 6e 74 22 2c 20 66 75 s.on("mount", fu
03f0: 6e 63 74 69 6f 6e 20 28 29 20 7b 0a 20 20 20 20 nction () {.
0400: 7d 29 3b 0a 20 20 20 3c 2f 73 63 72 69 70 74 3e });. </script>
0410: 0a 3c 2f 73 61 6d 70 6c 65 3e 0a .</sample>.