├── .github
    └── workflows
    │   ├── build.yml
    │   └── prettier.yml
├── .gitignore
├── .prettierignore
├── .prettierrc.json
├── LICENSE
├── README.md
├── assets
    ├── img
    │   └── favicon.ico
    ├── js
    │   ├── challenges.js
    │   ├── index.js
    │   ├── notifications.js
    │   ├── page.js
    │   ├── scoreboard.js
    │   ├── settings.js
    │   ├── setup.js
    │   ├── teams
    │   │   ├── list.js
    │   │   ├── private.js
    │   │   └── public.js
    │   ├── theme
    │   │   ├── highlight.js
    │   │   ├── styles.js
    │   │   └── times.js
    │   ├── users
    │   │   ├── list.js
    │   │   ├── private.js
    │   │   └── public.js
    │   └── utils
    │   │   ├── alerts.js
    │   │   ├── clipboard.js
    │   │   ├── collapse.js
    │   │   ├── graphs
    │   │       ├── echarts
    │   │       │   ├── categories.js
    │   │       │   ├── index.js
    │   │       │   ├── scoreboard.js
    │   │       │   ├── solve-percentage.js
    │   │       │   └── userscore.js
    │   │       └── vega
    │   │       │   ├── categories.js
    │   │       │   ├── scoreboard.js
    │   │       │   ├── solve-percentage.js
    │   │       │   └── userscore.js
    │   │   ├── math.js
    │   │   ├── notifications
    │   │       ├── alerts.js
    │   │       ├── read.js
    │   │       └── toasts.js
    │   │   └── tooltips.js
    └── scss
    │   ├── includes
    │       ├── components
    │       │   ├── _challenge.scss
    │       │   ├── _graphs.scss
    │       │   ├── _jumbotron.scss
    │       │   ├── _sticky-footer.scss
    │       │   └── _table.scss
    │       ├── icons
    │       │   ├── _award-icons.scss
    │       │   └── _flag-icons.scss
    │       └── utils
    │       │   ├── _cursors.scss
    │       │   ├── _fonts.scss
    │       │   ├── _lolight.scss
    │       │   ├── _min-height.scss
    │       │   └── _opacity.scss
    │   └── main.scss
├── package.json
├── postcss.config.js
├── static
    ├── assets
    │   ├── challenges.e93edf43.js
    │   ├── clipboard.7856f2eb.js
    │   ├── echarts.128204f2.js
    │   ├── index.26ddae96.js
    │   ├── index.80ee8e6c.js
    │   ├── main.0aaf0d88.css
    │   ├── notifications.3f010f9a.js
    │   ├── page.c7ccc6c8.js
    │   ├── scoreboard.efc6c10a.js
    │   ├── settings.0e2e5354.js
    │   ├── setup.0fd022ad.js
    │   ├── teams_list.24ecabdf.js
    │   ├── teams_private.acfd18cb.js
    │   ├── teams_public.24befd13.js
    │   ├── users_list.54551e4f.js
    │   ├── users_private.12881884.js
    │   ├── users_public.d58d657e.js
    │   └── userscore.24cb7d0e.js
    ├── img
    │   └── favicon.ico
    ├── manifest.json
    └── webfonts
    │   ├── fa-brands-400.ttf
    │   ├── fa-brands-400.woff2
    │   ├── fa-regular-400.ttf
    │   ├── fa-regular-400.woff2
    │   ├── fa-solid-900.ttf
    │   ├── fa-solid-900.woff2
    │   ├── fa-v4compatibility.ttf
    │   ├── fa-v4compatibility.woff2
    │   ├── lato-all-400-normal.woff
    │   ├── lato-all-700-normal.woff
    │   ├── lato-latin-400-normal.woff
    │   ├── lato-latin-400-normal.woff2
    │   ├── lato-latin-700-normal.woff
    │   ├── lato-latin-700-normal.woff2
    │   ├── lato-latin-ext-400-normal.woff
    │   ├── lato-latin-ext-400-normal.woff2
    │   ├── lato-latin-ext-700-normal.woff
    │   ├── lato-latin-ext-700-normal.woff2
    │   ├── raleway-all-400-normal.woff
    │   ├── raleway-cyrillic-400-normal.woff
    │   ├── raleway-cyrillic-400-normal.woff2
    │   ├── raleway-cyrillic-ext-400-normal.woff
    │   ├── raleway-cyrillic-ext-400-normal.woff2
    │   ├── raleway-latin-400-normal.woff
    │   ├── raleway-latin-400-normal.woff2
    │   ├── raleway-latin-ext-400-normal.woff
    │   ├── raleway-latin-ext-400-normal.woff2
    │   ├── raleway-vietnamese-400-normal.woff
    │   └── raleway-vietnamese-400-normal.woff2
├── templates
    ├── base.html
    ├── challenge.html
    ├── challenges.html
    ├── components
    │   ├── errors.html
    │   ├── navbar.html
    │   └── notifications.html
    ├── config.html
    ├── confirm.html
    ├── errors
    │   ├── 403.html
    │   ├── 404.html
    │   ├── 429.html
    │   ├── 500.html
    │   └── 502.html
    ├── login.html
    ├── macros
    │   └── forms.html
    ├── notifications.html
    ├── page.html
    ├── register.html
    ├── reset_password.html
    ├── scoreboard.html
    ├── settings.html
    ├── setup.html
    ├── teams
    │   ├── invite.html
    │   ├── join_team.html
    │   ├── new_team.html
    │   ├── private.html
    │   ├── public.html
    │   ├── team_enrollment.html
    │   └── teams.html
    └── users
    │   ├── private.html
    │   ├── public.html
    │   └── users.html
├── vite.config.js
└── yarn.lock


/.github/workflows/build.yml:
--------------------------------------------------------------------------------
 1 | name: build
 2 | 
 3 | on:
 4 |   push:
 5 |     branches: main
 6 | 
 7 | jobs:
 8 |   static:
 9 |     runs-on: ubuntu-latest
10 | 
11 |     steps:
12 |       - uses: actions/checkout@v3
13 |         with:
14 |           repository: ${{ github.event.pull_request.head.repo.full_name }}
15 |           ref: ${{ github.event.pull_request.head.ref }}
16 |       - name: Setup node.js
17 |         uses: actions/setup-node@v3
18 |         with:
19 |           node-version: '16.x'
20 |       - name: Install dependencies
21 |         run: yarn --frozen-lockfile
22 |       - name: Format
23 |         run: yarn format
24 |       - name: Build
25 |         run: yarn build
26 |       - name: Push built files
27 |         uses: EndBug/add-and-commit@v9
28 |         with:
29 |           default_author: github_actions
30 |           message: "chore: yarn build"


--------------------------------------------------------------------------------
/.github/workflows/prettier.yml:
--------------------------------------------------------------------------------
 1 | name: prettier
 2 | 
 3 | on: [ pull_request ]
 4 | 
 5 | jobs:
 6 |   lint:
 7 |     runs-on: ubuntu-latest
 8 | 
 9 |     steps:
