https://pastein.ru/t/kbE
Загрузка данных
<div>Для быстрого обращения в репорт: /report.</div>
<div class="mt-10">Используя [Стрелка вверх] или [Стрелка вниз], можно листать прошлые сообщения чата.</div>
</div>
</mainmenu-helpitem>
<mainmenu-helpitem :header="'Как узнать имя человека?'" class="list-mt-10">
<div>
<div>1) Поздороваться с ним.</div>
<div class="ml-10">Через меню взаимодействия (G) предложить поздароваться.</div>
<div class="ml-10">Если человек согласится, Вы узнаете имена друг друга.</div>
</div>
</mainmenu-helpitem>
<mainmenu-helpitem :header="'Начальные работы'" class="list-mt-10">
<div>
<div>Начальные работы — способ заработать деньги без перестрелок.</div>
<div class="mt-5">Порт: устройтесь у прораба (E), возьмите ящик на красной метке, попадите клавишей в зелёную зону и сдайте груз. В F10 качается навык «Порт» — с уровнем больше денег за ящик.</div>
<div class="mt-5">Стройка: устройтесь у прораба (E), идите к красной зоне и жмите клавишу с экрана, пока шкала не заполнится. В F10 качается навык «Стройка» — с уровнем больше денег за участок.</div>
<div class="mt-10 yk-btn-h-list">
<button @click="setPointTo(-458.29, -2750.87)" class="yk-btn s-15 p-10-15 green">Порт</button>
<button @click="setPointTo(142.42, -377.21)" class="yk-btn s-15 p-10-15 green">Стройка</button>
</div>
</div>
</mainmenu-helpitem>
</div>
</div>
</div>
<div style="position: absolute; width: 550px; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 2;">
<div class="yk-text w-5 s-16 text-center" style="text-shadow: 0px 1px 2px #4B3FCF;">Не нашли ответ на вопрос?</div>
<div class="text-center mt-10">
<button @mousedown.prevent @click.stop="openWiki" class="yk-btn s-15 p-10-15 purple" style="width: 250px; text-shadow: 0px 1px 2px #4B3FCF;">ОТКРЫТЬ WIKI</button>
<button @click="bloodOpenReport()" class="yk-btn s-15 p-10-15 orange ml-5" style="width: 250px; text-shadow: 0px 1px 2px #4B3FCF;">НАПИСАТЬ В РЕПОРТ</button>
</div>
</div>
</div>
<div v-if="currentTab === 5" key="tab-settings" class="d-flex" :class="{'playerMenu-tab-settings--reticle': currentSettingTab === 4}" style="flex-shrink: 0; min-height: 500px; position: relative; overflow: hidden; width: 100%;">
<div class="d-flex column" style="flex: 0.25; align-self: flex-start; padding-top: 90px;">
<button @click="bloodSettingSubTab(0)" :class="{'orange': currentSettingTab === 0}" class="yk-btn s-14 p-10 w-100 list-mt-10">ИНТЕРФЕЙС</button>
<button @click="bloodSettingSubTab(4)" :class="{'orange': currentSettingTab === 4}" class="yk-btn s-14 p-10 w-100 list-mt-10">ПРИЦЕЛ</button>
<button @click="bloodSettingSubTab(1)" :class="{'orange': currentSettingTab === 1}" class="yk-btn s-14 p-10 w-100 list-mt-10">УПРАВЛЕНИЕ</button>
<button @click="bloodSettingSubTab(2)" :class="{'orange': currentSettingTab === 2}" class="yk-btn s-14 p-10 w-100 list-mt-10">ПРОМОКОД</button>
<button @click="bloodSettingSubTab(5)" :class="{'orange': currentSettingTab === 5}" class="yk-btn s-14 p-10 w-100 list-mt-10">ДРУГОЕ</button>
</div>
<div class="yk-scroll playerMenu-scroll d-flex flex-1 ml-10" :class="{'playerMenu-settings-panel--chat': currentSettingTab === 3, 'playerMenu-settings-panel--reticle': currentSettingTab === 4 || currentSettingTab === 5, 'playerMenu-settings-panel--hitmarker': currentSettingTab === 5}" style="height: 500px;">
<div v-if="currentSettingTab === 0" class="d-flex">
<div class="flex-1">
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Показывать подсказки</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.enableHelpBox" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Показывать задания</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.enableQuestBox" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Показывать имена игроков</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.enableNametags" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Отображать HUD</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.showUI" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Отображать кнопку взаимодействия</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.enableTargetMenuRender" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Скрытие миникарты</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.hideMinimap" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
</div>
<div class="flex-1 ml-10">
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Микрофон</div>
<div class="playerMenu-setting-value">
<button @click="settingReloadVoice();" class="yk-btn s-15 p-10-15">{{ flowGetVoiceReloadKeyName() }}</button>
</div>
</div>
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Голосовой чат</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.enableVoiceChat" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Скрыть чат</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.hideChat" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
<div class="playerMenu-setting-line">
<div class="playerMenu-setting-text">Скрыть маркер выхода</div>
<div class="playerMenu-setting-value">
<div class="playerMenu-setting-checkbox-block">
<input v-model="currentSetting.hideDisconnectMarker" @change="settingChange();" type="checkbox" class="playerMenu-setting-checkbox">
</div>
</div>
</div>
</div>
</div>
<div v-if="currentSettingTab === 1">
<div v-if="binderDataGroups && binderDataGroups.length" v-for="group in binderDataGroups" :key="group.title" style="width: 100%; margin-bottom: 12px;">
<div class="yk-text w-5 s-15" style="color: #A3C7F1; margin-bottom: 8px; font-weight: 600;">{{ group.title }}</div>
<div v-for="b in group.items" :key="b.action" style="padding: 0px 5px 5px 0px; display: inline-block;">
<div class="playerMenu-setting-line playerMenu-setting-line-inline" style="width: 335px; position: relative;">
<div class="playerMenu-setting-text" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); text-align: left; width: 200px;">{{ b.desc }}</div>
<div class="playerMenu-setting-value">
<div
@mousedown.prevent
@click.stop="bloodSelectBinder(b.index)"
class="yk-text w-6"
style="
display: flex; align-items: center;
justify-content: center;
width: 128px;
height: 40px;
background: rgba(56, 90, 130, 0.3);
border-radius: 4px;
box-sizing: content-box;
cursor: pointer;"
:style="{'border': b.index == binderSelectKey ? '0.5px solid #0e7eea' : '0.5px solid transparent', 'font-size': ((b.keyName || '').length < 9 ? 14 : 12) + 'px'}">
{{ b.keyName || '-' }}
</div>
</div>
</div>
</div>
</div>
<div v-if="!(binderDataGroups && binderDataGroups.length)" v-for="(b, index) in (binderData || [])" :key="b.action || index" style="padding: 0px 5px 5px 0px; display: inline-block;">
<div class="playerMenu-setting-line playerMenu-setting-line-inline" style="width: 335px; position: relative;">
<div class="playerMenu-setting-text" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); text-align: left; width: 200px;">{{ b.desc }}</div>
<div class="playerMenu-setting-value">
<div
@mousedown.prevent
@click.stop="bloodSelectBinder(b.index != null ? b.index : index)"
class="yk-text w-6"
style="
display: flex; align-items: center;
justify-content: center;
width: 128px;
height: 40px;
background: rgba(56, 90, 130, 0.3);
border-radius: 4px;
box-sizing: content-box;
cursor: pointer;"
:style="{'border': (b.index != null ? b.index : index) == binderSelectKey ? '0.5px solid #0e7eea' : '0.5px solid transparent', 'font-size': ((b.keyName || '').length < 9 ? 14 : 12) + 'px'}">
{{ b.keyName || '-' }}
</div>
</div>
</div>
</div>
</div>
<div v-if="currentSettingTab === 2" class="d-flex flex-1" style="position: relative; width: 100%; height: 100%; min-height: 0; overflow: hidden; align-items: center; justify-content: center;">
<div style="background: rgba(22, 26, 48, 0.4); border-radius: 8px; padding: 25px 30px 50px 30px; position: relative; z-index: 2; margin-right: 200px;">
<div class="yk-text w-7 s-18">ВВЕДИТЕ ПРОМОКОД</div>
<div class="yk-input-block mt-10" style="background: #111E37; border-radius: 4px;">
<input v-model="settingPromoForm" class="yk-input center" placeholder="Промокод" @keydown.enter.prevent="enterPromo(settingPromoForm)">
</div>