update files

src/components/GamePage.vue

@@ -13,6 +13,10 @@ import type { Application, Game, Team } from '@/api/generated/crabs/evening_dete
 import { getURL } from '@/api/generated/crabs/evening_detective_server/client';
 import HeaderMenu from '@/components/HeaderMenu.vue'
 import { useSimplePolling } from '@/composables/useSimplePolling';
+import {
+    applicationFileType,
+    applicationFileURL,
+} from '@/utils/application';
 
 const client = getAuthClient()
 const router = useRouter()
@@ -124,7 +128,8 @@ const deletedTeam = ref<Team>({
 
 const giveApplicationApplication = ref<Application>({
     name: '',
-    image: ''
+    image: '',
+    file_type: ''
 })
 
 const url = window.location.href
@@ -447,10 +452,21 @@ useSimplePolling(() => {
                 <p>Команда</p>
                 <h3>{{ giveApplicationTeam.name }}</h3>
 
-
                 <p>Улика</p>
                 <h3>{{ giveApplicationApplication.name }}</h3>
 
+                <div v-if="applicationFileType(giveApplicationApplication) == 'image' && giveApplicationApplication.image"
+                    class="give-application-image-block">
+                    <img :src="applicationFileURL(giveApplicationApplication.image)" class="give-application-image" />
+                </div>
+                <audio v-else-if="applicationFileType(giveApplicationApplication) == 'audio' && giveApplicationApplication.image"
+                    :src="applicationFileURL(giveApplicationApplication.image)" controls preload="none"
+                    class="give-application-audio"></audio>
+                <a v-else-if="applicationFileType(giveApplicationApplication) == 'pdf' && giveApplicationApplication.image"
+                    :href="applicationFileURL(giveApplicationApplication.image)" target="_blank" rel="noopener"
+                    class="give-application-pdf-link">
+                    PDF
+                </a>
             </n-space>
             <template #footer>
                 <n-flex justify="end">
@@ -606,4 +622,28 @@ useSimplePolling(() => {
     background-color: white;
     padding: 12px;
 }
+
+.give-application-image-block {
+    margin: 10px 0 5px;
+    padding: 7px;
+    max-width: 320px;
+    background-image: url("@/assets/images/paper_white.jpg");
+    background-size: cover;
+    box-shadow: 0 3px 15px rgb(98 98 98);
+}
+
+.give-application-image {
+    width: 100%;
+}
+
+.give-application-audio {
+    width: 100%;
+    margin: 10px 0 5px;
+}
+
+.give-application-pdf-link {
+    display: inline-block;
+    margin: 10px 0 5px;
+    text-decoration: underline;
+}
 </style>