10 |       - uses: actions/checkout@v3
11 |         with:
12 |           repository: ${{ github.event.pull_request.head.repo.full_name }}
13 |           ref: ${{ github.event.pull_request.head.ref }}
14 |       - name: Setup node.js
15 |         uses: actions/setup-node@v3
16 |         with:
17 |           node-version: '16.x'
18 |       - name: Install dependencies
19 |         run: yarn --frozen-lockfile
20 |       - name: Lint with prettier
21 |         run: yarn lint


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
1 | static
2 | **/*.html


--------------------------------------------------------------------------------
/.prettierrc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "printWidth": 88,
3 |   "arrowParens": "avoid"
4 | }
5 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # ctfd-pages-theme
 2 | 
 3 | `core-beta` is forked from https://github.com/CTFd/core-beta
 4 | 
 5 | 将题目分类分页，目前用于 https://ctf.xidian.edu.cn 以及 https://ctf.show
 6 | 
 7 | ## 食用方式
 8 | 
 9 | clone到themes目录下，在后台切换到相应主题。  
10 | 请自行在CTFd中添加`/api/v1/challenges/categories`路由用于枚举题目类型
11 | 
12 | ## tldr
13 | 
14 | ```sh
15 | git clone https://github.com/CTFd/CTFd
16 | git clone https://github.com/frankli0324/ctfd-pages-theme CTFd/themes/pages
17 | ```
18 | 


--------------------------------------------------------------------------------
/assets/img/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/assets/img/favicon.ico


--------------------------------------------------------------------------------
/assets/js/challenges.js:
--------------------------------------------------------------------------------
  1 | import Alpine from "alpinejs";
  2 | import dayjs from "dayjs";
  3 | 
  4 | import CTFd from "./index";
  5 | 
  6 | import { Modal, Tab } from "bootstrap";
  7 | import highlight from "./theme/highlight";
  8 | 
  9 | function addTargetBlank(html) {
 10 |   let dom = new DOMParser();
 11 |   let view = dom.parseFromString(html, "text/html");
 12 |   let links = view.querySelectorAll('a[href*="://"]');
 13 |   links.forEach(link => {
 14 |     link.setAttribute("target", "_blank");
 15 |   });
 16 |   return view.documentElement.outerHTML;
 17 | }
 18 | 
 19 | window.Alpine = Alpine;
 20 | 
 21 | Alpine.store("challenge", {
 22 |   data: {
 23 |     view: "",
 24 |   },
 25 | });
 26 | 
 27 | Alpine.data("Hint", () => ({
 28 |   id: null,
 29 |   html: null,
 30 | 
 31 |   async showHint(event) {
 32 |     if (event.target.open) {
 33 |       let response = await CTFd.pages.challenge.loadHint(this.id);
 34 |       let hint = response.data;
 35 |       if (hint.content) {
 36 |         this.html = addTargetBlank(hint.html);
 37 |       } else {
 38 |         let answer = await CTFd.pages.challenge.displayUnlock(this.id);
 39 |         if (answer) {
 40 |           let unlock = await CTFd.pages.challenge.loadUnlock(this.id);
 41 | 
 42 |           if (unlock.success) {
 43 |             let response = await CTFd.pages.challenge.loadHint(this.id);
 44 |             let hint = response.data;
 45 |             this.html = addTargetBlank(hint.html);
 46 |           } else {
 47 |             event.target.open = false;
 48 |             CTFd._functions.challenge.displayUnlockError(unlock);
 49 |           }
 50 |         } else {
 51 |           event.target.open = false;
 52 |         }
 53 |       }
 54 |     }
 55 |   },
 56 | }));
 57 | 
 58 | Alpine.data("Challenge", () => ({
 59 |   id: null,
 60 |   next_id: null,
 61 |   submission: "",
 62 |   tab: null,
 63 |   solves: [],
 64 |   response: null,
 65 | 
 66 |   async init() {
 67 |     highlight();
 68 |   },
 69 | 
 70 |   getStyles() {
 71 |     let styles = {
 72 |       "modal-dialog": true,
 73 |     };
 74 |     try {
 75 |       let size = CTFd.config.themeSettings.challenge_window_size;
 76 |       switch (size) {
 77 |         case "sm":
 78 |           styles["modal-sm"] = true;
 79 |           break;
 80 |         case "lg":
 81 |           styles["modal-lg"] = true;
 82 |           break;
 83 |         case "xl":
 84 |           styles["modal-xl"] = true;
 85 |           break;
 86 |         default:
 87 |           break;
 88 |       }
 89 |     } catch (error) {
 90 |       // Ignore errors with challenge window size
 91 |       console.log("Error processing challenge_window_size");
 92 |       console.log(error);
 93 |     }
 94 |     return styles;
 95 |   },
 96 | 
 97 |   async init() {
 98 |     highlight();
 99 |   },
100 | 
101 |   async showChallenge() {
102 |     new Tab(this.$el).show();
103 |   },
104 | 
105 |   async showSolves() {
106 |     this.solves = await CTFd.pages.challenge.loadSolves(this.id);
107 |     this.solves.forEach(solve => {
108 |       solve.date = dayjs(solve.date).format("MMMM Do, h:mm:ss A");
109 |       return solve;
110 |     });
111 |     new Tab(this.$el).show();
112 |   },
113 | 
114 |   getNextId() {
115 |     let data = Alpine.store("challenge").data;
116 |     return data.next_id;
117 |   },
118 | 
119 |   async nextChallenge() {
120 |     let modal = Modal.getOrCreateInstance("[x-ref='challengeWindow']");
121 | 
122 |     // TODO: Get rid of this private attribute access
123 |     // See https://github.com/twbs/bootstrap/issues/31266
124 |     modal._element.addEventListener(
125 |       "hidden.bs.modal",
126 |       event => {
127 |         // Dispatch load-challenge event to call loadChallenge in the ChallengeBoard
128 |         Alpine.nextTick(() => {
129 |           this.$dispatch("load-challenge", this.getNextId());
130 |         });
131 |       },
132 |       { once: true }
133 |     );
134 |     modal.hide();
135 |   },
136 | 
137 |   async submitChallenge() {
138 |     this.response = await CTFd.pages.challenge.submitChallenge(
139 |       this.id,
140 |       this.submission
141 |     );
142 | 
143 |     await this.renderSubmissionResponse();
144 |   },
145 | 
146 |   async renderSubmissionResponse() {
147 |     if (this.response.data.status === "correct") {
148 |       this.submission = "";
149 |     }
150 | 
151 |     // Dispatch load-challenges event to call loadChallenges in the ChallengeBoard
152 |     this.$dispatch("load-challenges", this.current_page);
153 |   },
154 | }));
155 | 
156 | Alpine.data("ChallengeBoard", () => ({
157 |   loaded: false,
158 |   challenges: [],
159 |   challenge: null,
160 | 
161 |   async init() {
162 |     // load-challenges event is triggered initially by PageBoard
163 |     if (window.location.hash) {
164 |       let chalHash = decodeURIComponent(window.location.hash.substring(1));
165 |       let idx = chalHash.lastIndexOf("-");
166 |       if (idx >= 0) {
167 |         let pieces = [chalHash.slice(0, idx), chalHash.slice(idx + 1)];
168 |         let id = pieces[1];
169 |         await this.loadChallenge(id);
170 |       }
171 |     }
172 |   },
173 | 
174 |   getCategories() {
175 |     const categories = [];
176 | 
177 |     this.challenges.forEach(challenge => {
178 |       let { category } = challenge;
179 |       category = category.split(".")[1];
180 | 
181 |       if (category && !categories.includes(category)) {
182 |         if (category === " ")
183 |           //make sure the default category stays on top
184 |           categories.unshift(category);
185 |         else categories.push(category);
186 |       }
187 |     });
188 | 
189 |     try {
190 |       const f = CTFd.config.themeSettings.challenge_category_order;
191 |       if (f) {
192 |         const getSort = new Function(`return (${f})`);
193 |         categories.sort(getSort());
194 |       }
195 |     } catch (error) {
196 |       // Ignore errors with theme category sorting
197 |       console.log("Error running challenge_category_order function");
198 |       console.log(error);
199 |     }
200 | 
201 |     return categories;
202 |   },
203 | 
204 |   getChallenges(category) {
205 |     let challenges = this.challenges;
206 | 
207 |     if (category !== null) {
208 |       challenges = this.challenges.filter(
209 |         chall => chall.category.split(".")[1] === category
210 |       );
211 |     }
212 | 
213 |     try {
214 |       const f = CTFd.config.themeSettings.challenge_order;
215 |       if (f) {
216 |         const getSort = new Function(`return (${f})`);
217 |         challenges.sort(getSort());
218 |       }
219 |     } catch (error) {
220 |       // Ignore errors with theme challenge sorting
221 |       console.log("Error running challenge_order function");
222 |       console.log(error);
223 |     }
224 | 
225 |     return challenges;
226 |   },
227 | 
228 |   async loadChallenges(search) {
229 |     this.loaded = false;
230 |     this.challenges = await CTFd.pages.challenges.getChallenges({
231 |       q: search,
232 |       field: "category",
233 |     });
234 |     for (let chall of this.challenges) {
235 |       if (chall.category === search)
236 |         // default sub-category
237 |         chall.category = `${chall.category}. `;
238 |     }
239 |     this.loaded = true;
240 |   },
241 | 
242 |   async loadChallenge(challengeId) {
243 |     await CTFd.pages.challenge.displayChallenge(challengeId, challenge => {
244 |       challenge.data.view = addTargetBlank(challenge.data.view);
245 |       Alpine.store("challenge").data = challenge.data;
246 | 
247 |       // nextTick is required here because we're working in a callback
248 |       Alpine.nextTick(() => {
249 |         let modal = Modal.getOrCreateInstance("[x-ref='challengeWindow']");
250 |         // TODO: Get rid of this private attribute access
251 |         // See https://github.com/twbs/bootstrap/issues/31266
252 |         modal._element.addEventListener(
253 |           "hidden.bs.modal",
254 |           event => {
255 |             // Remove location hash
256 |             history.replaceState(null, null, " ");
257 |           },
258 |           { once: true }
259 |         );
260 |         modal.show();
261 |         history.replaceState(null, null, `#${challenge.data.name}-${challengeId}`);
262 |       });
263 |     });
264 |   },
265 | }));
266 | 
267 | Alpine.data("PageBoard", () => ({
268 |   pages: [],
269 | 
270 |   async init() {
271 |     await this.loadPages();
272 |   },
273 | 
274 |   selectPage(page) {
275 |     this.current_page = `${page}`;
276 |     this.$dispatch("load-challenges", this.current_page);
277 |   },
278 | 
279 |   async loadPages() {
280 |     const response = await CTFd.fetch("/api/v1/challenges/categories");
281 |     const body = await response.json();
282 |     const pages = body["data"];
283 |     this.pages = Array.from(new Set(pages.map(p => p.split(".")[0])));
284 |     if (this.current_page === null && this.pages.length != 0) {
285 |       this.selectPage(this.pages[0]);
286 |     }
287 |   },
288 | }));
289 | 
290 | Alpine.start();
291 | 


--------------------------------------------------------------------------------
/assets/js/index.js:
--------------------------------------------------------------------------------
 1 | import CTFd from "@ctfdio/ctfd-js";
 2 | 
 3 | import dayjs from "dayjs";
 4 | import advancedFormat from "dayjs/plugin/advancedFormat";
 5 | 
 6 | import times from "./theme/times";
 7 | import styles from "./theme/styles";
 8 | import highlight from "./theme/highlight";
 9 | 
10 | import alerts from "./utils/alerts";
11 | import tooltips from "./utils/tooltips";
12 | import collapse from "./utils/collapse";
13 | 
14 | import eventAlerts from "./utils/notifications/alerts";
15 | import eventToasts from "./utils/notifications/toasts";
16 | import eventRead from "./utils/notifications/read";
17 | 
18 | dayjs.extend(advancedFormat);
19 | CTFd.init(window.init);
20 | 
21 | (() => {
22 |   styles();
23 |   times();
24 |   highlight();
25 | 
26 |   alerts();
27 |   tooltips();
28 |   collapse();
29 | 
30 |   eventRead();
31 |   eventAlerts();
32 |   eventToasts();
33 | })();
34 | 
35 | export default CTFd;
36 | 


--------------------------------------------------------------------------------
/assets/js/notifications.js:
--------------------------------------------------------------------------------
 1 | import Alpine from "alpinejs";
 2 | import CTFd from "./index";
 3 | 
 4 | window.CTFd = CTFd;
 5 | window.Alpine = Alpine;
 6 | 
 7 | // Get unread notifications from server
 8 | let lastId = CTFd.events.counter.read.getLast();
 9 | CTFd.fetch(`/api/v1/notifications?since_id=${lastId}`)
10 |   .then(response => {
11 |     return response.json();
12 |   })
13 |   .then(response => {
14 |     // Get notifications from server and mark them as read
15 |     let notifications = response.data;
16 |     let read = CTFd.events.counter.read.getAll();
17 |     notifications.forEach(n => {
18 |       read.push(n.id);
19 |     });
20 |     CTFd.events.counter.read.setAll(read);
21 | 
22 |     // Mark all unread as read
23 |     CTFd.events.counter.unread.readAll();
24 | 
25 |     // Broadcast our new count (which should be 0)
26 |     let count = CTFd.events.counter.unread.getAll().length;
27 |     CTFd.events.controller.broadcast("counter", {
28 |       count: count,
29 |     });
30 |     Alpine.store("unread_count", count);
31 |   });
32 | 
33 | Alpine.start();
34 | 


--------------------------------------------------------------------------------
/assets/js/page.js:
--------------------------------------------------------------------------------
1 | import Alpine from "alpinejs";
2 | import CTFd from "./index";
3 | 
4 | window.CTFd = CTFd;
5 | window.Alpine = Alpine;
6 | 
7 | Alpine.start();
8 | 


--------------------------------------------------------------------------------
/assets/js/scoreboard.js:
--------------------------------------------------------------------------------
 1 | import Alpine from "alpinejs";
 2 | import CTFd from "./index";
 3 | import { getOption } from "./utils/graphs/echarts/scoreboard";
 4 | import { embed } from "./utils/graphs/echarts";
 5 | 
 6 | window.Alpine = Alpine;
 7 | window.CTFd = CTFd;
 8 | 
 9 | Alpine.data("ScoreboardDetail", () => ({
10 |   data: null,
11 | 
12 |   async init() {
13 |     this.data = await CTFd.pages.scoreboard.getScoreboardDetail(10);
14 | 
15 |     let option = getOption(CTFd.config.userMode, this.data);
16 |     embed(this.$refs.scoregraph, option);
17 |   },
18 | }));
19 | 
20 | Alpine.start();
21 | 


--------------------------------------------------------------------------------
/assets/js/settings.js:
--------------------------------------------------------------------------------
  1 | import Alpine from "alpinejs";
  2 | import { Modal } from "bootstrap";
  3 | import { serializeJSON } from "@ctfdio/ctfd-js/forms";
  4 | 
  5 | import CTFd from "./index";
  6 | import { copyToClipboard } from "./utils/clipboard";
  7 | 
  8 | window.Alpine = Alpine;
  9 | 
 10 | Alpine.data("SettingsForm", () => ({
 11 |   success: null,
 12 |   error: null,
 13 |   initial: null,
 14 |   errors: [],
 15 | 
 16 |   init() {
 17 |     this.initial = serializeJSON(this.$el);
 18 |   },
 19 | 
 20 |   async updateProfile() {
 21 |     this.success = null;
 22 |     this.error = null;
 23 |     this.errors = [];
 24 | 
 25 |     let data = serializeJSON(this.$el, this.initial, true);
 26 | 
 27 |     // Process fields[id] to fields: {}
 28 |     data.fields = [];
 29 |     for (const property in data) {
 30 |       if (property.match(/fields\[\d+\]/)) {
 31 |         let field = {};
 32 |         let id = parseInt(property.slice(7, -1));
 33 |         field["field_id"] = id;
 34 |         field["value"] = data[property];
 35 |         data.fields.push(field);
 36 |         delete data[property];
 37 |       }
 38 |     }
 39 | 
 40 |     // Send API request
 41 |     const response = await CTFd.pages.settings.updateSettings(data);
 42 |     if (response.success) {
 43 |       this.success = true;
 44 |       this.error = false;
 45 | 
 46 |       setTimeout(() => {
 47 |         this.success = null;
 48 |         this.error = null;
 49 |       }, 3000);
 50 |     } else {
 51 |       this.success = false;
 52 |       this.error = true;
 53 | 
 54 |       Object.keys(response.errors).map(error => {
 55 |         const error_msg = response.errors[error];
 56 |         this.errors.push(error_msg);
 57 |       });
 58 |     }
 59 |   },
 60 | }));
 61 | 
 62 | Alpine.data("TokensForm", () => ({
 63 |   token: null,
 64 | 
 65 |   async generateToken() {
 66 |     const data = serializeJSON(this.$el);
 67 | 
 68 |     if (!data.expiration) {
 69 |       delete data.expiration;
 70 |     }
 71 |     const response = await CTFd.pages.settings.generateToken(data);
 72 |     this.token = response.data.value;
 73 | 
 74 |     new Modal(this.$refs.tokenModal).show();
 75 |   },
 76 | 
 77 |   copyToken() {
 78 |     copyToClipboard(this.$refs.token);
 79 |   },
 80 | }));
 81 | 
 82 | Alpine.data("Tokens", () => ({
 83 |   selectedTokenId: null,
 84 | 
 85 |   async deleteTokenModal(tokenId) {
 86 |     this.selectedTokenId = tokenId;
 87 |     new Modal(this.$refs.confirmModal).show();
 88 |   },
 89 | 
 90 |   async deleteSelectedToken() {
 91 |     await CTFd.pages.settings.deleteToken(this.selectedTokenId);
 92 |     const $token = this.$refs[`token-${this.selectedTokenId}`];
 93 | 
 94 |     if ($token) {
 95 |       $token.remove();
 96 |     }
 97 |   },
 98 | }));
 99 | 
100 | Alpine.start();
101 | 


--------------------------------------------------------------------------------
/assets/js/setup.js:
--------------------------------------------------------------------------------
  1 | import Alpine from "alpinejs";
  2 | import dayjs from "dayjs";
  3 | import { Tab } from "bootstrap";
  4 | 
  5 | import CTFd from "./index";
  6 | 
  7 | window.Alpine = Alpine;
  8 | 
  9 | Alpine.data("SetupForm", () => ({
 10 |   init() {
 11 |     // Bind Enter on any input to clicking the Next button
 12 |     this.$root.querySelectorAll("input").forEach(i => {
 13 |       i.addEventListener("keypress", e => {
 14 |         if (e.key == "Enter") {
 15 |           e.preventDefault();
 16 |           e.target.closest(".tab-pane").querySelector("button[data-href]").click();
 17 |         }
 18 |       });
 19 |       i.addEventListener("change", e => {
 20 |         if (e.target.checkValidity() === false) {
 21 |           e.target.classList.add("input-filled-invalid");
 22 |         } else {
 23 |           e.target.classList.remove("input-filled-invalid");
 24 |         }
 25 |       });
 26 |     });
 27 | 
 28 |     // Register storage listener for MLC integration
 29 |     window.addEventListener("storage", function (event) {
 30 |       if (event.key == "integrations" && event.newValue) {
 31 |         let integration = JSON.parse(event.newValue);
 32 |         if (integration["name"] == "mlc") {
 33 |           $("#integration-mlc").text("Already Configured").attr("disabled", true);
 34 |           window.focus();
 35 |           localStorage.removeItem("integrations");
 36 |         }
 37 |       }
 38 |     });
 39 |   },
 40 | 
 41 |   validateFileSize(e, limit) {
 42 |     if (e.target.files[0].size > limit) {
 43 |       if (
 44 |         !confirm(
 45 |           `This image file is larger than ${
 46 |             limit / 1000
 47 |           }KB which may result in increased load times. Are you sure you'd like to use this file?`
 48 |         )
 49 |       ) {
 50 |         e.target.value = "";
 51 |       }
 52 |     }
 53 |   },
 54 | 
 55 |   switchTab(e) {
 56 |     // Handle tab validation
 57 |     let valid_tab = true;
 58 |     let inputs = e.target
 59 |       .closest('[role="tabpanel"]')
 60 |       .querySelectorAll("input,textarea");
 61 | 
 62 |     inputs.forEach(e => {
 63 |       if (e.checkValidity() === false) {
 64 |         e.classList.add("input-filled-invalid");
 65 |         valid_tab = false;
 66 |       }
 67 |     });
 68 | 
 69 |     if (valid_tab == false) {
 70 |       return;
 71 |     }
 72 | 
 73 |     let target = e.target.dataset.href;
 74 |     let tab = this.$root.querySelector(`[data-bs-target="${target}"]`);
 75 |     Tab.getOrCreateInstance(tab).show();
 76 |   },
 77 | 
 78 |   setThemeColor(e) {
 79 |     document.querySelector("#config-color-input").value = e.target.value;
 80 |   },
 81 | 
 82 |   resetThemeColor(_e) {
 83 |     document.querySelector("#config-color-input").value = "";
 84 |     document.querySelector("#config-color-picker").value = "";
 85 |   },
 86 | 
 87 |   processDateTime(datetime) {
 88 |     return function (_event) {
 89 |       let date_picker = document.querySelector(`#${datetime}-date`);
 90 |       let time_picker = document.querySelector(`#${datetime}-time`);
 91 |       let unix_time = dayjs(
 92 |         `${date_picker.value} ${time_picker.value}`,
 93 |         "YYYY-MM-DD HH:mm"
 94 |       ).unix();
 95 | 
 96 |       if (isNaN(unix_time)) {
 97 |         document.querySelector(`#${datetime}-preview`).value = "";
 98 |       } else {
 99 |         document.querySelector(`#${datetime}-preview`).value = unix_time;
100 |       }
101 |     };
102 |   },
103 | 
104 |   mlcSetup() {
105 |     let r = CTFd.config.urlRoot;
106 |     let params = {
107 |       name: document.querySelector("#ctf_name").value,
108 |       type: "jeopardy",
109 |       description: document.querySelector("#ctf_description").value,
110 |       user_mode: document.querySelector("[name=user_mode]:checked").value,
111 |       event_url: window.location.origin + r,
112 |       redirect_url: window.location.origin + r + "/redirect",
113 |       integration_setup_url: window.location.origin + r + "/setup/integrations",
114 |       start: document.querySelector("#start-preview").value,
115 |       end: document.querySelector("#end-preview").value,
116 |       platform: "CTFd",
117 |       state: window.STATE,
118 |     };
119 | 
120 |     const ret = [];
121 |     for (let p in params) {
122 |       ret.push(encodeURIComponent(p) + "=" + encodeURIComponent(params[p]));
123 |     }
124 |     window.open(
125 |       "https://www.majorleaguecyber.org/events/new?" + ret.join("&"),
126 |       "_blank"
127 |     );
128 |   },
129 | 
130 |   submitSetup(e) {
131 |     if (document.querySelector("#newsletter-checkbox").checked) {
132 |       let email = e.target.querySelector("input[name=email]").value;
133 |       let params = {
134 |         email: email,
135 |         b_38e27f7d496889133d2214208_d7c3ed71f9: "",
136 |         c: "jsonp_callback_" + Math.round(10000 * Math.random()),
137 |       };
138 |       const ret = [];
139 |       for (let p in params) {
140 |         ret.push(encodeURIComponent(p) + "=" + encodeURIComponent(params[p]));
141 |       }
142 | 
143 |       var script = document.createElement("script");
144 |       script.src =
145 |         "https://newsletters.ctfd.io/lists/ot889gr1sa0e1/subscribe/post-json?" +
146 |         ret.join("&");
147 |       document.head.appendChild(script);
148 |     }
149 |   },
150 | }));
151 | 
152 | Alpine.start();
153 | 


--------------------------------------------------------------------------------
/assets/js/teams/list.js:
--------------------------------------------------------------------------------
1 | import Alpine from "alpinejs";
2 | import CTFd from "../index";
3 | 
4 | window.CTFd = CTFd;
5 | window.Alpine = Alpine;
6 | 
7 | Alpine.start();
8 | 


--------------------------------------------------------------------------------
/assets/js/teams/private.js:
--------------------------------------------------------------------------------
  1 | import Alpine from "alpinejs";
  2 | import CTFd from "../index";
  3 | import { Modal } from "bootstrap";
  4 | import { serializeJSON } from "@ctfdio/ctfd-js/forms";
  5 | import { copyToClipboard } from "../utils/clipboard";
  6 | import { colorHash } from "@ctfdio/ctfd-js/ui";
  7 | import { getOption as getUserScoreOption } from "../utils/graphs/echarts/userscore";
  8 | import { embed } from "../utils/graphs/echarts";
  9 | 
 10 | window.Alpine = Alpine;
 11 | window.CTFd = CTFd;
 12 | 
 13 | Alpine.store("inviteToken", "");
 14 | 
 15 | Alpine.data("TeamEditModal", () => ({
 16 |   success: null,
 17 |   error: null,
 18 |   initial: null,
 19 |   errors: [],
 20 | 
 21 |   init() {
 22 |     this.initial = serializeJSON(this.$el.querySelector("form"));
 23 |   },
 24 | 
 25 |   async updateProfile() {
 26 |     let data = serializeJSON(this.$el, this.initial, true);
 27 | 
 28 |     data.fields = [];
 29 | 
 30 |     for (const property in data) {
 31 |       if (property.match(/fields\[\d+\]/)) {
 32 |         let field = {};
 33 |         let id = parseInt(property.slice(7, -1));
 34 |         field["field_id"] = id;
 35 |         field["value"] = data[property];
 36 |         data.fields.push(field);
 37 |         delete data[property];
 38 |       }
 39 |     }
 40 | 
 41 |     let response = await CTFd.pages.teams.updateTeamSettings(data);
 42 |     if (response.success) {
 43 |       this.success = true;
 44 |       this.error = false;
 45 |       setTimeout(() => {
 46 |         this.success = null;
 47 |         this.error = null;
 48 |       }, 3000);
 49 |     } else {
 50 |       this.success = false;
 51 |       this.error = true;
 52 |       Object.keys(response.errors).map(error => {
 53 |         const error_msg = response.errors[error];
 54 |         this.errors.push(error_msg);
 55 |       });
 56 |     }
 57 |   },
 58 | }));
 59 | 
 60 | Alpine.data("TeamCaptainModal", () => ({
 61 |   success: null,
 62 |   error: null,
 63 |   errors: [],
 64 | 
 65 |   async updateCaptain() {
 66 |     let data = serializeJSON(this.$el, null, true);
 67 |     let response = await CTFd.pages.teams.updateTeamSettings(data);
 68 | 
 69 |     if (response.success) {
 70 |       window.location.reload();
 71 |     } else {
 72 |       this.success = false;
 73 |       this.error = true;
 74 |       Object.keys(response.errors).map(error => {
 75 |         const error_msg = response.errors[error];
 76 |         this.errors.push(error_msg);
 77 |       });
 78 |     }
 79 |   },
 80 | }));
 81 | 
 82 | Alpine.data("TeamInviteModal", () => ({
 83 |   copy() {
 84 |     copyToClipboard(this.$refs.link);
 85 |   },
 86 | }));
 87 | 
 88 | Alpine.data("TeamDisbandModal", () => ({
 89 |   errors: [],
 90 | 
 91 |   async disbandTeam() {
 92 |     let response = await CTFd.pages.teams.disbandTeam();
 93 | 
 94 |     if (response.success) {
 95 |       window.location.reload();
 96 |     } else {
 97 |       this.errors = response.errors[""];
 98 |     }
 99 |   },
100 | }));
101 | 
102 | Alpine.data("CaptainMenu", () => ({
103 |   captain: false,
104 | 
105 |   editTeam() {
106 |     this.teamEditModal = new Modal(document.getElementById("team-edit-modal"));
107 |     this.teamEditModal.show();
108 |   },
109 | 
110 |   chooseCaptain() {
111 |     this.teamCaptainModal = new Modal(document.getElementById("team-captain-modal"));
112 |     this.teamCaptainModal.show();
113 |   },
114 | 
115 |   async inviteMembers() {
116 |     const response = await CTFd.pages.teams.getInviteToken();
117 | 
118 |     if (response.success) {
119 |       const code = response.data.code;
120 |       const url = `${window.location.origin}${CTFd.config.urlRoot}/teams/invite?code=${code}`;
121 | 
122 |       document.querySelector("#team-invite-modal input[name=link]").value = url;
123 |       this.$store.inviteToken = url;
124 |       this.teamInviteModal = new Modal(document.getElementById("team-invite-modal"));
125 |       this.teamInviteModal.show();
126 |     }
127 |   },
128 | 
129 |   disbandTeam() {
130 |     this.teamDisbandModal = new Modal(document.getElementById("team-disband-modal"));
131 |     this.teamDisbandModal.show();
132 |   },
133 | }));
134 | 
135 | Alpine.data("TeamGraphs", () => ({
136 |   solves: null,
137 |   fails: null,
138 |   awards: null,
139 |   solveCount: 0,
140 |   failCount: 0,
141 |   awardCount: 0,
142 | 
143 |   getSolvePercentage() {
144 |     return ((this.solveCount / (this.solveCount + this.failCount)) * 100).toFixed(2);
145 |   },
146 | 
147 |   getFailPercentage() {
148 |     return ((this.failCount / (this.solveCount + this.failCount)) * 100).toFixed(2);
149 |   },
150 | 
151 |   getCategoryBreakdown() {
152 |     const categories = [];
153 |     const breakdown = {};
154 | 
155 |     this.solves.data.map(solve => {
156 |       categories.push(solve.challenge.category);
157 |     });
158 | 
159 |     categories.forEach(category => {
160 |       if (category in breakdown) {
161 |         breakdown[category] += 1;
162 |       } else {
163 |         breakdown[category] = 1;
164 |       }
165 |     });
166 | 
167 |     const data = [];
168 |     for (const property in breakdown) {
169 |       data.push({
170 |         name: property,
171 |         count: breakdown[property],
172 |         percent: (breakdown[property] / categories.length) * 100,
173 |         color: colorHash(property),
174 |       });
175 |     }
176 | 
177 |     return data;
178 |   },
179 | 
180 |   async init() {
181 |     this.solves = await CTFd.pages.teams.teamSolves("me");
182 |     this.fails = await CTFd.pages.teams.teamFails("me");
183 |     this.awards = await CTFd.pages.teams.teamAwards("me");
184 | 
185 |     this.solveCount = this.solves.meta.count;
186 |     this.failCount = this.fails.meta.count;
187 |     this.awardCount = this.awards.meta.count;
188 | 
189 |     embed(
190 |       this.$refs.scoregraph,
191 |       getUserScoreOption(
192 |         CTFd.team.id,
193 |         CTFd.team.name,
194 |         this.solves.data,
195 |         this.awards.data
196 |       )
197 |     );
198 |   },
199 | }));
200 | 
201 | Alpine.start();
202 | 


--------------------------------------------------------------------------------
/assets/js/teams/public.js:
--------------------------------------------------------------------------------
 1 | import CTFd from "../index";
 2 | 
 3 | import Alpine from "alpinejs";
 4 | import { colorHash } from "@ctfdio/ctfd-js/ui";
 5 | import { getOption as getUserScoreOption } from "../utils/graphs/echarts/userscore";
 6 | import { embed } from "../utils/graphs/echarts";
 7 | 
 8 | window.Alpine = Alpine;
 9 | 
10 | Alpine.data("TeamGraphs", () => ({
11 |   solves: null,
12 |   fails: null,
13 |   awards: null,
14 |   solveCount: 0,
15 |   failCount: 0,
16 |   awardCount: 0,
17 | 
18 |   getSolvePercentage() {
19 |     return ((this.solveCount / (this.solveCount + this.failCount)) * 100).toFixed(2);
20 |   },
21 | 
22 |   getFailPercentage() {
23 |     return ((this.failCount / (this.solveCount + this.failCount)) * 100).toFixed(2);
24 |   },
25 | 
26 |   getCategoryBreakdown() {
27 |     const categories = [];
28 |     const breakdown = {};
29 | 
30 |     this.solves.data.map(solve => {
31 |       categories.push(solve.challenge.category);
32 |     });
33 | 
34 |     categories.forEach(category => {
35 |       if (category in breakdown) {
36 |         breakdown[category] += 1;
37 |       } else {
38 |         breakdown[category] = 1;
39 |       }
40 |     });
41 | 
42 |     const data = [];
43 |     for (const property in breakdown) {
44 |       data.push({
45 |         name: property,
46 |         count: breakdown[property],
47 |         percent: ((breakdown[property] / categories.length) * 100).toFixed(2),
48 |         color: colorHash(property),
49 |       });
50 |     }
51 | 
52 |     return data;
53 |   },
54 | 
55 |   async init() {
56 |     this.solves = await CTFd.pages.teams.teamSolves(window.TEAM.id);
57 |     this.fails = await CTFd.pages.teams.teamFails(window.TEAM.id);
58 |     this.awards = await CTFd.pages.teams.teamAwards(window.TEAM.id);
59 | 
60 |     this.solveCount = this.solves.meta.count;
61 |     this.failCount = this.fails.meta.count;
62 |     this.awardCount = this.awards.meta.count;
63 | 
64 |     embed(
65 |       this.$refs.scoregraph,
66 |       getUserScoreOption(
67 |         window.TEAM.id,
68 |         window.TEAM.name,
69 |         this.solves.data,
70 |         this.awards.data
71 |       )
72 |     );
73 |   },
74 | }));
75 | 
76 | Alpine.start();
77 | 


--------------------------------------------------------------------------------
/assets/js/theme/highlight.js:
--------------------------------------------------------------------------------
 1 | import CTFd from "../index";
 2 | import lolight from "lolight";
 3 | 
 4 | export default () => {
 5 |   if (
 6 |     // default to true if config is not defined yet
 7 |     !CTFd.config.themeSettings.hasOwnProperty("use_builtin_code_highlighter") ||
 8 |     CTFd.config.themeSettings.use_builtin_code_highlighter === true
 9 |   ) {
10 |     lolight("pre code");
11 |   }
12 | };
13 | 


--------------------------------------------------------------------------------
/assets/js/theme/styles.js:
--------------------------------------------------------------------------------
 1 | export default () => {
 2 |   document.querySelectorAll(".form-control").forEach($el => {
 3 |     $el.addEventListener("onfocus", () => {
 4 |       $el.classList.remove("input-filled-invalid");
 5 |       $el.classList.add("input-filled-valid");
 6 |     });
 7 | 
 8 |     $el.addEventListener("onblur", () => {
 9 |       if ($el.nodeValue === "") {
10 |         $el.classList.remove("input-filled-valid");
11 |         $el.classList.remove("input-filled-invalid");
12 |       }
13 |     });
14 | 
15 |     if ($el.nodeValue) {
16 |       $el.classList.add("input-filled-valid");
17 |     }
18 |   });
19 | 
20 |   document.querySelectorAll(".page-select").forEach($el => {
21 |     if ($el.nodeValue) {
22 |       const url = new URL(window.location);
23 |       url.searchParams.set("page", $el.nodeValue);
24 |       window.location.href = url.toString();
25 |     }
26 |   });
27 | };
28 | 


--------------------------------------------------------------------------------
/assets/js/theme/times.js:
--------------------------------------------------------------------------------
 1 | import dayjs from "dayjs";
 2 | import advancedFormat from "dayjs/plugin/advancedFormat";
 3 | 
 4 | dayjs.extend(advancedFormat);
 5 | 
 6 | export default () => {
 7 |   document.querySelectorAll("[data-time]").forEach($el => {
 8 |     const time = $el.getAttribute("data-time");
 9 |     const format = $el.getAttribute("data-time-format") || "MMMM Do, h:mm:ss A";
10 |     $el.innerText = dayjs(time).format(format);
11 |   });
12 | };
13 | 


--------------------------------------------------------------------------------
/assets/js/users/list.js:
--------------------------------------------------------------------------------
1 | import Alpine from "alpinejs";
2 | import CTFd from "../index";
3 | 
4 | window.CTFd = CTFd;
5 | window.Alpine = Alpine;
6 | 
7 | Alpine.start();
8 | 


--------------------------------------------------------------------------------
/assets/js/users/private.js:
--------------------------------------------------------------------------------
 1 | import Alpine from "alpinejs";
 2 | import CTFd from "../index";
 3 | import { colorHash } from "@ctfdio/ctfd-js/ui";
 4 | import { getOption as getUserScoreOption } from "../utils/graphs/echarts/userscore";
 5 | import { embed } from "../utils/graphs/echarts";
 6 | 
 7 | window.Alpine = Alpine;
 8 | 
 9 | Alpine.data("UserGraphs", () => ({
10 |   solves: null,
11 |   fails: null,
12 |   awards: null,
13 |   solveCount: 0,
14 |   failCount: 0,
15 |   awardCount: 0,
16 | 
17 |   getSolvePercentage() {
18 |     return ((this.solveCount / (this.solveCount + this.failCount)) * 100).toFixed(2);
19 |   },
20 | 
21 |   getFailPercentage() {
22 |     return ((this.failCount / (this.solveCount + this.failCount)) * 100).toFixed(2);
23 |   },
24 | 
25 |   getCategoryBreakdown() {
26 |     const categories = [];
27 |     const breakdown = {};
28 | 
29 |     this.solves.data.map(solve => {
30 |       categories.push(solve.challenge.category);
31 |     });
32 | 
33 |     categories.forEach(category => {
34 |       if (category in breakdown) {
35 |         breakdown[category] += 1;
36 |       } else {
37 |         breakdown[category] = 1;
38 |       }
39 |     });
40 | 
41 |     const data = [];
42 |     for (const property in breakdown) {
43 |       const percent = Number((breakdown[property] / categories.length) * 100).toFixed(
44 |         2
45 |       );
46 | 
47 |       data.push({
48 |         name: property,
49 |         count: breakdown[property],
50 |         color: colorHash(property),
51 |         percent,
52 |       });
53 |     }
54 | 
55 |     return data;
56 |   },
57 | 
58 |   async init() {
59 |     this.solves = await CTFd.pages.users.userSolves("me");
60 |     this.fails = await CTFd.pages.users.userFails("me");
61 |     this.awards = await CTFd.pages.users.userAwards("me");
62 | 
63 |     this.solveCount = this.solves.meta.count;
64 |     this.failCount = this.fails.meta.count;
65 |     this.awardCount = this.awards.meta.count;
66 | 
67 |     embed(
68 |       this.$refs.scoregraph,
69 |       getUserScoreOption(
70 |         CTFd.user.id,
71 |         CTFd.user.name,
72 |         this.solves.data,
73 |         this.awards.data
74 |       )
75 |     );
76 |   },
77 | }));
78 | 
79 | Alpine.start();
80 | 


--------------------------------------------------------------------------------
/assets/js/users/public.js:
--------------------------------------------------------------------------------
 1 | import CTFd from "../index";
 2 | 
 3 | import Alpine from "alpinejs";
 4 | import { colorHash } from "@ctfdio/ctfd-js/ui";
 5 | import { getOption as getUserScoreOption } from "../utils/graphs/echarts/userscore";
 6 | import { embed } from "../utils/graphs/echarts";
 7 | 
 8 | window.Alpine = Alpine;
 9 | 
10 | Alpine.data("UserGraphs", () => ({
11 |   solves: null,
12 |   fails: null,
13 |   awards: null,
14 |   solveCount: 0,
15 |   failCount: 0,
16 |   awardCount: 0,
17 | 
18 |   getSolvePercentage() {
19 |     return ((this.solveCount / (this.solveCount + this.failCount)) * 100).toFixed(2);
20 |   },
21 | 
22 |   getFailPercentage() {
23 |     return ((this.failCount / (this.solveCount + this.failCount)) * 100).toFixed(2);
24 |   },
25 | 
26 |   getCategoryBreakdown() {
27 |     const categories = [];
28 |     const breakdown = {};
29 | 
30 |     this.solves.data.map(solve => {
31 |       categories.push(solve.challenge.category);
32 |     });
33 | 
34 |     categories.forEach(category => {
35 |       if (category in breakdown) {
36 |         breakdown[category] += 1;
37 |       } else {
38 |         breakdown[category] = 1;
39 |       }
40 |     });
41 | 
42 |     const data = [];
43 |     for (const property in breakdown) {
44 |       const percent = Number((breakdown[property] / categories.length) * 100).toFixed(
45 |         2
46 |       );
47 |       data.push({
48 |         name: property,
49 |         count: breakdown[property],
50 |         color: colorHash(property),
51 |         percent,
52 |       });
53 |     }
54 | 
55 |     return data;
56 |   },
57 | 
58 |   async init() {
59 |     this.solves = await CTFd.pages.users.userSolves(window.USER.id);
60 |     this.fails = await CTFd.pages.users.userFails(window.USER.id);
61 |     this.awards = await CTFd.pages.users.userAwards(window.USER.id);
62 | 
63 |     this.solveCount = this.solves.meta.count;
64 |     this.failCount = this.fails.meta.count;
65 |     this.awardCount = this.awards.meta.count;
66 | 
67 |     embed(
68 |       this.$refs.scoregraph,
69 |       getUserScoreOption(
70 |         window.USER.id,
71 |         window.USER.name,
72 |         this.solves.data,
73 |         this.awards.data
74 |       )
75 |     );
76 |   },
77 | }));
78 | 
79 | Alpine.start();
80 | 


--------------------------------------------------------------------------------
/assets/js/utils/alerts.js:
--------------------------------------------------------------------------------
1 | import { Alert } from "bootstrap";
2 | 
3 | export default () => {
4 |   const alertList = [].slice.call(document.querySelectorAll(".alert"));
5 |   alertList.map(function (element) {
6 |     return new Alert(element);
7 |   });
8 | };
9 | 


--------------------------------------------------------------------------------
/assets/js/utils/clipboard.js:
--------------------------------------------------------------------------------
 1 | import { Tooltip } from "bootstrap";
 2 | 
 3 | export function copyToClipboard($input) {
 4 |   const tooltip = new Tooltip($input, {
 5 |     title: "Copied!",
 6 |     trigger: "manual",
 7 |   });
 8 | 
 9 |   navigator.clipboard.writeText($input.value).then(() => {
10 |     tooltip.show();
11 |     setTimeout(() => {
12 |       tooltip.hide();
13 |     }, 1500);
14 |   });
15 | }
16 | 


--------------------------------------------------------------------------------
/assets/js/utils/collapse.js:
--------------------------------------------------------------------------------
1 | import { Collapse } from "bootstrap";
2 | 
3 | export default () => {
4 |   const collapseList = [].slice.call(document.querySelectorAll(".collapse"));
5 |   collapseList.map(element => {
6 |     return new Collapse(element, { toggle: false });
7 |   });
8 | };
9 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/echarts/categories.js:
--------------------------------------------------------------------------------
  1 | import { colorHash } from "@ctfdio/ctfd-js/ui";
  2 | 
  3 | export function getOption(solves) {
  4 |   let option = {
  5 |     title: {
  6 |       left: "center",
  7 |       text: "Category Breakdown",
  8 |     },
  9 |     tooltip: {
 10 |       trigger: "item",
 11 |     },
 12 |     toolbox: {
 13 |       show: true,
 14 |       feature: {
 15 |         saveAsImage: {},
 16 |       },
 17 |     },
 18 |     legend: {
 19 |       type: "scroll",
 20 |       orient: "vertical",
 21 |       top: "middle",
 22 |       right: 0,
 23 |       data: [],
 24 |     },
 25 |     series: [
 26 |       {
 27 |         name: "Category Breakdown",
 28 |         type: "pie",
 29 |         radius: ["30%", "50%"],
 30 |         avoidLabelOverlap: false,
 31 |         label: {
 32 |           show: false,
 33 |           position: "center",
 34 |         },
 35 |         itemStyle: {
 36 |           normal: {
 37 |             label: {
 38 |               show: true,
 39 |               formatter: function (data) {
 40 |                 return `${data.percent}% (${data.value})`;
 41 |               },
 42 |             },
 43 |             labelLine: {
 44 |               show: true,
 45 |             },
 46 |           },
 47 |           emphasis: {
 48 |             label: {
 49 |               show: true,
 50 |               position: "center",
 51 |               textStyle: {
 52 |                 fontSize: "14",
 53 |                 fontWeight: "normal",
 54 |               },
 55 |             },
 56 |           },
 57 |         },
 58 |         emphasis: {
 59 |           label: {
 60 |             show: true,
 61 |             fontSize: "30",
 62 |             fontWeight: "bold",
 63 |           },
 64 |         },
 65 |         labelLine: {
 66 |           show: false,
 67 |         },
 68 |         data: [],
 69 |       },
 70 |     ],
 71 |   };
 72 |   const categories = [];
 73 | 
 74 |   for (let i = 0; i < solves.length; i++) {
 75 |     categories.push(solves[i].challenge.category);
 76 |   }
 77 | 
 78 |   const keys = categories.filter((elem, pos) => {
 79 |     return categories.indexOf(elem) == pos;
 80 |   });
 81 | 
 82 |   const counts = [];
 83 |   for (let i = 0; i < keys.length; i++) {
 84 |     let count = 0;
 85 |     for (let x = 0; x < categories.length; x++) {
 86 |       if (categories[x] == keys[i]) {
 87 |         count++;
 88 |       }
 89 |     }
 90 |     counts.push(count);
 91 |   }
 92 | 
 93 |   keys.forEach((category, index) => {
 94 |     option.legend.data.push(category);
 95 |     option.series[0].data.push({
 96 |       value: counts[index],
 97 |       name: category,
 98 |       itemStyle: { color: colorHash(category) },
 99 |     });
100 |   });
101 | 
102 |   return option;
103 | }
104 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/echarts/index.js:
--------------------------------------------------------------------------------
 1 | import * as echarts from "echarts/core";
 2 | import { LineChart } from "echarts/charts";
 3 | import {
 4 |   TitleComponent,
 5 |   TooltipComponent,
 6 |   GridComponent,
 7 |   DatasetComponent,
 8 |   TransformComponent,
 9 |   LegendComponent,
10 |   ToolboxComponent,
11 |   DataZoomComponent,
12 | } from "echarts/components";
13 | // Features like Universal Transition and Label Layout
14 | import { LabelLayout, UniversalTransition } from "echarts/features";
15 | // Import the Canvas renderer
16 | // Note that introducing the CanvasRenderer or SVGRenderer is a required step
17 | import { CanvasRenderer } from "echarts/renderers";
18 | 
19 | // Register the required components
20 | echarts.use([
21 |   LineChart,
22 |   TitleComponent,
23 |   TooltipComponent,
24 |   GridComponent,
25 |   DatasetComponent,
26 |   TransformComponent,
27 |   LegendComponent,
28 |   ToolboxComponent,
29 |   DataZoomComponent,
30 |   LabelLayout,
31 |   UniversalTransition,
32 |   CanvasRenderer,
33 | ]);
34 | 
35 | export function embed(target, option) {
36 |   let chart = echarts.init(target);
37 |   chart.setOption(option);
38 | 
39 |   window.addEventListener("resize", () => {
40 |     if (chart) {
41 |       chart.resize();
42 |     }
43 |   });
44 | }
45 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/echarts/scoreboard.js:
--------------------------------------------------------------------------------
  1 | import { colorHash } from "@ctfdio/ctfd-js/ui";
  2 | import dayjs from "dayjs";
  3 | 
  4 | export function cumulativeSum(arr) {
  5 |   let result = arr.concat();
  6 |   for (let i = 0; i < arr.length; i++) {
  7 |     result[i] = arr.slice(0, i + 1).reduce(function (p, i) {
  8 |       return p + i;
  9 |     });
 10 |   }
 11 |   return result;
 12 | }
 13 | 
 14 | export function getOption(mode, places) {
 15 |   let option = {
 16 |     title: {
 17 |       left: "center",
 18 |       text: "Top 10 " + (mode === "teams" ? "Teams" : "Users"),
 19 |     },
 20 |     tooltip: {
 21 |       trigger: "axis",
 22 |       axisPointer: {
 23 |         type: "cross",
 24 |       },
 25 |     },
 26 |     legend: {
 27 |       type: "scroll",
 28 |       orient: "horizontal",
 29 |       align: "left",
 30 |       bottom: 35,
 31 |       data: [],
 32 |     },
 33 |     toolbox: {
 34 |       feature: {
 35 |         dataZoom: {
 36 |           yAxisIndex: "none",
 37 |         },
 38 |         saveAsImage: {},
 39 |       },
 40 |     },
 41 |     grid: {
 42 |       containLabel: true,
 43 |     },
 44 |     xAxis: [
 45 |       {
 46 |         type: "time",
 47 |         boundaryGap: false,
 48 |         data: [],
 49 |       },
 50 |     ],
 51 |     yAxis: [
 52 |       {
 53 |         type: "value",
 54 |       },
 55 |     ],
 56 |     dataZoom: [
 57 |       {
 58 |         id: "dataZoomX",
 59 |         type: "slider",
 60 |         xAxisIndex: [0],
 61 |         filterMode: "filter",
 62 |         height: 20,
 63 |         top: 35,
 64 |         fillerColor: "rgba(233, 236, 241, 0.4)",
 65 |       },
 66 |     ],
 67 |     series: [],
 68 |   };
 69 | 
 70 |   const teams = Object.keys(places);
 71 |   for (let i = 0; i < teams.length; i++) {
 72 |     const team_score = [];
 73 |     const times = [];
 74 |     for (let j = 0; j < places[teams[i]]["solves"].length; j++) {
 75 |       team_score.push(places[teams[i]]["solves"][j].value);
 76 |       const date = dayjs(places[teams[i]]["solves"][j].date);
 77 |       times.push(date.toDate());
 78 |     }
 79 | 
 80 |     const total_scores = cumulativeSum(team_score);
 81 |     let scores = times.map(function (e, i) {
 82 |       return [e, total_scores[i]];
 83 |     });
 84 | 
 85 |     option.legend.data.push(places[teams[i]]["name"]);
 86 | 
 87 |     const data = {
 88 |       name: places[teams[i]]["name"],
 89 |       type: "line",
 90 |       label: {
 91 |         normal: {
 92 |           position: "top",
 93 |         },
 94 |       },
 95 |       itemStyle: {
 96 |         normal: {
 97 |           color: colorHash(places[teams[i]]["name"] + places[teams[i]]["id"]),
 98 |         },
 99 |       },
100 |       data: scores,
101 |     };
102 |     option.series.push(data);
103 |   }
104 | 
105 |   return option;
106 | }
107 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/echarts/solve-percentage.js:
--------------------------------------------------------------------------------
 1 | export function getOption(solves, fails) {
 2 |   let option = {
 3 |     title: {
 4 |       left: "center",
 5 |       text: "Solve Percentages",
 6 |     },
 7 |     tooltip: {
 8 |       trigger: "item",
 9 |     },
10 |     toolbox: {
11 |       show: true,
12 |       feature: {
13 |         saveAsImage: {},
14 |       },
15 |     },
16 |     legend: {
17 |       orient: "vertical",
18 |       top: "middle",
19 |       right: 0,
20 |       data: ["Fails", "Solves"],
21 |     },
22 |     series: [
23 |       {
24 |         name: "Solve Percentages",
25 |         type: "pie",
26 |         radius: ["30%", "50%"],
27 |         avoidLabelOverlap: false,
28 |         label: {
29 |           show: false,
30 |           position: "center",
31 |         },
32 |         itemStyle: {
33 |           normal: {
34 |             label: {
35 |               show: true,
36 |               formatter: function (data) {
37 |                 return `${data.name} - ${data.value} (${data.percent}%)`;
38 |               },
39 |             },
40 |             labelLine: {
41 |               show: true,
42 |             },
43 |           },
44 |           emphasis: {
45 |             label: {
46 |               show: true,
47 |               position: "center",
48 |               textStyle: {
49 |                 fontSize: "14",
50 |                 fontWeight: "normal",
51 |               },
52 |             },
53 |           },
54 |         },
55 |         emphasis: {
56 |           label: {
57 |             show: true,
58 |             fontSize: "30",
59 |             fontWeight: "bold",
60 |           },
61 |         },
62 |         labelLine: {
63 |           show: false,
64 |         },
65 |         data: [
66 |           {
67 |             value: fails,
68 |             name: "Fails",
69 |             itemStyle: { color: "rgb(207, 38, 0)" },
70 |           },
71 |           {
72 |             value: solves,
73 |             name: "Solves",
74 |             itemStyle: { color: "rgb(0, 209, 64)" },
75 |           },
76 |         ],
77 |       },
78 |     ],
79 |   };
80 |   return option;
81 | }
82 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/echarts/userscore.js:
--------------------------------------------------------------------------------
  1 | import { colorHash } from "@ctfdio/ctfd-js/ui";
  2 | import { cumulativeSum } from "./scoreboard";
  3 | import dayjs from "dayjs";
  4 | 
  5 | export function getOption(id, name, solves, awards) {
  6 |   let option = {
  7 |     title: {
  8 |       left: "center",
  9 |       text: "Score over Time",
 10 |     },
 11 |     tooltip: {
 12 |       trigger: "axis",
 13 |       axisPointer: {
 14 |         type: "cross",
 15 |       },
 16 |     },
 17 |     legend: {
 18 |       type: "scroll",
 19 |       orient: "horizontal",
 20 |       align: "left",
 21 |       bottom: 0,
 22 |       data: [name],
 23 |     },
 24 |     toolbox: {
 25 |       feature: {
 26 |         saveAsImage: {},
 27 |       },
 28 |     },
 29 |     grid: {
 30 |       containLabel: true,
 31 |     },
 32 |     xAxis: [
 33 |       {
 34 |         type: "category",
 35 |         boundaryGap: false,
 36 |         data: [],
 37 |       },
 38 |     ],
 39 |     yAxis: [
 40 |       {
 41 |         type: "value",
 42 |       },
 43 |     ],
 44 |     dataZoom: [
 45 |       {
 46 |         id: "dataZoomX",
 47 |         type: "slider",
 48 |         xAxisIndex: [0],
 49 |         filterMode: "filter",
 50 |         height: 20,
 51 |         top: 35,
 52 |         fillerColor: "rgba(233, 236, 241, 0.4)",
 53 |       },
 54 |     ],
 55 |     series: [],
 56 |   };
 57 | 
 58 |   const times = [];
 59 |   const scores = [];
 60 |   const total = solves.concat(awards);
 61 | 
 62 |   total.sort((a, b) => {
 63 |     return new Date(a.date) - new Date(b.date);
 64 |   });
 65 | 
 66 |   for (let i = 0; i < total.length; i++) {
 67 |     const date = dayjs(total[i].date);
 68 |     times.push(date.toDate());
 69 |     try {
 70 |       scores.push(total[i].challenge.value);
 71 |     } catch (e) {
 72 |       scores.push(total[i].value);
 73 |     }
 74 |   }
 75 | 
 76 |   times.forEach(time => {
 77 |     option.xAxis[0].data.push(time);
 78 |   });
 79 | 
 80 |   option.series.push({
 81 |     name: name,
 82 |     type: "line",
 83 |     label: {
 84 |       normal: {
 85 |         show: true,
 86 |         position: "top",
 87 |       },
 88 |     },
 89 |     areaStyle: {
 90 |       normal: {
 91 |         color: colorHash(name + id),
 92 |       },
 93 |     },
 94 |     itemStyle: {
 95 |       normal: {
 96 |         color: colorHash(name + id),
 97 |       },
 98 |     },
 99 |     data: cumulativeSum(scores),
100 |   });
101 |   return option;
102 | }
103 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/vega/categories.js:
--------------------------------------------------------------------------------
  1 | export function getSpec(description, values) {
  2 |   return {
  3 |     $schema: "https://vega.github.io/schema/vega-lite/v5.json",
  4 |     description: description,
  5 |     data: {
  6 |       values: values,
  7 |     },
  8 |     width: "container",
  9 | 
 10 |     layer: [
 11 |       {
 12 |         params: [
 13 |           {
 14 |             name: "category",
 15 |             select: {
 16 |               type: "point",
 17 |               fields: ["category"],
 18 |             },
 19 |             bind: "legend",
 20 |           },
 21 |         ],
 22 |         mark: {
 23 |           type: "arc",
 24 |           innerRadius: 50,
 25 |           outerRadius: 95,
 26 |           stroke: "#fff",
 27 |         },
 28 |         encoding: {
 29 |           opacity: {
 30 |             condition: {
 31 |               param: "category",
 32 |               value: 1,
 33 |             },
 34 |             value: 0.2,
 35 |           },
 36 |         },
 37 |       },
 38 |       {
 39 |         mark: {
 40 |           type: "text",
 41 |           radius: 105,
 42 |         },
 43 |         encoding: {
 44 |           text: {
 45 |             field: "value",
 46 |             type: "quantitative",
 47 |           },
 48 |         },
 49 |       },
 50 |     ],
 51 |     encoding: {
 52 |       theta: {
 53 |         field: "value",
 54 |         type: "quantitative",
 55 |         stack: true,
 56 |       },
 57 |       color: {
 58 |         field: "category",
 59 |         type: "nominal",
 60 |         // scale: {
 61 |         //   domain: ["Solves", "Fails"],
 62 |         //   range: ["#00d13f", "#cf2600"],
 63 |         // },
 64 |         legend: {
 65 |           orient: "bottom",
 66 |         },
 67 |       },
 68 |     },
 69 |   };
 70 | }
 71 | 
 72 | export function getValues(solves) {
 73 |   const solvesData = solves.data;
 74 |   const categories = [];
 75 | 
 76 |   for (let i = 0; i < solvesData.length; i++) {
 77 |     categories.push(solvesData[i].challenge.category);
 78 |   }
 79 | 
 80 |   const keys = categories.filter((elem, pos) => {
 81 |     return categories.indexOf(elem) == pos;
 82 |   });
 83 | 
 84 |   const counts = [];
 85 |   for (let i = 0; i < keys.length; i++) {
 86 |     let count = 0;
 87 |     for (let x = 0; x < categories.length; x++) {
 88 |       if (categories[x] == keys[i]) {
 89 |         count++;
 90 |       }
 91 |     }
 92 |     counts.push(count);
 93 |   }
 94 | 
 95 |   let values = [];
 96 | 
 97 |   keys.forEach((category, index) => {
 98 |     values.push({
 99 |       category: category,
100 |       value: counts[index],
101 |     });
102 |   });
103 | 
104 |   return values;
105 | }
106 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/vega/scoreboard.js:
--------------------------------------------------------------------------------
 1 | import { cumulativeSum } from "../math";
 2 | 
 3 | export function getSpec(description, values) {
 4 |   let spec = {
 5 |     $schema: "https://vega.github.io/schema/vega-lite/v5.json",
 6 |     description: description,
 7 |     data: { values: values },
 8 |     mark: "line",
 9 |     width: "container",
10 |     encoding: {
11 |       x: { field: "date", type: "temporal" },
12 |       y: { field: "score", type: "quantitative" },
13 |       color: {
14 |         field: "name",
15 |         type: "nominal",
16 |         legend: {
17 |           orient: "bottom",
18 |         },
19 |       },
20 |     },
21 |   };
22 |   return spec;
23 | }
24 | 
25 | export function getValues(scoreboardDetail) {
26 |   const teams = Object.keys(scoreboardDetail);
27 |   let values = [];
28 | 
29 |   for (let i = 0; i < teams.length; i++) {
30 |     const team = scoreboardDetail[teams[i]];
31 |     const team_score = [];
32 |     const times = [];
33 |     for (let j = 0; j < team["solves"].length; j++) {
34 |       team_score.push(team["solves"][j].value);
35 |       times.push(team["solves"][j].date);
36 |       // const date = dayjs(team["solves"][j].date);
37 |       // times.push(date.toDate());
38 |     }
39 | 
40 |     const total_scores = cumulativeSum(team_score);
41 |     const team_name = team["name"];
42 |     let scores = times.map(function (e, i) {
43 |       return {
44 |         name: team_name,
45 |         score: total_scores[i],
46 |         date: e,
47 |       };
48 |     });
49 |     values = values.concat(scores);
50 |   }
51 | 
52 |   return values;
53 | }
54 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/vega/solve-percentage.js:
--------------------------------------------------------------------------------
 1 | export function getSpec(description, values) {
 2 |   return {
 3 |     $schema: "https://vega.github.io/schema/vega-lite/v5.json",
 4 |     description: description,
 5 |     data: {
 6 |       values: values,
 7 |     },
 8 |     width: "container",
 9 | 
10 |     layer: [
11 |       {
12 |         params: [
13 |           {
14 |             name: "category",
15 |             select: {
16 |               type: "point",
17 |               fields: ["category"],
18 |             },
19 |             bind: "legend",
20 |           },
21 |         ],
22 |         mark: {
23 |           type: "arc",
24 |           innerRadius: 50,
25 |           outerRadius: 95,
26 |           stroke: "#fff",
27 |         },
28 |         encoding: {
29 |           opacity: {
30 |             condition: {
31 |               param: "category",
32 |               value: 1,
33 |             },
34 |             value: 0.2,
35 |           },
36 |         },
37 |       },
38 |       {
39 |         mark: {
40 |           type: "text",
41 |           radius: 105,
42 |         },
43 |         encoding: {
44 |           text: {
45 |             field: "value",
46 |             type: "quantitative",
47 |           },
48 |         },
49 |       },
50 |     ],
51 |     encoding: {
52 |       theta: {
53 |         field: "value",
54 |         type: "quantitative",
55 |         stack: true,
56 |       },
57 |       color: {
58 |         field: "category",
59 |         type: "nominal",
60 |         scale: {
61 |           domain: ["Solves", "Fails"],
62 |           range: ["#00d13f", "#cf2600"],
63 |         },
64 |         legend: {
65 |           orient: "bottom",
66 |         },
67 |       },
68 |     },
69 |   };
70 | }
71 | 
72 | export function getValues(solves, fails) {
73 |   return [
74 |     {
75 |       category: "Solves",
76 |       value: solves.meta.count,
77 |     },
78 |     {
79 |       category: "Fails",
80 |       value: fails.meta.count,
81 |     },
82 |   ];
83 | }
84 | 


--------------------------------------------------------------------------------
/assets/js/utils/graphs/vega/userscore.js:
--------------------------------------------------------------------------------
 1 | import { cumulativeSum } from "../math";
 2 | 
 3 | export function getSpec(description, values) {
 4 |   return {
 5 |     $schema: "https://vega.github.io/schema/vega-lite/v5.json",
 6 |     description: description,
 7 |     data: {
 8 |       values: values,
 9 |     },
10 |     width: "container",
11 |     mark: {
12 |       type: "area",
13 |       line: true,
14 |       point: true,
15 |       // interpolate: "step-after",
16 |       tooltip: { content: "data", nearest: true },
17 |     },
18 |     encoding: {
19 |       x: { field: "time", type: "temporal" },
20 |       y: { field: "score", type: "quantitative" },
21 |     },
22 |   };
23 | }
24 | 
25 | export function getValues(solves, awards) {
26 |   const times = [];
27 |   let scores = [];
28 |   const solvesData2 = solves.data;
29 |   const awardsData = awards.data;
30 |   const total = solvesData2.concat(awardsData);
31 | 
32 |   total.sort((a, b) => {
33 |     return new Date(a.date) - new Date(b.date);
34 |   });
35 | 
36 |   for (let i = 0; i < total.length; i++) {
37 |     // const date = dayjs(total[i].date);
38 |     // times.push(date.toDate());
39 |     const date = total[i].date;
40 |     times.push(date);
41 |     try {
42 |       scores.push(total[i].challenge.value);
43 |     } catch (e) {
44 |       scores.push(total[i].value);
45 |     }
46 |   }
47 | 
48 |   scores = cumulativeSum(scores);
49 | 
50 |   let values = [];
51 |   times.forEach((time, index) => {
52 |     // option.xAxis[0].data.push(time);
53 |     values.push({
54 |       time: time,
55 |       score: scores[index],
56 |     });
57 |   });
58 | 
59 |   return values;
60 | }
61 | 


--------------------------------------------------------------------------------
/assets/js/utils/math.js:
--------------------------------------------------------------------------------
 1 | export function cumulativeSum(arr) {
 2 |   let result = arr.concat();
 3 |   for (let i = 0; i < arr.length; i++) {
 4 |     result[i] = arr.slice(0, i + 1).reduce(function (p, i) {
 5 |       return p + i;
 6 |     });
 7 |   }
 8 |   return result;
 9 | }
10 | 


--------------------------------------------------------------------------------
/assets/js/utils/notifications/alerts.js:
--------------------------------------------------------------------------------
 1 | import Alpine from "alpinejs";
 2 | import { Modal } from "bootstrap";
 3 | 
 4 | import CTFd from "../../index";
 5 | 
 6 | export default () => {
 7 |   Alpine.store("modal", { title: "", html: "" });
 8 | 
 9 |   CTFd._functions.events.eventAlert = data => {
10 |     Alpine.store("modal", data);
11 |     let modal = new Modal(document.querySelector("[x-ref='modal']"));
12 |     // TODO: Get rid of this private attribute access
13 |     // See https://github.com/twbs/bootstrap/issues/31266
14 |     modal._element.addEventListener(
15 |       "hidden.bs.modal",
16 |       event => {
17 |         CTFd._functions.events.eventRead(data.id);
18 |       },
19 |       { once: true }
20 |     );
21 |     modal.show();
22 |   };
23 | };
24 | 


--------------------------------------------------------------------------------
/assets/js/utils/notifications/read.js:
--------------------------------------------------------------------------------
 1 | import Alpine from "alpinejs";
 2 | import CTFd from "../../index";
 3 | 
 4 | export default () => {
 5 |   CTFd._functions.events.eventCount = count => {
 6 |     Alpine.store("unread_count", count);
 7 |   };
 8 | 
 9 |   CTFd._functions.events.eventRead = eventId => {
10 |     CTFd.events.counter.read.add(eventId);
11 |     let count = CTFd.events.counter.unread.getAll().length;
12 |     CTFd.events.controller.broadcast("counter", { count: count });
13 |     Alpine.store("unread_count", count);
14 |   };
15 | 
16 |   document.addEventListener("alpine:init", () => {
17 |     CTFd._functions.events.eventCount(CTFd.events.counter.unread.getAll().length);
18 |   });
19 | };
20 | 


--------------------------------------------------------------------------------
/assets/js/utils/notifications/toasts.js:
--------------------------------------------------------------------------------
 1 | import Alpine from "alpinejs";
 2 | import { Toast } from "bootstrap";
 3 | import CTFd from "../../index";
 4 | 
 5 | export default () => {
 6 |   Alpine.store("toast", { title: "", html: "" });
 7 | 
 8 |   CTFd._functions.events.eventToast = data => {
 9 |     Alpine.store("toast", data);
10 |     let toast = new Toast(document.querySelector("[x-ref='toast']"));
11 |     // TODO: Get rid of this private attribute access
12 |     // See https://github.com/twbs/bootstrap/issues/31266
13 |     let close = toast._element.querySelector("[data-bs-dismiss='toast']");
14 |     let handler = event => {
15 |       CTFd._functions.events.eventRead(data.id);
16 |     };
17 |     close.addEventListener("click", handler, { once: true });
18 |     toast._element.addEventListener(
19 |       "hidden.bs.toast",
20 |       event => {
21 |         close.removeEventListener("click", handler);
22 |       },
23 |       { once: true }
24 |     );
25 | 
26 |     toast.show();
27 |   };
28 | };
29 | 


--------------------------------------------------------------------------------
/assets/js/utils/tooltips.js:
--------------------------------------------------------------------------------
 1 | import { Tooltip } from "bootstrap";
 2 | 
 3 | export default () => {
 4 |   const tooltipList = [].slice.call(
 5 |     document.querySelectorAll('[data-bs-toggle="tooltip"]')
 6 |   );
 7 |   tooltipList.map(element => {
 8 |     return new Tooltip(element);
 9 |   });
10 | };
11 | 


--------------------------------------------------------------------------------
/assets/scss/includes/components/_challenge.scss:
--------------------------------------------------------------------------------
 1 | /* Challenge styles
 2 | -------------------------------------------------- */
 3 | 
 4 | .challenge-desc {
 5 |   overflow-wrap: anywhere;
 6 | 
 7 |   img {
 8 |     max-width: 100%;
 9 |   }
10 | }
11 | 
12 | .challenge-button {
13 |   box-shadow: 3px 3px 3px var(--bs-secondary);
14 | }
15 | 
16 | .challenge-solved {
17 |   background-color: #37d63e !important;
18 |   opacity: 0.6;
19 |   border: none;
20 | }
21 | 


