add log and server log to game history

components/dashboard/games_new/HistoryOfGames.vue

@@ -46,7 +46,12 @@
         {{ item.winner ? item.winner.name : '' }}
       </template>
       <template v-slot:[`item.log`]="{ item }">
-        <v-btn icon :loading="btnLoading" :ripple="false" :disabled="item.status !== 'successful'">
+        <v-btn icon :loading="btnLoading" :ripple="false" :disabled="item.status !== 'successful'" :href="item.log">
+          <v-icon size="30px" class="icon-hover">mdi-download</v-icon>
+        </v-btn>
+      </template>
+      <template v-slot:[`item.serverLog`]="{ item }">
+        <v-btn icon :loading="btnLoading" :ripple="false" :disabled="item.status !== 'successful'" :href="item.server_log">
           <v-icon size="30px" class="icon-hover">mdi-download</v-icon>
         </v-btn>
       </template>
@@ -55,43 +60,6 @@
       <v-pagination v-model="page" :length="pageCount" total-visible="5" class="my-3" />
       <Logo />
     </div>
-
-    <v-dialog v-model="dialog" width="350">
-      <v-card>
-        <v-container>
-          <div class="dialog-header mb-4 mt-4">
-            <div>
-              <h4>دریافت لاگ</h4>
-            </div>
-            <div @click="toggleDialog()" style="cursor: pointer">
-              <h4>
-                <v-icon>mdi-close</v-icon>
-              </h4>
-            </div>
-          </div>
-          <v-list-item>
-            <v-list-item-content>
-              <v-list-item-title>لاگ سرور</v-list-item-title>
-            </v-list-item-content>
-            <v-list-item-action>
-              <v-btn href="https://www.google.com/" target="_blank">
-                <v-icon color="primary">mdi-download</v-icon>
-              </v-btn>
-            </v-list-item-action>
-          </v-list-item>
-          <v-list-item>
-            <v-list-item-content>
-              <v-list-item-title>لاگ گرافیک</v-list-item-title>
-            </v-list-item-content>
-            <v-list-item-action>
-              <v-btn icon href="https://www.google.com/" target="_blank">
-                <v-icon color="primary">mdi-download</v-icon>
-              </v-btn>
-            </v-list-item-action>
-          </v-list-item>
-        </v-container>
-      </v-card>
-    </v-dialog>
   </div>
 </template>
 
@@ -140,14 +108,16 @@ export default {
         // { text: 'زمان', align: 'center', value: '' },
         { text: 'وضعیت بازی', align: 'center', value: 'status' },
         { text: 'تیم برنده', align: 'center', value: 'winner.name' },
-        { text: 'دریافت لاگ', align: 'center', value: 'log' },
+        { text: 'لاگ', align: 'center', value: 'log' },
+        { text: 'لاگ سرور', align: 'center', value: 'serverLog' },
       ],
       data: [],
       currentGame: {
         serverLog: '',
         graphicLog: '',
       },
       status_code: 200,
+      item: null,
     };
   },
   watch: {
@@ -210,21 +180,6 @@ export default {
       else if (res === '') return 'mdi-emoticon-happy-outline';
       else if (res === '') return 'mdi-progress-clock';
     },
-    toggleDialog() {
-      this.dialog = !this.dialog;
-    },
-    getGameLog(id) {
-      this.btnLoading = true;
-      this.$axios.$get(`challenge/match/${id}`).then(res => {
-        if (res.status_code === 200) {
-          this.data = res.data;
-          this.dialog = true;
-        } else {
-          this.$toast.error('خطا در برقراری ارتباط!');
-        }
-      });
-      this.btnLoading = false;
-    },
   },
 };
 </script>

components/dashboard/submission/SubmissionStatus.vue

@@ -23,8 +23,9 @@ export default {
         compiling: { i: 'mdi-progress-wrench', color: 'info' },
         uploaded: { i: 'mdi-progress-check', color: 'info' },
         uploading: { i: 'mdi-progress-upload', color: 'info' },
+        infra_compile_message: { i: 'mdi-gitlab', color: 'info' },
       },
-    }
+    };
   },
-}
+};
 </script>

components/dashboard/submission/SubmissionsList.vue

@@ -28,7 +28,7 @@
       </template>
       <template v-slot:[`item.user`]="{ item }">
         <!-- {{ item.user.profile.firstname_fa + ' ' + item.user.profile.lastname_fa }} -->
-        {{item.user}}
+        {{ item.user }}
       </template>
       <template v-slot:[`item.submit_time`]="{ item }">
         <date-time-formatter :date="item.submit_time" />
@@ -38,8 +38,20 @@
           <v-icon>mdi-download</v-icon>
         </v-btn>
       </template>
+      <template v-slot:[`item.log`]="{ item }">
+        <v-btn icon @click="onDetailClick(item.infra_compile_message)" :disabled="!item.infra_compile_message">
+          <v-icon>mdi-transit-connection</v-icon>
+        </v-btn>
+      </template>
     </v-data-table>
     <v-pagination v-model="page" :length="pageCount" :total-visible="5" class="my-3" />
+    <v-dialog v-model="dialog" hide-overlay transition="dialog-bottom-transition" width="500">
+      <div class="pa-4 bg-color-12">
+        <p dir="ltr">
+          {{ detail }}
+        </p>
+      </div>
+    </v-dialog>
   </div>
 </template>
 
@@ -69,6 +81,7 @@ export default {
         { text: this.$t('form.language'), sortable: false, value: 'language', align: 'center' },
         { text: this.$t('dashboard.status'), sortable: false, value: 'status', align: 'center' },
         { text: this.$t('form.file'), sortable: false, value: 'file', align: 'center', width: 70 },
+        { text: 'جزییات', sortable: false, value: 'log', align: 'center' },
       ];
     },
   },
@@ -77,6 +90,8 @@ export default {
       page: 1,
       pageCount: 0,
       itemsPerPage: 5,
+      dialog: false,
+      detail: '',
     };
   },
   methods: {
@@ -95,6 +110,10 @@ export default {
         this.$toast.error('کد هنوز کامپال نشده است.');
       }
     },
+    onDetailClick(text) {
+      this.dialog = true;
+      this.detail = text;
+    },
   },
 };
 </script>

locales/fa.json

@@ -167,7 +167,8 @@
     "groups": "انتخابی",
     "final": "مرحله نهایی",
     "primary": "مرحله مقدماتی",
-    "closing": "مراسم اختتامیه"
+    "closing": "مراسم اختتامیه",
+    "infra_compile_message": "کامپایل‌ زیرساخت"
   },
   "staff": {
     "technicalTeam": "تیم فنی",