2020-1-capstone-design1 / PKH_Project1

Go to a project
Toggle navigation Toggle navigation pinning
Yoonjunhyeon
f54ef04f 1 parent a2447ee7

dummy data 추가

Inline Side-by-side
Showing 1 changed file with 22 additions and 10 deletions
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 style="font-size: 24px; text-align: center; font-weight: 400; color: #5a5a5a;" 59 style="font-size: 24px; text-align: center; font-weight: 400; color: #5a5a5a;"
60 >How To start this service</div> 60 >How To start this service</div>
61 <div 61 <div
62 - style="font-size: 20px; font-weight: 300; color: #888; text-align: center; margin-bottom: 5px" 62 + style="font-size: 20px; font-weight: 300; color: #888; text-align: center; margin-bottom: 15px"
63 > 63 >
64 <div>Set up Threshold of</div> 64 <div>Set up Threshold of</div>
65 <div>Recommended Youtube link</div> 65 <div>Recommended Youtube link</div>
...@@ -103,16 +103,16 @@ ...@@ -103,16 +103,16 @@
103 style="margin-left: 5px; margin-top: -18px; background-color: #fff; width: 110px; text-align: center;font-size: 14px; color: #5a5a5a; font-weight: 500" 103 style="margin-left: 5px; margin-top: -18px; background-color: #fff; width: 110px; text-align: center;font-size: 14px; color: #5a5a5a; font-weight: 500"
104 >Generated Tags</div> 104 >Generated Tags</div>
105 <v-chip-group column> 105 <v-chip-group column>
106 - <v-chip color="secondary" v-for="(tag, index) in generatedTag" :key="index">{{ tag }}</v-chip> 106 + <v-chip color="secondary" v-for="(tag, index) in generatedTag" :key="index">{{ tag.name }} : {{tag.accuracy}}</v-chip>
107 </v-chip-group> 107 </v-chip-group>
108 </v-card> 108 </v-card>
109 - <v-card outlined class="pa-2 mx-5 mt-8" elevation="0" min-height="67"> 109 + <v-card outlined class="pa-3 mx-5 mt-8" elevation="0" min-height="67">
110 <div 110 <div
111 - style="margin-left: 5px; margin-top: -18px; background-color: #fff; width: 140px; text-align: center;font-size: 14px; color: #5a5a5a; font-weight: 500" 111 + style="margin-left: 5px; margin-top: -22px; margin-bottom: 5px; background-color: #fff; width: 140px; text-align: center;font-size: 14px; color: #5a5a5a; font-weight: 500"
112 >Related Youtube Link</div> 112 >Related Youtube Link</div>
113 - <v-flex v-for="(url) in YoutubeUrl" :key="url.id"> 113 + <v-flex style="margin-bottom: 2px" v-for="(url) in YoutubeUrl" :key="url.id">
114 <div> 114 <div>
115 - <a :href="url">{{url}}</a> 115 + <a style="color: #343a40; font-size: 16px; font-weight: 500" :href="url">{{url}}</a>
116 </div> 116 </div>
117 </v-flex> 117 </v-flex>
118 </v-card> 118 </v-card>
...@@ -136,8 +136,20 @@ export default { ...@@ -136,8 +136,20 @@ export default {
136 data() { 136 data() {
137 return { 137 return {
138 videoFile: '', 138 videoFile: '',
139 - YoutubeUrl: [], 139 + YoutubeUrl: [
140 - generatedTag: [], 140 + 'https://www.youtube.com/watch?v=8KrzgB1NWKI',
141 + 'https://www.youtube.com/watch?v=YfI7iQrqKGg',
142 + 'https://www.youtube.com/watch?v=AoO9vUCqgsw',
143 + 'https://www.youtube.com/watch?v=fRYDHLseGLg',
144 + 'https://www.youtube.com/watch?v=WOMUrZ9owhA',
145 + ],
146 + generatedTag: [
147 + { name: 'mobile-phone', accuracy: '35%' },
148 + { name: 'smartphone', accuracy: '33%' },
149 + { name: 'concert', accuracy: '14%' },
150 + { name: 'car', accuracy: '11%' },
151 + { name: 'dance', accuracy: '5%' },
152 + ],
141 threshold: 5, 153 threshold: 5,
142 successDialog: false, 154 successDialog: false,
143 errorDialog: false, 155 errorDialog: false,
...@@ -145,8 +157,8 @@ export default { ...@@ -145,8 +157,8 @@ export default {
145 }; 157 };
146 }, 158 },
147 created() { 159 created() {
148 - this.YoutubeUrl = []; 160 + // this.YoutubeUrl = [];
149 - this.generatedTag = []; 161 + // this.generatedTag = [];
150 }, 162 },
151 methods: { 163 methods: {
152 loadVideoInfo() {}, 164 loadVideoInfo() {},
......