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:
parent
09706778d9
commit
7bb0497ff4
76 changed files with 6741 additions and 1760 deletions
54
public/src/components/search.vue
Normal file
54
public/src/components/search.vue
Normal 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>
|
Loading…
Add table
Add a link
Reference in a new issue