⌈⌋ branch:  Bitrhythm


Hex Artifact Content

Artifact a9fad89a0c372cc261d15a2d82ede434f0ea345418c79592b6a2c1dc8c14ddde:

  • File public/components/number.tag — part of check-in [12a9bb700d] at 2021-08-11 18:56:04 on branch trunk — Import from git Added a changelog (user: dev size: 997)

0000: 0a 3c 6e 75 6d 62 65 72 3e 0a 20 20 20 20 3c 76  .<number>.    <v
0010: 62 6f 78 3e 0a 20 20 20 20 20 20 20 20 3c 64 69  box>.        <di
0020: 76 20 20 63 6c 61 73 73 3d 22 6d 6c 2d 34 22 3e  v  class="ml-4">
0030: 0a 20 20 20 20 20 20 20 20 20 20 20 20 3c 68 73  .            <hs
0040: 74 61 63 6b 3e 0a 20 20 20 20 20 20 20 20 20 20  tack>.          
0050: 20 20 3c 64 69 76 20 69 64 3d 7b 22 6e 75 6d 62    <div id={"numb
0060: 65 72 22 20 2b 20 70 72 6f 70 73 2e 74 69 7d 3e  er" + props.ti}>
0070: 3c 2f 64 69 76 3e 0a 20 20 20 20 20 20 20 20 20  </div>.         
0080: 20 20 20 3c 64 69 76 20 63 6c 61 73 73 3d 22 6d     <div class="m
0090: 74 2d 31 22 20 73 74 79 6c 65 3d 22 68 65 69 67  t-1" style="heig
00a0: 68 74 3a 20 32 32 70 78 22 20 69 64 3d 7b 22 6e  ht: 22px" id={"n
00b0: 75 6d 62 65 72 2d 76 61 6c 75 65 22 20 2b 20 70  umber-value" + p
00c0: 72 6f 70 73 2e 74 69 7d 3e 3c 2f 64 69 76 3e 0a  rops.ti}></div>.
00d0: 20 20 20 20 20 20 20 20 20 20 20 20 3c 73 70 61              <spa
00e0: 6e 20 63 6c 61 73 73 3d 22 63 75 72 73 6f 72 2d  n class="cursor-
00f0: 70 6f 69 6e 74 65 72 22 20 6f 6e 63 6c 69 63 6b  pointer" onclick
0100: 3d 7b 72 65 6d 6f 76 65 28 74 68 69 73 2e 70 72  ={remove(this.pr
0110: 6f 70 73 2e 74 69 20 2d 31 29 7d 3e 28 78 29 3c  ops.ti -1)}>(x)<
0120: 2f 73 70 61 6e 3e 0a 20 20 20 20 20 20 20 20 3c  /span>.        <
0130: 2f 68 73 74 61 63 6b 3e 0a 20 20 20 20 20 20 20  /hstack>.       
0140: 20 3c 2f 64 69 76 3e 0a 20 20 20 20 3c 2f 76 62   </div>.    </vb
0150: 6f 78 3e 0a 0a 20 20 20 20 3c 73 63 72 69 70 74  ox>..    <script
0160: 3e 0a 0a 74 68 69 73 2e 70 72 6f 70 73 20 3d 20  >..this.props = 
0170: 6f 70 74 73 3b 0a 0a 20 20 20 20 72 65 6d 6f 76  opts;..    remov
0180: 65 28 69 6e 64 65 78 29 20 7b 0a 20 20 20 20 20  e(index) {.     
0190: 20 20 20 72 65 74 75 72 6e 20 28 29 20 3d 3e 20     return () => 
01a0: 7b 0a 20 20 20 20 20 20 20 20 20 20 20 20 74 68  {.            th
01b0: 69 73 2e 70 72 6f 70 73 2e 72 6d 6e 75 6d 62 65  is.props.rmnumbe
01c0: 72 28 69 6e 64 65 78 29 3b 0a 20 20 20 20 20 20  r(index);.      
01d0: 20 20 7d 0a 20 20 20 20 7d 0a 0a 74 68 69 73 2e    }.    }..this.
01e0: 6f 6e 28 22 6d 6f 75 6e 74 22 2c 20 28 29 20 3d  on("mount", () =
01f0: 3e 20 7b 0a 20 20 20 20 69 66 20 28 6f 70 74 73  > {.    if (opts
0200: 2e 76 29 20 7b 0a 0a 20 20 20 20 20 20 20 20 4e  .v) {..        N
0210: 65 78 75 73 2e 63 6f 6c 6f 72 73 2e 61 63 63 65  exus.colors.acce
0220: 6e 74 20 3d 20 22 23 30 30 30 30 30 30 22 0a 20  nt = "#000000". 
0230: 20 20 20 20 20 20 20 4e 65 78 75 73 2e 63 6f 6c         Nexus.col
0240: 6f 72 73 2e 66 69 6c 6c 20 3d 20 22 23 66 66 66  ors.fill = "#fff
0250: 66 66 66 22 0a 0a 20 20 20 20 20 20 20 20 76 61  fff"..        va
0260: 72 20 63 65 6c 6c 20 3d 20 77 69 6e 64 6f 77 2e  r cell = window.
0270: 63 65 6c 6c 78 2e 63 65 6c 6c 78 28 30 29 0a 20  cellx.cellx(0). 
0280: 20 20 20 20 20 20 20 76 61 72 20 6e 75 6d 62 65         var numbe
0290: 72 20 3d 20 6e 65 77 20 4e 65 78 75 73 2e 4e 75  r = new Nexus.Nu
02a0: 6d 62 65 72 28 27 23 6e 75 6d 62 65 72 27 20 2b  mber('#number' +
02b0: 20 74 68 69 73 2e 70 72 6f 70 73 2e 74 69 2c 20   this.props.ti, 
02c0: 7b 0a 20 20 20 20 20 20 20 20 20 20 20 20 27 76  {.            'v
02d0: 61 6c 75 65 27 3a 20 30 2c 0a 20 20 20 20 20 20  alue': 0,.      
02e0: 20 20 20 20 20 20 27 73 74 65 70 27 3a 20 30 2e        'step': 0.
02f0: 30 31 0a 20 20 20 20 20 20 20 20 7d 29 3b 0a 20  01.        });. 
0300: 20 20 20 20 20 20 20 63 65 6c 6c 2e 6f 6e 43 68         cell.onCh
0310: 61 6e 67 65 28 65 76 74 20 3d 3e 20 7b 0a 20 20  ange(evt => {.  
0320: 20 20 20 20 20 20 20 20 20 20 69 66 20 28 65 76            if (ev
0330: 74 2e 64 61 74 61 2e 70 72 65 76 56 61 6c 75 65  t.data.prevValue
0340: 20 21 3d 3d 20 65 76 74 2e 64 61 74 61 2e 76 61   !== evt.data.va
0350: 6c 75 65 29 20 7b 0a 20 20 20 20 20 20 20 20 20  lue) {.         
0360: 20 20 20 20 20 20 20 6e 75 6d 62 65 72 2e 76 61         number.va
0370: 6c 75 65 20 3d 20 65 76 74 2e 64 61 74 61 2e 76  lue = evt.data.v
0380: 61 6c 75 65 3b 0a 20 20 20 20 20 20 20 20 20 20  alue;.          
0390: 20 20 7d 0a 20 20 20 20 20 20 20 20 7d 29 3b 0a    }.        });.
03a0: 0a 20 20 20 20 20 20 20 20 74 68 69 73 2e 70 72  .        this.pr
03b0: 6f 70 73 2e 76 5b 22 76 22 5d 20 3d 20 63 65 6c  ops.v["v"] = cel
03c0: 6c 3b 0a 20 20 20 20 7d 0a 7d 29 3b 0a 20 20 20  l;.    }.});.   
03d0: 3c 2f 73 63 72 69 70 74 3e 0a 0a 3c 2f 6e 75 6d  </script>..</num
03e0: 62 65 72 3e 0a                                   ber>.