diff options
| author | こぴなたみぽ <syuilotan@yahoo.co.jp> | 2018-02-11 18:00:08 +0900 |
|---|---|---|
| committer | こぴなたみぽ <syuilotan@yahoo.co.jp> | 2018-02-11 18:00:08 +0900 |
| commit | 5aa433d67aa9df65e58b1cbbbac3ccac51b34b34 (patch) | |
| tree | 518ef1c8aefe02eb35a177687bd619ceeab324f4 /src/web | |
| parent | wip (diff) | |
| download | sharkey-5aa433d67aa9df65e58b1cbbbac3ccac51b34b34.tar.gz sharkey-5aa433d67aa9df65e58b1cbbbac3ccac51b34b34.tar.bz2 sharkey-5aa433d67aa9df65e58b1cbbbac3ccac51b34b34.zip | |
wip
Diffstat (limited to 'src/web')
| -rw-r--r-- | src/web/app/desktop/views/components/timeline-post.vue | 9 | ||||
| -rw-r--r-- | src/web/app/desktop/views/components/window.vue | 25 |
2 files changed, 25 insertions, 9 deletions
diff --git a/src/web/app/desktop/views/components/timeline-post.vue b/src/web/app/desktop/views/components/timeline-post.vue index 50c8ecf992..e4eaa8f793 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 0000000000..6961d9f08f --- /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> |