DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 40 Pull Requests 1 Releases Wiki Activity

Added oil tag. Removed Fame Digital from profile config.

Browse Source
This commit is contained in:
ThePendulum
2020-05-18 04:28:38 +02:00
parent 003e07491d
commit 4826ae8571
17 changed files with 1865 additions and 1845 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
assets/components/tags/tag.vue
View File

@@ -1,58 +1,58 @@
<template>
<div
v-if="tag"
class="content"
>
<FilterBar :fetch-releases="fetchReleases" />
<div
v-if="tag"
class="content"
>
<FilterBar :fetch-releases="fetchReleases" />
<div
class="tag"
:class="{ nomedia: !hasMedia }"
>
<div class="header">
<h2 class="title">
<Icon icon="price-tag4" />
{{ tag.name }}
</h2>
<div
class="tag"
:class="{ nomedia: !hasMedia }"
>
<div class="header">
<h2 class="title">
<Icon icon="price-tag4" />
{{ tag.name }}
</h2>
<p
v-if="description"
class="description header-description"
v-html="description"
/>
</div>
<p
v-if="description"
class="description header-description"
v-html="description"
/>
</div>
<div class="sidebar">
<h2 class="title">
<Icon icon="price-tag4" />
{{ tag.name }}
</h2>
<div class="sidebar">
<h2 class="title">
<Icon icon="price-tag4" />
{{ tag.name }}
</h2>
<div class="sidebar-content">
<p
v-if="description"
class="description"
v-html="description"
/>
<div class="sidebar-content">
<p
v-if="description"
class="description"
v-html="description"
/>
<Photos
v-if="hasMedia"
:tag="tag"
/>
</div>
</div>
<Photos
v-if="hasMedia"
:tag="tag"
/>
</div>
</div>
<div class="content-inner">
<Photos
v-if="hasMedia"
:tag="tag"
class="compact"
/>
<div class="content-inner">
<Photos
v-if="hasMedia"
:tag="tag"
class="compact"
/>
<Releases :releases="tag.releases" />
</div>
</div>
</div>
<Releases :releases="tag.releases" />
</div>
</div>
</div>
</template>
<script>
@@ -68,46 +68,46 @@ import Releases from '../releases/releases.vue';
const converter = new Converter();
async function fetchReleases() {
this.tag = await this.$store.dispatch('fetchTagBySlug', {
tagSlug: this.$route.params.tagSlug,
range: this.$route.params.range,
});
this.tag = await this.$store.dispatch('fetchTagBySlug', {
tagSlug: this.$route.params.tagSlug,
range: this.$route.params.range,
});
this.hasMedia = this.tag.poster || this.tag.photos.length > 0;
this.description = this.tag.description && converter.makeHtml(escapeHtml(this.tag.description));
this.hasMedia = this.tag.poster || this.tag.photos.length > 0;
this.description = this.tag.description && converter.makeHtml(escapeHtml(this.tag.description));
}
async function route() {
await this.fetchReleases();
await this.fetchReleases();
}
async function mounted() {
await this.fetchReleases();
this.pageTitle = this.tag.name;
await this.fetchReleases();
this.pageTitle = this.tag.name;
}
export default {
components: {
FilterBar,
Photos,
Releases,
},
data() {
return {
tag: null,
description: null,
releases: null,
pageTitle: null,
hasMedia: false,
};
},
watch: {
$route: route,
},
mounted,
methods: {
fetchReleases,
},
components: {
FilterBar,
Photos,
Releases,
},
data() {
return {
tag: null,
description: null,
releases: null,
pageTitle: null,
hasMedia: false,
};
},
watch: {
$route: route,
},
mounted,
methods: {
fetchReleases,
},
};
</script>