pinafore/routes/settings/instances/index.html

43 lines
1.5 KiB
HTML
Raw Normal View History

2018-01-13 21:12:17 +01:00
<:Head>
2018-02-09 07:38:33 +01:00
<title>Pinafore Instances</title>
2018-01-13 21:12:17 +01:00
</:Head>
<Layout page='settings'>
<SettingsLayout page='settings/instances' label="Instances">
<h1>Instances</h1>
{{#if $isUserLoggedIn}}
2018-01-14 21:00:22 +01:00
<p>Instances you've logged in to:</p>
2018-01-21 10:19:28 +01:00
<SettingsList label="Instances">
2018-01-13 21:12:17 +01:00
{{#each $loggedInInstancesAsList as instance}}
2018-01-14 05:07:11 +01:00
<SettingsListItem offsetForIcon="{{instance.name !== $currentInstance}}"
icon="{{instance.name === $currentInstance ? '#fa-star' : ''}}"
href="/settings/instances/{{instance.name}}"
2018-01-21 10:19:28 +01:00
label="{{instance.name}}"
ariaLabel="{{instance.name}} {{instance.name === $currentInstance ? '(current instance)' : ''}}" />
2018-01-13 21:12:17 +01:00
{{/each}}
</SettingsList>
2018-01-13 22:18:40 +01:00
<p><a href="/settings/instances/add">Add another instance</a></p>
2018-01-13 21:12:17 +01:00
{{else}}
2018-01-14 21:00:22 +01:00
<p>You're not logged in to any instances.</p>
<p><a href="/settings/instances/add">Log in to an instance</a> to start using Pinafore.</p>
2018-01-13 21:12:17 +01:00
{{/if}}
</SettingsLayout>
</Layout>
<script>
2018-01-28 22:09:39 +01:00
import { store } from '../../_store/store'
2018-01-13 21:12:17 +01:00
import Layout from '../../_components/Layout.html'
import SettingsLayout from '../_components/SettingsLayout.html'
import SettingsList from '../_components/SettingsList.html'
import SettingsListItem from '../_components/SettingsListItem.html'
export default {
components: {
Layout,
SettingsLayout,
SettingsList,
SettingsListItem
},
store: () => store
}
</script>