Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Share citation copy button #530

Merged
merged 11 commits into from
Jan 8, 2025
Merged

Share citation copy button #530

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
575f89d
feat: add a button which copies citation value to clipboard
Nov 21, 2024
122ff20
style: add citationKey in config and make small code style changes
Nov 21, 2024
dfb663b
fix: show info message on hover and show copied message after clickin…
Nov 21, 2024
e77e598
fix: place the tooltip inline with the text and set the message in ab…
Dec 13, 2024
4d5c976
chore: restore the icons as they were
Dec 13, 2024
90107d7
chore: add copy icon and remove some other attributes (like h, w)
Dec 13, 2024
5c836ad
fix: align the icon in the same height as text
Dec 19, 2024
c0b5448
fix: add a new icon
Dec 19, 2024
86da451
fix: show the tooltip below the icon
Dec 20, 2024
a02e0ec
fix: select the metadata view using conditional filtering on view's c…
Jan 8, 2025
178a457
fix: position the tooltip below the center of the copy button
Jan 8, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
340 changes: 176 additions & 164 deletions examples/ahiqar-arabic-karshuni-local.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,175 +1,187 @@
<!DOCTYPE html>
<html>
<head><title>TIDO</title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="initial-scale=1,maximum-scale=5,minimum-scale=1,width=device-width">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="dist/tido.css">
<style>
html, body {
margin: 0;
}
#app {
height: 100vh;
}
</style>
</head>
<body>
<noscript><strong>We're sorry but TIDO doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong></noscript>
<head>
<title>TIDO</title>
<meta charset="utf-8" />
<meta name="description" content="" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=5,minimum-scale=1,width=device-width"
/>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="dist/tido.css" />
<style>
html,
body {
margin: 0;
}
#app {
height: 100vh;
}
</style>
</head>
<body>
<noscript
><strong
>We're sorry but TIDO doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong
></noscript
>

<div id="app"></div>
<script src="dist/tido.js"></script>
<script>
window.addEventListener('load', function () {
window.tido = new window.Tido({
"collection": "http://localhost:8181/ahiqar/textapi/ahiqar/arabic-karshuni/collection.json",
"labels": {
"item": "Sheet",
"manifest": "Manuscript"
},
"colors": {
"forceMode": "light",
"primary": "#1a3771"
},
"panels": [
{
"label": "contents_and_metadata",
"views": [
{
"id": "tree",
"label": "contents",
"connector": {
"id": 1
}
<div id="app"></div>
<script src="dist/tido.js"></script>
<script>
window.addEventListener("load", function () {
window.tido = new window.Tido({
collection:
"http://localhost:8181/ahiqar/textapi/ahiqar/arabic-karshuni/collection.json",
labels: {
item: "Sheet",
manifest: "Manuscript",
},
colors: {
forceMode: "light",
primary: "#1a3771",
},
{
"id": "metadata",
"label": "metadata",
"connector": {
"id": 2,
"options": {
"collection": {
"all": true
panels: [
{
label: "contents_and_metadata",
views: [
{
id: "tree",
label: "contents",
connector: {
id: 1,
},
},
"manifest": {
"all": true
{
id: "metadata",
label: "metadata",
connector: {
id: 2,
options: {
collection: {
all: true,
},
manifest: {
all: true,
},
item: {
all: true,
},
citationKey: "Citation",
},
},
},
"item": {
"all": true
}
}
}
}
]
},
{
"label": "image",
"views": [
{
"id": "image",
"label": "Image",
"connector": {
"id": 3
}
}]
},
{
"label": "text",
"views": [
{
"id": "text1",
"label": "Transcription",
"default": true,
"connector": {
"id": 4,
"options": {
"type": "transcription"
}
}
},
{
"id": "text2",
"label": "Transliteration",
"connector": {
"id": 4,
"options": {
"type": "transliteration"
}
}
}
]
},
{
"label": "annotations",
"views": [
{
"id": "annotations1",
"label": "Editorial",
"connector": {
"id": 5,
"options": {
"types": [
{
"name": "Person",
"icon": "person"
],
},
{
label: "image",
views: [
{
id: "image",
label: "Image",
connector: {
id: 3,
},
{
"name": "Place",
"icon": "marker"
},
],
},
{
label: "text",
views: [
{
id: "text1",
label: "Transcription",
default: true,
connector: {
id: 4,
options: {
type: "transcription",
},
},
{
"name": "Editorial Comment",
"icon": "chat"
},
{
id: "text2",
label: "Transliteration",
connector: {
id: 4,
options: {
type: "transliteration",
},
},
{
"name": "Reference",
"icon": "externalLink"
}
]
}
}
},
{
"id": "annotations2",
"label": "Motif",
"connector": {
"id": 5,
"options": {
"types": [
{
"name": "Motif",
"icon": "pen"
}
]
}
}
},
],
},
{
label: "annotations",
views: [
{
id: "annotations1",
label: "Editorial",
connector: {
id: 5,
options: {
types: [
{
name: "Person",
icon: "person",
},
{
name: "Place",
icon: "marker",
},
{
name: "Editorial Comment",
icon: "chat",
},
{
name: "Reference",
icon: "externalLink",
},
],
},
},
},
{
id: "annotations2",
label: "Motif",
connector: {
id: 5,
options: {
types: [
{
name: "Motif",
icon: "pen",
},
],
},
},
},
{
id: "annotations3",
label: "Variants",
connector: {
id: 6,
},
},
],
},
],
translations: {
en: {
contents_and_metadata: "Contents & Metadata",
next_item: "Next Sheet",
previous_item: "Previous Sheet",
next_manifest: "Next Manuscript",
previous_manifest: "Previous Manuscript",
item: "Sheet",
},
},
{
"id": "annotations3",
"label": "Variants",
"connector": {
"id": 6
}
}
]
}
],
"translations": {
"en": {
"contents_and_metadata": "Contents & Metadata",
"next_item": "Next Sheet",
"previous_item": "Previous Sheet",
"next_manifest": "Next Manuscript",
"previous_manifest": "Previous Manuscript",
"item": "Sheet"
}
}
});
});
</script>
</body>
});
});
</script>
</body>
</html>
Loading
Loading