From 47599f000a981c980c6cf1ce55442d81b56ffe9f Mon Sep 17 00:00:00 2001 From: Hide_D Date: Fri, 15 Apr 2022 02:36:42 +0900 Subject: [PATCH] =?UTF-8?q?refac:=20=EB=AA=85=EC=9E=A5=EC=9D=BC=EB=9E=8C,?= =?UTF-8?q?=20=EB=AA=85=EC=98=88=EC=9D=98=20=EC=A0=84=EB=8B=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- hwe/a_bestGeneral.php | 48 ++++++-------- hwe/a_hallOfFame.php | 35 +++++------ hwe/b_battleCenter.php | 2 +- hwe/scss/battleCenter.scss | 2 - hwe/scss/hallOfFame.scss | 114 ++++++++++++++++++++++++++++++++++ hwe/templates/hallOfFrame.php | 53 +++++++++------- hwe/ts/bestGeneral.ts | 10 +++ hwe/ts/build_exports.json | 1 + hwe/ts/hallOfFame.ts | 12 +++- 9 files changed, 198 insertions(+), 79 deletions(-) create mode 100644 hwe/scss/hallOfFame.scss create mode 100644 hwe/ts/bestGeneral.ts diff --git a/hwe/a_bestGeneral.php b/hwe/a_bestGeneral.php index 37967b4d..09087fa6 100644 --- a/hwe/a_bestGeneral.php +++ b/hwe/a_bestGeneral.php @@ -24,32 +24,26 @@ $templates = new \League\Plates\Engine(__DIR__ . '/templates'); - + <?= UniqueConst::$serverName ?>: 명장일람 - - + - - - - -
명 장 일 람
- - - - - - -
- +
+
+
명 장 일 람
+
+
+
+ -
-
+ +
+ array_slice($typeGenerals, 0, min(10, $validCnt)) ]); } - ?> - -
- '명 마', @@ -369,15 +359,13 @@ $templates = new \League\Plates\Engine(__DIR__ . '/templates'); ]); } ?> +
+
+
+
+
+
- - - - - - - -
\ No newline at end of file diff --git a/hwe/a_hallOfFame.php b/hwe/a_hallOfFame.php index 68c573c4..2de3968c 100644 --- a/hwe/a_hallOfFame.php +++ b/hwe/a_hallOfFame.php @@ -44,22 +44,21 @@ if ($scenarioIdx && key_exists($scenarioIdx, $scenarioList[$seasonIdx] ?? [])) { - + <?= UniqueConst::$serverName ?>: 명예의 전당 - - - - - - - - -
명 예 의 전 당
+
+
+
명 예 의 전 당
+
+
+
시나리오 검색 : -
-
+
+ ['명 성', 'int'], @@ -156,15 +153,13 @@ if ($scenarioIdx && key_exists($scenarioIdx, $scenarioList[$seasonIdx] ?? [])) { ]); } ?> +
+
+
+
+
+
- - - - - - - -
\ No newline at end of file diff --git a/hwe/b_battleCenter.php b/hwe/b_battleCenter.php index 2c26e4e2..e753a777 100644 --- a/hwe/b_battleCenter.php +++ b/hwe/b_battleCenter.php @@ -122,7 +122,7 @@ $showGeneral = General::createGeneralObjFromDB($gen); - + diff --git a/hwe/scss/battleCenter.scss b/hwe/scss/battleCenter.scss index b639deb3..38b39304 100644 --- a/hwe/scss/battleCenter.scss +++ b/hwe/scss/battleCenter.scss @@ -11,8 +11,6 @@ border-right: solid 1px gray; border-top: solid 1px gray; } - - } } @include media-500px{ diff --git a/hwe/scss/hallOfFame.scss b/hwe/scss/hallOfFame.scss new file mode 100644 index 00000000..cc44d043 --- /dev/null +++ b/hwe/scss/hallOfFame.scss @@ -0,0 +1,114 @@ +@import "./common/bootstrap5.scss"; +@import "./common_legacy.scss"; + +@include media-1000px{ + #container { + width: 1000px; + margin: 0 auto; + font-size: 14px; + } +} +@include media-500px{ + body { + overflow-x: hidden; + } + + #container { + width: 500px; + margin: 0 auto; + margin-bottom: 100px; + font-size: 14px; + } +} + +.rankView { + margin:auto; + position:relative; +} + +.rankView h3{ + text-align:center; + margin:0; + padding:2px; + border-bottom:1px solid gray; +} + +.rankView ul{ + list-style:none; + margin:0; + padding:0; + box-sizing: border-box; + margin-top:-1px; + margin-bottom:-1px; +} + +.rankView li{ + flex: 0 0 auto; + width: 100px; + vertical-align: top; + height:149px; + text-align:center; + border-right:1px solid gray; + border-top:1px solid gray; + margin:0; + box-sizing: border-box; +} + +.rankView li.no_value{ + height:128px; +} + +.rankView li.has_server { + height:168px; +} + +.rankView li.no_value.has_server { + height:146px; +} + +.rankView .hall_server{ + border-top:1px solid gray; +} + +.rankView .tooltip .tooltiptext{ + width:220px; + margin-left: -110px; +} + + + +.rankView .no_value .hall_value{ + display:none; +} + +.rankView .hall_nation{ + font-size:11px; + border-top:1px solid gray; + border-bottom:1px solid gray; +} + +.rankView .hall_name{ + display: flex; + justify-content: center; + flex-direction: column; + resize: vertical; + font-size:11px; + height:28px; +} + +.rankView .hall_name p{ + padding:0; + margin:0; +} + +.rankView .hall_owner{ + font-size:95%; +} + +.rankView .hall_value{ + line-height:13px; + box-sizing: border-box; + border-top:1px solid gray; + padding-top:3px; + padding-bottom:3px; +} \ No newline at end of file diff --git a/hwe/templates/hallOfFrame.php b/hwe/templates/hallOfFrame.php index a43f25de..ea20539c 100644 --- a/hwe/templates/hallOfFrame.php +++ b/hwe/templates/hallOfFrame.php @@ -1,26 +1,33 @@
-

- + +
\ No newline at end of file diff --git a/hwe/ts/bestGeneral.ts b/hwe/ts/bestGeneral.ts new file mode 100644 index 00000000..2cae1580 --- /dev/null +++ b/hwe/ts/bestGeneral.ts @@ -0,0 +1,10 @@ +import "@scss/hallOfFame.scss"; + +import { auto500px } from "./util/auto500px"; +import { insertCustomCSS } from "./util/customCSS"; +import { htmlReady } from "./util/htmlReady"; + +auto500px(); +htmlReady(() => { + insertCustomCSS(); +}); \ No newline at end of file diff --git a/hwe/ts/build_exports.json b/hwe/ts/build_exports.json index a706f584..20a1c1ce 100644 --- a/hwe/ts/build_exports.json +++ b/hwe/ts/build_exports.json @@ -6,6 +6,7 @@ "install": "install.ts", "battle_simulator": "battle_simulator.ts", "battleCenter": "battleCenter.ts", + "bestGeneral": "bestGeneral.ts", "recent_map": "recent_map.ts", "select_npc": "select_npc.ts", "betting": "betting.ts", diff --git a/hwe/ts/hallOfFame.ts b/hwe/ts/hallOfFame.ts index eb6fefd8..b6a4f0ec 100644 --- a/hwe/ts/hallOfFame.ts +++ b/hwe/ts/hallOfFame.ts @@ -1,9 +1,15 @@ +import "@scss/hallOfFame.scss"; + import $ from 'jquery'; import { stringifyUrl } from 'query-string'; import { initTooltip } from "@/legacy/initTooltip"; -import 'bootstrap'; +import { auto500px } from './util/auto500px'; +import { htmlReady } from './util/htmlReady'; +import { insertCustomCSS } from './util/customCSS'; -$(function ($) { +auto500px(); + +htmlReady(() => { $('#by_scenario').on('change', function (e) { e.preventDefault(); @@ -18,6 +24,6 @@ $(function ($) { } }); }) - initTooltip(); + insertCustomCSS(); }); \ No newline at end of file