Changeset View
Changeset View
Standalone View
Standalone View
index.html
Show All 20 Lines | <body> | ||||
<p>Most fields are optional. Mandatory fields will be highlighted when generating Codemeta.</p> | <p>Most fields are optional. Mandatory fields will be highlighted when generating Codemeta.</p> | ||||
<form id="inputForm"> | <form id="inputForm"> | ||||
<fieldset id="fieldsetSoftwareItself"> | <fieldset id="fieldsetSoftwareItself"> | ||||
<legend>The software itself</legend> | <legend>The software itself</legend> | ||||
<p title="The name of the software"> | <p title="The name of the software"> | ||||
<label for="name">Name</label> | <label for="name">Name</label> | ||||
<input type="text" name="name" id="name" | <input type="text" name="name" id="name" aria-describedby="name_descr" | ||||
placeholder="My Software" required="true" /> | placeholder="My Software" required="true" /> | ||||
<div class="field-description" id="name_descr">the software title</div> | |||||
</p> | </p> | ||||
<p title="Unique identifier"> | |||||
<label for="identifier">Unique identifier</label> | |||||
<input type="text" name="identifier" id="identifier" | |||||
placeholder="10.151.xxxxx" /> | |||||
<div class="field-description">such as ISBNs, GTIN codes, UUIDs etc.. <a href="http://schema.org/identifier">http://schema.org/identifier</a> </div> | |||||
</p> | |||||
<!-- TODO:define better | |||||
I looked at the schema.org definition of identifier (https://schema.org/identifier), | |||||
it can be text, url or PropertyValue. | |||||
Used as follows in data representation with microdata: | |||||
<div property="identifier" typeof="PropertyValue"> | |||||
<span property="propertyID">DOI</span>: | |||||
<span property="value">10.151.xxxxx</span> | |||||
</div> | |||||
we can use that with identifier-type and identifier-value to have a clearer idea | |||||
of what needs to be in the input. | |||||
--> | |||||
<p title="Type of the software application"> | |||||
<label for="applicationCategory">Application category</label> | |||||
<input type="text" name="applicationCategory" id="applicationCategory" | |||||
placeholder="Astronomy" /> | |||||
</p> | |||||
<p title="a brief description of the software"> | |||||
<label for="description">Description</label> | |||||
<br> | |||||
<textarea rows="4" cols="50" | |||||
name="description" id="description" | |||||
placeholder="My Software computes ephemerides and orbit propagation. It has been developed from early ´80." ></textarea> | |||||
</p> | |||||
<p title="The date on which the software was created."> | <p title="The date on which the software was created."> | ||||
<label for="dateCreated">Creation date</label> | <label for="dateCreated">Creation date</label> | ||||
<input type="text" name="dateCreated" id="dateCreated" | <input type="text" name="dateCreated" id="dateCreated" | ||||
placeholder="YYYY-MM-DD" pattern="\d{4}-\d{2}-\d{2}" /> | placeholder="YYYY-MM-DD" pattern="\d{4}-\d{2}-\d{2}" /> | ||||
</p> | </p> | ||||
<p title="Date of first publication."> | <p title="Date of first publication."> | ||||
<label for="datePublished">First release date</label> | <label for="datePublished">First release date</label> | ||||
<input type="text" name="datePublished" id="datePublished" | <input type="text" name="datePublished" id="datePublished" | ||||
placeholder="YYYY-MM-DD" pattern="\d{4}-\d{2}-\d{2}" /> | placeholder="YYYY-MM-DD" pattern="\d{4}-\d{2}-\d{2}" /> | ||||
</p> | </p> | ||||
<p> | <p> | ||||
<label for="license">License</label> | <label for="license">License</label> | ||||
<input list="licenses" name="license" id="license"> | <input list="licenses" name="license" id="license" aria-describedby="licenses_descr"> | ||||
<datalist id="licenses"> | <datalist id="licenses"> | ||||
</datalist> | </datalist> <!-- TODO: insert placeholder --> | ||||
<div class="field-description" id="licenses_descr">from <a href="https://spdx.org/license-list">SPDX licence list</a></div> | |||||
</p> | </p> | ||||
</fieldset> | </fieldset> | ||||
<fieldset id="fieldsetDevelopmentCommunity"> | <fieldset id="fieldsetDevelopmentCommunity"> | ||||
<legend>Development community / tools</legend> | <legend>Development community / tools</legend> | ||||
<p title="Link to the repository where the un-compiled, human readable code and related code is located (SVN, Git, GitHub, CodePlex, institutional GitLab instance, etc.)."> | <p title="Link to the repository where the un-compiled, human readable code and related code is located (SVN, Git, GitHub, CodePlex, institutional GitLab instance, etc.)."> | ||||
<label for="codeRepository">Code repository</label> | <label for="codeRepository">Code repository</label> | ||||
Show All 23 Lines | <form id="inputForm"> | ||||
placeholder="1.0.0" /> | placeholder="1.0.0" /> | ||||
</p> | </p> | ||||
<p title="The date on which the software was most recently modified."> | <p title="The date on which the software was most recently modified."> | ||||
<label for="dateModified">Release date</label> | <label for="dateModified">Release date</label> | ||||
<input type="text" name="dateModified" id="dateModified" | <input type="text" name="dateModified" id="dateModified" | ||||
placeholder="YYYY-MM-DD" pattern="\d{4}-\d{2}-\d{2}" /> | placeholder="YYYY-MM-DD" pattern="\d{4}-\d{2}-\d{2}" /> | ||||
</p> | </p> | ||||
<p title="a brief description of the software"> | |||||
<label for="releaseNotes">Release notes</label> | |||||
<br> | |||||
<textarea rows="4" cols="50" | |||||
name="releaseNotes" id="releaseNotes" | |||||
placeholder= | |||||
"Change log: this and that; | |||||
Bugfixes: that and this." ></textarea> | |||||
</p> | |||||
<fieldset class="keywords" id="keyword_container"> | |||||
<legend>Keywords</legend> | |||||
<p>Order of keywords does not matter.</p> | |||||
<input type="hidden" id="keyword_nb" value="0" /> | |||||
<div id="addRemoveKeyword"> | |||||
<input type="button" id="keyword_add" value="Add one" | |||||
onclick="addArray('keyword', 'Keyword');" /> | |||||
<input type="button" id="keyword_remove" value="Remove last" | |||||
onclick="removeArray('keyword');" /> | |||||
</div> | |||||
</fieldset> | |||||
<fieldset class="software_requirements" id="software_requirements_container"> | |||||
<legend>Software requirements</legend> | |||||
<p>Order of Software requirements does not matter.</p> | |||||
<input type="hidden" id="software_requirements_nb" value="0" /> | |||||
<div id="addRemoveSoftware_requirements"> | |||||
<input type="button" id="software_requirements_add" value="Add one" | |||||
onclick="addArray('software_requirements', 'Software requirements');" /> | |||||
<input type="button" id="software_requirements_remove" value="Remove last" | |||||
onclick="removeArray('software_requirements');" /> | |||||
</div> | |||||
</fieldset> | |||||
<!--TODO: related links as URL array --> | |||||
<!--TODO: referencePublication as ScholarlyArticle array --> | |||||
</fieldset> | |||||
<fieldset id="fieldsetAdditionalInfo"> | |||||
<legend>Additional Info</legend> | |||||
<p title="Funding"> | |||||
<label for="funding">Funding</label> | |||||
<input type="text" name="funding" id="funding" aria-describedby="funding_descr" | |||||
placeholder="Università di Pisa (PRA_2018_73)"/> | |||||
<div class="field-description" id="funding_descr">software funded by (e.g. specific grant)</div> | |||||
</p> | |||||
<p title="Runtime Platform"> | |||||
<label for="runtimePlatform">Runtime Platform</label> | |||||
<input type="text" name="runtimePlatform" id="runtimePlatform" | |||||
placeholder="Python2.3" /> | |||||
</p> | |||||
<p title="Operating System"> | |||||
<label for="operatingSystem">Operating System</label> | |||||
<input type="text" name="operatingSystem" id="operatingSystem" | |||||
placeholder="Android 1.6" /> | |||||
</p> | |||||
<p title="Development Status"> | |||||
<label for="developmentStatus">Development Status</label> | |||||
<datalist id="developmentStatuses"> | |||||
<option value="Concept"> | |||||
<option value="WIP"> | |||||
<option value="Suspended"> | |||||
<option value="Abandoned"> | |||||
<option value="Active"> | |||||
<option value="Inactive"> | |||||
<option value="Unsupported"> | |||||
<option value="Moved"> | |||||
</datalist> | |||||
<input list="developmentStatuses" id="developmentStatus" aria-describedby="developmentStatuses_descr" | |||||
pattern="Concept|WIP|Suspended|Abandoned|Active|Inactive|Unsupported|Moved"> | |||||
<div class="field-description" id="developmentStatuses_descr">see <a href="http://www.repostatus.org">www.repostatus.org</a> for details</div> | |||||
</p> | |||||
<p title="Programming Language"> | |||||
<label for="programmingLanguage">Programming Language</label> | |||||
<input type="text" name="programmingLanguage" id="programmingLanguage" | |||||
placeholder="C#" /> | |||||
</p> <!-- TODO: We should add support for multiple languages, eg. by splitting on commas when exporting. --> | |||||
<p title="Part of"> | |||||
<label for="isPartOf">I part of </label> | |||||
<input type="URL" name="isPartOf" id="isPartOf" | |||||
placeholder="http://The.Bigger.Framework.org" /> | |||||
</p> | |||||
</fieldset> | </fieldset> | ||||
<fieldset class="persons" id="author_container"> | <fieldset class="persons" id="author_container"> | ||||
<legend>Authors</legend> | <legend>Authors</legend> | ||||
<p>Order of authors does not matter.</p> | <p>Order of authors does not matter.</p> | ||||
<input type="hidden" id="author_nb" value="0" /> | <input type="hidden" id="author_nb" value="0" /> | ||||
<div id="addRemoveAuthor"> | <div id="addRemoveAuthor"> | ||||
Show All 12 Lines | <!--TODO: referencePublication as ScholarlyArticle array --> | ||||
<input type="hidden" id="contributor_nb" value="0" /> | <input type="hidden" id="contributor_nb" value="0" /> | ||||
<div id="addRemoveContributor"> | <div id="addRemoveContributor"> | ||||
<input type="button" id="contributor_add" value="Add one" | <input type="button" id="contributor_add" value="Add one" | ||||
onclick="addPerson('contributor', 'Contributor');" /> | onclick="addPerson('contributor', 'Contributor');" /> | ||||
<input type="button" id="contributor_remove" value="Remove last" | <input type="button" id="contributor_remove" value="Remove last" | ||||
onclick="removePerson('contributor');" /> | onclick="removePerson('contributor');" /> | ||||
</div> | </div> | ||||
</fieldset> | </fieldset> | ||||
</form> | </form> | ||||
<form> | <form> | ||||
<input type="button" id="generateCodemeta" value="Generate Codemeta" /> | <input type="button" id="generateCodemeta" value="Generate Codemeta" /> | ||||
<input type="button" id="resetForm" value="Reset form" /> | <input type="button" id="resetForm" value="Reset form" /> | ||||
<input type="button" id="importCodemeta" value="Import Codemeta" /> | <input type="button" id="importCodemeta" value="Import Codemeta" /> | ||||
</form> | </form> | ||||
<p id="errorMessage"> | <p id="errorMessage"> | ||||
Show All 10 Lines |