File size: 2,056 Bytes
7798609
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
'''
title: when
'''

import simplestart as ss

ss.md('''
## ss.when onditional Statements
''')

ss.space()
ss.md('''
#### πŸ”… Example
''')

#api
def increment(event):
    ss.session["counter"] += 1
    
def decrement(event):
    ss.session["counter"] -= 1

    
#conditional func
def conditioner(event):
    #print("event", event)
    if event["flag"] == 1:
        if ss.session["counter"] >= 5:
            return True
        else:
            return False
    elif event["flag"] == 2:
        return (ss.session["viewcode"] == 1)
        

# State initialisation
ss.session["counter"] = 0
ss.session["viewcode"] = 0

#ui
ss.text("The count is @counter.")

ss.button("Increment", onclick=increment)
ss.button("Decrement", onclick=decrement)

ss.write("New content will appear below when the counter is greater than 5.")

with ss.when(conditioner, flag = 1): # Conditional rendering
    ss.text("Well done on reaching 5 πŸ‘‹πŸŒ·πŸΎ")
    
ss.write("When the counter is less than 5, the new content will be hidden.")


ss.space()

ss.write("#### πŸ”Ž Code")
ss.write("---")

def viewcode():
    ss.session["viewcode"] = 1

ss.button("View Code", size="small", onclick = viewcode)

with ss.when(conditioner, flag = 2):
    ss.md('''
```python
import simplestart as ss

#api
def increment(event):
    ss.session["counter"] += 1
    
def decrement(event):
    ss.session["counter"] -= 1

    
#conditional func
def conditioner(event):
    return (ss.session["counter"] >= 5)
        
# State initialisation
ss.session["counter"] = 0
ss.session["viewcode"] = 0

#ui
ss.text("The count is @counter.")

ss.button("Increment", onclick=increment)
ss.button("Decrement", onclick=decrement)

ss.write("New content will appear below when the counter is greater than 5.")

with ss.when(conditioner, flag = 1): # Conditional rendering
    ss.text("Well done on reaching 5 πŸ‘‹πŸŒ·πŸΎ")
    
ss.write("When the counter is less than 5, the new content will be hidden.")
```
    ''')

ss.md('''
::: tip
  The code view above is also implemented using ss.when.
:::
''')