.woodpecker.yml

@@ -1,23 +1,18 @@
-when:
+pipeline:
-  branch: prod
-
-steps:
   frontend:
-    image: node:18-alpine
+    image: node:16-alpine
     commands:
-      - yarn global add pnpm
+      - ( cd client && yarn install )
-      - ( cd client && pnpm run setup )
+      - ( cd client/ && yarn generate )
-      - ( cd client/ && pnpm run generate )
       - mkdir -p client/.output/public/
 
   backend:
-    image: golang:1.20-alpine
+    image: golang:1.18-alpine
     commands:
       - apk add go-bindata
       - apk add make
       - make -C server setup
       - make -C server build
-      - mkdir -p build/files/data
       - cp server/knowyt build/files/
 
   build-publish:
@@ -41,3 +36,5 @@ steps:
         from_secret: matrix.bw-messenger.de.username
       password:
         from_secret: matrix.bw-messenger.de.password
+
+branches: prod

Makefile

@@ -1,8 +1,7 @@
 TMUX_SESSION=knowyt
 VERSION=$(shell grep version client/package.json | cut -d\" -f4)
-CONTAINER=$(shell which podman || which docker)
 
-.PHONY: info setup run-all run-server run-client run-tmux build clean
+.PHONY: info run-all run-server run-client run-tmux build podman clean
 
 info:
 	@echo available targets:
@@ -10,16 +9,7 @@ info:
 
 setup:
 	@echo "I checking for tools"
-	@echo -n "  container: " ; \
+	@for binary in go go-bindata tmux node yarn npx podman pexec inotifyloop inotifywait; do \
-		if ! [ -x "$(CONTAINER)" ]; then \
-			echo "neither podman nor docker found" ;\
-			exit 1 ;\
-		else \
-			echo "$(CONTAINER)" ;\
-		fi
-	@for binary in go go-bindata tmux node pnpm npx \
-			 pexec inotifyloop inotifywait \
-	     newuidmap slirp4netns; do \
 		echo -n "  $$binary: " ; \
 		if ! which "$$binary"; then \
 			echo "not found" ;\
@@ -27,7 +17,7 @@ setup:
 		fi ;\
 	done
 	@echo "I installing client dependencies"
-	( cd client && pnpm run setup )
+	( cd client && yarn install )
 	@echo "I create client output directory"
 	mkdir -p client/.output/public/
 	@echo "I installing server dependencies"
@@ -49,36 +39,32 @@ run-tmux:
 	tmux attach-session -t "$(TMUX_SESSION)"
 
 run-client:
-	(cd client/ && pnpm dev)
+	(cd client/ && yarn dev)
 
 run-server:
 	$(MAKE) -C server run-loop
 
 build:
 	echo $(VERSION)
-	(cd client/ && pnpm run generate)
+	(cd client/ && yarn generate)
 	$(MAKE) -C server build
-	$(MAKE) container-build
+	$(MAKE) podman-build
+	$(MAKE) podman-save
 
-container-build:
+podman-build:
-	mkdir -p build/files/data
 	cp server/knowyt build/files/
-	$(CONTAINER) build --tag knowyt:$(VERSION) .
+	podman build --tag knowyt:$(VERSION) .
 
-container-save:
+podman-save:
 	rm -f build/knowyt-$(VERSION).tar
-	$(CONTAINER) save knowyt:$(VERSION) -o build/knowyt-$(VERSION).tar
+	podman save knowyt:$(VERSION) -o build/knowyt-$(VERSION).tar
 	ls -lh build/knowyt-$(VERSION).tar
 
-container-run:
+podman-run:
-	$(CONTAINER) run --rm -it -p 8080:32039 -v $$(pwd)/server/data/:/data --name knowyt knowyt:$(VERSION)
+	podman run --rm -it -p 32039:32039 -v $$(pwd)/server/data/:/data --name knowyt knowyt:$(VERSION)
 
-container-stop:
+podman-stop:
-	$(CONTAINER) stop knowyt
+	podman stop knowyt
-
-container-publish:
-	$(CONTAINER) push knowyt:$(VERSION) docker.io/settel/knowyt:$(VERSION)
-	$(CONTAINER) push knowyt:$(VERSION) docker.io/settel/knowyt:latest
 
 clean:
 	rm -rf client/.output/

README.md

@@ -1,45 +1,22 @@
 # Know Your Teammates
 
- Know Your Teammates is a free team building game for 3-20 players that can be played in a browser. 
-
-  It has two phases: during collection phase, the players are asked to enter 3-5 facts about themselves, eg. hobbies, books, movies they enjoy, places they have visited or other fun facts. In play phase, one fact is presented to all players and they have to guess who wrote it. The real fun is in the discussion following it :-)
-
-[Watch video (3:30mins)](https://www.sirlab.de/knowyt/know-your-teammates.mp4)
-
-
-See website https://www.sirlab.de/linux/games/knowyt/
-
-
 ## Installation
 
-install dependencies and check for missing tools
-
 ```
 make setup
 ```
 
 
 ## run (development mode)
-
-start client and server in a split terminal window
-
 ```
 make run-tmux
 ```
 
-This will start frontend (port 3000) and backend (port 32039) as two separate services. Hot reload is active, changes will take effect immediately.
 
-Point your browser at [http://localhost:3000/](http://localhost:3000/) to start playing.
+## build podman/docker image
-
-
-
-## build and run podman/docker image
 
 ```
-make setup    # only needed on first run
-
 make build
-make container-run
 ```
 
 
@@ -50,6 +27,4 @@ AGPLv3 (GNU Affero General Public License)
 
 ## Author
 
-© 2021-2024 Achim Settelmeier <knowyt@m1.sirlab.de>
+© 2021-2022 Achim Settelmeier <knowyt@m1.sirlab.de>
-
-https://www.sirlab.de/

build/files/data/users/3e6eef0e-3dbd-4f60-9009-1be052408d0a.json

@@ -0,0 +1,5 @@
+{
+  "authcode": "646162",
+  "name": "Settel (Admin)",
+  "role": "admin"
+}

client/package.json

@@ -1,35 +1,25 @@
 {
   "name": "knowyt",
-  "version": "3.4",
+  "version": "2.16",
   "private": true,
   "scripts": {
     "lint": "tsc-strict",
     "build": "nuxt build",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
-    "setup": "pnpm install"
+    "preview": "nuxt preview"
   },
   "devDependencies": {
-    "@types/node": "^18.19.17",
+    "nuxt": "^3.0.0",
-    "http-proxy": "^1.18.1",
+    "sass": "^1.56.1",
-    "nuxt": "^3.10.2",
+    "sass-loader": "^13.2.0",
-    "sass": "^1.71.0",
+    "typescript-strict-plugin": "^2.1.0"
-    "sass-loader": "^13.3.3",
-    "typescript-strict-plugin": "^2.3.0",
-    "webpack": "^5.90.2"
   },
   "dependencies": {
-    "@pinia/nuxt": "^0.4.11",
+    "@pinia/nuxt": "^0.4.4",
-    "@vue/reactivity": "^3.4.19",
+    "build-url": "^6.0.1",
-    "@vue/runtime-core": "^3.4.19",
+    "nuxt-icons": "^3.0.0",
-    "@vue/runtime-dom": "^3.4.19",
+    "typescript": "^4.9.3",
-    "@vue/shared": "^3.4.19",
+    "vue-contenteditable": "^4.1.0"
-    "nuxt-icons": "^3.2.1",
-    "ofetch": "^1.3.3",
-    "query-string": "^8.2.0",
-    "typescript": "^5.3.3",
-    "vue": "^3.4.19",
-    "vue-contenteditable": "^4.1.0",
-    "vue-router": "^4.2.5"
   }
 }

client/src/assets/icons/checkmark.svg

@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="128"
-   height="100"
-   viewBox="0 0 128 100"
-   version="1.1"
-   id="svg5"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="checkmark.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview7"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="px"
-     showgrid="false"
-     inkscape:zoom="2.3786088"
-     inkscape:cx="10.720552"
-     inkscape:cy="21.441105"
-     inkscape:window-width="1920"
-     inkscape:window-height="1181"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="layer1"
-     showborder="true" />
-  <defs
-     id="defs2" />
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1">
-    <path
-       style="fill:#4bc417;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-       d="M 93.253283,6.1273107 C 100.05266,14.282038 108.74264,17.439899 117.91216,22.197816 104.79242,27.143529 52.350943,76.132207 44.577742,96.156471 42.587301,88.868507 16.14146,63.021362 10.575889,61.270758 c 6.682863,-3.009693 20.41554,-9.619427 23.978573,-15.275893 0.758717,5.579065 9.653081,21.558694 9.653081,21.558694 8.596139,-4.086698 48.882074,-51.182042 49.04574,-61.4262483 z"
-       id="path790"
-       sodipodi:nodetypes="ccccccc" />
-  </g>
-</svg>

client/src/components/CollectQuotes.vue

@@ -27,7 +27,6 @@ const createNewQuote = () => {
   newQuote.value = {
     id: ':new:' + Date.now(),
     quote: '',
-    isPlayed: false,
   }
 }
 

client/src/components/CopyrightNotice.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="copyright-notice__version" @click="openInfoModal">
-    v{{ config.public.version }}, © 2021-2024, Settel
+    v{{ config.version }}, © 2021-2023, Settel
   </div>
   <InfoModal v-if="showInfoModal" @close="closeInfoModal" />
 </template>
 
 <script setup lang="ts">
 import { useRuntimeConfig } from '#app'
-import { ref, computed } from 'vue'
+import { ref } from 'vue'
 
 const config = useRuntimeConfig()
 

client/src/components/LoginBox.vue

@@ -11,10 +11,9 @@
 
 <script setup lang="ts">
 import { useRouter } from '#app'
-import { ref } from 'vue'
+import { ref, Ref } from 'vue'
 import useAuth from '@/composables/useAuth';
 import useI18n from '@/composables/useI18n';
-import type { Ref } from 'vue'
 
 const { $t } = useI18n({
   'login': { en: 'log in', de: 'login'},

client/src/components/Player.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import type { Player } from '@/composables/engine.d';
+import { Player } from '@/composables/engine.d';
 
 defineProps<{
   player: Player,

client/src/components/QuoteCard.vue

@@ -1,10 +1,7 @@
 <template>
   <div :class="cssClasses">
-    <div v-if="quote.isPlayed" class="quote-card__marker__is-played">
-      <nuxt-icon name="checkmark" filled />
-    </div>
     <div v-if="editable && !isEditMode" class="quote-card__action-buttons">
-      <QuoteCardActionButton v-if="!quote.isPlayed" @click="editQuote" icon="edit" />
+      <QuoteCardActionButton @click="editQuote" icon="edit" />
       <QuoteCardActionButton @click="deleteQuote" icon="trash" />
     </div>
     <div class="quote-card__text-container">
@@ -183,18 +180,5 @@ const keydown = async (ev: KeyboardEvent) => {
     top: -24px;
     display: flex;
   }
-
-  &__marker__is-played {
-    position: absolute;
-    left: -28px;
-    top: -40px;
-    width: 128px;
-    height: 100px;
-
-    .nuxt-icon svg {
-      width: unset;
-      height: unset;
-    }
-  }
 }
 </style>

client/src/components/admin/GameInfosTile.vue

@@ -1,6 +1,5 @@
 <template>
-  <div>
+  <AdminInfoTile title="Games">
-    <AdminInfoTile v-if="gamesCount > 0" title="Games">
     <table class="gameinfos-tile__table">
       <tr class="gameinfos-tile__row">
         <th class="gameinfos-tile__table-head">{{ $t('team-name')}}</th>
@@ -23,15 +22,11 @@
       </tr>
     </table>
   </AdminInfoTile>
-    <AdminInfoTile v-if="gamesCount == 0" :title="$t('no-games-1')">
-      <p>{{ $t('no-games-2') }}</p>
-    </AdminInfoTile>
-  </div>
 </template>
 
 <script setup lang="ts">
 import { navigateTo } from "#app"
-import { ref, computed } from 'vue'
+import { ref } from 'vue'
 import useI18n from '@/composables/useI18n'
 import useEngine from '@/composables/useEngine'
 import type { GameInfo } from '@/composables/engine.d'
@@ -42,16 +37,11 @@ const { $t } = useI18n({
   state: { en: 'State', de: 'Status' },
   'num-players': { en: '# Players', de: '# Spieler' },
   gamemasters: { en: 'Gamemaster(s)', de: 'Gamemaster(s)' },
-  'no-games-1': { en: 'The list of teams is empty', de: 'Die Liste der Teams ist noch leer'},
-  'no-games-2': { en: 'Log out and click the "create team" button on the start page.', de: 'Logge dich aus und klicke auf der Startseite auf "Team erstellen".'},
 })
 
 const { fetchGameInfos, cameo } = useEngine()
 
 const games = ref(await fetchGameInfos())
-const gamesCount = computed(() => {
-  return Object.keys(games.value).length
-})
 const getGamemastersFromGame = (game: GameInfo) => game.players.filter((player) => player.role === 'gamemaster').map((player) => player.name)
 
 const selectGame = async (game: GameInfo): Promise<void> => {

client/src/components/admin/InfoTile.vue

@@ -30,7 +30,7 @@ const emit = defineEmits(['icon-top-click', 'icon-bottom-click'])
   &__container {
     position: relative;
     min-width: 300px;
-    margin: 16px;
+    margin: 40px;
     padding: 16px 30px;
     background-color: $admin-tile-background-color;
     border: $admin-tile-border;

client/src/components/admin/PlayerDialog.vue

@@ -23,7 +23,7 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
-import type { PlayerEdit } from '@/composables/engine.d'
+import { PlayerEdit } from '@/composables/engine.d'
 import type { Button } from '@/components/admin/PlayerModal'
 
 const props = defineProps<{

client/src/components/admin/PlayersTile.vue

@@ -3,10 +3,10 @@
     <AdminInfoTile title="Players" icon-top="reload" @icon-top-click="reload" icon-bottom="add" @icon-bottom-click="addPlayer">
       <table class="players-tile__table">
         <tr>
-          <th class="players-tile__table-head players-tile__cell">{{ $t('name') }}:</th>
+          <th class="players-tile__table-head">{{ $t('name') }}:</th>
-          <th class="players-tile__table-head players-tile__cell">{{ $t('num-quotes') }}</th>
+          <th class="players-tile__table-head">{{ $t('num-quotes') }}</th>
-          <th class="players-tile__table-head players-tile__cell">{{ $t('score') }}</th>
+          <th class="players-tile__table-head">{{ $t('score') }}</th>
-          <th class="players-tile__table-head players-tile__cell">{{ $t('last-logged-in') }}</th>
+          <th class="players-tile__table-head">{{ $t('last-logged-in') }}</th>
         </tr>
         <tr v-for="player in players" class="players-tile__row" :key="player.id" @click="editPlayer(player)">
           <td class="players-tile__cell">
@@ -15,7 +15,7 @@
               <nuxt-icon name="crown" filled />
             </div>
           </td>
-          <td class="players-tile__cell">{{ player.numQuotesPlayed }} / {{ player.numQuotes }}</td>
+          <td class="players-tile__cell">{{ player.numQuotes }}</td>
           <td class="players-tile__cell">{{ player.score }}</td>
           <td class="players-tile__cell">{{ !player.isIdle ? 'online' : player.lastLoggedIn === 0 ? '-' : datetime(player.lastLoggedIn) }}</td>
         </tr>
@@ -42,7 +42,7 @@ const emit = defineEmits(['update'])
 
 const { $t } = useI18n({
   name: { en: 'Name', de: 'Name' },
-  'num-quotes': { en: '# quotes played', de: '# Aussagen gespielt' },
+  'num-quotes': { en: '# quotes', de: '# Quotes' },
   'score': { en: 'Score', de: 'Score' },
   'last-logged-in': { en: 'last logged in', de: 'zuletzt eingeloggt' },
 })
@@ -135,7 +135,7 @@ const playerDialogSubmit = async (action: ButtonAction): Promise<void> => {
   }
 
   &__cell {
-    padding-right: 16px;
+    padding-right: 8px;
   }
 
   &__is-gamemaster {

client/src/composables/engine.d.ts

@@ -18,14 +18,12 @@ export type PlayerInfo = PlayerEdit & {
   lastLoggedIn: number
   isPlaying: boolean
   numQuotes: number
-  numQuotesPlayed: number
   role: Role
 }  
 
 export type Quote = {
   id: string
   quote: string
-  isPlayed: boolean
 }
 
 export type Quotes = Array<Quote>

client/src/composables/engine/callApi.ts

@@ -1,13 +1,14 @@
-import queryString from 'query-string'
+import buildUrl from 'build-url'
 
 export type QueryParams = {
   [name: string]: string
 }
 
 export async function callApi(path: string, queryParams?: QueryParams) {
-  const url = path + (
+  const url = buildUrl('/', {
-    queryParams ? '?' + queryString.stringify(queryParams) : ''
+    path,
-  )
+    queryParams,
+  })
 
   return await $fetch(url)
 }

client/src/composables/engine/fetchUpdate.ts

@@ -3,9 +3,9 @@ import { useUserinfoStore } from "@/stores/UserinfoStore"
 import { useGameinfoStore } from "@/stores/GameinfoStore"
 import { useRoundStore } from "@/stores/RoundStore"
 import { usePlayersStore } from "@/stores/PlayersStore"
+import { EngineContext } from '@/composables/useEngine'
 import useAlert from '@/composables/useAlert'
 import useI18n from '@/composables/useI18n'
-import type { EngineContext } from '@/composables/useEngine'
 
 type EngineResponse = {
     version: string,

client/src/composables/engine/gameManagement.ts

@@ -1,5 +1,5 @@
+import { EngineContext } from '@/composables/useEngine'
 import { useUserinfoStore } from "@/stores/UserinfoStore"
-import type { EngineContext } from '@/composables/useEngine'
 import type { GameInfo, GameInfos, PlayerEdit, Lang, CreateGameStatus } from '@/composables/engine.d'
 
 export async function fetchGameInfo(this: EngineContext): Promise<GameInfo> {

client/src/composables/engine/gameState.ts

@@ -1,5 +1,5 @@
+import { EngineContext } from '@/composables/useEngine'
 import { useUserinfoStore } from "@/stores/UserinfoStore"
-import type { EngineContext } from '@/composables/useEngine'
 
 export async function collectQuotes(this: EngineContext): Promise<void> {
   const userInfoStore = useUserinfoStore()

client/src/composables/engine/play.ts

@@ -1,5 +1,5 @@
 import { useUserinfoStore } from "@/stores/UserinfoStore"
-import type { EngineContext } from '@/composables/useEngine'
+import { EngineContext } from '@/composables/useEngine'
 
 export async function saveSelection(this: EngineContext, selection: string): Promise<void> {
   const userInfoStore = useUserinfoStore()

client/src/composables/engine/quotes.ts

@@ -1,8 +1,7 @@
-import { ref } from 'vue'
+import { Ref, ref } from 'vue'
 import type { Quotes } from '@/composables/engine.d'
 import { useUserinfoStore } from "@/stores/UserinfoStore"
-import type { Ref } from 'vue'
+import { EngineContext } from '@/composables/useEngine'
-import type { EngineContext } from '@/composables/useEngine'
 
 type QuotesResponse = {
   quotes: Quotes

client/src/composables/engine/setupApp.ts

@@ -1,4 +1,5 @@
-import type { EngineContext } from '@/composables/useEngine'
+import { useUserinfoStore } from "@/stores/UserinfoStore"
+import { EngineContext } from '@/composables/useEngine'
 
 export async function setupApp(this: EngineContext, authcode: string): Promise<void> {
   await this.callApi('/api/setupApp', {

client/src/composables/engine/startStop.ts

@@ -1,6 +1,6 @@
 import { useUserinfoStore } from "@/stores/UserinfoStore"
+import { EngineContext } from '@/composables/useEngine'
 import useAlert from '@/composables/useAlert'
-import type { EngineContext } from '@/composables/useEngine'
 
 export function start(this: EngineContext): void {
     if (this.isActive && !this.shouldStop) {

client/src/composables/useAlert.ts

@@ -1,5 +1,4 @@
-import { ref } from 'vue'
+import { Ref, ref } from 'vue'
-import type { Ref } from 'vue'
 
 export type AlertMessages = Array<string>
 

client/src/composables/useAuth.ts

@@ -1,12 +1,11 @@
-import { useUserinfoStore } from '@/stores/UserinfoStore'
+import { useUserinfoStore, Userinfo } from '@/stores/UserinfoStore'
 import { useEngineStore } from '@/stores/EngineStore'
 import { useGameinfoStore } from '@/stores/GameinfoStore'
 import { usePlayersStore } from '@/stores/PlayersStore'
 import { useRoundStore } from '@/stores/RoundStore'
 import useI18n from './useI18n'
-import { $fetch } from 'ofetch'
+import { $fetch } from 'ohmyfetch'
 
-import type { Userinfo } from '@/stores/UserinfoStore'
 export type AllowRole = '' | 'player' | 'gamemaster' | 'admin' | 'setup'
 export type AllowRoles = Array<AllowRole>
 

client/src/composables/useEngine.ts

@@ -1,5 +1,5 @@
-import { ref } from 'vue'
+import { Ref, ref } from 'vue'
-import { callApi } from '@/composables/engine/callApi'
+import { callApi, QueryParams } from '@/composables/engine/callApi'
 import { start, stop } from '@/composables/engine/startStop'
 import { setupApp } from '@/composables/engine/setupApp'
 import { fetchUpdate } from '@/composables/engine/fetchUpdate'
@@ -7,8 +7,6 @@ import { loadQuotes, getQuotesRef, deleteQuote, saveQuote } from '@/composables/
 import { fetchGameInfo, fetchGameInfos, setGameLang, setGameName, savePlayer, removePlayer, createGame, cameo, logoutCameo } from '@/composables/engine/gameManagement'
 import { collectQuotes, startGame, continueGame, resetGame, finishGame, disableGame, removeGame } from '@/composables/engine/gameState'
 import { saveSelection } from '@/composables/engine/play'
-import type { Ref } from 'vue'
-import type { QueryParams } from '@/composables/engine/callApi'
 import type { Quotes, GameInfo, GameInfos, PlayerEdit, Lang, CreateGameStatus } from '@/composables/engine.d'
 
 export interface EngineContext {

client/src/pages/admin.vue

@@ -24,7 +24,6 @@ await useAuth().authenticateAndLoadUserInfo(['admin'])
 
   &__tiles {
     display: flex;
-    margin: 24px;
   }
 }
 </style>

client/src/pages/gamemaster.vue

@@ -42,7 +42,6 @@ updateGameinfo()
 
   &__tiles {
     display: flex;
-    margin: 24px;
   }
   
   &__tiles-spacer {

client/src/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="page-index__page">
+  <div>
     <TitleBox />
     <div class="page-index__action-box">
       <div class="page-index__space" />
@@ -12,17 +12,6 @@
       </div>
       <div class="page-index__space" />
     </div>
-    <div class="page-index__about">
-      <a 
-        href="https://www.sirlab.de/linux/games/knowyt/"
-        target="_blank" rel="noopener"
-      >
-      <Button :border="false">
-        <div class="page-index__about-text">{{ $t('about') }}</div>
-      </Button>
-      
-      </a>
-    </div>
     <CopyrightNotice />
     <CreateTeamDialog v-if="showCreateTeamDialog" @close="closeCreateTeamDialog" />
   </div>
@@ -36,7 +25,6 @@ import CopyrightNotice from '../components/CopyrightNotice.vue';
 
 const { $t } = useI18n({
   'create-team': { en: 'Create Team ...', de: 'Team erstellen ...' },
-  'about': { en: 'about the game', de: 'Über das Spiel' },
 })
 
 await useAuth().authenticateAndLoadUserInfo([''])
@@ -57,11 +45,6 @@ body {
 }
 
 .page-index {
-  &__page {
-    display: flex;
-    flex-direction: column;
-  }
-
   &__action-box {
     display: flex;
     width: 100%;
@@ -101,10 +84,5 @@ body {
   &__space {
     flex-grow: 1;
   }
-
-  &__about {
-    margin: 48px 0;
-    align-self: center;
-  }
 }
 </style>

client/src/stores/PlayersStore.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import type { Players } from '@/composables/engine.d';
+import { Players } from '@/composables/engine.d';
 
 export const usePlayersStore = defineStore('PlayersStore', {
   state: () => {

server/src/application/removeGame.go

@@ -56,7 +56,7 @@ func (app *Application) removeGame(gm *game.Game) error {
 		log.Error("failed to remove quotes\n")
 		return nil
 	}
-	log.Info("game %s: removing state file\n", gm.GetId())
+	log.Info("game %s: removing state file", gm.GetId())
 	stateFilename := path.Join(gameBaseDir, "state.json")
 	if err := os.Remove(stateFilename); err != nil {
 		if !errors.Is(err, os.ErrNotExist) {

server/src/game/getGameInfo.go

@@ -5,15 +5,7 @@ func (gm *Game) GetGameInfo() *GameInfoJson {
 
 	for i := range gameInfo.Players {
 		quotes := gm.getQuotesInfoByUserId(gameInfo.Players[i].Id)
-		numPlayed := 0
-		for j := range quotes {
-			if quotes[j].IsPlayed {
-				numPlayed++
-			}
-		}
-
 		gameInfo.Players[i].NumberOfQuotes = len(quotes)
-		gameInfo.Players[i].NumberOfQuotesPlayed = numPlayed
 	}
 	return gameInfo
 }

server/src/game/getQuotesInfoByUser.go

@@ -28,7 +28,6 @@ func (gm *Game) getQuotesInfoByUserId(usrId string) []Quote {
 				Id:      quote.GetId(),
 				Quote:   quote.GetQuote(),
 				Created: quote.GetCreated(),
-				IsPlayed: quote.IsPlayed(),
 			})
 		}
 	}

server/src/game/struct.go

@@ -82,7 +82,6 @@ type Quote struct {
 	Id      string `json:"id"`
 	Quote   string `json:"quote"`
 	Created int64  `json:"created"`
-	IsPlayed bool   `json:"isPlayed"`
 }
 
 type QuotesInfo struct {
@@ -98,7 +97,6 @@ type PlayerInfoJson struct {
 	IsPlaying      bool   `json:"isPlaying"`
 	IsIdle         bool   `json:"isIdle"`
 	NumberOfQuotes int    `json:"numQuotes"`
-	NumberOfQuotesPlayed int    `json:"numQuotesPlayed"`
 	AuthCode       string `json:"authcode,omitempty"`
 	Role           string `json:"role"`
 }

server/src/go.mod

@@ -3,7 +3,6 @@ module sirlab.de/go/knowyt
 go 1.18
 
 require (
-	github.com/golang-jwt/jwt v3.2.2+incompatible
 	github.com/google/uuid v1.3.0
 	github.com/imkira/go-observer v1.0.3
 )

server/src/go.sum

@@ -1,5 +1,3 @@
-github.com/golang-jwt/jwt v3.2.2+incompatible h1:IfV12K8xAKAnZqdXVzCZ+TOjboZ2keLg81eXfW3O+oY=
-github.com/golang-jwt/jwt v3.2.2+incompatible/go.mod h1:8pz2t5EyA70fFQQSrl6XZXzqecmYZeUEB8OUGHkxJ+I=
 github.com/google/uuid v1.3.0 h1:t6JiXgmwXMjEs8VusXIJk2BXHsn+wx8BZdTaoZ5fu7I=
 github.com/google/uuid v1.3.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
 github.com/imkira/go-observer v1.0.3 h1:l45TYAEeAB4L2xF6PR2gRLn2NE5tYhudh33MLmC7B80=

server/src/handler/cameo.go

@@ -1,41 +0,0 @@
-package handler
-
-import (
-	"fmt"
-	"net/http"
-
-	"sirlab.de/go/knowyt/user"
-)
-
-func (authMux *AuthMux) Cameo(usr *user.User, w http.ResponseWriter, r *http.Request) {
-	if usr.IsAdmin() {
-		cookie := authMux.createCookie()
-		cookie.Name = cookie.Name + "-cameo"
-		usrCameo, err := authMux.checkAuthCode(r)
-		if err != nil {
-			http.SetCookie(w, cookie)
-			authMux.accessDenied(w, r)
-			return
-		}
-
-		cookie.Value = usrCameo.GetId()
-		cookie.MaxAge = 0
-		http.SetCookie(w, cookie)
-		w.Header().Add("Content-Type", "text/plain")
-		fmt.Fprintf(w, "ok")
-		return
-	}
-
-	// non-admin: remove cameo cookie
-	usrCameo := usr.GetCameo()
-	if usrCameo != nil && usrCameo.IsAdmin() {
-		cookie := authMux.createCookie()
-		cookie.Name = cookie.Name + "-cameo"
-		http.SetCookie(w, cookie)
-		w.Header().Add("Content-Type", "text/plain")
-		fmt.Fprintf(w, "ok")
-		return
-	}
-
-	authMux.accessDenied(w, r)
-}

server/src/handler/checkAuthCode.go

@@ -1,25 +0,0 @@
-package handler
-
-import (
-	"fmt"
-	"net/http"
-
-	"sirlab.de/go/knowyt/user"
-)
-
-func (authMux *AuthMux) checkAuthCode(r *http.Request) (*user.User, error) {
-	r.ParseForm()
-	form := r.Form
-	code := form.Get("code")
-
-	if len(code) != 6 {
-		return nil, fmt.Errorf("invalid code \"%s\"", code)
-	}
-
-	usr, err := authMux.app.GetUserByAuthcode(code)
-	if err != nil {
-		return nil, fmt.Errorf("invalid code: \"%s\"", code)
-	}
-
-	return usr, nil
-}

server/src/handler/login.go

@@ -5,6 +5,7 @@ import (
 	"net/http"
 
 	"sirlab.de/go/knowyt/log"
+	"sirlab.de/go/knowyt/user"
 )
 
 func (authMux *AuthMux) createCookie() *http.Cookie {
@@ -19,17 +20,12 @@ func (authMux *AuthMux) createCookie() *http.Cookie {
 
 func (authMux *AuthMux) Logout(w http.ResponseWriter, r *http.Request) {
 	http.SetCookie(w, authMux.createCookie())
-
-	cameoCookie := authMux.createCookie()
-	cameoCookie.Name = cameoCookie.Name + "-cameo"
-	http.SetCookie(w, cameoCookie)
-
 	w.Header().Add("Content-Type", "text/plain")
 	fmt.Fprintf(w, "ok")
 }
 
 func (authMux *AuthMux) Login(w http.ResponseWriter, r *http.Request) {
-	usr, err := authMux.checkAuthCode(r)
+	usr, err := authMux.checkCode(r)
 	if err != nil {
 		log.ErrorLog(err)
 		http.SetCookie(w, authMux.createCookie())
@@ -38,31 +34,71 @@ func (authMux *AuthMux) Login(w http.ResponseWriter, r *http.Request) {
 	}
 
 	if !usr.IsAdmin() {
-		// check, if game is enabled
 		gm, err := authMux.app.GetGameById(usr.GetGameId())
 		if err != nil || !gm.IsActive() {
-			log.ErrorLog(fmt.Errorf("game %s disabled for user %s (%s)", gm.GetId(), usr.GetName(), usr.GetId()))
+			log.ErrorLog(fmt.Errorf("game %s disabled for user %s", gm.GetId(), usr.GetName()))
 			http.SetCookie(w, authMux.createCookie())
 			authMux.accessDenied(w, r)
 			return
 		}
 	}
 
-	log.Info("%s (%s) logged into game %s\n", usr.GetName(), usr.GetId(), usr.GetGameId())
+	log.Info("%s logged into game %s\n", usr.GetName(), usr.GetGameId())
-
-	tokenString, err := authMux.createToken(usr.GetId())
-	if err != nil {
-		log.ErrorLog(fmt.Errorf("failed to create JWT for user id %s (%s)", usr.GetName(), usr.GetId()))
-		log.ErrorLog(err)
-		http.SetCookie(w, authMux.createCookie())
-		authMux.accessDenied(w, r)
-		return
-	}
 
 	cookie := authMux.createCookie()
-	cookie.Value = tokenString
+	cookie.Value = usr.GetId() + ":" + usr.GetAuthCode()
 	cookie.MaxAge = 0
 	http.SetCookie(w, cookie)
 	w.Header().Add("Content-Type", "text/plain")
 	fmt.Fprintf(w, "ok")
 }
+
+func (authMux *AuthMux) checkCode(r *http.Request) (*user.User, error) {
+	r.ParseForm()
+	form := r.Form
+	code := form.Get("code")
+
+	if len(code) != 6 {
+		return nil, fmt.Errorf("invalid code \"%s\"", code)
+	}
+
+	usr, err := authMux.app.GetUserByAuthcode(code)
+	if err != nil {
+		return nil, fmt.Errorf("invalid code: \"%s\"", code)
+	}
+
+	return usr, nil
+}
+
+func (authMux *AuthMux) Cameo(usr *user.User, w http.ResponseWriter, r *http.Request) {
+	if usr.IsAdmin() {
+		cookie := authMux.createCookie()
+		cookie.Name = cookie.Name + "-cameo"
+		usrCameo, err := authMux.checkCode(r)
+		if err != nil {
+			http.SetCookie(w, cookie)
+			authMux.accessDenied(w, r)
+			return
+		}
+
+		cookie.Value = usrCameo.GetId()
+		cookie.MaxAge = 0
+		http.SetCookie(w, cookie)
+		w.Header().Add("Content-Type", "text/plain")
+		fmt.Fprintf(w, "ok")
+		return
+	}
+
+	// non-admin: remove cameo cookie
+	usrCameo := usr.GetCameo()
+	if usrCameo != nil && usrCameo.IsAdmin() {
+		cookie := authMux.createCookie()
+		cookie.Name = cookie.Name + "-cameo"
+		http.SetCookie(w, cookie)
+		w.Header().Add("Content-Type", "text/plain")
+		fmt.Fprintf(w, "ok")
+		return
+	}
+
+	authMux.accessDenied(w, r)
+}

server/src/handler/private.go

@@ -3,6 +3,7 @@ package handler
 import (
 	"fmt"
 	"net/http"
+	"strings"
 
 	"sirlab.de/go/knowyt/user"
 )
@@ -29,11 +30,22 @@ func (authMux *AuthMux) accessDenied(w http.ResponseWriter, r *http.Request) {
 }
 
 func (authMux *AuthMux) getUserFromSession(r *http.Request) (*user.User, error) {
-	usr, err := authMux.validateSessionAndGetUser(r)
+	authCookie, err := r.Cookie("knowyt-auth")
 	if err != nil {
 		return nil, fmt.Errorf("invalid cookie")
 	}
 
+	vals := strings.SplitN(authCookie.Value, ":", 2)
+
+	usr, usrErr := authMux.app.GetUserById(vals[0])
+	if usrErr != nil {
+		return nil, fmt.Errorf("invalid cookie")
+	}
+
+	if usr.GetAuthCode() != vals[1] {
+		return nil, fmt.Errorf("invalid cookie")
+	}
+
 	if usr.IsAdmin() {
 		if cookieCameo, err := r.Cookie("knowyt-auth-cameo"); err == nil {
 			if usrCameo, err := authMux.app.GetUserById(cookieCameo.Value); err == nil {

server/src/handler/token.go

@@ -1,64 +0,0 @@
-package handler
-
-import (
-	"crypto/rand"
-	"fmt"
-	"net/http"
-	"time"
-
-	"github.com/golang-jwt/jwt"
-	"sirlab.de/go/knowyt/user"
-)
-
-var secretKey []byte = nil
-
-func (authMux *AuthMux) createToken(uid string) (string, error) {
-	if secretKey == nil {
-		secretKey = make([]byte, 32)
-		if _, err := rand.Read(secretKey); err != nil {
-			return "", err
-		}
-	}
-
-	token := jwt.NewWithClaims(jwt.SigningMethodHS512,
-		jwt.MapClaims{
-			"uid": uid,
-			"exp": time.Now().Add(time.Hour * 24).Unix(),
-		})
-
-	return token.SignedString(secretKey)
-}
-
-func (authMux *AuthMux) validateSessionAndGetUser(r *http.Request) (*user.User, error) {
-	tokenString, err := r.Cookie("knowyt-auth")
-	if err != nil {
-		return nil, err
-	}
-
-	token, err := jwt.Parse(tokenString.Value, func(token *jwt.Token) (interface{}, error) {
-		return secretKey, nil
-	})
-	if err != nil {
-		return nil, err
-	}
-
-	if !token.Valid {
-		return nil, fmt.Errorf("invalid JWT")
-	}
-
-	claims, ok := token.Claims.(jwt.MapClaims)
-	if !ok {
-		return nil, fmt.Errorf("invalid JWT")
-	}
-	userId := claims["uid"].(string)
-	if len(userId) == 0 {
-		return nil, fmt.Errorf("invalid JWT")
-	}
-
-	usr, err := authMux.app.GetUserById(userId)
-	if err != nil {
-		return nil, err
-	}
-
-	return usr, nil
-}

server/src/user/struct.go

@@ -37,5 +37,5 @@ type UserinfoJson struct {
 	Name    string `json:"name"`
 	Role    string `json:"role"`
 	GameId  string `json:"game"`
-	IsCameo bool   `json:"-"`
+	IsCameo bool   `json:"isCameo",omitempty`
 }

server/src/user/user.go

@@ -20,7 +20,7 @@ func NewUserFromFile(fileName string) (*User, error) {
 	// var usr User
 	var userJson UserJson
 	if err := json.Unmarshal(jsonBytes, &userJson); err != nil {
-		return nil, fmt.Errorf("%s: %v", fileName, err)
+		return nil, fmt.Errorf("%s: %v\n", fileName, err)
 	} else {
 		_, fileNameShort := path.Split(fileName)
 		id := strings.TrimSuffix(fileNameShort, ".json")