Migrate all the things

* Migrates from Mongo to Postgres.
* Migrates from JSPM to Webpack.
* Migrates from React to Vuejs.
* Migrates from Bootstrap to Bulma.

Also:
* Fixes rendering of meta data in the document head tag.
This commit is contained in:
Jonathan Cremin 2016-10-03 13:31:29 +01:00
parent 09706778d9
commit 7bb0497ff4
76 changed files with 6741 additions and 1760 deletions

View file

@ -0,0 +1,54 @@
<template>
<form role="form" method="post" action="/search" v-on:submit="submit">
<p class="control has-addons">
<input class="input is-expanded is-large" type="text" placeholder="Paste your link here" v-model="url">
<button type="submit" class="button is-primary is-large">
Share Music
</button>
</p>
</form>
</template>
<script>
import { musicSearch } from '../store/api';
export default {
name: 'search-view',
data() {
return {
url: '',
};
},
methods: {
submit (event) {
event.preventDefault();
musicSearch(this.url).end((req, res) => {
const item = res.body;
this.$router.push(`/${item.service}/${item.albumName ? 'track' : 'album'}/${item.externalId}`);
});
},
},
}
</script>
<style>
.button.is-primary {
background-color: #FE4365;
}
.button.is-primary:hover {
background-color: #E52A4C;
}
.button.is-primary:focus {
background-color: #E52A4C;
}
.input:active {
border-color: #FE4365;
}
.input:focus {
border-color: #FE4365;
}
form {
margin-bottom: 50px;
margin-top: 200px;
}
</style>