Fixed profile location interpolation. Generalizing ethnicity, hair color and eye color.

assets/components/actors/actor.vue

@@ -190,6 +190,22 @@
 						</span>
 					</li>
 
+					<li
+						v-if="actor.eyes"
+						class="bio-item eyes hideable"
+					>
+						<dfn class="bio-label"><Icon icon="eye" />Eyes</dfn>
+						<span>{{ actor.eyes }}</span>
+					</li>
+
+					<li
+						v-if="actor.hair"
+						class="bio-item hair hideable"
+					>
+						<dfn class="bio-label"><Icon icon="haircut" />Hair</dfn>
+						<span>{{ actor.hair }}</span>
+					</li>
+
 					<li
 						v-if="actor.hasTattoos"
 						class="bio-item tattoos hideable"
@@ -513,7 +529,9 @@ export default {
 	transform: scaleX(-1);
 }
 
-.ethnicity {
+.ethnicity,
+.hair,
+.eyes {
     text-transform: capitalize;
 }
 

assets/components/search/search.vue

@@ -5,30 +5,32 @@
 			class="summary"
 		>Searching...</span>
 
-		<div v-if="!loading && actors.length > 0">
-			<span
-				v-if="!loading"
-				class="summary"
-			>Found {{ actors.length }} actors for '{{ query }}'</span>
+		<span
+			v-if="!loading"
+			class="summary"
+		>Found {{ actors.length }} actors for '{{ query }}'</span>
 
-			<div class="tiles">
-				<Actor
-					v-for="actor in actors"
-					:key="`actor-${actor.id}`"
-					:actor="actor.aliasFor || actor"
-					:alias="actor.aliasFor && actor"
-				/>
-			</div>
+		<div
+			v-if="!loading && actors.length > 0"
+			class="tiles"
+		>
+			<Actor
+				v-for="actor in actors"
+				:key="`actor-${actor.id}`"
+				:actor="actor.aliasFor || actor"
+				:alias="actor.aliasFor && actor"
+			/>
 		</div>
 
-		<div v-if="!loading && actors.length > 0">
-			<span
-				v-if="!loading"
-				class="summary"
-			>Found {{ releases.length }} releases for '{{ query }}'</span>
+		<span
+			v-if="!loading"
+			class="summary"
+		>Found {{ releases.length }} releases for '{{ query }}'</span>
 
-			<Releases :releases="releases" />
-		</div>
+		<Releases
+			v-if="!loading && releases.length > 0"
+			:releases="releases"
+		/>
 	</div>
 </template>
 

assets/img/icons/haircut.svg

@@ -0,0 +1,6 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+<title>haircut</title>
+<path d="M7 10c-0.364 0-0.706 0.098-1 0.269v-2.769c0-0.024-0.002-0.047-0.005-0.071l-1-7c-0.035-0.246-0.246-0.429-0.495-0.429s-0.46 0.183-0.495 0.429l-1 7c-0.003 0.023-0.005 0.047-0.005 0.071v2.769c-0.294-0.171-0.636-0.269-1-0.269-1.103 0-2 0.897-2 2s0.897 2 2 2 2-0.897 2-2v-4c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v4c0 0.801 0.474 1.494 1.156 1.813-0.1 0.214-0.156 0.449-0.156 0.687 0 0.827 0.673 1.5 1.5 1.5 0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5c-0.276 0-0.5-0.224-0.5-0.5 0-0.197 0.115-0.41 0.277-0.52 0.972-0.135 1.723-0.972 1.723-1.98 0-1.103-0.897-2-2-2zM2 13c-0.551 0-1-0.449-1-1s0.449-1 1-1 1 0.449 1 1-0.449 1-1 1zM7 13c-0.551 0-1-0.449-1-1s0.449-1 1-1 1 0.449 1 1-0.449 1-1 1z"></path>
+<path d="M15 0h-3.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h2.5v1h-2.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h2.5v1h-2.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h2.5v1h-2.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h2.5v1h-2.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h2.5v5c0 0.552 0.448 1 1 1s1-0.448 1-1v-13c0-0.552-0.448-1-1-1z"></path>
+</svg>

assets/js/actors/actions.js

@@ -47,6 +47,8 @@ function initActorActions(store, _router) {
                     heightImperial: height(units:IMPERIAL)
                     weightMetric: weight(units:METRIC)
                     weightImperial: weight(units:IMPERIAL)
+					hair
+					eyes
                     hasTattoos
                     hasPiercings
                     tattoos