--------------------------------------------------------------------------------
/assets/scss/includes/components/_graphs.scss:
--------------------------------------------------------------------------------
 1 | /* Graph styles
 2 | -------------------------------------------------- */
 3 | 
 4 | #score-graph {
 5 |   min-height: 400px;
 6 |   display: block;
 7 |   clear: both;
 8 | }
 9 | 
10 | #solves-graph {
11 |   display: block;
12 |   height: 350px;
13 | }
14 | 
15 | #keys-pie-graph {
16 |   min-height: 400px;
17 |   display: block;
18 | }
19 | 
20 | #categories-pie-graph {
21 |   min-height: 400px;
22 |   display: block;
23 | }
24 | 


--------------------------------------------------------------------------------
/assets/scss/includes/components/_jumbotron.scss:
--------------------------------------------------------------------------------
 1 | /* Jumbotron styles
 2 | -------------------------------------------------- */
 3 | 
 4 | // Move down content because we have a fixed navbar that is 3.5rem tall
 5 | main {
 6 |   padding-top: 3.5rem;
 7 | }
 8 | 
 9 | .jumbotron {
10 |   padding: 2rem 1rem;
11 |   margin-bottom: 2rem;
12 |   text-align: center;
13 | 
14 |   background-color: var(--bs-dark);
15 |   color: var(--bs-white);
16 | }
17 | 
18 | @media (min-width: 576px) {
19 |   .jumbotron {
20 |     padding: 4rem 2rem;
21 |   }
22 | }
23 | 
24 | // @media (min-width: 768px) {
25 | //   .jumbotron {
26 | //     // I kind of like this, but it could be discussed
27 | //     clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
28 | //   }
29 | // }
30 | 


--------------------------------------------------------------------------------
/assets/scss/includes/components/_sticky-footer.scss:
--------------------------------------------------------------------------------
 1 | /* Sticky footer styles
 2 | -------------------------------------------------- */
 3 | html {
 4 |   position: relative;
 5 |   min-height: 100%;
 6 | }
 7 | 
 8 | main {
 9 |   /* Margin bottom by footer height */
10 |   margin-bottom: 100px;
11 | }
12 | 
13 | .footer {
14 |   position: absolute;
15 | 
16 |   /* prevent scrollbars from showing on pages that don't use the full page height */
17 |   bottom: 1px;
18 | 
19 |   width: 100%;
20 | 
21 |   /* Set the fixed height of the footer here */
22 |   height: 60px;
23 | 
24 |   /* Vertically center the text there */
25 |   line-height: 60px;
26 | 
27 |   /* Avoid covering things */
28 |   z-index: -20;
29 | 
30 |   /*background-color: #f5f5f5;*/
31 | }
32 | 


--------------------------------------------------------------------------------
/assets/scss/includes/components/_table.scss:
--------------------------------------------------------------------------------
 1 | /* Table styles
 2 | -------------------------------------------------- */
 3 | 
 4 | // Center text in tables, after the first cell
 5 | // Override with text-center on cells
 6 | .table tr > td:not(:first-of-type) {
 7 |   text-align: center !important;
 8 | }
 9 | 
10 | // Vertically center text in cells
11 | .table td,
12 | th {
13 |   vertical-align: middle !important;
14 | }
15 | 
16 | // Add some default spacing
17 | .table > tbody > tr > td {
18 |   padding: 0.8rem 1rem !important;
19 | }
20 | 
21 | // Remove border line from thead of all tables
22 | .table > tbody {
23 |   border-top: none !important;
24 | }
25 | 
26 | // Add some padding from the edge of table
27 | .table > thead > tr > td:first-of-type {
28 |   padding-left: 1rem !important;
29 | }
30 | 
31 | .table > thead > th {
32 |   white-space: nowrap;
33 | }
34 | 


--------------------------------------------------------------------------------
/assets/scss/includes/icons/_award-icons.scss:
--------------------------------------------------------------------------------
 1 | .award-icon {
 2 |   font-family: "Font Awesome 6 Free";
 3 |   font-weight: 900;
 4 |   -moz-osx-font-smoothing: grayscale;
 5 |   -webkit-font-smoothing: antialiased;
 6 |   display: inline-block;
 7 |   font-style: normal;
 8 |   font-variant: normal;
 9 |   text-rendering: auto;
10 |   line-height: 1;
11 | }
12 | 
13 | .award-shield:before {
14 |   content: "\f3ed";
15 | }
16 | .award-bug:before {
17 |   content: "\f188";
18 | }
19 | .award-crown:before {
20 |   content: "\f521";
21 | }
22 | .award-crosshairs:before {
23 |   content: "\f05b";
24 | }
25 | .award-ban:before {
26 |   content: "\f05e";
27 | }
28 | .award-brain:before {
29 |   content: "\f5dc";
30 | }
31 | .award-lightning:before {
32 |   content: "\f0e7";
33 | }
34 | .award-code:before {
35 |   content: "\f121";
36 | }
37 | .award-cowboy:before {
38 |   content: "\f8c0";
39 | }
40 | .award-angry:before {
41 |   content: "\f556";
42 | }
43 | 


--------------------------------------------------------------------------------
/assets/scss/includes/icons/_flag-icons.scss:
--------------------------------------------------------------------------------
  1 | $flags: (
  2 |   ad: "🇦🇩",
  3 |   // Andorra
  4 |   ae: "🇦🇪",
  5 |   // United Arab Emirates
  6 |   af: "🇦🇫",
  7 |   // Afghanistan
  8 |   ag: "🇦🇬",
  9 |   // Antigua and Barbuda
 10 |   ai: "🇦🇮",
 11 |   // Anguilla
 12 |   al: "🇦🇱",
 13 |   // Albania
 14 |   am: "🇦🇲",
 15 |   // Armenia
 16 |   ao: "🇦🇴",
 17 |   // Angola
 18 |   aq: "🇦🇶",
 19 |   // Antarctica
 20 |   ar: "🇦🇷",
 21 |   // Argentina
 22 |   as: "🇦🇸",
 23 |   // American Samoa
 24 |   at: "🇦🇹",
 25 |   // Austria
 26 |   au: "🇦🇺",
 27 |   // Australia
 28 |   aw: "🇦🇼",
 29 |   // Aruba
 30 |   ax: "🇦🇽",
 31 |   // Åland Islands
 32 |   az: "🇦🇿",
 33 |   // Azerbaijan
 34 |   ba: "🇧🇦",
 35 |   // Bosnia and Herzegovina
 36 |   bb: "🇧🇧",
 37 |   // Barbados
 38 |   bd: "🇧🇩",
 39 |   // Bangladesh
 40 |   be: "🇧🇪",
 41 |   // Belgium
 42 |   bf: "🇧🇫",
 43 |   // Burkina Faso
 44 |   bg: "🇧🇬",
 45 |   // Bulgaria
 46 |   bh: "🇧🇭",
 47 |   // Bahrain
 48 |   bi: "🇧🇮",
 49 |   // Burundi
 50 |   bj: "🇧🇯",
 51 |   // Benin
 52 |   bl: "🇧🇱",
 53 |   // Saint Barthélemy
 54 |   bm: "🇧🇲",
 55 |   // Bermuda
 56 |   bn: "🇧🇳",
 57 |   // Brunei Darussalam
 58 |   bo: "🇧🇴",
 59 |   // Bolivia
 60 |   bq: "🇧🇶",
 61 |   // Bonaire, Sint Eustatius and Saba
 62 |   br: "🇧🇷",
 63 |   // Brazil
 64 |   bs: "🇧🇸",
 65 |   // Bahamas
 66 |   bt: "🇧🇹",
 67 |   // Bhutan
 68 |   bv: "🇧🇻",
 69 |   // Bouvet Island
 70 |   bw: "🇧🇼",
 71 |   // Botswana
 72 |   by: "🇧🇾",
 73 |   // Belarus
 74 |   bz: "🇧🇿",
 75 |   // Belize
 76 |   ca: "🇨🇦",
 77 |   // Canada
 78 |   cc: "🇨🇨",
 79 |   // Cocos (Keeling) Islands
 80 |   cd: "🇨🇩",
 81 |   // Congo
 82 |   cf: "🇨🇫",
 83 |   // Central African Republic
 84 |   cg: "🇨🇬",
 85 |   // Congo
 86 |   ch: "🇨🇭",
 87 |   // Switzerland
 88 |   ci: "🇨🇮",
 89 |   // Côte D'Ivoire
 90 |   ck: "🇨🇰",
 91 |   // Cook Islands
 92 |   cl: "🇨🇱",
 93 |   // Chile
 94 |   cm: "🇨🇲",
 95 |   // Cameroon
 96 |   cn: "🇨🇳",
 97 |   // China
 98 |   co: "🇨🇴",
 99 |   // Colombia
100 |   cr: "🇨🇷",
101 |   // Costa Rica
102 |   cu: "🇨🇺",
103 |   // Cuba
104 |   cv: "🇨🇻",
105 |   // Cape Verde
106 |   cw: "🇨🇼",
107 |   // Curaçao
108 |   cx: "🇨🇽",
109 |   // Christmas Island
110 |   cy: "🇨🇾",
111 |   // Cyprus
112 |   cz: "🇨🇿",
113 |   // Czech Republic
114 |   de: "🇩🇪",
115 |   // Germany
116 |   dj: "🇩🇯",
117 |   // Djibouti
118 |   dk: "🇩🇰",
119 |   // Denmark
120 |   dm: "🇩🇲",
121 |   // Dominica
122 |   do: "🇩🇴",
123 |   // Dominican Republic
124 |   dz: "🇩🇿",
125 |   // Algeria
126 |   ec: "🇪🇨",
127 |   // Ecuador
128 |   ee: "🇪🇪",
129 |   // Estonia
130 |   eg: "🇪🇬",
131 |   // Egypt
132 |   eh: "🇪🇭",
133 |   // Western Sahara
134 |   er: "🇪🇷",
135 |   // Eritrea
136 |   es: "🇪🇸",
137 |   // Spain
138 |   et: "🇪🇹",
139 |   // Ethiopia
140 |   fi: "🇫🇮",
141 |   // Finland
142 |   fj: "🇫🇯",
143 |   // Fiji
144 |   fk: "🇫🇰",
145 |   // Falkland Islands (Malvinas)
146 |   fm: "🇫🇲",
147 |   // Micronesia
148 |   fo: "🇫🇴",
149 |   // Faroe Islands
150 |   fr: "🇫🇷",
151 |   // France
152 |   ga: "🇬🇦",
153 |   // Gabon
154 |   gb: "🇬🇧",
155 |   // United Kingdom
156 |   gd: "🇬🇩",
157 |   // Grenada
158 |   ge: "🇬🇪",
159 |   // Georgia
160 |   gf: "🇬🇫",
161 |   // French Guiana
162 |   gg: "🇬🇬",
163 |   // Guernsey
164 |   gh: "🇬🇭",
165 |   // Ghana
166 |   gi: "🇬🇮",
167 |   // Gibraltar
168 |   gl: "🇬🇱",
169 |   // Greenland
170 |   gm: "🇬🇲",
171 |   // Gambia
172 |   gn: "🇬🇳",
173 |   // Guinea
174 |   gp: "🇬🇵",
175 |   // Guadeloupe
176 |   gq: "🇬🇶",
177 |   // Equatorial Guinea
178 |   gr: "🇬🇷",
179 |   // Greece
180 |   gs: "🇬🇸",
181 |   // South Georgia
182 |   gt: "🇬🇹",
183 |   // Guatemala
184 |   gu: "🇬🇺",
185 |   // Guam
186 |   gw: "🇬🇼",
187 |   // Guinea-Bissau
188 |   gy: "🇬🇾",
189 |   // Guyana
190 |   hk: "🇭🇰",
191 |   // Hong Kong
192 |   hm: "🇭🇲",
193 |   // Heard Island and Mcdonald Islands
194 |   hn: "🇭🇳",
195 |   // Honduras
196 |   hr: "🇭🇷",
197 |   // Croatia
198 |   ht: "🇭🇹",
199 |   // Haiti
200 |   hu: "🇭🇺",
201 |   // Hungary
202 |   id: "🇮🇩",
203 |   // Indonesia
204 |   ie: "🇮🇪",
205 |   // Ireland
206 |   il: "🇮🇱",
207 |   // Israel
208 |   im: "🇮🇲",
209 |   // Isle of Man
210 |   in: "🇮🇳",
211 |   // India
212 |   io: "🇮🇴",
213 |   // British Indian Ocean Territory
214 |   iq: "🇮🇶",
215 |   // Iraq
216 |   ir: "🇮🇷",
217 |   // Iran
218 |   is: "🇮🇸",
219 |   // Iceland
220 |   it: "🇮🇹",
221 |   // Italy
222 |   je: "🇯🇪",
223 |   // Jersey
224 |   jm: "🇯🇲",
225 |   // Jamaica
226 |   jo: "🇯🇴",
227 |   // Jordan
228 |   jp: "🇯🇵",
229 |   // Japan
230 |   ke: "🇰🇪",
231 |   // Kenya
232 |   kg: "🇰🇬",
233 |   // Kyrgyzstan
234 |   kh: "🇰🇭",
235 |   // Cambodia
236 |   ki: "🇰🇮",
237 |   // Kiribati
238 |   km: "🇰🇲",
239 |   // Comoros
240 |   kn: "🇰🇳",
241 |   // Saint Kitts and Nevis
242 |   kp: "🇰🇵",
243 |   // North Korea
244 |   kr: "🇰🇷",
245 |   // South Korea
246 |   kw: "🇰🇼",
247 |   // Kuwait
248 |   ky: "🇰🇾",
249 |   // Cayman Islands
250 |   kz: "🇰🇿",
251 |   // Kazakhstan
252 |   la: "🇱🇦",
253 |   // Lao People's Democratic Republic
254 |   lb: "🇱🇧",
255 |   // Lebanon
256 |   lc: "🇱🇨",
257 |   // Saint Lucia
258 |   li: "🇱🇮",
259 |   // Liechtenstein
260 |   lk: "🇱🇰",
261 |   // Sri Lanka
262 |   lr: "🇱🇷",
263 |   // Liberia
264 |   ls: "🇱🇸",
265 |   // Lesotho
266 |   lt: "🇱🇹",
267 |   // Lithuania
268 |   lu: "🇱🇺",
269 |   // Luxembourg
270 |   lv: "🇱🇻",
271 |   // Latvia
272 |   ly: "🇱🇾",
273 |   // Libya
274 |   ma: "🇲🇦",
275 |   // Morocco
276 |   mc: "🇲🇨",
277 |   // Monaco
278 |   md: "🇲🇩",
279 |   // Moldova
280 |   me: "🇲🇪",
281 |   // Montenegro
282 |   mf: "🇲🇫",
283 |   // Saint Martin (French Part)
284 |   mg: "🇲🇬",
285 |   // Madagascar
286 |   mh: "🇲🇭",
287 |   // Marshall Islands
288 |   mk: "🇲🇰",
289 |   // Macedonia
290 |   ml: "🇲🇱",
291 |   // Mali
292 |   mm: "🇲🇲",
293 |   // Myanmar
294 |   mn: "🇲🇳",
295 |   // Mongolia
296 |   mo: "🇲🇴",
297 |   // Macao
298 |   mp: "🇲🇵",
299 |   // Northern Mariana Islands
300 |   mq: "🇲🇶",
301 |   // Martinique
302 |   mr: "🇲🇷",
303 |   // Mauritania
304 |   ms: "🇲🇸",
305 |   // Montserrat
306 |   mt: "🇲🇹",
307 |   // Malta
308 |   mu: "🇲🇺",
309 |   // Mauritius
310 |   mv: "🇲🇻",
311 |   // Maldives
312 |   mw: "🇲🇼",
313 |   // Malawi
314 |   mx: "🇲🇽",
315 |   // Mexico
316 |   my: "🇲🇾",
317 |   // Malaysia
318 |   mz: "🇲🇿",
319 |   // Mozambique
320 |   na: "🇳🇦",
321 |   // Namibia
322 |   nc: "🇳🇨",
323 |   // New Caledonia
324 |   ne: "🇳🇪",
325 |   // Niger
326 |   nf: "🇳🇫",
327 |   // Norfolk Island
328 |   ng: "🇳🇬",
329 |   // Nigeria
330 |   ni: "🇳🇮",
331 |   // Nicaragua
332 |   nl: "🇳🇱",
333 |   // Netherlands
334 |   no: "🇳🇴",
335 |   // Norway
336 |   np: "🇳🇵",
337 |   // Nepal
338 |   nr: "🇳🇷",
339 |   // Nauru
340 |   nu: "🇳🇺",
341 |   // Niue
342 |   nz: "🇳🇿",
343 |   // New Zealand
344 |   om: "🇴🇲",
345 |   // Oman
346 |   pa: "🇵🇦",
347 |   // Panama
348 |   pe: "🇵🇪",
349 |   // Peru
350 |   pf: "🇵🇫",
351 |   // French Polynesia
352 |   pg: "🇵🇬",
353 |   // Papua New Guinea
354 |   ph: "🇵🇭",
355 |   // Philippines
356 |   pk: "🇵🇰",
357 |   // Pakistan
358 |   pl: "🇵🇱",
359 |   // Poland
360 |   pm: "🇵🇲",
361 |   // Saint Pierre and Miquelon
362 |   pn: "🇵🇳",
363 |   // Pitcairn
364 |   pr: "🇵🇷",
365 |   // Puerto Rico
366 |   ps: "🇵🇸",
367 |   // Palestinian Territory
368 |   pt: "🇵🇹",
369 |   // Portugal
370 |   pw: "🇵🇼",
371 |   // Palau
372 |   py: "🇵🇾",
373 |   // Paraguay
374 |   qa: "🇶🇦",
375 |   // Qatar
376 |   re: "🇷🇪",
377 |   // Réunion
378 |   ro: "🇷🇴",
379 |   // Romania
380 |   rs: "🇷🇸",
381 |   // Serbia
382 |   ru: "🇷🇺",
383 |   // Russia
384 |   rw: "🇷🇼",
385 |   // Rwanda
386 |   sa: "🇸🇦",
387 |   // Saudi Arabia
388 |   sb: "🇸🇧",
389 |   // Solomon Islands
390 |   sc: "🇸🇨",
391 |   // Seychelles
392 |   sd: "🇸🇩",
393 |   // Sudan
394 |   se: "🇸🇪",
395 |   // Sweden
396 |   sg: "🇸🇬",
397 |   // Singapore
398 |   sh: "🇸🇭",
399 |   // Saint Helena, Ascension and Tristan Da Cunha
400 |   si: "🇸🇮",
401 |   // Slovenia
402 |   sj: "🇸🇯",
403 |   // Svalbard and Jan Mayen
404 |   sk: "🇸🇰",
405 |   // Slovakia
406 |   sl: "🇸🇱",
407 |   // Sierra Leone
408 |   sm: "🇸🇲",
409 |   // San Marino
410 |   sn: "🇸🇳",
411 |   // Senegal
412 |   so: "🇸🇴",
413 |   // Somalia
414 |   sr: "🇸🇷",
415 |   // Suriname
416 |   ss: "🇸🇸",
417 |   // South Sudan
418 |   st: "🇸🇹",
419 |   // Sao Tome and Principe
420 |   sv: "🇸🇻",
421 |   // El Salvador
422 |   sx: "🇸🇽",
423 |   // Sint Maarten (Dutch Part)
424 |   sy: "🇸🇾",
425 |   // Syrian Arab Republic
426 |   sz: "🇸🇿",
427 |   // Swaziland
428 |   tc: "🇹🇨",
429 |   // Turks and Caicos Islands
430 |   td: "🇹🇩",
431 |   // Chad
432 |   tf: "🇹🇫",
433 |   // French Southern Territories
434 |   tg: "🇹🇬",
435 |   // Togo
436 |   th: "🇹🇭",
437 |   // Thailand
438 |   tj: "🇹🇯",
439 |   // Tajikistan
440 |   tk: "🇹🇰",
441 |   // Tokelau
442 |   tl: "🇹🇱",
443 |   // Timor-Leste
444 |   tm: "🇹🇲",
445 |   // Turkmenistan
446 |   tn: "🇹🇳",
447 |   // Tunisia
448 |   to: "🇹🇴",
449 |   // Tonga
450 |   tr: "🇹🇷",
451 |   // Turkey
452 |   tt: "🇹🇹",
453 |   // Trinidad and Tobago
454 |   tv: "🇹🇻",
455 |   // Tuvalu
456 |   tw: "🇹🇼",
457 |   // Taiwan
458 |   tz: "🇹🇿",
459 |   // Tanzania
460 |   ua: "🇺🇦",
461 |   // Ukraine
462 |   ug: "🇺🇬",
463 |   // Uganda
464 |   um: "🇺🇲",
465 |   // United States Minor Outlying Islands
466 |   us: "🇺🇸",
467 |   // United States
468 |   uy: "🇺🇾",
469 |   // Uruguay
470 |   uz: "🇺🇿",
471 |   // Uzbekistan
472 |   va: "🇻🇦",
473 |   // Vatican City
474 |   vc: "🇻🇨",
475 |   // Saint Vincent and The Grenadines
476 |   ve: "🇻🇪",
477 |   // Venezuela
478 |   vg: "🇻🇬",
479 |   // Virgin Islands, British
480 |   vi: "🇻🇮",
481 |   // Virgin Islands, U.S.
482 |   vn: "🇻🇳",
483 |   // Viet Nam
484 |   vu: "🇻🇺",
485 |   // Vanuatu
486 |   wf: "🇼🇫",
487 |   // Wallis and Futuna
488 |   ws: "🇼🇸",
489 |   // Samoa
490 |   ye: "🇾🇪",
491 |   // Yemen
492 |   yt: "🇾🇹",
493 |   // Mayotte
494 |   za: "🇿🇦",
495 |   // South Africa
496 |   zm: "🇿🇲",
497 |   // Zambia
498 |   zw: "🇿🇼",
499 |   // Zimbabwe
500 | );
501 | 
502 | [class^="flag-"] {
503 |   font-style: normal;
504 | }
505 | 
506 | // generate classes
507 | @each $name, $icon in $flags {
508 |   .flag-#{$name}:before {
509 |     content: $icon;
510 |   }
511 | }
512 | 


