From 221b10624fadcda6b6bfeff08980c330fa7b7f93 Mon Sep 17 00:00:00 2001
From: Quilin <vladislav.kilin@monopoly.su>
Date: Thu, 14 Jan 2021 18:54:12 +0300
Subject: [PATCH 1/5] =?UTF-8?q?=D0=9A=D0=BE=D0=BC=D0=BC=D0=B5=D0=BD=D1=82?=
 =?UTF-8?q?=D0=B0=D1=80=D0=B8=D0=B8=20=D0=BA=20=D0=B8=D0=B3=D1=80=D0=B0?=
 =?UTF-8?q?=D0=BC=20-=20=D0=BF=D0=B5=D1=80=D0=B2=D0=BE=D0=B5=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B8=D0=B1=D0=BB=D0=B8=D0=B6=D0=B5=D0=BD=D0=B8=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/models/gaming/index.ts            | 11 ++++
 .../src/api/requests/gamingApi.ts             |  9 ++-
 DM/Web/DM.Web.Modern/src/router.ts            | 11 +++-
 .../DM.Web.Modern/src/store/gaming/actions.ts |  6 ++
 .../src/store/gaming/gamingState.ts           |  4 +-
 .../DM.Web.Modern/src/store/gaming/getters.ts |  1 +
 .../DM.Web.Modern/src/store/gaming/index.ts   |  1 +
 .../src/store/gaming/mutations.ts             |  6 +-
 .../views/pages/game/comments/GameComment.vue | 16 ++++++
 .../pages/game/comments/GameComments.vue      | 30 ++++++++++
 .../pages/game/comments/GameCommentsList.vue  | 55 +++++++++++++++++++
 .../game/{ => information}/CharactersList.vue |  2 -
 .../pages/game/{ => information}/Grid.styl    |  0
 .../game/{ => information}/Information.vue    |  0
 .../views/pages/game/{ => menu}/GameMenu.vue  |  4 +-
 15 files changed, 145 insertions(+), 11 deletions(-)
 create mode 100644 DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComment.vue
 create mode 100644 DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComments.vue
 create mode 100644 DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameCommentsList.vue
 rename DM/Web/DM.Web.Modern/src/views/pages/game/{ => information}/CharactersList.vue (96%)
 rename DM/Web/DM.Web.Modern/src/views/pages/game/{ => information}/Grid.styl (100%)
 rename DM/Web/DM.Web.Modern/src/views/pages/game/{ => information}/Information.vue (100%)
 rename DM/Web/DM.Web.Modern/src/views/pages/game/{ => menu}/GameMenu.vue (98%)

diff --git a/DM/Web/DM.Web.Modern/src/api/models/gaming/index.ts b/DM/Web/DM.Web.Modern/src/api/models/gaming/index.ts
index f9078296..0c86e27c 100644
--- a/DM/Web/DM.Web.Modern/src/api/models/gaming/index.ts
+++ b/DM/Web/DM.Web.Modern/src/api/models/gaming/index.ts
@@ -1,4 +1,15 @@
+import { User } from '@/api/models/community';
+
 export * from './games';
 export * from './attributes';
 export * from './characters';
 export * from './rooms';
+
+export interface Comment {
+    id: string;
+    author: User;
+    created: string;
+    updated: string | null;
+    text: string;
+    likes: User[];
+}
diff --git a/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts b/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
index 4e142b84..016b117d 100644
--- a/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
+++ b/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
@@ -1,5 +1,5 @@
-import { ApiResult, Envelope, ListEnvelope } from '@/api/models/common';
-import { Game, AttributeSchema, Tag, Character, Room } from '@/api/models/gaming';
+import { ApiResult, Envelope, ListEnvelope, PagingQuery } from '@/api/models/common';
+import { Game, AttributeSchema, Tag, Character, Room, Comment } from '@/api/models/gaming';
 import { User } from '@/api/models/community';
 import Api from '@/api';
 
@@ -33,6 +33,11 @@ export default new class {
     return data!;
   }
 
