summaryrefslogtreecommitdiff
path: root/src/server/web/app/common/views/widgets/rss.vue
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-03-29 20:32:18 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-03-29 20:32:18 +0900
commitcf33e483f7e6f40e8cbbbc0118a7df70bdaf651f (patch)
tree318279530d3392ee40d91968477fc0e78d5cf0f7 /src/server/web/app/common/views/widgets/rss.vue
parentUpdate .travis.yml (diff)
downloadmisskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.tar.gz
misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.tar.bz2
misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.zip
整理した
Diffstat (limited to 'src/server/web/app/common/views/widgets/rss.vue')
-rw-r--r--src/server/web/app/common/views/widgets/rss.vue93
1 files changed, 0 insertions, 93 deletions
diff --git a/src/server/web/app/common/views/widgets/rss.vue b/src/server/web/app/common/views/widgets/rss.vue
deleted file mode 100644
index 4d74b2f7a4..0000000000
--- a/src/server/web/app/common/views/widgets/rss.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-<div class="mkw-rss" :data-mobile="isMobile">
- <mk-widget-container :show-header="!props.compact">
- <template slot="header">%fa:rss-square%RSS</template>
- <button slot="func" title="設定" @click="setting">%fa:cog%</button>
-
- <p :class="$style.fetching" v-if="fetching">%fa:spinner .pulse .fw%%i18n:common.loading%<mk-ellipsis/></p>
- <div :class="$style.feed" v-else>
- <a v-for="item in items" :href="item.link" target="_blank">{{ item.title }}</a>
- </div>
- </mk-widget-container>
-</div>
-</template>
-
-<script lang="ts">
-import define from '../../../common/define-widget';
-export default define({
- name: 'rss',
- props: () => ({
- compact: false
- })
-}).extend({
- data() {
- return {
- url: 'http://news.yahoo.co.jp/pickup/rss.xml',
- items: [],
- fetching: true,
- clock: null
- };
- },
- mounted() {
- this.fetch();
- this.clock = setInterval(this.fetch, 60000);
- },
- beforeDestroy() {
- clearInterval(this.clock);
- },
- methods: {
- func() {
- this.props.compact = !this.props.compact;
- },
- fetch() {
- fetch(`https://api.rss2json.com/v1/api.json?rss_url=${this.url}`, {
- cache: 'no-cache'
- }).then(res => {
- res.json().then(feed => {
- this.items = feed.items;
- this.fetching = false;
- });
- });
- },
- setting() {
- alert('not implemented yet');
- }
- }
-});
-</script>
-
-<style lang="stylus" module>
-.feed
- padding 12px 16px
- font-size 0.9em
-
- > a
- display block
- padding 4px 0
- color #666
- border-bottom dashed 1px #eee
-
- &:last-child
- border-bottom none
-
-.fetching
- margin 0
- padding 16px
- text-align center
- color #aaa
-
- > [data-fa]
- margin-right 4px
-
-&[data-mobile]
- .feed
- padding 0
- font-size 1em
-
- > a
- padding 8px 16px
-
- &:nth-child(even)
- background rgba(0, 0, 0, 0.05)
-
-</style>