up

src/components/GamePage.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Flag, Pause, Play, Reset, Trophy } from '@vicons/carbon'
 import { Icon } from '@vicons/utils'
-import { NButton, NTag } from 'naive-ui'
+import { NAlert, NButton, NTag } from 'naive-ui'
 import {
   NCard,
   NFlex,
@@ -107,6 +107,7 @@ const game = ref<Game>({
   location: undefined,
   scenario: undefined,
   teams: undefined,
+  export: undefined,
 })
 const participationOptions = [
   { label: 'Ожидает ответа', value: 'pending' },
@@ -782,6 +783,18 @@ useSimplePolling(() => {
 <template>
   <div class="center-block-custom">
     <div class="width1200">
+      <UiBlock v-if="game.export?.state === 'preparing' || game.export?.state === 'ready'">
+        <n-alert
+          type="info"
+          :title="game.export.state === 'ready' ? 'Игра в офлайн-режиме' : 'Подготовка офлайн-пакета'"
+        >
+          {{
+            game.export.state === 'ready'
+              ? 'Изменения на онлайн-сервере не синхронизируются с офлайн-площадкой.'
+              : 'Создаётся пакет для офлайн-площадки.'
+          }}
+        </n-alert>
+      </UiBlock>
       <n-tabs :value="activeTab" type="line" animated @update:value="setActiveTab">
         <n-tab-pane name="settings" tab="Настройки">
           <div class="game-tab-content">