evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added a style to the Link Analyzer tab

Browse Source
This commit is contained in:
RemixDev
2020-05-09 13:44:47 +02:00
parent b529f8b789
commit 303183fc3c
5 changed files with 42173 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/modules/tabs.css
View File

@@ -5,6 +5,10 @@
display: none;
}
.main_tabcontent h1{
margin-bottom: 12px;
}
.tab button{
background-color: var(--primary-background);
}

110
public/index.html
View File

@@ -477,54 +477,68 @@
</div>
</div>
<div id="analyzer_tab" class="main_tabcontent">
<div id="analyzer_tab" class="main_tabcontent image_header">
<h1>Link Analyzer</h1>
<h1>{{ title }}</h1>
<h2>{{ subtitle }}</h2>
<table>
<tr v-if="data.isrc">
<td>ISRC</td>
<td>{{ data.isrc }}</td>
</tr>
<tr v-if="data.upc">
<td>UPC</td>
<td>{{ data.upc }}</td>
</tr>
<tr v-if="data.duration">
<td>Duration</td>
<td>{{ convertDuration(data.duration) }}</td>
</tr>
<tr v-if="data.disk_number">
<td>Disk Number</td>
<td>{{ data.disk_number }}</td>
</tr>
<tr v-if="data.track_position">
<td>Track Number</td>
<td>{{ data.track_position }}</td>
</tr>
<tr v-if="data.release_date">
<td>Release Date</td>
<td>{{ data.release_date }}</td>
</tr>
<tr v-if="data.bpm">
<td>BPM</td>
<td>{{ data.bpm }}</td>
</tr>
<tr v-if="data.label">
<td>Label</td>
<td>{{ data.label }}</td>
</tr>
<tr v-if="data.record_type">
<td>Record Type</td>
<td>{{ data.record_type }}</td>
</tr>
<tr v-if="data.genres && data.genres.data.length">
<td>Genres</td>
<td>{{ data.genres.data.map(x => x.name).join("; ") }}</td>
</tr>
</table>
<div v-if="countries.length">
<p v-for="country in countries">{{ country[0] }} - {{ country[1] }}</p>
<div v-if="link == ''">
<p>You can use this section to find out more information about the link you are trying to download<br/>This is usefull if you're trying to download some tracks that are not available in your country and want to know where they are available</p>
</div>
<div v-else>
<header class="inline-flex"
:style="{ 'background-image': 'linear-gradient(to bottom, transparent 0%, var(--main-background) 100%), url(\''+image+'\')' }">
<div>
<h1>{{ title }}</h1>
<h2 v-if="type == 'track'">by <span class="clickable" @click="artistView" :data-id="data.artist.id">{{data.artist.name}}</span> • in <span class="clickable" @click="albumView" :data-id="data.album.id">{{data.album.title}}</span></h2>
<h2 v-else-if="type == 'album'">by <span class="clickable" @click="artistView" :data-id="data.artist.id">{{data.artist.name}}</span> • {{data.nb_tracks}} tracks</h2>
</div>
<div role="button" aria-label="download" @contextmenu.prevent="openQualityModal"
@click.stop="addToQueue" :data-link="link" class="fab right"><i class="material-icons">get_app</i>
</div>
</header>
<table>
<tr v-if="data.isrc">
<td>ISRC</td>
<td>{{ data.isrc }}</td>
</tr>
<tr v-if="data.upc">
<td>UPC</td>
<td>{{ data.upc }}</td>
</tr>
<tr v-if="data.duration">
<td>Duration</td>
<td>{{ convertDuration(data.duration) }}</td>
</tr>
<tr v-if="data.disk_number">
<td>Disk Number</td>
<td>{{ data.disk_number }}</td>
</tr>
<tr v-if="data.track_position">
<td>Track Number</td>
<td>{{ data.track_position }}</td>
</tr>
<tr v-if="data.release_date">
<td>Release Date</td>
<td>{{ data.release_date }}</td>
</tr>
<tr v-if="data.bpm">
<td>BPM</td>
<td>{{ data.bpm }}</td>
</tr>
<tr v-if="data.label">
<td>Label</td>
<td>{{ data.label }}</td>
</tr>
<tr v-if="data.record_type">
<td>Record Type</td>
<td>{{ data.record_type }}</td>
</tr>
<tr v-if="data.genres && data.genres.data.length">
<td>Genres</td>
<td>{{ data.genres.data.map(x => x.name).join("; ") }}</td>
</tr>
</table>
<div v-if="countries.length">
<p v-for="country in countries">{{ country[0] }} - {{ country[1] }}</p>
</div>
</div>
</div>
@@ -1104,4 +1118,4 @@
<script src="/public/js/bundle.js"></script>
</html>
</html>

42108
public/js/bundle.js
View File

File diff suppressed because one or more lines are too long

2
public/js/bundle.js.map
View File

File diff suppressed because one or more lines are too long