--------------------------------------------------------------------------------
/assets/scss/includes/utils/_cursors.scss:
--------------------------------------------------------------------------------
1 | .cursor-pointer {
2 |   cursor: pointer;
3 | }
4 | 
5 | .cursor-help {
6 |   cursor: help;
7 | }
8 | 


--------------------------------------------------------------------------------
/assets/scss/includes/utils/_fonts.scss:
--------------------------------------------------------------------------------
 1 | /* Handle offline font loading */
 2 | // $fa-font-path: "../../../node_modules/@fortawesome/fontawesome-free/webfonts" !default;
 3 | // $fa-font-display: auto !default;
 4 | // @import "../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
 5 | // @import "../../../node_modules/@fortawesome/fontawesome-free/scss/regular.scss";
 6 | // @import "../../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
 7 | // @import "../../../node_modules/@fortawesome/fontawesome-free/scss/brands.scss";
 8 | 
 9 | @use "~/@fontsource/lato/scss/mixins" as Lato;
10 | @use "~/@fontsource/raleway/scss/mixins" as Raleway;
11 | 
12 | // Include both normal and bold weights
13 | @include Lato.fontFace($fontDir: "../webfonts", $weight: 400);
14 | @include Lato.fontFace($fontDir: "../webfonts", $weight: 700);
15 | 
16 | @include Raleway.fontFace($fontDir: "../webfonts");
17 | 
18 | $fa-font-path: "../webfonts";
19 | @import "~/@fortawesome/fontawesome-free/scss/fontawesome.scss";
20 | @import "~/@fortawesome/fontawesome-free/scss/solid.scss";
21 | @import "~/@fortawesome/fontawesome-free/scss/brands.scss";
22 | 
23 | // @import "~/@fontsource/lato/index.css";
24 | // @import "~/@fontsource/lato/index.css";
25 | 
26 | html,
27 | body,
28 | .container {
29 |   font-family: "Lato", sans-serif;
30 | }
31 | 
32 | .jumbotron .container {
33 |   font-family: "Raleway", sans-serif;
34 | }
35 | 


--------------------------------------------------------------------------------
/assets/scss/includes/utils/_lolight.scss:
--------------------------------------------------------------------------------
 1 | .ll-nam {
 2 |   /* words */
 3 |   color: #24292f;
 4 | }
 5 | .ll-num {
 6 |   /* numbers */
 7 |   color: #005cc5;
 8 | }
 9 | .ll-str {
10 |   /* strings */
11 |   color: #0a3069;
12 | }
13 | .ll-rex {
14 |   /* regular expressions */
15 |   color: #032f62;
16 | }
17 | .ll-pct {
18 |   /* operators, punctation */
19 |   color: #0550ae;
20 | }
21 | .ll-key {
22 |   /* keywords */
23 |   color: #d73a49;
24 |   font-weight: normal;
25 | }
26 | .ll-com {
27 |   /* comments */
28 |   color: #6a737d;
29 |   font-style: italic;
30 | }
31 | 


--------------------------------------------------------------------------------
/assets/scss/includes/utils/_min-height.scss:
--------------------------------------------------------------------------------
 1 | .min-vh-0 {
 2 |   min-height: 0vh !important;
 3 | }
 4 | .min-vh-25 {
 5 |   min-height: 25vh !important;
 6 | }
 7 | .min-vh-50 {
 8 |   min-height: 50vh !important;
 9 | }
10 | .min-vh-75 {
11 |   min-height: 75vh !important;
12 | }
13 | .min-vh-100 {
14 |   min-height: 100vh !important;
15 | }
16 | 


--------------------------------------------------------------------------------
/assets/scss/includes/utils/_opacity.scss:
--------------------------------------------------------------------------------
 1 | .opacity-0 {
 2 |   opacity: 0 !important;
 3 | }
 4 | .opacity-25 {
 5 |   opacity: 0.25 !important;
 6 | }
 7 | .opacity-50 {
 8 |   opacity: 0.5 !important;
 9 | }
10 | .opacity-75 {
11 |   opacity: 0.75 !important;
12 | }
13 | .opacity-100 {
14 |   opacity: 1 !important;
15 | }
16 | 


--------------------------------------------------------------------------------
/assets/scss/main.scss:
--------------------------------------------------------------------------------
 1 | @use "bootstrap/scss/bootstrap" as * with (
 2 |   $info: #5c728f
 3 | );
 4 | 
 5 | @use "includes/components/table";
 6 | @use "includes/components/jumbotron";
 7 | @use "includes/components/challenge";
 8 | @use "includes/components/sticky-footer";
 9 | @use "includes/components/graphs";
10 | 
11 | @use "includes/utils/fonts";
12 | @use "includes/utils/opacity";
13 | @use "includes/utils/min-height";
14 | @use "includes/utils/cursors";
15 | @use "includes/utils/lolight";
16 | 
17 | @use "includes/icons/award-icons";
18 | @use "includes/icons/flag-icons";
19 | 
20 | h1,
21 | h2 {
22 |   font-weight: 500;
23 |   letter-spacing: 2px;
24 | }
25 | 
26 | a {
27 |   color: #337ab7;
28 |   text-decoration: none !important;
29 | }
30 | 
31 | blockquote {
32 |   border-left: 4px solid $secondary;
33 |   padding-left: 15px;
34 | }
35 | 
36 | .fa-spin.spinner {
37 |   text-align: center;
38 |   opacity: 0.5;
39 | }
40 | 
41 | .badge-notification {
42 |   vertical-align: top;
43 |   margin-left: -1.5em;
44 |   font-size: 50%;
45 | }
46 | 
47 | select.form-control {
48 |   height: auto !important;
49 | }
50 | 
51 | .form-select {
52 |   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
53 |     no-repeat right 0.75rem center/8px 10px !important;
54 | }
55 | 
56 | // HMM
57 | 
58 | .input-filled-valid {
59 |   background-color: transparent !important;
60 |   border-color: #a3d39c;
61 |   box-shadow: 0 0 0 0.1rem #a3d39c;
62 |   transition: background-color 0.3s, border-color 0.3s;
63 | }
64 | 
65 | .input-filled-invalid {
66 |   background-color: transparent !important;
67 |   border-color: #d46767;
68 |   box-shadow: 0 0 0 0.1rem #d46767;
69 |   transition: background-color 0.3s, border-color 0.3s;
70 | }
71 | 
72 | .form-control {
73 |   padding: 0.8em !important;
74 |   background: #f0f0f0;
75 |   color: #aaa;
76 |   /* Behavior changed in Bootstrap v4.1.3. See https://github.com/twbs/bootstrap/issues/27629 */
77 |   height: auto !important;
78 | }
79 | 
80 | .form-control:focus {
81 |   background-color: transparent;
82 |   border-color: #a3d39c;
83 |   box-shadow: 0 0 0 0.1rem #a3d39c;
84 |   transition: background-color 0.3s, border-color 0.3s;
85 | }
86 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "core-beta",
 3 |   "private": true,
 4 |   "version": "0.0.1",
 5 |   "scripts": {
 6 |     "dev": "vite build --watch",
 7 |     "build": "vite build",
 8 |     "format": "prettier --write assets/",
 9 |     "lint": "prettier --check assets/"
10 |   },
11 |   "dependencies": {
12 |     "@ctfdio/ctfd-js": "^0.0.12",
13 |     "@fontsource/lato": "^4.5.3",
14 |     "@fontsource/raleway": "^4.5.3",
15 |     "@fortawesome/fontawesome-free": "6.0.0",
16 |     "@popperjs/core": "^2.11.4",
17 |     "alpinejs": "^3.9.1",
18 |     "bootstrap": "^5.1.3",
19 |     "bootstrap-multimodal": "~1.0.4",
20 |     "dayjs": "^1.11.0",
21 |     "echarts": "^5.3.2",
22 |     "lolight": "^1.4.0",
23 |     "vue": "^3.2.25"
24 |   },
25 |   "devDependencies": {
26 |     "@vitejs/plugin-vue": "^3.0.1",
27 |     "prettier": "2.6.1",
28 |     "rollup-plugin-copy": "^3.4.0",
29 |     "sass": "^1.49.7",
30 |     "vite": "^3.0.5"
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/postcss.config.js


--------------------------------------------------------------------------------
/static/assets/challenges.e93edf43.js:
--------------------------------------------------------------------------------
1 | import{m as l,C as s,h as r,T as h,d,M as c}from"./index.26ddae96.js";function o(e){let a=new DOMParser().parseFromString(e,"text/html");return a.querySelectorAll('a[href*="://"]').forEach(i=>{i.setAttribute("target","_blank")}),a.documentElement.outerHTML}window.Alpine=l;l.store("challenge",{data:{view:""}});l.data("Hint",()=>({id:null,html:null,async showHint(e){if(e.target.open){let a=(await s.pages.challenge.loadHint(this.id)).data;if(a.content)this.html=o(a.html);else if(await s.pages.challenge.displayUnlock(this.id)){let i=await s.pages.challenge.loadUnlock(this.id);if(i.success){let g=(await s.pages.challenge.loadHint(this.id)).data;this.html=o(g.html)}else e.target.open=!1,s._functions.challenge.displayUnlockError(i)}else e.target.open=!1}}}));l.data("Challenge",()=>({id:null,next_id:null,submission:"",tab:null,solves:[],response:null,async init(){r()},getStyles(){let e={"modal-dialog":!0};try{switch(s.config.themeSettings.challenge_window_size){case"sm":e["modal-sm"]=!0;break;case"lg":e["modal-lg"]=!0;break;case"xl":e["modal-xl"]=!0;break;default:break}}catch(t){console.log("Error processing challenge_window_size"),console.log(t)}return e},async init(){r()},async showChallenge(){new h(this.$el).show()},async showSolves(){this.solves=await s.pages.challenge.loadSolves(this.id),this.solves.forEach(e=>(e.date=d(e.date).format("MMMM Do, h:mm:ss A"),e)),new h(this.$el).show()},getNextId(){return l.store("challenge").data.next_id},async nextChallenge(){let e=c.getOrCreateInstance("[x-ref='challengeWindow']");e._element.addEventListener("hidden.bs.modal",t=>{l.nextTick(()=>{this.$dispatch("load-challenge",this.getNextId())})},{once:!0}),e.hide()},async submitChallenge(){this.response=await s.pages.challenge.submitChallenge(this.id,this.submission),await this.renderSubmissionResponse()},async renderSubmissionResponse(){this.response.data.status==="correct"&&(this.submission=""),this.$dispatch("load-challenges",this.current_page)}}));l.data("ChallengeBoard",()=>({loaded:!1,challenges:[],challenge:null,async init(){if(window.location.hash){let e=decodeURIComponent(window.location.hash.substring(1)),t=e.lastIndexOf("-");if(t>=0){let n=[e.slice(0,t),e.slice(t+1)][1];await this.loadChallenge(n)}}},getCategories(){const e=[];this.challenges.forEach(t=>{let{category:a}=t;a=a.split(".")[1],a&&!e.includes(a)&&(a===" "?e.unshift(a):e.push(a))});try{const t=s.config.themeSettings.challenge_category_order;if(t){const a=new Function(`return (${t})`);e.sort(a())}}catch(t){console.log("Error running challenge_category_order function"),console.log(t)}return e},getChallenges(e){let t=this.challenges;e!==null&&(t=this.challenges.filter(a=>a.category.split(".")[1]===e));try{const a=s.config.themeSettings.challenge_order;if(a){const n=new Function(`return (${a})`);t.sort(n())}}catch(a){console.log("Error running challenge_order function"),console.log(a)}return t},async loadChallenges(e){this.loaded=!1,this.challenges=await s.pages.challenges.getChallenges({q:e,field:"category"});for(let t of this.challenges)t.category===e&&(t.category=`${t.category}. `);this.loaded=!0},async loadChallenge(e){await s.pages.challenge.displayChallenge(e,t=>{t.data.view=o(t.data.view),l.store("challenge").data=t.data,l.nextTick(()=>{let a=c.getOrCreateInstance("[x-ref='challengeWindow']");a._element.addEventListener("hidden.bs.modal",n=>{history.replaceState(null,null," ")},{once:!0}),a.show(),history.replaceState(null,null,`#${t.data.name}-${e}`)})})}}));l.data("PageBoard",()=>({pages:[],async init(){await this.loadPages()},selectPage(e){this.current_page=`${e}`,this.$dispatch("load-challenges",this.current_page)},async loadPages(){const a=(await(await s.fetch("/api/v1/challenges/categories")).json()).data;this.pages=Array.from(new Set(a.map(n=>n.split(".")[0]))),this.current_page===null&&this.pages.length!=0&&this.selectPage(this.pages[0])}}));l.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/clipboard.7856f2eb.js:
--------------------------------------------------------------------------------
1 | import{a as u}from"./index.26ddae96.js";function r(a){const t=new FormData(a),c=[];for(const[l,n]of t)c.push({name:l,value:n});return c}function h(a,t,c){let l={},n=r(a);return a.querySelectorAll("input[type=checkbox]:checked").forEach(e=>{n.push({name:e.name,value:!0})}),a.querySelectorAll("input[type=checkbox]:not(:checked)").forEach(e=>{n.push({name:e.name,value:!1})}),n.map(e=>{if(c)if(e.value!==null&&e.value!=="")l[e.name]=e.value;else{let o=a.querySelector(`[name='${e.name}']`);t[o.name]!==o.value&&(l[e.name]=e.value)}else l[e.name]=e.value}),l}function m(a){const t=new u(a,{title:"Copied!",trigger:"manual"});navigator.clipboard.writeText(a.value).then(()=>{t.show(),setTimeout(()=>{t.hide()},1500)})}export{m as c,h as s};
2 | 


--------------------------------------------------------------------------------
/static/assets/index.80ee8e6c.js:
--------------------------------------------------------------------------------
1 | import{d as c,c as f}from"./index.26ddae96.js";import{u as p,i as g,a as h,b as x,c as y,d as b,e as v,f as $,g as A,h as j,j as L,k as z,l as I,m as O}from"./echarts.128204f2.js";function T(o){let t=o.concat();for(let e=0;e<o.length;e++)t[e]=o.slice(0,e+1).reduce(function(a,s){return a+s});return t}function w(o,t){let e={title:{left:"center",text:"Top 10 "+(o==="teams"?"Teams":"Users")},tooltip:{trigger:"axis",axisPointer:{type:"cross"}},legend:{type:"scroll",orient:"horizontal",align:"left",bottom:35,data:[]},toolbox:{feature:{dataZoom:{yAxisIndex:"none"},saveAsImage:{}}},grid:{containLabel:!0},xAxis:[{type:"time",boundaryGap:!1,data:[]}],yAxis:[{type:"value"}],dataZoom:[{id:"dataZoomX",type:"slider",xAxisIndex:[0],filterMode:"filter",height:20,top:35,fillerColor:"rgba(233, 236, 241, 0.4)"}],series:[]};const a=Object.keys(t);for(let s=0;s<a.length;s++){const l=[],r=[];for(let n=0;n<t[a[s]].solves.length;n++){l.push(t[a[s]].solves[n].value);const i=c(t[a[s]].solves[n].date);r.push(i.toDate())}const d=T(l);let m=r.map(function(n,i){return[n,d[i]]});e.legend.data.push(t[a[s]].name);const u={name:t[a[s]].name,type:"line",label:{normal:{position:"top"}},itemStyle:{normal:{color:f(t[a[s]].name+t[a[s]].id)}},data:m};e.series.push(u)}return e}p([g,h,x,y,b,v,$,A,j,L,z,I]);function S(o,t){let e=O(o);e.setOption(t),window.addEventListener("resize",()=>{e&&e.resize()})}export{T as c,S as e,w as g};
2 | 


--------------------------------------------------------------------------------
/static/assets/notifications.3f010f9a.js:
--------------------------------------------------------------------------------
1 | import{C as e,m as n}from"./index.26ddae96.js";window.CTFd=e;window.Alpine=n;let l=e.events.counter.read.getLast();e.fetch(`/api/v1/notifications?since_id=${l}`).then(t=>t.json()).then(t=>{let a=t.data,o=e.events.counter.read.getAll();a.forEach(d=>{o.push(d.id)}),e.events.counter.read.setAll(o),e.events.counter.unread.readAll();let r=e.events.counter.unread.getAll().length;e.events.controller.broadcast("counter",{count:r}),n.store("unread_count",r)});n.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/page.c7ccc6c8.js:
--------------------------------------------------------------------------------
1 | import{C as o,m as d}from"./index.26ddae96.js";window.CTFd=o;window.Alpine=d;d.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/scoreboard.efc6c10a.js:
--------------------------------------------------------------------------------
1 | import{m as t,C as a}from"./index.26ddae96.js";import{g as e,e as i}from"./index.80ee8e6c.js";import"./echarts.128204f2.js";window.Alpine=t;window.CTFd=a;t.data("ScoreboardDetail",()=>({data:null,async init(){this.data=await a.pages.scoreboard.getScoreboardDetail(10);let o=e(a.config.userMode,this.data);i(this.$refs.scoregraph,o)}}));t.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/settings.0e2e5354.js:
--------------------------------------------------------------------------------
1 | import{m as o,C as n,M as l}from"./index.26ddae96.js";import{s as r,c as d}from"./clipboard.7856f2eb.js";window.Alpine=o;o.data("SettingsForm",()=>({success:null,error:null,initial:null,errors:[],init(){this.initial=r(this.$el)},async updateProfile(){this.success=null,this.error=null,this.errors=[];let e=r(this.$el,this.initial,!0);e.fields=[];for(const s in e)if(s.match(/fields\[\d+\]/)){let i={},a=parseInt(s.slice(7,-1));i.field_id=a,i.value=e[s],e.fields.push(i),delete e[s]}const t=await n.pages.settings.updateSettings(e);t.success?(this.success=!0,this.error=!1,setTimeout(()=>{this.success=null,this.error=null},3e3)):(this.success=!1,this.error=!0,Object.keys(t.errors).map(s=>{const i=t.errors[s];this.errors.push(i)}))}}));o.data("TokensForm",()=>({token:null,async generateToken(){const e=r(this.$el);e.expiration||delete e.expiration;const t=await n.pages.settings.generateToken(e);this.token=t.data.value,new l(this.$refs.tokenModal).show()},copyToken(){d(this.$refs.token)}}));o.data("Tokens",()=>({selectedTokenId:null,async deleteTokenModal(e){this.selectedTokenId=e,new l(this.$refs.confirmModal).show()},async deleteSelectedToken(){await n.pages.settings.deleteToken(this.selectedTokenId);const e=this.$refs[`token-${this.selectedTokenId}`];e&&e.remove()}}));o.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/setup.0fd022ad.js:
--------------------------------------------------------------------------------
1 | import{m as n,T as l,d as c,C as u}from"./index.26ddae96.js";window.Alpine=n;n.data("SetupForm",()=>({init(){this.$root.querySelectorAll("input").forEach(e=>{e.addEventListener("keypress",t=>{t.key=="Enter"&&(t.preventDefault(),t.target.closest(".tab-pane").querySelector("button[data-href]").click())}),e.addEventListener("change",t=>{t.target.checkValidity()===!1?t.target.classList.add("input-filled-invalid"):t.target.classList.remove("input-filled-invalid")})}),window.addEventListener("storage",function(e){e.key=="integrations"&&e.newValue&&JSON.parse(e.newValue).name=="mlc"&&($("#integration-mlc").text("Already Configured").attr("disabled",!0),window.focus(),localStorage.removeItem("integrations"))})},validateFileSize(e,t){e.target.files[0].size>t&&(confirm(`This image file is larger than ${t/1e3}KB which may result in increased load times. Are you sure you'd like to use this file?`)||(e.target.value=""))},switchTab(e){let t=!0;if(e.target.closest('[role="tabpanel"]').querySelectorAll("input,textarea").forEach(i=>{i.checkValidity()===!1&&(i.classList.add("input-filled-invalid"),t=!1)}),t==!1)return;let r=e.target.dataset.href,o=this.$root.querySelector(`[data-bs-target="${r}"]`);l.getOrCreateInstance(o).show()},setThemeColor(e){document.querySelector("#config-color-input").value=e.target.value},resetThemeColor(e){document.querySelector("#config-color-input").value="",document.querySelector("#config-color-picker").value=""},processDateTime(e){return function(t){let a=document.querySelector(`#${e}-date`),r=document.querySelector(`#${e}-time`),o=c(`${a.value} ${r.value}`,"YYYY-MM-DD HH:mm").unix();isNaN(o)?document.querySelector(`#${e}-preview`).value="":document.querySelector(`#${e}-preview`).value=o}},mlcSetup(){let e=u.config.urlRoot,t={name:document.querySelector("#ctf_name").value,type:"jeopardy",description:document.querySelector("#ctf_description").value,user_mode:document.querySelector("[name=user_mode]:checked").value,event_url:window.location.origin+e,redirect_url:window.location.origin+e+"/redirect",integration_setup_url:window.location.origin+e+"/setup/integrations",start:document.querySelector("#start-preview").value,end:document.querySelector("#end-preview").value,platform:"CTFd",state:window.STATE};const a=[];for(let r in t)a.push(encodeURIComponent(r)+"="+encodeURIComponent(t[r]));window.open("https://www.majorleaguecyber.org/events/new?"+a.join("&"),"_blank")},submitSetup(e){if(document.querySelector("#newsletter-checkbox").checked){let r={email:e.target.querySelector("input[name=email]").value,b_38e27f7d496889133d2214208_d7c3ed71f9:"",c:"jsonp_callback_"+Math.round(1e4*Math.random())};const o=[];for(let i in r)o.push(encodeURIComponent(i)+"="+encodeURIComponent(r[i]));var t=document.createElement("script");t.src="https://newsletters.ctfd.io/lists/ot889gr1sa0e1/subscribe/post-json?"+o.join("&"),document.head.appendChild(t)}}}));n.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/teams_list.24ecabdf.js:
--------------------------------------------------------------------------------
1 | import{C as o,m as d}from"./index.26ddae96.js";window.CTFd=o;window.Alpine=d;d.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/teams_private.acfd18cb.js:
--------------------------------------------------------------------------------
1 | import{m as o,C as i,M as n,c as d}from"./index.26ddae96.js";import{s as r,c as m}from"./clipboard.7856f2eb.js";import{g as c}from"./userscore.24cb7d0e.js";import{e as u}from"./index.80ee8e6c.js";import"./echarts.128204f2.js";window.Alpine=o;window.CTFd=i;o.store("inviteToken","");o.data("TeamEditModal",()=>({success:null,error:null,initial:null,errors:[],init(){this.initial=r(this.$el.querySelector("form"))},async updateProfile(){let e=r(this.$el,this.initial,!0);e.fields=[];for(const a in e)if(a.match(/fields\[\d+\]/)){let t={},l=parseInt(a.slice(7,-1));t.field_id=l,t.value=e[a],e.fields.push(t),delete e[a]}let s=await i.pages.teams.updateTeamSettings(e);s.success?(this.success=!0,this.error=!1,setTimeout(()=>{this.success=null,this.error=null},3e3)):(this.success=!1,this.error=!0,Object.keys(s.errors).map(a=>{const t=s.errors[a];this.errors.push(t)}))}}));o.data("TeamCaptainModal",()=>({success:null,error:null,errors:[],async updateCaptain(){let e=r(this.$el,null,!0),s=await i.pages.teams.updateTeamSettings(e);s.success?window.location.reload():(this.success=!1,this.error=!0,Object.keys(s.errors).map(a=>{const t=s.errors[a];this.errors.push(t)}))}}));o.data("TeamInviteModal",()=>({copy(){m(this.$refs.link)}}));o.data("TeamDisbandModal",()=>({errors:[],async disbandTeam(){let e=await i.pages.teams.disbandTeam();e.success?window.location.reload():this.errors=e.errors[""]}}));o.data("CaptainMenu",()=>({captain:!1,editTeam(){this.teamEditModal=new n(document.getElementById("team-edit-modal")),this.teamEditModal.show()},chooseCaptain(){this.teamCaptainModal=new n(document.getElementById("team-captain-modal")),this.teamCaptainModal.show()},async inviteMembers(){const e=await i.pages.teams.getInviteToken();if(e.success){const s=e.data.code,a=`${window.location.origin}${i.config.urlRoot}/teams/invite?code=${s}`;document.querySelector("#team-invite-modal input[name=link]").value=a,this.$store.inviteToken=a,this.teamInviteModal=new n(document.getElementById("team-invite-modal")),this.teamInviteModal.show()}},disbandTeam(){this.teamDisbandModal=new n(document.getElementById("team-disband-modal")),this.teamDisbandModal.show()}}));o.data("TeamGraphs",()=>({solves:null,fails:null,awards:null,solveCount:0,failCount:0,awardCount:0,getSolvePercentage(){return(this.solveCount/(this.solveCount+this.failCount)*100).toFixed(2)},getFailPercentage(){return(this.failCount/(this.solveCount+this.failCount)*100).toFixed(2)},getCategoryBreakdown(){const e=[],s={};this.solves.data.map(t=>{e.push(t.challenge.category)}),e.forEach(t=>{t in s?s[t]+=1:s[t]=1});const a=[];for(const t in s)a.push({name:t,count:s[t],percent:s[t]/e.length*100,color:d(t)});return a},async init(){this.solves=await i.pages.teams.teamSolves("me"),this.fails=await i.pages.teams.teamFails("me"),this.awards=await i.pages.teams.teamAwards("me"),this.solveCount=this.solves.meta.count,this.failCount=this.fails.meta.count,this.awardCount=this.awards.meta.count,u(this.$refs.scoregraph,c(i.team.id,i.team.name,this.solves.data,this.awards.data))}}));o.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/teams_public.24befd13.js:
--------------------------------------------------------------------------------
1 | import{m as o,c as n,C as e}from"./index.26ddae96.js";import{g as l}from"./userscore.24cb7d0e.js";import{e as r}from"./index.80ee8e6c.js";import"./echarts.128204f2.js";window.Alpine=o;o.data("TeamGraphs",()=>({solves:null,fails:null,awards:null,solveCount:0,failCount:0,awardCount:0,getSolvePercentage(){return(this.solveCount/(this.solveCount+this.failCount)*100).toFixed(2)},getFailPercentage(){return(this.failCount/(this.solveCount+this.failCount)*100).toFixed(2)},getCategoryBreakdown(){const s=[],a={};this.solves.data.map(t=>{s.push(t.challenge.category)}),s.forEach(t=>{t in a?a[t]+=1:a[t]=1});const i=[];for(const t in a)i.push({name:t,count:a[t],percent:(a[t]/s.length*100).toFixed(2),color:n(t)});return i},async init(){this.solves=await e.pages.teams.teamSolves(window.TEAM.id),this.fails=await e.pages.teams.teamFails(window.TEAM.id),this.awards=await e.pages.teams.teamAwards(window.TEAM.id),this.solveCount=this.solves.meta.count,this.failCount=this.fails.meta.count,this.awardCount=this.awards.meta.count,r(this.$refs.scoregraph,l(window.TEAM.id,window.TEAM.name,this.solves.data,this.awards.data))}}));o.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/users_list.54551e4f.js:
--------------------------------------------------------------------------------
1 | import{C as o,m as d}from"./index.26ddae96.js";window.CTFd=o;window.Alpine=d;d.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/users_private.12881884.js:
--------------------------------------------------------------------------------
1 | import{m as o,c as n,C as e}from"./index.26ddae96.js";import{g as l}from"./userscore.24cb7d0e.js";import{e as u}from"./index.80ee8e6c.js";import"./echarts.128204f2.js";window.Alpine=o;o.data("UserGraphs",()=>({solves:null,fails:null,awards:null,solveCount:0,failCount:0,awardCount:0,getSolvePercentage(){return(this.solveCount/(this.solveCount+this.failCount)*100).toFixed(2)},getFailPercentage(){return(this.failCount/(this.solveCount+this.failCount)*100).toFixed(2)},getCategoryBreakdown(){const a=[],t={};this.solves.data.map(s=>{a.push(s.challenge.category)}),a.forEach(s=>{s in t?t[s]+=1:t[s]=1});const i=[];for(const s in t){const r=Number(t[s]/a.length*100).toFixed(2);i.push({name:s,count:t[s],color:n(s),percent:r})}return i},async init(){this.solves=await e.pages.users.userSolves("me"),this.fails=await e.pages.users.userFails("me"),this.awards=await e.pages.users.userAwards("me"),this.solveCount=this.solves.meta.count,this.failCount=this.fails.meta.count,this.awardCount=this.awards.meta.count,u(this.$refs.scoregraph,l(e.user.id,e.user.name,this.solves.data,this.awards.data))}}));o.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/users_public.d58d657e.js:
--------------------------------------------------------------------------------
1 | import{m as o,c as r,C as e}from"./index.26ddae96.js";import{g as l}from"./userscore.24cb7d0e.js";import{e as u}from"./index.80ee8e6c.js";import"./echarts.128204f2.js";window.Alpine=o;o.data("UserGraphs",()=>({solves:null,fails:null,awards:null,solveCount:0,failCount:0,awardCount:0,getSolvePercentage(){return(this.solveCount/(this.solveCount+this.failCount)*100).toFixed(2)},getFailPercentage(){return(this.failCount/(this.solveCount+this.failCount)*100).toFixed(2)},getCategoryBreakdown(){const a=[],t={};this.solves.data.map(s=>{a.push(s.challenge.category)}),a.forEach(s=>{s in t?t[s]+=1:t[s]=1});const i=[];for(const s in t){const n=Number(t[s]/a.length*100).toFixed(2);i.push({name:s,count:t[s],color:r(s),percent:n})}return i},async init(){this.solves=await e.pages.users.userSolves(window.USER.id),this.fails=await e.pages.users.userFails(window.USER.id),this.awards=await e.pages.users.userAwards(window.USER.id),this.solveCount=this.solves.meta.count,this.failCount=this.fails.meta.count,this.awardCount=this.awards.meta.count,u(this.$refs.scoregraph,l(window.USER.id,window.USER.name,this.solves.data,this.awards.data))}}));o.start();
2 | 


--------------------------------------------------------------------------------
/static/assets/userscore.24cb7d0e.js:
--------------------------------------------------------------------------------
1 | import{d,c as n}from"./index.26ddae96.js";import{c as u}from"./index.80ee8e6c.js";function x(s,o,c,p){let a={title:{left:"center",text:"Score over Time"},tooltip:{trigger:"axis",axisPointer:{type:"cross"}},legend:{type:"scroll",orient:"horizontal",align:"left",bottom:0,data:[o]},toolbox:{feature:{saveAsImage:{}}},grid:{containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:[]}],yAxis:[{type:"value"}],dataZoom:[{id:"dataZoomX",type:"slider",xAxisIndex:[0],filterMode:"filter",height:20,top:35,fillerColor:"rgba(233, 236, 241, 0.4)"}],series:[]};const i=[],r=[],e=c.concat(p);e.sort((t,l)=>new Date(t.date)-new Date(l.date));for(let t=0;t<e.length;t++){const l=d(e[t].date);i.push(l.toDate());try{r.push(e[t].challenge.value)}catch{r.push(e[t].value)}}return i.forEach(t=>{a.xAxis[0].data.push(t)}),a.series.push({name:o,type:"line",label:{normal:{show:!0,position:"top"}},areaStyle:{normal:{color:n(o+s)}},itemStyle:{normal:{color:n(o+s)}},data:u(r)}),a}export{x as g};
2 | 


