Compare commits
	
		
			68 Commits
		
	
	
		
			0.0.1
			...
			69ab9893d3
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 69ab9893d3 | |||
| dbff163b6b | |||
| 703168081c | |||
| 64398cdd74 | |||
| a4d749cc3f | |||
| 838127cf72 | |||
| 379999e491 | |||
| be6974af20 | |||
| c0555c0662 | |||
| db4d63da8b | |||
| b80a832256 | |||
| 81b2db60ec | |||
| 5563f1fca3 | |||
| 517cfddc5f | |||
| ae0ec9d67c | |||
| cfd40d3f19 | |||
| 5c117d6f48 | |||
| 0296c26479 | |||
| d0facb2846 | |||
| 7deb0d26c4 | |||
| 00b8a14bc3 | |||
| 31ccf0758d | |||
| 116f9123e2 | |||
| 1fd1b32d1a | |||
| 81750dc8e1 | |||
| f8e858971f | |||
| f7274378b8 | |||
| b3f7002556 | |||
| e087a8dc30 | |||
| 0aea3c1e7c | |||
| ff99657ab3 | |||
| 16d9a6dda8 | |||
| 0ebabe239c | |||
| c930d87900 | |||
| 559842d2a6 | |||
| 1fc0490590 | |||
| f5537278ab | |||
| 8a6521faa0 | |||
| 82dd786210 | |||
| 42b2390bd7 | |||
| 8c465e8b7d | |||
| 936f023886 | |||
| bce4b4e2b6 | |||
| eb04446a43 | |||
| ffcacd32f6 | |||
| e8e462e264 | |||
| f40e638583 | |||
| 93efc326ab | |||
| 7cde92e206 | |||
| 4e8a203c6d | |||
| ece709954c | |||
| 0f20996ac3 | |||
| 22671156a9 | |||
| 84a2ca60b7 | |||
| d0112c31e0 | |||
| c2f9da6e92 | |||
| df3621d086 | |||
| e4f5a810a4 | |||
| ba07f7b55f | |||
| a2ec9d0cb3 | |||
| 3e533f5c6d | |||
| 8f907ba597 | |||
| e85a639e96 | |||
| b1c9cc7652 | |||
| ab7ba528ee | |||
| bfff17c465 | |||
| de92402a3c | |||
| 913b1ef047 | 
							
								
								
									
										18
									
								
								.drone.yml
									
									
									
									
									
								
							
							
						
						
									
										18
									
								
								.drone.yml
									
									
									
									
									
								
							| @@ -4,22 +4,22 @@ name: gitea_token | |||||||
| get: | get: | ||||||
|   path: odit-git-bot |   path: odit-git-bot | ||||||
|   name: apikey |   name: apikey | ||||||
|  |  | ||||||
| --- | --- | ||||||
| kind: pipeline | kind: pipeline | ||||||
| type: kubernetes | type: kubernetes | ||||||
| name: build | name: build | ||||||
|  |  | ||||||
| steps: | steps: | ||||||
|   - name: run electron packager |   - name: run build | ||||||
|     depends_on: ["clone"] |     depends_on: ["clone"] | ||||||
|     image: node:15.11.0-alpine3.13 |     image: node:15.11.0-alpine3.13 | ||||||
|     commands: |     commands: | ||||||
|       - apk add git -f |       - apk add git zip -f | ||||||
|       - yarn && cd app && yarn && cd .. |       - yarn | ||||||
|       - yarn electron:package |       - yarn build | ||||||
|  |       - mkdir out | ||||||
|  |       - zip -r out/dist.zip dist | ||||||
|   - name: gitea_release |   - name: gitea_release | ||||||
|     depends_on: ["run electron packager"] |     depends_on: ["run build"] | ||||||
|     image: plugins/gitea-release |     image: plugins/gitea-release | ||||||
|     settings: |     settings: | ||||||
|       api_key: |       api_key: | ||||||
| @@ -35,10 +35,6 @@ steps: | |||||||
|         - crc32 |         - crc32 | ||||||
|     when: |     when: | ||||||
|       event: tag |       event: tag | ||||||
|  |  | ||||||
| trigger: | trigger: | ||||||
|   # branch: |  | ||||||
|   #   - dev |  | ||||||
|   event: |   event: | ||||||
|     - push |  | ||||||
|     - tag |     - tag | ||||||
							
								
								
									
										1
									
								
								.husky/.gitignore
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								.husky/.gitignore
									
									
									
									
										vendored
									
									
										Normal file
									
								
							| @@ -0,0 +1 @@ | |||||||
|  | _ | ||||||
							
								
								
									
										5
									
								
								.husky/pre-commit
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										5
									
								
								.husky/pre-commit
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,5 @@ | |||||||
|  | #!/bin/sh | ||||||
|  | . "$(dirname "$0")/_/husky.sh" | ||||||
|  |  | ||||||
|  | yarn format | ||||||
|  | yarn license:export | ||||||
							
								
								
									
										7
									
								
								.vscode/i18n-ally-custom-framework.yml
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								.vscode/i18n-ally-custom-framework.yml
									
									
									
									
										vendored
									
									
										Normal file
									
								
							| @@ -0,0 +1,7 @@ | |||||||
|  | languageIds: | ||||||
|  |     - javascript | ||||||
|  |     - svelte | ||||||
|  |     - html | ||||||
|  | monopoly: false | ||||||
|  | refactorTemplates: | ||||||
|  |     - "{$_('$1')}" | ||||||
							
								
								
									
										4
									
								
								.vscode/settings.json
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								.vscode/settings.json
									
									
									
									
										vendored
									
									
										Normal file
									
								
							| @@ -0,0 +1,4 @@ | |||||||
|  | { | ||||||
|  |     "i18n-ally.localesPaths": "src/locales", | ||||||
|  |     "i18n-ally.keystyle": "nested" | ||||||
|  | } | ||||||
| @@ -1,6 +1,5 @@ | |||||||
| FROM node:15.11.0-alpine3.13 | FROM node:15.11.0-alpine3.13 | ||||||
| RUN apk add git -f |  | ||||||
| WORKDIR /app | WORKDIR /app | ||||||
| COPY . . | COPY . . | ||||||
| RUN yarn && cd app && yarn && cd .. | RUN yarn | ||||||
| RUN yarn electron:package | RUN yarn build | ||||||
							
								
								
									
										15
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										15
									
								
								README.md
									
									
									
									
									
								
							| @@ -1,25 +1,20 @@ | |||||||
