Browse Source

keep cleaning layout

lesion 1 year ago
parent
commit
4d995b6ea0
3 changed files with 18 additions and 3 deletions
  1. 3 2
      src/pages/RadioLive.vue
  2. 2 1
      src/pages/RadioShows.vue
  3. 13 0
      src/pages/Show.vue

+ 3 - 2
src/pages/RadioLive.vue

@@ -8,8 +8,9 @@
       <f7-preloader />
     </div>
     <f7-block v-else>
-    {{currentShowName}}
-    <f7-button type="button" @click="playLive">Ascolta la diretta</f7-button>
+      {{currentShowName}}
+      
+      <f7-button class='block' large outline  @click="playLive">Ascolta la diretta</f7-button>
     </f7-block>
   </f7-page>    
 </template>

+ 2 - 1
src/pages/RadioShows.vue

@@ -8,7 +8,8 @@
       <f7-preloader />
     </div>
     <f7-list v-else>
-        <f7-list-item v-for='show in Radio.shows' :key='show.name' :title='show.name' :link='`/radio/${radioId}/shows/${show.name}`' :footer='show.description'/>
+        <f7-list-item v-for='show in Radio.shows' :key='show.name' :title='show.name'
+          :link='`/radio/${radioId}/shows/${show.name}`' :footer='show.description'/>
     </f7-list>
   </f7-page>    
 </template>

+ 13 - 0
src/pages/Show.vue

@@ -10,6 +10,19 @@
     <div v-if='loading' strong class="text-align-center">
       <f7-preloader />
     </div>
+    <f7-list media-list v-else>
+      <f7-list-item v-for='episode in Show.episodes' :key='episode.url'
+        :title='episode.title' 
+        :after='new Date(episode.pubDate).toLocaleString()'
+        link='#'
+        @click="play(episode)">
+          <small v-html='episode.description'/>
+        <!--
+          - l'html della descrizione va tagliato e filtato
+          - qua ci sta mettere l'immagine se c'e', nelle f7-list c'e' uno slot media apposito
+        -->
+      </f7-list-item>
+    </f7-list>
 
   </f7-page>    
 </template>