2018-08-26 09:35:53 +00:00
|
|
|
<template>
|
2018-09-05 11:00:10 +00:00
|
|
|
<div id="content" class="app-social">
|
2018-08-26 09:35:53 +00:00
|
|
|
<div id="app-navigation">
|
|
|
|
<app-navigation :menu="menu">
|
2018-09-05 11:06:50 +00:00
|
|
|
<!--<template slot="settings-content">Settings</template>-->
|
2018-08-26 09:35:53 +00:00
|
|
|
</app-navigation>
|
|
|
|
</div>
|
|
|
|
<div id="app-content">
|
2018-09-05 11:00:10 +00:00
|
|
|
<div class="social__container">
|
|
|
|
<h2>🎉 Nextcloud becomes part of the federated social networks!</h2>
|
2018-08-26 09:35:53 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import {
|
|
|
|
PopoverMenu,
|
|
|
|
AppNavigation
|
|
|
|
} from 'vue-components';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'App',
|
|
|
|
components: {
|
|
|
|
PopoverMenu, AppNavigation
|
|
|
|
},
|
|
|
|
data: function () {
|
|
|
|
return {
|
|
|
|
isOpen: false,
|
|
|
|
// example popover in the content
|
|
|
|
menuPopover: [
|
|
|
|
{
|
|
|
|
icon: 'icon-delete',
|
|
|
|
text: 'Delete item',
|
|
|
|
action: () => {
|
|
|
|
alert('Deleted!');
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon: 'icon-user',
|
|
|
|
text: 'Nextcloud website',
|
|
|
|
action: () => {},
|
|
|
|
href: 'https://nextcloud.com'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon: 'icon-details',
|
|
|
|
longtext: 'Add item',
|
|
|
|
action: () => {
|
|
|
|
alert('details');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
};
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
// App navigation
|
|
|
|
menu: function () {
|
|
|
|
let defaultCategories = [
|
|
|
|
{
|
2018-09-05 11:00:10 +00:00
|
|
|
id: 'social-timeline',
|
2018-08-26 09:35:53 +00:00
|
|
|
classes: [],
|
|
|
|
href: '#',
|
2018-09-05 11:00:10 +00:00
|
|
|
icon: 'icon-category-monitoring',
|
|
|
|
text: t('social', 'Timeline'),
|
2018-08-26 09:35:53 +00:00
|
|
|
},
|
|
|
|
{
|
2018-09-05 11:00:10 +00:00
|
|
|
id: 'social-your-posts',
|
|
|
|
classes: [],
|
|
|
|
href: '#',
|
|
|
|
icon: 'icon-user',
|
|
|
|
text: t('social', 'Your posts'),
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 'social-friends',
|
|
|
|
classes: [],
|
|
|
|
href: '#',
|
|
|
|
icon: 'icon-category-social',
|
|
|
|
text: t('social', 'Friends'),
|
2018-08-26 09:35:53 +00:00
|
|
|
},
|
|
|
|
{
|
2018-09-05 11:00:10 +00:00
|
|
|
id: 'social-favorites',
|
2018-08-26 09:35:53 +00:00
|
|
|
classes: [],
|
|
|
|
href: '#',
|
2018-09-05 11:00:10 +00:00
|
|
|
icon: 'icon-favorite',
|
|
|
|
text: t('social', 'Favorites'),
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 'social-direct-messages',
|
|
|
|
classes: [],
|
|
|
|
href: '#',
|
|
|
|
icon: 'icon-comment',
|
2018-08-26 09:35:53 +00:00
|
|
|
utils: {
|
2018-09-05 11:00:10 +00:00
|
|
|
counter: 3,
|
2018-08-26 09:35:53 +00:00
|
|
|
},
|
2018-09-05 11:00:10 +00:00
|
|
|
text: t('social', 'Direct messages'),
|
2018-08-26 09:35:53 +00:00
|
|
|
},
|
2018-09-05 11:06:50 +00:00
|
|
|
/*{
|
2018-09-05 11:00:10 +00:00
|
|
|
caption: true,
|
|
|
|
text: t('social', 'Popular topics'),
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 'social-topic-nextcloud',
|
2018-08-26 09:35:53 +00:00
|
|
|
classes: [],
|
2018-09-05 11:00:10 +00:00
|
|
|
icon: 'icon-tag',
|
2018-08-26 09:35:53 +00:00
|
|
|
href: '#',
|
|
|
|
utils: {
|
|
|
|
actions: [
|
|
|
|
{
|
|
|
|
icon: 'icon-delete',
|
2018-09-05 11:00:10 +00:00
|
|
|
text: t('settings', 'Remove topic'),
|
2018-08-26 09:35:53 +00:00
|
|
|
action: function () {
|
|
|
|
console.log('remove')
|
|
|
|
}
|
2018-09-05 11:00:10 +00:00
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
|
|
|
text: t('settings', '#nextcloud'),
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 'social-topic-mastodon',
|
|
|
|
classes: [],
|
|
|
|
icon: 'icon-tag',
|
|
|
|
href: '#',
|
|
|
|
utils: {
|
|
|
|
actions: [
|
2018-08-26 09:35:53 +00:00
|
|
|
{
|
|
|
|
icon: 'icon-delete',
|
2018-09-05 11:00:10 +00:00
|
|
|
text: t('settings', 'Remove topic'),
|
2018-08-26 09:35:53 +00:00
|
|
|
action: function () {
|
|
|
|
console.log('remove')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
2018-09-05 11:00:10 +00:00
|
|
|
text: t('social', '#mastodon'),
|
2018-08-26 09:35:53 +00:00
|
|
|
},
|
|
|
|
{
|
2018-09-05 11:00:10 +00:00
|
|
|
id: 'social-topic-privacy',
|
2018-08-26 09:35:53 +00:00
|
|
|
classes: [],
|
2018-09-05 11:00:10 +00:00
|
|
|
icon: 'icon-tag',
|
2018-08-26 09:35:53 +00:00
|
|
|
href: '#',
|
2018-09-05 11:00:10 +00:00
|
|
|
utils: {
|
|
|
|
actions: [
|
|
|
|
{
|
|
|
|
icon: 'icon-delete',
|
|
|
|
text: t('settings', 'Remove topic'),
|
|
|
|
action: function () {
|
|
|
|
console.log('remove')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
|
|
|
text: t('social', '#privacy'),
|
2018-09-05 11:06:50 +00:00
|
|
|
},*/
|
2018-08-26 09:35:53 +00:00
|
|
|
];
|
|
|
|
return {
|
|
|
|
items: defaultCategories,
|
|
|
|
loading: false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|