Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
W
Wiki
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Package registry
Container registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
GitLab community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
MDM Lab
Wiki
Merge requests
!21
Deal with refseq large table
Code
Review changes
Check out branch
Download
Patches
Plain diff
Expand sidebar
Merged
Deal with refseq large table
deal-with-refseq-large-table
into
dev
Overview
0
Commits
34
Pipelines
53
Changes
13
Merged
Deal with refseq large table
Remi PLANEL
requested to merge
deal-with-refseq-large-table
into
dev
Oct 13, 2023
Overview
0
Commits
34
Pipelines
53
Changes
13
0
0
Merge request reports
Compare
dev
version 25
16c0417e
Oct 19, 2023
version 24
542e547e
Oct 19, 2023
version 23
a2be5343
Oct 19, 2023
version 22
432adcfd
Oct 19, 2023
version 21
9d2cd517
Oct 18, 2023
version 20
fc49e80f
Oct 18, 2023
version 19
595f9046
Oct 18, 2023
version 18
7ece2f7e
Oct 18, 2023
version 17
cf6fd796
Oct 18, 2023
version 16
aaa802d1
Oct 18, 2023
version 15
7e067e36
Oct 18, 2023
version 14
72cde4a5
Oct 18, 2023
version 13
71d4a9b5
Oct 18, 2023
version 12
0695e8be
Oct 18, 2023
version 11
a78913ae
Oct 18, 2023
version 10
8db33cc5
Oct 18, 2023
version 9
a650ea75
Oct 18, 2023
version 8
c7bc1616
Oct 18, 2023
version 7
ae21b05c
Oct 17, 2023
version 6
f7d8442a
Oct 17, 2023
version 5
3c64859e
Oct 17, 2023
version 4
4096fc64
Oct 17, 2023
version 3
55809631
Oct 17, 2023
version 2
26ef79ea
Oct 17, 2023
version 1
750ad57e
Oct 13, 2023
dev (base)
and
latest version
latest version
dad06194
34 commits,
Oct 19, 2023
version 25
16c0417e
33 commits,
Oct 19, 2023
version 24
542e547e
32 commits,
Oct 19, 2023
version 23
a2be5343
30 commits,
Oct 19, 2023
version 22
432adcfd
29 commits,
Oct 19, 2023
version 21
9d2cd517
27 commits,
Oct 18, 2023
version 20
fc49e80f
26 commits,
Oct 18, 2023
version 19
595f9046
25 commits,
Oct 18, 2023
version 18
7ece2f7e
24 commits,
Oct 18, 2023
version 17
cf6fd796
23 commits,
Oct 18, 2023
version 16
aaa802d1
22 commits,
Oct 18, 2023
version 15
7e067e36
21 commits,
Oct 18, 2023
version 14
72cde4a5
20 commits,
Oct 18, 2023
version 13
71d4a9b5
19 commits,
Oct 18, 2023
version 12
0695e8be
18 commits,
Oct 18, 2023
version 11
a78913ae
17 commits,
Oct 18, 2023
version 10
8db33cc5
16 commits,
Oct 18, 2023
version 9
a650ea75
15 commits,
Oct 18, 2023
version 8
c7bc1616
14 commits,
Oct 18, 2023
version 7
ae21b05c
13 commits,
Oct 17, 2023
version 6
f7d8442a
12 commits,
Oct 17, 2023
version 5
3c64859e
11 commits,
Oct 17, 2023
version 4
4096fc64
10 commits,
Oct 17, 2023
version 3
55809631
9 commits,
Oct 17, 2023
version 2
26ef79ea
8 commits,
Oct 17, 2023
version 1
750ad57e
7 commits,
Oct 13, 2023
13 files
+
521
−
7126
Inline
Compare changes
Side-by-side
Inline
Show whitespace changes
Show one file at a time
Files
13
components/AccessionChips.vue
0 → 100644
+
58
−
0
View file @ dad06194
Edit in single-file editor
Open in Web IDE
<
script
setup
lang=
"ts"
>
export
interface
Props
{
accessionString
:
string
|
null
;
itemsToDisplay
?:
number
;
baseUrl
:
string
;
}
const
props
=
withDefaults
(
defineProps
<
Props
>
(),
{
pfamString
:
null
,
itemsToDisplay
:
2
,
});
const
accessions
=
computed
(()
=>
{
if
(
props
.
accessionString
===
null
)
{
return
[];
}
else
{
return
props
.
accessionString
.
split
(
"
,
"
).
map
((
acc
)
=>
acc
.
trim
());
}
});
const
show
=
ref
(
false
);
function
constructUrl
(
accession
:
string
)
{
return
new
URL
(
accession
,
props
.
baseUrl
).
toString
();
}
</
script
>
<
template
>
<!-- class="d-inline-flex justify-start align-center" -->
<span
v-if=
"show"
class=
"d-flex flex-wrap align-center justify-start"
>
<template
v-if=
"accessions.length > itemsToDisplay"
>
<template
v-for=
"(acc) in accessions"
:key=
"acc"
>
<v-chip
:href=
"constructUrl(acc)"
target=
"_blank"
color=
"info"
class=
"mr-1 my-1 align-self-center"
size=
"small"
>
{{
acc
}}
</v-chip>
</
template
>
</template>
<v-btn
v-if=
"itemsToDisplay < accessions.length"
variant=
"text"
:icon=
"'mdi-chevron-up'"
@
click=
"show = !show"
></v-btn>
</span>
<span
v-else
class=
"d-flex flex-wrap align-center justify-start"
>
<
template
v-for=
"(acc, index) in accessions"
:key=
"acc"
>
<v-chip
v-if=
"index
<
itemsToDisplay
||
itemsToDisplay
<
0"
:href=
"constructUrl(acc)"
target=
"_blank"
color=
"info"
class=
"mr-1 my-1 align-self-center"
size=
"small"
>
{{
acc
}}
</v-chip>
<template
v-if=
"index === itemsToDisplay"
>
<v-chip
v-if=
"!show"
variant=
"text"
class=
"text-grey text-caption align-self-center px-1"
@
click=
"show = !show"
>
(+
{{
accessions
.
length
-
itemsToDisplay
}}
others)
</v-chip>
<v-btn
v-if=
"itemsToDisplay
<
accessions.length
&&
!
show
"
variant=
"text"
:icon=
"'mdi-chevron-down'"
@
click=
"show = !show"
></v-btn>
</
template
>
</template>
</span>
</template>
\ No newline at end of file
Loading