| # @lfk/scanclient | # @lfk/scanclient | ||||||
|  |  | ||||||
| ## ✒️ Overview | ## ✒️ Overview | ||||||
| This is an API client for @lfk/backend | This is an API client for [https://git.odit.services/lfk/backend](@lfk/backend) | ||||||
| - WebApp built with [Svelte](https://svelte.dev), [WindiCSS](https://windicss.org/) (to compile [TailwindCSS](https://tailwindcss.com/)) and [Vite](https://vitejs.dev). | - WebApp built with [Svelte](https://svelte.dev), [WindiCSS](https://windicss.org/) (to compile [TailwindCSS](https://tailwindcss.com/)) and [Vite](https://vitejs.dev). | ||||||
| - Served to clients via by `electron`. |  | ||||||
|  |  | ||||||
| ## 🚀 Getting Started | ## 🚀 Getting Started | ||||||
| ``` | ``` | ||||||
| yarn && cd app && yarn && cd .. | yarn | ||||||
| ``` | ``` | ||||||
| ## WebApp Development | ## Development | ||||||
| ``` | ``` | ||||||
| yarn dev | yarn dev | ||||||
| / | / | ||||||
| yarn dev --open | yarn dev --open | ||||||
| ``` | ``` | ||||||
| ## Run in electron | ## Build | ||||||
| ``` | ``` | ||||||
| yarn electron:start | yarn build | ||||||
| ``` |  | ||||||
| # Package electron |  | ||||||
| ``` |  | ||||||
| yarn electron:package |  | ||||||
| ``` | ``` | ||||||
| @@ -1,16 +0,0 @@ | |||||||
| <!DOCTYPE html> |  | ||||||
| <html lang="en"> |  | ||||||
|  |  | ||||||
| <head> |  | ||||||
|   <meta charset="UTF-8" /> |  | ||||||
|   <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |  | ||||||
|   <title>LfK!Scan</title> |  | ||||||
|   <base href="./"> |  | ||||||
|   <link rel="icon" type="image/png" href="./favicon.png" /> |  | ||||||
| </head> |  | ||||||
|  |  | ||||||
| <body class="bg-white font-family-karla h-screen"> |  | ||||||
|   <script type="module" src="./src/main.js"></script> |  | ||||||
| </body> |  | ||||||
|  |  | ||||||
| </html> |  | ||||||
| @@ -1,20 +0,0 @@ | |||||||
| { |  | ||||||
| 	"name": "@lfk/scanclient", |  | ||||||
| 	"version": "0.0.0", |  | ||||||
| 	"scripts": { |  | ||||||
| 		"dev": "vite", |  | ||||||
| 		"build": "vite build" |  | ||||||
| 	}, |  | ||||||
| 	"devDependencies": { |  | ||||||
| 		"@svitejs/vite-plugin-svelte": "^0.11.0", |  | ||||||
| 		"@tsconfig/svelte": "^1.0.10", |  | ||||||
| 		"@types/html-minifier": "^4.0.0", |  | ||||||
| 		"axios": "^0.21.1", |  | ||||||
| 		"glob": "^7.1.6", |  | ||||||
| 		"html-minifier": "^4.0.0", |  | ||||||
| 		"svelte": "^3.35.0", |  | ||||||
| 		"svelte-preprocess": "^4.6.9", |  | ||||||
| 		"vite": "^2.0.5", |  | ||||||
| 		"vite-plugin-windicss": "^0.8.2" |  | ||||||
| 	} |  | ||||||
| } |  | ||||||
| @@ -1,63 +0,0 @@ | |||||||
|   <div class="w-full flex flex-wrap"> |  | ||||||
|  |  | ||||||
|       <!-- Login Section --> |  | ||||||
|       <div class="w-full md:w-1/2 flex flex-col"> |  | ||||||
|  |  | ||||||
|           <div class="flex justify-center md:justify-start pt-12 md:pl-12 md:-mb-24"> |  | ||||||
|               <div class="bg-black text-white font-bold text-xl p-4"><img src="./favicon.png" alt="" |  | ||||||
|                       style="height: 3rem;display: inline;"> LfK!Scan</div> |  | ||||||
|           </div> |  | ||||||
|  |  | ||||||
|           <div class="flex flex-col justify-center md:justify-start my-auto pt-8 md:pt-0 px-8 md:px-24 lg:px-32"> |  | ||||||
|               <p class="text-center text-3xl">Configuration</p> |  | ||||||
|               <p class="text-center">Please provide the scan client token.<br><a target="_blank" class="underline" |  | ||||||
|                       href="https://docs.lauf-fuer-kaya.de/">See our configuration guide.</a></p> |  | ||||||
|               <form class="flex flex-col pt-3 md:pt-8" onsubmit="event.preventDefault();"> |  | ||||||
|                   <div class="flex flex-col pt-4"> |  | ||||||
|                       <label for="token" class="text-lg">Client Token</label> |  | ||||||
|                       <input type="text" id="token" onchange="tokenchanged()" placeholder="Client Token" |  | ||||||
|                           class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline"> |  | ||||||
|                   </div> |  | ||||||
|                   <input id="configure" type="submit" value="Configure" |  | ||||||
|                       class="bg-black text-white font-bold text-lg hover:bg-gray-700 p-2 mt-8 cursor-pointer"> |  | ||||||
|               </form> |  | ||||||
|               <div class="text-center pt-12 pb-12"> |  | ||||||
|                   <p><svg style="height: 1rem;display: inline;" xmlns="http://www.w3.org/2000/svg" fill="none" |  | ||||||
|                           stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" |  | ||||||
|                           class="feather feather-zap" viewBox="0 0 24 24"> |  | ||||||
|                           <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" /> |  | ||||||
|                       </svg><span>powered by <a href="https://odit.services" target="_blank" |  | ||||||
|                               class="underline">ODIT.Services</a>.</span></p> |  | ||||||
|               </div> |  | ||||||
|           </div> |  | ||||||
|  |  | ||||||
|           <div class="w-full p-3"> |  | ||||||
|               <div class="inline-block mr-2 mt-2"> |  | ||||||
|                   <button type="button" |  | ||||||
|                       class="bg-black focus:outline-none text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700">Deutsch |  | ||||||
|                       <svg class="h-4 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M15.923 345.043C52.094 442.527 145.929 512 256 512s203.906-69.473 240.077-166.957L256 322.783l-240.077 22.26z" fill="#ffda44"/><path d="M256 0C145.929 0 52.094 69.472 15.923 166.957L256 189.217l240.077-22.261C459.906 69.472 366.071 0 256 0z"/><path d="M15.923 166.957C5.633 194.69 0 224.686 0 256s5.633 61.31 15.923 89.043h480.155C506.368 317.31 512 287.314 512 256s-5.632-61.31-15.923-89.043H15.923z" fill="#d80027"/></svg></button> |  | ||||||
|               </div> |  | ||||||
|               <div class="inline-block mr-2 mt-2"> |  | ||||||
|                   <button type="button" |  | ||||||
|                       class="bg-black focus:outline-none text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700 bg-blue-700">English |  | ||||||
|                       <svg class="h-4 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |  | ||||||
|                           <circle cx="256" cy="256" r="256" fill="#f0f0f0"></circle> |  | ||||||
|                           <g fill="#d80027"> |  | ||||||
|                               <path |  | ||||||
|                                   d="M244.87 256H512c0-23.106-3.08-45.49-8.819-66.783H244.87V256zM244.87 122.435h229.556a257.35 257.35 0 00-59.07-66.783H244.87v66.783zM256 512c60.249 0 115.626-20.824 159.356-55.652H96.644C140.374 491.176 195.751 512 256 512zM37.574 389.565h436.852a254.474 254.474 0 0028.755-66.783H8.819a254.474 254.474 0 0028.755 66.783z"> |  | ||||||
|                               </path> |  | ||||||
|                           </g> |  | ||||||
|                           <path |  | ||||||
|                               d="M118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037a257.407 257.407 0 00-49.652 55.337h7.475l-13.813 10.035a255.58 255.58 0 00-6.194 10.938l6.596 20.301-12.306-8.941a253.567 253.567 0 00-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444A258.468 258.468 0 000 256h256V0c-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422l-21.699-15.765L85.104 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zM220.328 230.4l-21.699-15.765L176.93 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm0-74.574l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765z" |  | ||||||
|                               fill="#0052b4"></path> |  | ||||||
|                       </svg></button> |  | ||||||
|               </div> |  | ||||||
|           </div> |  | ||||||
|  |  | ||||||
|       </div> |  | ||||||
|  |  | ||||||
|       <!-- Image Section --> |  | ||||||
|       <div class="w-1/2 shadow-2xl"> |  | ||||||
|           <img alt="" class="object-cover w-full h-screen hidden md:block" src="https://source.unsplash.com/IXUM4cJynP0"> |  | ||||||
|       </div> |  | ||||||
|   </div> |  | ||||||
							
								
								
									
										14
									
								
								index.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										14
									
								
								index.html
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,14 @@ | |||||||
|  | <!DOCTYPE html> | ||||||
|  | <html lang="en"> | ||||||
|  |   <head> | ||||||
|  |     <meta charset="UTF-8" /> | ||||||
|  |     <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||||||
|  |     <title>LfK!Scan</title> | ||||||
|  |     <base href="./" /> | ||||||
|  |     <link rel="icon" type="image/png" href="./favicon.png" /> | ||||||
|  |   </head> | ||||||
|  |  | ||||||
|  |   <body class="bg-white font-family-karla h-screen"> | ||||||
|  |     <script type="module" src="./src/main.js"></script> | ||||||
|  |   </body> | ||||||
|  | </html> | ||||||
							
								
								
									
										5033
									
								
								licenses.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										5033
									
								
								licenses.md
									
									
									
									
									
										Normal file
									
								
							
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							
							
								
								
									
										39
									
								
								main.js
									
									
									
									
									
								
							
							
						
						
									
										39
									
								
								main.js
									
									
									
									
									
								
							| @@ -1,39 +0,0 @@ | |||||||
| const { app, BrowserWindow } = require('electron'); |  | ||||||
| const path = require('path'); |  | ||||||
|  |  | ||||||
| function createWindow() { |  | ||||||
| 	const mainWindow = new BrowserWindow({ |  | ||||||
| 		width: 800, |  | ||||||
| 		height: 600, |  | ||||||
| 		fullscreen: true |  | ||||||
| 		// webPreferences: { |  | ||||||
| 		// 	preload: path.join(__dirname, 'preload.js') |  | ||||||
| 		// } |  | ||||||
| 	}); |  | ||||||
| 	mainWindow.loadFile('app/dist/index.html'); |  | ||||||
| 	// mainWindow.removeMenu(); |  | ||||||
| 	// mainWindow.webContents.openDevTools() |  | ||||||
| } |  | ||||||
|  |  | ||||||
| // This method will be called when Electron has finished |  | ||||||
| // initialization and is ready to create browser windows. |  | ||||||
| // Some APIs can only be used after this event occurs. |  | ||||||
| app.whenReady().then(() => { |  | ||||||
| 	createWindow(); |  | ||||||
|  |  | ||||||
| 	app.on('activate', function() { |  | ||||||
| 		// On macOS it's common to re-create a window in the app when the |  | ||||||
| 		// dock icon is clicked and there are no other windows open. |  | ||||||
| 		if (BrowserWindow.getAllWindows().length === 0) createWindow(); |  | ||||||
| 	}); |  | ||||||
| }); |  | ||||||
|  |  | ||||||
| // Quit when all windows are closed, except on macOS. There, it's common |  | ||||||
| // for applications and their menu bar to stay active until the user quits |  | ||||||
| // explicitly with Cmd + Q. |  | ||||||
| app.on('window-all-closed', function() { |  | ||||||
| 	if (process.platform !== 'darwin') app.quit(); |  | ||||||
| }); |  | ||||||
|  |  | ||||||
| // In this file you can include the rest of your app's specific main process |  | ||||||
| // code. You can also put them in separate files and require them here. |  | ||||||
							
								
								
									
										16
									
								
								order.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										16
									
								
								order.js
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,16 @@ | |||||||
|  | const fs = require('fs'); | ||||||
|  | // get all language files | ||||||
|  | const files = fs.readdirSync('./src/locales/'); | ||||||
|  | files.forEach((f) => { | ||||||
|  | 	// read file as object | ||||||
|  | 	const unordered = JSON.parse(fs.readFileSync(`src/locales/${f}`)); | ||||||
|  | 	// order object by keys alpabetically A-Z | ||||||
|  | 	const ordered = Object.keys(unordered).sort().reduce((obj, key) => { | ||||||
|  | 		obj[key] = unordered[key]; | ||||||
|  | 		return obj; | ||||||
|  | 	}, {}); | ||||||
|  | 	// format output as json for commit diff compatibility | ||||||
|  | 	const out = JSON.stringify(ordered, 0, 4); | ||||||
|  | 	// write output file | ||||||
|  | 	fs.writeFileSync(`src/locales/${f}`, out); | ||||||
|  | }); | ||||||
							
								
								
									
										72
									
								
								package.json
									
									
									
									
									
								
							
							
						
						
									
										72
									
								
								package.json
									
									
									
									
									
								
							| @@ -1,47 +1,47 @@ | |||||||
| { | { | ||||||
| 	"name": "@lfk/scanclient", | 	"name": "@lfk/scanclient", | ||||||
| 	"version": "0.0.0", | 	"version": "0.1.1", | ||||||
| 	"description": "minimal electron application", |  | ||||||
| 	"main": "main.js", |  | ||||||
| 	"scripts": { | 	"scripts": { | ||||||
| 		"dev": "cd app && yarn dev", | 		"dev": "vite", | ||||||
| 		"electron:start": "cd app && yarn build && cd .. && electron-forge start", | 		"build": "vite build", | ||||||
| 		"electron:package": "cd app && yarn build && cd .. && electron-forge package" | 		"format": "prettier --write --plugin-search-dir=. ./**/*.html ./**/*.svelte", | ||||||
|  | 		"prepare": "husky install", | ||||||
|  | 		"license:export": "license-exporter --markdown && git stage licenses.md", | ||||||
|  | 		"release": "release-it --only-version" | ||||||
| 	}, | 	}, | ||||||
| 	"devDependencies": { | 	"devDependencies": { | ||||||
| 		"@electron-forge/cli": "^6.0.0-beta.54", | 		"@odit/license-exporter": "^0.0.11", | ||||||
| 		"@electron-forge/maker-deb": "^6.0.0-beta.54", | 		"@svitejs/vite-plugin-svelte": "^0.11.1", | ||||||
| 		"@electron-forge/maker-rpm": "^6.0.0-beta.54", | 		"@tsconfig/svelte": "^1.0.10", | ||||||
| 		"@electron-forge/maker-squirrel": "^6.0.0-beta.54", | 		"@types/html-minifier": "^4.0.0", | ||||||
| 		"@electron-forge/maker-zip": "^6.0.0-beta.54", | 		"axios": "^0.21.1", | ||||||
| 		"electron-nightly": "14.0.0-nightly.20210311" | 		"html-minifier": "^4.0.0", | ||||||
|  | 		"husky": "^5.1.3", | ||||||
|  | 		"prettier": "^2.2.1", | ||||||
|  | 		"prettier-plugin-svelte": "^2.2.0", | ||||||
|  | 		"release-it": "^14.5.1", | ||||||
|  | 		"svelte": "^3.35.0", | ||||||
|  | 		"svelte-i18n": "^3.3.7", | ||||||
|  | 		"svelte-preprocess": "^4.6.9", | ||||||
|  | 		"vite": "^2.1.2", | ||||||
|  | 		"vite-plugin-windicss": "^0.9.2" | ||||||
| 	}, | 	}, | ||||||
| 	"dependencies": { | 	"release-it": { | ||||||
| 		"electron-squirrel-startup": "^1.0.0" | 		"git": { | ||||||
|  | 			"commit": true, | ||||||
|  | 			"requireCleanWorkingDir": false, | ||||||
|  | 			"commitMessage": "🚀Bumped version to v${version}", | ||||||
|  | 			"requireBranch": "dev", | ||||||
|  | 			"push": false, | ||||||
|  | 			"tag": true, | ||||||
|  | 			"tagName": null, | ||||||
|  | 			"tagAnnotation": "v${version}" | ||||||
| 		}, | 		}, | ||||||
| 	"config": { | 		"npm": { | ||||||
| 		"forge": { | 			"publish": false | ||||||
| 			"packagerConfig": {}, |  | ||||||
| 			"makers": [ |  | ||||||
| 				{ |  | ||||||
| 					"name": "@electron-forge/maker-squirrel", |  | ||||||
| 					"config": { |  | ||||||
| 						"name": "@lfk/scanclient" |  | ||||||
| 					} |  | ||||||
| 		}, | 		}, | ||||||
| 				{ | 		"hooks": { | ||||||
| 					"name": "@electron-forge/maker-zip", | 			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node order.js  && git add src/locales" | ||||||
| 					"platforms": [ "darwin" ] |  | ||||||
| 				}, |  | ||||||
| 				{ |  | ||||||
| 					"name": "@electron-forge/maker-deb", |  | ||||||
| 					"config": {} |  | ||||||
| 				}, |  | ||||||
| 				{ |  | ||||||
| 					"name": "@electron-forge/maker-rpm", |  | ||||||
| 					"config": {} |  | ||||||
| 				} |  | ||||||
| 			] |  | ||||||
| 		} | 		} | ||||||
| 	} | 	} | ||||||
| } | } | ||||||
|   | |||||||
| Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB | 
							
								
								
									
										29
									
								
								src/App.svelte
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										29
									
								
								src/App.svelte
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,29 @@ | |||||||
|  | <script> | ||||||
|  |   import { apikey, api_endpoint, lang, page } from "./store.js"; | ||||||
|  |   import { addMessages, init } from "svelte-i18n"; | ||||||
|  |   import en from "./locales/en.json"; | ||||||
|  |   import de from "./locales/de.json"; | ||||||
|  |   addMessages("en", en); | ||||||
|  |   addMessages("en-US", en); | ||||||
|  |   addMessages("de", de); | ||||||
|  |   addMessages("de-DE", de); | ||||||
|  |   // | ||||||
|  |   import Scanner from "./Scanner.svelte"; | ||||||
|  |   import Login from "./Login.svelte"; | ||||||
|  |   import Settings from "./Settings.svelte"; | ||||||
|  |   $: is_configured = $apikey && $apikey !== "null" && $apikey !== ""; | ||||||
|  |   $: settings_open = $page === "settings"; | ||||||
|  |   init({ | ||||||
|  |     fallbackLocale: "en-US", | ||||||
|  |     initialLocale: $lang, | ||||||
|  |   }); | ||||||
|  |   console.log("app started with base url " + $api_endpoint); | ||||||
|  | </script> | ||||||
|  |  | ||||||
|  | {#if settings_open && is_configured} | ||||||
|  |   <Settings /> | ||||||
|  | {:else if is_configured} | ||||||
|  |   <Scanner /> | ||||||
|  | {:else} | ||||||
|  |   <Login /> | ||||||
|  | {/if} | ||||||
							
								
								
									
										266
									
								
								src/Login.svelte
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										266
									
								
								src/Login.svelte
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,266 @@ | |||||||
|  | <script> | ||||||
|  |   import { apikey, lang, stationinfo, api_endpoint } from "./store.js"; | ||||||
|  |   import axios from "axios"; | ||||||
|  |   import { _, locale } from "svelte-i18n"; | ||||||
|  |   let token; | ||||||
|  |   let api_endpoint_input; | ||||||
|  |   $: error = false; | ||||||
|  |   $: errormessage = ""; | ||||||
|  |   $: isTokenValid = | ||||||
|  |     token?.length === 44 && | ||||||
|  |     token.split(".")[0].length === 7 && | ||||||
|  |     isUUID(token.split(".")[1]); | ||||||
|  |   $: isEndpointValid = validURL(api_endpoint_input); | ||||||
|  |   function validURL(str) { | ||||||
|  |     var pattern = new RegExp( | ||||||
|  |       "^(https?:\\/\\/)?" + // protocol | ||||||
|  |         "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|" + // domain name | ||||||
|  |         "((\\d{1,3}\\.){3}\\d{1,3}))" + // OR ip (v4) address | ||||||
|  |         "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" + // port and path | ||||||
|  |         "(\\?[;&a-z\\d%_.~+=-]*)?" + // query string | ||||||
|  |         "(\\#[-a-z\\d_]*)?$", | ||||||
|  |       "i" | ||||||
|  |     ); // fragment locator | ||||||
|  |     return !!pattern.test(str); | ||||||
|  |   } | ||||||
|  |   function isUUID(uuid) { | ||||||
|  |     let s = "" + uuid; | ||||||
|  |  | ||||||
|  |     s = s.match( | ||||||
|  |       "^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$" | ||||||
|  |     ); | ||||||
|  |     if (s === null) { | ||||||
|  |       return false; | ||||||
|  |     } | ||||||
|  |     return true; | ||||||
|  |   } | ||||||
|  | </script> | ||||||
|  |  | ||||||
|  | <div class="w-full flex flex-wrap"> | ||||||
|  |   <!-- Login Section --> | ||||||
|  |   <div class="w-full md:w-1/2 flex flex-col"> | ||||||
|  |     <div class="flex justify-center md:justify-start pt-12 md:pl-12 md:-mb-24"> | ||||||
|  |       <div class="bg-black text-white font-bold text-xl p-4"> | ||||||
|  |         <img src="./favicon.png" alt="" style="height: 3rem;display: inline;" /> | ||||||
|  |         LfK!Scan | ||||||
|  |       </div> | ||||||
|  |     </div> | ||||||
|  |  | ||||||
|  |     <div | ||||||
|  |       class="flex flex-col justify-center md:justify-start my-auto pt-8 md:pt-0 px-8 md:px-24 lg:px-32" | ||||||
|  |     > | ||||||
|  |       <p class="text-center text-3xl">{$_("configuration")}</p> | ||||||
|  |       <p class="text-center"> | ||||||
|  |         {$_("please_provide_the_scan_client_token")}<br /><a | ||||||
|  |           target="_blank" | ||||||
|  |           class="underline" | ||||||
|  |           href="https://docs.lauf-fuer-kaya.de/" | ||||||
|  |           >{$_("see_our_configuration_guide")}</a | ||||||
|  |         > | ||||||
|  |       </p> | ||||||
|  |       {#if error} | ||||||
|  |         {#if errormessage === "invalid_token"} | ||||||
|  |           <div | ||||||
|  |             class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2" | ||||||
|  |           > | ||||||
|  |             <span class="inline-block align-middle"> | ||||||
|  |               <b class="capitalize">{$_("error")}</b><br />{$_( | ||||||
|  |                 "the_provided_scan_station_token_is_invalid" | ||||||
|  |               )}<br />{$_("please_check_your_token_and_try_again")} | ||||||
|  |             </span> | ||||||
|  |           </div> | ||||||
|  |         {/if} | ||||||
|  |         {#if errormessage === "station_disabled"} | ||||||
|  |           <div | ||||||
|  |             class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2" | ||||||
|  |           > | ||||||
|  |             <span class="inline-block align-middle"> | ||||||
|  |               <b class="capitalize">{$_("error")}</b><br />{$_( | ||||||
|  |                 "the_provided_scan_station_is_disabled" | ||||||
|  |               )} | ||||||
|  |             </span> | ||||||
|  |           </div> | ||||||
|  |         {/if} | ||||||
|  |       {/if} | ||||||
|  |       {#if $api_endpoint} | ||||||
|  |         <form | ||||||
|  |           class="flex flex-col pt-3 md:pt-8" | ||||||
|  |           onsubmit="event.preventDefault();" | ||||||
|  |           on:submit={() => { | ||||||
|  |             axios | ||||||
|  |               .request({ | ||||||
|  |                 method: "GET", | ||||||
|  |                 url: $api_endpoint + "api/stations/me", | ||||||
|  |                 headers: { Authorization: "Bearer " + token }, | ||||||
|  |               }) | ||||||
|  |               .then(function (response) { | ||||||
|  |                 error = false; | ||||||
|  |                 errormessage = ""; | ||||||
|  |                 apikey.set(token); | ||||||
|  |                 stationinfo.set(JSON.stringify(response.data)); | ||||||
|  |               }) | ||||||
|  |               .catch(function (e) { | ||||||
|  |                 error = true; | ||||||
|  |                 errormessage = e.response.data.short; | ||||||
|  |               }); | ||||||
|  |           }} | ||||||
|  |         > | ||||||
|  |           <div class="flex flex-col pt-4"> | ||||||
|  |             <label for="token" class="text-lg">{$_("client_token")}</label> | ||||||
|  |             <input | ||||||
|  |               type="text" | ||||||
|  |               id="token" | ||||||
|  |               placeholder={$_("client_token")} | ||||||
|  |               bind:value={token} | ||||||
|  |               class:border-red-500={!isTokenValid} | ||||||
|  |               class:border-solid={!isTokenValid} | ||||||
|  |               class:border-3={!isTokenValid} | ||||||
|  |               class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline" | ||||||
|  |             /> | ||||||
|  |           </div> | ||||||
|  |           {#if !isTokenValid} | ||||||
|  |             <span class="text-sm" | ||||||
|  |               >{$_("please_provide_a_valid_client_token")}</span | ||||||
|  |             > | ||||||
|  |           {/if} | ||||||
|  |           <button | ||||||
|  |             disabled={!isTokenValid} | ||||||
|  |             class:cursor-pointer={isTokenValid} | ||||||
|  |             class:opacity-50={!isTokenValid} | ||||||
|  |             id="configure" | ||||||
|  |             type="submit" | ||||||
|  |             class="bg-black text-white font-bold text-lg hover:bg-gray-700 p-2 mt-8 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black" | ||||||
|  |             >{$_("configure")}</button | ||||||
|  |           > | ||||||
|  |         </form> | ||||||
|  |       {:else} | ||||||
|  |         <form | ||||||
|  |           class="flex flex-col pt-3 md:pt-8" | ||||||
|  |           onsubmit="event.preventDefault();" | ||||||
|  |           on:submit={() => { | ||||||
|  |             if (api_endpoint_input.substr(-1) !== "/") { | ||||||
|  |               api_endpoint_input = api_endpoint_input + "/"; | ||||||
|  |             } | ||||||
|  |             api_endpoint.set(api_endpoint_input); | ||||||
|  |           }} | ||||||
|  |         > | ||||||
|  |           <div class="flex flex-col pt-4"> | ||||||
|  |             <label for="api_endpoint" class="text-lg" | ||||||
|  |               >{$_("api_endpoint")}</label | ||||||
|  |             > | ||||||
|  |             <input | ||||||
|  |               type="text" | ||||||
|  |               id="api_endpoint" | ||||||
|  |               placeholder={$_("api_endpoint")} | ||||||
|  |               bind:value={api_endpoint_input} | ||||||
|  |               class:border-red-500={!isEndpointValid} | ||||||
|  |               class:border-solid={!isEndpointValid} | ||||||
|  |               class:border-3={!isEndpointValid} | ||||||
|  |               class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline" | ||||||
|  |             /> | ||||||
|  |           </div> | ||||||
|  |           {#if !isEndpointValid} | ||||||
|  |             <span class="text-sm" | ||||||
|  |               >{$_("please_provide_a_valid_client_api_endpoint")}</span | ||||||
|  |             > | ||||||
|  |           {/if} | ||||||
|  |           <button | ||||||
|  |             disabled={!isEndpointValid} | ||||||
|  |             class:cursor-pointer={isEndpointValid} | ||||||
|  |             class:opacity-50={!isEndpointValid} | ||||||
|  |             id="configure" | ||||||
|  |             type="submit" | ||||||
|  |             class="bg-black text-white font-bold text-lg hover:bg-gray-700 p-2 mt-8 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black" | ||||||
|  |             >{$_("configure")}</button | ||||||
|  |           > | ||||||
|  |         </form> | ||||||
|  |       {/if} | ||||||
|  |       <div class="text-center pt-12 pb-12"> | ||||||
|  |         <p> | ||||||
|  |           <svg | ||||||
|  |             style="height: 1rem;display: inline;" | ||||||
|  |             xmlns="http://www.w3.org/2000/svg" | ||||||
|  |             fill="none" | ||||||
|  |             stroke="currentColor" | ||||||
|  |             stroke-width="2" | ||||||
|  |             stroke-linecap="round" | ||||||
|  |             stroke-linejoin="round" | ||||||
|  |             class="feather feather-zap" | ||||||
|  |             viewBox="0 0 24 24" | ||||||
|  |           > | ||||||
|  |             <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" /> | ||||||
|  |           </svg><span | ||||||
|  |             >powered by <a | ||||||
|  |               href="https://odit.services" | ||||||
|  |               target="_blank" | ||||||
|  |               class="underline">ODIT.Services</a | ||||||
|  |             >.</span | ||||||
|  |           > | ||||||
|  |         </p> | ||||||
|  |       </div> | ||||||
|  |     </div> | ||||||
|  |     <div class="w-full p-3"> | ||||||
|  |       <div class="inline-block mr-2 mt-2"> | ||||||
|  |         <button | ||||||
|  |           on:click={() => { | ||||||
|  |             lang.set("de-DE"); | ||||||
|  |             locale.set("de-DE"); | ||||||
|  |           }} | ||||||
|  |           type="button" | ||||||
|  |           class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700" | ||||||
|  |           >Deutsch | ||||||
|  |           <svg | ||||||
|  |             class="h-4 inline" | ||||||
|  |             xmlns="http://www.w3.org/2000/svg" | ||||||
|  |             viewBox="0 0 512 512" | ||||||
|  |             ><path | ||||||
|  |               d="M15.923 345.043C52.094 442.527 145.929 512 256 512s203.906-69.473 240.077-166.957L256 322.783l-240.077 22.26z" | ||||||
|  |               fill="#ffda44" | ||||||
|  |             /><path | ||||||
|  |               d="M256 0C145.929 0 52.094 69.472 15.923 166.957L256 189.217l240.077-22.261C459.906 69.472 366.071 0 256 0z" | ||||||
|  |             /><path | ||||||
|  |               d="M15.923 166.957C5.633 194.69 0 224.686 0 256s5.633 61.31 15.923 89.043h480.155C506.368 317.31 512 287.314 512 256s-5.632-61.31-15.923-89.043H15.923z" | ||||||
|  |               fill="#d80027" | ||||||
|  |             /></svg | ||||||
|  |           ></button | ||||||
|  |         > | ||||||
|  |       </div> | ||||||
|  |       <div class="inline-block mr-2 mt-2"> | ||||||
|  |         <button | ||||||
|  |           on:click={() => { | ||||||
|  |             lang.set("en-US"); | ||||||
|  |             locale.set("en-US"); | ||||||
|  |           }} | ||||||
|  |           type="button" | ||||||
|  |           class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700" | ||||||
|  |           >English | ||||||
|  |           <svg | ||||||
|  |             class="h-4 inline" | ||||||
|  |             xmlns="http://www.w3.org/2000/svg" | ||||||
|  |             viewBox="0 0 512 512" | ||||||
|  |           > | ||||||
|  |             <circle cx="256" cy="256" r="256" fill="#f0f0f0" /> | ||||||
|  |             <g fill="#d80027"> | ||||||
|  |               <path | ||||||
|  |                 d="M244.87 256H512c0-23.106-3.08-45.49-8.819-66.783H244.87V256zM244.87 122.435h229.556a257.35 257.35 0 00-59.07-66.783H244.87v66.783zM256 512c60.249 0 115.626-20.824 159.356-55.652H96.644C140.374 491.176 195.751 512 256 512zM37.574 389.565h436.852a254.474 254.474 0 0028.755-66.783H8.819a254.474 254.474 0 0028.755 66.783z" | ||||||
|  |               /> | ||||||
|  |             </g> | ||||||
|  |             <path | ||||||
|  |               d="M118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037a257.407 257.407 0 00-49.652 55.337h7.475l-13.813 10.035a255.58 255.58 0 00-6.194 10.938l6.596 20.301-12.306-8.941a253.567 253.567 0 00-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444A258.468 258.468 0 000 256h256V0c-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422l-21.699-15.765L85.104 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zM220.328 230.4l-21.699-15.765L176.93 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm0-74.574l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765z" | ||||||
|  |               fill="#0052b4" | ||||||
|  |             /> | ||||||
|  |           </svg></button | ||||||
|  |         > | ||||||
|  |       </div> | ||||||
|  |     </div> | ||||||
|  |   </div> | ||||||
|  |  | ||||||
|  |   <!-- Image Section --> | ||||||
|  |   <div class="w-1/2 shadow-2xl"> | ||||||
|  |     <img | ||||||
|  |       alt="" | ||||||
|  |       class="object-cover w-full h-screen hidden md:block" | ||||||
|  |       src="https://source.unsplash.com/IXUM4cJynP0" | ||||||
|  |     /> | ||||||
|  |   </div> | ||||||
|  | </div> | ||||||
							
								
								
									
										164
									
								
								src/Scanner.svelte
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										164
									
								
								src/Scanner.svelte
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,164 @@ | |||||||
|  | <script> | ||||||
|  |   import axios from "axios"; | ||||||
|  |   import { _ } from "svelte-i18n"; | ||||||
|  |   import { apikey, api_endpoint, page, stationinfo } from "./store.js"; | ||||||
|  |   function init(el) { | ||||||
|  |     el.focus(); | ||||||
|  |   } | ||||||
|  |   let lastscan_error = ""; | ||||||
|  |   let lastscan_time = ""; | ||||||
|  |   let lastscan_laptime = ""; | ||||||
|  |   let lastscan_totaldistance = ""; | ||||||
|  |   let lastscan_valid = true; | ||||||
|  |   let card = ""; | ||||||
|  |   // live clock at the top | ||||||
|  |   let time = new Date(); | ||||||
|  |   $: hours = (time.getHours() + "").padStart(2, "0"); | ||||||
|  |   $: minutes = (time.getMinutes() + "").padStart(2, "0"); | ||||||
|  |   $: seconds = (time.getSeconds() + "").padStart(2, "0"); | ||||||
|  |   setInterval(() => { | ||||||
|  |     time = new Date(); | ||||||
|  |   }, 1000); | ||||||
|  | </script> | ||||||
|  |  | ||||||
|  | <div class="min-h-screen"> | ||||||
|  |   <div class="bg-white shadow p-2"> | ||||||
|  |     <div class="flex flex-wrap -mx-1 overflow-hidden"> | ||||||
|  |       <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center"> | ||||||
|  |         <img src="/favicon.png" alt="" class="h-14 mx-auto" /> | ||||||
|  |       </div> | ||||||
|  |  | ||||||
|  |       <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center"> | ||||||
|  |         Lauf Für Kaya! Scan 📷 | ||||||
|  |       </div> | ||||||
|  |  | ||||||
|  |       <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center"> | ||||||
|  |         {JSON.parse($stationinfo).track.name} - #{JSON.parse($stationinfo).track | ||||||
|  |           .id} - {JSON.parse($stationinfo).track.distance}m | ||||||
|  |       </div> | ||||||
|  |     </div> | ||||||
|  |   </div> | ||||||
|  |  | ||||||
|  |   <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900"> | ||||||
|  |     {hours}:{minutes}:{seconds} | ||||||
|  |   </h1> | ||||||
|  |   <section class="px-4 py-24 mx-auto max-w-7xl"> | ||||||
|  |     <div class="mx-auto space-y-5 w-full md:w-1/2"> | ||||||
|  |       {#if lastscan_error} | ||||||
|  |         <div | ||||||
|  |           class="text-white px-6 py-4 border-0 rounded relative bg-red-500 mt-2" | ||||||
|  |         > | ||||||
|  |           <span class="inline-block align-middle"> | ||||||
|  |             <b class="capitalize">Error!</b><br />{lastscan_error} | ||||||
|  |           </span> | ||||||
|  |         </div> | ||||||
|  |       {/if} | ||||||
|  |       <form | ||||||
|  |         class="space-y-4" | ||||||
|  |         onsubmit="event.preventDefault();" | ||||||
|  |         on:submit={() => { | ||||||
|  |           if (card === "cnf") { | ||||||
|  |             page.set("settings"); | ||||||
|  |           } else { | ||||||
|  |             card = parseInt(card); | ||||||
|  |             lastscan_error = ""; | ||||||
|  |             axios | ||||||
|  |               .request({ | ||||||
|  |                 method: "POST", | ||||||
|  |                 url: $api_endpoint + "api/scans/trackscans", | ||||||
|  |                 headers: { Authorization: "Bearer " + $apikey }, | ||||||
|  |                 data: { card }, | ||||||
|  |               }) | ||||||
|  |               .then((response) => { | ||||||
|  |                 const time = new Date(); | ||||||
|  |                 const hours = (time.getHours() + "").padStart(2, "0"); | ||||||
|  |                 const minutes = (time.getMinutes() + "").padStart(2, "0"); | ||||||
|  |                 const seconds = (time.getSeconds() + "").padStart(2, "0"); | ||||||
|  |                 lastscan_time = hours + ":" + minutes + ":" + seconds; | ||||||
|  |                 response.data.lapTime = | ||||||
|  |                   Math.floor(response.data.lapTime / 60) + | ||||||
|  |                   "min " + | ||||||
|  |                   (Math.floor(response.data.lapTime % 60) + "").padStart( | ||||||
|  |                     2, | ||||||
|  |                     "0" | ||||||
|  |                   ) + | ||||||
|  |                   "s"; | ||||||
|  |                 lastscan_laptime = response.data.lapTime; | ||||||
|  |                 lastscan_valid = response.data.valid; | ||||||
|  |                 lastscan_totaldistance = | ||||||
|  |                   Math.floor(response.data.runner.distance / 1000) + | ||||||
|  |                   "km " + | ||||||
|  |                   ( | ||||||
|  |                     Math.floor(response.data.runner.distance % 1000) + "" | ||||||
|  |                   ).padStart(3, "0") + | ||||||
|  |                   "m"; | ||||||
|  |               }) | ||||||
|  |               .catch((e) => { | ||||||
|  |                 lastscan_error = e.response.data.message; | ||||||
|  |               }); | ||||||
|  |           } | ||||||
|  |           card = ""; | ||||||
|  |         }} | ||||||
|  |       > | ||||||
|  |         <label class="block"> | ||||||
|  |           <span class="block mb-1 text-xs font-medium text-gray-700" | ||||||
|  |             >{$_("runner_card")}</span | ||||||
|  |           > | ||||||
|  |           <input | ||||||
|  |             class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline" | ||||||
|  |             type="text" | ||||||
|  |             placeholder="123456789" | ||||||
|  |             required | ||||||
|  |             use:init | ||||||
|  |             bind:value={card} | ||||||
|  |           /> | ||||||
|  |         </label> | ||||||
|  |         {#if lastscan_totaldistance} | ||||||
|  |           {#if !lastscan_valid || lastscan_error} | ||||||
|  |             <svg | ||||||
|  |               xmlns="http://www.w3.org/2000/svg" | ||||||
|  |               width="20rem" | ||||||
|  |               height="20rem" | ||||||
|  |               class="ml-auto mr-auto" | ||||||
|  |               version="1.0" | ||||||
|  |               title="Invalid" | ||||||
|  |               viewBox="0 0 100 100" | ||||||
|  |               ><g fill="none" stroke="red" | ||||||
|  |                 ><path d="M6 6l88 88" stroke-width="18.1" /><path | ||||||
|  |                   d="M6 94L94 6" | ||||||
|  |                   stroke-width="17.8" | ||||||
|  |                 /></g | ||||||
|  |               ></svg | ||||||
|  |             > | ||||||
|  |           {:else} | ||||||
|  |             <svg | ||||||
|  |               xmlns="http://www.w3.org/2000/svg" | ||||||
|  |               width="20rem" | ||||||
|  |               height="20rem" | ||||||
|  |               class="ml-auto mr-auto" | ||||||
|  |               title="Valid" | ||||||
|  |               viewBox="0 0 600 600" | ||||||
|  |               ><path | ||||||
|  |                 d="M8 405s115 129 138 182h99c41-126 203-429 341-535 28-37-43-52-102-27-87 36-252 317-283 384-44 12-90-74-90-74z" | ||||||
|  |                 fill="#181" | ||||||
|  |               /></svg | ||||||
|  |             > | ||||||
|  |           {/if} | ||||||
|  |           <h1 class="text-2xl font-bold text-center">{$_("total-distance")}</h1> | ||||||
|  |           <h1 class="text-6xl font-bold text-center"> | ||||||
|  |             {lastscan_totaldistance} | ||||||
|  |           </h1> | ||||||
|  |           <h1 class="text-2xl font-bold text-center">{$_("lap-time")}</h1> | ||||||
|  |           <h1 class="text-6xl font-bold text-center">{lastscan_laptime}</h1> | ||||||
|  |           <h1 class="text-2xl font-bold text-center">{$_("last-scan")}</h1> | ||||||
|  |           <h1 class="text-5xl font-bold text-center">{lastscan_time}</h1> | ||||||
|  |         {:else} | ||||||
|  |           <h1 class="text-3xl font-bold text-center"> | ||||||
|  |             {$_("please_scan_a_card")} | ||||||
|  |           </h1> | ||||||
|  |         {/if} | ||||||
|  |         <button type="submit" class="hidden">{$_("scan")}</button> | ||||||
|  |       </form> | ||||||
|  |     </div> | ||||||
|  |   </section> | ||||||
|  | </div> | ||||||
							
								
								
									
										112
									
								
								src/Settings.svelte
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										112
									
								
								src/Settings.svelte
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,112 @@ | |||||||
|  | <script> | ||||||
|  |   import { _ } from "svelte-i18n"; | ||||||
|  |  | ||||||
|  |   import { apikey, api_endpoint, lang, page, stationinfo } from "./store.js"; | ||||||
|  | </script> | ||||||
|  |  | ||||||
|  | <div class="p-5 min-h-screen"> | ||||||
|  |   <h1 class="font-bold text-3xl w-full text-center text-gray-900"> | ||||||
|  |     Lauf Für Kaya! Scan 📷 | ||||||
|  |   </h1> | ||||||
|  |   <h1 class="text-3xl w-full text-center text-gray-900">{$_("settings")}</h1> | ||||||
|  |   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("api_key")}</p> | ||||||
|  |   <p class="block text-sm text-gray-700">{$apikey}</p> | ||||||
|  |   <p class="block text-sm font-bold text-gray-700 mt-2"> | ||||||
|  |     {$_("station_description")} | ||||||
|  |   </p> | ||||||
|  |   <p class="block text-sm text-gray-700"> | ||||||
|  |     {JSON.parse($stationinfo).description} | ||||||
|  |   </p> | ||||||
|  |   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("station_id")}</p> | ||||||
|  |   <p class="block text-sm text-gray-700">{JSON.parse($stationinfo).id}</p> | ||||||
|  |   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_id")}</p> | ||||||
|  |   <p class="block text-sm text-gray-700">{JSON.parse($stationinfo).track.id}</p> | ||||||
|  |   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_name")}</p> | ||||||
|  |   <p class="block text-sm text-gray-700"> | ||||||
|  |     {JSON.parse($stationinfo).track.name} | ||||||
|  |   </p> | ||||||
|  |   <p class="block text-sm font-bold text-gray-700 mt-2"> | ||||||
|  |     {$_("track_distance")} | ||||||
|  |   </p> | ||||||
|  |   <p class="block text-sm text-gray-700"> | ||||||
|  |     {JSON.parse($stationinfo).track.distance} | ||||||
|  |   </p> | ||||||
|  |   <p class="block text-sm font-bold text-gray-700 mt-2"> | ||||||
|  |     {$_("minimum_lap_time")} | ||||||
|  |   </p> | ||||||
|  |   <p class="block text-sm text-gray-700"> | ||||||
|  |     {JSON.parse($stationinfo).track.minimumLapTime}s | ||||||
|  |   </p> | ||||||
|  |   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("language")}</p> | ||||||
|  |   <div class="w-full"> | ||||||
|  |     <div class="inline-block mr-2 mt-2"> | ||||||
|  |       <button | ||||||
|  |         on:click={() => { | ||||||
|  |           lang.set("de-DE"); | ||||||
|  |         }} | ||||||
|  |         type="button" | ||||||
|  |         class:bg-blue-700={$lang === "de-DE"} | ||||||
|  |         class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700" | ||||||
|  |         >Deutsch | ||||||
|  |         <svg | ||||||
|  |           class="h-4 inline" | ||||||
|  |           xmlns="http://www.w3.org/2000/svg" | ||||||
|  |           viewBox="0 0 512 512" | ||||||
|  |           ><path | ||||||
|  |             d="M15.923 345.043C52.094 442.527 145.929 512 256 512s203.906-69.473 240.077-166.957L256 322.783l-240.077 22.26z" | ||||||
|  |             fill="#ffda44" | ||||||
|  |           /><path | ||||||
|  |             d="M256 0C145.929 0 52.094 69.472 15.923 166.957L256 189.217l240.077-22.261C459.906 69.472 366.071 0 256 0z" | ||||||
|  |           /><path | ||||||
|  |             d="M15.923 166.957C5.633 194.69 0 224.686 0 256s5.633 61.31 15.923 89.043h480.155C506.368 317.31 512 287.314 512 256s-5.632-61.31-15.923-89.043H15.923z" | ||||||
|  |             fill="#d80027" | ||||||
|  |           /></svg | ||||||
|  |         ></button | ||||||
|  |       > | ||||||
|  |     </div> | ||||||
|  |     <div class="inline-block mr-2 mt-2"> | ||||||
|  |       <button | ||||||
|  |         on:click={() => { | ||||||
|  |           lang.set("en-EN"); | ||||||
|  |         }} | ||||||
|  |         type="button" | ||||||
|  |         class:bg-blue-700={$lang === "en-EN"} | ||||||
|  |         class="bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md hover:bg-blue-700" | ||||||
|  |         >English | ||||||
|  |         <svg | ||||||
|  |           class="h-4 inline" | ||||||
|  |           xmlns="http://www.w3.org/2000/svg" | ||||||
|  |           viewBox="0 0 512 512" | ||||||
|  |         > | ||||||
|  |           <circle cx="256" cy="256" r="256" fill="#f0f0f0" /> | ||||||
|  |           <g fill="#d80027"> | ||||||
|  |             <path | ||||||
|  |               d="M244.87 256H512c0-23.106-3.08-45.49-8.819-66.783H244.87V256zM244.87 122.435h229.556a257.35 257.35 0 00-59.07-66.783H244.87v66.783zM256 512c60.249 0 115.626-20.824 159.356-55.652H96.644C140.374 491.176 195.751 512 256 512zM37.574 389.565h436.852a254.474 254.474 0 0028.755-66.783H8.819a254.474 254.474 0 0028.755 66.783z" | ||||||
|  |             /> | ||||||
|  |           </g> | ||||||
|  |           <path | ||||||
|  |             d="M118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037a257.407 257.407 0 00-49.652 55.337h7.475l-13.813 10.035a255.58 255.58 0 00-6.194 10.938l6.596 20.301-12.306-8.941a253.567 253.567 0 00-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444A258.468 258.468 0 000 256h256V0c-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422l-21.699-15.765L85.104 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zM220.328 230.4l-21.699-15.765L176.93 230.4l8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765 8.289 25.509zm-8.289-100.083l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm0-74.574l8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765z" | ||||||
|  |             fill="#0052b4" | ||||||
|  |           /> | ||||||
|  |         </svg></button | ||||||
|  |       > | ||||||
|  |     </div> | ||||||
|  |   </div> | ||||||
|  |   <br /> | ||||||
|  |   <button | ||||||
|  |     on:click={() => { | ||||||
|  |       page.set(""); | ||||||
|  |     }} | ||||||
|  |     class="mb-3 w-full py-3 border-black border-3 text-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black" | ||||||
|  |     >{$_("back_to_scanner")}</button | ||||||
|  |   > | ||||||
|  |   <button | ||||||
|  |     on:click={() => { | ||||||
|  |       apikey.set(""); | ||||||
|  |       api_endpoint.set(""); | ||||||
|  |       page.set(""); | ||||||
|  |     }} | ||||||
|  |     class="w-full py-3 bg-black text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black" | ||||||
|  |     >{$_("log_out_from_this_client")}</button | ||||||
|  |   > | ||||||
|  | </div> | ||||||
							
								
								
									
										31
									
								
								src/locales/de.json
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										31
									
								
								src/locales/de.json
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,31 @@ | |||||||
|  | { | ||||||
|  |     "api_endpoint": "API-Endpunkt", | ||||||
|  |     "api_key": "API Key", | ||||||
|  |     "back_to_scanner": "Zurück zum Scanner", | ||||||
|  |     "client_token": "Client Token", | ||||||
|  |     "configuration": "Konfiguration", | ||||||
|  |     "configure": "Konfigurieren", | ||||||
|  |     "error": "Error!", | ||||||
|  |     "language": "Sprache", | ||||||
|  |     "lap-time": "Rundenzeit", | ||||||
|  |     "last-scan": "Letzter Scan um", | ||||||
|  |     "log_out_from_this_client": "Von diesem Scanner abmelden", | ||||||
|  |     "minimum_lap_time": "minimale Rundenzeit", | ||||||
|  |     "please_check_your_token_and_try_again": "Bitte überprüfe den Token und versuche es erneut...", | ||||||
|  |     "please_provide_a_valid_client_api_endpoint": "Bitte gebe einen gültigen API-Endpunkt an ...", | ||||||
|  |     "please_provide_a_valid_client_token": "Bitte gebe einen gültigen Client-Token an ...", | ||||||
|  |     "please_provide_the_scan_client_token": "Bitte gebe den Scan-Client-Token an.", | ||||||
|  |     "please_scan_a_card": "Bitte scanne eine Karte ...", | ||||||
|  |     "runner_card": "Läuferkarte", | ||||||
|  |     "scan": "Scannen!", | ||||||
|  |     "see_our_configuration_guide": "Siehe dir unsere Konfigurationsanleitung an.", | ||||||
|  |     "settings": "Einstellungen", | ||||||
|  |     "station_description": "Beschreibung der Scanstation", | ||||||
|  |     "station_id": "Scanstations-ID", | ||||||
|  |     "the_provided_scan_station_is_disabled": "Die angegebene Scanstation ist deaktiviert.", | ||||||
|  |     "the_provided_scan_station_token_is_invalid": "Der angegebene Scanstation-Token ist ungültig.", | ||||||
|  |     "total-distance": "Gesamtdistanz", | ||||||
|  |     "track_distance": "Länge des Tracks", | ||||||
|  |     "track_id": "Track ID", | ||||||
|  |     "track_name": "Track Name" | ||||||
|  | } | ||||||
							
								
								
									
										31
									
								
								src/locales/en.json
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										31
									
								
								src/locales/en.json
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,31 @@ | |||||||
|  | { | ||||||
|  |     "api_endpoint": "API Endpoint", | ||||||
|  |     "api_key": "API Key", | ||||||
|  |     "back_to_scanner": "Back to Scanner", | ||||||
|  |     "client_token": "Client Token", | ||||||
|  |     "configuration": "Configuration", | ||||||
|  |     "configure": "Configure", | ||||||
|  |     "error": "Error!", | ||||||
|  |     "language": "Language", | ||||||
|  |     "lap-time": "lap time", | ||||||
|  |     "last-scan": "last scan", | ||||||
|  |     "log_out_from_this_client": "Log Out from this Client", | ||||||
|  |     "minimum_lap_time": "minimum lap time", | ||||||
|  |     "please_check_your_token_and_try_again": "Please check your token and try again...", | ||||||
|  |     "please_provide_a_valid_client_api_endpoint": "Please provide a valid api endpoint...", | ||||||
|  |     "please_provide_a_valid_client_token": "Please provide a valid client token...", | ||||||
|  |     "please_provide_the_scan_client_token": "Please provide the scan client token.", | ||||||
|  |     "please_scan_a_card": "please scan a card...", | ||||||
|  |     "runner_card": "Runner Card", | ||||||
|  |     "scan": "Scan!", | ||||||
|  |     "see_our_configuration_guide": "See our configuration guide.", | ||||||
|  |     "settings": "Settings", | ||||||
|  |     "station_description": "Station Description", | ||||||
|  |     "station_id": "Scanstation ID", | ||||||
|  |     "the_provided_scan_station_is_disabled": "The provided scan station is disabled.", | ||||||
|  |     "the_provided_scan_station_token_is_invalid": "The provided scan station token is invalid.", | ||||||
|  |     "total-distance": "total distance", | ||||||
|  |     "track_distance": "Track Distance", | ||||||
|  |     "track_id": "Track ID", | ||||||
|  |     "track_name": "Track Name" | ||||||
|  | } | ||||||
							
								
								
									
										27
									
								
								src/store.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										27
									
								
								src/store.js
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,27 @@ | |||||||
|  | import { writable } from 'svelte/store'; | ||||||
|  |  | ||||||
|  | const stored_api_endpoint = localStorage.getItem('api_endpoint')||""; | ||||||
|  | export const api_endpoint = writable(stored_api_endpoint); | ||||||
|  | api_endpoint.subscribe((value) => { | ||||||
|  | 	localStorage.setItem('api_endpoint', value); | ||||||
|  | }); | ||||||
|  | const stored_apikey = localStorage.getItem('apikey'); | ||||||
|  | export const apikey = writable(stored_apikey); | ||||||
|  | apikey.subscribe((value) => { | ||||||
|  | 	localStorage.setItem('apikey', value); | ||||||
|  | }); | ||||||
|  | const stored_stationinfo = localStorage.getItem('stationinfo'); | ||||||
|  | export const stationinfo = writable(stored_stationinfo); | ||||||
|  | stationinfo.subscribe((value) => { | ||||||
|  | 	localStorage.setItem('stationinfo', value); | ||||||
|  | }); | ||||||
|  | const stored_page = localStorage.getItem('page'); | ||||||
|  | export const page = writable(stored_page); | ||||||
|  | page.subscribe((value) => { | ||||||
|  | 	localStorage.setItem('page', value); | ||||||
|  | }); | ||||||
|  | const stored_lang = localStorage.getItem('lang') === 'null' ? navigator.language : localStorage.getItem('lang'); | ||||||
|  | export const lang = writable(stored_lang); | ||||||
|  | lang.subscribe((value) => { | ||||||
|  | 	localStorage.setItem('lang', value); | ||||||
|  | }); | ||||||
		Reference in New Issue
	
	Block a user