Artifact
df3cd6aeeb1236b079f9ab3987ce71ec8a38ab73dc855bd4cb91d37c06134999:
0000: 3c 63 6f 6e 64 69 74 69 6f 6e 61 6c 2d 74 61 67 <conditional-tag
0010: 3e 0a 20 20 20 20 3c 70 3e 43 6f 6e 64 69 74 69 >. <p>Conditi
0020: 6f 6e 61 6c 20 54 61 67 3c 2f 70 3e 0a 3c 2f 63 onal Tag</p>.</c
0030: 6f 6e 64 69 74 69 6f 6e 61 6c 2d 74 61 67 3e 0a onditional-tag>.
0040: 0a 3c 69 66 2d 6c 65 76 65 6c 32 3e 0a 0a 20 20 .<if-level2>..
0050: 3c 61 20 68 72 65 66 3d 22 22 20 6f 6e 63 6c 69 <a href="" oncli
0060: 63 6b 3d 22 7b 74 6f 67 67 6c 65 43 6f 6e 64 69 ck="{toggleCondi
0070: 74 69 6f 6e 7d 22 3e 54 6f 67 67 6c 65 20 43 6f tion}">Toggle Co
0080: 6e 64 69 74 69 6f 6e 20 28 4c 65 76 65 6c 20 32 ndition (Level 2
0090: 29 3c 2f 61 3e 0a 0a 20 20 3c 63 6f 6e 64 69 74 )</a>.. <condit
00a0: 69 6f 6e 61 6c 2d 74 61 67 20 69 66 3d 22 7b 63 ional-tag if="{c
00b0: 6f 6e 64 69 74 69 6f 6e 7d 22 3e 3c 2f 63 6f 6e ondition}"></con
00c0: 64 69 74 69 6f 6e 61 6c 2d 74 61 67 3e 0a 0a 20 ditional-tag>..
00d0: 20 74 68 69 73 2e 63 6f 6e 64 69 74 69 6f 6e 20 this.condition
00e0: 3d 20 28 6f 70 74 73 2e 63 6f 6e 64 69 74 69 6f = (opts.conditio
00f0: 6e 20 3d 3d 20 27 74 72 75 65 27 29 0a 20 20 76 n == 'true'). v
0100: 61 72 20 73 65 6c 66 20 3d 20 74 68 69 73 0a 0a ar self = this..
0110: 20 20 74 68 69 73 2e 74 6f 67 67 6c 65 43 6f 6e this.toggleCon
0120: 64 69 74 69 6f 6e 20 3d 20 66 75 6e 63 74 69 6f dition = functio
0130: 6e 28 29 20 7b 0a 20 20 20 20 73 65 6c 66 2e 63 n() {. self.c
0140: 6f 6e 64 69 74 69 6f 6e 20 3d 20 21 73 65 6c 66 ondition = !self
0150: 2e 63 6f 6e 64 69 74 69 6f 6e 0a 20 20 20 20 73 .condition. s
0160: 65 6c 66 2e 75 70 64 61 74 65 28 29 0a 20 20 7d elf.update(). }
0170: 0a 3c 2f 69 66 2d 6c 65 76 65 6c 32 3e 0a 3c 69 .</if-level2>.<i
0180: 66 2d 6c 65 76 65 6c 31 3e 0a 0a 20 20 3c 70 3e f-level1>.. <p>
0190: 3c 61 20 68 72 65 66 3d 22 22 20 6f 6e 63 6c 69 <a href="" oncli
01a0: 63 6b 3d 22 7b 74 6f 67 67 6c 65 43 6f 6e 64 69 ck="{toggleCondi
01b0: 74 69 6f 6e 7d 22 3e 54 6f 67 67 6c 65 20 43 6f tion}">Toggle Co
01c0: 6e 64 69 74 69 6f 6e 20 28 4c 65 76 65 6c 20 31 ndition (Level 1
01d0: 29 3c 2f 61 3e 3c 2f 70 3e 0a 0a 20 20 3c 64 69 )</a></p>.. <di
01e0: 76 20 69 66 3d 7b 20 63 6f 6e 64 69 74 69 6f 6e v if={ condition
01f0: 20 7d 3e 0a 20 20 20 20 3c 69 66 2d 6c 65 76 65 }>. <if-leve
0200: 6c 32 20 63 6f 6e 64 69 74 69 6f 6e 3d 22 7b 6c l2 condition="{l
0210: 65 76 65 6c 32 43 6f 6e 64 69 74 69 6f 6e 7d 22 evel2Condition}"
0220: 3e 3c 2f 69 66 2d 6c 65 76 65 6c 32 3e 0a 20 20 ></if-level2>.
0230: 3c 2f 64 69 76 3e 0a 0a 0a 20 20 74 68 69 73 2e </div>... this.
0240: 63 6f 6e 64 69 74 69 6f 6e 20 3d 20 28 6f 70 74 condition = (opt
0250: 73 2e 63 6f 6e 64 69 74 69 6f 6e 20 3d 3d 20 27 s.condition == '
0260: 74 72 75 65 27 29 0a 20 20 74 68 69 73 2e 6c 65 true'). this.le
0270: 76 65 6c 32 43 6f 6e 64 69 74 69 6f 6e 20 3d 20 vel2Condition =
0280: 6f 70 74 73 2e 6c 65 76 65 6c 32 0a 0a 20 20 76 opts.level2.. v
0290: 61 72 20 73 65 6c 66 20 3d 20 74 68 69 73 0a 0a ar self = this..
02a0: 20 20 74 68 69 73 2e 74 6f 67 67 6c 65 43 6f 6e this.toggleCon
02b0: 64 69 74 69 6f 6e 20 3d 20 66 75 6e 63 74 69 6f dition = functio
02c0: 6e 28 29 20 7b 0a 20 20 20 20 73 65 6c 66 2e 63 n() {. self.c
02d0: 6f 6e 64 69 74 69 6f 6e 20 3d 20 21 73 65 6c 66 ondition = !self
02e0: 2e 63 6f 6e 64 69 74 69 6f 6e 0a 20 20 20 20 73 .condition. s
02f0: 65 6c 66 2e 75 70 64 61 74 65 28 29 0a 20 20 7d elf.update(). }
0300: 0a 3c 2f 69 66 2d 6c 65 76 65 6c 31 3e 0a 0a 3c .</if-level1>..<
0310: 69 66 2d 6d 6f 75 6e 74 3e 0a 20 20 20 20 3c 69 if-mount>. <i
0320: 66 2d 6c 65 76 65 6c 31 20 72 65 66 3d 22 66 66 f-level1 ref="ff
0330: 22 20 63 6f 6e 64 69 74 69 6f 6e 3d 22 66 61 6c " condition="fal
0340: 73 65 22 20 6c 65 76 65 6c 32 3d 22 66 61 6c 73 se" level2="fals
0350: 65 22 3e 3c 2f 69 66 2d 6c 65 76 65 6c 31 3e 0a e"></if-level1>.
0360: 20 20 20 20 3c 69 66 2d 6c 65 76 65 6c 31 20 72 <if-level1 r
0370: 65 66 3d 22 66 74 22 20 63 6f 6e 64 69 74 69 6f ef="ft" conditio
0380: 6e 3d 22 66 61 6c 73 65 22 20 6c 65 76 65 6c 32 n="false" level2
0390: 3d 22 74 72 75 65 22 3e 3c 2f 69 66 2d 6c 65 76 ="true"></if-lev
03a0: 65 6c 31 3e 0a 20 20 20 20 3c 69 66 2d 6c 65 76 el1>. <if-lev
03b0: 65 6c 31 20 72 65 66 3d 22 74 66 22 20 63 6f 6e el1 ref="tf" con
03c0: 64 69 74 69 6f 6e 3d 22 74 72 75 65 22 20 6c 65 dition="true" le
03d0: 76 65 6c 32 3d 22 66 61 6c 73 65 22 3e 3c 2f 69 vel2="false"></i
03e0: 66 2d 6c 65 76 65 6c 31 3e 0a 20 20 20 20 3c 69 f-level1>. <i
03f0: 66 2d 6c 65 76 65 6c 31 20 72 65 66 3d 22 74 74 f-level1 ref="tt
0400: 22 20 63 6f 6e 64 69 74 69 6f 6e 3d 22 74 72 75 " condition="tru
0410: 65 22 20 6c 65 76 65 6c 32 3d 22 74 72 75 65 22 e" level2="true"
0420: 3e 3c 2f 69 66 2d 6c 65 76 65 6c 31 3e 0a 3c 2f ></if-level1>.</
0430: 69 66 2d 6d 6f 75 6e 74 3e 0a if-mount>.