From 5aa433d67aa9df65e58b1cbbbac3ccac51b34b34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=93=E3=81=B4=E3=81=AA=E3=81=9F=E3=81=BF=E3=81=BD?=
 <syuilotan@yahoo.co.jp>
Date: Sun, 11 Feb 2018 18:00:08 +0900
Subject: [PATCH] wip

---
 .../views/components/timeline-post.vue        |  9 -------
 .../app/desktop/views/components/window.vue   | 25 +++++++++++++++++++
 2 files changed, 25 insertions(+), 9 deletions(-)
 create mode 100644 src/web/app/desktop/views/components/window.vue

diff --git a/src/web/app/desktop/views/components/timeline-post.vue b/src/web/app/desktop/views/components/timeline-post.vue
index 50c8ecf99..e4eaa8f79 100644
--- a/src/web/app/desktop/views/components/timeline-post.vue
+++ b/src/web/app/desktop/views/components/timeline-post.vue
@@ -172,9 +172,6 @@ export default Vue.extend({
 
 <script lang="typescript">
 
-
-this.isDetailOpened = false;
-
 this.reply = () => {
 	riot.mount(document.body.appendChild(document.createElement('mk-post-form-window')), {
 		reply: this.p
@@ -201,12 +198,6 @@ this.menu = () => {
 	});
 };
 
-this.toggleDetail = () => {
-	this.update({
-		isDetailOpened: !this.isDetailOpened
-	});
-};
-
 this.onKeyDown = e => {
 	let shouldBeCancel = true;
 
diff --git a/src/web/app/desktop/views/components/window.vue b/src/web/app/desktop/views/components/window.vue
new file mode 100644
index 000000000..6961d9f08
--- /dev/null
+++ b/src/web/app/desktop/views/components/window.vue
@@ -0,0 +1,25 @@
+<template>
+<div :data-flexible="isFlexible" @dragover="onDragover">
+	<div class="bg" ref="bg" v-show="isModal" @click="onBgClick"></div>
+	<div class="main" ref="main" tabindex="-1" :data-is-modal="isModal" @mousedown="onBodyMousedown" @keydown="onKeydown">
+		<div class="body">
+			<header ref="header" @mousedown="onHeaderMousedown">
+				<h1 data-yield="header"><yield from="header"/></h1>
+				<div>
+					<button class="popout" v-if="popoutUrl" @mousedown="repelMove" @click="popout" title="ポップアウト">%fa:R window-restore%</button>
+					<button class="close" v-if="canClose" @mousedown="repelMove" @click="close" title="閉じる">%fa:times%</button>
+				</div>
+			</header>
+			<div class="content" data-yield="content"><yield from="content"/></div>
+		</div>
+		<div class="handle top" v-if="canResize" @mousedown="onTopHandleMousedown"></div>
+		<div class="handle right" v-if="canResize" @mousedown="onRightHandleMousedown"></div>
+		<div class="handle bottom" v-if="canResize" @mousedown="onBottomHandleMousedown"></div>
+		<div class="handle left" v-if="canResize" @mousedown="onLeftHandleMousedown"></div>
+		<div class="handle top-left" v-if="canResize" @mousedown="onTopLeftHandleMousedown"></div>
+		<div class="handle top-right" v-if="canResize" @mousedown="onTopRightHandleMousedown"></div>
+		<div class="handle bottom-right" v-if="canResize" @mousedown="onBottomRightHandleMousedown"></div>
+		<div class="handle bottom-left" v-if="canResize" @mousedown="onBottomLeftHandleMousedown"></div>
+	</div>
+</div>
+</template>