forked from devsam/core
Hide_D
4f4533e533
- eslint에 prettier 조합 - prettierrc에 width 120, tabWidth 2 - gameStor->map_theme 제거 - map_theme, mapTheme를 GameConst::$mapName으로 대체 - eslint에서 vue/vue3-essential 대신 vue3-recommended 적용 - vue/max-attributes-per-line 완화 - vue/v-on-event-hyphenation 해제 - vue/attribute-hyphenation 해제 - 일부 tsc import type warning 해결 - 일부 vue template type warning 해결 - 일부 vue SFC를 script setup으로 변경 - TipTap - TopBackBar - BottomBackBar - BoardArticle - ProcessCity
101 lines
2.0 KiB
Vue
101 lines
2.0 KiB
Vue
<template>
|
|
<div class="bg0 back_bar">
|
|
<button type="button" class="btn btn-sammo-base2 back_btn" @click="back">돌아가기</button
|
|
><button v-if="reloadable" type="button" class="btn btn-sammo-base2 reload_btn" @click="reload">갱신</button>
|
|
<div v-else />
|
|
<h2 class="title">
|
|
{{ title }}
|
|
</h2>
|
|
<div> </div>
|
|
<b-button
|
|
v-if="toggleSearch !== undefined"
|
|
class="btn-toggle-zoom"
|
|
:variant="toggleSearch ? 'info' : 'secondary'"
|
|
:pressed="toggleSearch"
|
|
@click="toggleSearch = !toggleSearch"
|
|
>
|
|
{{ toggleSearch ? "검색 켜짐" : "검색 꺼짐" }}
|
|
</b-button>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import "@scss/game_bg.scss";
|
|
import { type PropType, ref, watch } from "vue";
|
|
import VueTypes from "vue-types";
|
|
|
|
const props = defineProps({
|
|
title: VueTypes.string.isRequired,
|
|
type: {
|
|
type: String as PropType<"normal" | "chief" | "close">,
|
|
default: "normal",
|
|
required: false,
|
|
},
|
|
searchable: {
|
|
type: Boolean,
|
|
default: undefined,
|
|
required: false,
|
|
},
|
|
reloadable: {
|
|
type: Boolean,
|
|
default: undefined,
|
|
required: false,
|
|
},
|
|
});
|
|
|
|
const emit = defineEmits(["update:searchable", "reload"]);
|
|
|
|
const toggleSearch = ref(props.searchable);
|
|
|
|
watch(toggleSearch, (val) => {
|
|
emit("update:searchable", val);
|
|
});
|
|
|
|
function back() {
|
|
if (props.type === "normal") {
|
|
location.href = "./";
|
|
} else if (props.type == "chief") {
|
|
location.href = "v_chiefCenter.php";
|
|
} else {
|
|
//TODO: window.close하려면 부모창이 있어야함!
|
|
window.close();
|
|
}
|
|
}
|
|
function reload() {
|
|
emit("reload");
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.back_bar {
|
|
max-width: 1000px;
|
|
width: 100%;
|
|
margin: auto;
|
|
display: grid;
|
|
grid-template-columns: 80px 80px 1fr 80px 80px;
|
|
position: relative;
|
|
height: 24pt;
|
|
}
|
|
|
|
.reload_btn {
|
|
height: 24pt;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.back_btn {
|
|
height: 24pt;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.btn-toggle-zoom {
|
|
height: 24pt;
|
|
}
|
|
|
|
.title {
|
|
text-align: center;
|
|
line-height: 24pt;
|
|
font-size: 18pt;
|
|
margin: 0;
|
|
}
|
|
</style>
|