--------------------------------------------------------------------------------
/static/img/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/img/favicon.ico


--------------------------------------------------------------------------------
/static/manifest.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "assets/js/index.js": {
  3 |     "file": "assets/index.26ddae96.js",
  4 |     "src": "assets/js/index.js",
  5 |     "isEntry": true
  6 |   },
  7 |   "assets/js/page.js": {
  8 |     "file": "assets/page.c7ccc6c8.js",
  9 |     "src": "assets/js/page.js",
 10 |     "isEntry": true,
 11 |     "imports": [
 12 |       "assets/js/index.js"
 13 |     ]
 14 |   },
 15 |   "assets/js/setup.js": {
 16 |     "file": "assets/setup.0fd022ad.js",
 17 |     "src": "assets/js/setup.js",
 18 |     "isEntry": true,
 19 |     "imports": [
 20 |       "assets/js/index.js"
 21 |     ]
 22 |   },
 23 |   "assets/js/settings.js": {
 24 |     "file": "assets/settings.0e2e5354.js",
 25 |     "src": "assets/js/settings.js",
 26 |     "isEntry": true,
 27 |     "imports": [
 28 |       "assets/js/index.js",
 29 |       "_clipboard.7856f2eb.js"
 30 |     ]
 31 |   },
 32 |   "assets/js/challenges.js": {
 33 |     "file": "assets/challenges.e93edf43.js",
 34 |     "src": "assets/js/challenges.js",
 35 |     "isEntry": true,
 36 |     "imports": [
 37 |       "assets/js/index.js"
 38 |     ]
 39 |   },
 40 |   "assets/js/scoreboard.js": {
 41 |     "file": "assets/scoreboard.efc6c10a.js",
 42 |     "src": "assets/js/scoreboard.js",
 43 |     "isEntry": true,
 44 |     "imports": [
 45 |       "assets/js/index.js",
 46 |       "_index.80ee8e6c.js",
 47 |       "_echarts.128204f2.js"
 48 |     ]
 49 |   },
 50 |   "assets/js/notifications.js": {
 51 |     "file": "assets/notifications.3f010f9a.js",
 52 |     "src": "assets/js/notifications.js",
 53 |     "isEntry": true,
 54 |     "imports": [
 55 |       "assets/js/index.js"
 56 |     ]
 57 |   },
 58 |   "assets/js/teams/public.js": {
 59 |     "file": "assets/teams_public.24befd13.js",
 60 |     "src": "assets/js/teams/public.js",
 61 |     "isEntry": true,
 62 |     "imports": [
 63 |       "assets/js/index.js",
 64 |       "_userscore.24cb7d0e.js",
 65 |       "_index.80ee8e6c.js",
 66 |       "_echarts.128204f2.js"
 67 |     ]
 68 |   },
 69 |   "assets/js/teams/private.js": {
 70 |     "file": "assets/teams_private.acfd18cb.js",
 71 |     "src": "assets/js/teams/private.js",
 72 |     "isEntry": true,
 73 |     "imports": [
 74 |       "assets/js/index.js",
 75 |       "_clipboard.7856f2eb.js",
 76 |       "_userscore.24cb7d0e.js",
 77 |       "_index.80ee8e6c.js",
 78 |       "_echarts.128204f2.js"
 79 |     ]
 80 |   },
 81 |   "assets/js/teams/list.js": {
 82 |     "file": "assets/teams_list.24ecabdf.js",
 83 |     "src": "assets/js/teams/list.js",
 84 |     "isEntry": true,
 85 |     "imports": [
 86 |       "assets/js/index.js"
 87 |     ]
 88 |   },
 89 |   "assets/js/users/public.js": {
 90 |     "file": "assets/users_public.d58d657e.js",
 91 |     "src": "assets/js/users/public.js",
 92 |     "isEntry": true,
 93 |     "imports": [
 94 |       "assets/js/index.js",
 95 |       "_userscore.24cb7d0e.js",
 96 |       "_index.80ee8e6c.js",
 97 |       "_echarts.128204f2.js"
 98 |     ]
 99 |   },
100 |   "assets/js/users/private.js": {
101 |     "file": "assets/users_private.12881884.js",
102 |     "src": "assets/js/users/private.js",
103 |     "isEntry": true,
104 |     "imports": [
105 |       "assets/js/index.js",
106 |       "_userscore.24cb7d0e.js",
107 |       "_index.80ee8e6c.js",
108 |       "_echarts.128204f2.js"
109 |     ]
110 |   },
111 |   "assets/js/users/list.js": {
112 |     "file": "assets/users_list.54551e4f.js",
113 |     "src": "assets/js/users/list.js",
114 |     "isEntry": true,
115 |     "imports": [
116 |       "assets/js/index.js"
117 |     ]
118 |   },
119 |   "_echarts.128204f2.js": {
120 |     "file": "assets/echarts.128204f2.js"
121 |   },
122 |   "_clipboard.7856f2eb.js": {
123 |     "file": "assets/clipboard.7856f2eb.js",
124 |     "imports": [
125 |       "assets/js/index.js"
126 |     ]
127 |   },
128 |   "_index.80ee8e6c.js": {
129 |     "file": "assets/index.80ee8e6c.js",
130 |     "imports": [
131 |       "assets/js/index.js",
132 |       "_echarts.128204f2.js"
133 |     ]
134 |   },
135 |   "_userscore.24cb7d0e.js": {
136 |     "file": "assets/userscore.24cb7d0e.js",
137 |     "imports": [
138 |       "assets/js/index.js",
139 |       "_index.80ee8e6c.js"
140 |     ]
141 |   },
142 |   "assets/scss/main.scss": {
143 |     "file": "assets/main.0aaf0d88.css",
144 |     "src": "assets/scss/main.scss",
145 |     "isEntry": true
146 |   }
147 | }


--------------------------------------------------------------------------------
/static/webfonts/fa-brands-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/fa-brands-400.ttf


--------------------------------------------------------------------------------
/static/webfonts/fa-brands-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/fa-brands-400.woff2


--------------------------------------------------------------------------------
/static/webfonts/fa-regular-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/fa-regular-400.ttf


--------------------------------------------------------------------------------
/static/webfonts/fa-regular-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/fa-regular-400.woff2


--------------------------------------------------------------------------------
/static/webfonts/fa-solid-900.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/fa-solid-900.ttf


--------------------------------------------------------------------------------
/static/webfonts/fa-solid-900.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/fa-solid-900.woff2


--------------------------------------------------------------------------------
/static/webfonts/fa-v4compatibility.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/fa-v4compatibility.ttf


--------------------------------------------------------------------------------
/static/webfonts/fa-v4compatibility.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/fa-v4compatibility.woff2


--------------------------------------------------------------------------------
/static/webfonts/lato-all-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-all-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/lato-all-700-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-all-700-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/lato-latin-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-latin-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/lato-latin-400-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-latin-400-normal.woff2


--------------------------------------------------------------------------------
/static/webfonts/lato-latin-700-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-latin-700-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/lato-latin-700-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-latin-700-normal.woff2


--------------------------------------------------------------------------------
/static/webfonts/lato-latin-ext-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-latin-ext-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/lato-latin-ext-400-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-latin-ext-400-normal.woff2


--------------------------------------------------------------------------------
/static/webfonts/lato-latin-ext-700-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-latin-ext-700-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/lato-latin-ext-700-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/lato-latin-ext-700-normal.woff2


--------------------------------------------------------------------------------
/static/webfonts/raleway-all-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-all-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/raleway-cyrillic-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-cyrillic-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/raleway-cyrillic-400-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-cyrillic-400-normal.woff2


--------------------------------------------------------------------------------
/static/webfonts/raleway-cyrillic-ext-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-cyrillic-ext-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/raleway-cyrillic-ext-400-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-cyrillic-ext-400-normal.woff2


--------------------------------------------------------------------------------
/static/webfonts/raleway-latin-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-latin-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/raleway-latin-400-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-latin-400-normal.woff2


--------------------------------------------------------------------------------
/static/webfonts/raleway-latin-ext-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-latin-ext-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/raleway-latin-ext-400-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-latin-ext-400-normal.woff2


--------------------------------------------------------------------------------
/static/webfonts/raleway-vietnamese-400-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-vietnamese-400-normal.woff


--------------------------------------------------------------------------------
/static/webfonts/raleway-vietnamese-400-normal.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frankli0324/ctfd-pages-theme/b59668ee86c6756f8845861bb29681691e3ba892/static/webfonts/raleway-vietnamese-400-normal.woff2


--------------------------------------------------------------------------------
/templates/base.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <title>{{ Configs.ctf_name }}</title>
 5 |   <meta charset="utf-8">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |   <link rel="shortcut icon" href="{{ Configs.ctf_small_icon }}" type="image/x-icon">
 8 | 
 9 |   {% block stylesheets %}
10 |     {{ Assets.css("assets/scss/main.scss") }}
11 |   {% endblock %}
12 | 
13 |   {{ Plugins.styles }}
14 | 
15 |   <script type="text/javascript">
16 |       window.init = {
17 |           'urlRoot': "{{ request.script_root }}",
18 |           'csrfNonce': "{{ Session.nonce }}",
19 |           'userMode': "{{ Configs.user_mode }}",
20 |           'userId': {{ Session.id }},
21 |           'userName': {{ User.name | tojson }},
22 |           'userEmail': {{ User.email | tojson }},
23 |           'teamId': {{ Team.id | tojson }}, 
24 |           'teamName': {{ Team.name | tojson }},
25 |           'start': {{ Configs.start | tojson }},
26 |           'end': {{ Configs.end | tojson }},
27 |           'themeSettings': {{ Configs.theme_settings | tojson }},
28 |           'eventSounds': [
29 |             "/themes/core/static/sounds/notification.webm",
30 |             "/themes/core/static/sounds/notification.mp3",
31 |           ],
32 |       }
33 |   </script>
34 | 
35 |   {{ Configs.theme_header }}
36 | </head>
37 | <body>
38 | {% include "components/navbar.html" %}
39 | 
40 | <main role="main">
41 |   {% block content %}
42 |   {% endblock %}
43 | </main>
44 | 
45 | <footer class="footer">
46 |   <div class="container text-center">
47 |     <a href="https://ctfd.io" class="text-secondary">
48 |       <small class="text-muted">
49 |         {% trans %}Powered by CTFd{% endtrans %}
50 |       </small>
51 |     </a>
52 |   </div>
53 | </footer>
54 | 
55 | {% include "components/notifications.html" %}
56 | 
57 | {% block scripts %}
58 |   {{ Assets.js("assets/js/index.js") }}
59 | {% endblock %}
60 | 
61 | {{ Plugins.scripts }}
62 | 
63 | {{ Configs.theme_footer }}
64 | </body>
65 | </html>
66 | 


--------------------------------------------------------------------------------
/templates/challenge.html:
--------------------------------------------------------------------------------
  1 | <div :class="getStyles()" role="document" x-data="Challenge" x-init="id = {{ challenge.id }}">
  2 |   <div class="modal-content">
  3 |     <div class="modal-body py-4 px-4 px-sm-5">
  4 | 
  5 |       <div>
  6 |         <button type="button" class="btn-close float-end" data-bs-dismiss="modal" aria-label="Close"></button>
  7 | 
  8 |         <ul class="nav nav-tabs">
  9 |           <li class="nav-item">
 10 |             <a class="nav-link active" data-bs-target="#challenge" @click="showChallenge()">
 11 |               {% trans %}Challenge{% endtrans %}
 12 |             </a>
 13 |           </li>
 14 | 
 15 |           {% block solves %}
 16 |             <li class="nav-item">
 17 |               <a class="nav-link challenge-solves" data-bs-target="#solves" @click="showSolves()">
 18 |                 {% if solves != None %}
 19 |                   {{ ngettext("%(num)d Solve", "%(num)d Solves", solves) }}
 20 |                 {% endif %}
 21 |               </a>
 22 |             </li>
 23 |           {% endblock %}
 24 |         </ul>
 25 |       </div>
 26 | 
 27 |       <div>
 28 |         <div class="tab-content">
 29 |           <div role="tabpanel" class="tab-pane fade show active" id="challenge">
 30 |             <h2 class="challenge-name text-center pt-3">
 31 |               {{ challenge.name }}
 32 |             </h2>
 33 |             <h3 class="challenge-value text-center">
 34 |               {{ challenge.value }}
 35 |             </h3>
 36 | 
 37 | 
 38 |             {% if tags %}
 39 |               <div class="challenge-tags text-center pt-2 pb-3">
 40 |                 {% block tags %}
 41 |                   {% for tag in tags %}
 42 |                     <span class="challenge-tag badge bg-info">{{ tag }}</span>
 43 |                   {% endfor %}
 44 |                 {% endblock %}
 45 |               </div>
 46 |             {% endif %}
 47 | 
 48 |             <span class="challenge-desc">{% block description %}{{ challenge.html }}{% endblock %}</span>
 49 | 
 50 |             {% if challenge.connection_info %}
 51 |               <div class="mb-2">
 52 |                 <span class="challenge-connection-info">
 53 |                   {% block connection_info %}
 54 |                     {% set conn = challenge.connection_info %}
 55 |                     {% if not conn %}
 56 |                     {% elif conn.startswith("http") %}
 57 |                       {{ conn | urlize(target="_blank") }}
 58 |                     {% else %}
 59 |                       <code>{{ conn }}</code>
 60 |                     {% endif %}
 61 |                   {% endblock %}
 62 |                 </span>
 63 |               </div>
 64 |             {% endif %}
 65 | 
 66 |             {% if hints %}
 67 |               <div class="challenge-hints hint-row row">
 68 |                 <div class="col-12 mb-3">
 69 |                 {% for hint in hints | sort(attribute="cost") %}
 70 |                   <div x-data="Hint" x-init="id = {{ hint.id }}">
 71 |                     {% if hint.content %}
 72 |                     <details>
 73 |                       <summary>{% trans %}View Hint{% endtrans %}</summary>
 74 |                       <div>{{ hint.html | safe }}</div>
 75 |                     </details>
 76 |                     {% else %}
 77 |                     <details @toggle="showHint(event)">
 78 |                       <summary>Unlock Hint for {{ hint.cost }} point{{ hint.cost|pluralize }}</summary>
 79 |                       <div x-html="html"></div>
 80 |                     </details>
 81 |                     {% endif %}
 82 |                   </div>
 83 |                 {% endfor %}
 84 |                 </div>
 85 |               </div>
 86 |             {% endif %}
 87 | 
 88 |             {% if files %}
 89 |               <div class="row challenge-files text-center pb-3">
 90 |                 {% for file in files %}
 91 |                   <div class="col-md-4 col-sm-4 col-xs-12 file-button-wrapper d-block">
 92 |                     {% set segments = file.split('/') %}
 93 |                     {% set token = file.split('?') | last %}
 94 |                     {% if token %}
 95 |                       {% set filename = segments | last | replace("?" + token, "") %}
 96 |                     {% else %}
 97 |                       {% set filename = segments | last %}
 98 |                     {% endif %}
 99 |                     <a
100 |                         class="btn btn-info btn-file mb-1 d-inline-block px-2 w-100 text-truncate"
101 |                         href="{{ file }}"
102 |                         title="{{ filename }}"
103 |                     >
104 |                       <i class="fas fa-download"></i>
105 |                       <small>
106 |                         {{ filename }}
107 |                       </small>
108 |                     </a>
109 |                   </div>
110 |                 {% endfor %}
111 |               </div>
112 |             {% endif %}
113 | 
114 |             {% if max_attempts > 0 %}
115 |               <div class="row text-center">
116 |                 <div class="col-12">
117 |                   <p>
118 |                     {{ attempts }}/{{ max_attempts }} attempt{{ max_attempts|pluralize }}
119 |                   </p>
120 |                 </div>
121 |               </div>
122 |             {% endif %}
123 | 
124 |             <div class="row submit-row">
125 |               <div class="col-12 col-sm-8">
126 |                 {% block input %}
127 |                   <input
128 |                       id="challenge-id" class="challenge-id" type="hidden"
129 |                       value="{{ challenge.id }}"
130 |                   >
131 |                   <input
132 |                       id="challenge-input" class="challenge-input form-control"
133 |                       type="text" name="submission"
134 |                       @keyup.enter="submitChallenge()"
135 |                       placeholder="{% trans %}Flag{% endtrans %}" x-model="submission"
136 |                   >
137 |                 {% endblock %}
138 |               </div>
139 | 
140 |               <div class="col-12 col-sm-4 mt-3 mt-sm-0 key-submit">
141 |                 {% block submit %}
142 |                   <button
143 |                       id="challenge-submit"
144 |                       class="challenge-submit btn btn-outline-secondary w-100 h-100" type="submit"
145 |                       @click.debounce.500ms="submitChallenge()"
146 |                   >
147 |                     {% trans %}Submit{% endtrans %}
148 |                   </button>
149 |                 {% endblock %}
150 |               </div>
151 |             </div>
152 | 
153 |             <div class="row notification-row">
154 |               <div class="col-12">
155 |                 <template x-if="response">
156 |                   {# This alert is re-used for all alerts, so it's important not to make it dismissble #}
157 |                   <div
158 |                       :class="{
159 |                         'alert text-center w-100 mt-3 alert-success': response.data.status == 'correct',
160 |                         'alert text-center w-100 mt-3 alert-info': response.data.status == 'already_solved',
161 |                         'alert text-center w-100 mt-3 alert-danger': response.data.status == 'incorrect',
162 |                       }" role="alert"
163 |                   >
164 |                     <strong x-text="response.data.message"></strong>
165 |                     <div x-show="(response.data.status == 'correct' || response.data.status == 'already_solved') && getNextId()">
166 |                       <button @click="nextChallenge()" class="btn btn-info mt-3">
167 |                         {% trans %}Next Challenge{% endtrans %}
168 |                       </button>
169 |                     </div>
170 |                   </div>
171 |                 </template>
172 |               </div>
173 |             </div>
174 |           </div>
175 | 
176 |           <div role="tabpanel" class="tab-pane fade" id="solves">
177 |             <div class="row">
178 |               <div class="col-md-12">
179 |                 <table class="table table-striped text-center">
180 |                   <thead>
181 |                   <tr>
182 |                     <td>
183 |                       <b>{% trans %}Name{% endtrans %}</b>
184 |                     </td>
185 |                     <td>
186 |                       <b>{% trans %}Date{% endtrans %}</b>
187 |                     </td>
188 |                   </tr>
189 |                   </thead>
190 |                   <tbody id="challenge-solves-names">
191 |                   <template x-for="solve in solves">
192 |                     <tr>
193 |                       <td>
194 |                         <a :href="solve.account_url" x-text="solve.name"></a>
195 |                       </td>
196 |                       <td x-text="solve.date"></td>
197 |                     </tr>
198 |                   </template>
199 |                   </tbody>
200 |                 </table>
201 |               </div>
202 |             </div>
203 |           </div>
204 |         </div>
205 |       </div>
206 |     </div>
207 |   </div>
208 | </div>
209 | 


--------------------------------------------------------------------------------
/templates/challenges.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>
 7 |         {% trans %}Challenges{% endtrans %}
 8 |       </h1>
 9 |     </div>
