⌈⌋ branch:  Bitrhythm


Hex Artifact Content

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>.