Local-GitHub-Proxy/Sub-Store
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/sub-store-org/Sub-Store.git synced 2026-04-04 00:03:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add some components

Browse Source
This commit is contained in:
Peng-YM
2020-08-23 12:25:02 +08:00
parent 0a11261eee
commit 8cec472812
9 changed files with 252 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
web/src/views/Subscription.vue
View File

@@ -1,33 +1,53 @@
<template>
<v-container fluid>
<v-spacer></v-spacer>
<v-list inset dense>
<v-list dense>
<v-subheader>单个订阅</v-subheader>
<v-list-item
v-for="item in subscriptions"
:key="item.name"
v-for="sub in subscriptions"
:key="sub.name"
@click="preview(sub)"
>
<v-list-item-avatar>
<v-img
src="https://avatars2.githubusercontent.com/u/21050064?s=460&u=40a74913dd0a3d00670d05148c3a08c787470021&v=4"></v-img>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title v-text="item.name" class="font-weight-medium"></v-list-item-title>
<v-list-item-title v-text="item.url"></v-list-item-title>
<v-list-item-title v-text="sub.name" class="font-weight-medium"></v-list-item-title>
<v-list-item-title v-text="sub.url"></v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-btn icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
<v-menu bottom left>
<template v-slot:activator="{ on, attrs }">
<v-btn
icon
v-bind="attrs"
v-on="on"
>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</template>
<v-list>
<v-list-item
v-for="(menuItem, i) in editMenu"
:key="i"
@click="subscriptionMenu(menuItem.action, sub)"
>
<v-list-item-content>{{ menuItem.title }}</v-list-item-content>
</v-list-item>
</v-list>
</v-menu>
</v-list-item-action>
</v-list-item>
</v-list>
<v-divider></v-divider>
<v-list inset dense>
<v-list dense>
<v-subheader>组合订阅</v-subheader>
<v-list-item
v-for="item in collections"
:key="item.name"
v-for="collection in collections"
:key="collection.name"
@click="preview(collection)"
dense
>
<v-list-item-avatar>
@@ -35,15 +55,15 @@
src="https://avatars2.githubusercontent.com/u/21050064?s=460&u=40a74913dd0a3d00670d05148c3a08c787470021&v=4"></v-img>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title v-text="item.name" class="font-weight-medium"></v-list-item-title>
<v-list-item-title v-text="collection.name" class="font-weight-medium"></v-list-item-title>
<v-chip-group
column
>
<v-chip
v-for="subs in item.subscriptions"
v-for="subs in collection.subscriptions"
:key="subs"
small
class="ma-2"
class="ma-2 ml-0 mr-1 pa-2"
label
>
{{ subs }}
@@ -51,9 +71,27 @@
</v-chip-group>
</v-list-item-content>
<v-list-item-action>
<v-btn icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
<v-menu bottom left>
<template v-slot:activator="{ on, attrs }">
<v-btn
icon
v-bind="attrs"
v-on="on"
>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</template>
<v-list>
<v-list-item
v-for="(menuItem, i) in editMenu"
:key="i"
@click="collectionMenu(menuItem.action, collection)"
>
<v-list-item-content>{{ menuItem.title }}</v-list-item-content>
</v-list-item>
</v-list>
</v-menu>
</v-list-item-action>
</v-list-item>
</v-list>
@@ -91,7 +129,21 @@
export default {
data: () => {
return {
opened: false
opened: false,
editMenu: [
{
title: "复制",
action: "COPY"
},
{
title: "编辑",
action: "EDIT"
},
{
title: "删除",
action: "DELETE"
},
]
}
},
@@ -104,6 +156,39 @@ export default {
const cols = this.$store.state.collections;
return Object.keys(cols).map(k => cols[k]);
}
},
methods: {
subscriptionMenu(action, sub) {
console.log(`${action} --> ${sub.name}`);
switch (action) {
case 'COPY':
this.$clipboard(`http://127.0.0.1:3000/download/${sub.name}`);
this.$store.commit("SET_SUCCESS_MESSAGE", "成功复制订阅链接");
break
case 'EDIT':
this.$router.push(`/sub-edit/${sub.name}`);
break
case 'DELETE':
break
}
},
collectionMenu(action, collection) {
console.log(`${action} --> ${collection.name}`);
switch (action) {
case 'COPY':
this.$clipboard(`http://127.0.0.1:3000/download/collection/${collection.name}`);
this.$store.commit("SET_SUCCESS_MESSAGE", "成功复制订阅链接");
break
case 'EDIT':
break
case 'DELETE':
break
}
},
preview(item) {
console.log(`PREVIEW: ${item.name}`);
},
}
}
</script>