A few more translations

src/components/GenericDisplayItem.vue

@@ -13,7 +13,7 @@
           <h5 @click="navigate" @keypress.enter="navigate" role="link">{{ item.uploaderName }}</h5>
         </router-link>
         <span v-else-if="item.uploaderName">{{ item.uploaderName }}<br /></span>
-        <span v-if="isNumber(item.videos)">{{ item.videos }} Videos<br /></span>
+        <span v-if="isNumber(item.videos)">{{ $tc('counts.videos', item.videos ) }}</span>
       </v-card-text>
     </v-card>
 </template>

src/routes/Channel.vue

@@ -25,7 +25,7 @@
             <VideoItem :height="270" :width="480" :video="video" />
           </v-col>
         </v-row>
-        <v-progress-linear indeterminate v-intersect="onRelatedStreamsEndIntersect" />
+        <v-progress-linear v-if="channel.nextpage != null" indeterminate v-intersect="onRelatedStreamsEndIntersect" />
       </div>
     </v-container>
 </template>

src/routes/SearchResults.vue

@@ -18,7 +18,7 @@
           <GenericDisplayItem :height="270" :width="480" :item="video" v-else />
         </v-col>
       </v-row>
-      <v-progress-linear indeterminate v-intersect="onSearchResultsEndIntersect" />
+      <v-progress-linear indeterminate v-intersect="onSearchResultsEndIntersect" v-if="results.nextpage != null" />
     </div>
   </v-container>
 </template>

src/routes/WatchVideo.vue

@@ -16,7 +16,7 @@
           <v-card-subtitle class="subtitle-1">
             <v-row>
               <v-col md="4" align-self="start">
-                {{ addCommas(video.views) }} views
+                {{ $tc('counts.views', video.views, { n: addCommas(video.views) }) }}
                 •
                 {{ video.uploadDate }}
               </v-col>
@@ -66,6 +66,7 @@
               Sponsors Segments: {{ sponsors.segments.length }}
             </div>
             <div>
+              <!-- TODO translate -->
               <v-checkbox dense :value="this.$store.getters.getPreferenceBoolean('autoplay')" @change="onAutoplayChg" label="Autoplay next video" />
               <v-checkbox dense v-model="selectedAutoLoop" label="Loop this video" />
             </div>
@@ -78,7 +79,7 @@
       <v-col md="8" offset-md="1" v-if="comments && comments.comments">
         <h5 class="text-h4 text-center my-4">Comments</h5>
         <VideoComment v-for="comment in comments.comments" :key="comment.commentId" :comment="comment" :video="video" class="my-4" />
-        <v-progress-linear indeterminate v-intersect="onCommentsProgressIntersect" v-if="comments.comments.length !== 0" />
+        <v-progress-linear indeterminate v-intersect="onCommentsProgressIntersect" v-if="comments.comments.length !== 0 && comments.nextpage != null" />
       </v-col>
       <v-col md="2" v-if="video && video.relatedStreams">
         <h5 class="text-h4 text-center my-4">Related Videos</h5>

src/translations/en.json

@@ -9,7 +9,8 @@
         "history": "Watch History"
     },
     "counts": {
-        "videos": "No videos | One Video | {count} Videos"
+        "videos": "No videos | One Video | {count} Videos",
+        "views": "No views | One view | {n} views"
     },
     "actions": {
         "subscribe": "Subscribe",