integrate emmision
This commit is contained in:
parent
28e3b949e6
commit
2f92c13b04
@ -15,6 +15,9 @@ export default {
|
|||||||
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: 500px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #2c3e50;
|
color: #2c3e50;
|
||||||
margin-top: 60px;
|
margin-top: 60px;
|
||||||
|
@ -1,21 +1,36 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<h1>ChaineTV</h1>
|
<h1>ChaineTV</h1>
|
||||||
<div>
|
<div class="form">
|
||||||
<input v-on:keyup.enter="checkchaine()" name="chaine-input" v-model=chaine type="text">
|
<div>
|
||||||
</div>
|
<input v-on:keyup.enter="checkchaine()" name="chaine-input" v-model=chaine type="text">
|
||||||
<div>
|
</div>
|
||||||
<button v-on:click="checkchaine()">search</button>
|
<div>
|
||||||
|
<button v-on:click="checkchaine()">search</button>
|
||||||
|
|
||||||
<button v-on:click="parsechaine()">update chaine</button>
|
<button v-on:click="parsechaine()">update chaine</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div >
|
<div >
|
||||||
<ul v-if="arrayresultchaines">
|
<ul v-if="arrayresultchaines">
|
||||||
<li v-for="result in arrayresultchaines" v-bind:key="result.chaine" >
|
<li v-for="result in arrayresultchaines" v-bind:key="result.chaine" >
|
||||||
{{result.chaine}} : {{result.name}}
|
<h3>{{result.chaine}} : {{result.name}}</h3>
|
||||||
|
<ul v-if="result.emission!='can\'t find channel'">
|
||||||
|
<li><h4><a target="_blank" :href="result.emission.href">{{result.emission.title}}</a></h4></li>
|
||||||
|
<li><img :src="result.emission.img"></li>
|
||||||
|
<li><p>{{result.emission.synopsis}}</p></li>
|
||||||
|
<ul v-if="result.emission.casting.length!=0" class="casting">
|
||||||
|
<h4>casting:</h4>
|
||||||
|
<li v-for="(actor,index) in result.emission.casting" v-bind:key="index" >
|
||||||
|
<i><a target="_blank" :href="'https://fr.wikipedia.org/wiki/'+actor.replace(' ','_')">{{actor}}</a></i>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</ul>
|
||||||
|
<p v-else>{{result.emission}}</p>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -27,51 +42,63 @@ export default {
|
|||||||
name: 'chainetv',
|
name: 'chainetv',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
arrayresultchaines: [],
|
arrayresultchaines: [ ],
|
||||||
chaine: '',
|
chaine: '',
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getchaine(num) {
|
getchaine(num) {
|
||||||
|
|
||||||
let path = process.env.ROOT_API + '/api/v1/chaine/';
|
let path = process.env.ROOT_API + '/api/v1/chaine/';
|
||||||
path += num;
|
axios.get(path + num)
|
||||||
axios.get(path)
|
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.arrayresultchaines.push({"chaine":num,"name":res.data});
|
if(res.status===200){
|
||||||
|
axios.get(path + num + "/emission")
|
||||||
|
.then((res_emission) => {
|
||||||
|
|
||||||
|
this.arrayresultchaines.push({"chaine":num,"name":res.data,"emission":res_emission.data});
|
||||||
|
console.log(this.arrayresultchaines)
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
this.arrayresultchaines.push({"chaine":num,"name":res.data});
|
||||||
|
|
||||||
|
});
|
||||||
|
}else if(res.status===204){
|
||||||
|
this.arrayresultchaines.push({"chaine":num,"name":"inconnue"});
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
// eslint-disable-next-line
|
// eslint-disable-next-line
|
||||||
console.error(error);
|
console.error(error);
|
||||||
});
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
checkchaine() {
|
checkchaine() {
|
||||||
if (this.chaine == ""){
|
if (this.chaine === ""){
|
||||||
alert("rentrer un numéro")
|
alert("rentrer un numéro");
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
this.arrayresultchaines=[];
|
this.arrayresultchaines=[];
|
||||||
const arraychaine=this.chaine.split(' ');
|
const arraychaine=[...new Set(this.chaine.split(' '))];
|
||||||
|
|
||||||
arraychaine.forEach(element => {
|
arraychaine.forEach(element => {
|
||||||
if (element != ""){
|
if (element != ""){
|
||||||
this.getchaine(element);
|
this.getchaine(element);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
parsechaine() {
|
parsechaine() {
|
||||||
const path = process.env.ROOT_API + '/api/v1/chaine/';
|
const path = process.env.ROOT_API + '/api/v1/chaine/';
|
||||||
axios.put(path)
|
axios.put(path)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
if (res.data=='OK'){
|
if (res.data=='OK'){
|
||||||
|
alert("update database OK");
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((res) => {
|
.catch((res) => {
|
||||||
// eslint-disable-next-line
|
// eslint-disable-next-line
|
||||||
alert("error during database update")
|
alert("error during database update");
|
||||||
console.error(res);
|
console.error(res);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@ -84,11 +111,21 @@ h1, h2 {
|
|||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
ul.casting>li{
|
||||||
|
list-style-type: initial;
|
||||||
|
text-align: justify
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
|
||||||
|
text-align: justify
|
||||||
|
|
||||||
|
}
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
@ -99,7 +136,9 @@ input[type=text] {
|
|||||||
input[type=text]:focus {
|
input[type=text]:focus {
|
||||||
border: 2px solid rgb(30, 66, 230);
|
border: 2px solid rgb(30, 66, 230);
|
||||||
}
|
}
|
||||||
|
img{
|
||||||
|
|
||||||
|
}
|
||||||
button {
|
button {
|
||||||
background-color: #4CAF50;
|
background-color: #4CAF50;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -35,6 +35,7 @@ export default {
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
h1, h2 {
|
h1, h2 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
ul {
|
ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
Loading…
Reference in New Issue
Block a user