Skip to content
Snippets Groups Projects
Commit 4062530a authored by moon's avatar moon
Browse files

Fixed style and const.js

parent 8186897a
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
web/src/components/AddNovelCondensate.vue
+ 348
− 120
View file @ 4062530a
<template>
<div class="flex flex-wrap">
<div class="w-5/6">
<form autocomplete="off" @submit.prevent="addCondensate()">
<form
autocomplete="off"
@submit.prevent="addCondensate()"
>
<div v-if="isLoading">
<base-spinner />
</div>
<div
class="grid grid-cols-3 grid-flow-row-dense items-center gap-x-6 border border-gray-300 rounded-md p-4 gap-y-4">
<label class="text-right" for="condensate_is_experimental">Synthetic?</label>
class="grid grid-cols-3 grid-flow-row-dense items-center gap-x-6 border border-gray-300 rounded-md p-4 gap-y-4"
>
<label
class="text-right"
for="condensate_is_experimental"
>Synthetic?</label>
<div class="col-span-2">
<input id="condensate_is_experimental_true" v-model="condensate.is_experimental" type="radio"
name="condensate_is_experimental" value="true">
<label for="condensate_is_experimental_true" class="ml-2 mr-3">Yes</label>
<input id="condensate_is_experimental_false" v-model="condensate.is_experimental" type="radio"
name="condensate_is_experimental" value="false">
<label for="condensate_is_experimental_false" class="ml-2 mr-3">No</label>
<input
id="condensate_is_experimental_true"
v-model="condensate.is_experimental"
type="radio"
name="condensate_is_experimental"
value="true"
>
<label
for="condensate_is_experimental_true"
class="ml-2 mr-3"
>Yes</label>
<input
id="condensate_is_experimental_false"
v-model="condensate.is_experimental"
type="radio"
name="condensate_is_experimental"
value="false"
>
<label
for="condensate_is_experimental_false"
class="ml-2 mr-3"
>No</label>
</div>
<label class="text-right" for="condensate_name">Condensate Name</label>
<label
class="text-right"
for="condensate_name"
>Condensate Name</label>
<div class="col-span-2">
<input id="condensate_name" v-model.trim="condensate.name" class="bg-white
<input
id="condensate_name"
v-model.trim="condensate.name"
class="bg-white
w-1/3
py-4
px-4
......@@ -30,18 +58,30 @@
text-gray-700
bg-transparent
border border-gray-500
hover:border-gray-700" type="text" placeholder="Name">
<p v-if="condensate.errors.name" class="text-red-600 mt-4 font-bold">
hover:border-gray-700"
type="text"
placeholder="Name"
>
<p
v-if="condensate.errors.name"
class="text-red-600 mt-4 font-bold"
>
{{ condensate.errorMsg }}
</p>
</div>
<label class="text-right" for="condensate_species">Species</label>
<label
class="text-right"
for="condensate_species"
>Species</label>
<div class="col-span-2">
<input id="condensate_species" v-model.trim="condensate.species" class="bg-white
<input
id="condensate_species"
v-model.trim="condensate.species"
class="bg-white
w-1/3
py-4
px-4
......@@ -50,24 +90,43 @@
text-gray-700
bg-transparent
border border-gray-500
hover:border-gray-700" type="text" placeholder="Species (NCBI taxonomy ID)">
<p v-if="condensate.errors.species" class="text-red-600 mt-4 font-bold">
hover:border-gray-700"
type="text"
placeholder="Species (NCBI taxonomy ID)"
>
<p
v-if="condensate.errors.species"
class="text-red-600 mt-4 font-bold"
>
{{ condensate.errorMsg }}
</p>
</div>
<label class="text-right" for="condensate_protein">Proteins</label>
<label
class="text-right"
for="condensate_protein"
>Proteins</label>
<div>
<tags-input v-model="proteinNameList" @proteinNotFound="notFound" />
<p v-if="searchProtein.errors" class="text-red-500 font-bold">{{ searchProtein.message }}</p>
<tags-input
v-model="proteinNameList"
@proteinNotFound="notFound"
/>
<p
v-if="searchProtein.errors"
class="text-red-500 font-bold"
>
{{ searchProtein.message }}
</p>
</div>
<button id="addNewProtein" class="
<button
id="addNewProtein"
class="
bg-blue-500
......@@ -79,18 +138,30 @@
text-white
hover:bg-blue-700
" type="button" @click="showAddNewProtein = !showAddNewProtein">
"
type="button"
@click="showAddNewProtein = !showAddNewProtein"
>
Add New Protein
</button>
<div v-if="showAddNewProtein" class="col-span-3">
<div
v-if="showAddNewProtein"
class="col-span-3"
>
<div
class="grid grid-cols-3 items-center grid-flow-row-dense gap-x-6 gap-y-4 p-4 border border-gray-300 rounded-md">
<label class="text-right" for="uniprot_id">Uniprot ID</label>
class="grid grid-cols-3 items-center grid-flow-row-dense gap-x-6 gap-y-4 p-4 border border-gray-300 rounded-md"
>
<label
class="text-right"
for="uniprot_id"
>Uniprot ID</label>
<div class="col-span-2">
<input id="uniprot_id" v-model.trim="newProtein.uniprot_id" class="bg-white
<input
id="uniprot_id"
v-model.trim="newProtein.uniprot_id"
class="bg-white
w-1/3
py-4
px-4
......@@ -99,17 +170,29 @@
text-gray-700
bg-transparent
border border-gray-500
hover:border-gray-700" type="text" placeholder="Uniprot ID">
<p v-if="newProtein.errors.uniprot_id" class="text-red-600 mt-4 font-bold">
hover:border-gray-700"
type="text"
placeholder="Uniprot ID"
>
<p
v-if="newProtein.errors.uniprot_id"
class="text-red-600 mt-4 font-bold"
>
{{ newProtein.errorMsg }}
</p>
</div>
<label class="text-right" for="functional_type">Functional Type</label>
<label
class="text-right"
for="functional_type"
>Functional Type</label>
<div class="col-span-2">
<select id="functional_type" v-model="newProtein.functional_type" class="
<select
id="functional_type"
v-model="newProtein.functional_type"
class="
bg-white
px-4
py-5
......@@ -121,7 +204,8 @@
bg-transparent
border-b
hover:border-blue-700
">
"
>
<option value="">
Select Functional Type
</option>
......@@ -139,15 +223,24 @@
</option>
</select>
<p v-if="newProtein.errors.functional_type" class="text-red-600 mt-4 font-bold">
<p
v-if="newProtein.errors.functional_type"
class="text-red-600 mt-4 font-bold"
>
{{ newProtein.errorMsg }}
</p>
</div>
<label class="text-right" for="pubmed_ids">PubMed IDs</label>
<label
class="text-right"
for="pubmed_ids"
>PubMed IDs</label>
<div class="col-span-2">
<input id="pubmed_ids" v-model.trim="newProtein.pubmed_ids" class="bg-white
<input
id="pubmed_ids"
v-model.trim="newProtein.pubmed_ids"
class="bg-white
w-1/3
py-4
px-4
......@@ -156,66 +249,166 @@
text-gray-700
bg-transparent
border border-gray-500
hover:border-gray-700" type="text" placeholder="PubMed IDs (separated by comma)">
<p v-if="newProtein.errors.pubmed_ids" class="text-red-600 mt-4 font-bold">
hover:border-gray-700"
type="text"
placeholder="PubMed IDs (separated by comma)"
>
<p
v-if="newProtein.errors.pubmed_ids"
class="text-red-600 mt-4 font-bold"
>
{{ newProtein.errorMsg }}
</p>
</div>
<label class="text-right" for="driver_criterion">Driver Criterion</label>
<label
class="text-right"
for="driver_criterion"
>Driver Criterion</label>
<div class="col-span-2 space-x-4">
<input id="self_ps" v-model="newProtein.driver_criterion" type="checkbox" value="self_ps"
class="h-6 w-6">
<label for="self_ps" class="mx-3">Self-PS</label>
<input id="induces_assembly" v-model="newProtein.driver_criterion" type="checkbox"
value="induces_assembly" class="h-6 w-6">
<label for="induces_assembly" class="mx-3">Induces Assembly</label>
<input id="essential_for_integrity" v-model="newProtein.driver_criterion" type="checkbox"
value="essential_for_integrity" class="h-6 w-6">
<label for="essential_for_integrity" class="mx-3">Essential For Integrity</label>
<p v-if="newProtein.errors.driver_criterion" class="text-red-600 mt-4 font-bold">
<input
id="self_ps"
v-model="newProtein.driver_criterion"
type="checkbox"
value="self_ps"
class="h-6 w-6"
>
<label
for="self_ps"
class="mx-3"
>Self-PS</label>
<input
id="induces_assembly"
v-model="newProtein.driver_criterion"
type="checkbox"
value="induces_assembly"
class="h-6 w-6"
>
<label
for="induces_assembly"
class="mx-3"
>Induces Assembly</label>
<input
id="essential_for_integrity"
v-model="newProtein.driver_criterion"
type="checkbox"
value="essential_for_integrity"
class="h-6 w-6"
>
<label
for="essential_for_integrity"
class="mx-3"
>Essential For Integrity</label>
<p
v-if="newProtein.errors.driver_criterion"
class="text-red-600 mt-4 font-bold"
>
{{ newProtein.errorMsg }}
</p>
</div>
<label class="text-right" for="experimental_evidences">Experimental Evidences</label>
<label
class="text-right"
for="experimental_evidences"
>Experimental Evidences</label>
<div class="col-span-2">
<input id="in_vitro" v-model="newProtein.experimental_evidences" type="checkbox" value="in_vitro"
class="h-6 w-6">
<label for="in_vitro" class="mx-3">In Vitro</label>
<input id="in_vivo" v-model="newProtein.experimental_evidences" type="checkbox" value="in_vivo"
class="h-6 w-6">
<label for="in_vivo" class="mx-3">In Vivo</label>
<input id="in_cellulo" v-model="newProtein.experimental_evidences" type="checkbox" value="in_cellulo"
class="h-6 w-6">
<label for="in_cellulo" class="mx-3">In Cellulo</label>
<input id="mass_spectrometry" v-model="newProtein.experimental_evidences" type="checkbox"
value="mass_spectrometry" class="h-6 w-6">
<label for="mass_spectrometry" class="mx-3">Mass Spectrometry</label><br>
<input id="colocalization" v-model="newProtein.experimental_evidences" type="checkbox"
value="colocalization" class="h-6 w-6">
<label for="colocalization" class="mx-3">Colocalization</label>
<input id="frap" v-model="newProtein.experimental_evidences" type="checkbox" value="frap"
class="h-6 w-6">
<label for="frap" class="mx-3">FRAP</label>
<input id="others" v-model="newProtein.experimental_evidences" type="checkbox" value="others"
class="h-6 w-6">
<label for="others" class="mx-3">Others</label>
<p v-if="newProtein.errors.experimental_evidences" class="text-red-600 mt-4 font-bold">
<input
id="in_vitro"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="in_vitro"
class="h-6 w-6"
>
<label
for="in_vitro"
class="mx-3"
>In Vitro</label>
<input
id="in_vivo"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="in_vivo"
class="h-6 w-6"
>
<label
for="in_vivo"
class="mx-3"
>In Vivo</label>
<input
id="in_cellulo"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="in_cellulo"
class="h-6 w-6"
>
<label
for="in_cellulo"
class="mx-3"
>In Cellulo</label>
<input
id="mass_spectrometry"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="mass_spectrometry"
class="h-6 w-6"
>
<label
for="mass_spectrometry"
class="mx-3"
>Mass Spectrometry</label><br>
<input
id="colocalization"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="colocalization"
class="h-6 w-6"
>
<label
for="colocalization"
class="mx-3"
>Colocalization</label>
<input
id="frap"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="frap"
class="h-6 w-6"
>
<label
for="frap"
class="mx-3"
>FRAP</label>
<input
id="others"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="others"
class="h-6 w-6"
>
<label
for="others"
class="mx-3"
>Others</label>
<p
v-if="newProtein.errors.experimental_evidences"
class="text-red-600 mt-4 font-bold"
>
{{ newProtein.errorMsg }}
</p>
<div class="space-y-4 space-x-4">
<button id="addNewProteinButton" class="
<button
id="addNewProteinButton"
class="
bg-blue-500
font-bold
......@@ -225,10 +418,15 @@
w-32
text-white
hover:bg-blue-700
" type="button" @click="addNewProtein()">
"
type="button"
@click="addNewProtein()"
>
Add
</button>
<button id="cancelNewProtinButton" class="
<button
id="cancelNewProtinButton"
class="
bg-white
hover:bg-gray-200
focus:ring-2 focus:ring-gray-300
......@@ -239,15 +437,14 @@
px-5
hover:text-gray-900
font-bold
" type="button" @click="cancelAddProtein">
"
type="button"
@click="cancelAddProtein"
>
Cancel
</button>
</div>
</div>
</div>
</div>
......@@ -256,9 +453,15 @@
<label class="text-right" for="condensate_synonyms">Synonyms</label>
<label
class="text-right"
for="condensate_synonyms"
>Synonyms</label>
<div class="col-span-2">
<input id="condensate_synonyms" v-model.trim="condensate.synonyms" class="bg-white
<input
id="condensate_synonyms"
v-model.trim="condensate.synonyms"
class="bg-white
w-1/3
py-4
px-4
......@@ -267,18 +470,28 @@
text-gray-700
bg-transparent
border border-gray-500
hover:border-gray-700" type="text" placeholder="Synonyms (comma-separated)">
<p v-if="condensate.errors.synonyms" class="text-red-600 mt-4 font-bold">
hover:border-gray-700"
type="text"
placeholder="Synonyms (comma-separated)"
>
<p
v-if="condensate.errors.synonyms"
class="text-red-600 mt-4 font-bold"
>
{{ condensate.errorMsg }}
</p>
</div>
<label class="text-right" for="condensate_comments">Comments</label>
<label
class="text-right"
for="condensate_comments"
>Comments</label>
<div class="col-span-2">
<textarea id="condensate_comments" v-model.trim="condensate.comments" class="
<textarea
id="condensate_comments"
v-model.trim="condensate.comments"
class="
text-xl
outline-none
w-full
......@@ -289,29 +502,43 @@
border border-gray-400
hover:border-gray-700
focus:border-blue-500
" rows="5" :placeholder="
getUserData === 'Maintainer'
? 'Optional.'
: 'Mandatory.'
" />
<p v-if="condensate.errors.comments" class="text-red-600 mt-4 font-bold">
"
rows="5"
:placeholder="
getUserData === 'Maintainer'
? 'Optional.'
: 'Mandatory.'
"
/>
<p
v-if="condensate.errors.comments"
class="text-red-600 mt-4 font-bold"
>
{{ condensate.errorMsg }}
</p>
</div>
<div class="col-start-2 col-end-3">
<div class="space-y-4 space-x-4">
<button class="
<button
class="
bg-blue-500
font-bold
rounded-lg
py-6
px-5
text-white
hover:bg-blue-700
" type="submit">
"
type="submit"
>
Add Condensate
</button>
<button id="dropdownMenuButton" class="
<button
id="dropdownMenuButton"
class="
bg-white
hover:bg-gray-200
focus:ring-2 focus:ring-gray-300
......@@ -321,27 +548,28 @@
px-5
hover:text-gray-900
font-bold
" type="button" @click="close">
"
type="button"
@click="close"
>
Cancel
</button>
</div>
</div>
</div>
<div>
<h3 v-if="fetchError" class="text-red-500">
<h3
v-if="fetchError"
class="text-red-500"
>
{{ fetchError }}
</h3>
</div>
</form>
</div>
</div>
</template>
<script>
......@@ -450,7 +678,7 @@ export default {
this.condensate.synonyms = []
this.condensate.comments = ''
this.condensate.errorMsg = ''
this.$router.push("/")
this.$router.push('/')
},
cancelAddProtein() {
......@@ -570,7 +798,7 @@ export default {
return;
} else if (vm.proteinList.length === 0) {
vm.searchProtein.errors = true;
vm.searchProtein.message = "Proteins field should not be empty."
vm.searchProtein.message = 'Proteins field should not be empty.'
return;
}
else if (vm.condensate.synonyms.length === 0) {
......
web/src/components/TagsInput.vue
+ 187
− 54
View file @ 4062530a
<template>
<div>
<div v-if="show" id="deleteModal">
<div
v-if="show"
id="deleteModal"
>
<div class="fixed z-40 h-full inset-0 opacity-25 bg-black" />
<div class="
<div
class="
fixed
overflow-x-hidden overflow-y-auto
inset-0
......@@ -10,9 +14,11 @@
justify-center
items-center
z-50
">
"
>
<div class="relative px-4 w-full max-w-3xl 2xl:max-w-5xl h-auto md:h-auto">
<div class="
<div
class="
relative
bg-white
p-6
......@@ -21,10 +27,13 @@
rounded-lg
shadow
dark:bg-gray-700
">
"
>
<!-- Modal header -->
<div class="flex justify-end p-2">
<button type="button" class="
<button
type="button"
class="
text-gray-400
bg-transparent
hover:bg-gray-200 hover:text-gray-900
......@@ -35,75 +44,186 @@
inline-flex
items-center
dark:hover:bg-gray-800 dark:hover:text-white
" @click="close">
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
"
@click="close"
>
<svg
class="w-8 h-8"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd" />
clip-rule="evenodd"
/>
</svg>
</button>
</div>
<!-- Modal body -->
<div class="p-6 pt-0 container-fluid col-md-12">
<svg class="mx-auto mb-4 w-14 h-14 text-gray-400 dark:text-gray-200" fill="none" stroke="currentColor"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
<svg
class="mx-auto mb-4 w-14 h-14 text-gray-400 dark:text-gray-200"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<h2 class="mb-5 text-2xl dark:text-gray-400 text-center">
Please, specify <b>Driver Criterion</b> and <b>Experimental Evidences</b> for <b>{{
newProtein.uniprot_id
newProtein.uniprot_id
}}</b>.
</h2>
<form class="form-horizontal" autocomplete="off" @submit.prevent="addUniprot">
<form
class="form-horizontal"
autocomplete="off"
@submit.prevent="addUniprot"
>
<div class="form-group">
<label class="control-label col-sm-3" for="driver_criterion">Driver Criterion</label>
<label
class="control-label col-sm-3"
for="driver_criterion"
>Driver Criterion</label>
<div class="col-sm-8">
<input id="self_ps" v-model="newProtein.driver_criterion" type="checkbox" value="self_ps">
<label for="self_ps" class="px-2">Self-PS</label>
<input id="induces_assembly" v-model="newProtein.driver_criterion" type="checkbox"
value="induces_assembly">
<label for="induces_assembly" class="px-2">Induces Assembly</label>
<input
id="self_ps"
v-model="newProtein.driver_criterion"
type="checkbox"
value="self_ps"
>
<label
for="self_ps"
class="px-2"
>Self-PS</label>
<input
id="induces_assembly"
v-model="newProtein.driver_criterion"
type="checkbox"
value="induces_assembly"
>
<label
for="induces_assembly"
class="px-2"
>Induces Assembly</label>
<br>
<input id="essential_for_integrity" v-model="newProtein.driver_criterion" type="checkbox"
value="essential_for_integrity">
<label for="essential_for_integrity" class="px-2">Essential For Integrity</label>
<input
id="essential_for_integrity"
v-model="newProtein.driver_criterion"
type="checkbox"
value="essential_for_integrity"
>
<label
for="essential_for_integrity"
class="px-2"
>Essential For Integrity</label>
</div>
<p v-if="newProtein.errors.driver_criterion" class="text-red-600 mt-4 font-bold">
<p
v-if="newProtein.errors.driver_criterion"
class="text-red-600 mt-4 font-bold"
>
{{ newProtein.errorMsg }}
</p>
</div>
<div class="form-group">
<label class="control-label col-sm-3" for="experimental_evidences">Experimental Evidences</label>
<label
class="control-label col-sm-3"
for="experimental_evidences"
>Experimental Evidences</label>
<div class="col-sm-6">
<input id="in_vitro" v-model="newProtein.experimental_evidences" type="checkbox" value="in_vitro">
<label for="in_vitro" class="px-2">In Vitro</label>
<input id="in_vivo" v-model="newProtein.experimental_evidences" type="checkbox" value="in_vivo">
<label for="in_vivo" class="px-2">In Vivo</label>
<input
id="in_vitro"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="in_vitro"
>
<label
for="in_vitro"
class="px-2"
>In Vitro</label>
<input
id="in_vivo"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="in_vivo"
>
<label
for="in_vivo"
class="px-2"
>In Vivo</label>
<br>
<input id="in_cellulo" v-model="newProtein.experimental_evidences" type="checkbox"
value="in_cellulo">
<label for="in_cellulo" class="px-2">In Cellulo</label>
<input
id="in_cellulo"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="in_cellulo"
>
<label
for="in_cellulo"
class="px-2"
>In Cellulo</label>
<br>
<input id="mass_spectrometry" v-model="newProtein.experimental_evidences" type="checkbox"
value="mass_spectrometry">
<label for="mass_spectrometry" class="px-2">Mass Spectrometry</label>
<input
id="mass_spectrometry"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="mass_spectrometry"
>
<label
for="mass_spectrometry"
class="px-2"
>Mass Spectrometry</label>
<br>
<input id="colocalization" v-model="newProtein.experimental_evidences" type="checkbox"
value="colocalization">
<label for="colocalization" class="px-2">Colocalization</label>
<input id="frap" v-model="newProtein.experimental_evidences" type="checkbox" value="frap">
<label for="frap" class="px-2">FRAP</label>
<input id="others" v-model="newProtein.experimental_evidences" type="checkbox" value="others">
<label for="others" class="px-2">Others</label>
<input
id="colocalization"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="colocalization"
>
<label
for="colocalization"
class="px-2"
>Colocalization</label>
<input
id="frap"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="frap"
>
<label
for="frap"
class="px-2"
>FRAP</label>
<input
id="others"
v-model="newProtein.experimental_evidences"
type="checkbox"
value="others"
>
<label
for="others"
class="px-2"
>Others</label>
</div>
<p v-if="newProtein.errors.experimental_evidences" class="text-red-600 mt-4 font-bold">
<p
v-if="newProtein.errors.experimental_evidences"
class="text-red-600 mt-4 font-bold"
>
{{ newProtein.errorMsg }}
</p>
</div>
<div class="form-group">
<button type="submit" class="
<button
type="submit"
class="
text-white
bg-blue-500
hover:bg-blue-700
......@@ -115,10 +235,13 @@
py-2.5
text-center
mr-2
">
"
>
Confirm
</button>
<button type="button" class="
<button
type="button"
class="
bg-white
hover:bg-gray-200
focus:ring-2 focus:ring-gray-300
......@@ -133,7 +256,9 @@
dark:border-gray-500
dark:hover:text-white
dark:hover:bg-gray-600
" @click="close">
"
@click="close"
>
Cancel
</button>
</div>
......@@ -143,7 +268,9 @@
</div>
</div>
</div>
<vue-tags-input class="bg-white
<vue-tags-input
v-model="labelTag"
class="bg-white
w-1/3
py-4
px-4
......@@ -152,9 +279,15 @@
text-gray-700
bg-transparent
border border-gray-500
hover:border-gray-700" v-model="labelTag" placeholder="Search" :tags="value"
:autocomplete-items="autocompleteItems" :add-only-from-autocomplete="true" @input="search(labelTag)"
@before-adding-tag="obj => addObj(obj)" @before-deleting-tag="obj => removeObj(obj)" />
hover:border-gray-700"
placeholder="Search"
:tags="value"
:autocomplete-items="autocompleteItems"
:add-only-from-autocomplete="true"
@input="search(labelTag)"
@before-adding-tag="obj => addObj(obj)"
@before-deleting-tag="obj => removeObj(obj)"
/>
</div>
</template>
......@@ -271,7 +404,7 @@ export default {
this.isEmpty = true;
}
this.$emit("proteinNotFound", this.foundProtein, this.isEmpty)
this.$emit('proteinNotFound', this.foundProtein, this.isEmpty)
......
web/src/components/js/const.js
+ 6
− 6
View file @ 4062530a
export const host = '/api';
// export const devHost = '/api';
// export const apiHost = '/cms';
// export const devApiHost = '/cms';
export const devHost = '/api';
export const apiHost = '/cms';
export const devApiHost = '/cms';
export const devHost = 'https://dev.cd-code.org/api';
// export const devHost = 'https://dev.cd-code.org/api';
// export const devHost = 'http://localhost:5001';
export const apiHost = 'http://localhost:1337';
export const devApiHost = 'http://localhost:1337';
// export const apiHost = 'http://localhost:1337';
// export const devApiHost = 'http://localhost:1337';
// apikey should be give here:
export const apikey = process.env.VUE_APP_API_KEY;
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment