134 lines
No EOL
2.7 KiB
Vue
134 lines
No EOL
2.7 KiB
Vue
<template>
|
|
<div class="ids fill-height">
|
|
<AboutDialog ref="ad" />
|
|
<v-app-bar
|
|
app
|
|
color="primary"
|
|
dark
|
|
>
|
|
<v-img
|
|
alt="Logo"
|
|
class="shrink mr-2"
|
|
contain
|
|
src="@/assets/sissy.png"
|
|
transition="scale-transition"
|
|
width="40"
|
|
@click.stop="$refs.ad.showAbout()"
|
|
/>
|
|
|
|
<v-spacer></v-spacer>
|
|
|
|
<v-tabs
|
|
v-model="aktuelleSeite"
|
|
>
|
|
<v-tab
|
|
v-for="seite in seiten"
|
|
:key="seite"
|
|
>
|
|
{{ seite }}
|
|
</v-tab>
|
|
</v-tabs>
|
|
|
|
</v-app-bar>
|
|
|
|
<v-main class="fill-height">
|
|
<v-tabs-items v-model="aktuelleSeite" class="fill-height grey lighten-3">
|
|
<v-tab-item
|
|
key="0"
|
|
fluid
|
|
>
|
|
<v-row dense>
|
|
|
|
<v-col
|
|
cols="8"
|
|
>
|
|
<v-sheet
|
|
min-height="70vh"
|
|
rounded="lg"
|
|
elevation="2"
|
|
>
|
|
<Vertretungsplan
|
|
ref="vp"
|
|
vpUrl="/stundenplan/proxy.php?file=G014"
|
|
paUrl="/stundenplan/proxy.php?file=G009"
|
|
/>
|
|
</v-sheet>
|
|
</v-col>
|
|
|
|
<v-col
|
|
cols="4"
|
|
>
|
|
<v-sheet
|
|
rounded="lg"
|
|
min-height="268"
|
|
elevation="2"
|
|
>
|
|
<Newsreader
|
|
ref="nr"
|
|
:feedUrls="['/stundenplan/proxy.php?file=rsslul', '/stundenplan/proxy.php?file=rsssul']"
|
|
/>
|
|
</v-sheet>
|
|
<!--
|
|
<v-sheet
|
|
rounded="lg"
|
|
min-height="268"
|
|
elevation="2"
|
|
>
|
|
|
|
</v-sheet> -->
|
|
</v-col>
|
|
</v-row>
|
|
</v-tab-item>
|
|
<v-tab-item
|
|
key="1"
|
|
fluid
|
|
>
|
|
<Plaene ref="p" />
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
|
|
|
|
</v-main>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Newsreader from '@/components/Newsreader'
|
|
import Vertretungsplan from '@/components/Vertretungsplan'
|
|
import AboutDialog from '@/components/AboutDialog'
|
|
import Plaene from '@/views/Plaene'
|
|
|
|
export default {
|
|
name: 'InfodisplayLehrer',
|
|
|
|
data: () => ({
|
|
seiten: [
|
|
'Vertretungsplan',
|
|
'Pläne',
|
|
],
|
|
aktuelleSeite: 0,
|
|
reloadTime: 600000
|
|
}),
|
|
|
|
components: {
|
|
Newsreader,
|
|
Vertretungsplan,
|
|
AboutDialog,
|
|
Plaene
|
|
},
|
|
|
|
created() {
|
|
setTimeout(this.onTimeout, this.reloadTime)
|
|
},
|
|
|
|
methods: {
|
|
onTimeout () {
|
|
// Reload-Event einrichten
|
|
this.$refs.nr.reload()
|
|
this.$refs.vp.reload()
|
|
this.$refs.p.reload()
|
|
setTimeout(this.onTimeout, this.reloadTime)
|
|
}
|
|
}
|
|
}
|
|
</script> |