Commit d27101a1 authored by Chocobozzz's avatar Chocobozzz

Merge branch 'env-title-footer' into 'develop'

add title and footer parametrization via env variables

See merge request !7
parents bfc08bbf 7250a93e
Subproject commit 6c32d302126f455779f5593192775b86833f1f33
Subproject commit 45cd28b679d3472392ed5d77dcfd8f442d1565bf
VUE_APP_TITLE=PeerTube instances
VUE_APP_FOOTER=Made with ❤️ by Framasoft
......@@ -7,21 +7,9 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
body > div {
min-height: calc(100vh - 50px);
}
.footer {
width: 100%;
height: 30px;
line-height: 30px;
background-color: #f5f5f5;
margin-top: 20px;
font-size: 0.7em;
text-align: center;
}
</style>
<title>PeerTube instances</title>
......@@ -34,13 +22,7 @@
<div class="coucou" id="app"></div>
<!-- built files will be auto injected -->
<footer class="footer">
<div class="container">
<a target="_blank" href="https://framagit.org/chocobozzz/instances-peertube">
Hack this website!
</a>
</div>
</footer>
<div id="footer"></div>
<!-- built files will be auto injected -->
</body>
</html>
......@@ -2,7 +2,7 @@
<div>
<div class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<router-link class="navbar-brand" to="/">PeerTube instances</router-link>
<router-link class="navbar-brand" to="/"><span v-html="title" v-once></span></router-link>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
......@@ -28,6 +28,16 @@
</div>
</template>
<script>
module.exports = {
data() {
return {
title: process.env.VUE_APP_TITLE
}
}
}
</script>
<style lang="scss">
@import '../node_modules/bootstrap/scss/bootstrap';
......
<template>
<footer>
<div class="container">
<span v-html="footer" v-once></span> ·
<a target="_blank" href="https://framagit.org/chocobozzz/instances-peertube">
Hack this website!
</a>
</div>
</footer>
</template>
<script>
module.exports = {
data() {
return {
footer: process.env.VUE_APP_FOOTER
}
}
}
</script>
<style scoped>
footer {
width: 100%;
height: 30px;
line-height: 30px;
background-color: #f5f5f5;
margin-top: 20px;
font-size: 0.7em;
text-align: center;
}
p {
color: lightgreen;
text-align: center;
}
</style>
......@@ -90,7 +90,8 @@
@Component
export default class InstanceList extends Vue {
searchOptions = {
enabled: true
enabled: true,
placeholder: 'Search among instances'
}
sortOptions = {
......
import Vue from 'vue'
import App from './App.vue'
import Footer from './Footer.vue'
import router from './router'
const VueGoodTable = require('vue-good-table').default
......@@ -17,4 +18,8 @@ new Vue({
render: h => h(App)
}).$mount('#app')
new Vue({
router,
render: h => h(Footer)
}).$mount('#footer')
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