動画検索対象切り替え修正

スタイル、サムネイル画像エラー対応、ファイル名変更

Author: JQinglong

src/components/EditLessonScreenInner3.vue

@@ -48,7 +48,13 @@
                 v-if="v.videoUrl"
                 class="SearchResultButton"
                 color="#338dce"
-                @click="registerVideoUrl(v.videoUrl)"
+                @click="
+                  registerVideoUrl(
+                    v.videoUrl,
+                    v.videoTitle,
+                    v.videoThumbnailUrl
+                  )
+                "
               >
                 <v-icon color="white"> mdi-link </v-icon>
                 {{
@@ -190,8 +196,10 @@ export default class EditLessonScreenInner3 extends Vue {
     }
   }
 
-  private registerVideoUrl(url: string) {
+  private registerVideoUrl(url: string, title: string, thumbnailUrl: string) {
     this.tempFormData.videoUrl = url
+    this.tempFormData.videoTitle = title
+    this.tempFormData.videoThumbnailUrl = thumbnailUrl
   }
 
   private pageChange(pageNumber: number) {
@@ -232,13 +240,14 @@ export default class EditLessonScreenInner3 extends Vue {
   }
 
   private mapJunyiacademy(v: Movie): formData {
+    const videoId: string = v.inherentProperties.url.slice(-11)
     return {
       videoUrl: v.inherentProperties.url,
       videoTitle: v.title,
       videoSubTitle: '',
       videoDescription: v.description,
       videoPlayTime: '',
-      videoThumbnailUrl: v.inherentProperties.thumbnailUrl,
+      videoThumbnailUrl: `https://img.youtube.com/vi/${videoId}/hqdefault.jpg`,
     }
   }
 

src/components/EditorInputFieldPickable.vue

@@ -1,9 +1,11 @@
 <template>
   <div>
-    <span v-if="title" class="EditorField-Title"
-      >{{ title }}
-      <movie-selector v-if="selector" @change="$emit('changeMovie', $event)" />
-    </span>
+    <span v-if="title" class="EditorField-Title">{{ title }}</span>
+    <movie-selector
+      v-if="selector"
+      class="EditorField-Selector"
+      @change="$emit('changeMovie', $event)"
+    />
     <div class="EditorField-Form">
       <editor-input-field
         :value="value"
@@ -84,12 +86,16 @@ export default Vue.extend({
 
 <style lang="scss" scoped>
 .EditorField-Title {
-  display: flex;
+  display: inline-flex;
   font-size: 16px;
   font-weight: bold;
   color: $color-white;
   margin-bottom: 4px;
 }
+.EditorField-Selector {
+  display: inline-flex;
+  margin-bottom: 8px;
+}
 .EditorField-Form {
   display: flex;
 

src/static/data/movie-source.json

@@ -2,7 +2,7 @@
   {
     "sourceType": "NHK",
     "name": "NHK For Schoolの動画",
-    "dataFile": "movies2-nhk.json"
+    "dataFile": "movies-nhk.json"
   },
   {
   "sourceType": "junyiacademy",