Skip to content

Commit

Permalink
Merge pull request #103 from lcnetdev/bfp-256-add-complex-lookup-vali…
Browse files Browse the repository at this point in the history 
…dation-icons

first pass at validation icons
  • Loading branch information
@thisismattmiller
thisismattmiller authored Oct 24, 2024
2 parents c3fbf96 + 95c9768 commit 8c30e56
Show file tree
Hide file tree
Showing 5 changed files with 684 additions and 16 deletions.
15 changes: 10 additions & 5 deletions src/components/panels/edit/fields/LookupComplex.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@
<AuthTypeIcon passClass="complex-lookup-inline" v-if="avl.type" :type="avl.type"/>
</div>
<div class="selected-value-container-title">
<!-- <span class="material-icons check-mark">check_circle_outline</span> -->
<!-- <span class="material-icons check-mark">check_circle_outline</span> -->
<span v-if="!avl.needsDereference" style="padding-right: 0.3em; font-weight: bold">{{avl.label}}<span class="uncontrolled" v-if="avl.isLiteral">(uncontrolled)</span><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon" style=""></span></span>
<span v-else style="padding-right: 0.3em; font-weight: bold"><LabelDereference :URI="avl.URI"/><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon"><span class="material-icons check-mark">check_circle_outline</span></span></span>
</div>
Expand All @@ -98,8 +98,9 @@



<template v-if="preferenceStore.returnValue('--b-edit-main-splitpane-edit-shortcode-display-mode') == false">
<template v-if="preferenceStore.returnValue('--b-edit-main-splitpane-edit-shortcode-display-mode') == false">
<div class="lookup-fake-input-entities" v-if="marcDeliminatedLCSHMode == false">

<div v-for="(avl,idx) in complexLookupValues" class="selected-value-container">
<div class="selected-value-container-auth">
<AuthTypeIcon passClass="complex-lookup-inline" v-if="avl.type" :type="avl.type"/>
Expand All @@ -111,11 +112,13 @@
<span v-else>{{avl.label}}</span> -->
<span v-if="avl.source && avl.source=='FAST'" style="font-weight: bold;">(FAST) </span>
<a href="#" @click="openAuthority()" ref="el">{{avl.label}}</a>
<span class="uncontrolled" v-if="avl.isLiteral">
<ValidationIcon :value="avl" />
<!-- <span class="uncontrolled" v-if="avl.isLiteral">
(uncontrolled)
</span>
<span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon" style="">
</span>
</span> -->

</span>
<span v-else-if="avl.needsDereference" style="padding-right: 0.3em; font-weight: bold"><LabelDereference :URI="avl.URI"/><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon"><span class="material-icons check-mark">check_circle_outline</span></span></span>
<span v-else-if="avl.uneditable" style="padding-right: 0.3em; font-weight: bold">{{ avl.label }} (Uneditable)</span>
Expand Down Expand Up @@ -193,6 +196,7 @@ import SubjectEditor from "@/components/panels/edit/modals/SubjectEditor.vue";
import LabelDereference from "@/components/panels/edit/fields/helpers/LabelDereference.vue";
import AuthTypeIcon from "@/components/panels/edit/fields/helpers/AuthTypeIcon.vue";
import ActionButton from "@/components/panels/edit/fields/helpers/ActionButton.vue";
import ValidationIcon from "@/components/panels/edit/fields/helpers/ValidationIcon.vue";
import { useProfileStore } from '@/stores/profile'
Expand All @@ -213,7 +217,8 @@ export default {
SubjectEditor,
LabelDereference,
AuthTypeIcon,
ActionButton
ActionButton,
ValidationIcon
// Keypress: () => import('vue-keypress'),
// EditSubjectEditor,
Expand Down
20 changes: 10 additions & 10 deletions src/components/panels/edit/fields/LookupSimple.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
<span class="uncontrolled" v-if="avl.isLiteral"> (uncontrolled)</span></span>
<!-- <span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon" style=""><span class="material-icons check-mark">check_circle_outline</span></span></span> -->

<span v-else style=""><LabelDereference :URI="avl.URI"/><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon"><span class="material-icons check-mark">check_circle_outline</span></span></span>
<span v-else style=""><LabelDereference :URI="avl.URI"/><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon"></span></span>

<a href="#" class="inline-remove-x" @click="removeValue(idx)" style="">x</a>
</template>
Expand Down Expand Up @@ -74,9 +74,9 @@

<div class="lookup-fake-input-entities" style="display:inline-block;">
<div v-for="(avl,idx) in simpleLookupValues" class="selected-value-container">
<span v-if="!avl.needsDereference" style="padding-right: 0.3em; font-weight: bold">{{avl.label}}<span class="uncontrolled" v-if="avl.isLiteral">(uncontrolled)</span><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon" style=""><span class="material-icons check-mark">check_circle_outline</span></span></span>
<span v-if="!avl.needsDereference" style="padding-right: 0.3em; font-weight: bold">{{avl.label}}<span class="uncontrolled" v-if="avl.isLiteral">(uncontrolled)</span><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon" style=""></span></span>

<span v-else style="padding-right: 0.3em; font-weight: bold"><LabelDereference :URI="avl.URI"/><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon"><span class="material-icons check-mark">check_circle_outline</span></span></span>
<span v-else style="padding-right: 0.3em; font-weight: bold"><LabelDereference :URI="avl.URI"/><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon"></span></span>

<span @click="removeValue(idx)" style="border-left: solid 1px black; padding: 0 0.5em; font-size: 1em; cursor: pointer;">x</span>
</div>
Expand All @@ -95,8 +95,8 @@
<div class="lookup-fake-input-entities">
<div v-for="(avl,idx) in simpleLookupValues" class="selected-value-container">

<span v-if="!avl.needsDereference" style="padding-right: 0.3em; font-weight: bold">{{avl.label}}<span class="uncontrolled" v-if="avl.isLiteral">(uncontrolled)</span><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon" style=""><span class="material-icons check-mark">check_circle_outline</span></span></span>
<span v-else style="padding-right: 0.3em; font-weight: bold"><LabelDereference :URI="avl.URI"/><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon"><span class="material-icons check-mark">check_circle_outline</span></span></span>
<span v-if="!avl.needsDereference" style="padding-right: 0.3em; font-weight: bold">{{avl.label}}<span class="uncontrolled" v-if="avl.isLiteral">(uncontrolled)</span><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon" style=""></span></span>
<span v-else style="padding-right: 0.3em; font-weight: bold"><LabelDereference :URI="avl.URI"/><span v-if="!avl.isLiteral" title="Controlled Term" class="selected-value-icon"></span></span>
<span @click="removeValue(idx)" v-if="!avl.uneditable" style="border-left: solid 1px black; padding: 0 0.5em; font-size: 1em; cursor: pointer;">x</span>
<span v-else>(uneditable)</span>
</div>
Expand Down Expand Up @@ -1219,11 +1219,11 @@ export default {
.selected-value-icon{
/* font-family: "validation-icons", "fontello", Avenir, Helvetica, Arial, sans-serif;*/
padding-right: 0.3em;
margin-left: 5px;
border-left: 1px solid black;
padding: 0px 7px;
font-size: 1em;
/* padding-right: 0.3em; */
/* margin-left: 5px; */
/* border-left: 1px solid black; */
/* padding: 0px 7px; */
/* font-size: 1em; */
}
Expand Down
Loading

0 comments on commit 8c30e56

Please sign in to comment.