Compare commits

..

No commits in common. "5a79ef93d22f914d1b41dd820f741e1f6f895151" and "ae2b70deb2632726ecee2699ab8b20fd62bf6c7e" have entirely different histories.

4 changed files with 24 additions and 36 deletions

19
package-lock.json generated
View File

@ -13,7 +13,6 @@
"vue": "^2.6.11",
"vue-excel-xlsx": "^1.2.2",
"vue-router": "^3.2.0",
"vue-show-more-text": "^2.0.2",
"vue2-editor": "^2.10.3",
"vuedraggable": "^2.24.3",
"vuejs-datetimepicker": "^1.1.13",
@ -14603,15 +14602,6 @@
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.3.tgz",
"integrity": "sha512-FUlILrW3DGitS2h+Xaw8aRNvGTwtuaxrRkNSHWTizOfLUie7wuYwezeZ50iflRn8YPV5kxmU2LQuu3nM/b3Zsg=="
},
"node_modules/vue-show-more-text": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/vue-show-more-text/-/vue-show-more-text-2.0.2.tgz",
"integrity": "sha512-x/WuikWAx8Hm4gpZx6KHtJYiXDordGdSoXrd34lTiJeAnlT8Y7Yc0FfGBNdUv6mXncuET3LiRwwNz+X5gI+oiw==",
"dependencies": {
"core-js": "^3.6.5",
"vue": "^2.6.11"
}
},
"node_modules/vue-style-loader": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@ -27453,15 +27443,6 @@
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.3.tgz",
"integrity": "sha512-FUlILrW3DGitS2h+Xaw8aRNvGTwtuaxrRkNSHWTizOfLUie7wuYwezeZ50iflRn8YPV5kxmU2LQuu3nM/b3Zsg=="
},
"vue-show-more-text": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/vue-show-more-text/-/vue-show-more-text-2.0.2.tgz",
"integrity": "sha512-x/WuikWAx8Hm4gpZx6KHtJYiXDordGdSoXrd34lTiJeAnlT8Y7Yc0FfGBNdUv6mXncuET3LiRwwNz+X5gI+oiw==",
"requires": {
"core-js": "^3.6.5",
"vue": "^2.6.11"
}
},
"vue-style-loader": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",

View File

@ -15,7 +15,6 @@
"vue": "^2.6.11",
"vue-excel-xlsx": "^1.2.2",
"vue-router": "^3.2.0",
"vue-show-more-text": "^2.0.2",
"vue2-editor": "^2.10.3",
"vuedraggable": "^2.24.3",
"vuejs-datetimepicker": "^1.1.13",

View File

@ -122,19 +122,13 @@
</td>
<td>{{ item.title }}</td>
<td style="max-width: 350px !important; word-break:break-all; height: auto;">
<vue-show-more-text
:text="item.detail"
:lines="3"
/>
{{ item.detail }}
</td>
<td>{{ item.curationTitle || '없음' }}</td>
<td>{{ item.creatorNickname }}</td>
<td>{{ item.theme }}</td>
<td style="max-width: 200px !important; word-break:break-all; height: auto;">
<vue-show-more-text
:text="item.tags"
:lines="3"
/>
{{ item.tags }}
</td>
<td v-if="item.price > 0">
{{ item.price }} 코인
@ -375,12 +369,11 @@ import * as api from '@/api/audio_content'
import * as dynamicLink from "@/api/firebase_dynamic_link";
import VuetifyAudio from 'vuetify-audio'
import VueShowMoreText from 'vue-show-more-text'
export default {
name: "AudioContentList",
components: {VuetifyAudio, VueShowMoreText},
components: {VuetifyAudio},
data() {
return {

View File

@ -82,13 +82,12 @@
:src="item.profileUrl"
class="rounded-circle"
/>
<br>
<a
:href="item.profileUrl"
class="v-btn v-btn--outlined"
<button
class="download-button"
@click="downloadImage(item.profileUrl)"
>
Download Image
</a>
다운로드
</button>
</div>
</td>
<td>{{ item.userType }}</td>
@ -366,10 +365,26 @@ export default {
this.is_loading = false
this.cancel()
},
async downloadImage(imageUrl) {
const link = document.createElement('a')
link.href = imageUrl
link.download = "image"
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
}
}
}
</script>
<style scoped>
.download-button {
margin-top: 5px;
background-color: #3bb9f1;
color: white;
padding: 10px;
border-radius: 10px;
}
</style>