Skip to content

Commit 7908b1a

Browse files
lulunac27alulunac27a
committed
Add Prettier and format code
1 parent 009ee02 commit 7908b1a

File tree

3 files changed

+151
-147
lines changed

3 files changed

+151
-147
lines changed

‎.prettierrc‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"tabWidth": 4,
3+
"printWidth": 80
4+
}

‎static/css/index.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
* {
2-
font-family: system-ui, Arial, Helvetica, sans-serif;
2+
font-family: system-ui, Arial, Helvetica, sans-serif;
33
line-height: 125%;
44
}
55
progress {
@@ -14,13 +14,13 @@ progress {
1414
width: 100%;
1515
max-width: 300px;
1616
}
17-
.progress-bar{
17+
.progress-bar {
1818
width: 100%;
1919
}
20-
.progress-text{
20+
.progress-text {
2121
position: absolute;
2222
width: 100%;
2323
text-align: center;
2424
top: 15px;
2525
color: black;
26-
}
26+
}

‎templates/index.html‎

Lines changed: 143 additions & 143 deletions
Original file line numberDiff line numberDiff line change
@@ -1,146 +1,146 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<title>Flask User Level XP System</title>
5-
<link
6-
rel="stylesheet"
7-
href="{{ url_for('static', filename='css/index.css') }}"
8-
/>
9-
</head>
10-
<body>
11-
<h1>Flask User Level XP System</h1>
12-
<ul>
13-
{{ user.username }}:<br />
14-
Level {{ user.level }}<br />
15-
{{ user.xp | short_numeric }} / {{ user.get_xp_required() | short_numeric
16-
}} XP<br />
17-
<div class="progress-container">
18-
<!--get current level progress-->
19-
<progress
20-
value="{{ user.xp }}"
21-
max="{{ user.get_xp_required() }}"
22-
></progress>
23-
<div class="progress-text">
24-
{{ user.get_level_progress() | short_numeric }}%
25-
</div>
26-
</div>
27-
<form
28-
action="{{ url_for('add_xp', user_id=user.id, amount=1) }}"
29-
method="post"
30-
>
31-
<!--form to add XP-->
32-
<input type="hidden" name="amount" value="1" />
33-
<button type="submit">Add XP</button>
34-
</form>
35-
{% if user.level >= 3 %}<!--show if user has reached level 3-->
36-
<form
37-
action="{{ url_for('add_xp', user_id=user.id, amount=3) }}"
38-
method="post"
39-
>
40-
<!--form to add XP-->
41-
<input type="hidden" name="amount" value="3" />
42-
<button type="submit">Add 3 XP</button>
43-
</form>
44-
{% endif %} {% if user.level >= 5 %}<!--show if user has reached level 5-->
45-
<form
46-
action="{{ url_for('add_xp', user_id=user.id, amount=5) }}"
47-
method="post"
48-
>
49-
<!--form to add XP-->
50-
<input type="hidden" name="amount" value="5" />
51-
<button type="submit">Add 5 XP</button>
52-
</form>
53-
{% endif %} {% if user.level >= 10 %}<!--show if user has reached level 10-->
54-
<form
55-
action="{{ url_for('add_xp', user_id=user.id, amount=10) }}"
56-
method="post"
57-
>
58-
<!--form to add XP-->
59-
<input type="hidden" name="amount" value="10" />
60-
<button type="submit">Add 10 XP</button>
61-
</form>
62-
{% endif %} {% if user.level >= 15 %}<!--show if user has reached level 15-->
63-
<form
64-
action="{{ url_for('add_xp', user_id=user.id, amount=15) }}"
65-
method="post"
66-
>
67-
<!--form to add XP-->
68-
<input type="hidden" name="amount" value="15" />
69-
<button type="submit">Add 15 XP</button>
70-
</form>
71-
{% endif %} {% if user.level >= 20 %}<!--show if user has reached level 20-->
72-
<form
73-
action="{{ url_for('add_xp', user_id=user.id, amount=20) }}"
74-
method="post"
75-
>
76-
<!--form to add XP-->
77-
<input type="hidden" name="amount" value="20" />
78-
<button type="submit">Add 20 XP</button>
79-
</form>
80-
{% endif %} {% if user.level >= 25 %}<!--show if user has reached level 25-->
81-
<form
82-
action="{{ url_for('add_xp', user_id=user.id, amount=25) }}"
83-
method="post"
84-
>
85-
<!--form to add XP-->
86-
<input type="hidden" name="amount" value="25" />
87-
<button type="submit">Add 25 XP</button>
88-
</form>
89-
{% endif %} {% if user.level >= 30 %}<!--show if user has reached level 30-->
90-
<form
91-
action="{{ url_for('add_xp', user_id=user.id, amount=30) }}"
92-
method="post"
93-
>
94-
<!--form to add XP-->
95-
<input type="hidden" name="amount" value="30" />
96-
<button type="submit">Add 30 XP</button>
97-
</form>
98-
{% endif %} {% if user.level >= 40 %}<!--show if user has reached level 40-->
99-
<form
100-
action="{{ url_for('add_xp', user_id=user.id, amount=40) }}"
101-
method="post"
102-
>
103-
<!--form to add XP-->
104-
<input type="hidden" name="amount" value="40" />
105-
<button type="submit">Add 40 XP</button>
106-
</form>
107-
{% endif %} {% if user.level >= 50 %}<!--show if user has reached level 50-->
108-
<form
109-
action="{{ url_for('add_xp', user_id=user.id, amount=50) }}"
110-
method="post"
111-
>
112-
<!--form to add XP-->
113-
<input type="hidden" name="amount" value="50" />
114-
<button type="submit">Add 50 XP</button>
115-
</form>
116-
{% endif %} {% if user.level >= 60 %}<!--show if user has reached level 60-->
117-
<form
118-
action="{{ url_for('add_xp', user_id=user.id, amount=60) }}"
119-
method="post"
120-
>
121-
<!--form to add XP-->
122-
<input type="hidden" name="amount" value="60" />
123-
<button type="submit">Add 60 XP</button>
124-
</form>
125-
{% endif %} {% if user.level >= 75 %}<!--show if user has reached level 75-->
126-
<form
127-
action="{{ url_for('add_xp', user_id=user.id, amount=75) }}"
128-
method="post"
129-
>
130-
<!--form to add XP-->
131-
<input type="hidden" name="amount" value="75" />
132-
<button type="submit">Add 75 XP</button>
133-
</form>
134-
{% endif %} {% if user.level >= 100 %}<!--show if user has reached level 100-->
135-
<form
136-
action="{{ url_for('add_xp', user_id=user.id, amount=100) }}"
137-
method="post"
138-
>
139-
<!--form to add XP-->
140-
<input type="hidden" name="amount" value="100" />
141-
<button type="submit">Add 100 XP</button>
142-
</form>
143-
{% endif %}
144-
</ul>
145-
</body>
3+
<head>
4+
<title>Flask User Level XP System</title>
5+
<link
6+
rel="stylesheet"
7+
href="{{ url_for('static', filename='css/index.css') }}"
8+
/>
9+
</head>
10+
<body>
11+
<h1>Flask User Level XP System</h1>
12+
<ul>
13+
{{ user.username }}:<br />
14+
Level {{ user.level }}<br />
15+
{{ user.xp | short_numeric }} / {{ user.get_xp_required() |
16+
short_numeric }} XP<br />
17+
<div class="progress-container">
18+
<!--get current level progress-->
19+
<progress
20+
value="{{ user.xp }}"
21+
max="{{ user.get_xp_required() }}"
22+
></progress>
23+
<div class="progress-text">
24+
{{ user.get_level_progress() | short_numeric }}%
25+
</div>
26+
</div>
27+
<form
28+
action="{{ url_for('add_xp', user_id=user.id, amount=1) }}"
29+
method="post"
30+
>
31+
<!--form to add XP-->
32+
<input type="hidden" name="amount" value="1" />
33+
<button type="submit">Add XP</button>
34+
</form>
35+
{% if user.level >= 3 %}<!--show if user has reached level 3-->
36+
<form
37+
action="{{ url_for('add_xp', user_id=user.id, amount=3) }}"
38+
method="post"
39+
>
40+
<!--form to add XP-->
41+
<input type="hidden" name="amount" value="3" />
42+
<button type="submit">Add 3 XP</button>
43+
</form>
44+
{% endif %} {% if user.level >= 5 %}<!--show if user has reached level 5-->
45+
<form
46+
action="{{ url_for('add_xp', user_id=user.id, amount=5) }}"
47+
method="post"
48+
>
49+
<!--form to add XP-->
50+
<input type="hidden" name="amount" value="5" />
51+
<button type="submit">Add 5 XP</button>
52+
</form>
53+
{% endif %} {% if user.level >= 10 %}<!--show if user has reached level 10-->
54+
<form
55+
action="{{ url_for('add_xp', user_id=user.id, amount=10) }}"
56+
method="post"
57+
>
58+
<!--form to add XP-->
59+
<input type="hidden" name="amount" value="10" />
60+
<button type="submit">Add 10 XP</button>
61+
</form>
62+
{% endif %} {% if user.level >= 15 %}<!--show if user has reached level 15-->
63+
<form
64+
action="{{ url_for('add_xp', user_id=user.id, amount=15) }}"
65+
method="post"
66+
>
67+
<!--form to add XP-->
68+
<input type="hidden" name="amount" value="15" />
69+
<button type="submit">Add 15 XP</button>
70+
</form>
71+
{% endif %} {% if user.level >= 20 %}<!--show if user has reached level 20-->
72+
<form
73+
action="{{ url_for('add_xp', user_id=user.id, amount=20) }}"
74+
method="post"
75+
>
76+
<!--form to add XP-->
77+
<input type="hidden" name="amount" value="20" />
78+
<button type="submit">Add 20 XP</button>
79+
</form>
80+
{% endif %} {% if user.level >= 25 %}<!--show if user has reached level 25-->
81+
<form
82+
action="{{ url_for('add_xp', user_id=user.id, amount=25) }}"
83+
method="post"
84+
>
85+
<!--form to add XP-->
86+
<input type="hidden" name="amount" value="25" />
87+
<button type="submit">Add 25 XP</button>
88+
</form>
89+
{% endif %} {% if user.level >= 30 %}<!--show if user has reached level 30-->
90+
<form
91+
action="{{ url_for('add_xp', user_id=user.id, amount=30) }}"
92+
method="post"
93+
>
94+
<!--form to add XP-->
95+
<input type="hidden" name="amount" value="30" />
96+
<button type="submit">Add 30 XP</button>
97+
</form>
98+
{% endif %} {% if user.level >= 40 %}<!--show if user has reached level 40-->
99+
<form
100+
action="{{ url_for('add_xp', user_id=user.id, amount=40) }}"
101+
method="post"
102+
>
103+
<!--form to add XP-->
104+
<input type="hidden" name="amount" value="40" />
105+
<button type="submit">Add 40 XP</button>
106+
</form>
107+
{% endif %} {% if user.level >= 50 %}<!--show if user has reached level 50-->
108+
<form
109+
action="{{ url_for('add_xp', user_id=user.id, amount=50) }}"
110+
method="post"
111+
>
112+
<!--form to add XP-->
113+
<input type="hidden" name="amount" value="50" />
114+
<button type="submit">Add 50 XP</button>
115+
</form>
116+
{% endif %} {% if user.level >= 60 %}<!--show if user has reached level 60-->
117+
<form
118+
action="{{ url_for('add_xp', user_id=user.id, amount=60) }}"
119+
method="post"
120+
>
121+
<!--form to add XP-->
122+
<input type="hidden" name="amount" value="60" />
123+
<button type="submit">Add 60 XP</button>
124+
</form>
125+
{% endif %} {% if user.level >= 75 %}<!--show if user has reached level 75-->
126+
<form
127+
action="{{ url_for('add_xp', user_id=user.id, amount=75) }}"
128+
method="post"
129+
>
130+
<!--form to add XP-->
131+
<input type="hidden" name="amount" value="75" />
132+
<button type="submit">Add 75 XP</button>
133+
</form>
134+
{% endif %} {% if user.level >= 100 %}<!--show if user has reached level 100-->
135+
<form
136+
action="{{ url_for('add_xp', user_id=user.id, amount=100) }}"
137+
method="post"
138+
>
139+
<!--form to add XP-->
140+
<input type="hidden" name="amount" value="100" />
141+
<button type="submit">Add 100 XP</button>
142+
</form>
143+
{% endif %}
144+
</ul>
145+
</body>
146146
</html>

0 commit comments

Comments
 (0)