1export default { 2 template:` 3 <div class="entrance_games_theme-2 d-flex pt-2" style="min-height:420px;"> 4 <ul class="menu_games ps-0" id="menuTypeGame_theme2"> 5 6 7 <li class="menu_item p-2 d-flex flex-column 8 justify-content-center align-items-center" 9 :class="{ active : is_active_tab === 'slot',loading }" 10 11 @click="onChangeTab('slot')" 12 13 > 14 <img class="menu-icon" src="/assets/img/icon/menu/mini_slot.svg" alt="" style="position:relative; left:2px"> 15 <span class="menu-name lh-1 pt-1 small fw-light text-white">สลà¹à¸à¸</span> 16 17 </li> 18 19 20 <li class="menu_item p-2 d-flex flex-column 21 justify-content-center align-items-center" 22 :class="{ active : is_active_tab === 'fish',loading }" 23 24 @click="onChangeTab('fish')" 25 26 > 27 <img class="menu-icon" src="/assets/img/icon/menu/mini_fish.svg" alt="" style=""> 28 <span class="menu-name lh-1 pt-1 small fw-light text-white">ยิà¸à¸à¸¥à¸²</span> 29 30 </li> 31 32 33 <li class="menu_item p-2 d-flex flex-column 34 justify-content-center align-items-center" 35 :class="{ active : is_active_tab === 'baccarat',loading }" 36 37 @click="onChangeTab('baccarat')" 38 39 > 40 <img class="menu-icon" src="/assets/img/icon/menu/mini_baccarat.svg" alt="" style=""> 41 <span class="menu-name lh-1 pt-1 small fw-light text-white">à¸à¸²à¸à¸²à¸£à¹à¸²</span> 42 43 </li> 44 45 46 <li class="menu_item p-2 d-flex flex-column 47 justify-content-center align-items-center" 48 :class="{ active : is_active_tab === 'lotto',loading }" 49 50 @click="$root.play({vendor:'lotto',new_tab: false })" 51 52 > 53 <img class="menu-icon" src="/assets/img/icon/menu/mini_lotto.svg" alt="" style=""> 54 <span class="menu-name lh-1 pt-1 small fw-light text-white">à¹à¸à¸à¸«à¸§à¸¢</span> 55 56 </li> 57 58 59 <li class="menu_item p-2 d-flex flex-column 60 justify-content-center align-items-center" 61 :class="{ active : is_active_tab === 'sport',loading }" 62 63 @click="onChangeTab('sport')" 64 65 > 66 <img class="menu-icon" src="/assets/img/icon/menu/mini_sport.svg" alt="" style=""> 67 <span class="menu-name lh-1 pt-1 small fw-light text-white">à¹à¸à¸à¸à¸à¸¥</span> 68 69 </li> 70 71 72 <li class="menu_item p-2 d-flex flex-column 73 justify-content-center align-items-center" 74 :class="{ active : is_active_tab === 'poker',loading }" 75 76 @click="onChangeTab('poker')" 77 78 > 79 <img class="menu-icon" src="/assets/img/icon/menu/mini_poker.svg" alt="" style=""> 80 <span class="menu-name lh-1 pt-1 small fw-light text-white">à¹à¸à¹à¸à¹à¸à¸à¸£à¹</span> 81 82 </li> 83 84 85 <li class="menu_item p-2 d-flex flex-column 86 justify-content-center align-items-center" 87 :class="{ active : is_active_tab === 'card',loading }" 88 89 @click="onChangeTab('card')" 90 91 > 92 <img class="menu-icon" src="/assets/img/icon/menu/mini_card.svg" alt="" style=""> 93 <span class="menu-name lh-1 pt-1 small fw-light text-white">à¹à¸à¸¡à¹à¸à¹</span> 94 95 </li> 96 97 98 <li class="menu_item p-2 d-flex flex-column 99 justify-content-center align-items-center" 100 :class="{ active : is_active_tab === 'keno',loading }" 101 102 @click="onChangeTab('keno')" 103 104 > 105 <img class="menu-icon" src="/assets/img/icon/menu/mini_keno.svg" alt="" style=""> 106 <span class="menu-name lh-1 pt-1 small fw-light text-white">à¸à¸µà¹à¸à¹</span> 107 108 </li> 109 110 111 <li class="menu_item p-2 d-flex flex-column 112 justify-content-center align-items-center" 113 :class="{ active : is_active_tab === 'trade',loading }" 114 115 @click="onChangeTab('trade')" 116 117 > 118 <img class="menu-icon" src="/assets/img/icon/menu/mini_trade.svg" alt="" style="">
119 <span class="menu-name lh-1 pt-1 small fw-light text-white">à¹à¸à¸£à¸</span> 120 121 </li> 122 123 <li class="menu_item p-2 d-flex flex-column justify-content-center align-items-center" v-if="member_style.game_slot_formula_active" 124 @click="onChangeTab('formula_slot')" 125 :class="{ active : is_active_tab === 'formula_slot',loading }"> 126 <img class="menu-icon" src="/assets/img/icon/menu/mini_formula_slot.svg" alt="" style="position:relative; left:2px"> 127 <span class="menu-name lh-1 pt-1 small fw-light text-white">สูà¸à¸£à¸ªà¸¥à¹à¸à¸</span> 128 </li> 129 </ul> 130 <div class="list_games_wrapper col ps-3 position-relative" :style="{ height: menuHeight,minHeight: '420px' }"> 131 <div class="title-provider-name text-center d-flex justify-content-center" v-if="(contains(is_active_tab,['slot','baccarat','poker']) && is_active_vendor) || is_active_tab == 'slot'"> 132 <span class="text-content title py-1 lead">{{ $root.convertGameName(is_active_vendor || (is_active_tab === 'slot' ? 'slot' : is_active_vendor)) }}</span> 133 <button class="btn-back-to-provider reset-btn" v-if="contains(is_active_tab,['slot']) && is_active_vendor" @click="is_active_vendor = false;"><i class="bi bi-arrow-left"></i></button> 134 </div> 135 <ul class="list_providers w-100 d-flex justify-content-center list-unstyled" 136 :class="{ loading,'sub-list' : is_active_tab === 'slot' }" 137 :style="{ maxHeight: menuHeight }" 138 v-if="contains(is_active_tab,['slot']) && !is_active_vendor"> 139 <li class="provider_item d-flex flex-column" 140 141 v-for="pv in providers_item" @click="getGameList(pv.type,pv.code)" :key="pv.type"> 142 <div class="game-title w-100 text-content text-center" v-html="pv.title"></div> 143 <img :src="pv.logo_src" class="game-img w-100" alt=""> 144 </li> 145 </ul> 146 <ul class="list_games w-100 d-flex justify-content-center list-unstyled" 147 :class="{ 'sub-list' : is_active_vendor}" 148 :style="{ maxHeight: menuHeight }" v-else> 149 <li class="game_item d-flex flex-column" 150 v-for="(game,index) in games_item" 151 :class="{ 'animate__animated animate__bounce animate__infinite': game.perc==100 }" 152 @click="$root.play(game)"> 153 <div class="game-title w-100 text-content text-center" v-html="game.title"></div> 154 <img :src="game.logo_src" class="game-img w-100" alt=""> 155 <div class="progress" v-if="typeof game.perc!=='undefined' && show_formula_slot"> 156 <div class="progress-bar progress-bar-striped progress-bar-animated" :class="{'bg-success': game.perc==100, 'bg-danger': game.perc < 30, 'bg-warning': game.perc > 30 && game.perc < 70}" role="progressbar" :style="{'width': game.perc+'%'}" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">{{game.perc}}%</div> 157 </div> 158 <div class="d-flex justify-content-center" v-if="is_active_tab !== 'baccarat'"> 159 <button class="py-1 btn btn-custom-primary btn-play d-flex justify-content-center align-items-center"><i class="bi bi-controller me-1"></i> à¹à¸¥à¹à¸</button> 160 </div> 161 <li> 162 </ul> 163 </div> 164 </div> 165 `, 166 data(){ 167 return { 168 is_active_tab:'', 169 is_active_vendor:false, 170 show_formula_slot:false, 171 providers_item:[], 172 games_item:[], 173 menuHeight:'0px', 174 loading:false 175 } 176 }, 177 methods:{ 178 onChangeTab(gameType){ 179 180 this.is_active_tab = gameType; 181 if(gameType == 'slot' || gameType == 'formula_slot'){ 182 this.getProviderList(gameType); 183 }else{ 184 this.getGameList(gameType,gameType); 185 } 186 }, 187 async getProviderList(gameType = false){ 188 189 if(!gameType) return; 190 this.is_active_tab = gameType; 191 if(gameType === 'slot') this.show_formula_slot = false;
192 if(gameType === 'formula_slot'){ 193 this.show_formula_slot = true; 194 gameType = 'slot'; 195 } 196 197 this.is_active_vendor = false; 198 this.loading = true; 199 let list = await this.$root.easy.callApi('game_list', { type: gameType}); 200 setTimeout(() => {this.loading = false;}, 100); 201 if (!list.success) return modal.error('à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¹à¸²à¹à¸¥à¹à¸à¹à¸à¸¡à¹à¸à¹à¹à¸à¸à¸à¸°à¸à¸µà¹ à¹à¸à¸¡à¸à¸²à¸à¸à¸´à¸à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸à¸±à¹à¸§à¸à¸£à¸²à¸§!', 'à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¹à¸²à¹à¸¥à¹à¸à¹à¸à¸¡'); 202 this.providers_item = list.data; 203 }, 204 async getGameList(type,vendor = false){ 205 this.is_active_vendor = vendor; 206 let list = await this.$root.easy.callApi('game_list', { type,vendor }); 207 if (!list.success) return modal.error('à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¹à¸²à¹à¸¥à¹à¸à¹à¸à¸¡à¹à¸à¹à¹à¸à¸à¸à¸°à¸à¸µà¹ à¹à¸à¸¡à¸à¸²à¸à¸à¸´à¸à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸à¸±à¹à¸§à¸à¸£à¸²à¸§!', 'à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¹à¸²à¹à¸¥à¹à¸à¹à¸à¸¡'); 208 this.games_item = list.data; 209 }, 210 contains(target, pattern){ 211 let value = 0; 212 pattern.forEach(function(word){ 213 value = value + target.includes(word); 214 }); 215 return (value === 1) 216 } 217 }, 218 created(){ 219 this.$root.game_theme.type = 2; 220 this.getProviderList('slot'); 221 }, 222 mounted(){ 223 setTimeout(()=>{ 224 let el_menu = document.querySelector('#menuTypeGame_theme2') 225 let menuStyle = window.getComputedStyle(el_menu); 226 this.menuHeight = menuStyle.height; 227 },800) 228 } 229}
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.