Commit 62465342 authored by Ana Gelez's avatar Ana Gelez

Page title binding

Fix #1
parent 7191a2a2
<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 text container">
<h1 class="ui huge header">
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="'Welcome'">
<div class="ui vertical center aligned stripe segment">
<div class="ui text container">
<h1 class="ui huge header">
Welcome on funkwhale
Welcome on Funkwhale
</h1>
<p>We think listening music should be simple.</p>
<router-link class="ui icon button" to="/about">
......@@ -143,9 +143,7 @@
export default {
name: 'home',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
return {}
}
}
</script>
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="'Page Not Found'">
<div class="ui vertical stripe segment">
<div class="ui text container">
<h1 class="ui huge header">
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="'Log In'">
<div class="ui vertical stripe segment">
<div class="ui small text container">
<h2>Log in to your Funkwhale account</h2>
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="'Log Out'">
<div class="ui vertical stripe segment">
<div class="ui small text container">
<h2>Are you sure you want to log out?</h2>
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="username + '\'s Profile'">
<div v-if="isLoading" class="ui vertical segment">
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
</div>
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="'Account Settings'">
<div class="ui vertical stripe segment">
<div class="ui small text container">
<h2 class="ui header">Account settings</h2>
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="'Sign Up'">
<div class="ui vertical stripe segment">
<div class="ui small text container">
<h2>Create a funkwhale account</h2>
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="'Your Favorites'">
<div class="ui vertical center aligned stripe segment">
<div :class="['ui', {'active': isLoading}, 'inverted', 'dimmer']">
<div class="ui text loader">Loading your favorites...</div>
......
<template>
<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>
<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">
<h2 class="ui center aligned icon header">
<i class="circular inverted sound yellow icon"></i>
......
<template>
<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>
<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">
<h2 class="ui center aligned icon header">
<i class="circular inverted users violet icon"></i>
......
<template>
<div>
<div v-title="'Artists'">
<div class="ui vertical stripe segment">
<h2 class="ui header">Browsing artists</h2>
<div :class="['ui', {'loading': isLoading}, 'form']">
......
<template>
<div>
<div v-title="'Home'">
<div class="ui vertical stripe segment">
<search :autofocus="true"></search>
</div>
......
<template>
<div>
<div v-title="'Radios'">
<div class="ui vertical stripe segment">
<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>
......
<template>
<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>
<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">
<h2 class="ui center aligned icon header">
<i class="circular inverted music orange icon"></i>
......
<template>
<div>
<div v-title="'Import Batch #' + id">
<div v-if="isLoading && !batch" class="ui vertical segment">
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
</div>
......
<template>
<div>
<div v-title="'Import Batches'">
<div class="ui vertical stripe segment">
<div v-if="isLoading" :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
<button
......
<template>
<div>
<div v-title="'Import Music'">
<div class="ui vertical stripe segment">
<div class="ui top three attached ordered steps">
<a @click="currentStep = 0" :class="['step', {'active': currentStep === 0}, {'completed': currentStep > 0}]">
......
<template>
<div class="ui vertical stripe segment">
<div class="ui vertical stripe segment" v-title="'Radio Builder'">
<div>
<div>
<h2 class="ui header">Builder</h2>
......
<template>
<div>
<div v-title="'Import Requests'">
<div class="ui vertical stripe segment">
<h2 class="ui header">Music requests</h2>
<div :class="['ui', {'loading': isLoading}, 'form']">
......
......@@ -30,6 +30,10 @@ require('masonry-layout')
Vue.use(VueMasonryPlugin)
Vue.use(VueLazyload)
Vue.config.productionTip = false
Vue.directive('title', {
inserted: (el, binding) => { console.log(binding.value); document.title = binding.value + ' - Funkwhale' },
updated: (el, binding) => { document.title = binding.value + ' - Funkwhale' }
})
axios.defaults.baseURL = config.API_URL
axios.interceptors.request.use(function (config) {
......
<template>
<div class="main pusher">
<div class="main pusher" v-title="'Instance Timeline'">
<div class="ui vertical center aligned stripe segment">
<div v-if="isLoading" :class="['ui', {'active': isLoading}, 'inverted', 'dimmer']">
<div class="ui text loader">Loading timeline...</div>
......
<template>
<div>
<div v-if="isLoading" class="ui vertical segment">
<div v-if="isLoading" class="ui vertical segment" v-title="'Playlist'">
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
</div>
<div v-if="!isLoading && playlist" class="ui head vertical center aligned stripe segment">
<div v-if="!isLoading && playlist" class="ui head vertical center aligned stripe segment" v-title="playlist.name">
<div class="segment-content">
<h2 class="ui center aligned icon header">
<i class="circular inverted list yellow icon"></i>
......
<template>
<div>
<div v-title="'Playlists'">
<div class="ui vertical stripe segment">
<h2 class="ui header">Browsing playlists</h2>
<div :class="['ui', {'loading': isLoading}, 'form']">
......
Markdown is supported
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