+  public async getComments(gameId: string, query: PagingQuery): Promise<ListEnvelope<Comment>> {
+    const { data } = await Api.get<ListEnvelope<Comment>>(`games/${gameId}/comments`, query);
+    return data!;
+  }
+
   public async getSchemas(): Promise<ListEnvelope<AttributeSchema>> {
     const { data } = await Api.get<ListEnvelope<AttributeSchema>>('schemata');
     return data!;
diff --git a/DM/Web/DM.Web.Modern/src/router.ts b/DM/Web/DM.Web.Modern/src/router.ts
index 7bb32c73..a0506ed6 100644
--- a/DM/Web/DM.Web.Modern/src/router.ts
+++ b/DM/Web/DM.Web.Modern/src/router.ts
@@ -2,7 +2,7 @@ import Vue from 'vue';
 import Router from 'vue-router';
 
 import GeneralMenu from './views/layout/GeneralMenu.vue';
-import GameMenu from './views/pages/game/GameMenu.vue';
+import GameMenu from './views/pages/game/menu/GameMenu.vue';
 import GeneralSidebar from './views/layout/GeneralSidebar.vue';
 
 Vue.use(Router);
@@ -173,10 +173,15 @@ export default new Router({
       children: [{
         name: 'game',
         path: '',
-        component: () => import('./views/pages/game/Information.vue'),
+        component: () => import('./views/pages/game/information/Information.vue'),
       }, {
-        name: 'game-comments',
         path: 'out-of-session',
+        component: () => import('./views/pages/game/comments/GameComments.vue'),
+        children: [{
+          name: 'game-comments',
+          path: ':n?',
+          component: () => import('./views/pages/game/comments/GameCommentsList.vue'),
+        }],
       }, {
         name: 'create-character',
         path: 'create-character',
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts b/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
index 6d198204..4408d82d 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
@@ -3,6 +3,7 @@ import gamingApi from '@/api/requests/gamingApi';
 import GamingState from './gamingState';
 import RootState from './../rootState';
 import { AttributeSchema } from '@/api/models/gaming';
+import { PagingQuery } from '@/api/models/common';
 
 const actions: ActionTree<GamingState, RootState> = {
   async fetchOwnGames({ commit }): Promise<void> {
@@ -80,6 +81,11 @@ const actions: ActionTree<GamingState, RootState> = {
     const { resources: readers } = await gamingApi.getReaders(id);
     commit('updateSelectedGameReaders', readers);
   },
+  async fetchSelectedGameComments({ commit }, { id, n }): Promise<void> {
+    commit('updateSelectedGameComments', null);
+    const data = await gamingApi.getComments(id, { number: n } as PagingQuery);
+    commit('updateSelectedGameComments', data!);
+  },
 
   async subscribe({ commit, state }, { router }): Promise<void> {
     const { data, error } = await gamingApi.subscribe(state.selectedGame!.id);
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/gamingState.ts b/DM/Web/DM.Web.Modern/src/store/gaming/gamingState.ts
index 21e0cddb..9428e62f 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/gamingState.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/gamingState.ts
@@ -1,5 +1,6 @@
-import {Game, AttributeSchema, Tag, Character, Room} from '@/api/models/gaming';
+import { Game, AttributeSchema, Tag, Character, Room, Comment } from '@/api/models/gaming';
 import {User} from '@/api/models/community';
+import { ListEnvelope } from '@/api/models/common';
 
 export default interface GamingState {
   ownGames: Game[] | null;
@@ -12,4 +13,5 @@ export default interface GamingState {
   selectedGameCharacters: Character[] | null;
   selectedGameRooms: Room[] | null;
   selectedGameReaders: User[] | null;
+  selectedGameComments: ListEnvelope<Comment> | null;
 }
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/getters.ts b/DM/Web/DM.Web.Modern/src/store/gaming/getters.ts
index a8f8a0e3..5311cac9 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/getters.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/getters.ts
@@ -13,6 +13,7 @@ const getters: GetterTree<GamingState, RootState> = {
   selectedGameCharacters: (state) => state.selectedGameCharacters,
   selectedGameRooms: (state) => state.selectedGameRooms,
   selectedGameReaders: (state) => state.selectedGameReaders,
+  selectedGameComments: (state) => state.selectedGameComments,
 };
 
 export default getters;
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/index.ts b/DM/Web/DM.Web.Modern/src/store/gaming/index.ts
index 60ef122d..1f5fbc40 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/index.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/index.ts
@@ -15,6 +15,7 @@ const state: GamingState = {
   selectedGameCharacters: null,
   selectedGameRooms: null,
   selectedGameReaders: null,
+  selectedGameComments: null,
 };
 
 const gaming: Module<GamingState, RootState> = {
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts b/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
index 8ce129a0..0fe7a4fb 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
@@ -1,7 +1,8 @@
 import { MutationTree } from 'vuex';
 import GamingState from './gamingState';
-import {Game, AttributeSchema, Tag, Character, Room, GameParticipation} from '@/api/models/gaming';
+import { Game, AttributeSchema, Tag, Character, Room, GameParticipation, Comment } from '@/api/models/gaming';
 import {User} from '@/api/models/community';
+import { ListEnvelope } from '@/api/models/common';
 
 const mutations: MutationTree<GamingState> = {
   updateOwnGames(state, payload: Game[]) {
@@ -34,6 +35,9 @@ const mutations: MutationTree<GamingState> = {
   updateSelectedGameReaders(state, payload: User[]) {
     state.selectedGameReaders = payload;
   },
+  updateSelectedGameComments(state, payload: ListEnvelope<Comment>) {
+    state.selectedGameComments = payload;
+  },
 
   addReader(state, payload: User) {
     if (state.selectedGame === null || state.selectedGameReaders === null) return;
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComment.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComment.vue
new file mode 100644
index 00000000..52212d28
--- /dev/null
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComment.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+    {{ comment.text }}
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Comment } from '@/api/models/gaming';
+
+@Component({})
+export default class GameComment extends Vue {
+  @Prop()
+  private comment!: Comment
+}
+</script>
\ No newline at end of file
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComments.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComments.vue
new file mode 100644
index 00000000..11de573d
--- /dev/null
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComments.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+
+    <div class="page-title">{{ game.title }} | Обсуждение</div>
+
+    <router-view />
+
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+import { Action, Getter } from 'vuex-class';
+import { Game } from '@/api/models/gaming';
+
+@Component({})
+export default class GameComments extends Vue {
+  @Getter('gaming/selectedGame')
+  private game!: Game;
+
+  @Action('gaming/fetchSelectedGameCharacters')
+  private fetchGameCharacters: any;
+
+  private mounted() {
+    this.fetchGameCharacters({ id: this.$route.params.id });
+  }
+}
+</script>
+
+<style lang="stylus"></style>
\ No newline at end of file
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameCommentsList.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameCommentsList.vue
new file mode 100644
index 00000000..f8469561
--- /dev/null
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameCommentsList.vue
@@ -0,0 +1,55 @@
+<template>
+  <div>
+
+    <loader v-if="comments === null" :big="true" />
+
+    <div v-else-if="comments.resources.length === 0">Пока никто ничего не написал</div>
+
+    <template v-else>
+      <paging :paging="comments.paging" :to="{ name: 'game-comments', params: $route.params }" />
+
+      <game-comment v-for="comment in comments.resources" :key="comment.id" :comment="comment" />
+    </template>
+
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Watch } from 'vue-property-decorator';
+import { Action, Getter } from 'vuex-class';
+import { Character, Game, Comment } from '@/api/models/gaming';
+import { ListEnvelope } from '@/api/models/common';
+import GameComment from '@/views/pages/game/comments/GameComment.vue';
+
+@Component({
+  components: {GameComment}
+})
+export default class GameComments extends Vue {
+  @Getter('gaming/selectedGameComments')
+  private comments!: ListEnvelope<Comment> | null;
+
+  @Getter('gaming/selectedGame')
+  private game!: Game;
+
+  @Getter('gaming/selectedGameCharacters')
+  private characters!: Character[] | null;
+
+  @Action('gaming/fetchSelectedGameComments')
+  private fetchGameComments: any;
+
+  @Watch('$route')
+  private onRouteChange() {
+    this.fetchData();
+  }
+
+  private mounted() {
+    this.fetchData();
+  }
+
+  private fetchData() {
+    this.fetchGameComments({ id: this.game.id, n: this.$route.params.n });
+  }
+}
+</script>
+
+<style lang="stylus"></style>
\ No newline at end of file
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/CharactersList.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/information/CharactersList.vue
similarity index 96%
rename from DM/Web/DM.Web.Modern/src/views/pages/game/CharactersList.vue
rename to DM/Web/DM.Web.Modern/src/views/pages/game/information/CharactersList.vue
index ab95be91..abadc3dc 100644
--- a/DM/Web/DM.Web.Modern/src/views/pages/game/CharactersList.vue
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/information/CharactersList.vue
@@ -47,7 +47,6 @@
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
 import { Action, Getter } from 'vuex-class';
-import IconType from '@/components/iconType';
 import { Game, Character, CharacterStatus } from '@/api/models/gaming';
 
 const characterStatuses: { [key: string]: { displayText: string; displayClass: string } } = {
@@ -60,7 +59,6 @@ const characterStatuses: { [key: string]: { displayText: string; displayClass: s
 
 @Component({})
 export default class CharactersList extends Vue {
-  private IconType: typeof IconType = IconType;
   private statuses = characterStatuses;
 
   @Action('gaming/fetchSelectedGameCharacters')
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/Grid.styl b/DM/Web/DM.Web.Modern/src/views/pages/game/information/Grid.styl
similarity index 100%
rename from DM/Web/DM.Web.Modern/src/views/pages/game/Grid.styl
rename to DM/Web/DM.Web.Modern/src/views/pages/game/information/Grid.styl
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/Information.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/information/Information.vue
similarity index 100%
rename from DM/Web/DM.Web.Modern/src/views/pages/game/Information.vue
rename to DM/Web/DM.Web.Modern/src/views/pages/game/information/Information.vue
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/GameMenu.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/menu/GameMenu.vue
similarity index 98%
rename from DM/Web/DM.Web.Modern/src/views/pages/game/GameMenu.vue
rename to DM/Web/DM.Web.Modern/src/views/pages/game/menu/GameMenu.vue
index 162c0ba6..05fc15d4 100644
--- a/DM/Web/DM.Web.Modern/src/views/pages/game/GameMenu.vue
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/menu/GameMenu.vue
@@ -82,8 +82,8 @@ import {User} from '@/api/models/community';
 import {CommentariesAccessMode, Game, GameParticipation, Room} from '@/api/models/gaming';
 import IconType from '@/components/iconType';
 
-import OwnGames from '../../layout/menu/OwnGames.vue';
-import Fora from '../../layout/menu/Fora.vue';
+import OwnGames from '../../../layout/menu/OwnGames.vue';
+import Fora from '../../../layout/menu/Fora.vue';
 import {Route} from 'vue-router';
 
 @Component({

From 239a5fb6e592dd8f3962985e933c1fbce015281e Mon Sep 17 00:00:00 2001
From: Quilin <v.quilin@gmail.com>
Date: Wed, 28 Jul 2021 19:44:01 +0300
Subject: [PATCH 2/5] =?UTF-8?q?=D0=91=D0=B0=D0=B3=20=D0=B2=20EFCore=20?=
 =?UTF-8?q?=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=B8=D0=BB=D1=81=D1=8F=20?=
 =?UTF-8?q?=D0=B2=D0=BC=D0=B5=D1=81=D1=82=D0=B5=20=D1=81=20=D0=BF=D0=B5?=
 =?UTF-8?q?=D1=80=D0=B5=D1=85=D0=BE=D0=B4=D0=BE=D0=BC=20=D0=BD=D0=B0=20.ne?=
 =?UTF-8?q?t5.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BusinessObjects/Users/Token.cs                | 15 ++++++++-------
 .../Games/Reading/GameReadingService.cs           |  2 +-
 DM/Services/DM.Services.Gaming/Dto/Output/Game.cs |  3 +--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/DM/Services/DM.Services.DataAccess/BusinessObjects/Users/Token.cs b/DM/Services/DM.Services.DataAccess/BusinessObjects/Users/Token.cs
index d3cc85cc..f9036048 100644
--- a/DM/Services/DM.Services.DataAccess/BusinessObjects/Users/Token.cs
+++ b/DM/Services/DM.Services.DataAccess/BusinessObjects/Users/Token.cs
@@ -9,13 +9,14 @@ namespace DM.Services.DataAccess.BusinessObjects.Users;
 /// <summary>
 /// DAL model for authorization token
 /// </summary>
-public class Token : IRemovable
-{
-    /// <summary>
-    /// Token identifier
-    /// </summary>
-    [Key]
-    public Guid TokenId { get; set; }
+[Table("Tokens")]
+    public class Token : IRemovable
+    {
+        /// <summary>
+        /// Token identifier
+        /// </summary>
+        [Key]
+        public Guid TokenId { get; set; }
 
     /// <summary>
     /// Authorised user identifier
diff --git a/DM/Services/DM.Services.Gaming/BusinessProcesses/Games/Reading/GameReadingService.cs b/DM/Services/DM.Services.Gaming/BusinessProcesses/Games/Reading/GameReadingService.cs
index 28e9dc60..b3b54886 100644
--- a/DM/Services/DM.Services.Gaming/BusinessProcesses/Games/Reading/GameReadingService.cs
+++ b/DM/Services/DM.Services.Gaming/BusinessProcesses/Games/Reading/GameReadingService.cs
@@ -88,7 +88,7 @@ await unreadCountersRepository.FillEntityCounters(
             var gameRoomIds = roomIds.ToArray();
             game.UnreadPostsCount = gameRoomIds.Sum(id =>
                 unreadPostCounters.TryGetValue(id, out var count) ? count : 0);
-            game.Pendings = pendingPosts.Where(p => gameRoomIds.Contains(p.RoomId));
+            game.PendingPosts = pendingPosts.Where(p => gameRoomIds.Contains(p.RoomId));
         }
 
         return games;
diff --git a/DM/Services/DM.Services.Gaming/Dto/Output/Game.cs b/DM/Services/DM.Services.Gaming/Dto/Output/Game.cs
index df2be661..9f72deef 100644
--- a/DM/Services/DM.Services.Gaming/Dto/Output/Game.cs
+++ b/DM/Services/DM.Services.Gaming/Dto/Output/Game.cs
@@ -57,7 +57,6 @@ public class Game
 
     /// <summary>
     /// Pending assistant if any
-    /// <remarks>Due to some issues in EFCore 3.1.5 had to move to IEnumerable, but make no mistake - that is a single assistant every time!</remarks>
     /// </summary>
     public GeneralUser PendingAssistant { get; set; }
 
@@ -79,7 +78,7 @@ public class Game
     /// <summary>
     /// Game pending posts
     /// </summary>
-    public IEnumerable<PendingPost> Pendings { get; set; }
+    public IEnumerable<PendingPost> PendingPosts { get; set; }
 
     /// <summary>
     /// Game title

From 03d90a645c9ef57fe08d6d135b203b3e834488f4 Mon Sep 17 00:00:00 2001
From: Quilin <v.quilin@gmail.com>
Date: Wed, 28 Jul 2021 23:33:09 +0300
Subject: [PATCH 3/5] =?UTF-8?q?=D0=A1=D1=87=D0=B5=D1=82=D1=87=D0=B8=D0=BA?=
 =?UTF-8?q?=D0=B8=20=D0=B2=20=D1=81=D0=BF=D0=B8=D1=81=D0=BA=D0=B5=20=D0=B8?=
 =?UTF-8?q?=D0=B3=D1=80=20=D0=BD=D0=B5=20=D0=B4=D0=BE=D0=BB=D0=B6=D0=BD?=
 =?UTF-8?q?=D1=8B=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=BE=D1=81=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=D1=81=D1=8F=20=D0=BD=D0=B0=20=D1=81=D1=82=D1=80=D0=BE?=
 =?UTF-8?q?=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 DM/Web/DM.Web.Modern/src/views/layout/menu/MenuLink.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/DM/Web/DM.Web.Modern/src/views/layout/menu/MenuLink.vue b/DM/Web/DM.Web.Modern/src/views/layout/menu/MenuLink.vue
index 2d3555b3..059e4586 100644
--- a/DM/Web/DM.Web.Modern/src/views/layout/menu/MenuLink.vue
+++ b/DM/Web/DM.Web.Modern/src/views/layout/menu/MenuLink.vue
@@ -3,7 +3,7 @@
     <router-link :to="{ name: 'game', params: { id: game.id } }">
       {{ game.title }}
     </router-link>
-    <span v-if="counters">
+    <span v-if="counters" class="menu-game-item__counters">
       <router-link :to="{ name: 'game-first-unread-post', params: { id: game.id } }">
         <icon :font="game.unreadPostsCount ? IconType.PostsUnread : IconType.PostsNoUnread" />
         <template v-if="game.unreadPostsCount">{{ game.unreadPostsCount }}</template>
@@ -49,6 +49,10 @@ export default class MenuLink extends Vue {
 
   & a.router-link-active
     theme(color, $text)
+    font-weight bold
+
+.menu-game-item__counters
+  white-space nowrap
 
 .menu-game-item-separator
   display inline-block
@@ -56,4 +60,4 @@ export default class MenuLink extends Vue {
   vertical-align top
   theme(color, $secondaryText)
   cursor default
-</style>
\ No newline at end of file
+</style>

From 9c0b59974b292e3f177db5685b7fddd1e7de1dc7 Mon Sep 17 00:00:00 2001
From: Quilin <v.quilin@gmail.com>
Date: Wed, 28 Jul 2021 23:33:45 +0300
Subject: [PATCH 4/5] =?UTF-8?q?=D0=A1=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=BD=D0=BE=D0=B2=D0=BE=D0=B3=D0=BE=20=D0=BA=D0=BE?=
 =?UTF-8?q?=D0=BC=D0=BC=D0=B5=D0=BD=D1=82=D0=B0=D1=80=D0=B8=D1=8F=20=D0=BA?=
 =?UTF-8?q?=20=D0=B8=D0=B3=D1=80=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/requests/gamingApi.ts             | 16 +++--
 .../DM.Web.Modern/src/store/gaming/actions.ts | 67 +++++++++++--------
 .../src/store/gaming/gamingState.ts           |  2 +-
 .../src/store/gaming/mutations.ts             |  2 +-
 .../game/comments/CreateGameCommentForm.vue   | 45 +++++++++++++
 .../pages/game/comments/GameComments.vue      | 18 +++--
 .../pages/game/comments/GameCommentsList.vue  | 11 ++-
 7 files changed, 113 insertions(+), 48 deletions(-)
 create mode 100644 DM/Web/DM.Web.Modern/src/views/pages/game/comments/CreateGameCommentForm.vue

diff --git a/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts b/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
index 016b117d..5f6c54a2 100644
--- a/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
+++ b/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
@@ -56,15 +56,19 @@ export default new class {
     return await Api.post<Envelope<Game>>('games', game);
   }
 
-  public async createCharacter(id: string, character: Character): Promise<ApiResult<Envelope<Character>>> {
-    return await Api.post<Envelope<Character>>(`games/${id}/characters`, character);
+  public async createCharacter(gameId: string, character: Character): Promise<ApiResult<Envelope<Character>>> {
+    return await Api.post<Envelope<Character>>(`games/${gameId}/characters`, character);
   }
 
-  public async subscribe(id: string): Promise<ApiResult<Envelope<User>>> {
-    return await Api.post<Envelope<User>>(`games/${id}/readers`);
+  public async createComment(gameId: string, comment: Comment): Promise<ApiResult<Envelope<Comment>>> {
+    return await Api.post<Envelope<Comment>>(`games/${gameId}/comments`, comment);
   }
 
-  public async unsubscribe(id: string): Promise<ApiResult<void>> {
-    return await Api.delete(`games/${id}/readers`);
+  public async subscribe(gameId: string): Promise<ApiResult<Envelope<User>>> {
+    return await Api.post<Envelope<User>>(`games/${gameId}/readers`);
+  }
+
+  public async unsubscribe(gameId: string): Promise<ApiResult<void>> {
+    return await Api.delete(`games/${gameId}/readers`);
   }
 }();
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts b/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
index 4408d82d..6642a5e9 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
@@ -11,7 +11,7 @@ const actions: ActionTree<GamingState, RootState> = {
     commit('updateOwnGames', games);
   },
 
-  async fetchPopularGames({commit}): Promise<void> {
+  async fetchPopularGames({ commit }): Promise<void> {
     const { resources: games } = await gamingApi.getPopularGames();
     commit('updatePopularGames', games);
   },
@@ -45,15 +45,6 @@ const actions: ActionTree<GamingState, RootState> = {
       $router.push({ name: 'game', params: { id: game.id } });
     }
   },
-  async createCharacter({ state }, { character, $router }): Promise<void> {
-    const { data, error } = await gamingApi.createCharacter(state.selectedGame!.id, character);
-    if (error) {
-      $router.push({ name: 'error', params: { code: error.code } });
-    } else {
-      const { resource: character } = data!;
-      $router.push({ name: 'game-characters', params: { id: state.selectedGame!.id, characterId: character.id } })
-    }
-  },
 
   async selectGame({ commit }, { id, router }): Promise<void> {
     commit('updateSelectedGame', null);
@@ -66,31 +57,16 @@ const actions: ActionTree<GamingState, RootState> = {
       commit('updateSelectedGame', game);
     }
   },
-  async fetchSelectedGameCharacters({ commit }, { id }): Promise<void> {
-    commit('updateSelectedGameCharacters', null);
-    const { resources: characters } = await gamingApi.getCharacters(id);
-    commit('updateSelectedGameCharacters', characters);
-  },
-  async fetchSelectedGameRooms({ commit }, { id }): Promise<void> {
-    commit('updateSelectedGameRooms', null);
-    const { resources: rooms } = await gamingApi.getRooms(id);
-    commit('updateSelectedGameRooms', rooms);
-  },
+
   async fetchSelectedGameReaders({ commit }, { id }): Promise<void> {
     commit('updateSelectedGameReaders', null);
     const { resources: readers } = await gamingApi.getReaders(id);
     commit('updateSelectedGameReaders', readers);
   },
-  async fetchSelectedGameComments({ commit }, { id, n }): Promise<void> {
-    commit('updateSelectedGameComments', null);
-    const data = await gamingApi.getComments(id, { number: n } as PagingQuery);
-    commit('updateSelectedGameComments', data!);
-  },
-
   async subscribe({ commit, state }, { router }): Promise<void> {
     const { data, error } = await gamingApi.subscribe(state.selectedGame!.id);
     if (error) {
-      router.push({ name: 'error', params: { code: error.code }});
+      router.push({ name: 'error', params: { code: error.code } });
     } else {
       const { resource: reader } = data!;
       commit('addReader', reader);
@@ -99,11 +75,46 @@ const actions: ActionTree<GamingState, RootState> = {
   async unsubscribe({ commit, state, rootState }, { router }): Promise<void> {
     const { error } = await gamingApi.unsubscribe(state.selectedGame!.id);
     if (error) {
-      router.push({ name: 'error', params: { code: error.code }});
+      router.push({ name: 'error', params: { code: error.code } });
     } else {
       commit('removeReader', rootState.user);
     }
   },
+
+  async fetchSelectedGameCharacters({ commit }, { id }): Promise<void> {
+    commit('updateSelectedGameCharacters', null);
+    const { resources: characters } = await gamingApi.getCharacters(id);
+    commit('updateSelectedGameCharacters', characters);
+  },
+  async createCharacter({ state }, { character, $router }): Promise<void> {
+    const { data, error } = await gamingApi.createCharacter(state.selectedGame!.id, character);
+    if (error) {
+      $router.push({ name: 'error', params: { code: error.code } });
+    } else {
+      const { resource: character } = data!;
+      $router.push({ name: 'game-characters', params: { id: state.selectedGame!.id, characterId: character.id } })
+    }
+  },
+
+  async fetchSelectedGameComments({ commit }, { id, n }): Promise<void> {
+    commit('updateSelectedGameComments', null);
+    const data = await gamingApi.getComments(id, { number: n } as PagingQuery);
+    commit('updateSelectedGameComments', data!);
+  },
+  async createComment({ state }, { comment, $router }): Promise<void> {
+    const { id } = state.selectedGame!;
+    const { error: postCommentError } = await gamingApi.createComment(id, comment);
+    if (postCommentError) return Promise.reject();
+
+    const data = await gamingApi.getComments(id, { size: 0, number: 0, skip: 0 });
+    $router.push({ name: 'game-comments', params: { id, n: data.paging!.total } });
+  },
+
+  async fetchSelectedGameRooms({ commit }, { id }): Promise<void> {
+    commit('updateSelectedGameRooms', null);
+    const { resources: rooms } = await gamingApi.getRooms(id);
+    commit('updateSelectedGameRooms', rooms);
+  },
 };
 
 export default actions;
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/gamingState.ts b/DM/Web/DM.Web.Modern/src/store/gaming/gamingState.ts
index 9428e62f..a6760731 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/gamingState.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/gamingState.ts
@@ -1,5 +1,5 @@
 import { Game, AttributeSchema, Tag, Character, Room, Comment } from '@/api/models/gaming';
-import {User} from '@/api/models/community';
+import { User } from '@/api/models/community';
 import { ListEnvelope } from '@/api/models/common';
 
 export default interface GamingState {
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts b/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
index 0fe7a4fb..6570989e 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
@@ -1,7 +1,7 @@
 import { MutationTree } from 'vuex';
 import GamingState from './gamingState';
 import { Game, AttributeSchema, Tag, Character, Room, GameParticipation, Comment } from '@/api/models/gaming';
-import {User} from '@/api/models/community';
+import { User } from '@/api/models/community';
 import { ListEnvelope } from '@/api/models/common';
 
 const mutations: MutationTree<GamingState> = {
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/CreateGameCommentForm.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/CreateGameCommentForm.vue
new file mode 100644
index 00000000..fe902651
--- /dev/null
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/CreateGameCommentForm.vue
@@ -0,0 +1,45 @@
+<template>
+  <form ref="form" @submit.prevent="createComment">
+    <div class="content-title">Добавить комментарий</div>
+    <text-area :disabled="loading" v-model.trim="comment.text" />
+    <action-button class="comment-form__submit" type="submit" :loading="loading" :disabled="!comment.text">
+      Добавить
+    </action-button>
+  </form>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+import { Action, Getter } from 'vuex-class';
+import { Comment, Game } from '@/api/models/gaming';
+
+@Component({})
+export default class CreateGameCommentForm extends Vue {
+  private comment = { text: '' } as Comment;
+  private loading = false;
+
+  @Action('gaming/createComment')
+  private createCommentAction: any;
+
+  @Getter('gaming/selectedGame')
+  private selectedGame!: Game;
+
+  private async createComment() {
+    this.loading = true;
+    await this.createCommentAction({
+      comment: this.comment,
+      $router: this.$router,
+    });
+    this.loading = false;
+
+    this.comment = { text: '' } as Comment;
+  }
+}
+</script>
+
+<style scoped lang="stylus">
+.comment-form
+  &__submit {
+    margin-top $minor;
+  }
+</style>
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComments.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComments.vue
index 11de573d..0044ea1d 100644
--- a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComments.vue
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComments.vue
@@ -1,19 +1,20 @@
 <template>
   <div>
-
     <div class="page-title">{{ game.title }} | Обсуждение</div>
-
     <router-view />
-
+    <create-game-comment-form v-if="canCreateComments" />
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
 import { Action, Getter } from 'vuex-class';
-import { Game } from '@/api/models/gaming';
+import { CommentariesAccessMode, Game, GameParticipation } from '@/api/models/gaming';
+import CreateGameCommentForm from '@/views/pages/game/comments/CreateGameCommentForm.vue';
 
-@Component({})
+@Component({
+  components: { CreateGameCommentForm }
+})
 export default class GameComments extends Vue {
   @Getter('gaming/selectedGame')
   private game!: Game;
@@ -21,10 +22,15 @@ export default class GameComments extends Vue {
   @Action('gaming/fetchSelectedGameCharacters')
   private fetchGameCharacters: any;
 
+  private get canCreateComments() {
+    return this.game.privacySettings.commentariesAccess === CommentariesAccessMode.Public ||
+        this.game.participation.some(p => p !== GameParticipation.None && p !== GameParticipation.Reader);
+  }
+
   private mounted() {
     this.fetchGameCharacters({ id: this.$route.params.id });
   }
 }
 </script>
 
-<style lang="stylus"></style>
\ No newline at end of file
+<style lang="stylus"></style>
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameCommentsList.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameCommentsList.vue
index f8469561..b1f209f7 100644
--- a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameCommentsList.vue
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameCommentsList.vue
@@ -1,16 +1,15 @@
 <template>
   <div>
 
-    <loader v-if="comments === null" :big="true" />
+    <loader v-if="!comments" :big="true" />
 
-    <div v-else-if="comments.resources.length === 0">Пока никто ничего не написал</div>
-
-    <template v-else>
+    <template v-else-if="comments.resources.length">
       <paging :paging="comments.paging" :to="{ name: 'game-comments', params: $route.params }" />
-
       <game-comment v-for="comment in comments.resources" :key="comment.id" :comment="comment" />
     </template>
 
+    <div v-else>Пока никто ничего не написал</div>
+
   </div>
 </template>
 
@@ -52,4 +51,4 @@ export default class GameComments extends Vue {
 }
 </script>
 
-<style lang="stylus"></style>
\ No newline at end of file
+<style lang="stylus"></style>

From 4e870d0af3ed1454f0cf355a4b3b76f8739b5a67 Mon Sep 17 00:00:00 2001
From: Quilin <v.quilin@gmail.com>
Date: Thu, 29 Jul 2021 00:12:31 +0300
Subject: [PATCH 5/5] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B2=D0=BE=D0=B5=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=B1=D0=BB=D0=B8=D0=B6=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=BA=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=82=D1=83=20=D0=BA=D0=BE=D0=BC=D0=BC=D0=B5=D0=BD=D1=82?=
 =?UTF-8?q?=D0=B0=D1=80=D0=B8=D1=8F=20=D0=BA=20=D0=B8=D0=B3=D1=80=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BusinessObjects/Users/Token.cs            |  14 +--
 DM/Web/DM.Web.API/Startup.cs                  |   2 +-
 .../src/api/requests/gamingApi.ts             |   8 ++
 .../DM.Web.Modern/src/store/forum/actions.ts  |   2 +-
 .../DM.Web.Modern/src/store/gaming/actions.ts |  11 +-
 .../src/store/gaming/mutations.ts             |   9 ++
 .../views/pages/game/comments/GameComment.vue | 118 ++++++++++++++++--
 .../src/views/pages/topic/TopicComment.vue    |   7 +-
 8 files changed, 149 insertions(+), 22 deletions(-)

diff --git a/DM/Services/DM.Services.DataAccess/BusinessObjects/Users/Token.cs b/DM/Services/DM.Services.DataAccess/BusinessObjects/Users/Token.cs
index f9036048..d4ffceea 100644
--- a/DM/Services/DM.Services.DataAccess/BusinessObjects/Users/Token.cs
+++ b/DM/Services/DM.Services.DataAccess/BusinessObjects/Users/Token.cs
@@ -10,13 +10,13 @@ namespace DM.Services.DataAccess.BusinessObjects.Users;
 /// DAL model for authorization token
 /// </summary>
 [Table("Tokens")]
-    public class Token : IRemovable
-    {
-        /// <summary>
-        /// Token identifier
-        /// </summary>
-        [Key]
-        public Guid TokenId { get; set; }
+public class Token : IRemovable
+{
+    /// <summary>
+    /// Token identifier
+    /// </summary>
+    [Key]
+    public Guid TokenId { get; set; }
 
     /// <summary>
     /// Authorised user identifier
diff --git a/DM/Web/DM.Web.API/Startup.cs b/DM/Web/DM.Web.API/Startup.cs
index 67b61313..bc33da73 100644
--- a/DM/Web/DM.Web.API/Startup.cs
+++ b/DM/Web/DM.Web.API/Startup.cs
@@ -154,7 +154,7 @@ public void Configure(IApplicationBuilder appBuilder,
         if (migrateOnStart)
         {
             dbContext.Database.Migrate();
-            throw new Exception("Migration is complete");
+            Environment.Exit(-1);
         }
 
         appBuilder
diff --git a/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts b/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
index 5f6c54a2..d6a9891e 100644
--- a/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
+++ b/DM/Web/DM.Web.Modern/src/api/requests/gamingApi.ts
@@ -71,4 +71,12 @@ export default new class {
   public async unsubscribe(gameId: string): Promise<ApiResult<void>> {
     return await Api.delete(`games/${gameId}/readers`);
   }
+
+  public async updateComment(commentId: string, comment: Comment): Promise<ApiResult<Envelope<Comment>>> {
+    return await Api.patch<Envelope<Comment>>(`games/comments/${commentId}`, comment);
+  }
+
+  public async deleteComment(commentId: string): Promise<ApiResult<void>> {
+    return await Api.delete(`games/comments/${commentId}`);
+  }
 }();
diff --git a/DM/Web/DM.Web.Modern/src/store/forum/actions.ts b/DM/Web/DM.Web.Modern/src/store/forum/actions.ts
index 675baada..2d628556 100644
--- a/DM/Web/DM.Web.Modern/src/store/forum/actions.ts
+++ b/DM/Web/DM.Web.Modern/src/store/forum/actions.ts
@@ -83,7 +83,7 @@ const actions: ActionTree<ForumState, RootState> = {
       commit('updateComment', data?.resource);
     }
   },
-  async deleteComment(_0, { id }): Promise<void> {
+  async deleteComment(_, { id }): Promise<void> {
     await forumApi.deleteComment(id);
   },
   async markAllTopicsAsRead({ commit }, { id }): Promise<void> {
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts b/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
index 6642a5e9..cfd10600 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/actions.ts
@@ -2,7 +2,7 @@ import { ActionTree } from 'vuex';
 import gamingApi from '@/api/requests/gamingApi';
 import GamingState from './gamingState';
 import RootState from './../rootState';
-import { AttributeSchema } from '@/api/models/gaming';
+import {AttributeSchema, Comment} from '@/api/models/gaming';
 import { PagingQuery } from '@/api/models/common';
 
 const actions: ActionTree<GamingState, RootState> = {
@@ -109,6 +109,15 @@ const actions: ActionTree<GamingState, RootState> = {
     const data = await gamingApi.getComments(id, { size: 0, number: 0, skip: 0 });
     $router.push({ name: 'game-comments', params: { id, n: data.paging!.total } });
   },
+  async updateComment({ commit }, { id, comment }): Promise<void> {
+    const { data, error } = await gamingApi.updateComment(id, comment as Comment);
+    if (!error) {
+      commit('updateComment', data!.resource);
+    }
+  },
+  async deleteComment(_, { id }) {
+    await gamingApi.deleteComment(id);
+  },
 
   async fetchSelectedGameRooms({ commit }, { id }): Promise<void> {
     commit('updateSelectedGameRooms', null);
diff --git a/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts b/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
index 6570989e..3a037f63 100644
--- a/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
+++ b/DM/Web/DM.Web.Modern/src/store/gaming/mutations.ts
@@ -38,6 +38,15 @@ const mutations: MutationTree<GamingState> = {
   updateSelectedGameComments(state, payload: ListEnvelope<Comment>) {
     state.selectedGameComments = payload;
   },
+  updateComment(state, payload: Comment) {
+    state.selectedGameComments!.resources = state.selectedGameComments!.resources.map(comment => {
+      if (comment.id === payload.id) {
+        return payload;
+      }
+
+      return comment;
+    });
+  },
 
   addReader(state, payload: User) {
     if (state.selectedGame === null || state.selectedGameReaders === null) return;
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComment.vue b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComment.vue
index 52212d28..8044cd83 100644
--- a/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComment.vue
+++ b/DM/Web/DM.Web.Modern/src/views/pages/game/comments/GameComment.vue
@@ -1,16 +1,120 @@
 <template>
-  <div>
-    {{ comment.text }}
+  <div class="game-comment">
+    <template v-if="!editMode">
+      <div v-html="comment.text" />
+      <div class="game-comment__meta">
+        <div>
+          <user-link :user="comment.author" />
+
+          <span v-if="participation" class="game-comment__participation">({{ participation }})</span>,
+
+          <human-timespan :date="comment.created" />
+          <template v-if="comment.updated">
+            , (изменен <human-timespan :date="comment.updated" />)
+          </template>
+          &nbsp;
+          <like :entity="comment" @liked="addLike" @unliked="deleteLike" />
+        </div>
+        <div class="game-comment__controls" v-if="canEdit">
+          <a class="game-comment__control" @click="editMode = true">
+            <icon :font="IconType.Edit" />
+            Редактировать
+          </a>
+          <a class="game-comment__control" @click="$modal.show('delete-game-comment')">
+            <icon :font="IconType.Remove" />
+            Удалить
+          </a>
+        </div>
+      </div>
+    </template>
+    <edit-game-comment-form v-else :comment="comment" @edited="editMode = false" @canceled="editMode = false" />
+    <confirm-lightbox
+        name="delete-game-comment"
+        title="Удалить комментарий?"
+        accept-text="Удалить"
+        @accepted="deleteComment"
+        @canceled="$modal.hide('delete-game-comment')"
+    />
   </div>
 </template>
 
 <script lang="ts">
-import { Component, Prop, Vue } from 'vue-property-decorator';
-import { Comment } from '@/api/models/gaming';
+import {Component, Prop, Vue} from 'vue-property-decorator';
+import {Character, Comment, Game, GameParticipation} from '@/api/models/gaming';
+import Like from '@/components/shared/Like.vue';
+import ConfirmLightbox from '@/components/ConfirmLightbox.vue';
+import {Action, Getter} from 'vuex-class';
+import {userIsHighAuthority} from '@/api/models/community/helpers';
+import {User} from '@/api/models/community';
+import IconType from '@/components/iconType';
 
-@Component({})
+@Component({
+  components: { ConfirmLightbox, Like }
+})
 export default class GameComment extends Vue {
+  private IconType: typeof IconType = IconType;
+  private editMode = false;
+
   @Prop()
-  private comment!: Comment
+  private comment!: Comment;
+
+  @Getter('user')
+  private user!: User | null;
+
+  @Getter('gaming/selectedGame')
+  private game!: Game;
+
+  @Getter('gaming/selectedGameCharacters')
+  private characters!: Character[];
+  
+  private get participation(): string | null {
+    if (this.game.participation.some(p => p === GameParticipation.Owner)) {
+      return this.game.master.login === this.user?.login
+        ? 'DM'
+        : 'Assistant';
+    } else if (this.game.participation.some(p => p === GameParticipation.Moderator)) {
+      return 'Moderator';
+    } else if (this.game.participation.some(p => p === GameParticipation.Player)) {
+      return this.characters
+        .filter(c => c.author.login === this.user?.login)
+        .map(c => c.name)
+        .join(', ');
+    } else {
+      return null;
+    }
+  }
+
+  private get canEdit() {
+    return this.game.participation.some(p => p === GameParticipation.Authority) ||
+        userIsHighAuthority(this.user) ||
+        this.comment.author.login === this.user?.login;
+  }
+
+  @Action('gaming')
+
+  private addLike(): void {
+    console.log('liked');
+  }
+  private deleteLike(): void {
+    console.log('unliked');
+  }
+  private deleteComment(): void {
+    console.log('deleted');
+    this.$modal.hide('delete-game-comment');
+  }
 }
-</script>
\ No newline at end of file
+</script>
+
+<style lang="stylus">
+.game-comment
+  font-size $textFontSize
+  margin $medium 0
+
+  &__meta
+    display flex
+    justify-content space-between
+
+    margin-top $minor
+
+    secondary()
+</style>
\ No newline at end of file
diff --git a/DM/Web/DM.Web.Modern/src/views/pages/topic/TopicComment.vue b/DM/Web/DM.Web.Modern/src/views/pages/topic/TopicComment.vue
index 96cfec42..c0ecc910 100644
--- a/DM/Web/DM.Web.Modern/src/views/pages/topic/TopicComment.vue
+++ b/DM/Web/DM.Web.Modern/src/views/pages/topic/TopicComment.vue
@@ -97,11 +97,8 @@ export default class TopicComment extends Vue {
 
 <style scoped lang="stylus">
 .topic-comment
-  panel()
-
-  padding $minor
-  border 1px solid
-  theme(border-color, $border)
+  font-size $textFontSize
+  margin $medium 0
 
   &__meta
     display flex