10 |   </div>
11 | 
12 |   <div class="container">
13 |     <div class="row">
14 |       <div class="col-md-12">
15 |         {% include "components/errors.html" %}
16 |       </div>
17 |     </div>
18 |     <div class="row" x-data="{ current_page: null }">
19 |       <div class="col-md-2" x-data="PageBoard">
20 |         <div class="nav flex-column nav-pills sticky-top sticky-offset" id="pages-board">
21 |           <template x-for="(page, idx) in pages" :key="idx">
22 |             <a class="nav-link" data-toggle="pill" role="tab" href="#" x-text="page" x-transition
23 |               @click="selectPage(page)" :class="current_page === page ? 'active': ''"></a>
24 |           </template>
25 |         </div>
26 |       </div>
27 | 
28 |       <div
29 |           class="col-md-9 offset-md-1"
30 |           x-data="ChallengeBoard"
31 |           @load-challenges.window="loadChallenges($event.detail)"
32 |           @load-challenge.window="loadChallenge($event.detail)"
33 |       >
34 |         <div
35 |             x-ref="challengeWindow" id="challenge-window" class="modal fade" tabindex="-1" role="dialog" x-data=""
36 |             x-html="$store.challenge.data.view"
37 |         ></div>
38 |     
39 |         <div x-show="!loaded">
40 |           <div class="min-vh-50 d-flex align-items-center">
41 |             <div class="text-center w-100">
42 |               <i class="fas fa-circle-notch fa-spin fa-3x fa-fw spinner"></i>
43 |             </div>
44 |           </div>
45 |         </div>
46 |       
47 |         <div x-show="loaded">
48 |           <template x-for="(category, idx) in getCategories()" :key="idx">
49 |             <div class="pt-5">
50 |               <div class="category-header mb-3">
51 |                 <h3 x-text="category"></h3>
52 |               </div>
53 |             
54 |               <div class="category-challenges d-flex flex-column">
55 |                 <div class="challenges-row row">
56 |                   <template x-for="(c, idx) in getChallenges(category)" :key="c.id">
57 |                     <div class="col-sm-6 col-md-4 col-lg-3">
58 |                       <button
59 |                           class="challenge-button btn btn-dark w-100 text-truncate my-3"
60 |                           :class="c.solved_by_me ? 'challenge-solved' : ''"
61 |                           :value="c.id" @click="loadChallenge(c.id)"
62 |                       >
63 |                         <div class="challenge-inner my-3">
64 |                           <p x-text="c.name"></p>
65 |                           <span x-text="c.value"></span>
66 |                         </div>
67 |                       </button>
68 |                     </div>
69 |                   </template>
70 |                 </div>
71 |               </div>
72 |             </div>
73 |           </template>
74 |         </div>
75 |       </div>
76 |     </div>
77 |   </div>
78 | {% endblock %}
79 | 
80 | {% block scripts %}
81 |   {{ Assets.js("assets/js/challenges.js") }}
82 | {% endblock %}


--------------------------------------------------------------------------------
/templates/components/errors.html:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   {% for info in infos %}
 3 |     <div class="alert alert-info alert-dismissible text-center" role="alert">
 4 |       <span>{{ info }}</span>
 5 |       <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
 6 |         <span aria-hidden="true"></span>
 7 |       </button>
 8 |     </div>
 9 |   {% endfor %}
10 | 
11 |   {% for error in errors %}
12 |     <div class="alert alert-danger alert-dismissible text-center" role="alert">
13 |       <span>{{ error }}</span>
14 |       <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
15 |         <span aria-hidden="true"></span>
16 |       </button>
17 |     </div>
18 |   {% endfor %}
19 | </div>


--------------------------------------------------------------------------------
/templates/components/navbar.html:
--------------------------------------------------------------------------------
  1 | <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
  2 |   <div class="container">
  3 |     <a href="{{ url_for('views.static_html', route='/') }}" class="navbar-brand">
  4 |       {% if Configs.ctf_logo %}
  5 |         <img
  6 |             class="img-responsive ctf_logo"
  7 |             src="{{ url_for('views.files', path=Configs.ctf_logo) }}"
  8 |             alt="{{ Configs.ctf_name }}"
  9 |             height="25"
 10 |         >
 11 |       {% else %}
 12 |         {{ Configs.ctf_name }}
 13 |       {% endif %}
 14 |     </a>
 15 | 
 16 |     <button
 17 |         class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#base-navbars"
 18 |         aria-controls="base-navbars" aria-expanded="false" aria-label="Toggle navigation"
 19 |     >
 20 |       <span class="navbar-toggler-icon"></span>
 21 |     </button>
 22 | 
 23 |     <div class="collapse navbar-collapse" id="base-navbars">
 24 |       <ul class="navbar-nav me-auto">
 25 |         {% for page in Plugins.user_menu_pages %}
 26 |           <li class="nav-item">
 27 |             <a class="nav-link" href="{{ page.route }}">{{ page.title }}</a>
 28 |           </li>
 29 |         {% endfor %}
 30 | 
 31 |         {% if Configs.account_visibility != 'admins' %}
 32 |           <li class="nav-item">
 33 |             <a class="nav-link" href="{{ url_for('users.listing') }}">
 34 |               {% trans %}Users{% endtrans %}
 35 |             </a>
 36 |           </li>
 37 | 
 38 |           {% if Configs.user_mode == 'teams' %}
 39 |             <li class="nav-item">
 40 |               <a class="nav-link" href="{{ url_for('teams.listing') }}">
 41 |                 {% trans %}Teams{% endtrans %}
 42 |               </a>
 43 |             </li>
 44 |           {% endif %}
 45 |         {% endif %}
 46 | 
 47 |         {% if Configs.account_visibility != 'admins' and Configs.score_visibility != 'admins' %}
 48 |           <li class="nav-item">
 49 |             <a class="nav-link" href="{{ url_for('scoreboard.listing') }}">
 50 |               {% trans %}Scoreboard{% endtrans %}
 51 |             </a>
 52 |           </li>
 53 |         {% endif %}
 54 | 
 55 |         <li class="nav-item">
 56 |           <a class="nav-link" href="{{ url_for('challenges.listing') }}">
 57 |             {% trans %}Challenges{% endtrans %}
 58 |           </a>
 59 |         </li>
 60 |       </ul>
 61 | 
 62 |       <hr class="d-sm-flex d-md-flex d-lg-none">
 63 | 
 64 |       <ul class="navbar-nav ms-md-auto d-block d-sm-flex d-md-flex">
 65 |         {% if authed() %}
 66 | 
 67 |           {% if is_admin() %}
 68 |             <li class="nav-item">
 69 |               <a class="nav-link" href="{{ url_for('admin.view') }}">
 70 |                 <span
 71 |                     class="d-block"
 72 |                     data-bs-toggle="tooltip"
 73 |                     data-bs-placement="bottom"
 74 |                     title="Admin Panel"
 75 |                 >
 76 |                     <i class="fas fa-wrench d-none d-md-block d-lg-none"></i>
 77 |                 </span>
 78 |                 <span class="d-sm-block d-md-none d-lg-block">
 79 |                   <i class="fas fa-wrench pe-1"></i>
 80 |                   {% trans %}Admin Panel{% endtrans %}
 81 |                 </span>
 82 |               </a>
 83 |             </li>
 84 |           {% endif %}
 85 | 
 86 |           <li class="nav-item">
 87 |             <a class="nav-link" href="{{ url_for('views.notifications') }}">
 88 |               <span
 89 |                   class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom"
 90 |                   title="Notifications"
 91 |               >
 92 |                 <i class="fas fa-bell d-none d-md-block d-lg-none"></i>
 93 |               </span>
 94 |               <span class="d-sm-block d-md-none d-lg-block">
 95 |                   <i class="fas fa-bell pe-1"></i>
 96 |                   <span x-data x-show="$store.unread_count > 0" x-text="$store.unread_count" class="badge rounded-pill bg-danger badge-notification"></span>
 97 |                   {% trans %}Notifications{% endtrans %}
 98 |               </span>
 99 |             </a>
100 |           </li>
101 | 
102 |           {% if Configs.user_mode == "teams" %}
103 |             <li class="nav-item">
104 |               <a class="nav-link" href="{{ url_for('teams.private') }}">
105 |                 <span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Team">
106 |                   <i class="fas fa-users d-none d-md-block d-lg-none"></i>
107 |                 </span>
108 |                 <span class="d-sm-block d-md-none d-lg-block">
109 |                   <i class="fas fa-users pe-1"></i>
110 |                   {% trans %}Team{% endtrans %}
111 |                 </span>
112 |               </a>
113 |             </li>
114 |           {% endif %}
115 | 
116 |           <li class="nav-item">
117 |             <a class="nav-link" href="{{ url_for('users.private') }}">
118 |               <span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Profile">
119 |                 <i class="fas fa-user-circle d-none d-md-block d-lg-none"></i>
120 |               </span>
121 |               <span class="d-sm-block d-md-none d-lg-block">
122 |                 <i class="fas fa-user-circle pe-1"></i>
123 |                 {% trans %}Profile{% endtrans %}
124 |               </span>
125 |             </a>
126 |           </li>
127 | 
128 |           <li class="nav-item">
129 |             <a class="nav-link" href="{{ url_for('views.settings') }}">
130 |               <span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Settings">
131 |                 <i class="fas fa-cogs d-none d-md-block d-lg-none"></i>
132 |               </span>
133 |               <span class="d-sm-block d-md-none d-lg-block">
134 |                 <i class="fas fa-cogs pe-1"></i>
135 |                 {% trans %}Settings{% endtrans %}
136 |               </span>
137 |             </a>
138 |           </li>
139 | 
140 |           <li class="nav-item">
141 |             <a class="nav-link" href="{{ url_for('auth.logout') }}">
142 |               <span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Logout">
143 |                 <i class="fas fa-sign-out-alt d-none d-md-block d-lg-none"></i>
144 |               </span>
145 |               <span class="d-sm-block d-md-none d-lg-block">
146 |                 <i class="fas fa-sign-out-alt pe-1"></i><span class="d-lg-none">
147 |                   {% trans %}Logout{% endtrans %}
148 |                 </span>
149 |               </span>
150 |             </a>
151 |           </li>
152 |         {% else %}
153 | 
154 |           {% if registration_visible() %}
155 |             <li class="nav-item">
156 |               <a class="nav-link" href="{{ url_for('auth.register') }}">
157 |                 <span
158 |                     class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom"
159 |                     title="Register"
160 |                 >
161 |                   <i class="fas fa-user-plus d-none d-md-block d-lg-none"></i>
162 |                 </span>
163 |                 <span class="d-sm-block d-md-none d-lg-block">
164 |                   <i class="fas fa-user-plus pe-1"></i>
165 |                   {% trans %}Register{% endtrans %}
166 |                 </span>
167 |               </a>
168 |             </li>
169 |           {% endif %}
170 | 
171 |           <li class="nav-item">
172 |             <a class="nav-link" href="{{ url_for('auth.login') }}">
173 |               <span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Login">
174 |                 <i class="fas fa-sign-in-alt d-none d-md-block d-lg-none"></i>
175 |               </span>
176 |               <span class="d-sm-block d-md-none d-lg-block">
177 |                 <i class="fas fa-sign-in-alt pe-1"></i>
178 |                 {% trans %}Login{% endtrans %}
179 |               </span>
180 |             </a>
181 |           </li>
182 |         {% endif %}
183 |       </ul>
184 |     </div>
185 |   </div>
186 | </nav>


--------------------------------------------------------------------------------
/templates/components/notifications.html:
--------------------------------------------------------------------------------
 1 | <div x-data>
 2 |   <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
 3 |     <div x-ref="toast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
 4 |       <div class="toast-header">
 5 |         <strong class="me-auto" x-text="$store.toast.title"></strong>
 6 |         <small>just now</small>
 7 |         <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
 8 |       </div>
 9 |       <div class="toast-body" x-html="$store.toast.html">
10 |       </div>
11 |     </div>
12 |   </div>
13 | </div>
14 | 
15 | 
16 | <div x-data>
17 |   <div class="modal" x-ref="modal" tabindex="-1">
18 |     <div class="modal-dialog">
19 |       <div class="modal-content">
20 |         <div class="modal-header">
21 |           <h5 class="modal-title" x-text="$store.modal.title"></h5>
22 |           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
23 |         </div>
24 |         <div class="modal-body">
25 |           <p x-html="$store.modal.html"></p>
26 |         </div>
27 |         <div class="modal-footer">
28 |           <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Got it!</button>
29 |         </div>
30 |       </div>
31 |     </div>
32 |   </div>
33 | </div>


--------------------------------------------------------------------------------
/templates/config.html:
--------------------------------------------------------------------------------
 1 | <form>
 2 |   <div class="form-group">
 3 |     <label>Challenge Window Size</label>
 4 |     <select class="form-control custom-select" name="challenge_window_size">
 5 |         <option value="sm">Small</option>
 6 |         <option value="norm">Normal</option>
 7 |         <option value="lg">Large</option>
 8 |         <option value="xl">Extra Large</option>
 9 |     </select>
10 |   </div>
11 | 
12 |   <div class="form-group">
13 |     <label>
14 |       Challenge Category Order Custom Function<br>
15 |       <small class="form-text text-muted">
16 |         Define a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#description" target="_blank">custom compareFn function for Array.sort()</a> 
17 |         used to sort the challenge categories
18 |       </small>
19 |     </label>
20 |     <textarea class="form-control text-monospace" name="challenge_category_order" rows="5"></textarea>
21 |   </div>
22 | 
23 |   <div class="form-group">
24 |     <label>
25 |       Challenge Order Custom Function<br>
26 |       <small class="form-text text-muted">
27 |         Define a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#description" target="_blank">custom compareFn function for Array.sort()</a> 
28 |         used to sort the challenges within categories
29 |       </small>
30 |     </label>
31 |     <textarea class="form-control text-monospace" name="challenge_order" rows="5"></textarea>
32 |   </div>
33 | 
34 |   <div>
35 |     <div class="form-check">
36 |       <input type="checkbox" class="form-check-input" id="use_builtin_code_highlighter" name="use_builtin_code_highlighter" checked>
37 |       <label class="form-check-label" for="use_builtin_code_highlighter">
38 |         Use Built-In Syntax Highlighter
39 |       </label>
40 |     </div>
41 |     <small class="form-text text-muted">
42 |       The built-in syntax highlighter is lightweight and fast but may not always correctly highlight all languages. You can disable the built-in highlighter in order to use your own.
43 |     </small>
44 |   </div>
45 | 
46 |   <button type="submit" class="btn btn-primary float-right mt-4">Update</button>
47 | </form>


--------------------------------------------------------------------------------
/templates/confirm.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>
 7 |         {% trans %}Confirm{% endtrans %}
 8 |       </h1>
 9 |     </div>
10 |   </div>
11 | 
12 |   <div class="container">
13 |     <div class="row">
14 |       <div class="col-md-10 col-lg-8 col-xl-6 offset-md-1 offset-lg-2 offset-xl-3">
15 |         {% include "components/errors.html" %}
16 | 
17 |         <h5 class="text-center">
18 |           {% trans %}We've sent a confirmation email to your email address.{% endtrans %}
19 |         </h5>
20 | 
21 |         <br>
22 | 
23 |         <h5 class="text-center">
24 |           {% trans %}Please click the link in that email to confirm your account.{% endtrans %}
25 |         </h5>
26 | 
27 |         <br>
28 | 
29 |         <h5 class="text-center">
30 |           {% trans %}If the email doesn’t arrive, check your spam folder or contact an administrator to manually verify your account.{% endtrans %}
31 |         </h5>
32 | 
33 |         <hr>
34 | 
35 |         {% with form = Forms.auth.ConfirmForm() %}
36 |           <form method="POST" action="{{ url_for('auth.confirm') }}">
37 |             <div class="row">
38 |               <div class="mb-3 col-md-6">
39 |                 {{ form.submit(class="btn btn-primary w-100") }}
40 |               </div>
41 |               <div class="mb-3 col-md-6">
42 |                 <a href="{{ url_for('views.settings') }}" class="btn btn-secondary w-100">
43 |                   {% trans %}Change Email Address{% endtrans %}
44 |                 </a>
45 |               </div>
46 |               {{ form.nonce() }}
47 |             </div>
48 |           </form>
49 |         {% endwith %}
50 |       </div>
51 |     </div>
52 |   </div>
53 | {% endblock %}
54 | 


--------------------------------------------------------------------------------
/templates/errors/403.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 | 
 5 | <div class="container">
 6 | 	<div class="row">
 7 | 		<div class="col-md-12">
 8 | 			<div class="pt-5 mt-5 text-center">
 9 | 				<h1>{% trans %}Forbidden{% endtrans %}</h1>
10 | 				<hr class="w-50 m-auto">
11 | 				<h2>{{ error }}</h2>
12 | 			</div>
13 | 		</div>
14 | 	</div>
15 | </div>
16 | 
17 | {% endblock %}
18 | 


--------------------------------------------------------------------------------
/templates/errors/404.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 | 
 5 | <div class="container">
 6 | 	<div class="row">
 7 | 		<div class="col-md-12">
 8 | 			<div class="pt-5 mt-5 text-center">
 9 | 				<h1>404</h1>
10 | 				<hr class="w-50 m-auto">
11 | 				<h2>{% trans %}File not found{% endtrans %}</h2>
12 | 				<h2>{% trans %}Sorry about that{% endtrans %}</h2>
13 | 			</div>
14 | 		</div>
15 | 	</div>
16 | </div>
17 | 
18 | 
19 | {% endblock %}
20 | 


--------------------------------------------------------------------------------
/templates/errors/429.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 | 
 5 | <div class="container">
 6 | 	<div class="row">
 7 | 		<div class="col-md-12">
 8 | 			<div class="pt-5 mt-5 text-center">
 9 | 				<h1>429</h1>
10 | 				<hr class="w-50 m-auto">
11 | 				<h2>{% trans %}Too many requests{% endtrans %}</h2>
12 | 				<h2>{% trans %}Please slow down!{% endtrans %}</h2>
13 | 			</div>
14 | 		</div>
15 | 	</div>
16 | </div>
17 | 
18 | 
19 | {% endblock %}
20 | 


--------------------------------------------------------------------------------
/templates/errors/500.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 | 
 5 | <div class="container">
 6 | 	<div class="row">
 7 | 		<div class="col-md-12">
 8 | 			<div class="pt-5 mt-5 text-center">
 9 | 				<h1>500</h1>
10 | 				<hr class="w-50 m-auto">
11 | 				<h2>{{ error }}</h2>
12 | 			</div>
13 | 		</div>
14 | 	</div>
15 | </div>
16 | 
17 | 
18 | {% endblock %}
19 | 


--------------------------------------------------------------------------------
/templates/errors/502.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 | 
 5 | <div class="container">
 6 | 	<div class="row">
 7 | 		<div class="col-md-12">
 8 | 			<div class="pt-5 mt-5 text-center">
 9 | 				<h1>502</h1>
10 | 				<hr class="w-50 m-auto">
11 | 				<h2>{% trans %}Bad Gateway{% endtrans %}</h2>
12 | 			</div>
13 | 		</div>
14 | 	</div>
15 | </div>
16 | 
17 | 
18 | {% endblock %}
19 | 


--------------------------------------------------------------------------------
/templates/login.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>
 7 |         {% trans %}Login{% endtrans %}
 8 |       </h1>
 9 |     </div>
10 |   </div>
11 | 
12 |   <div class="container">
13 |     <div class="row">
14 |       <div class="col-md-8 col offset-md-2 col-lg-6 offset-lg-3">
15 |         {% include "components/errors.html" %}
16 | 
17 |         {% if integrations.mlc() %}
18 |           <a class="btn btn-secondary btn-lg btn-block w-100" href="{{ url_for('auth.oauth_login') }}">
19 |             Login with Major League Cyber
20 |           </a>
21 | 
22 |           <hr>
23 |         {% endif %}
24 | 
25 |         {% with form = Forms.auth.LoginForm() %}
26 |           <form method="post" accept-charset="utf-8" autocomplete="off">
27 |             <div class="mb-3">
28 |               <b>{{ form.name.label(class="form-label") }}</b>
29 |               {{ form.name(class="form-control", value=name) }}
30 |             </div>
31 | 
32 |             <div class="mb-3">
33 |               <b>{{ form.password.label(class="form-label") }}</b>
34 |               {{ form.password(class="form-control", value=password) }}
35 |             </div>
36 | 
37 |             <div class="row pt-3">
38 |               <div class="col-6 col-md-8">
39 |                 <a class="align-middle" href="{{ url_for('auth.reset_password') }}">
40 |                   {% trans %}Forgot your password?{% endtrans %}
41 |                 </a>
42 |               </div>
43 | 
44 |               <div class="col-6 col-md-4">
45 |                 {{ form.submit(class="btn btn-block btn-primary w-100") }}
46 |               </div>
47 |             </div>
48 | 
49 |             {{ form.nonce() }}
50 |           </form>
51 |         {% endwith %}
52 |       </div>
53 |     </div>
54 |   </div>
55 | {% endblock %}
56 | 


--------------------------------------------------------------------------------
/templates/macros/forms.html:
--------------------------------------------------------------------------------
 1 | {% macro render_extra_fields(fields, show_labels=True, show_optionals=True, show_descriptions=True) -%}
 2 |   {% for field in fields %}
 3 |     {% if field.field_type == "text" %}
 4 | 
 5 |       <div class="mb-3">
 6 |         {% if show_labels %}
 7 |           <b>{{ field.label(class="form-label") }}</b>
 8 |         {% endif %}
 9 | 
10 |         {% if show_optionals %}
11 |           {% if field.flags.required is false %}
12 |             <small class="ms-1 text-muted">
13 |               {% trans %}(Optional){% endtrans %}
14 |             </small>
15 |           {% endif %}
16 |         {% endif %}
17 | 
18 |         {{ field(class="form-control") }}
19 | 
20 |         {% if show_descriptions %}
21 |           {% if field.description %}
22 |             <small class="form-text text-muted">
23 |               {{ field.description }}
24 |             </small>
25 |           {% endif %}
26 |         {% endif %}
27 |       </div>
28 | 
29 |     {% elif field.field_type == "boolean" %}
30 | 
31 |       <div>
32 |         {{ field.label(class="form-label") }}
33 |         {% if show_optionals %}
34 |           {% if field.flags.required is false %}
35 |             <small class="ms-1 text-muted">
36 |               {% trans %}(Optional){% endtrans %}
37 |             </small>
38 |           {% endif %}
39 |         {% endif %}
40 |       </div>
41 | 
42 |       <div class="mb-3 border border-1 p-3">
43 |         <div class="form-check">
44 |           {{ field(class="form-check-input") }}
45 |           {{ field.label(class="form-check-label") }}
46 |         </div>
47 | 
48 |         {% if show_descriptions %}
49 |           {% if field.description %}
50 |             <small class="form-text text-muted">
51 |               {{ field.description }}
52 |             </small>
53 |           {% endif %}
54 | 
55 |         {% endif %}
56 |       </div>
57 | 
58 |     {% endif %}
59 |   {% endfor %}
60 | {%- endmacro %}


--------------------------------------------------------------------------------
/templates/notifications.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 | 	<div class="jumbotron">
 5 | 		<div class="container">
 6 | 			<h1>
 7 | 				{% trans %}Notifications{% endtrans %}
 8 | 			</h1>
 9 | 		</div>
10 | 	</div>
11 | 	<div class="container">
12 | 		{% if not notifications %}
13 | 		<h2 class="text-center">
14 | 			{% trans %}There are no notifications yet{% endtrans %}
15 | 		</h2>
16 | 		{% endif %}
17 | 		{% for notification in notifications %}
18 | 		<div class="card bg-light mb-4">
19 | 			<div class="card-body">
20 | 				<h3 class="card-title">{{ notification.title }}</h3>
21 | 				<blockquote class="blockquote mb-0">
22 | 					<p>{{ notification.html }}</p>
23 | 					<small class="text-muted"><span data-time="{{ notification.date | isoformat }}"></span></small>
24 | 				</blockquote>
25 | 			</div>
26 | 		</div>
27 | 		{% endfor %}
28 | 	</div>
29 | {% endblock %}
30 | 
31 | {% block scripts %}
32 |   {{ Assets.js("assets/js/notifications.js") }}
33 | {% endblock %}
34 | 
35 | 


--------------------------------------------------------------------------------
/templates/page.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="container">
 5 |     {{ content | safe }}
 6 |   </div>
 7 | {% endblock %}
 8 | 
 9 | {% block scripts %}
10 |   {{ Assets.js("assets/js/page.js") }}
11 | {% endblock %}
12 | 


--------------------------------------------------------------------------------
/templates/register.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>
 7 |         {% trans %}Register{% endtrans %}
 8 |       </h1>
 9 |     </div>
10 |   </div>
11 | 
12 |   <div class="container">
13 |     <div class="row">
14 |       <div class="col-md-6 offset-md-3">
15 |         {% include "components/errors.html" %}
16 | 
17 |         {% if integrations.mlc() %}
18 |           <a class="btn btn-secondary btn-lg btn-block w-100" href="{{ url_for('auth.oauth_login') }}">
19 |             Login with Major League Cyber
20 |           </a>
21 | 
22 |           <hr>
23 |         {% endif %}
24 | 
25 |         {% with form = Forms.auth.RegistrationForm() %}
26 | 
27 |           {% from "macros/forms.html" import render_extra_fields %}
28 | 
29 |           <form method="post" accept-charset="utf-8" autocomplete="off" role="form">
30 | 
31 |             <div class="mb-3">
32 |               <b>{{ form.name.label(class="form-label") }}</b>
33 |               {{ form.name(class="form-control", value=name) }}
34 |               <small class="form-text text-muted">
35 |                 {% trans %}Your username on the site{% endtrans %}
36 |               </small>
37 |             </div>
38 | 
39 |             <div class="mb-3">
40 |               <b>{{ form.email.label(class="form-label") }}</b>
41 |               {{ form.email(class="form-control", value=email) }}
42 |               <small class="form-text text-muted">
43 |                 {% trans %}Never shown to the public{% endtrans %}
44 |               </small>
45 |             </div>
46 | 
47 |             <div class="mb-3">
48 |               <b>{{ form.password.label(class="form-label") }}</b>
49 |               {{ form.password(class="form-control", value=password) }}
50 |               <small class="form-text text-muted">
51 |                 {% trans %}Password used to log into your account{% endtrans %}
52 |               </small>
53 |             </div>
54 | 
55 |             {{ form.nonce() }}
56 | 
57 |             {{ render_extra_fields(form.extra) }}
58 | 
59 |             <div class="row pt-3">
60 |               <div class="col-6 col-md-4 offset-6 offset-md-8">
61 |                 {{ form.submit(class="btn btn-block btn-primary w-100") }}
62 |               </div>
63 |             </div>
64 | 
65 |             {% if Configs.tos_or_privacy %}
66 |               <div class="row pt-3">
67 |                 <div class="col-md-12 text-center">
68 |                   <small class="text-muted text-center">
69 |                     By registering, you agree to the
70 |                     <a href="{{ Configs.privacy_link }}" rel="noopener" target="_blank">privacy policy</a>
71 |                     and <a href="{{ Configs.tos_link }}" rel="noopener" target="_blank">terms of service</a>
72 |                   </small>
73 |                 </div>
74 |               </div>
75 |             {% endif %}
76 |           </form>
77 |         {% endwith %}
78 |       </div>
79 |     </div>
80 |   </div>
81 | {% endblock %}
82 | 


--------------------------------------------------------------------------------
/templates/reset_password.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>
 7 |         {% trans %}Reset Password{% endtrans %}
 8 |       </h1>
 9 |     </div>
10 |   </div>
11 | 
12 |   <div class="container">
13 |     <div class="row">
14 |       <div class="col-md-6 offset-md-3">
15 |         {% include "components/errors.html" %}
16 | 
17 |         {% if mode == "set" %}
18 |           {% with form = Forms.auth.ResetPasswordForm() %}
19 |             <form method="post" accept-charset="utf-8" autocomplete="off" role="form" class="form-horizontal">
20 |               <p>
21 |                 {% trans %}You can now reset the password for your account and log in. Please enter in a new password below.{% endtrans %}
22 |               </p>
23 | 
24 |               <div class="mb-3">
25 |                 {{ form.password.label(class="form-label") }}
26 |                 {{ form.password(class="form-control") }}
27 |               </div>
28 | 
29 |               <div class="row pt-3">
30 |                 <div class="col-6 col-md-4 offset-6 offset-md-8">
31 |                   {{ form.submit(class="btn btn-block btn-primary w-100") }}
32 |                 </div>
33 |               </div>
34 | 
35 |               {{ form.nonce() }}
36 |             </form>
37 | 
38 |           {% endwith %}
39 |         {% else %}
40 |           {% with form = Forms.auth.ResetPasswordRequestForm() %}
41 | 
42 |             <form method="post" accept-charset="utf-8" autocomplete="off" role="form" class="form-horizontal">
43 |               <p>
44 |                 {% trans %}Please provide the email address associated with your account below.{% endtrans %}
45 |               </p>
46 | 
47 |               <div class="mb-3">
48 |                 {{ form.email.label(class="form-label") }}
49 |                 {{ form.email(class="form-control ") }}
50 |               </div>
51 | 
52 |               <div class="row pt-3">
53 |                 <div class="col-6 col-md-4 offset-6 offset-md-8">
54 |                   {{ form.submit(class="btn btn-block btn-primary w-100") }}
55 |                 </div>
56 |               </div>
57 | 
58 |               {{ form.nonce() }}
59 |             </form>
60 | 
61 |           {% endwith %}
62 |         {% endif %}
63 |       </div>
64 |     </div>
65 |   </div>
66 | {% endblock %}
67 | 


--------------------------------------------------------------------------------
/templates/scoreboard.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>
 7 |         {% trans %}Scoreboard{% endtrans %}
 8 |       </h1>
 9 |     </div>
