Skip to content

D
Desktop Client
Commit ab711e27 authored by Laura Heimann's avatar Laura Heimann
Browse files
Options

add difficulties to detail page

parent eec8c1e6
Hide whitespace changes
Inline Side-by-side
Showing with 44 additions and 15 deletions
src/views/SongDetail.vue
View file @ ab711e27
...@@ -54,11 +54,11 @@ ...@@ -54,11 +54,11 @@
<i class="mdi mdi-arm-flex"></i> <i class="mdi mdi-arm-flex"></i>
</div> </div>
<div class="difficulties"> <div class="difficulties">
<img src="@/assets/img/difficultyEasy.svg" :class="hasEasyDifficulty ? 'active' : ''" alt="Easy Difficulty" /> <div v-if="hasEasyDifficulty" class="difficulty"><span>E</span> {{ easyDifficulty ? easyDifficulty : 0 }}</div>
<img src="@/assets/img/difficultyNormal.svg" :class="hasNormalDifficulty ? 'active' : ''" alt="Normal Difficulty" /> <div v-if="hasNormalDifficulty" class="difficulty"><span>N</span> {{ normalDifficulty ? normalDifficulty : 0 }}</div>
<img src="@/assets/img/difficultyHard.svg" :class="hasHardDifficulty ? 'active' : ''" alt="Hard Difficulty" /> <div v-if="hasHardDifficulty" class="difficulty"><span>H</span> {{ hardDifficulty ? hardDifficulty : 0 }}</div>
<img src="@/assets/img/difficultyExtreme.svg" :class="hasExpertDifficulty ? 'active' : ''" alt="Expert Difficulty" /> <div v-if="hasExpertDifficulty" class="difficulty"><span>EX</span> {{ expertDifficulty ? expertDifficulty : 0 }}</div>
<img src="@/assets/img/difficultyXD.svg" :class="hasXDDifficulty ? 'active' : ''" alt="xD Difficulty" /> <div v-if="hasXDDifficulty" class="difficulty"><span>XD</span> {{ XDDifficulty ? XDDifficulty : 0 }}</div>
</div> </div>
</div> </div>
<div class="stat" v-if="uploadDate"> <div class="stat" v-if="uploadDate">
...@@ -69,6 +69,14 @@ ...@@ -69,6 +69,14 @@
{{ uploadDate }} {{ uploadDate }}
</div> </div>
</div> </div>
<div class="stat" v-if="updateDate && updateDate != uploadDate">
<div class="icon" v-tooltip="'Update Date'">
<i class="mdi mdi-calendar-clock"></i>
</div>
<div class="content">
{{ updateDate }}
</div>
</div>
<div class="stat"> <div class="stat">
<div class="icon" v-tooltip="$t('songdetail.stats.views')"> <div class="icon" v-tooltip="$t('songdetail.stats.views')">
<i class="mdi mdi-eye"></i> <i class="mdi mdi-eye"></i>
...@@ -155,10 +163,15 @@ ...@@ -155,10 +163,15 @@
hasHardDifficulty: false, hasHardDifficulty: false,
hasExpertDifficulty: false, hasExpertDifficulty: false,
hasXDDifficulty: false, hasXDDifficulty: false,
easyDifficulty: 0,
normalDifficulty: 0,
hardDifficulty: 0,
expertDifficulty: 0,
XDDifficulty: 0,
tags: [], tags: [],
uploader: null, uploader: null,
uploadDate: null, uploadDate: null,
uploadDateValid: false, updateDate: null,
fileReference: "", fileReference: "",
isInstalled: false, isInstalled: false,
previewPath: "", previewPath: "",
...@@ -197,6 +210,11 @@ ...@@ -197,6 +210,11 @@
this.$data.hasHardDifficulty = data.data.hasHardDifficulty; this.$data.hasHardDifficulty = data.data.hasHardDifficulty;
this.$data.hasExpertDifficulty = data.data.hasExtremeDifficulty; this.$data.hasExpertDifficulty = data.data.hasExtremeDifficulty;
this.$data.hasXDDifficulty = data.data.hasXDDifficulty; this.$data.hasXDDifficulty = data.data.hasXDDifficulty;
this.$data.easyDifficulty = data.data.easyDifficulty;
this.$data.normalDifficulty = data.data.normalDifficulty;
this.$data.hardDifficulty = data.data.hardDifficulty;
this.$data.expertDifficulty = data.data.expertDifficulty;
this.$data.XDDifficulty = data.data.XDDifficulty;
if(data.data.tags != "") { if(data.data.tags != "") {
this.$data.tags = data.data.tags; this.$data.tags = data.data.tags;
} }
...@@ -205,7 +223,12 @@ ...@@ -205,7 +223,12 @@
this.$data.downloads = data.data.downloads; this.$data.downloads = data.data.downloads;
this.$data.views = data.data.views; this.$data.views = data.data.views;
this.$data.description = data.data.description; this.$data.description = data.data.description;
this.$data.uploadDate = moment(data.data.uploadDate.date).format(this.$t('locale.dateFormat')); if(data.data.uploadDate) {
this.$data.uploadDate = moment(data.data.uploadDate.date).format(this.$t('locale.dateFormat'));
}
if(data.data.updateDate) {
this.$data.updateDate = moment(data.data.updateDate.date).format(this.$t('locale.dateFormat'));
}
this.$data.fileReference = data.data.fileReference; this.$data.fileReference = data.data.fileReference;
// Check if Song is already installed by searching for the srtb file // Check if Song is already installed by searching for the srtb file
...@@ -431,14 +454,20 @@ ...@@ -431,14 +454,20 @@
& .difficulties { & .difficulties {
align-self: center; align-self: center;
height: 20px;
& img { display: flex;
height: 25px;
margin-right: 5px; & .difficulty {
opacity: 0.4; background: #fff;
color: #000;
&.active { border-radius: 4px;
opacity: 1; padding: 3px 8px;
margin-right: 4px;
font-size: 10px;
& span {
// padding-right: 3px;
font-weight: bold;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment