test term

src/App.vue

@@ -60,7 +60,7 @@
 				</div>
 
 				<div class="card_kira_center">
-					<button v-on:click="cardoriginstatus" class="card_origin_status"><span class="icon-ai"></span></button> <button v-if="cards.data.filter((v) => v.skill == '3d' && (v.card >= 0 && v.card <= 14 || v.card == 64))[0]" v-on:click="glb_status = !glb_status"><i class="fa-solid fa-star-half-stroke"></i></button> <button v-if="model == true || cards.data.filter((v) => v.skill == 'model').length >= 1" v-on:click="vrmviewer" class="unity"><i class="fa-solid fa-cube" id="vrm_button"></i></button>
+					<button v-on:click="cardoriginstatus" class="card_origin_status"><span class="icon-ai"></span></button> <button v-if="cards.data.filter((v) => v.skill == '3d' && (v.card >= 0 && v.card <= 14 || v.card == 64))[0]" v-on:click="glb_status = !glb_status"><i class="fa-solid fa-star-half-stroke"></i></button> <button v-if="model == true || cards.data.filter((v) => v.skill == 'model').length >= 1" v-on:click="vrmviewer" class="unity"><i class="fa-solid fa-cube" id="vrm_button"></i></button> <button v-if="game == true" v-on:click="term_status = !term_status"><i class="fa-solid fa-terminal"></i></button>
 				</div>
 
 				<span class="card-fav" v-if="card_origin_status">
@@ -142,10 +142,19 @@
 					<model-viewer v-if="glb_next !== 0" class="ar" :src="'/obj/card_' + glb_next + '.glb'" ar-modes="scene-viewer webxr quick-look" auto-rotate autoplay ar camera-controls></model-viewer>
 					<model-viewer v-else class="ar" :src="'/obj/card_' + cards.data.filter((v) => v.skill == '3d' && (v.card >= 1 && v.card <= 14 || v.card == 64))[0].card + '.glb'" ar-modes="scene-viewer webxr quick-look" auto-rotate autoplay ar camera-controls></model-viewer>
 					<span v-for="(ii, index) in cards.data.filter((v) => v.skill == '3d' && (v.card >= 1 && v.card <= 14 || v.card == 64))" class="glb">
-						<img :src='"/card/card_" + ii.card + ".webp"' v-on:click="glb_next = ii.card">
+						<thead>
+							<tr>
+								<img :src='"/card/card_" + ii.card + ".webp"' v-on:click="glb_next = ii.card">
+							</tr>
+							<tr>{{ ii.cp }}</tr>
+						</thead>
 					</span>
 				</div>
 
+				<div class="term" v-if="term_status == true">
+					<iframe src="https://yui.syui.ai/term" allowfullscreen frameborder="0"></iframe>
+				</div>
+
 				<!-- 
 				first(ファースト) second(セカンド) third(サード) fourth(フォース) fifth(フィフス) sixth(スィクスス) seventh(セヴンス) eighth(エイトス) ninth(ナインス) tenth(テンス) eleventh(イレヴンス) twelfth(トウェルフス) thirteenth(サーティーンス) fifteenth(フィフティーンス) sixteenth(スィクスティーンス) seventeenth(セヴンティーンス) eighteenth(エイティーンス) nineteenth(ナインティーンス) twentieth(トウィンティイス)
 				-->
@@ -956,6 +965,7 @@ export default {
 			model_attack: null,
 			model_critical: null,
 			model_critical_d: null,
+			game: null,
 			game_lv: null,
 			api_url: null,
 			bsky_mode: false,
@@ -963,6 +973,7 @@ export default {
 			card_origin_status: false,
 			useragent: window.navigator.userAgent.toLowerCase(),
 			iframe_status: false,
+			term_status: false,
 			sort_key: null,
 		}
 	},
@@ -1013,6 +1024,7 @@ export default {
 					this.aiten = this.record.data.find((v) => v.username == loc).aiten;
 					this.bsky_mode = this.record.data.find((v) => v.username == loc).bsky;
 					this.user_fav = this.record.data.find((v) => v.username == loc).fav;
+					this.game = this.record.data.find((v) => v.username == loc).game;
 					this.game_lv = this.record.data.find((v) => v.username == loc).game_lv;
 					this.model_attack = this.record.data.find((v) => v.username == loc).model_attack;
 					this.model_critical = this.record.data.find((v) => v.username == loc).model_critical;
@@ -1823,7 +1835,7 @@ span.glb {
 blockquote.did {
 	background-color: #fff;
 	color: #000;
-
 	text-align: left;
 }
+
 </style>