10 |   </div>
11 |   <div class="container">
12 |     {% include "components/errors.html" %}
13 | 
14 |     <div id="score-graph" class="d-flex align-items-center" x-data="ScoreboardDetail" x-ref="scoregraph">
15 |       <div class="col-md-12 text-center">
16 |         <i class="fas fa-circle-notch fa-spin fa-3x fa-fw spinner"></i>
17 |       </div>
18 |     </div>
19 | 
20 |     {% cache 60, CacheKeys.PUBLIC_SCOREBOARD_TABLE %}
21 |       {% if standings %}
22 | 
23 |         <div id="scoreboard" class="row">
24 |           <div class="col-md-12">
25 |             <table class="table table-striped">
26 |               <thead>
27 |               <tr>
28 |                 <td style="width: 10px"><b>{% trans %}Place{% endtrans %}</b></td>
29 |                 <td><b>{{ get_mode_as_word(capitalize=True) }}</b></td>
30 |                 <td><b>{% trans %}Score{% endtrans %}</b></td>
31 |               </tr>
32 |               </thead>
33 | 
34 |               <tbody>
35 |               {% for standing in standings %}
36 |                 <tr>
37 |                   <th scope="row" class="text-center">{{ loop.index }}</th>
38 |                   <td>
39 |                     <a href="{{ generate_account_url(standing.account_id) }}">
40 |                       {{ standing.name | truncate(50) }}
41 | 
42 |                       {% if standing.oauth_id %}
43 |                         {% if Configs.user_mode == 'teams' %}
44 |                           <a href="https://majorleaguecyber.org/t/{{ standing.name }}">
45 |                             <span class="badge bg-primary ms-2">Official</span>
46 |                           </a>
47 |                         {% elif Configs.user_mode == 'users' %}
48 |                           <a href="https://majorleaguecyber.org/u/{{ standing.name }}">
49 |                             <span class="badge bg-primary ms-2">Official</span>
50 |                           </a>
51 |                         {% endif %}
52 |                       {% endif %}
53 |                     </a>
54 |                   </td>
55 |                   <td>{{ standing.score }}</td>
56 |                 </tr>
57 |               {% endfor %}
58 |               </tbody>
59 | 
60 |             </table>
61 |           </div>
62 |         </div>
63 | 
64 |       {% endif %}
65 |     {% endcache %}
66 |   </div>
67 | {% endblock %}
68 | 
69 | {% block scripts %}
70 |   {{ Assets.js("assets/js/scoreboard.js") }}
71 | {% endblock %}
72 | 


--------------------------------------------------------------------------------
/templates/settings.html:
--------------------------------------------------------------------------------
  1 | {% extends "base.html" %}
  2 | {% from "macros/forms.html" import render_extra_fields %}
  3 | 
  4 | {% block content %}
  5 |   <div class="jumbotron">
  6 |     <div class="container">
  7 |       <h1>
  8 |         {% trans %}Settings{% endtrans %}
  9 |       </h1>
 10 |     </div>
 11 |   </div>
 12 | 
 13 |   <div class="container">
 14 |     <div class="row">
 15 | 
 16 |       <div class="col-md-3 offset-md-1 mb-3 mb-md-0">
 17 |         <div class="nav flex-column nav-pills" role="tablist">
 18 |           <button
 19 |               class="nav-link active" id="settings-profile-tab" data-bs-toggle="pill"
 20 |               data-bs-target="#profile" role="tab"
 21 |           >{% trans %}Profile{% endtrans %}
 22 |           </button>
 23 |           <button
 24 |               class="nav-link" id="settings-tokens-tab" data-bs-toggle="pill" data-bs-target="#tokens"
 25 |               role="tab"
 26 |           >{% trans %}Access Tokens{% endtrans %}
 27 |           </button>
 28 |         </div>
 29 |       </div>
 30 | 
 31 |       <div class="col-md-8">
 32 |         <div class="tab-content" id="v-pills-tabContent">
 33 |           <div class="tab-pane fade show active" id="profile" role="tabpanel">
 34 |             {% include "components/errors.html" %}
 35 | 
 36 |             {% with form = Forms.self.SettingsForm(language=language, country=country) %}
 37 |               <form
 38 |                   method="post" accept-charset="utf-8" autocomplete="off" role="form"
 39 |                   x-data="SettingsForm"
 40 |                   @submit.prevent="updateProfile()"
 41 |                   class="form-horizontal"
 42 |               >
 43 | 
 44 |                 <div class="mb-3">
 45 |                   <b>{{ form.name.label(class="form-label") }}</b>
 46 |                   {{ form.name(class="form-control", value=name) }}
 47 |                 </div>
 48 | 
 49 |                 <div class="mb-3">
 50 |                   <b>{{ form.email.label(class="form-label") }}</b>
 51 |                   {{ form.email(class="form-control", value=email) }}
 52 |                 </div>
 53 | 
 54 |                 <div class="mb-3">
 55 |                   <b>{{ form.language.label(class="form-label") }}</b>
 56 |                   {{ form.language(class="form-control form-select", value=language) }}
 57 |                 </div>
 58 | 
 59 |                 <hr>
 60 | 
 61 |                 <div class="mb-3">
 62 |                   <b>{{ form.confirm.label(class="form-label") }}</b>
 63 |                   {{ form.confirm(class="form-control") }}
 64 |                 </div>
 65 |                 <div class="mb-3">
 66 |                   <b>{{ form.password.label(class="form-label") }}</b>
 67 |                   {{ form.password(class="form-control") }}
 68 |                 </div>
 69 | 
 70 |                 <hr>
 71 | 
 72 |                 <div class="mb-3">
 73 |                   <b>{{ form.affiliation.label(class="form-label") }}</b>
 74 |                   {{ form.affiliation(class="form-control", value=affiliation or "") }}
 75 |                 </div>
 76 |                 <div class="mb-3">
 77 |                   <b>{{ form.website.label(class="form-label") }}</b>
 78 |                   {{ form.website(class="form-control", value=website or "") }}
 79 |                 </div>
 80 |                 <div class="mb-3">
 81 |                   <b>{{ form.country.label(class="form-label") }}</b>
 82 |                   {{ form.country(class="form-control form-select", value=country) }}
 83 |                 </div>
 84 | 
 85 |                 <hr>
 86 | 
 87 |                 {{ render_extra_fields(form.extra) }}
 88 | 
 89 |                 <div id="results" class="mb-3">
 90 |                   <div
 91 |                       class="alert alert-success alert-dismissible submit-row" role="alert"
 92 |                       x-cloak="success" x-show="success"
 93 |                   >
 94 |                     <strong>Success!</strong>
 95 |                     {% trans %}Your profile has been updated{% endtrans %}
 96 |                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
 97 |                     </button>
 98 |                   </div>
 99 | 
