Added 'visible' property to entities. Added various Teen Core Club logos.

assets/components/entities/entity.vue

@@ -38,7 +38,10 @@
 				<Icon icon="share2" />
 			</a>
 
-			<ul class="tags">
+			<ul
+				v-if="entity.tags.length > 0"
+				class="tags"
+			>
 				<li
 					v-for="tag in entity.tags"
 					:key="`tag-${tag.slug}`"
@@ -199,7 +202,7 @@ export default {
 
 .link-parent {
 	flex-direction: row-reverse;
-	margin: 0 0 0 2rem;
+	margin: 0 0 0 3rem;
 }
 
 .logo {
@@ -231,9 +234,14 @@ export default {
 	display: none;
 }
 
+@media(max-width: $breakpoint) {
+	.tags {
+		display: none;
+	}
+}
+
 @media(max-width: $breakpoint-micro) {
-	.logo-parent,
-	.link-child .icon {
+	.logo-parent {
 		display: none;
 	}
 
@@ -241,4 +249,10 @@ export default {
 		display: inline-block;
 	}
 }
+
+@media(max-width: $breakpoint-nano) {
+	.link-child .icon {
+		display: none;
+	}
+}
 </style>

assets/components/releases/release.vue

@@ -44,7 +44,11 @@
 
 				<div class="site">
 					<template v-if="release.entity.parent && !release.entity.independent">
-						<a :href="`/network/${release.entity.parent.slug}`">
+						<a
+							v-if="release.entity.parent.hasLogo"
+							:href="`/network/${release.entity.parent.slug}`"
+							class="logo-link"
+						>
 							<img
 								:src="`/img/logos/${release.entity.parent.slug}/thumbs/network.png`"
 								:title="release.entity.parent.name"
@@ -53,10 +57,18 @@
 							>
 						</a>
 
+						<a
+							v-else
+							:href="`/network/${release.entity.parent.slug}`"
+							class="logo-link logo-name"
+						>{{ release.entity.parent.name }}</a>
+
 						<span class="chain">presents</span>
 
 						<a
+							v-if="release.entity.hasLogo"
 							:href="`/${release.entity.type}/${release.entity.slug}`"
+							class="logo-link"
 						>
 							<img
 								v-if="release.entity.type === 'network'"
@@ -72,6 +84,12 @@
 								class="logo logo-site"
 							>
 						</a>
+
+						<a
+							v-else
+							:href="`/${release.entity.type}/${release.entity.slug}`"
+							class="logo-link logo-name"
+						>{{ release.entity.name }}</a>
 					</template>
 
 					<a
@@ -218,6 +236,14 @@
 				</div>
 			</div>
 
+			<div
+				v-if="release.comment"
+				class="row"
+			>
+				<span class="row-label">Comment</span>
+				<span>{{ release.comment }}</span>
+			</div>
+
 			<div class="row">
 				<span class="row-label">Added</span>
 
@@ -345,6 +371,10 @@ export default {
     display: inline-block;
 }
 
+.logo-link {
+	text-decoration: none;
+}
+
 .logo-site {
     height: 2.5rem;
     max-width: 15rem;
@@ -360,6 +390,13 @@ export default {
     object-position: 100% 50%;
 }
 
+.logo-name {
+	padding: .5rem 0;
+	color: var(--text-light);
+	font-size: 1.25rem;
+	font-weight: bold;
+}
+
 .chain {
     color: var(--lighten);
     padding: 0 .5rem;

assets/components/releases/tile.vue

@@ -61,6 +61,11 @@
 					v-else-if="release.actors.length > 0"
 					class="title title-composed"
 				>{{ release.actors[0].name }} for {{ release.entity.name }}</h3>
+
+				<h3
+					v-else
+					class="title title-empty"
+				>{{ release.entity.name }}</h3>
 			</a>
 
 			<span class="row">
@@ -216,7 +221,8 @@ export default {
     overflow: hidden;
 }
 
-.title-composed {
+.title-composed,
+.title-empty {
 	color: var(--shadow);
 }
 

assets/js/entities/actions.js

@@ -47,6 +47,9 @@ function initEntitiesActions(store, _router) {
 							type: {
 								notEqualTo: "info"
 							}
+							visible: {
+								equalTo: true
+							}
 						}
                     ) {
 						nodes {

assets/js/fragments.js

@@ -6,6 +6,7 @@ const siteFragment = `
       url
 	  type
 	  independent
+	  hasLogo
       parent {
         id
         name
@@ -13,6 +14,7 @@ const siteFragment = `
         url
 		type
 	    independent
+		hasLogo
       }
     }
 `;
@@ -25,6 +27,7 @@ const sitesFragment = `
       url
 	  type
 	  independent
+	  hasLogo
       parent {
         id
         name
@@ -32,6 +35,7 @@ const sitesFragment = `
         url
 		type
 		independent
+		hasLogo
       }
     }
 `;
@@ -174,6 +178,7 @@ const releaseFields = `
     type
 	shootId
 	productionDate
+	comment
     createdAt
     url
     ${releaseActorsFragment}
@@ -241,6 +246,7 @@ const releaseFragment = `
     createdAt
     shootId
 	productionDate
+	comment
     url
     ${releaseActorsFragment}
     ${releaseTagsFragment}