From 3ba3ee9e8020043221a1ab6247f3d152a8add941 Mon Sep 17 00:00:00 2001
From: behindloader <simonsuprun@gmail.com>
Date: Thu, 27 May 2021 23:59:56 +0300
Subject: [PATCH 1/2] Add mods menu

---
 public/index.html              |  1 +
 src/components/ServerItem.vue  | 16 +++++++++++++++-
 src/components/ServerModal.vue | 33 +++++++++++++++++++++++++++++++++
 3 files changed, 49 insertions(+), 1 deletion(-)
diff --git a/public/index.html b/public/index.html
index eed762c..ca8e6ee 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,6 +24,7 @@
     </script>
     <noscript><div><img src="https://mc.yandex.ru/watch/79181092" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
     <!-- /Yandex.Metrika counter -->
+    <script src="https://kit.fontawesome.com/92d79212af.js" crossorigin="anonymous"></script>
   </head>
   <body class="has-navbar-fixed-top">
     <noscript>
diff --git a/src/components/ServerItem.vue b/src/components/ServerItem.vue
index 876544d..bb9a50f 100644
--- a/src/components/ServerItem.vue
+++ b/src/components/ServerItem.vue
@@ -4,7 +4,7 @@
       <div class="content">
         <div class="columns">
           <div class="column is-three-quarters">
-            <div class="title">{{ server.name }}</div>
+            <div class="title">#{{ server.id }} {{ server.name }}</div>
           </div>
           <div class="column">
             <span style="width: 100%" :class="['tag', serverStatus.color]">{{ serverStatus.text }}</span>
@@ -30,6 +30,20 @@
             </div>
           </div>
         </div>
+        <div class="field is-horizontal">
+          <div class="field-label is-small">
+            <label class="label">Плагины</label>
+          </div>
+          <div class="field-body">
+            <div class="field">
+              <div class="content">
+                <dl>
+                  <li v-for="mod in server.mods" :key="mod.id">{{ mod.name }}</li>
+                </dl>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div class="field is-horizontal">
         <div class="field-label is-small">
diff --git a/src/components/ServerModal.vue b/src/components/ServerModal.vue
index 0da37b2..9d5ac82 100644
--- a/src/components/ServerModal.vue
+++ b/src/components/ServerModal.vue
@@ -58,6 +58,26 @@
                     </div>
                 </div>
 
+                <div class="field is-horizontal">
+                    <div class="field-label is-normal">
+                        <label class="label">Плагины</label>
+                    </div>
+                    <div class="field-body">
+                        <ul>
+                        <li
+                            class="control"
+                            v-for="mod in mods"
+                            v-bind:key="mod.id"
+                        >
+                            <label class="checkbox">
+                            <input type="checkbox" :value="mod.id" v-model="form.mods">
+                            {{ mod.name }}
+                            </label>
+                        </li>
+                        </ul>
+                    </div>
+                </div>
+
                 <div class="is-flex is-justify-content-flex-end">
                     <button
                         :class="['button is-success', {'is-loading': pending}]"
@@ -90,11 +110,13 @@ export default defineComponent({
         return {
             games: [],
             versions: [],
+            mods: [],
             loading: false,
             pending: false,
             form: {
                 game_id: null,
                 version_id: null,
+                mods: [],
             }
         }
     },
@@ -119,6 +141,17 @@ export default defineComponent({
                 this.loading = false
             } else {
                 this.versions = []
+                this.mods = []
+            }
+        },
+        async 'form.version_id'(val) {
+            if (val) {
+                this.loading = true
+                const response = await this.$http.get(`/games/${this.form.game_id}/versions/${val}/mods/`)
+                this.mods = response.data
+                this.loading = false
+            } else {
+                this.mods = []
             }
         },
     },

From 5138bb95187fb4f107ec44250720c71efa36b6a9 Mon Sep 17 00:00:00 2001
From: behindloader <simonsuprun@gmail.com>
Date: Fri, 28 May 2021 00:07:24 +0300
Subject: [PATCH 2/2] Fix

---
 public/index.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index ca8e6ee..eed762c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,7 +24,6 @@
     </script>
     <noscript><div><img src="https://mc.yandex.ru/watch/79181092" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
     <!-- /Yandex.Metrika counter -->
-    <script src="https://kit.fontawesome.com/92d79212af.js" crossorigin="anonymous"></script>
   </head>
   <body class="has-navbar-fixed-top">
     <noscript>
