From c2ba5483115fd1dcc960c69df7b816799a77a9fd Mon Sep 17 00:00:00 2001 From: Markus Opolka <markus@martialblog.de> Date: Mon, 22 Jan 2018 19:23:58 +0100 Subject: [PATCH] Refactor Feature Component --- src/components/Feature.vue | 26 ++++++++++++++++---------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/src/components/Feature.vue b/src/components/Feature.vue index 4987fb1..57e4b10 100644 --- a/src/components/Feature.vue +++ b/src/components/Feature.vue @@ -6,18 +6,24 @@ <ul v-if="isFeature(child)" style="list-style-type:none; padding:5px;"> <li v-for="attr in child.feature"> <span v-if="attr._attributes"> - <v-chip label small v-on:click.native="mark(attr.ref)"> - <span v-if="attr._attributes.category">Category: {{(attr._attributes.category)}}</span> - <span v-if="attr._attributes.type">, Type: {{(attr._attributes.type)}}</span> - <span v-if="attr._attributes.subtype">, Subtype: {{(attr._attributes.subtype)}}</span> - </v-chip> + <v-tooltip right> + <v-chip label small v-on:click.native="mark(attr.ref)" slot="activator"> + <span v-if="attr._attributes.category">Category: {{(attr._attributes.category)}}</span> + <span v-if="attr._attributes.type">, Type: {{(attr._attributes.type)}}</span> + <span v-if="attr._attributes.subtype">, Subtype: {{(attr._attributes.subtype)}}</span> + </v-chip> + <span v-if="attr._attributes.ref">Lines: {{attr._attributes.ref}}</span> + </v-tooltip> </span> <span v-else-if="attr.category"> - <v-chip label small v-on:click.native="mark(attr.ref)"> - <span v-if="attr.category">Category: {{(attr.category)}}</span> - <span v-if="attr.type">, Type: {{(attr.type)}}</span> - <span v-if="attr.subtype">, Subtype: {{(attr.subtype)}}</span> - </v-chip> + <v-tooltip right> + <v-chip label small v-on:click.native="mark(attr.ref)" slot="activator"> + <span v-if="attr.category">Category: {{(attr.category)}}</span> + <span v-if="attr.type">, Type: {{(attr.type)}}</span> + <span v-if="attr.subtype">, Subtype: {{(attr.subtype)}}</span> + </v-chip> + <span v-if="attr.ref">Lines: {{attr.ref}}</span> + </v-tooltip> </span> <span v-else> <v-chip label small> -- GitLab