shit

Amondt · Apr 8, 2019 · e3d7265 · e3d7265
1 parent b4727c1
commit e3d7265
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/allez-cine/src/components/Commentaries.vue b/allez-cine/src/components/Commentaries.vue
@@ -17,7 +17,8 @@
 
                 <md-button class="md-raised md-primary" type="submit">Ajouter le commentaire</md-button>
             </form>
-
+        </md-card>
+        <md-card class="md-elevation-10">
             <div v-if="comments" class="container" md-with-hover>
                 <div v-for="(comment, index) in comments" :key="index" class="comment">
                     <span class="delete" @click="delComment(comment.id)">X</span>
@@ -96,7 +97,8 @@ h2 {
 .md-primary {
     background-color: red;
     color: #ffffff;
-    border-radius: 6px;
+    border-radius: 3px;
+    margin-bottom: 30px;
     
 }
 

diff --git a/allez-cine/src/views/DetailsSheet.vue b/allez-cine/src/views/DetailsSheet.vue
@@ -22,11 +22,19 @@
                         </div>
                     </div>
                     <div v-else>
-                        <img :src="imageSrc" alt="poster film">
-                        <h1>{{ result.name }} ({{ result.first_air_date.split('-')[0] }})</h1><span>{{ result.vote_average }}</span>
-                        <h3>Synopsis</h3>
-                        <p>{{ result.overview }}</p>
-                        <span v-for="(genre, index) in result.genres" :key="index" class="genre">{{ genre.name }}</span>
+                        <div class="flex">
+                            <img :src="imageSrc" alt="poster film">
+                            <div class="infos">
+                                <div id="stars" v-for="i in 5" :key="i">
+                                    <font-awesome-icon v-if="5 - Math.round(result.vote_average / 2) < i" icon="star" />
+                                    <font-awesome-icon v-else style="color: #9e9e9e;" icon="star" />
+                                </div>
+                                <h1>{{ result.name }} ({{ result.first_air_date.split('-')[0] }})</h1>
+                                <h3>Synopsis</h3>
+                                <p>{{ result.overview }}</p>
+                                <span v-for="(genre, index) in result.genres" :key="index" class="genre">{{ genre.name }}</span>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <Commentaries :key="commentKey" :forceRerender="forceRerender"/>