Commit 62465342 authored by Bat's avatar Bat
Browse files

Page title binding

Fix #1
parent 7191a2a2
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="'About This Instance'">
<div class="ui vertical center aligned stripe segment"> <div class="ui vertical center aligned stripe segment">
<div class="ui text container"> <div class="ui text container">
<h1 class="ui huge header"> <h1 class="ui huge header">
......
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="'Welcome'">
<div class="ui vertical center aligned stripe segment"> <div class="ui vertical center aligned stripe segment">
<div class="ui text container"> <div class="ui text container">
<h1 class="ui huge header"> <h1 class="ui huge header">
Welcome on funkwhale Welcome on Funkwhale
</h1> </h1>
<p>We think listening music should be simple.</p> <p>We think listening music should be simple.</p>
<router-link class="ui icon button" to="/about"> <router-link class="ui icon button" to="/about">
...@@ -143,9 +143,7 @@ ...@@ -143,9 +143,7 @@
export default { export default {
name: 'home', name: 'home',
data () { data () {
return { return {}
msg: 'Welcome to Your Vue.js App'
}
} }
} }
</script> </script>
......
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="'Page Not Found'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui text container"> <div class="ui text container">
<h1 class="ui huge header"> <h1 class="ui huge header">
......
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="'Log In'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui small text container"> <div class="ui small text container">
<h2>Log in to your Funkwhale account</h2> <h2>Log in to your Funkwhale account</h2>
......
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="'Log Out'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui small text container"> <div class="ui small text container">
<h2>Are you sure you want to log out?</h2> <h2>Are you sure you want to log out?</h2>
......
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="username + '\'s Profile'">
<div v-if="isLoading" class="ui vertical segment"> <div v-if="isLoading" class="ui vertical segment">
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div> <div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
</div> </div>
......
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="'Account Settings'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui small text container"> <div class="ui small text container">
<h2 class="ui header">Account settings</h2> <h2 class="ui header">Account settings</h2>
......
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="'Sign Up'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui small text container"> <div class="ui small text container">
<h2>Create a funkwhale account</h2> <h2>Create a funkwhale account</h2>
......
<template> <template>
<div class="main pusher"> <div class="main pusher" v-title="'Your Favorites'">
<div class="ui vertical center aligned stripe segment"> <div class="ui vertical center aligned stripe segment">
<div :class="['ui', {'active': isLoading}, 'inverted', 'dimmer']"> <div :class="['ui', {'active': isLoading}, 'inverted', 'dimmer']">
<div class="ui text loader">Loading your favorites...</div> <div class="ui text loader">Loading your favorites...</div>
......
<template> <template>
<div> <div>
<div v-if="isLoading" class="ui vertical segment"> <div v-if="isLoading" class="ui vertical segment" v-title="'Album'">
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div> <div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
</div> </div>
<template v-if="album"> <template v-if="album">
<div :class="['ui', 'head', {'with-background': album.cover}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle"> <div :class="['ui', 'head', {'with-background': album.cover}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle" v-title="album.title">
<div class="segment-content"> <div class="segment-content">
<h2 class="ui center aligned icon header"> <h2 class="ui center aligned icon header">
<i class="circular inverted sound yellow icon"></i> <i class="circular inverted sound yellow icon"></i>
......
<template> <template>
<div> <div>
<div v-if="isLoading" class="ui vertical segment"> <div v-if="isLoading" class="ui vertical segment" v-title="'Artist'">
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div> <div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
</div> </div>
<template v-if="artist"> <template v-if="artist">
<div :class="['ui', 'head', {'with-background': cover}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle"> <div :class="['ui', 'head', {'with-background': cover}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle" v-title="artist.name">
<div class="segment-content"> <div class="segment-content">
<h2 class="ui center aligned icon header"> <h2 class="ui center aligned icon header">
<i class="circular inverted users violet icon"></i> <i class="circular inverted users violet icon"></i>
......
<template> <template>
<div> <div v-title="'Artists'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<h2 class="ui header">Browsing artists</h2> <h2 class="ui header">Browsing artists</h2>
<div :class="['ui', {'loading': isLoading}, 'form']"> <div :class="['ui', {'loading': isLoading}, 'form']">
......
<template> <template>
<div> <div v-title="'Home'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<search :autofocus="true"></search> <search :autofocus="true"></search>
</div> </div>
......
<template> <template>
<div> <div v-title="'Radios'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<h2 class="ui header">Browsing radios</h2> <h2 class="ui header">Browsing radios</h2>
<router-link class="ui green basic button" to="/library/radios/build" exact>Create your own radio</router-link> <router-link class="ui green basic button" to="/library/radios/build" exact>Create your own radio</router-link>
......
<template> <template>
<div> <div>
<div v-if="isLoadingTrack" class="ui vertical segment"> <div v-if="isLoadingTrack" class="ui vertical segment" v-title="'Track'">
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div> <div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
</div> </div>
<template v-if="track"> <template v-if="track">
<div :class="['ui', 'head', {'with-background': cover}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle"> <div :class="['ui', 'head', {'with-background': cover}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle" v-title="track.title">
<div class="segment-content"> <div class="segment-content">
<h2 class="ui center aligned icon header"> <h2 class="ui center aligned icon header">
<i class="circular inverted music orange icon"></i> <i class="circular inverted music orange icon"></i>
......
<template> <template>
<div> <div v-title="'Import Batch #' + id">
<div v-if="isLoading && !batch" class="ui vertical segment"> <div v-if="isLoading && !batch" class="ui vertical segment">
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div> <div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
</div> </div>
......
<template> <template>
<div> <div v-title="'Import Batches'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div v-if="isLoading" :class="['ui', 'centered', 'active', 'inline', 'loader']"></div> <div v-if="isLoading" :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
<button <button
......
<template> <template>
<div> <div v-title="'Import Music'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui top three attached ordered steps"> <div class="ui top three attached ordered steps">
<a @click="currentStep = 0" :class="['step', {'active': currentStep === 0}, {'completed': currentStep > 0}]"> <a @click="currentStep = 0" :class="['step', {'active': currentStep === 0}, {'completed': currentStep > 0}]">
......
<template> <template>
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment" v-title="'Radio Builder'">
<div> <div>
<div> <div>
<h2 class="ui header">Builder</h2> <h2 class="ui header">Builder</h2>
......
<template> <template>
<div> <div v-title="'Import Requests'">
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<h2 class="ui header">Music requests</h2> <h2 class="ui header">Music requests</h2>
<div :class="['ui', {'loading': isLoading}, 'form']"> <div :class="['ui', {'loading': isLoading}, 'form']">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment