Skip to content
Snippets Groups Projects
Commit d10d5622 authored by Jonas Müller-Laackman's avatar Jonas Müller-Laackman
Browse files

add new gui stuff

parent 9571e547
Branches
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
Showing
with 901 additions and 209 deletions
.DS_Store
+ 0
− 0
View file @ d10d5622
No preview for this file type
GUI/package-lock.json
+ 540
− 3
View file @ d10d5622
This diff is collapsed.
GUI/package.json
+ 2
− 0
View file @ d10d5622
...@@ -14,7 +14,9 @@ ...@@ -14,7 +14,9 @@
"leaflet": "^1.8.0", "leaflet": "^1.8.0",
"leaflet-geonames": "^0.4.9", "leaflet-geonames": "^0.4.9",
"leaflet.markercluster": "^1.5.3", "leaflet.markercluster": "^1.5.3",
"timelines-chart": "^2.11.5",
"unisort": "^1.1.0", "unisort": "^1.1.0",
"vis-timeline": "^7.5.1",
"vue": "^3.2.13", "vue": "^3.2.13",
"vue-router": "^4.0.15" "vue-router": "^4.0.15"
}, },
......
GUI/public/index.html
+ 2
− 1
View file @ d10d5622
...@@ -4,13 +4,14 @@ ...@@ -4,13 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css"
integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ=="
crossorigin=""/> crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js"
integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ=="
crossorigin=""></script> crossorigin=""></script>
<script src="https://unpkg.com/timelines-chart"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" /> <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css" /> <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css" />
<script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script> <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
......
GUI/public/timesheet-white.min.css 0 → 100644
+ 2
− 0
View file @ d10d5622
.white .timesheet{width:720px;height:292px;margin:0 auto}.white .timesheet{border-top:1px solid rgba(60,60,60,0.3);background-color:#fbfbfb;position:relative}.white .timesheet.color-scheme-default .bubble-default{background-color:RGBA(252, 70, 74, 1)}.white .timesheet.color-scheme-default .bubble-lorem{background-color:RGBA(154, 202, 39, 1)}.white .timesheet.color-scheme-default .bubble-ipsum{background-color:RGBA(60, 182, 227, 1)}.white .timesheet.color-scheme-default .bubble-dolor{background-color:RGBA(244, 207, 48, 1)}.white .timesheet.color-scheme-default .bubble-sit{background-color:RGBA(169, 105, 202, 1)}.white .timesheet.color-scheme-alternative .bubble-default{background-color:#f3552e}.white .timesheet.color-scheme-alternative .bubble-lorem{background-color:#88c33a}.white .timesheet.color-scheme-alternative .bubble-ipsum{background-color:#436ae0}.white .timesheet.color-scheme-alternative .bubble-dolor{background-color:#f4d234}.white .timesheet.color-scheme-alternative .bubble-sit{background-color:#707d86}.white .timesheet .scale{height:100%;position:absolute;top:0;left:0;float:left}.white .timesheet .scale section{float:left;width:59px;color:rgba(50,50,50,0.8);font-family:"Signika Negative";font-size:13px;line-height:24px;font-weight:300;border-left:1px dashed rgba(50,50,50,0.1);height:100%}.white .timesheet .data{margin:28px 0 0 0;padding:0;text-align:left;list-style-type:none;color:rgba(250,250,250,0.8);font-family:"Signika Negative";font-size:13px;overflow:hidden}.white .timesheet .data li{margin:0 0 3px 0;line-height:22px;height:21px;display:block;cursor:pointer;clear:both;position:relative;white-space:nowrap}.white .timesheet .data li:hover .bubble{opacity:1}.white .timesheet .data li .date{color:#797979;font-size:14px}.white .timesheet .data li .label{font-weight:lighter;font-size:14px;padding-left:5px;line-height:21px;color:#333332;white-space:nowrap}.white .timesheet .data li .bubble{width:24px;height:7px;display:block;float:left;position:relative;top:7px;border-radius:4px;margin:0 10px 0 0;opacity:0.7}
/*# sourceMappingURL=timesheet-white.min.css.map */
GUI/public/timesheet.min.js 0 → 100644
+ 1
− 0
View file @ d10d5622
!function(){"use strict";var Timesheet=function(container,min,max,data){this.data=[],this.year={min:min,max:max},this.parse(data||[]),"undefined"!=typeof document&&(this.container="string"==typeof container?document.querySelector("#"+container):container,this.drawSections(),this.insertData())};Timesheet.prototype.insertData=function(){for(var html=[],widthMonth=this.container.querySelector(".scale section").offsetWidth,n=0,m=this.data.length;m>n;n++){var cur=this.data[n],bubble=this.createBubble(widthMonth,this.year.min,cur.start,cur.end),line=['<span style="margin-left: '+bubble.getStartOffset()+"px; width: "+bubble.getWidth()+'px;" class="bubble bubble-'+(cur.type||"default")+'" data-duration="'+(cur.end?Math.round((cur.end-cur.start)/1e3/60/60/24/39):"")+'"></span>','<span class="date">'+bubble.getDateLabel()+"</span> ",'<span class="label">'+cur.label+"</span>"].join("");html.push("<li>"+line+"</li>")}this.container.innerHTML+='<ul class="data">'+html.join("")+"</ul>"},Timesheet.prototype.drawSections=function(){for(var html=[],c=this.year.min;c<=this.year.max;c++)html.push("<section>"+c+"</section>");this.container.className="timesheet color-scheme-default",this.container.innerHTML='<div class="scale">'+html.join("")+"</div>"},Timesheet.prototype.parseDate=function(date){return-1===date.indexOf("/")?(date=new Date(parseInt(date,10),0,1),date.hasMonth=!1):(date=date.split("/"),date=new Date(parseInt(date[1],10),parseInt(date[0],10)-1,1),date.hasMonth=!0),date},Timesheet.prototype.parse=function(data){for(var n=0,m=data.length;m>n;n++){var beg=this.parseDate(data[n][0]),end=4===data[n].length?this.parseDate(data[n][1]):null,lbl=4===data[n].length?data[n][2]:data[n][1],cat=4===data[n].length?data[n][3]:3===data[n].length?data[n][2]:"default";beg.getFullYear()<this.year.min&&(this.year.min=beg.getFullYear()),end&&end.getFullYear()>this.year.max?this.year.max=end.getFullYear():beg.getFullYear()>this.year.max&&(this.year.max=beg.getFullYear()),this.data.push({start:beg,end:end,label:lbl,type:cat})}},Timesheet.prototype.createBubble=function(wMonth,min,start,end){return new Bubble(wMonth,min,start,end)};var Bubble=function(wMonth,min,start,end){this.min=min,this.start=start,this.end=end,this.widthMonth=wMonth};Bubble.prototype.formatMonth=function(num){return num=parseInt(num,10),num>=10?num:"0"+num},Bubble.prototype.getStartOffset=function(){return this.widthMonth/12*(12*(this.start.getFullYear()-this.min)+this.start.getMonth())},Bubble.prototype.getFullYears=function(){return(this.end&&this.end.getFullYear()||this.start.getFullYear())-this.start.getFullYear()},Bubble.prototype.getMonths=function(){var fullYears=this.getFullYears(),months=0;return this.end?this.end.hasMonth?(months+=this.end.getMonth()+1,months+=12-(this.start.hasMonth?this.start.getMonth():0),months+=12*(fullYears-1)):(months+=12-(this.start.hasMonth?this.start.getMonth():0),months+=12*(fullYears-1>0?fullYears-1:0)):months+=this.start.hasMonth?1:12,months},Bubble.prototype.getWidth=function(){return this.widthMonth/12*this.getMonths()},Bubble.prototype.getDateLabel=function(){return[(this.start.hasMonth?this.formatMonth(this.start.getMonth()+1)+"/":"")+this.start.getFullYear(),this.end?"-"+((this.end.hasMonth?this.formatMonth(this.end.getMonth()+1)+"/":"")+this.end.getFullYear()):""].join("")},window.Timesheet=Timesheet}();
\ No newline at end of file
GUI/src/components/TagBubble.vue
+ 0
− 2
View file @ d10d5622
...@@ -42,7 +42,6 @@ export default defineComponent({ ...@@ -42,7 +42,6 @@ export default defineComponent({
} }
}; };
case 'cat': case 'cat':
console.log('Link', props.link);
return { return {
name: 'projectCategories', name: 'projectCategories',
params: { params: {
...@@ -53,7 +52,6 @@ export default defineComponent({ ...@@ -53,7 +52,6 @@ export default defineComponent({
} }
}); });
console.log(targetArr);
return { return {
isArabic, isArabic,
now, now,
......
GUI/src/styles/app.css
+ 17
− 0
View file @ d10d5622
...@@ -109,3 +109,20 @@ a:hover { ...@@ -109,3 +109,20 @@ a:hover {
min-height: 500px; min-height: 500px;
height: 100%; height: 100%;
} }
#barchart {
color: #fff;
}
.visualbox {
overflow-x: scroll;
}
.stickybox {
z-index: 100;
background-color: #2E4A61;
}
.elementcount {
color: #fff;
}
\ No newline at end of file
GUI/src/views/FormView.vue
+ 194
− 2
View file @ d10d5622
...@@ -304,6 +304,159 @@ ...@@ -304,6 +304,159 @@
</label> </label>
</div> </div>
</label> </label>
<!-- Parents -->
<label
class="block col-span-2"
>
<span>Related projects or organisations</span>
<div
class="w-full"
>
<div
class="flex flex-row mr-7 w-full"
v-for="(rel, relKey) in project.relations"
:key="relKey"
>
<svg
@click="addRelation"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 mr-1 my-auto"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<svg
v-if="project.relations.length > 1"
@click="project.relations.splice(relKey, 1)"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 mr-1 my-auto"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<div class="border border-black rounded rounded-xl grid grid-cols-2 border-1 m-2 p-4 w-full gap-2">
<label>
<span>Relation Type</span>
<select class="mt-1 block w-full"
v-model="project.relations[relKey].group"
>
<option value="parents">Parent</option>
<option value="siblings">Sibling</option>
<option value="children">Child</option>
</select>
</label>
<label>
<span>Type</span>
<select class="mt-1 block w-full" v-model="project.relations[relKey].type">
<option value="organisation">Organisation</option>
<option value="project">Project</option>
</select>
</label>
<label class="col-span-2">
<span>Choose existing {{ rel.type }} or add new entry</span>
<select class="mt-1 block w-full" v-model="project.relations[relKey].existingEntry">
<option value="null">NEW ENTRY</option>
<option
v-for="(p, pKey) in projectList"
:key="pKey"
:value="p.uuid"
>{{ p.title }}</option>
</select>
</label>
<div class="col-span-2 grid grid-cols-2 gap-2" v-if="project.relations[relKey].existingEntry === 'null'">
<label class="block col-span-2">
<span>Name of the {{ rel.type }}</span>
<input
type="text"
class="mt-1 left w-full"
v-model="project.relations[relKey].title"
/>
</label>
<!-- Refs -->
<label
class="block"
>
<span>Authority File URIs of the {{ rel.type.charAt(0).toUpperCase() + rel.type.slice(1) }}</span>
<div
class="flex flex-row"
v-for="(relRef, relRefKey) in rel.refs"
:key="relRefKey"
>
<svg
@click="project.relations[relKey].refs.push('')"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 mr-1 my-auto"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<svg
v-if="rel.refs.length > 1"
@click="project.relations[relKey].refs.splice(relRefKey, 1)"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 mr-1 my-auto"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<input
type="text"
class="mt-1 left w-full"
v-model="project.relations[relKey].refs[relRefKey]"
/>
</div>
</label>
<!-- Websites -->
<label
class="block"
>
<span>Websites of the {{ rel.type.charAt(0).toUpperCase() + rel.type.slice(1) }}</span>
<div
class="flex flex-row"
v-for="(relWebsite, relWebsiteKey) in rel.websites"
:key="relWebsiteKey"
>
<svg
@click="project.relations[relKey].websites.push('')"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 mr-1 my-auto"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<svg
v-if="rel.websites.length > 1"
@click="project.relations[relKey].websites.splice(relWebsiteKey, 1)"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 mr-1 my-auto"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<input
type="text"
class="mt-1 left w-full"
v-model="project.relations[relKey].websites[relWebsiteKey]"
/>
</div>
</label>
</div>
</div>
</div>
</div>
</label>
<div class="block col-span-2 bubble p-3 rounded-2xl mt-2 button text-center">Generate JSON</div> <div class="block col-span-2 bubble p-3 rounded-2xl mt-2 button text-center">Generate JSON</div>
</div> </div>
</div> </div>
...@@ -313,14 +466,36 @@ ...@@ -313,14 +466,36 @@
<script> <script>
import { import {
defineComponent, defineComponent,
reactive reactive,
ref
} from 'vue'; } from 'vue';
import axios from 'axios';
export default defineComponent({ export default defineComponent({
components: { components: {
// tagList, // tagList,
}, },
setup() { setup() {
const projectList = ref([]);
const relationsTemplate = [
{
group: 'parents',
type: 'project',
existingEntry: 'null',
title: '',
refs: [''],
websites: [''],
places: [
{
place_name: {
text: '',
ref: [''],
},
}
],
relations: [],
}
];
const project = reactive({ const project = reactive({
type: 'project', type: 'project',
ref: [''], ref: [''],
...@@ -339,11 +514,28 @@ export default defineComponent({ ...@@ -339,11 +514,28 @@ export default defineComponent({
lng: '', lng: '',
}, },
}], }],
relations: [...relationsTemplate],
lang: [''], lang: [''],
}); });
const addRelation = () => {
project.relations.push(...relationsTemplate);
project.relations[project.relations.length - 1].relations = [...relationsTemplate];
};
axios.get('https://raw.githubusercontent.com/Closing-the-Gap-in-NLS-DH/Projects/master/PROJECTS.json')
.then((responseIndex) => {
Object.keys(responseIndex.data).map((key) => {
projectList.value.push({
uuid: key,
title: responseIndex.data[key].title,
});
});
});
return { return {
project project,
projectList,
addRelation
}; };
} }
}); });
......
GUI/src/views/NetworkView.vue
+ 122
− 195
View file @ d10d5622
<template> <template>
<div class="w-full"> <div class="w-full visualbox">
<!-- <!--
<tag-list <tag-list
:taglist="tags" :taglist="tags"
/> />
--> -->
<div id="networkgraph" class="w-auto m-5" /> <h5>Timeline</h5>
<p>CAUTION! This timeline only contains projects of which we have gathered dedicated funding periods. Projects with unknown or incomplete funding data are not included.</p>
<table class="box">
<tr>
<th
v-for="(y, yKey) in years"
:key="yKey"
class="border-l text-xs px-2 pb-1"
>{{ y }}</th>
</tr>
<tr
v-for="(p, pKey) in projects"
:key="pKey"
>
<td
v-for="(y, yKey) in filteredProjectYears(p, years)"
:key="yKey"
:colspan="isInFundingPeriod(p, y)"
:class="(isInFundingPeriod(p, y) && !p.noDataOnEnding) ? 'bg-darkblue p-2 border-b-1' :
(isInFundingPeriod(p, y) && p.noDataOnEnding) ? 'from-nlsdarkblue bg-gradient-to-r p-2 text-white border-b-1' :
''"
class="m-1 p-0 text-xs border-l"
>
<span v-if="isInFundingPeriod(p, y)">{{ p.title }}</span>
</td>
</tr>
</table>
</div> </div>
</template> </template>
...@@ -35,6 +62,12 @@ export default defineComponent({ ...@@ -35,6 +62,12 @@ export default defineComponent({
const network = ref([]); const network = ref([]);
const networkLinks = ref([]); const networkLinks = ref([]);
const years = ref([]);
const projects = ref([]);
let start = new Date().getFullYear();
let finish = new Date().getFullYear();
let svg = null; let svg = null;
const width = 1000; const width = 1000;
const height = 640; const height = 640;
...@@ -56,16 +89,59 @@ export default defineComponent({ ...@@ -56,16 +89,59 @@ export default defineComponent({
Object.keys(responseIndex.data).map((uuid, key) => { Object.keys(responseIndex.data).map((uuid, key) => {
axios.get(`https://raw.githubusercontent.com/Closing-the-Gap-in-NLS-DH/Projects/master${responseIndex.data[uuid].path}${uuid}.json`) axios.get(`https://raw.githubusercontent.com/Closing-the-Gap-in-NLS-DH/Projects/master${responseIndex.data[uuid].path}${uuid}.json`)
.then((responseProject) => { .then((responseProject) => {
network.value.push({ const period = [];
_n: key, let noEnding = false;
_key: uuid, responseProject.data.project.date.map((p) => {
// Need to clean this up if (p.from !== '') {
id: key, let begin = Number(p.from);
_id: responseProject.data.record_metadata.uuid, let end = -1;
project: responseProject.data.project, if (begin < start) start = begin;
source: `https://github.com/Closing-the-Gap-in-NLS-DH/Projects/blob/master${responseIndex.data[uuid].path}${uuid}.json`, if (p.to !== '') {
end = Number(p.to);
} else noEnding = true;
if (end > finish) finish = end;
period.push([begin, end]);
}
});
if (period.length) {
projects.value.push({
title: responseProject.data.project.title,
periods: period,
noDataOnEnding: noEnding,
});
}
/*
const projectPeriods = [];
console.log(responseProject.data.project);
responseProject.data.project.date.map((p) => {
if (p.from !== '') {
let begin = Number(p.from);
let end = (p.to !== '') ? Number(p.to) : new Date().getFullYear();
for (let i =begin; i <= end; i += 1) {
console.log(i);
projectPeriods.push(i);
}
}
}); });
for (let i = 0; i < projectPeriods.length; i += 1) {
let exists = false;
for (let j = 0; j < years.value.length; j += 1) {
if (projectPeriods[i] === years.value[j].year) {
years.value[j].count += 1;
exists = true;
break;
}
}
if (!exists) {
years.value.push({
year: projectPeriods[i],
count: 1,
});
}
}
*/
responseProject.data.project.keywords.map((tag) => { responseProject.data.project.keywords.map((tag) => {
if (!tags.value.includes(tag)) tags.value.push(tag); if (!tags.value.includes(tag)) tags.value.push(tag);
}); });
...@@ -82,201 +158,52 @@ export default defineComponent({ ...@@ -82,201 +158,52 @@ export default defineComponent({
return promise; return promise;
}; };
loadData().then(() => { const isInFundingPeriod = (project, year) => {
console.log('Jetzt'); let result = null;
project.periods.map(period => {
network.value.map((p, pKey) => { if (year >= period[0] && year < period[1]) {
['parents', 'children', 'siblings'].map((target) => { result = period[1] - period[0] + 1;
p.project[target].map((p2, p2Key) => {
if (p2.uuid) {
let source = pKey;
let target = 0;
let i = 0;
for (i; i < network.value.length; i += 1) {
if (network.value[i]._id === p2.uuid) {
target = i;
break;
} }
}
let exists = false;
networkLinks.value.map((n, nKey) => {
if (
(n.source === source && n.target === target) ||
(n.source === target && n.target === source)
) exists = true;
}); });
if (!exists) networkLinks.value.push({ return result;
id: `${source}_${target}`, };
source,
target const filteredProjectYears = (project, years) => {
}); const newYearArr = [...years];
} const yearsToDel = [];
}); project.periods.map((period, periodKey) => {
/* for (let i = period[0] + 1; i <= period[1]; i += 1) {
if (p.project[target] && p.project[target].length > 0) { yearsToDel.push(i);
p.project[target].map((p2) => {
network.value.map((targetP, tPKey) => {
if (p2.uuid === targetP._key) {
let exists = false;
networkLinks.value.map((l) => {
if (
(key === l.source && tPKey === l.target)
|| (key === l.target && tPKey === l.source)
) {
exists = true;
} }
}); });
if (!exists) networkLinks.value.push({ yearsToDel.map((y) => {
source: key, newYearArr.splice(newYearArr.indexOf(y), 1);
target: tPKey,
}); });
if (project.title.includes('Topoi')) console.log(newYearArr)
return newYearArr;
};
loadData().then(() => {
for (let i = start; i <= finish; i += 1) {
years.value.push(i);
} }
}); projects.value.map((p, i) => {
}); p.periods.map((pp, pi) => {
} */ if (pp[1] === -1) projects.value[i].periods[pi][1] = finish;
}); });
}); });
console.log(network.value); console.log(projects.value);
console.log(networkLinks); //Timeline
const svg = d3.select('#networkgraph')
.append('svg')
.attr('width', width)
.attr('height', height)
const forceNode = d3.forceManyBody().strength(-20);
const forceLink = d3.forceLink(networkLinks.value)
.id(link => link.id);
const simulation = d3.forceSimulation(network.value)
.force("link", forceLink)
.force("charge", forceNode)
.force('collision', d3.forceCollide().radius(10))
.force("center", d3.forceCenter(width / 2, height / 2))
.on("tick", ticked);
const nodeElements = svg.append('g')
.selectAll('circle')
.data(network.value)
.enter().append('circle')
.attr('r', 10)
.attr('fill', 'black')
/*
const textElements = svg.append('g')
.selectAll('text')
.data(network.value)
.enter().append('text')
.text(node => node.project.title)
.attr('font-size', 15)
.attr('dx', 15)
.attr('dy', 4);
*/
const linkElements = svg.append('g')
.selectAll('line')
.data(networkLinks.value)
.enter().append('line')
.attr('stroke-width', 1)
.attr('stroke', '#E5E5E5')
simulation.on('tick', () => {
simulation.nodes(network.value);
nodeElements
.attr('cx', (node) => {
return node.x = Math.max(10, Math.min(width - 10, node.x))
})
.attr('cy', (node) => {
return node.y = Math.max(10, Math.min(height - 10, node.y))
})
/*
textElements
.attr('x', node => node.x)
.attr('y', node => node.y)
*/
linkElements
.attr("x1", d => d.source.x)
.attr("y1", d => d.source.y)
.attr("x2", d => d.target.x)
.attr("y2", d => d.target.y);
});
simulation.force('link').link(networkLinks.value)
/*
svg = d3.select("#networkgraph")
.append("svg")
.attr("width", width)
.attr("height", height);
/* eslint-disable-next-line no-unused-vars */
/* const simulation = d3.forceSimulation(network.value)
.force('charge', d3.forceManyBody().strength(-10))
.force('center', d3.forceCenter(width / 2, height / 2))
.force('link', d3.forceLink().distance(100))
.on('tick', ticked); --
const simulation = d3.forceSimulation(network.value)
.force('charge', d3.forceManyBody())
.force('link', d3.forceLink(networkLinks.value).distance(50))
.force('center', d3.forceCenter(300, 300))
/* eslint-disable-next-line no-unused-vars --
const node = svg.selectAll('circle')
.data(network.value)
.enter()
.append('circle')
.attr('r', 10)
.attr('fill', 'black');
const link = svg.selectAll('path.link')
.data(networkLinks.value)
.enter()
.append('line')
.attr('class', 'link')
.attr('stroke-width', '5')
.attr('stroke', 'black');
const lineGenerator = d3.line();
simulation.on('tick', () => {
simulation.nodes(network.value);
simulation.force(networkLinks.value);
node.data(network.value).attr('cx', (d) => {
return d.x = Math.max(10, Math.min(width - 10, d.x));
})
node.attr('cy', (d) => {
return d.y = Math.max(10, Math.min(height - 10, d.y));
})
link
.data(networkLinks.value)
.enter()
.attr('d', (d) => {
lineGenerator([
[d.source.x, d.source.y],
[d.target.x, d.target.y]
]);
})
});
*/
}).catch((e) => { }).catch((e) => {
console.log(e); console.log(e);
}) })
watchEffect(() => {
loadData();
});
watch(route, (to) => {
if (!to.hash) {
resetData();
loadData();
}
});
return { return {
projects,
years,
isInFundingPeriod,
filteredProjectYears
}; };
} }
}); });
......
GUI/src/views/ProjectList.vue
+ 8
− 5
View file @ d10d5622
<template> <template>
<div class="flex flex-wrap m-5"> <div class="flex flex-wrap m-5">
<div class="sticky top-0 stickybox rounded-xl w-full py-2">
<div class="w-full"> <div class="w-full">
<cat-list /> <cat-list />
<tag-list <tag-list
:taglist="tags" :taglist="tags"
/> />
</div> </div>
</div>
<div class="w-full text-xl m-2 elementcount">{{ projectList.length }} Elements</div>
<project-item <project-item
v-for="project in projectList" v-for="project in projectList"
:key="project._id" :key="project._id"
......
GUI/tailwind.config.js
+ 3
− 0
View file @ d10d5622
...@@ -2,6 +2,9 @@ module.exports = { ...@@ -2,6 +2,9 @@ module.exports = {
purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'], purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
darkMode: false, // or 'media' or 'class' darkMode: false, // or 'media' or 'class'
theme: { theme: {
colors: {
'nlsdarkblue': '#202C39',
},
extend: {}, extend: {},
}, },
variants: { variants: {
......
PROJECTS/.DS_Store 0 → 100644
+ 0
− 0
View file @ d10d5622
File added
css/49.f9c7bd92.css 0 → 100644
+ 1
− 0
View file @ d10d5622
.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:hsla(0,0%,100%,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-control-attribution svg{display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;overflow:hidden;box-sizing:border-box;background:#fff;background:hsla(0,0%,100%,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:17px 0;margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;color-adjust:exact}}
\ No newline at end of file
css/app.f09d8ca8.css 0 → 100644
+ 2
− 0
View file @ d10d5622
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Noto+Sans:wght@300&display=swap);
/* ! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding-top:.5rem;padding-right:.75rem;padding-bottom:.5rem;padding-left:.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.right-5{right:1.25rem}.top-0{top:0}.col-span-2{grid-column:span 2/span 2}.float-right{float:right}.float-left{float:left}.m-auto{margin:auto}.m-4{margin:1rem}.m-3{margin:.75rem}.m-5{margin:1.25rem}.m-2{margin:.5rem}.m-1{margin:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-0{margin-top:0;margin-bottom:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.ml-5{margin-left:1.25rem}.mb-2{margin-bottom:.5rem}.mb-0{margin-bottom:0}.ml-2{margin-left:.5rem}.mt-0{margin-top:0}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mb-3{margin-bottom:.75rem}.mr-3{margin-right:.75rem}.mb-5{margin-bottom:1.25rem}.mr-2{margin-right:.5rem}.mt-5{margin-top:1.25rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.mr-0{margin-right:0}.mr-7{margin-right:1.75rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-8{height:2rem}.h-auto{height:auto}.h-6{height:1.5rem}.h-full{height:100%}.h-max{height:-webkit-max-content;height:-moz-max-content;height:max-content}.w-full{width:100%}.w-auto{width:auto}.w-5{width:1.25rem}.w-8{width:2rem}.w-6{width:1.5rem}.w-20{width:5rem}.max-w-2xl{max-width:42rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.gap-y-1{row-gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.overflow-scroll{overflow:scroll}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border-2{border-width:2px}.border{border-width:1px}.border-l{border-left-width:1px}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-nlsdarkblue{--tw-gradient-from:#202c39;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(32,44,57,0))}.p-5{padding:1.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-2{padding:.5rem}.p-0{padding:0}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-0{padding-top:0;padding-bottom:0}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.pl-3{padding-left:.75rem}.pb-7{padding-bottom:1.75rem}.pb-10{padding-bottom:2.5rem}.pl-7{padding-left:1.75rem}.pr-4{padding-right:1rem}.pl-4{padding-left:1rem}.pr-0{padding-right:0}.pb-1{padding-bottom:.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-5xl{font-size:3rem;line-height:1}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#2e4a61}.head{color:#fff}.head,.text-comfortaa{font-family:Noto Sans,sans-serif}.nav{background-color:#f29559;color:#202c39}.box,.tag-container{background-color:#b8b08d}.tag-container{border-color:#202c39;cursor:pointer}.box .footer{background-color:#202c39}.icon{background-color:#f29559;position:relative;top:-50%;border-color:#202c39}.bubble{background-color:#f2d492}a.bubble:hover{color:#f29559;background-color:#2e4a61}.codebox{background-color:#000;color:#fff}.nav-item:hover{color:#f2d492;cursor:pointer}.bg-orange{background-color:#f29559}.text-orange{color:#f29559!important}.bg-brightblue,.bg-darkblue{background-color:#202c39;color:#b8b08d}.bright-text{color:#b8b08d}.button{cursor:pointer;border-color:#202c39}a:hover{color:#f2d492}#app{font-family:Noto Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}#map{min-height:500px;height:100%}#barchart{color:#fff}.visualbox{overflow-x:scroll}.stickybox{z-index:100;background-color:#2e4a61}.elementcount{color:#fff}@media (min-width:768px){.md\:basis-1\/2{flex-basis:50%}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:basis-1\/3{flex-basis:33.333333%}}
\ No newline at end of file
index.html
+ 1
− 1
View file @ d10d5622
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/Closing-The-Gap-In-Non-Latin-Script-Data/favicon.ico"><link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin=""/><script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script><link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css"/><link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css"/><script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script><title>Closing the Gap in Non-Latin Script Data - Graphical User Interface</title><script defer="defer" src="/Closing-The-Gap-In-Non-Latin-Script-Data/js/chunk-vendors.89100f2c.js"></script><script defer="defer" src="/Closing-The-Gap-In-Non-Latin-Script-Data/js/app.5dc3e3d1.js"></script><link href="/Closing-The-Gap-In-Non-Latin-Script-Data/css/app.648b04ec.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but gui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html> <!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin=""/><script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script><script src="https://unpkg.com/timelines-chart"></script><link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css"/><link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css"/><script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script><title>Closing the Gap in Non-Latin Script Data - Graphical User Interface</title><script defer="defer" src="/Closing-The-Gap-In-Non-Latin-Script-Data/js/chunk-vendors.89100f2c.js"></script><script defer="defer" src="/Closing-The-Gap-In-Non-Latin-Script-Data/js/app.8a4790c0.js"></script><link href="/Closing-The-Gap-In-Non-Latin-Script-Data/css/app.f09d8ca8.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but gui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
\ No newline at end of file \ No newline at end of file
js/49.b20b4ba4.js 0 → 100644
+ 2
− 0
View file @ d10d5622
This diff is collapsed.
js/49.b20b4ba4.js.map 0 → 100644
+ 1
− 0
View file @ d10d5622
This diff is collapsed.
js/918.fad09cd2.js 0 → 100644
+ 2
− 0
View file @ d10d5622
"use strict";(self["webpackChunkgui"]=self["webpackChunkgui"]||[]).push([[918],{918:function(e,l,t){t.r(l),t.d(l,{default:function(){return gl}});var o=t(3396),s=t(7139),n=t(9242);const a={class:"w-full"},r={class:"box m-5 rounded-2xl p-5"},i=(0,o._)("h3",{class:"text-xl"},"Contribute (not yet working)",-1),c={class:"grid grid-cols-2 gap-y-1 gap-x-4 text-left"},p=(0,o._)("label",{class:"block col-span-2"},[(0,o._)("span",null,"Name of the Editor (Surname, Forename)"),(0,o._)("input",{type:"text",class:"mt-1 block w-full"})],-1),u={class:"block col-span-2"},w=(0,o._)("input",{type:"text",class:"mt-1 block w-full"},null,-1),d=(0,o._)("label",{class:"block"},[(0,o._)("span",null,"Abbreviation*"),(0,o._)("input",{type:"text",class:"mt-1 block w-full"})],-1),m={class:"block"},k=(0,o._)("span",null,"Type",-1),g=(0,o._)("option",{value:"project"},"Project",-1),h=(0,o._)("option",{value:"organisation"},"Organisation",-1),f=[g,h],v={class:"block col-span-2"},y=["onClick"],j=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),_=[j],b=["onClick"],x=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),C=[x],D=["onUpdate:modelValue"],U={class:"block col-span-2"},H=(0,o._)("span",null,"Funding periods",-1),z=["onClick"],V=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),M=[V],B=["onClick"],q=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),A=[q],R=["onUpdate:modelValue"],Y=(0,o._)("span",{class:"my-auto mx-2"},"to",-1),K=["onUpdate:modelValue"],E={class:"block col-span-2"},N=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),S=[N],L=["onClick"],O=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),P=[O],T=["onUpdate:modelValue"],F=(0,o._)("label",{class:"block col-span-2"},[(0,o._)("span",null,"Project Description"),(0,o._)("textarea",{class:"block w-full mt-1"})],-1),I={class:"block col-span-2"},W=(0,o._)("label",{class:"block"},"Name of the place",-1),G={class:"flex flex-row"},J=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),Z=[J],Q=["onClick"],X=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),$=[X],ee=["onUpdate:modelValue"],le=(0,o._)("label",{class:"block"},"Authority File URIs of the place",-1),te=["onClick"],oe=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),se=[oe],ne=["onClick"],ae=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),re=[ae],ie=["onUpdate:modelValue"],ce={class:"block col-span-2"},pe={class:"flex flex-row"},ue=["onClick"],we=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),de=[we],me=["onClick"],ke=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),ge=[ke],he=["onUpdate:modelValue"],fe=(0,o.uE)('<label class="block col-span-2"><span>Topics</span><div class="flex flex-row"><label class="mr-7"><input type="checkbox"><span class="ml-1">Digital Humanities</span></label><label class="mr-7"><input type="checkbox"><span class="ml-1">Non-Latin Script</span></label><label class="mr-7"><input type="checkbox"><span class="ml-1">Research Data Management</span></label><label class="mr-7"><input type="checkbox"><span class="ml-1">Infrastructure</span></label><label class="mr-7"><input type="checkbox"><span class="ml-1">Meta</span></label></div></label>',1),ve={class:"block col-span-2"},ye=(0,o._)("span",null,"Related projects or organisations",-1),je={class:"w-full"},_e=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),be=[_e],xe=["onClick"],Ce=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),De=[Ce],Ue={class:"border border-black rounded rounded-xl grid grid-cols-2 border-1 m-2 p-4 w-full gap-2"},He=(0,o._)("span",null,"Relation Type",-1),ze=["onUpdate:modelValue"],Ve=(0,o._)("option",{value:"parents"},"Parent",-1),Me=(0,o._)("option",{value:"siblings"},"Sibling",-1),Be=(0,o._)("option",{value:"children"},"Child",-1),qe=[Ve,Me,Be],Ae=(0,o._)("span",null,"Type",-1),Re=["onUpdate:modelValue"],Ye=(0,o._)("option",{value:"organisation"},"Organisation",-1),Ke=(0,o._)("option",{value:"project"},"Project",-1),Ee=[Ye,Ke],Ne={class:"col-span-2"},Se=["onUpdate:modelValue"],Le=(0,o._)("option",{value:"null"},"NEW ENTRY",-1),Oe=["value"],Pe={key:0,class:"col-span-2 grid grid-cols-2 gap-2"},Te={class:"block col-span-2"},Fe=["onUpdate:modelValue"],Ie={class:"block"},We=["onClick"],Ge=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),Je=[Ge],Ze=["onClick"],Qe=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),Xe=[Qe],$e=["onUpdate:modelValue"],el={class:"block"},ll=["onClick"],tl=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),ol=[tl],sl=["onClick"],nl=(0,o._)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),al=[nl],rl=["onUpdate:modelValue"],il=(0,o._)("div",{class:"block col-span-2 bubble p-3 rounded-2xl mt-2 button text-center"},"Generate JSON",-1);function cl(e,l,t,g,h,j){return(0,o.wg)(),(0,o.iD)("div",a,[(0,o._)("div",r,[i,(0,o._)("div",c,[p,(0,o._)("label",u,[(0,o._)("span",null,"Name of the "+(0,s.zw)(e.project.type.charAt(0).toUpperCase()+e.project.type.slice(1)),1),w]),d,(0,o._)("label",m,[k,(0,o.wy)((0,o._)("select",{class:"mt-1 block w-full","onUpdate:modelValue":l[0]||(l[0]=l=>e.project.type=l)},f,512),[[n.bM,e.project.type]])]),(0,o._)("label",v,[(0,o._)("span",null,"Authority File URIs of the "+(0,s.zw)(e.project.type.charAt(0).toUpperCase()+e.project.type.slice(1)),1),((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(e.project.ref,((l,t)=>((0,o.wg)(),(0,o.iD)("div",{class:"flex flex-row",key:t},[((0,o.wg)(),(0,o.iD)("svg",{onClick:l=>e.project.ref.push(""),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},_,8,y)),e.project.ref.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.ref.splice(t,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},C,8,b)):(0,o.kq)("",!0),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left w-full","onUpdate:modelValue":l=>e.project.ref[t]=l},null,8,D),[[n.nr,e.project.ref[t]]])])))),128))]),(0,o._)("label",U,[H,((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(e.project.date,((l,t)=>((0,o.wg)(),(0,o.iD)("div",{class:"flex flex-row",key:t},[((0,o.wg)(),(0,o.iD)("svg",{onClick:l=>e.project.date.push({from:"",to:""}),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},M,8,z)),e.project.date.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.date.splice(t,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},A,8,B)):(0,o.kq)("",!0),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left","onUpdate:modelValue":l=>e.project.date[t].from=l},null,8,R),[[n.nr,e.project.date[t].from]]),Y,(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 right","onUpdate:modelValue":l=>e.project.date[t].to=l},null,8,K),[[n.nr,e.project.date[t].to]])])))),128))]),(0,o._)("label",E,[(0,o._)("span",null,"Websites of the "+(0,s.zw)(e.project.type.charAt(0).toUpperCase()+e.project.type.slice(1)),1),((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(e.project.websites,((t,s)=>((0,o.wg)(),(0,o.iD)("div",{class:"flex flex-row",key:s},[((0,o.wg)(),(0,o.iD)("svg",{onClick:l[1]||(l[1]=l=>e.project.websites.push("")),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},S)),e.project.websites.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.websites.splice(s,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},P,8,L)):(0,o.kq)("",!0),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left w-full","onUpdate:modelValue":l=>e.project.websites[s]=l},null,8,T),[[n.nr,e.project.websites[s]]])])))),128))]),F,(0,o._)("label",I,[(0,o._)("span",null,"Locations of the "+(0,s.zw)(e.project.type.charAt(0).toUpperCase()+e.project.type.slice(1)),1),((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(e.project.places,((t,s)=>((0,o.wg)(),(0,o.iD)("div",{class:"grid grid-cols-2",key:s},[(0,o._)("div",null,[W,(0,o._)("div",G,[((0,o.wg)(),(0,o.iD)("svg",{onClick:l[2]||(l[2]=l=>e.project.places.push({place_name:{text:"",ref:[""]},coordinates:{lat:"",lng:""}})),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Z)),e.project.places.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.places.splice(s,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},$,8,Q)):(0,o.kq)("",!0),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left w-full","onUpdate:modelValue":l=>e.project.places[s].place_name.text=l},null,8,ee),[[n.nr,e.project.places[s].place_name.text]])])]),(0,o._)("div",null,[le,((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(e.project.places[s].place_name.ref,((l,t)=>((0,o.wg)(),(0,o.iD)("div",{class:"flex flex-row ml-1",key:t},[((0,o.wg)(),(0,o.iD)("svg",{onClick:l=>e.project.places[s].place_name.ref.push(""),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},se,8,te)),e.project.places[s].place_name.ref.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.places[s].place_name.ref.splice(s,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},re,8,ne)):(0,o.kq)("",!0),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left w-full","onUpdate:modelValue":l=>e.project.places[s].place_name.ref[t]=l},null,8,ie),[[n.nr,e.project.places[s].place_name.ref[t]]])])))),128))])])))),128))]),(0,o._)("label",ce,[(0,o._)("span",null,"Languages used in the interfaces and publications of the "+(0,s.zw)(e.project.type.charAt(0).toUpperCase()+e.project.type.slice(1))+" (ISO-639-2)",1),(0,o._)("div",pe,[((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(e.project.lang,((l,t)=>((0,o.wg)(),(0,o.iD)("div",{class:"flex flex-row mr-7",key:t},[((0,o.wg)(),(0,o.iD)("svg",{onClick:l=>e.project.lang.push(""),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},de,8,ue)),e.project.lang.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.lang.splice(t,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ge,8,me)):(0,o.kq)("",!0),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left w-20","onUpdate:modelValue":l=>e.project.lang[t]=l},null,8,he),[[n.nr,e.project.lang[t]]])])))),128))])]),fe,(0,o._)("label",ve,[ye,(0,o._)("div",je,[((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(e.project.relations,((t,a)=>((0,o.wg)(),(0,o.iD)("div",{class:"flex flex-row mr-7 w-full",key:a},[((0,o.wg)(),(0,o.iD)("svg",{onClick:l[3]||(l[3]=(...l)=>e.addRelation&&e.addRelation(...l)),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},be)),e.project.relations.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.relations.splice(a,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},De,8,xe)):(0,o.kq)("",!0),(0,o._)("div",Ue,[(0,o._)("label",null,[He,(0,o.wy)((0,o._)("select",{class:"mt-1 block w-full","onUpdate:modelValue":l=>e.project.relations[a].group=l},qe,8,ze),[[n.bM,e.project.relations[a].group]])]),(0,o._)("label",null,[Ae,(0,o.wy)((0,o._)("select",{class:"mt-1 block w-full","onUpdate:modelValue":l=>e.project.relations[a].type=l},Ee,8,Re),[[n.bM,e.project.relations[a].type]])]),(0,o._)("label",Ne,[(0,o._)("span",null,"Choose existing "+(0,s.zw)(t.type)+" or add new entry",1),(0,o.wy)((0,o._)("select",{class:"mt-1 block w-full","onUpdate:modelValue":l=>e.project.relations[a].existingEntry=l},[Le,((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(e.projectList,((e,l)=>((0,o.wg)(),(0,o.iD)("option",{key:l,value:e.uuid},(0,s.zw)(e.title),9,Oe)))),128))],8,Se),[[n.bM,e.project.relations[a].existingEntry]])]),"null"===e.project.relations[a].existingEntry?((0,o.wg)(),(0,o.iD)("div",Pe,[(0,o._)("label",Te,[(0,o._)("span",null,"Name of the "+(0,s.zw)(t.type),1),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left w-full","onUpdate:modelValue":l=>e.project.relations[a].title=l},null,8,Fe),[[n.nr,e.project.relations[a].title]])]),(0,o._)("label",Ie,[(0,o._)("span",null,"Authority File URIs of the "+(0,s.zw)(t.type.charAt(0).toUpperCase()+t.type.slice(1)),1),((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(t.refs,((l,s)=>((0,o.wg)(),(0,o.iD)("div",{class:"flex flex-row",key:s},[((0,o.wg)(),(0,o.iD)("svg",{onClick:l=>e.project.relations[a].refs.push(""),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Je,8,We)),t.refs.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.relations[a].refs.splice(s,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Xe,8,Ze)):(0,o.kq)("",!0),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left w-full","onUpdate:modelValue":l=>e.project.relations[a].refs[s]=l},null,8,$e),[[n.nr,e.project.relations[a].refs[s]]])])))),128))]),(0,o._)("label",el,[(0,o._)("span",null,"Websites of the "+(0,s.zw)(t.type.charAt(0).toUpperCase()+t.type.slice(1)),1),((0,o.wg)(!0),(0,o.iD)(o.HY,null,(0,o.Ko)(t.websites,((l,s)=>((0,o.wg)(),(0,o.iD)("div",{class:"flex flex-row",key:s},[((0,o.wg)(),(0,o.iD)("svg",{onClick:l=>e.project.relations[a].websites.push(""),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ol,8,ll)),t.websites.length>1?((0,o.wg)(),(0,o.iD)("svg",{key:0,onClick:l=>e.project.relations[a].websites.splice(s,1),xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6 mr-1 my-auto",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},al,8,sl)):(0,o.kq)("",!0),(0,o.wy)((0,o._)("input",{type:"text",class:"mt-1 left w-full","onUpdate:modelValue":l=>e.project.relations[a].websites[s]=l},null,8,rl),[[n.nr,e.project.relations[a].websites[s]]])])))),128))])])):(0,o.kq)("",!0)])])))),128))])]),il])])])}var pl=t(4870),ul=t(6265),wl=t.n(ul),dl=(0,o.aZ)({components:{},setup(){const e=(0,pl.iH)([]),l=[{group:"parents",type:"project",existingEntry:"null",title:"",refs:[""],websites:[""],places:[{place_name:{text:"",ref:[""]}}],relations:[]}],t=(0,pl.qj)({type:"project",ref:[""],date:[{from:"",to:""}],websites:[""],places:[{place_name:{text:"",ref:[""]},coordinates:{lat:"",lng:""}}],relations:[...l],lang:[""]}),o=()=>{t.relations.push(...l),t.relations[t.relations.length-1].relations=[...l]};return wl().get("https://raw.githubusercontent.com/Closing-the-Gap-in-NLS-DH/Projects/master/PROJECTS.json").then((l=>{Object.keys(l.data).map((t=>{e.value.push({uuid:t,title:l.data[t].title})}))})),{project:t,projectList:e,addRelation:o}}}),ml=t(89);const kl=(0,ml.Z)(dl,[["render",cl]]);var gl=kl}}]);
//# sourceMappingURL=918.fad09cd2.js.map
\ No newline at end of file
js/918.fad09cd2.js.map 0 → 100644
+ 1
− 0
View file @ d10d5622
This diff is collapsed.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment