summaryrefslogtreecommitdiff
path: root/src/web
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-02-15 00:33:07 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-02-15 00:33:07 +0900
commita89aea142b75cd6eafd969752a197ca07f99f04d (patch)
tree445d9dc42390639d9eebb4325a646f0abafcc984 /src/web
parentwip (diff)
downloadsharkey-a89aea142b75cd6eafd969752a197ca07f99f04d.tar.gz
sharkey-a89aea142b75cd6eafd969752a197ca07f99f04d.tar.bz2
sharkey-a89aea142b75cd6eafd969752a197ca07f99f04d.zip
wip
Diffstat (limited to 'src/web')
-rw-r--r--src/web/app/desktop/-tags/detailed-post-window.tag80
1 files changed, 0 insertions, 80 deletions
diff --git a/src/web/app/desktop/-tags/detailed-post-window.tag b/src/web/app/desktop/-tags/detailed-post-window.tag
deleted file mode 100644
index 6803aeacfd..0000000000
--- a/src/web/app/desktop/-tags/detailed-post-window.tag
+++ /dev/null
@@ -1,80 +0,0 @@
-<mk-detailed-post-window>
- <div class="bg" ref="bg" @click="bgClick"></div>
- <div class="main" ref="main" v-if="!fetching">
- <mk-post-detail ref="detail" post={ post }/>
- </div>
- <style lang="stylus" scoped>
- :scope
- display block
- opacity 0
-
- > .bg
- display block
- position fixed
- z-index 1000
- top 0
- left 0
- width 100%
- height 100%
- background rgba(0, 0, 0, 0.7)
-
- > .main
- display block
- position fixed
- z-index 1000
- top 20%
- left 0
- right 0
- margin 0 auto 0 auto
- padding 0
- width 638px
- text-align center
-
- > mk-post-detail
- margin 0 auto
-
- </style>
- <script lang="typescript">
- import * as anime from 'animejs';
-
- this.mixin('api');
-
- this.fetching = true;
- this.post = null;
-
- this.on('mount', () => {
- anime({
- targets: this.root,
- opacity: 1,
- duration: 100,
- easing: 'linear'
- });
-
- this.api('posts/show', {
- post_id: this.opts.post
- }).then(post => {
-
- this.update({
- fetching: false,
- post: post
- });
- });
- });
-
- this.close = () => {
- this.$refs.bg.style.pointerEvents = 'none';
- this.$refs.main.style.pointerEvents = 'none';
- anime({
- targets: this.root,
- opacity: 0,
- duration: 300,
- easing: 'linear',
- complete: () => this.$destroy()
- });
- };
-
- this.bgClick = () => {
- this.close();
- };
- </script>
-</mk-detailed-post-window>