100 | 
101 |                   <template x-for="(msg, idx) in errors" :key="idx">
102 |                     <div class="alert alert-danger alert-dismissible" role="alert">
103 |                       <span class="sr-only">{% trans %}Error:{% endtrans %}</span>
104 |                       <span x-text="msg"></span>
105 |                       <button
106 |                           type="button" class="btn-close" data-bs-dismiss="alert"
107 |                           aria-label="Close"
108 |                       >
109 |                       </button>
110 |                     </div>
111 |                   </template>
112 |                 </div>
113 | 
114 |                 <div class="mb-3">
115 |                   {{ form.submit(class="btn btn-primary float-end px-4") }}
116 |                 </div>
117 |               </form>
118 |             {% endwith %}
119 |           </div>
120 | 
121 |           <div class="tab-pane fade" id="tokens" role="tabpanel">
122 | 
123 |             {% with form = Forms.self.TokensForm() %}
124 |               <form method="POST" x-data="TokensForm" @submit.prevent="generateToken()" class="mb-3">
125 |                 <div class="modal fade" tabindex="-1" x-ref="tokenModal">
126 |                   <div class="modal-dialog modal-lg">
127 |                     <div class="modal-content">
128 |                       <div class="modal-header">
129 |                         <h5 class="modal-title">{% trans %}API Key Generated{% endtrans %}</h5>
130 |                         <button
131 |                             type="button" class="btn-close" data-bs-dismiss="modal"
132 |                             aria-label="Close"
133 |                         ></button>
134 |                       </div>
135 | 
136 |                       <div class="modal-body">
137 |                         <p>{% trans %}Please copy your API Key, it won't be shown again!{% endtrans %}</p>
138 | 
139 |                         <div class="input-group mb-3">
140 |                           <input
141 |                               type="text" class="form-control bg-white" x-ref="token"
142 |                               x-model="token" readonly
143 |                           >
144 |                           <button
145 |                               class="btn btn-outline-secondary px-3" type="button"
146 |                               @click="copyToken()"
147 |                           >
148 |                             <i class="fas fa-clipboard"></i>
149 |                           </button>
150 |                         </div>
151 |                       </div>
152 | 
153 |                       <div class="modal-footer">
154 |                         <button type="button" class="btn btn-primary" data-bs-dismiss="modal">
155 |                           Got it!
156 |                         </button>
157 |                       </div>
158 |                     </div>
159 |                   </div>
160 |                 </div>
161 | 
162 |                 <div class="mb-3">
163 |                   <b>{{ form.expiration.label(class="form-label") }}</b>
164 |                   {{ form.expiration(class="form-control") }}
165 |                 </div>
166 | 
167 |                 <div class="mb-3">
168 |                   <b>{{ form.description.label(class="form-label") }}</b>
169 |                   {{ form.description(class="form-control", rows="3") }}
170 |                 </div>
171 | 
172 |                 <div class="row">
173 |                   <div class="col">
174 |                     {{ form.submit(class="btn btn-block btn-primary float-end px-4") }}
175 |                   </div>
176 |                 </div>
177 |               </form>
178 |             {% endwith %}
179 | 
180 |             {% if tokens %}
181 |               <hr>
182 | 
183 |               <h4 class="text-center mt-3">{% trans %}Active Tokens{% endtrans %}</h4>
184 | 
185 |               {# This has to be wrapping the table modal, because div with modal will get pushed out
186 |                  of the table and alpine ref will not work #}
187 |               <div x-data="Tokens">
188 |                 <div
189 |                     class="modal fade" x-ref="confirmModal" tabindex="-1" role="dialog"
190 |                     aria-modal="true"
191 |                 >
192 |                   <div class="modal-dialog" role="document">
193 |                     <div class="modal-content">
194 |                       <div class="modal-header">
195 |                         <h5 class="modal-title">{% trans %}Delete Token{% endtrans %}</h5>
196 |                         <button
197 |                             type="button" class="btn-close" data-bs-dismiss="modal"
198 |                             aria-label="Close"
199 |                         >
200 |                         </button>
201 |                       </div>
202 | 
203 |                       <div class="modal-body">
204 |                         <p>{% trans %}Are you sure you want to delete this token?{% endtrans %}</p>
205 |                       </div>
206 | 
207 |                       <div class="modal-footer">
208 |                         <button type="button" class="btn btn-danger" data-bs-dismiss="modal">
209 |                           No
210 |                         </button>
211 |                         <button
212 |                             type="button" class="btn btn-primary" data-bs-dismiss="modal"
213 |                             @click="deleteSelectedToken()"
214 |                         >Yes
215 |                         </button>
216 |                       </div>
217 |                     </div>
218 |                   </div>
219 |                 </div>
220 | 
221 |                 <table class="table table-striped">
222 |                   <thead>
223 |                   <tr>
224 |                     <td class="text-center"><b>{% trans %}Created{% endtrans %}</b></td>
225 |                     <td><b>{% trans %}Expiration{% endtrans %}</b></td>
226 |                     <td><b>{% trans %}Description{% endtrans %}</b></td>
227 |                     <td><b>{% trans %}Delete{% endtrans %}</b></td>
228 |                   </tr>
229 |                   </thead>
230 |                   <tbody>
231 |                   {% for token in tokens %}
232 |                     <tr x-ref="token-{{ token.id }}">
233 |                       <td class="text-center">
234 |                         <span data-time="{{ token.created | isoformat }}"></span>
235 |                       </td>
236 |                       <td>
237 |                         <span data-time="{{ token.expiration | isoformat }}"></span>
238 |                       </td>
239 |                       <td>
240 |                         <span>{{ token.description | default('', true) }}</span>
241 |                       </td>
242 |                       <td class="text-center">
243 |                         <span
244 |                             class="delete-token" role="button"
245 |                             @click="deleteTokenModal({{ token.id }})">
246 |                             <i class="cursor-pointer fas fa-times"></i>
247 |                         </span>
248 |                       </td>
249 |                     </tr>
250 |                   {% endfor %}
251 | 
252 |                   </tbody>
253 |                 </table>
254 |               </div>
255 |             {% endif %}
256 | 
257 |           </div>
258 |         </div>
259 |       </div>
260 |     </div>
261 |   </div>
262 | {% endblock %}
263 | 
264 | {% block scripts %}
265 |   {{ Assets.js("assets/js/settings.js") }}
266 | {% endblock %}
267 | 


--------------------------------------------------------------------------------
/templates/teams/invite.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>{% trans %}Join Team{% endtrans %}</h1>
 7 |     </div>
 8 |   </div>
 9 |   <div class="container">
10 |     <div class="row">
11 |       <div class="col-md-8 col-lg-6 offset-md-2 offset-lg-3">
12 |         {% include "components/errors.html" %}
13 | 
14 |         <p class="h3 text-center mt-md-4">
15 |           {% trans %}Welcome to{% endtrans %} <strong>{{ team.name }}</strong>!
16 |         </p>
17 | 
18 |         <p class="text-center">
19 |           {% trans %}Click the button below to join the team!{% endtrans %}
20 |           <br>
21 |           <small class="text-muted">
22 |             Or <a href="{{ url_for('teams.new') }}">click here</a> if you'd prefer to create your own team.
23 |           </small>
24 |         </p>
25 | 
26 |         {% with form = Forms.teams.TeamInviteJoinForm() %}
27 |           <form method="POST">
28 |             <div class="row pt-3 text-center">
29 |               <div class="col-md-12">
30 |                 {{ form.submit(class="btn btn-success w-100") }}
31 |               </div>
32 |             </div>
33 |             {{ form.nonce() }}
34 |           </form>
35 |         {% endwith %}
36 |       </div>
37 |     </div>
38 |   </div>
39 | {% endblock %}
40 | 


--------------------------------------------------------------------------------
/templates/teams/join_team.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>{% trans %}Join Team{% endtrans %}</h1>
 7 |     </div>
 8 |   </div>
 9 |   <div class="container">
10 |     <div class="row">
11 |       <div class="col-md-8 col-lg-6 offset-md-2 offset-lg-3">
12 |         {% include "components/errors.html" %}
13 | 
14 |         {% with form = Forms.teams.TeamJoinForm() %}
15 |           <form method="POST">
16 |             <div class="mb-3">
17 |               {{ form.name.label(class="form-label") }}
18 |               {{ form.name(class="form-control") }}
19 |             </div>
20 | 
21 |             <div class="mb-3">
22 |               {{ form.password.label(class="form-label") }}
23 |               {{ form.password(class="form-control") }}
24 |             </div>
25 | 
26 |             <div class="row pt-3">
27 |               <div class="col-md-12">
28 |                 {{ form.submit(class="btn btn-success float-end px-4") }}
29 |               </div>
30 |             </div>
31 |             {{ form.nonce() }}
32 |           </form>
33 |         {% endwith %}
34 |       </div>
35 |     </div>
36 |   </div>
37 | {% endblock %}
38 | 


--------------------------------------------------------------------------------
/templates/teams/new_team.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>{% trans %}Create Team{% endtrans %}</h1>
 7 |     </div>
 8 |   </div>
 9 |   <div class="container">
10 |     <div class="row">
11 |       <div class="col-md-6 offset-md-3">
12 |         {% include "components/errors.html" %}
13 | 
14 |         {% with form = Forms.teams.TeamRegisterForm() %}
15 |           {% from "macros/forms.html" import render_extra_fields %}
16 |           <form method="POST">
17 |             <div class="mb-3">
18 |               <b>{{ form.name.label(class="form-label") }}</b>
19 |               {{ form.name(class="form-control") }}
20 |             </div>
21 |             <div class="mb-3">
22 |               <b>{{ form.password.label(class="form-label") }}</b>
23 |               {{ form.password(class="form-control") }}
24 |             </div>
25 | 
26 |             {{ render_extra_fields(form.extra) }}
27 | 
28 |             <div class="row ">
29 |               <div class="col-md-12">
30 |                 <p>After creating your team, share the team name and password with your teammates so they can join your
31 |                   team.</p>
32 |                 {{ form.submit(class="btn btn-success float-end px-4") }}
33 |               </div>
34 |             </div>
35 |             {{ form.nonce() }}
36 |           </form>
37 |         {% endwith %}
38 |       </div>
39 |     </div>
40 |   </div>
41 | {% endblock %}
42 | 


--------------------------------------------------------------------------------
/templates/teams/public.html:
--------------------------------------------------------------------------------
  1 | {% extends "base.html" %}
  2 | 
  3 | {% block content %}
  4 |   <div class="jumbotron">
  5 |     <div class="container">
  6 |       <h1 id="team-id" data-ctfd-team-id="{{ team.id }}">{{ team.name }}</h1>
  7 | 
  8 |       {% if team.oauth_id %}
  9 |         <a href="https://majorleaguecyber.org/t/{{ team.name }}">
 10 |           <h3 class="d-inline-block mx-1"><span class="badge bg-primary rounded-pill">{% trans %}Official{% endtrans %}</span></h3>
 11 |         </a>
 12 |       {% endif %}
 13 | 
 14 |       {% if team.affiliation %}
 15 |         <h3 class="d-inline-block mx-1">
 16 |           <span class="badge bg-primary rounded-pill">{{ team.affiliation }}</span>
 17 |         </h3>
 18 |       {% endif %}
 19 | 
 20 |       {% if team.country %}
 21 |         <h3 class="d-inline-block mx-1">
 22 | 					<span class="badge bg-primary rounded-pill">
 23 | 						<i class="flag-{{ team.country.lower() }}"></i>
 24 | 						{{ lookup_country_code(team.country) }}
 25 | 					</span>
 26 |         </h3>
 27 |       {% endif %}
 28 | 
 29 |       <div class="pt-2">
 30 |         {% for field in team.fields %}
 31 |           <h3 class="d-block">
 32 |             {{ field.name }}: {{ field.value }}
 33 |           </h3>
 34 |         {% endfor %}
 35 |       </div>
 36 | 
 37 |       <div class="pt-2">
 38 |         {% if team.website and (team.website.startswith('http://') or team.website.startswith('https://')) %}
 39 |           <a href="{{ team.website }}" target="_blank" style="color: inherit;" rel="noopener">
 40 |             <i
 41 |                 class="fas fa-external-link-alt fa-2x px-2" data-toggle="tooltip" data-placement="top"
 42 |                 title="{{ team.website }}"
 43 |             ></i>
 44 |           </a>
 45 |         {% endif %}
 46 |       </div>
 47 | 
 48 |       {% if team.fields or team.website %}
 49 |         <hr class="w-50 mx-auto">
 50 |       {% endif %}
 51 | 
 52 |       <h2 id="team-place" class="text-center">
 53 |         {# This intentionally hides the team's place when scores are hidden because this can be
 54 | 				  their internal profile and we don't want to leak their place in the CTF. #}
 55 | 
 56 |         {# Public page hiding is done at the route level #}
 57 |         {% if scores_visible() %}
 58 |           {% if place %}
 59 |             {{ place }}
 60 |             <small>place</small>
 61 |           {% endif %}
 62 |         {% endif %}
 63 |       </h2>
 64 | 
 65 |       <h2 id="team-score" class="text-center">
 66 |         {% if score %}
 67 |           {{ score }}
 68 |           <small>points</small>
 69 |         {% endif %}
 70 |       </h2>
 71 |     </div>
 72 |   </div>
 73 | 
 74 |   <div class="container">
 75 |     {% include "components/errors.html" %}
 76 | 
 77 |     <br>
 78 | 
 79 |     <div class="row">
 80 |       <div class="col-md-12">
 81 |         <h3>{% trans %}Members{% endtrans %}</h3>
 82 |         <table class="table table-striped">
 83 |           <thead>
 84 |           <tr>
 85 |             <td><b>{% trans %}User Name{% endtrans %}</b></td>
 86 |             <td><b>{% trans %}Score{% endtrans %}</b></td>
 87 |           </tr>
 88 |           </thead>
 89 |           <tbody>
 90 |           {% for member in team.members %}
 91 |             <tr>
 92 |               <td>
 93 |                 <a href="{{ url_for('users.public', user_id=member.id) }}">
 94 |                   {{ member.name }}
 95 |                 </a>
 96 |               </td>
 97 |               <td>{{ member.score }}</td>
 98 |             </tr>
 99 |           {% endfor %}
100 |           </tbody>
101 |         </table>
102 |       </div>
103 |     </div>
104 | 
105 |     {% if solves or awards %}
106 |       {% if awards %}
107 |         <div class="row">
108 |           <div class="col-md-12">
109 |             <h3>{% trans %}Awards{% endtrans %}</h3>
110 |           </div>
111 | 
112 |           {% for award in awards %}
113 |             <div class="col-md-3 col-sm-6">
114 |               <p class="text-center">
115 |                 <i class="award-icon award-{{ award.icon }} fa-2x"></i> <br>
116 |                 <strong>{{ award.name }}</strong>
117 |               </p>
118 | 
119 |               {% if award.category %}
120 |                 <p class="text-center">{{ award.category }}</p>
121 |               {% endif %}
122 | 
123 |               {% if award.description %}
124 |                 <p class="text-center">{{ award.description }}</p>
125 |               {% endif %}
126 | 
127 |               <p class="text-center">{{ award.value }}</p>
128 |             </div>
129 |           {% endfor %}
130 |         </div>
131 | 
132 |         <br>
133 |       {% endif %}
134 | 
135 |       <div class="row">
136 |         <div class="col-md-12">
137 |           <h3>{% trans %}Solves{% endtrans %}</h3>
138 |           <table class="table table-striped">
139 |             <thead>
140 |             <tr>
141 |               <td class="text-center"><b>{% trans %}Challenge{% endtrans %}</b></td>
142 |               <td class="d-none d-md-block d-lg-block"><b>{% trans %}Category{% endtrans %}</b></td>
143 |               <td><b>{% trans %}Value{% endtrans %}</b></td>
144 |               <td><b>{% trans %}Time{% endtrans %}</b></td>
145 |             </tr>
146 |             </thead>
147 |             <tbody>
148 |             {% for solve in solves %}
149 |               <tr>
150 |                 <td class="text-center">
151 |                   <a href="{{ url_for('challenges.listing') }}#{{ solve.challenge.name }}-{{ solve.challenge.id }}">
152 |                     {{ solve.challenge.name }}
153 |                   </a>
154 |                 </td>
155 |                 <td class="d-none d-md-block d-lg-block">{{ solve.challenge.category }}</td>
156 |                 <td>{{ solve.challenge.value }}</td>
157 |                 <td class="solve-time">
158 |                   <span data-time="{{ solve.date | isoformat }}"></span>
159 |                 </td>
160 |               </tr>
161 |             {% endfor %}
162 |             </tbody>
163 |           </table>
164 |         </div>
165 |       </div>
166 | 
167 |       <div class="clearfix"></div>
168 | 
169 |       <div class="row" x-data="TeamGraphs">
170 |         <div class="col-md-6 d-none d-md-block d-lg-block py-4">
171 |           <div class="progress">
172 |             <div
173 |               class="progress-bar"
174 |               role="progressbar"
175 |               :style="{ width: `${getSolvePercentage()}%`, 'background-color': 'rgb(0, 209, 64)' }"
176 |             >
177 |             </div>
178 |             <div
179 |               class="progress-bar"
180 |               role="progressbar"
181 |               :style="{ width: `${getFailPercentage()}%`, 'background-color': 'rgb(207, 38, 0)' }"
182 |             >
183 |             </div>
184 |           </div>
185 |           <div class="ps-2 float-start">
186 |             <svg height="16" width="16">
187 |               <circle cx="8" cy="8" r="5" fill="rgb(0, 209, 64)" />
188 |             </svg>
189 |             <small x-text="`Solves (${getSolvePercentage()}%)`"></small>
190 |           </div>
191 |           <div class="ps-2 float-start">
192 |             <svg height="16" width="16">
193 |               <circle cx="8" cy="8" r="5" fill="rgb(207, 38, 0)" />
194 |             </svg>
195 |             <small x-text="`Fails (${getFailPercentage()}%)`"></small>
196 |           </div>
197 |         </div>
198 |         <div class="col-md-6 d-none d-md-block d-lg-block py-4">
199 |           <div class="progress">
200 |             <template x-for="category in getCategoryBreakdown()" :key="category.name">
201 |               <div
202 |                 class="progress-bar"
203 |                 role="progressbar"
204 |                 :style="{ width: `${category.percent}%`, 'background-color': category.color }"
205 |               >
206 |               </div>
207 |             </template>
208 |           </div>
209 |           <template x-for="category in getCategoryBreakdown()" :key="category.name">
210 |             <div class="ps-2 float-start">
211 |               <svg height="16" width="16">
212 |                 <circle cx="8" cy="8" r="5" :fill="category.color" />
213 |               </svg>
214 |               <small x-text="`${category.name} (${category.percent}%)`"></small>
215 |             </div>
216 |           </template>
217 |         </div>
218 | 
219 |         <br class="clearfix">
220 | 
221 |         <div class="col-md-12 d-none d-md-block d-lg-block">
222 |           <div id="score-graph" x-ref="scoregraph" class="w-100 d-flex align-items-center">
223 |             <div class="text-center w-100">
224 |               <i class="fas fa-circle-notch fa-spin fa-3x fa-fw spinner"></i>
225 |             </div>
226 |           </div>
227 |         </div>
228 |       </div>
229 |     {% else %}
230 |       <div class="row min-vh-25">
231 |         <h3 class="opacity-50 text-center w-100 justify-content-center align-self-center">
232 |           {% trans %}No solves yet{% endtrans %}
233 |         </h3>
234 |       </div>
235 |     {% endif %}
236 |   </div>
237 | {% endblock %}
238 | 
239 | {% block scripts %}
240 |   <script>
241 |       window.TEAM =
242 |       {{
243 |         {
244 |            'type': 'team',
245 |            'id': team.id,
246 |            'name': team.name,
247 |            'account_id': team.id,
248 |         } | tojson
249 |       }}
250 |   </script>
251 | 
252 |   {{ Assets.js("assets/js/teams/public.js") }}
253 | {% endblock %}
254 | 


--------------------------------------------------------------------------------
/templates/teams/team_enrollment.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block content %}
 4 |   <div class="jumbotron">
 5 |     <div class="container">
 6 |       <h1>{% trans %}Team{% endtrans %}</h1>
 7 |     </div>
 8 |   </div>
 9 |   <div class="container">
10 |     <div class="row">
11 |       <div class="col-md-6 offset-md-3 text-center">
12 |         <p class="h2">{% trans %}Welcome to{% endtrans %} {{ Configs.ctf_name }}!</p>
13 |         <p>
14 |           {% trans %}In order to participate you must either join or create a team.{% endtrans %}
15 |         </p>
16 |       </div>
17 |     </div>
18 | 
19 |     {% if integrations.mlc() %}
20 |       <div class="row">
21 |         <div class="col-md-6 offset-md-3 text-center">
22 |           <a class="btn btn-primary w-100" href="{{ url_for('auth.oauth_login') }}">{% trans %}Play with Official Team{% endtrans %}</a>
23 |         </div>
24 |       </div>
25 |       <div class="row">
26 |         <div class="mt-3 col-md-3 offset-md-3 text-center">
27 |           <a class="btn btn-outline-info w-100" href="{{ url_for('teams.join') }}">{% trans %}Join Unofficial Team{% endtrans %}</a>
28 |         </div>
29 |         <div class="mt-3 col-md-3 text-center">
30 |           <a class="btn btn-outline-info w-100" href="{{ url_for('teams.new') }}">{% trans %}Create Unofficial Team{% endtrans %}</a>
31 |         </div>
32 |       </div>
33 |     {% else %}
34 |       <div class="row">
35 |         <div class="mt-3 col-sm-4 col-md-3 offset-sm-2 offset-md-3 text-center">
36 |           <a class="btn btn-primary w-100" href="{{ url_for('teams.join') }}">{% trans %}Join Team{% endtrans %}</a>
37 |         </div>
38 |         <div class="mt-3 col-sm-4 col-md-3 text-center">
39 |           <a class="btn btn-primary w-100" href="{{ url_for('teams.new') }}">{% trans %}Create Team{% endtrans %}</a>
40 |         </div>
41 |       </div>
42 |     {% endif %}
43 |   </div>
44 | {% endblock %}
45 | 
46 | {% block scripts %}
47 | {% endblock %}
48 | 


--------------------------------------------------------------------------------
/templates/teams/teams.html:
--------------------------------------------------------------------------------
  1 | {% extends "base.html" %}
  2 | 
  3 | {% block content %}
  4 |   <div class="jumbotron">
  5 |     <div class="container">
  6 |       <h1>{% trans %}Teams{% endtrans %}</h1>
  7 |     </div>
  8 |   </div>
  9 | 
 10 |   <div class="container">
 11 |     <div class="row">
 12 |       <div class="col-md-12">
 13 |         {% if q and field %}
 14 |           <h5 class="text-muted text-center">
 15 |             Searching for teams with <strong>{{ field }}</strong> matching <strong>{{ q }}</strong>
 16 |           </h5>
 17 |           <h6 class="text-muted text-center pb-3">
 18 |             Page {{ teams.page }} of {{ teams.total }} results
 19 |           </h6>
 20 |         {% endif %}
 21 | 
 22 |         {% with form = Forms.teams.PublicTeamSearchForm(field=field, q=q) %}
 23 |           <form method="GET" class="row justify-content-around align-items-center">
 24 |             <div class="mb-3 col-md-2">
 25 |               {{ form.field(class="form-control form-select w-100") }}
 26 |             </div>
 27 | 
 28 |             <div class="mb-3 col-md-8">
 29 |               {{ form.q(class="form-control w-100", placeholder="Search for matching teams") }}
 30 |             </div>
 31 | 
 32 |             <div class="mb-3 col-md-2">
 33 |               <button type="submit" class="btn btn-primary w-100">
 34 |                 <i class="fas fa-search" aria-hidden="true"></i>
 35 |               </button>
 36 |             </div>
 37 |           </form>
 38 |         {% endwith %}
 39 |       </div>
 40 |     </div>
 41 | 
 42 |     <hr>
 43 | 
 44 |     <div class="row">
 45 |       <div class="col-md-12">
 46 |         <table class="table table-striped">
 47 |           <thead>
 48 |           <tr>
 49 |             <td class="text-md-start"><b>{% trans %}Team{% endtrans %}</b></td>
 50 |             <td><b>{% trans %}Website{% endtrans %}</b></td>
 51 |             <td class="d-none d-md-table-cell"><b>{% trans %}Affiliation{% endtrans %}</b></td>
 52 |             <td class="d-none d-md-table-cell"><b>{% trans %}Country{% endtrans %}</b></td>
 53 |           </tr>
 54 |           </thead>
 55 |           <tbody>
 56 | 
 57 |           {% for team in teams.items %}
 58 |             <tr>
 59 |               <td>
 60 |                 {% if scores_visible() %}
 61 |                   <a href="{{ url_for('teams.public', team_id=team.id) }}">{{ team.name | truncate(50) }}</a>
 62 |                 {% else %}
 63 |                   <span>{{ team.name | truncate(50) }}</span>
 64 |                 {% endif %}
 65 | 
 66 |                 {% if team.oauth_id %}
 67 |                   <a href="https://majorleaguecyber.org/t/{{ team.name }}">
 68 |                     <span class="badge bg-primary ms-2">Official</span>
 69 |                   </a>
 70 |                 {% endif %}
 71 |               </td>
 72 | 
 73 |               <td style="width: 10px;">
 74 |                 {% if team.website and (team.website.startswith('http://') or team.website.startswith('https://')) %}
 75 |                   <a href="{{ team.website }}" target="_blank" rel="noopener">
 76 |                     <i
 77 |                         class="fas fa-external-link-alt"
 78 |                         data-bs-toggle="tooltip"
 79 |                         data-bs-placement="top"
 80 |                         title="{{ team.website }}"
 81 |                     ></i>
 82 |                   </a>
 83 |                 {% endif %}
 84 |               </td>
 85 | 
 86 |               <td class="d-none d-md-table-cell">
 87 |                 {% if team.affiliation %}
 88 | 
 89 |                   {% if team.affiliation | length > 50 %}
 90 |                     <span data-bs-toggle="tooltip" data-bs-placement="top" title="{{ team.affiliation }}">
 91 |                         {% if team.affiliation %}{{ team.affiliation | truncate(50) }}{% endif %}
 92 |                     </span>
 93 |                   {% else %}
 94 |                     <span>
 95 |                       {% if team.affiliation %}
 96 |                         {{ team.affiliation | truncate(50) }}
 97 |                       {% endif %}
 98 |                     </span>
 99 |                   {% endif %}
100 | 
101 |                 {% endif %}
102 |               </td>
103 | 
104 |               <td class="d-none d-md-table-cell">
105 | 							<span>
106 | 								{% if team.country %}
107 |                   <i class="flag-{{ team.country.lower() }}"></i>
108 |                   {{ lookup_country_code(team.country) }}
109 |                 {% endif %}
110 | 							</span>
111 |               </td>
112 |             </tr>
113 |           {% endfor %}
114 | 
115 |           </tbody>
116 |         </table>
117 |       </div>
118 |     </div>
119 | 
120 |     {% if teams.pages > 1 %}
121 |       <div class="row">
122 |         <div class="col-md-12">
123 |           <div class="text-center">
124 |             {% trans %}Page{% endtrans %} <br>
125 | 
126 |             {% if teams.page != 1 %}
127 |               <a href="{{ prev_page }}">&lt;&lt;&lt;</a>
128 |             {% endif %}
129 | 
130 |             <select class="page-select">
131 |               {% for page in range(1, teams.pages + 1) %}
132 |                 <option {% if teams.page == page %}selected{% endif %}>{{ page }}</option>
133 |               {% endfor %}
134 |             </select>
135 | 
136 |             {% if teams.next_num %}
137 |               <a href="{{ next_page }}">&gt;&gt;&gt;</a>
138 |             {% endif %}
139 |           </div>
140 |         </div>
141 |       </div>
142 |     {% endif %}
143 | 
144 |   </div>
145 | {% endblock %}
146 | 
147 | {% block scripts %}
148 |   {{ Assets.js("assets/js/teams/list.js") }}
149 | {% endblock %}
150 | 


--------------------------------------------------------------------------------
/templates/users/private.html:
--------------------------------------------------------------------------------
  1 | {% extends "base.html" %}
  2 | 
  3 | {% block content %}
  4 |   <div class="jumbotron">
  5 |     <div class="container">
  6 |       <h1>{{ user.name }}</h1>
  7 | 
  8 |       {% if user.team_id %}
  9 |         <h2>
 10 |           <a href="{{ url_for('teams.public', team_id=user.team_id) }}">
 11 | 						<span class="badge bg-secondary">
 12 | 							{{ user.team.name }}
 13 | 						</span>
 14 |           </a>
 15 |         </h2>
 16 |       {% endif %}
 17 | 
 18 |       <div class="pt-2">
 19 |         {% if user.oauth_id %}
 20 |           <a href="https://majorleaguecyber.org/u/{{ user.name }}">
 21 |             <h3 class="d-inline-block mx-1"><span class="badge rounded-pill bg-primary">{% trans %}Official{% endtrans %}</span></h3>
 22 |           </a>
 23 |         {% endif %}
 24 | 
 25 |         {% if user.affiliation %}
 26 |           <h3 class="d-inline-block mx-1">
 27 |             <span class="badge rounded-pill bg-primary">{{ user.affiliation }}</span>
 28 |           </h3>
 29 |         {% endif %}
 30 | 
 31 |         {% if user.country %}
 32 |           <h3 class="d-inline-block mx-1">
 33 |             <span class="badge rounded-pill bg-primary">
 34 |                 <i class="flag-{{ user.country.lower() }}"></i>
 35 |                 {{ lookup_country_code(user.country) }}
 36 |             </span>
 37 |           </h3>
 38 |         {% endif %}
 39 |       </div>
 40 | 
 41 |       <div class="pt-2">
 42 |         {% for field in user.fields %}
 43 |           <h3 class="d-block">
 44 |             {{ field.name }}: {{ field.value }}
 45 |           </h3>
 46 |         {% endfor %}
 47 |       </div>
 48 | 
 49 |       {% if user.fields %}
 50 |         <hr class="w-50 mx-auto">
 51 |       {% endif %}
 52 | 
 53 |       <div>
 54 |         <h2 class="text-center">
 55 |           {% if account.place %}
 56 |             {{ account.place }} <small>place</small>
 57 |           {% endif %}
 58 |         </h2>
 59 |         <h2 class="text-center">
 60 |           {% if account.place %}
 61 |             {{ account.score }} <small>points</small>
 62 |           {% endif %}
 63 |         </h2>
 64 |       </div>
 65 | 
 66 |       <div class="pt-3">
 67 |         {% if user.website %}
 68 |           <a href="{{ user.website }}" target="_blank" style="color: inherit;" rel="noopener">
 69 |             <i
 70 |                 class="fas fa-external-link-alt fa-2x px-2" data-toggle="tooltip" data-placement="top"
 71 |                 title="{{ user.website }}"
 72 |             ></i>
 73 |           </a>
 74 |         {% endif %}
 75 |       </div>
 76 |     </div>
 77 |   </div>
 78 |   <div class="container">
 79 |     {% include "components/errors.html" %}
 80 | 
 81 |     {% set solves = user.solves %}
 82 |     {% set awards = user.awards %}
 83 | 
 84 |     {% if solves or awards %}
 85 |       {% if awards %}
 86 |         <div class="row">
 87 |           <div class="col-md-12">
 88 |             <h3>{% trans %}Awards{% endtrans %}</h3>
 89 | 
 90 |           </div>
 91 |           {% for award in awards %}
 92 |             <div class="col-md-3 col-sm-6">
 93 |               <p class="text-center">
 94 |                 <i class="award-icon award-{{ award.icon }} fa-2x"></i>
 95 |                 <br>
 96 |                 <strong>{{ award.name }}</strong>
 97 |               </p>
 98 |               <p class="text-center">{{ award.category or "" }}</p>
 99 |               <p class="text-center">{{ award.description or "" }}</p>
100 |               <p class="text-center">{{ award.value }}</p>
101 |             </div>
102 |           {% endfor %}
103 |         </div>
104 |       {% endif %}
105 | 
106 |       <br>
107 | 
108 |       <div class="row">
109 |         <div class="col-md-12">
110 |           <h3>{% trans %}Solves{% endtrans %}</h3>
111 |           <table class="table table-striped">
112 |             <thead>
113 |             <tr>
114 |               <td><b>{% trans %}Challenge{% endtrans %}</b></td>
115 |               <td class="d-none d-md-block d-lg-block"><b>{% trans %}Category{% endtrans %}</b></td>
116 |               <td><b>{% trans %}Value{% endtrans %}</b></td>
117 |               <td><b>{% trans %}Time{% endtrans %}</b></td>
118 |             </tr>
119 |             </thead>
120 |             <tbody>
121 |             {% for solve in solves %}
122 |               <tr>
123 |                 <td>
124 |                   <a href="{{ url_for('challenges.listing') }}#{{ solve.challenge.name }}-{{ solve.challenge.id }}">
125 |                     {{ solve.challenge.name }}
126 |                   </a>
127 |                 </td>
128 |                 <td class="d-none d-md-block d-lg-block">{{ solve.challenge.category }}</td>
129 |                 <td>{{ solve.challenge.value }}</td>
130 |                 <td class="solve-time">
131 |                   <span data-time="{{ solve.date | isoformat }}"></span>
132 |                 </td>
133 |               </tr>
134 |             {% endfor %}
135 |             </tbody>
136 |           </table>
137 |         </div>
138 |       </div>
139 | 
140 |       <div class="clearfix"></div>
141 | 
142 |       <div class="row" x-data="UserGraphs">
143 |         <div class="col-md-6 d-none d-md-block d-lg-block py-4">
144 |           <div class="progress">
145 |             <div 
146 |               class="progress-bar" 
147 |               role="progressbar" 
148 |               :style="{ width: `${getSolvePercentage()}%`, 'background-color': 'rgb(0, 209, 64)' }" 
149 |             >
150 |             </div>
151 |             <div 
152 |               class="progress-bar" 
153 |               role="progressbar" 
154 |               :style="{ width: `${getFailPercentage()}%`, 'background-color': 'rgb(207, 38, 0)' }"
155 |             >
156 |             </div>
157 |           </div>
158 |           <div class="ps-2 float-start">
159 |             <svg height="16" width="16">
160 |               <circle cx="8" cy="8" r="5" fill="rgb(0, 209, 64)" />
161 |             </svg>
162 |             <small x-text="`Solves (${getSolvePercentage()}%)`"></small>
163 |           </div>
164 |           <div class="ps-2 float-start">
165 |             <svg height="16" width="16">
166 |               <circle cx="8" cy="8" r="5" fill="rgb(207, 38, 0)" />
167 |             </svg>
168 |             <small x-text="`Fails (${getFailPercentage()}%)`"></small>
169 |           </div>
170 |         </div>
171 |         <div class="col-md-6 d-none d-md-block d-lg-block py-4">
172 |           <div class="progress">
173 |             <template x-for="category in getCategoryBreakdown()" :key="category.name">
174 |               <div 
175 |                 class="progress-bar" 
176 |                 role="progressbar" 
177 |                 :style="{ width: `${category.percent}%`, 'background-color': category.color }"
178 |               >
179 |               </div>
180 |             </template>
181 |           </div>
182 |           <template x-for="category in getCategoryBreakdown()" :key="category.name">
183 |             <div class="ps-2 float-start">
184 |               <svg height="16" width="16">
185 |                 <circle cx="8" cy="8" r="5" :fill="category.color" />
186 |               </svg>
187 |               <small x-text="`${category.name} (${category.percent}%)`"></small>
188 |             </div>
189 |           </template>
190 |         </div>
191 |         <br class="clearfix">
192 |         <div class="col-md-12 d-none d-md-block d-lg-block py-4">
193 |           <div id="score-graph" x-ref="scoregraph" class="w-100 d-flex align-items-center">
194 |             <div class="text-center w-100">
195 |               <i class="fas fa-circle-notch fa-spin fa-3x fa-fw spinner"></i>
196 |             </div>
197 |           </div>
198 |         </div>
199 |       </div>
200 |     {% else %}
201 |       <div class="row min-vh-25">
202 |         <h3 class="opacity-50 text-center w-100 justify-content-center align-self-center">
203 |           {% trans %}No solves yet{% endtrans %}
204 |         </h3>
205 |       </div>
206 |     {% endif %}
207 |   </div>
208 | {% endblock %}
209 | 
210 | {% block scripts %}
211 |   {{ Assets.js("assets/js/users/private.js") }}
212 | {% endblock %}
213 | 
214 | 


--------------------------------------------------------------------------------
/templates/users/public.html:
--------------------------------------------------------------------------------
  1 | {% extends "base.html" %}
  2 | 
  3 | {% block content %}
  4 |   <div class="jumbotron">
  5 |     <div class="container">
  6 |       <h1>{{ user.name }}</h1>
  7 | 
  8 |       {% if user.team_id %}
  9 |         <h2>
 10 |           <a href="{{ url_for('teams.public', team_id=user.team_id) }}">
 11 | 						<span class="badge bg-secondary">
 12 | 							{{ user.team.name }}
 13 | 						</span>
 14 |           </a>
 15 |         </h2>
 16 |       {% endif %}
 17 | 
 18 |       <div class="pt-2">
 19 |         {% if user.oauth_id %}
 20 |           <a href="https://majorleaguecyber.org/u/{{ user.name }}">
 21 |             <h3 class="d-inline-block mx-1"><span class="badge rounded-pill bg-primary">{% trans %}Official{% endtrans %}</span></h3>
 22 |           </a>
 23 |         {% endif %}
 24 | 
 25 |         {% if user.affiliation %}
 26 |           <h3 class="d-inline-block mx-1">
 27 |             <span class="badge rounded-pill bg-primary">{{ user.affiliation }}</span>
 28 |           </h3>
 29 |         {% endif %}
 30 | 
 31 |         {% if user.country %}
 32 |           <h3 class="d-inline-block mx-1">
 33 |             <span class="badge rounded-pill bg-primary">
 34 |                 <i class="flag-{{ user.country.lower() }}"></i>
 35 |                 {{ lookup_country_code(user.country) }}
 36 |             </span>
 37 |           </h3>
 38 |         {% endif %}
 39 |       </div>
 40 | 
 41 |       <div class="pt-2">
 42 |         {% for field in user.fields %}
 43 |           <h3 class="d-block">
 44 |             {{ field.name }}: {{ field.value }}
 45 |           </h3>
 46 |         {% endfor %}
 47 |       </div>
 48 | 
 49 |       {% if user.fields %}
 50 |         <hr class="w-50 mx-auto">
 51 |       {% endif %}
 52 | 
 53 |       <div>
 54 |         <h2 class="text-center">
 55 |           {% if account.place %}
 56 |             {{ account.place }} <small>place</small>
 57 |           {% endif %}
 58 |         </h2>
 59 |         <h2 class="text-center">
 60 |           {% if account.place %}
 61 |             {{ account.score }} <small>points</small>
 62 |           {% endif %}
 63 |         </h2>
 64 |       </div>
 65 | 
 66 |       <div class="pt-3">
 67 |         {% if user.website %}
 68 |           <a href="{{ user.website }}" target="_blank" style="color: inherit;" rel="noopener">
 69 |             <i
 70 |                 class="fas fa-external-link-alt fa-2x px-2" data-toggle="tooltip" data-placement="top"
 71 |                 title="{{ user.website }}"
 72 |             ></i>
 73 |           </a>
 74 |         {% endif %}
 75 |       </div>
 76 |     </div>
 77 |   </div>
 78 |   <div class="container">
 79 |     {% include "components/errors.html" %}
 80 | 
 81 |     {% set solves = user.solves %}
 82 |     {% set awards = user.awards %}
 83 |     {% if solves or awards %}
 84 | 
 85 |       {% if awards %}
 86 |         <div class="row">
 87 |           <div class="col-md-12">
 88 |             <h3>{% trans %}Awards{% endtrans %}</h3>
 89 |           </div>
 90 |           {% for award in awards %}
 91 |             <div class="col-md-3 col-sm-6">
 92 |               <p class="text-center">
 93 |                 <i class="award-icon award-{{ award.icon }} fa-2x"></i>
 94 |                 <br>
 95 |                 <strong>{{ award.name }}</strong>
 96 |               </p>
 97 |               <p class="text-center">{{ award.category or "" }}</p>
 98 |               <p class="text-center">{{ award.description or "" }}</p>
 99 |               <p class="text-center">{{ award.value }}</p>
100 |             </div>
101 |           {% endfor %}
102 |         </div>
103 |       {% endif %}
104 | 
105 |       <br>
106 | 
107 |       <div class="row">
108 |         <div class="col-md-12">
109 |           <h3>Solves</h3>
110 |           <table class="table table-striped">
111 |             <thead>
112 |             <tr>
113 |               <td><b>{% trans %}Challenge{% endtrans %}</b></td>
114 |               <td class="d-none d-md-block d-lg-block"><b>{% trans %}Category{% endtrans %}</b></td>
115 |               <td><b>{% trans %}Value{% endtrans %}</b></td>
116 |               <td><b>{% trans %}Time{% endtrans %}</b></td>
117 |             </tr>
118 |             </thead>
119 |             <tbody>
120 |             {% for solve in solves %}
121 |               <tr>
122 |                 <td>
123 |                   <a href="{{ url_for('challenges.listing') }}#{{ solve.challenge.name }}-{{ solve.challenge.id }}">
124 |                     {{ solve.challenge.name }}
125 |                   </a>
126 |                 </td>
127 |                 <td class="d-none d-md-block d-lg-block">{{ solve.challenge.category }}</td>
128 |                 <td>{{ solve.challenge.value }}</td>
129 |                 <td class="solve-time">
130 |                   <span data-time="{{ solve.date | isoformat }}"></span>
131 |                 </td>
132 |               </tr>
133 |             {% endfor %}
134 |             </tbody>
135 |           </table>
136 |         </div>
137 |       </div>
138 | 
139 |       <div class="clearfix"></div>
140 | 
141 |       <div class="row" x-data="UserGraphs">
142 |         <div class="col-md-6 d-none d-md-block d-lg-block py-4">
143 |           <div class="progress">
144 |             <div 
145 |               class="progress-bar" 
146 |               role="progressbar" 
147 |               :style="{ width: `${getSolvePercentage()}%`, 'background-color': 'rgb(0, 209, 64)' }" 
148 |             >
149 |             </div>
150 |             <div 
151 |               class="progress-bar" 
152 |               role="progressbar" 
153 |               :style="{ width: `${getFailPercentage()}%`, 'background-color': 'rgb(207, 38, 0)' }"
154 |             >
155 |             </div>
156 |           </div>
157 |           <div class="ps-2 float-start">
158 |             <svg height="16" width="16">
159 |               <circle cx="8" cy="8" r="5" fill="rgb(0, 209, 64)" />
160 |             </svg>
161 |             <small x-text="`Solves (${getSolvePercentage()}%)`"></small>
162 |           </div>
163 |           <div class="ps-2 float-start">
164 |             <svg height="16" width="16">
165 |               <circle cx="8" cy="8" r="5" fill="rgb(207, 38, 0)" />
166 |             </svg>
167 |             <small x-text="`Fails (${getFailPercentage()}%)`"></small>
168 |           </div>
169 |         </div>
170 |         <div class="col-md-6 d-none d-md-block d-lg-block py-4">
171 |           <div class="progress">
172 |             <template x-for="category in getCategoryBreakdown()" :key="category.name">
173 |               <div 
174 |                 class="progress-bar" 
175 |                 role="progressbar" 
176 |                 :style="{ width: `${category.percent}%`, 'background-color': category.color }"
177 |               >
178 |               </div>
179 |             </template>
180 |           </div>
181 |           <template x-for="category in getCategoryBreakdown()" :key="category.name">
182 |             <div class="ps-2 float-start">
183 |               <svg height="16" width="16">
184 |                 <circle cx="8" cy="8" r="5" :fill="category.color" />
185 |               </svg>
186 |               <small x-text="`${category.name} (${category.percent}%)`"></small>
187 |             </div>
188 |           </template>
189 |         </div>
190 | 
191 |         <br class="clearfix">
192 | 
193 |         <div class="col-md-12 d-none d-md-block d-lg-block py-4">
194 |           <div id="score-graph" x-ref="scoregraph" class="w-100 d-flex align-items-center">
195 |             <div class="text-center w-100">
196 |               <i class="fas fa-circle-notch fa-spin fa-3x fa-fw spinner"></i>
197 |             </div>
198 |           </div>
199 |         </div>
200 |       </div>
201 |     {% else %}
202 |       <div class="row min-vh-25">
203 |         <h3 class="opacity-50 text-center w-100 justify-content-center align-self-center">
204 |           {% trans %}No solves yet{% endtrans %}
205 |         </h3>
206 |       </div>
207 |     {% endif %}
208 |   </div>
209 | {% endblock %}
210 | 
211 | {% block scripts %}
212 |   <script>
213 |       window.USER = {{ {
214 | 			'type': 'user',
215 | 			'id': user.id,
216 | 			'name': user.name,
217 | 			'account_id': user.id,
218 | 		} | tojson }};
219 |   </script>
220 | 
221 |   {{ Assets.js("assets/js/users/public.js") }}
222 | {% endblock %}
223 | 


--------------------------------------------------------------------------------
/templates/users/users.html:
--------------------------------------------------------------------------------
  1 | {% extends "base.html" %}
  2 | 
  3 | {% block content %}
  4 |   <div class="jumbotron">
  5 |     <div class="container">
  6 |       <h1>{% trans %}Users{% endtrans %}</h1>
  7 |     </div>
  8 |   </div>
  9 |   <div class="container">
 10 |     <div class="row">
 11 |       <div class="col-md-12">
 12 |         {% if q and field %}
 13 |           <h5 class="text-muted text-center">
 14 |             Searching for users with <strong>{{ field }}</strong> matching <strong>{{ q }}</strong>
 15 |           </h5>
 16 |           <h6 class="text-muted text-center pb-3">
 17 |             Page {{ users.page }} of {{ users.total }} results
 18 |           </h6>
 19 |         {% endif %}
 20 | 
 21 |         {% with form = Forms.users.PublicUserSearchForm(field=field, q=q) %}
 22 |           <form method="GET" class="row justify-content-around align-items-center">
 23 |             <div class="mb-3 col-md-2">
 24 |               {{ form.field(class="form-control form-select w-100") }}
 25 |             </div>
 26 |             <div class="mb-3 col-md-8">
 27 |               {{ form.q(class="form-control w-100", placeholder=form.q.description) }}
 28 |             </div>
 29 |             <div class="mb-3 col-md-2">
 30 |               <button type="submit" class="btn btn-primary w-100">
 31 |                 <i class="fas fa-search" aria-hidden="true"></i>
 32 |               </button>
 33 |             </div>
 34 |           </form>
 35 |         {% endwith %}
 36 |       </div>
 37 |     </div>
 38 | 
 39 |     <hr>
 40 | 
 41 |     <div class="row">
 42 |       <div class="col-md-12">
 43 |         <table class="table table-striped">
 44 |           <thead>
 45 |           <tr>
 46 |             <td><b>{% trans %}User{% endtrans %}</b></td>
 47 |             <td><b>{% trans %}Website{% endtrans %}</b></td>
 48 |             <td class="d-none d-md-table-cell"><b>{% trans %}Affiliation{% endtrans %}</b></td>
 49 |             <td class="d-none d-md-table-cell"><b>{% trans %}Country{% endtrans %}</b></td>
 50 |           </tr>
 51 |           </thead>
 52 |           <tbody>
 53 |           {% for user in users.items %}
 54 |             <tr>
 55 |               <td>
 56 |                 {% if scores_visible() %}
 57 |                   <a href="{{ url_for('users.public', user_id=user.id) }}">
 58 |                     {{ user.name | truncate(50) }}
 59 |                   </a>
 60 |                 {% else %}
 61 |                   <span>{{ user.name | truncate(50) }}</span>
 62 |                 {% endif %}
 63 | 
 64 |                 {% if user.oauth_id %}
 65 |                   <a href="https://majorleaguecyber.org/u/{{ user.name }}">
 66 |                     <span class="badge bg-primary ms-2">{% trans %}Official{% endtrans %}</span>
 67 |                   </a>
 68 |                 {% endif %}
 69 |               </td>
 70 | 
 71 |               <td class="text-center" style="width: 10px;">
 72 |                 {% if user.website and (user.website.startswith('http://') or user.website.startswith('https://')) %}
 73 |                   <a href="{{ user.website }}" target="_blank" rel="noopener">
 74 |                     <i
 75 |                         class="fas fa-external-link-alt" data-toggle="tooltip" data-placement="top"
 76 |                         title="{{ user.website }}"
 77 |                     ></i>
 78 |                   </a>
 79 |                 {% endif %}
 80 |               </td>
 81 | 
 82 |               <td class="d-none d-md-table-cell d-lg-table-cell">
 83 |                 {% if user.affiliation %}
 84 |                   {% if user.affiliation | length > 50 %}
 85 |                     <span data-toggle="tooltip" data-placement="top" title="{{ user.affiliation }}">
 86 | 									{% if user.affiliation %}{{ user.affiliation | truncate(50) }}{% endif %}
 87 | 								</span>
 88 |                   {% else %}
 89 |                     <span>
 90 | 									{% if user.affiliation %}{{ user.affiliation | truncate(50) }}{% endif %}
 91 | 								</span>
 92 |                   {% endif %}
 93 |                 {% endif %}
 94 |               </td>
 95 |               <td class="d-none d-md-table-cell d-lg-table-cell">
 96 | 								<span>
 97 | 									{% if user.country %}
 98 |                     <i class="flag-{{ user.country.lower() }}"></i>
 99 |                     {{ lookup_country_code(user.country) }}
100 |                   {% endif %}
101 | 								</span>
102 |               </td>
103 |             </tr>
104 |           {% endfor %}
105 |           </tbody>
106 |         </table>
107 |       </div>
108 |     </div>
109 | 
110 |     {% if users.pages > 1 %}
111 |       <div class="row">
112 |         <div class="col-md-12">
113 |           <div class="text-center">
114 |             {% trans %}Page{% endtrans %} <br>
115 | 
116 |             {% if users.page != 1 %}
117 |               <a href="{{ prev_page }}">&lt;&lt;&lt;</a>
118 |             {% endif %}
119 | 
120 |             <select class="page-select">
121 |               {% for page in range(1, users.pages + 1) %}
122 |                 <option {% if users.page == page %}selected{% endif %}>{{ page }}</option>
123 |               {% endfor %}
124 |             </select>
125 | 
126 |             {% if users.next_num %}
127 |               <a href="{{ next_page }}">&gt;&gt;&gt;</a>
128 |             {% endif %}
129 |           </div>
130 |         </div>
131 |       </div>
132 |     {% endif %}
133 |   </div>
134 | {% endblock %}
135 | 
136 | {% block scripts %}
137 |   {{ Assets.js("assets/js/users/list.js") }}
138 | {% endblock %}
139 | 


--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
 1 | const { resolve } = require("path");
 2 | import { defineConfig } from "vite";
 3 | import vue from "@vitejs/plugin-vue";
 4 | import copy from "rollup-plugin-copy";
 5 | 
 6 | // https://vitejs.dev/config/
 7 | export default defineConfig({
 8 |   plugins: [vue()],
 9 |   resolve: {
10 |     alias: {
11 |       "~": resolve(__dirname, "./node_modules/"),
12 |     },
13 |   },
14 |   build: {
15 |     manifest: true,
16 |     outDir: "static",
17 |     rollupOptions: {
18 |       plugins: [
19 |         copy({
20 |           targets: [
21 |             // https://github.com/vitejs/vite/issues/1618#issuecomment-764579557
22 |             {
23 |               src: "./node_modules/@fortawesome/fontawesome-free/webfonts/**/*",
24 |               dest: "static/webfonts",
25 |             },
26 |             {
27 |               src: "./node_modules/@fontsource/lato/files/**/*400*-normal*",
28 |               dest: "static/webfonts",
29 |             },
30 |             {
31 |               src: "./node_modules/@fontsource/lato/files/**/*700*-normal*",
32 |               dest: "static/webfonts",
33 |             },
34 |             {
35 |               src: "./node_modules/@fontsource/raleway/files/**/*400*-normal*",
36 |               dest: "static/webfonts",
37 |             },
38 |             {
39 |               src: "./assets/img/**",
40 |               dest: "static/img",
41 |             },
42 |           ],
43 |           hook: "writeBundle",
44 |         }),
45 |       ],
46 |       output: {
47 |         manualChunks: {
48 |           echarts: ["echarts", "zrender"],
49 |         },
50 |       },
51 |       input: {
52 |         index: resolve(__dirname, "assets/js/index.js"),
53 |         page: resolve(__dirname, "assets/js/page.js"),
54 |         setup: resolve(__dirname, "assets/js/setup.js"),
55 |         settings: resolve(__dirname, "assets/js/settings.js"),
56 |         challenges: resolve(__dirname, "assets/js/challenges.js"),
57 |         scoreboard: resolve(__dirname, "assets/js/scoreboard.js"),
58 |         notifications: resolve(__dirname, "assets/js/notifications.js"),
59 |         teams_public: resolve(__dirname, "assets/js/teams/public.js"),
60 |         teams_private: resolve(__dirname, "assets/js/teams/private.js"),
61 |         teams_list: resolve(__dirname, "assets/js/teams/list.js"),
62 |         users_public: resolve(__dirname, "assets/js/users/public.js"),
63 |         users_private: resolve(__dirname, "assets/js/users/private.js"),
64 |         users_list: resolve(__dirname, "assets/js/users/list.js"),
65 |         main: resolve(__dirname, "assets/scss/main.scss"),
66 |       },
67 |     },
68 |   },
69 | });
70 | 


--------------------------------------------------------------------------------