Homec4science
Diffusion Datacite Metadata Generator (xmlreader) Browse

rDATACITEGENERATOR/index.html
14400699e46fxmlreader

Last Change
Raw File

index.html
View Options

<!DOCTYPE html><html>
<meta charset="utf-8" />
<!-- DataCite Metadata Generator (Kernel 4.0)-->
<!-- created: 2013-10-04 paluchm - DataCite Canada -->
<!-- modified: 2015-02-04 paluchm - Updated to Kernel 3.1 -->
<!-- modified: 2015-11-01 paluchm - Fixed HTML validation problems. Modified implementation so that new XML tags can be generated just by adding HTML elements with proper names and classes. -->
<!-- modified: 2016-01-09 paluchm - Fixed rightsList tag name. -->
<!-- modified: 2017-02-12 paluchm - Updated to Kernel 4.0 and JQuery 3 -->
<!-- modified: 2017-02-13 paluchm - Fixed ordering of givenName and familyName tags -->
<!-- modified: 2017-04-01 paluchm - Updated ResourceType to allow empty value -->
<!-- modified: 2017-10-05 r3r57 - Added IE support and straightforward XML download -->
<!-- This form makes use of styles developed by the wet-boew project (https://github.com/wet-boew/wet-boew) -->
<!-- Recommended browsers are Firefox, Chrome or Edge. Minimum supported IE version is 8. -->
<!-- modified: 2019-10-09 osmancakirio - fixed the errors in multiple tags. (deleted german explanations) -->
<!-- modified: 2019-10-09 osmancakirio - added lang attribute: title, publisher, subject, contributor, description, rights, awardTitle -->
<!-- modified: 2019-10-09 osmancakirio - added nameType attribute to creator tag, -->
<!-- modified: 2019-10-09 osmancakirio - added schemeURI, rightsIdentifierScheme, rightsIdentifier, rightsURI attributes to rights tag -->
<!-- modified: 2019-10-09 osmancakirio - options menus are updated/added: creators (nameType, nameIdentifierScheme)
resourceType,
contributor (contributorType, nameIdentifierScheme)
relatedIdentifier (relationType)
description (descriptionType)
fundingReference (funderIdentifierType)
subject (subjectScheme-->
<!-- modified: 2019-10-10 osmancakirio - Date Information field added -->
<!-- modified: 2019-10-21 osmancakirio - Information links added -->
<!-- modified: 2020-08-14 aborel - EPFL adaptations of M/R/O fields -->
<!-- modified: 2020-08-26 aborel - Namespace fix for compliance with the Datacite schema & tools that use it -->
<head>
<title>EPFL DataCite Metadata Generator - Kernel 4.3</title>
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script type = "text/javascript" >
$(document).ready(function() {
var generatorVersion = "20201019";
var kernelVersion = "4.3";
var kernelNamespace = "http://datacite.org/schema/kernel-4";
var kernelSchema = "https://schema.datacite.org/meta/kernel-4.3/metadata.xsd";
var kernelSchemaLocation = kernelNamespace + " " + kernelSchema;
var header = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>" + br() + "<resource xmlns=\"" + kernelNamespace + "\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xsi:schemaLocation=\"" + kernelSchemaLocation + "\">" + br();
header += "<!-- EPFL Datacite Metadata Generator version " + generatorVersion + " -->" + br();
$("div.versionstatement").append(generatorVersion);
$("select[title]").each(function() {
var tagName = optionTitles[name($(this))];
console.log(name($(this)), tagName);
ps($(this), optionValues[tagName]);
});
//$("select[title]").each(function() {
// var tagName = titleOptions(name($(this)));
// ps($(this), optionValues[titleOptions(tagName)]);
//});
$("body").on("keyup", "input", function(event) {
event.preventDefault();
var xml = header;
$("div.section").each(function() {
xml += process($(this));
});
xml += ct("resource");
metadata = xml;
$("div.right code").text(xml);
$(".right").show();
});
$("body").on("change", "select", function(event) {
event.preventDefault();
$("input").eq(0).keyup();
});
$("#reset").bind("click", function(event) {
event.preventDefault();
location.reload(true);
});
$("#selectall").bind("click", function(event) {
event.preventDefault();
st($("div code").get(0));
});
$("button.add.group").bind("click", function(event) {
event.preventDefault();
var d = $(this).parent().find(".tag-group:first").clone();
$(d).find("input,select").val("");
$(d).find("input + button.delete.element").each(function() {
$(this).prev("input").remove();
$(this).remove();
});
$("<button/>", {
"class": "delete group",
type: "button",
text: "-"
}).appendTo($(d).find(".tag:first"));
$(this).parent().append('<hr class="group-divider"/>');
d.appendTo($(this).parent());
});
$("div.section").on("mouseenter mouseleave focusin focusout", "button.delete.group, button.delete.single-tag", function(event) {
event.preventDefault();
$(this).parent().toggleClass("remove-highlight");
});
$("div.section").on("click", "button.delete.group", function(event) {
event.preventDefault();
// console.log($(this).parent().html());
// console.log($(this).parent().parent().prev()[0].outerHTML);
// var last_separator = $(this).find(".group-separator").last();
// last_separator.remove();
$(this).parent().parent().prev().remove()
$(this).parent().remove();
$("input").eq(0).keyup();
});
$("body").on("click", " button.add.single-tag", function(event) {
event.preventDefault();
var c = $(this).parent().clone();
$(c).find("input,select").val("");
$(this).before($("<button/>", {
"class": "delete single-tag",
type: "button",
text: "-"
}));
c.insertAfter($(this).parent());
$(this).remove();
});
$("body").on("click", "button.delete.single-tag", function(event) {
event.preventDefault();
$(this).parent().remove();
$("input").eq(0).keyup();
});
$("body").on("click", "button#more", function(event) {
event.preventDefault();
var div = $(this).parent();
$(div).find("button#more").hide();
$(div).find("div#subgroup,button#less").show();
});
$("body").on("click", "button#less", function(event) {
event.preventDefault();
var div = $(this).parent();
$(div).find("div#subgroup,button#less").hide();
$(div).find("button#more").show();
$(div).find("div#subgroup input,div#subgroup select").val("");
$("input").eq(0).keyup();
});
$("body").on("click", "h3.recommended,h3.other", function(event) {
var div = $(this).next("div");
var text = $(this).html();
if (text.charAt(0) == "+") {
text = text.replace("+", "-");
$(this).html(text);
$(div).show();
} else {
if (text.charAt(0) == "-") {
text = text.replace("-", "+");
$(this).html(text);
$(div).hide();
}
}
});
});
var optionValues = {};
optionValues["descriptionType"] = ["Abstract", "Methods", "TechnicalInfo"];
optionValues["relatedIdentifierType"] = ["ARK", "arXiv", "bibcode", "DOI", "EAN13", "EISSN", "Handle", "IGSN", "ISBN", "ISSN", "ISTC", "LISSN", "LSID", "PMID", "PURL", "UPC", "URL", "URN"];
optionValues["relationType"] = ["describes", "isDescribedBy", "hasPart", "isPartOf", "hasMetadata","isMetadataFor", "hasVersion","isVersionOf","isNewVersionOf", "isPreviousVersionOf", "isSourceOf", "isDerivedFrom", "references", "isReferencedBy", "isVariantFormOf", "isIdenticalTo", "isSupplementTo", "isSupplementedBy", "documents", "isDocumentedBy" ];
optionValues["resourceTypeGeneral"] = ["Audiovisual", "Collection", "Dataset", "Image", "Model", "Software", "Sound", "Text", "Workflow", "Other"];
optionValues["dateType"] = ["Accepted", "Available", "Copyrighted", "Collected", "Created", "Issued", "Submitted", "Updated", "Valid", "Withdrawn"];
optionValues["contributorType"] = ["DataCollector", "DataCurator", "HostingInstitution", "ProjectLeader", "ProjectManager", "ProjectMember", "Researcher", "RightsHolder", "WorkPackageLeader"];
optionValues["titleType"] = ["AlternativeTitle", "Subtitle", "TranslatedTitle", "Other"];
optionValues["funderIdentifierType"] = ["EU", "SNF", "DFG", "FWF", "Other"];
optionValues["nameType"] = ["Personal", "Organizational"];
optionValues["nameIdentifierScheme"] = ["GND", "ORCID"];
optionValues["affiliationIdentifierScheme"] = ["GRID", "ROR"];
optionValues["subjectScheme"] = ["DDC", "GND", "wikidata"];
optionValues["rights"] = ["Creative Commons Attribution 4.0", "Creative Commons Attribution Share-Alike 4.0", "CC0 1.0", "GNU General Public License 3.0", "BSD 3-Clause \"New\" or \"Revised\" License (BSD-3-Clause)", "MIT License"];
var optionTitles = {};
optionTitles["Description type. Only use Abstract for now"] = "descriptionType"
optionTitles["Related identifier type (DOI, PMID...)"] = "relatedIdentifierType"
optionTitles["Relation type"] = "relationType"
optionTitles["Type of data. Only use Dataset for now"] = "resourceTypeGeneral"
optionTitles["Date type (if none, publication date)"] = "dateType"
optionTitles["Contributor role (optional)"] = "contributorType"
optionTitles["Title type (if not main)"] = "titleType";
optionTitles["Funder identifier type (e.g. ISNI)"] = "funderIdentifierType"
optionTitles["Default: personal name"] = "nameType"
optionTitles["Name identifier scheme (e.g. ORCID)"] = "nameIdentifierScheme"
optionTitles["Affiliation identifier scheme (e.g. GRID)"] = "affiliationIdentifierScheme"
optionTitles["Classfication name (Dewey, ...)"] = "subjectScheme"
optionTitles["Rights. Choose appropriate license in the list"] = "rights"
function process(section) {
var isWrapper = $(section).hasClass("wrapper-tag");
var indent = 0;
var xml = "";
if (isWrapper) {
indent = 1;
}
$(section).find(".tag-group>.tag").each(function() {
xml += processTag(this, indent);
});
if (xml.length > 0) {
if (isWrapper) {
var wrapperName = name(section);
xml = ot(wrapperName) + br() + xml + ct(wrapperName) + br();
}
}
return xml;
}
function processTag(tag, indent) {
var xml = "";
var attributes;
var value;
var tagName = name(tag);
var attr = attribs(tag);
var tagValues = $(tag).children(".tag-value");
if ($(tagValues).length) {
value = inputValue(tagValues[0]);
}
$(tag).children(".tag").each(function() {
xml += processTag(this, indent + 1);
});
if (xml.length > 0) {
xml = tab(indent) + ota(tagName, attr) + br() + xml + tab(indent) + ct(tagName) + br();
} else if (typeof value !== "undefined" && (value.length > 0 || ($(tag).hasClass("allow-empty") && attr.length > 0))) {
xml = tab(indent) + ota(tagName, attr) + value + ct(tagName) + br();
}
return xml;
}
function attribs(element) {
var attribs = "";
$(element).children(".tag-attribute").each(function() {
var value = "";
var n = name(this);
if ($(this).is("input")) {
value = inputValue(this);
}
if ($(this).is("select")) {
n = optionTitles[name(this)];
value = selectValue(this);
}
if (value.length > 0) {
if (attribs.length > 0) {
attribs += " ";
}
attribs += n + "=\"" + value + "\"";
}
});
return attribs;
}
function inputValue(input) {
return $(input).val().encodeXML();
}
function selectValue(select) {
return $(select).find("option").filter(":selected").val().encodeXML();
}
function name(tag) {
return $(tag).attr("title");
}
function ps(s, sarr) {
var ti = $(s).attr("title")
console.log("ti: ", ti);
addO(s, "", "[" + ti + "]");
console.log("s: ", s);
for (var i = 0; i < sarr.length; i++) {
addO(s, sarr[i], sarr[i]);
}
console.log(s);
}
function addO(s, v, d) {
$(s).append($("<option>").val(v).html(d));
}
function br() {
return "\n";
}
function tab(number) {
var tabs = "";
if (typeof number !== "undefined") {
for (var i = 1; i <= number; i++) {
tabs += "\t";
}
} else {
tabs = "\t";
}
return tabs;
}
function ota(tag, attr) {
if (attr.length > 0) {
return "<" + tag + " " + attr + ">";
} else {
return ot(tag);
}
}
function ot(tag) {
return "<" + tag + ">";
}
function ct(tag) {
return "</" + tag + ">";
}
function st(element) {
var doc = document,
text = element,
range, selection;
if (doc.body.createTextRange) {
range = doc.body.createTextRange();
range.moveToElementText(text);
range.select();
} else {
if (window.getSelection) {
selection = window.getSelection();
range = doc.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}
}
String.prototype.encodeXML = function() {
return this.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
};
var metadata = "";
var MIME_TYPE = "application/xml";
var cleanUp = function(a) {
setTimeout(function() {
window.URL.revokeObjectURL(a.href);
}, 1500);
$("span#output").html("");
};
var downloadFile = function() {
window.URL = window.webkitURL || window.URL;
var prevLink = $("span#output a");
if (prevLink) {
$("span#output").html("");
}
var bb = new Blob([metadata], {
type: MIME_TYPE
});
if (navigator.msSaveBlob) {
navigator.msSaveBlob(bb, "metadata.xml");
} else {
var a = document.createElement("a");
a.download = "metadata.xml";
a.href = window.URL.createObjectURL(bb);
a.onclick = function(e) {
if ($(this).is(":disabled")) {
return false;
}
cleanUp(this);
};
$(a).appendTo($("span#output"));
$(a)[0].click();
}
};
function save() {
if (false) {
alert("Not currently supported in Internet Explorer");
} else {
downloadFile();
}
};
</script>
<style>
body{
font-family:sans-serif
}
.hidden{
display:none
}
.visible{
display:block
}
.input-field{
margin-bottom:2px
}
.unbounded-width{
width:79%
}
.full-width{
width:89%
}
input.half-width{
width:43%
}
input.half-width-smaller{
width:41%
}
input.language{
width: 13%
}
select.half-width{
width:45%
}
.tag-group-label{
float:left;
margin-top:2px;
width: 90%
}
.tag-subgroup-label{
float:left;
margin-top:0px;
width: 75%
}
.left{
float:left
}
.right{
float:right
}
div.left{
width:38%
}
div.right{
width:61%
}
div.form{
padding:12px
}
div.form div{
width:100%;
display:inline
}
div.tag{
margin-bottom:4px
}
div.tag-group input:nth-last-of-type(1),div.tag-group select:nth-last-of-type(1){
margin-bottom:8px
}
input,select{
border-radius:4px;
border-style:solid;
border-width:1px;
margin-bottom:2px;
margin-top:0;
min-height:18px!important;
padding:4px
}
.right button{
margin:2px;
float:right
}
button.add,button.delete{
width:1.8em;
font-weight:400;
margin-left:4px;
text-align:center;
}
button.group{
float:right;
margin-top:3px
}
button.element{
margin-left:5px
}
button:hover{
background-position:0 -15px;
outline-offset:-6px;
text-decoration:none;
transition:background-position 0.1s linear 0s
}
input:focus,select:focus{
border-color:#176ca7;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 8px #99cdf1;
transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s
}
div.left > div,div.right > div{
background:none repeat scroll 0 center #f6f6f6;
color:#222 !important;
outline:1px solid gainsboro
}
div.right h3{
background-color:#666;
background-image:linear-gradient(#666666, #545454);
background-repeat:repeat-x;
background-size:100% auto;
border-collapse:collapse;
border-spacing:0;
border-top-left-radius:4px;
border-top-right-radius:4px;
color:#fff;
direction:ltr;
font-family:sans-serif;
font-size:12.8px;
font-weight:700;
line-height:19.2px;
margin:0 0 1px;
padding:5px 10px;
text-align:left;
text-shadow:#222 0 1px 1px;
vertical-align:bottom
}
div.left h3{
background-color:#176ca7;
background-image:linear-gradient(#176ca7, #135888);
background-repeat:repeat-x;
background-size:100% auto;
border-collapse:collapse;
border-spacing:0;
border-top-left-radius:4px;
border-top-right-radius:4px;
color:#fff;
direction:ltr;
font-family:sans-serif;
font-size:12.8px;
font-weight:700;
line-height:19.2px;
margin:0 0 1px;
padding:5px 10px;
text-align:left;
text-shadow:#222 0 1px 1px;
vertical-align:bottom
}
.remove-highlight input,.remove-highlight select{
border-color:rgb(239, 6, 6);
border-style:solid;
border-width:1px;
border-radius:5px;
-webkit-transition:all 0.1s linear 0s, border-color 0s;
transition:all 0.1s linear 0s, border-color 0s
}
button:hover,h3.other:hover,h3.recommended:hover{
cursor:pointer
}
h1,h2{
color:#0084b9
}
span.divider{
border-bottom:1px gainsboro solid;
float:left;
line-height:3px;
margin-bottom:5px;
width:100%
}
pre{
white-space:pre-wrap;
word-wrap:break-word
}
span.output{
float:left
}
button{
-moz-text-blink:none;
-moz-text-decoration-color:#fff;
-moz-text-decoration-line:none;
-moz-text-decoration-style:solid;
background-color:#176ca7;
background-image:linear-gradient(#176ca7, #114f7a);
background-repeat:repeat-x;
background-size:100% auto;
border-bottom-color:#0b324d;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom-style:solid;
border-bottom-width:1px;
border-collapse:collapse;
border-left-color:#0e4164;
border-left-style:solid;
border-left-width:1px;
border-right-color:#0e4164;
border-right-style:solid;
border-right-width:1px;
border-spacing:0;
border-top-color:#0e4164;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-top-style:solid;
border-top-width:1px;
box-shadow:rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 1px 2px 0;
color:#fff;
cursor:pointer;
direction:ltr;
display:table-cell;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:13.3333px;
font-weight:400;
line-height:16px;
padding:0px 0px 0px 0px;
text-align:center;
text-decoration:none;
text-shadow:#222 0 1px 1px;
vertical-align:middle
}
a:link {
text-decoration: none;
color: #3784b9;
float: right;
}
a.tag-group-info {
/* display:inline-block; */
display: none;
margin-top:0px;
margin-bottom: 0px;
-moz-text-blink:none;
-moz-text-decoration-color:#fff;
-moz-text-decoration-line:none;
-moz-text-decoration-style:solid;
background-color:#3784b9;
background-image:linear-gradient(#176ca7, #3784b9);
background-repeat:repeat-x;
background-size:100% auto;
border-bottom-color:#3784b9;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom-style:solid;
border-bottom-width:1px;
border-collapse:collapse;
border-left-color:#3784b9;
border-left-style:solid;
border-left-width:1px;
border-right-color:#3784b9;
border-right-style:solid;
border-right-width:1px;
border-spacing:0;
border-top-color:#3784b9;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-top-style:solid;
border-top-width:1px;
box-shadow:rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 1px 2px 0;
color:#fff;
cursor:pointer;
direction:ltr;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:400;
line-height:16px;
padding:0px 10px 0px 10px;
text-align:center;
text-decoration:none;
text-shadow:#222 0 1px 1px;
vertical-align:middle
}
a.tag-group-info-language {
display: none;
margin:4px 10px 10px 10px;
width: 1%;
/*display:inline-block;*/
-moz-text-blink:none;
-moz-text-decoration-color:#fff;
-moz-text-decoration-line:none;
-moz-text-decoration-style:solid;
background-color:#3784b9;
background-image:linear-gradient(#176ca7, #3784b9);
background-repeat:repeat-x;
background-size:100% auto;
border-bottom-color:#3784b9;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom-style:solid;
border-bottom-width:1px;
border-collapse:collapse;
border-left-color:#3784b9;
border-left-style:solid;
border-left-width:1px;
border-right-color:#3784b9;
border-right-style:solid;
border-right-width:1px;
border-spacing:0;
border-top-color:#3784b9;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-top-style:solid;
border-top-width:1px;
box-shadow:rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 1px 2px 0;
color:#fff;
cursor:pointer;
direction:ltr;
display:inline-block;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:400;
line-height:16px;
padding:0px 10px 0px 10px;
text-align:center;
text-decoration:none;
text-shadow:#222 0 1px 1px;
vertical-align:middle
}
a:hover {
color: red;
}
#langinput {
float:left;
}
#langlink{
float:left;
}
#langlatest {
float:left;
}
#date{
margin-right: 76%;
}
hr.group-divider {
color: white;
}
input.main {
border: 1px solid red;
}
input.main {
outline-color: red;
}
div.versionstatement {
font-size: 12px;
font-style: italic;
}
</style>
</head>
<body>
<h2 class="pagetitle">EPFL DataCite Metadata Generator - Kernel 4.3</h2>
<div>
Elements are divided into 3 classes:
<ol>
<li>Mandatory elements that must be used in all cases<br/>
(Subjects are is still work in progress)</li>
<li>Recommended elements that would be good to have if possible</li>
<li>Optional elements that the users is free to use if they think it is useful</lu>
</ol>
Each element can be described using one or more fields, some of which are optional.<br/>
The following convention is used in the form below:
<ul>
<li>Text fields that are mandatory for each element are designated in red.</li>
<li>Drop-down selectors next to a mandatory text field are mandatory as well.</li>
</ul>
</div>
<div class="left">
<h3 class="mandatory">Mandatory Elements</h3>
<div class="form mandatory">
<div class="section">
<span class="tag-group-label" title="DOI">DOI:
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#identifier" target="_blank"> ?</a>
</span>
<div class="tag-group">
<div title="identifier" class="tag">
<input class="input-field full-width tag-value" type="text" placeholder="[e.g. 10.9999/1234567.89]" title="identifier" value="" />
<input class="input-field tag-attribute" type="hidden" title="identifierType" value="DOI" />
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div title="titles" class="section wrapper-tag">
<span class="tag-group-label">Title(s):
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#title" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="title" class="tag">
<input class="full-width input-field tag-value main" type="text" placeholder="[Dataset title]" title="title" value="" />
<input class="language input-field tag-attribute" type="text" id = "langinput" maxlength="3" placeholder="[Language]" title="xml:lang" value="" />
<a class="tag-group-info" id = "langlink" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#what-is-the-language-of-the-metadata" target="_blank"> ?</a>
<select class="language half-width input-field tag-attribute" id = "langlatest" title="Title type (if not main)"></select>
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div title="creators" class="section wrapper-tag">
<span class="tag-group-label">Creator(s):
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#creator" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="creator" class="tag">
<div title="creatorName" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[CREATOR NAME as Smith, John]" title="creatorName" value="" />
<select class="half-width input-field tag-attribute" title="Default: personal name"></select>
</div>
<div title="givenName" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[GIVEN NAME as John]" title="givenName" value="" />
</div>
<div title="familyName" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[FAMILY NAME as Smith]" title="familyName" value="" />
</div>
<div title="nameIdentifier" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[NAME IDENTIFIER] (recommended)" title="nameIdentifier" value="" />
<select class="half-width input-field tag-attribute" type="text" title="Name identifier scheme (e.g. ORCID)" value="" />
<input class="unbounded-width input-field tag-attribute" type="text" placeholder="[IDENTIFIER SCHEME URI e.g. https://orcid.org]" title="schemeURI" value="" /><button type="button" class="add single-tag">+</button>
</div>
<div title="affiliation" class="tag" display="none">
<input class="unbounded-width input-field tag-value" type="text" placeholder="[CREATOR AFFILIATION]" title="affiliation" value="École Polytechnique Fédérale de Lausanne" />
<input class="half-width input-field tag-attribute" type="text" placeholder="[AFFFILIATION ID]" title="affiliationIdentifier" value="" />
<select class="half-width input-field tag-attribute" type="text" title="Affiliation identifier scheme (e.g. GRID)" value="" />
<input class="half-width input-field tag-attribute" type="text" placeholder="[IDENTIFIER SCHEME URI]" title="schemeURI" value="" />
<input class="language half-width input-field tag-attribute" type="text" maxlength="3" placeholder="[LANG]" title="xml:lang" value="fr" /><button type="button" class="add single-tag">+</button>
</div>
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div class="section">
<span class="tag-group-label">Publisher:
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#publisher" target="_blank"> ? </a>
</span>
<div class="tag-group">
<div title="publisher" class="tag">
<input type="text" class="full-width input-field tag-value" placeholder="[PUBLISHER]" title="publisher" value="École Polytechnique Fédérale de Lausanne" />
<input class="language half-width input-field tag-attribute" type="text" maxlength="3" placeholder="[LANG]" title="xml:lang" value="fr" />
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div class="section">
<span class="tag-group-label">Publication Year:
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#publicationyear" target="_blank">?</a>
</span>
<div class="tag-group">
<div title="publicationYear" class="tag">
<input type="text" class="full-width input-field tag-value main" placeholder="[YYYY]" title="publicationYear" pattern="[0-9]{4}" value="" />
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div class="section">
<span class="tag-group-label">Resource Type:
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#resourcetype" target="_blank">?</a>
</span>
<div class="tag-group">
<div title="resourceType" class="tag allow-empty">
<input class="half-width input-field tag-value main" type="text" placeholder="[RESOURCE TYPE as free text]" title="resourceType" value="" />
<select class="half-width input-field tag-attribute" title="Type of data. Only use Dataset for now"></select>
</div>
</div>
</div>
<div title="subjects" class="section wrapper-tag">
<span class="tag-group-label">Subject(s):
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#subject" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="subject" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[SUBJECT]" title="subject" value="" />
<select class="half-width input-field tag-attribute" type="text" title="Classfication name (Dewey, ...)" value="" />
<input class="half-width input-field tag-attribute" type="text" placeholder="[SUBJECT SCHEME URI]" title="schemeURI" value="" />
<input class="language half-width input-field tag-attribute" type="text" maxlength="3" placeholder="[LANG]" title="xml:lang" value="" />
<input class="full-width input-field tag-attribute" type="text" placeholder="[SUBJECT VALUE URI]" title="valueURI" value="" />
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div title="descriptions" class="section wrapper-tag">
<span class="tag-group-label">Description:
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#description" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="description" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[DESCRIPTION]" title="description" value="" />
<input class="language half-width input-field tag-attribute main" type="text" maxlength="3" placeholder="[LANG]" title="xml:lang" value="" />
<select class="half-width input-field tag-attribute main" title="Description type. Only use Abstract for now"></select>
</div>
</div>
</div>
<!-- Hide rights list for the pilot phase -->
<span class="divider">&nbsp;</span>
<div title="rightsList" class="section wrapper-tag">
<span class="tag-group-label">Rights List:
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#rights" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="rights" class="tag">
<!--
<input class="full-width input-field tag-value" type="text" placeholder="[RIGHTS]" title="rights" value="" />
-->
<select class="full-width input-field tag-value" title="Rights. Choose appropriate license in the list"></select>
<input class="language half-width input-field tag-attribute" type="text" maxlength="3" placeholder="[LANG]" title="xml:lang" value="en" />
<input class="half-width input-field tag-attribute" type="text" placeholder="[SCHEME URI (leave blank)]" title="schemeURI" value="" />
<input class="half-width input-field tag-attribute" type="text" placeholder="[RIGHTS IDENTTIFIER SCHEME (leave blank)]" title="rightsIdentifierScheme" value="" />
<input class="half-width input-field tag-attribute" type="text" placeholder="[RIGHTS IDENTIFIER (leave blank)]" title="rightsIdentifier" value="" />
<input class="half-width input-field tag-attribute" type="text" placeholder="[RIGHTS URI (leave blank)]" title="rightsURI" value="" />
</div>
</div>
</div>
</div>
<h3 class="recommended">+ Recommended Elements</h3>
<div id="recommended" class="form recommended hidden">
<div title="contributors" class="section wrapper-tag">
<span class="tag-group-label">Contributor(s):
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#contributor" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="contributor" class="tag">
<div title="contributorName" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[CONTRIBUTOR NAME as Jones, Jack]" title="contributorName" value="" />
</div>
<select class="half-width input-field tag-attribute" title="Contributor role (optional)"></select>
<div title="givenName" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[GIVEN NAME as Jack]" title="givenName" value="" />
</div>
<div title="familyName" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[FAMILY NAME as Jones]" title="familyName" value="" />
</div>
<div title="nameIdentifier" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[NAME IDENTIFIER] (recommended)" title="nameIdentifier" value="" />
<select class="half-width input-field tag-attribute" type="text" title="Name identifier scheme (e.g. ORCID)" value="" />
<input class="unbounded-width input-field tag-attribute" type="text" placeholder="[IDENTIFIER SCHEME URI e.g. https://orcid.org]" title="schemeURI" value="" /><button type="button" class="add single-tag">+</button>
</div>
<div title="affiliation" class="tag">
<input class="unbounded-width input-field tag-value main" type="text" placeholder="[CONTRIBUTOR AFFILIATION]" title="affiliation" value="" /><button type="button" class="add single-tag">+</button>
<input class="language half-width input-field tag-attribute" id= "date" type="text" maxlength="3" placeholder="[LANG]" title="xml:lang" value="" />
</div>
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div title="dates" class="section wrapper-tag">
<span class="tag-group-label">Date(s): usage still WIP, please let us know if your dataset is under an embargo or restricted access in Zenodo.
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#date" target="_blank"> ?</a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="date" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[DATE as YYYY-MM-DD]" title="date" value="" />
<select class="half-width input-field tag-attribute" title="Date type (if none, publication date)"></select>
<!-- Keep hidden for the pilot -->
<input class="full-width input-field tag-attribute hidden" type="text" placeholder="[DATE INFORMATION]" title="dateInformation" value="" />
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div title="relatedIdentifiers" class="section wrapper-tag">
<span class="tag-group-label">Related Identifier(s):
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#relatedidentifier" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="relatedIdentifier" class="tag">
<input class="full-width input-field tag-value main" type="text" placeholder="[RELATED IDENTIFIER] (if applicable)" title="relatedIdentifier" value="" />
<select class="half-width input-field tag-attribute" title="Related identifier type (DOI, PMID...)"></select>
<select class="half-width input-field tag-attribute" title="Relation type"></select>
<input class="half-width input-field tag-attribute main" type="text" placeholder="[METADATA SCHEME]" title="relatedMetadataScheme" value="" />
<input class="half-width input-field tag-attribute main" type="text" placeholder="[SCHEME TYPE]" title="schemeType" value="" />
</div>
</div>
</div>
</div>
<h3 class="other">+ Optional Elements</h3>
<div id="other" class="form other hidden">
<div class="section">
<span class="tag-group-label main">Language: <a href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes">More info about language codes</a>
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#language" target="_blank"> ? </a>
</span>
<div class="tag-group">
<div title="language" class="tag">
<input class="full-width input-field tag-value" type="text" maxlength="3" placeholder="[LANG such as en, fr, de...]" title="language" value="" />
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div title="alternateIdentifiers" class="section wrapper-tag">
<span class="tag-group-label">Alternate Identifier(s):
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#alternateidentifier" target="_blank"> ?</a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="alternateIdentifier" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[ALTERNATE IDENTIFIER e.g. DOI]" title="alternateIdentifier" value="" />
<input class="half-width input-field tag-attribute main" type="text" placeholder="[ALTERNATE ID TYPE]" title="alternateIdentifierType" value="" />
</div>
</div>
</div>
<!-- Do not display this image at the moment
<span class="divider">&nbsp;</span>
<div title="sizes" class="section wrapper-tag">
<span class="tag-group-label">Size(s):
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#size" target="_blank"> ?</a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="size" class="tag">
<input class="full-width input-field tag-value" type="text" placeholder="[SIZE]" title="size" value="" />
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div title="formats" class="section wrapper-tag">
<span class="tag-group-label">Format(s):
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#format" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="format" class="tag">
<input class="full-width input-field tag-value" type="text" placeholder="[FORMAT]" title="format" value="" />
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div class="section">
<span class="tag-group-label">Version:
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#version" target="_blank"> ? </a>
</span>
<div class="tag-group">
<div title="version" class="tag">
<input class="full-width input-field tag-value" type="text" placeholder="[VERSION]" title="version" value="" />
</div>
</div>
</div>
-->
<span class="divider">&nbsp;</span>
<div title="fundingReferences" class="section wrapper-tag">
<span class="tag-group-label">Funding Reference: leave blank or ask the technical team for assistance
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#fundingreference" target="_blank"> ? </a>
</span>
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="fundingReference" class="tag">
<div title="funderName" class="tag">
<input class="full-width input-field tag-value main" type="text" placeholder="[FUNDER NAME]" title="funderName" value="" />
</div>
<div title="funderIdentifier" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[FUNDER IDENTIFIER e.g. https://isni.org/isni/0000000106723101]" title="funderIdentifier" value="" />
<select class="half-width input-field tag-attribute" title="Funder identifier type (e.g. ISNI)"></select>
</div>
<div title="awardNumber" class="tag">
<input class="half-width input-field tag-value main" type="text" placeholder="[AWARD NUMBER]" title="awardNumber" value="" />
<input title="awardURI" class="half-width input-field tag-attribute" type="text" placeholder="[AWARD URI]" title="awardURI" value="" />2
</div>
<div title="awardTitle" class="tag">
<input class="full-width input-field tag-value name" type="text" placeholder="[AWARD TITLE]" title="awardTitle" value="" />
<input class="language half-width input-field tag-attribute" type="text" maxlength="3" placeholder="[LANG]" title="xml:lang" value="" />
</div>
</div>
</div>
</div>
<span class="divider">&nbsp;</span>
<div title="geoLocations" class="section wrapper-tag">
<button type="button" class="add group">+</button>
<div class="tag-group">
<div title="geoLocation" class="tag">
<span class="tag-group-label">Geo Location Place: ask the technical team if (and only if) vital for you
<a class="tag-group-info" href="https://github.com/UB-LMU/DataCite_BestPracticeGuide/blob/master/BestPracticeGuide.md#geolocation" target="_blank"> ? </a>
</span>
<div title="geoLocationPlace" class="tag">
<input class="full-width input-field tag-value" type="text" placeholder="[GEO LOCATION PLACE]" title="geoLocationPlace" value="" />
</div>
<span class="tag-group-label">Geo Location Point:</span>
<div title="geoLocationPoint" class="tag">
<div title="pointLongitude" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[POINT LONGITUDE]" title="pointLongitude" value="" />
</div>
<div title="pointLatitude" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[POINT LATITUDE]" title="pointLatitude" value="" />
</div>
</div>
<span class="tag-group-label">Geo Location Box:</span>
<div title="geoLocationBox" class="tag">
<div title="westBoundLongitude" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[WEST BOUND LONGITUDE]" title="westBoundLongitude" value="" />
</div>
<div title="eastBoundLongitude" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[EAST BOUND LONGITUDE]" title="eastBoundLongitude" value="" />
</div>
<div title="southBoundLatitude" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[SOUTH BOUND LATITUDE]" title="southBoundLatitude" value="" />
</div>
<div title="northBoundLatitude" class="tag">
<input class="half-width input-field tag-value" type="text" placeholder="[NORTH BOUND LATITUDE]" title="northBoundLatitude" value="" />
</div>
</div>
<span class="tag-group-label">Geo Location Polygon:</span>
<div title="geoLocationPolygon" class="tag">
<div title="polygonPoint" class="tag">
<div title="pointLongitude" class="tag">
<input class="half-width-smaller input-field tag-value" type="text" placeholder="[POINT LONGITUDE]" title="pointLongitude" value="" />
</div>
<div title="pointLatitude" class="tag">
<input class="half-width-smaller input-field tag-value" type="text" placeholder="[POINT LATITUDE]" title="pointLatitude" value="" />
</div>
</div>
<div title="polygonPoint" class="tag">
<div title="pointLongitude" class="tag">
<input class="half-width-smaller input-field tag-value" type="text" placeholder="[POINT LONGITUDE]" title="pointLongitude" value="" />
</div>
<div title="pointLatitude" class="tag">
<input class="half-width-smaller input-field tag-value" type="text" placeholder="[POINT LATITUDE]" title="pointLatitude" value="" />
</div>
</div>
<div title="polygonPoint" class="tag">
<div title="pointLongitude" class="tag">
<input class="half-width-smaller input-field tag-value" type="text" placeholder="[POINT LONGITUDE]" title="pointLongitude" value="" />
</div>
<div title="pointLatitude" class="tag">
<input class="half-width-smaller input-field tag-value" type="text" placeholder="[POINT LATITUDE]" title="pointLatitude" value="" />
</div>
</div>
<div title="polygonPoint" class="tag">
<div title="pointLongitude" class="tag">
<input class="half-width-smaller input-field tag-value" type="text" placeholder="[POINT LONGITUDE]" title="pointLongitude" value="" />
</div>
<div title="pointLatitude" class="tag">
<input class="half-width-smaller input-field tag-value" type="text" placeholder="[POINT LATITUDE]" title="pointLatitude" value="" />
</div><button type="button" class="add single-tag">+</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="versionstatement">
<br />
<br/>
Version
</div>
</div>
<div class="right hidden">
<h3 class="results">Metadata</h3>
<div class="form results">
<pre><code style="display:inline-block;"></code></pre>
</div>
<br />
<button type="button" id="download" onclick="save()">Save as file</button>
<button type="button" id="reset">Reset</button>
<button type="button" id="selectall">Select All</button>
<span class="output" id="output"></span>
</div>
</body>
</html>
c4science · Help