mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-23 16:03:09 +02:00
wip
This commit is contained in:
parent
4f2041c1d9
commit
5aa433d67a
2 changed files with 25 additions and 9 deletions
|
@ -172,9 +172,6 @@ export default Vue.extend({
|
||||||
|
|
||||||
<script lang="typescript">
|
<script lang="typescript">
|
||||||
|
|
||||||
|
|
||||||
this.isDetailOpened = false;
|
|
||||||
|
|
||||||
this.reply = () => {
|
this.reply = () => {
|
||||||
riot.mount(document.body.appendChild(document.createElement('mk-post-form-window')), {
|
riot.mount(document.body.appendChild(document.createElement('mk-post-form-window')), {
|
||||||
reply: this.p
|
reply: this.p
|
||||||
|
@ -201,12 +198,6 @@ this.menu = () => {
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
this.toggleDetail = () => {
|
|
||||||
this.update({
|
|
||||||
isDetailOpened: !this.isDetailOpened
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
this.onKeyDown = e => {
|
this.onKeyDown = e => {
|
||||||
let shouldBeCancel = true;
|
let shouldBeCancel = true;
|
||||||
|
|
||||||
|
|
25
src/web/app/desktop/views/components/window.vue
Normal file
25
src/web/app/desktop/views/components/window.vue
Normal file
|
@ -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>
|
Loading…
Reference in a new issue