v1.9.0

* style: adds styling for zammad form
config: added config var for enable/disable form
 (#158)

invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/deposit/DoiMint.js

@@ -0,0 +1,196 @@
+import React, { Component } from "react";
+import {
+  Button,
+  Card,
+  Icon,
+  Label,
+  Loader,
+  Dimmer,
+  Message,
+} from "semantic-ui-react";
+import { FieldArray } from "formik";
+
+import { DoiRest, MapDatacite } from "datacite-rest";
+
+export class DoiMint extends Component {
+  constructor(props) {
+    super(props);
+    this.record = props.record || {};
+    this.configs = props.config || {};
+    this.metadata = this.record.metadata;
+    this.is_doi = false;
+    this.id_doi = "";
+
+    // check for existing identifiers
+    if (
+      typeof this.metadata.identifiers != "undefined" &&
+      this.metadata.identifiers != null &&
+      this.metadata.identifiers.length != null &&
+      this.metadata.identifiers.length > 0 &&
+      this.metadata.identifiers[0] != null
+    ) {
+      this.is_doi = true;
+      this.id_doi = this.metadata.identifiers[0].identifier;
+    }
+
+    // add metadata to the state
+    this.state = {
+      identifiers: [],
+      showLoader: false,
+      doi_id: "",
+      errorMsg: "",
+      isError: false,
+    };
+  }
+
+  render() {
+    // this should fetch a new doi
+    var pushDoi = (form) => {
+      // activate the loader
+        this.setState({
+          showLoader: true,
+        });
+
+      const url = this.configs.datacite_url;
+      const auth = {
+        username: this.configs.datacite_uname,
+        password: this.configs.datacite_pass,
+      };
+      const prefix = this.configs.datacite_prefix;
+
+      // get mapped DOI
+      const mapped = MapDatacite(this.metadata, this.record.id, prefix);
+
+      const _doirest = new DoiRest(url);
+
+      // Create a new DOI
+      _doirest
+        .create(mapped, auth, this.configs.datacite_password_iv)
+        .then((data) => {
+          // if there is an error
+          if (data.data.errors) {
+            this.setState({
+              showLoader: false,
+              isError: true,
+              errorMsg: data.data.errors[0].title,
+            });
+            // if credentials are wrong!
+          } else if (data.code == 405) {
+            this.setState({
+              showLoader: false,
+              isError: true,
+              errorMsg: "Not configured!",
+            });
+          }
+          // new doi is fetched
+          else {
+            // add new identifier
+            const _identifiers = [
+              {
+                identifier: data.data.data.id,
+                scheme: "doi",
+              },
+            ];
+            // submit the value to the form
+            this.setState({ identifiers: _identifiers });
+            form.setFieldValue("metadata.identifiers", this.state.identifiers);
+
+            this.is_doi = true;
+            // deactivate the loader
+            this.setState({
+              showLoader: false,
+              doi_id: this.state.identifiers[0].identifier,
+            });
+          }
+        })
+        .catch((error) => {
+          console.log("error", error);
+        });
+    };
+
+    // get a link of dio
+    var doiLink = (doiId) => {
+      window.open(`https://doi.org/${doiId}`, "_blank");
+    };
+
+    return (
+      <Card className="actions">
+        <Card.Content>
+          <Card.Header>
+            <Icon name="certificate" />
+            Datacite DOI
+          </Card.Header>
+          <Card.Description>
+            <span style={{ color: "#B6B6B6" }}>
+              Record must be a <b>published</b> record to mint a DOI.
+            </span>
+          </Card.Description>
+
+          {this.state.isError && (
+            <Message negative>
+              <Message.Header>{this.state.errorMsg}</Message.Header>
+              <p>Please contact Repository supporters!</p>
+            </Message>
+          )}
+
+          {/* when the Component is rendered */}
+          {!this.is_doi && (
+            <FieldArray name="metadata.identifiers">
+              {(fieldArrayProps) => {
+                const { form } = fieldArrayProps;
+                return (
+                  <div
+                    style={{
+                      marginTop: "10px",
+                      textAlign: "center",
+                    }}
+                  >
+                    <Button
+                      compact
+                      className="save-button"
+                      disabled={!this.record.is_published}
+                      as={"label"}
+                      color="green"
+                      size="large"
+                      onClick={() => pushDoi(form)}
+                    >
+                      <Icon name="certificate" />
+                      Get DOI Now!
+                    </Button>
+                    {this.state.showLoader && (
+                      <Dimmer active inverted>
+                        <Loader inverted>Loading...</Loader>
+                      </Dimmer>
+                    )}
+                  </div>
+                );
+              }}
+            </FieldArray>
+          )}
+
+          {this.is_doi && (
+            <div
+              style={{
+                textAlign: "center",
+                marginTop: "10px",
+              }}
+            >
+              <Label
+                style={{
+                  cursor: "pointer",
+                }}
+                size="large"
+                as="a"
+                color="blue"
+                onClick={() => doiLink(this.state.doi_id || this.id_doi)}
+              >
+                <strong>DOI: </strong>
+                <Label.Detail>{this.state.doi_id || this.id_doi}</Label.Detail>
+              </Label>
+            </div>
+          )}
+        </Card.Content>
+      </Card>
+    );
+  }
+}

invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/deposit/RDMDepositForm.js

@@ -0,0 +1,520 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2020 CERN.
+// Copyright (C) 2020 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+//
+// Invenio App RDM is free software; you can redistribute it and/or modify it
+// under the terms of the MIT License; see LICENSE file for more details.
+
+import _get from "lodash/get";
+import React, { Component, createRef } from "react";
+import {
+  Button,
+  Card,
+  Container,
+  Grid,
+  Icon,
+  Ref,
+  Sticky,
+} from "semantic-ui-react";
+import {
+  AccessRightField,
+  ComingSoonField,
+  CreatibutorsField,
+  DatesField,
+  DepositFormApp,
+  FormFeedback,
+  DeleteButton,
+  DepositFormTitle,
+  DescriptionsField,
+  FileUploader,
+  FundingField,
+  IdentifiersField,
+  LanguagesField,
+  PublishButton,
+  PublicationDateField,
+  PublisherField,
+  ResourceTypeField,
+  SaveButton,
+  SubjectsField,
+  TitlesField,
+  RelatedWorksField,
+  VersionField,
+  LicenseField,
+} from "react-invenio-deposit";
+import { AccordionField } from "react-invenio-forms";
+import { DoiMint } from "./DoiMint";
+
+export class RDMDepositForm extends Component {
+  constructor(props) {
+    super(props);
+    this.config = props.config || {};
+    // TODO: retrieve from backend
+    this.config["canHaveMetadataOnlyRecords"] = true;
+
+    // TODO: Make ALL vocabulary be generated by backend.
+    // Currently, some vocabulary is generated by backend and some is
+    // generated by frontend here. Iteration is faster and abstractions can be
+    // discovered by generating vocabulary here. Once happy with vocabularies,
+    // then we can generate it in the backend.
+    this.vocabularies = {
+      metadata: {
+        ...this.config.vocabularies,
+
+        titles: {
+          ...this.config.vocabularies.titles,
+        },
+
+        descriptions: {
+          type: [
+            { text: "Abstract", value: "abstract" },
+            { text: "Methods", value: "methods" },
+            { text: "Series Information", value: "seriesinformation" },
+            { text: "Table of Contents", value: "tableofcontents" },
+            { text: "Technical Info", value: "technicalinfo" },
+            { text: "Other", value: "other" },
+          ],
+        },
+
+        creators: {
+          type: [
+            { text: "Person", value: "personal" },
+            { text: "Organization", value: "organizational" },
+          ],
+          role: [
+            { text: "Editor", value: "editor" },
+            { text: "Data Curator", value: "datacurator" },
+            { text: "Data Manager", value: "datamanager" },
+            { text: "Project Manager", value: "projectmanager" },
+          ],
+        },
+
+        contributors: {
+          type: [
+            { text: "Person", value: "personal" },
+            { text: "Organization", value: "organizational" },
+          ],
+          role: [
+            { text: "Editor", value: "editor" },
+            { text: "Data Curator", value: "datacurator" },
+            { text: "Data Manager", value: "datamanager" },
+            { text: "Project Manager", value: "projectmanager" },
+          ],
+        },
+
+        dates: {
+          type: [
+            { text: "Accepted", value: "accepted" },
+            { text: "Available", value: "available" },
+            { text: "Copyrighted", value: "copyrighted" },
+            { text: "Collected", value: "collected" },
+            { text: "Created", value: "created" },
+            { text: "Issued", value: "issued" },
+            { text: "Submitted", value: "submitted" },
+            { text: "Updated", value: "updated" },
+            { text: "Valid", value: "valid" },
+            { text: "Withdrawn", value: "withdrawn" },
+            { text: "Other", value: "other" },
+          ],
+        },
+
+        // TODO: Replace with an API backend
+        funding: {
+          funder: [
+            {
+              name: "National Institutes of Health (US)",
+              identifier: "funder1",
+              scheme: "funderScheme1",
+            },
+            {
+              name: "European Commission (EU)",
+              identifier: "funder2",
+              scheme: "funderScheme2",
+            },
+          ],
+          award: [
+            {
+              title: "CANCER &AIDS DRUGS--PRECLIN PHARMACOL/TOXICOLOGY",
+              number: "N01CM037835-016",
+              identifier: "awardA",
+              scheme: "awardSchemeA",
+              parentScheme: "funderScheme1",
+              parentIdentifier: "funder1",
+            },
+            {
+              title:
+                "Beyond the Standard Model at the LHC and with Atom Interferometers.",
+              number: "228169",
+              identifier: "awardB1",
+              scheme: "awardSchemeB",
+              parentScheme: "funderScheme2",
+              parentIdentifier: "funder2",
+            },
+            {
+              title: "ENvironmental COnditions in GLAucoma Patients",
+              number: "747441",
+              identifier: "awardB2",
+              scheme: "awardSchemeB",
+              parentScheme: "funderScheme2",
+              parentIdentifier: "funder2",
+            },
+          ],
+        },
+
+        related_identifiers: {
+          resource_type: this.config.vocabularies.resource_type,
+          scheme: [
+            { text: "ARK", value: "ark" },
+            { text: "ARXIV", value: "arxiv" },
+            { text: "BIBCODE", value: "bibcode" },
+            { text: "DOI", value: "doi" },
+            { text: "EAN13", value: "ean13" },
+            { text: "EISSN", value: "eissn" },
+            { text: "HANDLE", value: "handle" },
+            { text: "IGSN", value: "igsn" },
+            { text: "ISBN", value: "isbn" },
+            { text: "ISSN", value: "issn" },
+            { text: "ISTC", value: "istc" },
+            { text: "LISSN", value: "lissn" },
+            { text: "LSID", value: "lsid" },
+            { text: "PMID", value: "pmid" },
+            { text: "PURL", value: "purl" },
+            { text: "UPC", value: "upc" },
+            { text: "URL", value: "url" },
+            { text: "URN", value: "urn" },
+            { text: "W3ID", value: "w3id" },
+          ],
+          relations: [
+            { text: "Is cited by", value: "iscitedby" },
+            { text: "Cites", value: "cites" },
+            { text: "Is supplement to", value: "issupplementto" },
+            { text: "Is supplemented by", value: "issupplementedby" },
+            { text: "Is continued by", value: "iscontinuedby" },
+            { text: "Continues", value: "continues" },
+            { text: "Is described by", value: "isdescribedby" },
+            { text: "Describes", value: "describes" },
+            { text: "Has metadata", value: "hasmetadata" },
+            { text: "Is metadata for", value: "ismetadatafor" },
+            { text: "Has version", value: "hasversion" },
+            { text: "Is version of", value: "isversionof" },
+            { text: "Is new version of", value: "isnewversionof" },
+            { text: "Is previous version of", value: "ispreviousversionof" },
+            { text: "Is part of", value: "ispartof" },
+            { text: "Has part", value: "haspart" },
+            { text: "Is referenced by", value: "isreferencedby" },
+            { text: "References", value: "references" },
+            { text: "Is documented by", value: "isdocumentedby" },
+            { text: "Documents", value: "documents" },
+            { text: "Is compiled by", value: "iscompiledby" },
+            { text: "Compiles", value: "compiles" },
+            { text: "Is variant form of", value: "isvariantformof" },
+            { text: "Is original form of", value: "isoriginalformof" },
+            { text: "Is identical to", value: "isidenticalto" },
+            { text: "Is reviewed by", value: "isreviewedby" },
+            { text: "Reviews", value: "reviews" },
+            { text: "Is derived from", value: "isderivedfrom" },
+            { text: "Is source of", value: "issourceof" },
+            { text: "Is required by", value: "isrequiredby" },
+            { text: "Requires", value: "requires" },
+            { text: "Is obsoleted by", value: "isobsoletedby" },
+            { text: "Obsoletes", value: "obsoletes" },
+          ],
+        },
+        subjects: {
+          options: [
+            {
+              text: "Deep Learning",
+              value: {
+                subject: "Deep Learning",
+                scheme: "user",
+                identifier: "U1",
+              },
+            },
+            {
+              text: "MeSH: Cognitive Neuroscience",
+              value: {
+                subject: "Cognitive Neuroscience",
+                scheme: "mesh",
+                identifier: "D000066494",
+              },
+            },
+            {
+              text: "FAST: Glucagonoma",
+              value: {
+                subject: "Glucagonoma",
+                scheme: "fast",
+                identifier: "943672",
+              },
+            },
+          ],
+          limitToOptions: [
+            { text: "All", value: "all" },
+            { text: "MeSH", value: "mesh" },
+            { text: "FAST", value: "fast" },
+          ],
+        },
+      },
+    };
+
+    // check if files are present
+    this.noFiles = false;
+    if (
+      !Array.isArray(this.props.files.entries) ||
+      (!this.props.files.entries.length && this.props.record.is_published)
+    ) {
+      this.noFiles = true;
+    }
+  }
+
+  formFeedbackRef = createRef();
+  sidebarRef = createRef();
+
+  accordionStyle = {
+    header: { className: "inverted brand", style: { cursor: "pointer" } },
+  };
+
+  render() {
+    return (
+      <DepositFormApp
+        config={this.config}
+        record={this.props.record}
+        files={this.props.files}
+      >
+        <FormFeedback fieldPath="message" />
+        <Container style={{ marginTop: "10px" }}>
+          <DepositFormTitle
+            // TODO: make is_published part of the API response
+            //       so we don't have to do this
+            isPublished={this.props.record.is_published}
+          />
+          <Grid>
+            <Grid.Row>
+              <Grid.Column width={11}>
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Files"}
+                  ui={this.accordionStyle}
+                >
+                  {this.noFiles && (
+                    <p
+                      style={{
+                        textAlign: "center",
+                        opacity: "0.5",
+                        cursor: "default !important",
+                      }}
+                    >
+                      <em>The record has no files.</em>
+                    </p>
+                  )}
+                  <FileUploader
+                    isDraftRecord={!this.props.record.is_published}
+                    quota={{
+                      maxFiles: 100,
+                      maxStorage: 10 ** 10,
+                    }}
+                  />
+                </AccordionField>
+                {/**TODO: uncomment to use IdentifiersField*/}
+                {/* <AccordionField
+                fieldPath=""
+                active={true}
+                label={"Files"}
+                ui={this.accordionStyle}
+              >
+                <IdentifiersField />
+                <ComingSoonField
+                  fieldPath="metadata.identifiers"
+                  label="Identifier(s)"
+                  labelIcon="barcode"
+                />
+                <br />
+              </AccordionField> */}
+
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Basic Information"}
+                  ui={this.accordionStyle}
+                >
+                  <ResourceTypeField
+                    options={this.vocabularies.metadata.resource_type}
+                    required
+                  />
+                  <TitlesField
+                    options={this.vocabularies.metadata.titles}
+                    required
+                  />
+                  <PublicationDateField required />
+                  <CreatibutorsField
+                    label={"Creators"}
+                    labelIcon={"user"}
+                    fieldPath={"metadata.creators"}
+                    roleOptions={this.vocabularies.metadata.creators.role}
+                    schema="creators"
+                    required
+                  />
+                  <DescriptionsField
+                    options={this.vocabularies.metadata.descriptions}
+                    editorConfig={{
+                      removePlugins: [
+                        "Image",
+                        "ImageCaption",
+                        "ImageStyle",
+                        "ImageToolbar",
+                        "ImageUpload",
+                        "MediaEmbed",
+                        "Table",
+                        "TableToolbar",
+                        "TableProperties",
+                        "TableCellProperties",
+                      ],
+                    }}
+                  />
+                  <LicenseField
+                    fieldPath="metadata.rights"
+                    searchConfig={{
+                      searchApi: {
+                        axios: {
+                          headers: {
+                            Accept: "application/vnd.inveniordm.v1+json",
+                          },
+                          url: "/api/vocabularies/licenses",
+                          withCredentials: false,
+                        },
+                      },
+                      initialQueryState: {
+                        filters: [["tags", "recommended"]],
+                      },
+                    }}
+                    serializeLicenses={(result) => ({
+                      title: result.title_l10n,
+                      description: result.description_l10n,
+                      id: result.id,
+                      link: result.props.url,
+                    })}
+                  />
+                  <br />
+                </AccordionField>
+
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Recommended Information"}
+                  ui={this.accordionStyle}
+                >
+                  <CreatibutorsField
+                    addButtonLabel={"Add contributor"}
+                    label={"Contributors"}
+                    labelIcon={"user plus"}
+                    fieldPath={"metadata.contributors"}
+                    roleOptions={this.vocabularies.metadata.contributors.role}
+                    schema="contributors"
+                    modal={{
+                      addLabel: "Add contributor",
+                      editLabel: "Edit contributor",
+                    }}
+                  />
+                  {/**TODO: uncomment to use Subjects*/}
+                  {/* <SubjectsField
+                  initialOptions={_get(
+                    this.props.record,
+                    "metadata.subjects",
+                    null
+                  )}
+                  limitToOptions={
+                    this.vocabularies.metadata.subjects.limitToOptions
+                  }
+                />
+                <ComingSoonField
+                  fieldPath="metadata.subjects"
+                  label="Subjects"
+                  labelIcon="tag"
+                /> */}
+
+                  <LanguagesField
+                    initialOptions={_get(
+                      this.props.record,
+                      "ui.languages",
+                      []
+                    ).filter((lang) => lang !== null)} // needed because dumped empty record from backend gives [null]
+                    serializeSuggestions={(suggestions) =>
+                      suggestions.map((item) => ({
+                        text: item.title_l10n,
+                        value: item.id,
+                        key: item.id,
+                      }))
+                    }
+                  />
+                  <DatesField options={this.vocabularies.metadata.dates} />
+                  <VersionField />
+                  <PublisherField />
+                  <br />
+                </AccordionField>
+                {/**TODO: uncomment to use FundingField*/}
+                {/* <AccordionField
+                fieldPath=""
+                active={true}
+                label={"Funding"}
+                ui={this.accordionStyle}
+              >
+                <FundingField options={this.vocabularies.metadata.funding} />
+                <ComingSoonField
+                  fieldPath="metadata.funding"
+                  label="Awards"
+                  labelIcon="money bill alternate outline"
+                />
+
+                <br />
+              </AccordionField> */}
+
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Related works"}
+                  ui={this.accordionStyle}
+                >
+                  <RelatedWorksField
+                    options={this.vocabularies.metadata.related_identifiers}
+                  />
+                  <br />
+                </AccordionField>
+              </Grid.Column>
+              <Ref innerRef={this.sidebarRef}>
+                <Grid.Column width={5} className="deposit-sidebar">
+                  <Sticky context={this.sidebarRef} offset={20}>
+                    <Card className="actions">
+                      <Card.Content>
+                        <SaveButton fluid className="save-button" />
+                        <PublishButton fluid />
+                      </Card.Content>
+                    </Card>
+
+                    <Card className="actions">
+                      <Card.Content>
+                        <DeleteButton
+                          fluid
+                          // TODO: make is_published part of the API response
+                          //       so we don't have to do this
+                          isPublished={this.props.record.is_published}
+                        />
+                      </Card.Content>
+                    </Card>
+
+                    <AccessRightField
+                      label={"Protection"}
+                      labelIcon={"shield"}
+                    />
+                    {this.config.data_cite &&(
+                      <DoiMint record={this.props.record} config={this.config.data_cite}/>
+                    )}
+                  </Sticky>
+                </Grid.Column>
+              </Ref>
+            </Grid.Row>
+          </Grid>
+        </Container>
+      </DepositFormApp>
+    );
+  }
+}

invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/deposit/index.js

@@ -0,0 +1,22 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2020 CERN.
+// Copyright (C) 2020 Northwestern University.
+//
+// Invenio App RDM is free software; you can redistribute it and/or modify it
+// under the terms of the MIT License; see LICENSE file for more details.
+
+import React from "react";
+import ReactDOM from "react-dom";
+import "semantic-ui-css/semantic.min.css";
+
+import { getInputFromDOM } from "react-invenio-deposit";
+import { RDMDepositForm } from "./RDMDepositForm";
+
+ReactDOM.render(
+  <RDMDepositForm
+    record={getInputFromDOM("deposits-record")}
+    files={getInputFromDOM("deposits-record-files")}
+    config={getInputFromDOM("deposits-config")}
+  />,
+  document.getElementById("deposit-form")
+);

invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/theme.js

@@ -8,8 +8,9 @@ $(function() {
   
   $.getScript("https://ub-support.tugraz.at/assets/form/form.js", () => {
     $('#feedback-form').ZammadForm({
-      messageTitle: 'Feedback Form',
-      messageSubmit: 'Send',
+      messageTitle: 'Contact us',
+      showTitle: true,
+      messageSubmit: 'Submit',
       messageThankYou: 'Thank you for your message, (#%s). We will get back to you as quickly as possible!',
       modal: true
     });

invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/frontpage.less

@@ -44,3 +44,46 @@ h2 {
 .badges {
   float: right;
 }
+
+/*Zammad form**/
+.zammad-form{
+  h2{
+    text-align: center;
+  }
+  .form-group{
+    label{
+      color: @tugrazBlack;
+    }
+    input.form-control{
+      height: 30px;
+      // width: auto;
+      border-radius: 0;
+      font-family: "Source Sans Pro";
+      background: @primaryLinkBackgroundInverted;
+      border: 1px solid rgba(34, 36, 38, 0.15);
+    }
+    textarea{
+      border: 1px solid rgba(34, 36, 38, 0.15);
+    }
+  }
+  .btn{
+    width: 100% !important;
+    cursor: pointer;
+    font-family: "Source Sans Pro";
+    min-height: 1em;
+    line-height: 1em;
+    padding: 0.78571429em 1.5em 0.78571429em;
+    background: @greyLight none;
+    border: 0;
+  }
+  .btn:hover{
+    background: @primaryLinkHoverBackground;
+    color: @primaryButton;
+    font-size: 1rem;
+    font-weight: bold;
+  }
+}:focus{
+  outline: thin;
+  outline-style: solid;
+  outline-color: @outlineColor;
+}

invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less

@@ -65,3 +65,6 @@
 // record specific
 @recordVersionBackground : #f2f2f2;
 @randomRecordsFrontpageArticle: rgba(34, 36, 38, .15);
+
+// input
+@outlineColor: #85B7D9;

invenio_theme_tugraz/config.py

@@ -26,6 +26,9 @@ INVENIO_THEME_TUGRAZ_ICON = "images/icon_use.png"
 INVENIO_THEME_TUGRAZ_LOGIN_IMG = "images/login_logo.png"
 """TU Logo for forms"""
 
+INVENIO_THEME_TUGRAZ_CONTACT_FORM = False
+"""Enable/Disable Contact form."""
+
 # Invenio-theme
 # ============
 # See https://invenio-theme.readthedocs.io/en/latest/configuration.html
@@ -105,22 +108,13 @@ DEPOSITS_HEADER_TEMPLATE = "invenio_theme_tugraz/header.html"
 TUG_ROUTES = {
     "index": "/",
     "comingsoon": "/comingsoon",
-}
-
-# Invenio-app-rdm
-# =============
-# See https://invenio-app-rdm.readthedocs.io/en/latest/configuration.html
-# """override the default search page"""
-# Keep this in sync
-APP_RDM_ROUTES = {
-    "index": "/notvalid/notvalid/notvalid",
-    "help_search": "/help/search",
-    "record_search": "/search2",
-    "record_detail": "/records/<pid_value>",
-    "record_export": "/records/<pid_value>/export/<export_format>",
-    "record_file_preview": "/records/<pid_value>/preview/<path:filename>",
-    "record_file_download": "/records/<pid_value>/files/<path:filename>",
-    "deposit_search": "/uploads",
     "deposit_create": "/uploads/new",
     "deposit_edit": "/uploads/<pid_value>",
+    "record_detail": "/records/<pid_value>"
 }
+
+# Datacite
+# INVENIO_DATACITE_URL = ""
+# INVENIO_DATACITE_UNAME = ""
+# INVENIO_DATACITE_PASS = "password"
+# INVENIO_DATACITE_PREFIX = ""

invenio_theme_tugraz/crypto.py

@@ -0,0 +1,88 @@
+#!/usr/bin/env python
+
+"""crypto helper module. see https://gist.github.com/marcoslin/8026990."""
+
+import binascii
+
+from Crypto import Random
+from Crypto.Cipher import AES
+
+
+# ------------------------------
+# DEFINE Encryption Class
+class Cryptor(object):
+    """Crypto class implementation.
+
+    Provide encryption and decryption function that works with crypto-js.
+    https://code.google.com/p/crypto-js/
+
+    Padding implemented as per RFC 2315: PKCS#7 page 21
+    http://www.ietf.org/rfc/rfc2315.txt
+
+    The key to make pycrypto work with crypto-js are:
+    1. Use MODE_CFB.  For some reason, crypto-js decrypted result from MODE_CBC
+       gets truncated
+    2. Use Pkcs7 padding as per RFC 2315, the default padding used by CryptoJS
+    3. On the JS side, make sure to wrap ciphertext with CryptoJS.lib.CipherParams.create()
+    """
+
+    # AES-256 key (32 bytes)
+    KEY = "01ab38d5e05c92aa098921d9d4626107133c7e2ab0e4849558921ebcc242bcb0"
+    BLOCK_SIZE = 16
+
+    @classmethod
+    def _pad_string(cls, in_string):
+        """Pad an input string according to PKCS#7."""
+        in_len = len(in_string)
+        pad_size = cls.BLOCK_SIZE - (in_len % cls.BLOCK_SIZE)
+        return in_string.ljust(in_len + pad_size, chr(pad_size))
+
+    @classmethod
+    def _unpad_string(cls, in_string):
+        """Remove the PKCS#7 padding from a text string."""
+        in_len = len(in_string)
+        pad_size = ord(in_string[-1])
+        if pad_size > cls.BLOCK_SIZE:
+            raise ValueError("Input is not padded or padding is corrupt")
+        return in_string[: in_len - pad_size]
+
+    @classmethod
+    def generate_iv(cls, size=16):
+        """Generate initialization vector."""
+        return Random.get_random_bytes(size)
+
+    @classmethod
+    def encrypt(cls, in_string, in_key, in_iv=None):
+        """Return encrypted string.
+
+        @in_string: Simple str to be encrypted
+        @key: hexified key
+        @iv: hexified iv
+        """
+        key = binascii.a2b_hex(in_key)
+
+        if in_iv is None:
+            iv = cls.generate_iv()
+            in_iv = binascii.b2a_hex(iv)
+        else:
+            iv = binascii.a2b_hex(in_iv)
+
+        aes = AES.new(key, AES.MODE_CFB, iv, segment_size=128)
+        padded = cls._pad_string(in_string).encode("utf-8")
+        encrypted = aes.encrypt(padded)
+        return in_iv, encrypted
+
+    @classmethod
+    def decrypt(cls, in_encrypted, in_key, in_iv):
+        """Return encrypted string.
+
+        @in_encrypted: Base64 encoded
+        @key: hexified key
+        @iv: hexified iv
+        """
+        key = binascii.a2b_hex(in_key)
+        iv = binascii.a2b_hex(in_iv)
+        aes = AES.new(key, AES.MODE_CFB, iv, segment_size=128)
+
+        decrypted = aes.decrypt(binascii.a2b_base64(in_encrypted).rstrip())
+        return cls._unpad_string(decrypted)

invenio_theme_tugraz/ext.py

@@ -9,6 +9,7 @@
 """invenio module for TUGRAZ theme."""
 
 from . import config
+from .views import deposit_create, deposit_edit, index, record_detail
 
 
 class InvenioThemeTugraz(object):
@@ -21,6 +22,12 @@ class InvenioThemeTugraz(object):
 
     def init_app(self, app):
         """Flask application initialization."""
+        # add index route rule
+        # https://flask.palletsprojects.com/en/1.1.x/api/#flask.Flask.add_url_rule
+        app.add_url_rule("/", "index", index)
+        app.add_url_rule("/uploads/new", "deposit_create", deposit_create)
+        app.add_url_rule("/uploads/<pid_value>", "deposit_edit", deposit_edit)
+        app.add_url_rule("/records/<pid_value>", "record_detail", record_detail)
         self.init_config(app)
         app.extensions["invenio-theme-tugraz"] = self
 

invenio_theme_tugraz/templates/invenio_theme_tugraz/deposit/deposit.html

@@ -0,0 +1,28 @@
+{#
+    Copyright (C) 2020 CERN.
+    Copyright (C) 2020 Northwestern University.
+    Copyright (C) 2021 Graz University of Technology.
+  
+    Invenio-them-tugraz is free software; you can redistribute it and/or modify it
+    under the terms of the MIT License; see LICENSE file for more details.
+  #}
+  
+  {%- extends config.BASE_TEMPLATE %}
+  
+  {%- block page_body %}
+    {%- if record %}
+    <input id="deposits-record" type="hidden" name="deposits-record" value='{{record | tojson }}'></input>
+    {%- endif %}
+    {%- if files %}
+    <input id="deposits-record-files" type="hidden" name="deposits-record-files" value='{{files | tojson }}'></input>
+    {%- endif %}
+    {%- if forms_config %}
+    <input type="hidden" name="deposits-config" value='{{forms_config | tojson }}'></input>
+    {%- endif %}
+    <div id="deposit-form"></div>
+  {%- endblock page_body %}
+  
+  {%- block javascript %}
+      {{ super() }}
+      {{ webpack['invenio-theme-tugraz-rdm-deposit.js'] }}
+  {%- endblock %}

invenio_theme_tugraz/templates/invenio_theme_tugraz/footer.html

@@ -30,7 +30,7 @@
       
         <h2>{{_ ("Repository")}}</h2>
         <p class="bodytext">
-          <a href="{{ url_for('invenio_theme_tugraz.comingsoon') }}">
+          <!-- <a href="{{ url_for('invenio_theme_tugraz.comingsoon') }}">
             {{_ ("Impressum")}}<i class="angle right icon"></i>
           </a>
           <br>
@@ -40,7 +40,7 @@
           <br>
           <a href="{{ url_for('invenio_theme_tugraz.comingsoon') }}">
             {{_ ("Feedback")}}<i class="angle right icon"></i>
-          </a>
+          </a> -->
         </p>
         
       </div>

invenio_theme_tugraz/templates/invenio_theme_tugraz/index.html

@@ -126,13 +126,14 @@
     <div class="six wide column">
       <!--contact us-->
       <div class="ui segment" style="padding-bottom: 10px;">
-        <h4>{{_ ("Need help?")}}     </h4>
-
+        <h4>{{_ ("Need help?")}}</h4>
+        {%- if config.INVENIO_THEME_TUGRAZ_CONTACT_FORM %}
         <div style="padding-bottom: 10px;">
           <a id="feedback-form" class="fluid ui button">
             {{_ ("Contact us")}} 
           </a>
         </div>
+        {%- endif %}
         <p>
           {{config.THEME_SITENAME}} {{_ ("prioritizes all Recent uploads.")}}
         </p>

invenio_theme_tugraz/templates/invenio_theme_tugraz/landingpage/detail.html

@@ -0,0 +1,133 @@
+{#
+    Copyright (C) 2020-2021 CERN.
+    Copyright (C) 2020 Northwestern University.
+    Copyright (C) 2021 TU Wien.
+    Copyright (C) 2021 Graz University of Technology.
+  
+    Invenio RDM Records is free software; you can redistribute it and/or modify
+    it under the terms of the MIT License; see LICENSE file for more details.
+  #}
+  
+  {%- extends config.BASE_TEMPLATE %}
+  
+  {%- from "invenio_app_rdm/records/macros/files.html" import file_list_box, preview_file_box %}
+  {%- from "invenio_app_rdm/records/macros/detail.html" import show_detail %}
+  
+  {%- set title = record.metadata.title -%}
+  {%- set metadata = record.metadata %}
+  
+  {%- block page_body %}
+  {% if permissions is defined and permissions.can_update_draft %}
+    <div
+      id="recordManagement"
+      data-recid='{{ record["id"] | tojson }}'>
+    </div>
+  {% endif %}
+  <div class="ui container">
+    <div class="ui relaxed grid">
+      <div class="two column row top-padded">
+        <div class="eleven wide column">
+          {%- block record_body -%}
+          {%- block record_header -%}
+          <div class="ui grid middle aligned">
+            <div class="two column row">
+              <div class="left floated left aligned column">
+                <span class="ui" title="Publication date">{{ record.ui.publication_date_l10n_long }}</span>
+                {%- if metadata.version %}
+                <span class="label text-muted"> | Version {{ metadata.version }}</span>
+                {% endif %}
+              </div>
+              <div class="right floated right aligned column">
+                <span class="ui label small grey">{{ record.ui.resource_type }}</span>
+                <!--TODO: Re-enable in next releases-->
+                <!-- <span class="ui label small access-right {{ 'unlock' }}">
+                  <i class="icon {{ 'unlock' }}"></i>{{ _("Open Access") }}</span> -->
+              </div>
+            </div>
+          </div>
+          {%- endblock record_header -%}
+          {%- block record_title -%}
+          <h1>{{ metadata.title }}</h1>
+          <p>{%- include "invenio_app_rdm/records/details/creators.html" %}</p>
+          {%- endblock record_title -%}
+          {%- block record_content -%}
+          <p>{%- include "invenio_app_rdm/records/details/contributors.html" %}</p>
+  
+          {%- include "invenio_app_rdm/records/details/subjects.html" %}
+          <div class="top-padded">
+          {%- include "invenio_app_rdm/records/details/description.html" %}
+          </div>
+          <div class="top-padded">
+          {%- include "invenio_app_rdm/records/details/licenses.html" %}
+          </div>
+          {%- endblock record_content -%}
+          {# files #}
+          {%- block record_files -%}
+          {%- if files is not none -%}
+            {%- if files.enabled and record|can_list_files %}
+              {%- set default_preview = files.default_preview %}
+              {%- set files = files|order_entries %}
+              {%- if files|has_previewable_files -%}
+                {%- set default_preview_file = files|select_preview_file(default_preview=default_preview) %}
+                {{ preview_file_box(default_preview_file, pid) }}
+              {%- endif -%}
+              {{ file_list_box(files, pid) }}
+            {% endif %}
+          {%- else -%}
+            {# TODO: come up with a proper display #}
+            <div>Sorry, the files are restricted!</div>
+          {%- endif -%}
+          {%- endblock record_files -%}
+          {%- block record_details -%}
+          {# More details #}
+          <div class="top-padded">
+          {%- include "invenio_app_rdm/records/details/details.html" %}
+          </div>
+          {%- endblock record_details -%}
+          {%- block record_footer -%}
+          <div class="ui grid">
+            <div class="two column row top-bottom-padded font-small">
+              <div class="four wide column">
+                <p><b>Upload infromation</b></p>
+              </div>
+              <div class="twelve wide column">
+                <span class="label text-muted">
+                  <b>Created:</b> {{ record.ui.created_date_l10n_long }} | <b>Modified:</b> {{ record.ui.updated_date_l10n_long }}
+                </span>
+              </div>
+            </div>
+          </div>
+          {%- endblock record_footer -%}
+          {%- block jump -%}
+          <div class="ui grid">
+            <div class="centered row" id="jump-btn">
+              <a style="cursor: pointer;">
+                <span class="ui button">
+                  <i class="arrow alternate circle up outline icon"></i>Jump up</span>
+              </a>
+            </div>
+          </div>
+          {%- endblock jump -%}
+          {%- endblock record_body %}
+        </div>
+        <div class="five wide column">
+          {% block record_sidebar %}
+          {%- include "invenio_app_rdm/records/details/side_bar.html" %}
+          <div style="text-align: center;">
+          {%- include "invenio_theme_tugraz/landingpage/doi.html" %}
+          </div>
+          {% endblock record_sidebar %}
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  {%- endblock page_body %}
+  
+  {%- block javascript %}
+  {{ super() }}
+  {{ webpack['invenio-app-rdm-landing-page.js'] }}
+  {# Communities management -- TODO include again when communities are ready #}
+  {# {{ webpack['invenio-communities-records.js'] }} #}
+  {{ webpack['previewer_theme.js'] }}
+  {%- endblock javascript %}

invenio_theme_tugraz/templates/invenio_theme_tugraz/landingpage/doi.html

@@ -0,0 +1,36 @@
+{#
+    Copyright (C) 2020 CERN.
+    Copyright (C) 2020 Northwestern University.
+  
+    Invenio RDM Records is free software; you can redistribute it and/or modify
+    it under the terms of the MIT License; see LICENSE file for more details.
+  #}
+  
+  {% if metadata.identifiers %}
+  {%- set id_doi = metadata.identifiers[0].identifier %}
+  <dd>
+  {% if id_doi %}
+    <span class="get-badge" data-toggle="tooltip" data-placement="bottom" style="cursor: pointer;"
+      title="Get the DOI badge!">
+      <img id="record-doi-badge" data-target="[data-modal='{{ id_doi }}']"
+        src="{{ url_for('invenio_formatter_badges.badge', title='DOI', value=id_doi, ext='svg') }}" alt="{{ id_doi }}">
+      </img>
+    </span>
+    <div id="doi-modal" class="ui modal fade badge-modal" data-modal="{{ id_doi }}">
+      <div class="header">RDM DOI Badge</div>
+      <div class="content">
+        <h4>
+          <small>DOI</small>
+        </h4>
+        <h4>
+          <pre>{{ id_doi }}</pre>
+        </h4>
+        {% from "semantic-ui/invenio_formatter/macros/badges.html" import badges_formats_list %}
+        {{ badges_formats_list(url_for('invenio_formatter_badges.badge', title='DOI', value=id_doi, ext='svg', _external=True, _scheme='https'), id_doi|pid_url(scheme='doi')) }}
+      </div>
+    </div>
+  {% else %}
+    {{ _("No minted DOI") }}
+  {% endif %}
+  </dd>
+  {% endif %}

invenio_theme_tugraz/version.py

@@ -12,4 +12,4 @@ This file is imported by ``invenio_theme_tugraz.__init__``,
 and parsed by ``setup.py``.
 """
 
-__version__ = "1.8.0"
+__version__ = "1.9.0"

invenio_theme_tugraz/views.py

@@ -8,12 +8,30 @@
 
 """invenio module for TUGRAZ theme."""
 
+import binascii
 from typing import Dict
 
 from elasticsearch_dsl.utils import AttrDict
-from flask import Blueprint, render_template
+from flask import Blueprint, current_app, g, render_template
+from flask_login import login_required
 from flask_menu import current_menu
+from invenio_app_rdm.records_ui.views.decorators import (
+    pass_draft,
+    pass_record,
+    pass_record_files,
+    service,
+    user_permissions,
+)
+from invenio_app_rdm.records_ui.views.deposits import (
+    get_form_config,
+    get_search_url,
+    new_record,
+)
+from invenio_rdm_records.resources.config import RDMDraftFilesResourceConfig
+from invenio_rdm_records.resources.serializers import UIJSONSerializer
+from invenio_rdm_records.services import RDMDraftFilesService
 
+from .crypto import Cryptor
 from .search import FrontpageRecordsSearch
 
 
@@ -30,6 +48,8 @@ def ui_blueprint(app):
 
     blueprint.add_url_rule(routes["index"], view_func=index)
     blueprint.add_url_rule(routes["comingsoon"], view_func=comingsoon)
+    blueprint.add_url_rule(routes["deposit_create"], view_func=deposit_create)
+    blueprint.add_url_rule(routes["record_detail"], view_func=record_detail)
 
     @blueprint.app_template_filter("make_dict_like")
     def make_dict_like(value: str, key: str) -> Dict[str, str]:
@@ -51,9 +71,100 @@ def index():
     """Frontpage."""
     return render_template(
         "invenio_theme_tugraz/index.html",
-        records=FrontpageRecordsSearch()[:5].sort("-created").execute())
+        records=FrontpageRecordsSearch()[:5].sort("-created").execute(),
+    )
 
 
 def comingsoon():
-    """Frontpage."""
+    """Comingsoon."""
     return render_template("invenio_theme_tugraz/comingsoon.html")
+
+
+def get_datacite_details():
+    """Application credentials for DOI."""
+    url = current_app.config.get("INVENIO_DATACITE_URL") or ""
+    username = current_app.config.get("INVENIO_DATACITE_UNAME") or ""
+    password = current_app.config.get("INVENIO_DATACITE_PASS") or ""
+    prefix = current_app.config.get("INVENIO_DATACITE_PREFIX") or ""
+
+    password_iv, encrypted_password = Cryptor.encrypt(password, Cryptor.KEY)
+
+    details = {
+        "datacite_url": url,
+        "datacite_uname": username,
+        "datacite_pass": binascii.b2a_base64(encrypted_password).rstrip(),
+        "datacite_prefix": prefix,
+        "datacite_password_iv": password_iv,
+    }
+    return details
+
+#
+# TODO: change this override behaviour once
+# PR is merged:
+# https://github.com/inveniosoftware/invenio-app-rdm/pull/638
+#
+
+
+@login_required
+def deposit_create():
+    """Create a new deposit."""
+    forms_config = get_form_config(createUrl=("/api/records"))
+    forms_config["data_cite"] = get_datacite_details()
+
+    return render_template(
+        "invenio_theme_tugraz/deposit/deposit.html",
+        forms_config=forms_config,
+        searchbar_config=dict(searchUrl=get_search_url()),
+        record=new_record(),
+        files=dict(default_preview=None, enabled=True, entries=[], links={}),
+    )
+
+
+@login_required
+@pass_draft
+def deposit_edit(draft=None, pid_value=None):
+    """Edit an existing deposit."""
+    # TODO: should be embedded in record service
+    files_service = RDMDraftFilesService()
+    files_list = files_service.list_files(
+        id_=pid_value,
+        identity=g.identity,
+        links_config=RDMDraftFilesResourceConfig.links_config,
+    )
+
+    serializer = UIJSONSerializer()
+    record = serializer.serialize_object_to_dict(draft.to_dict())
+
+    # TODO: get the `is_published` field when reading the draft
+    from invenio_pidstore.errors import PIDUnregistered
+    try:
+        service().draft_cls.pid.resolve(pid_value, registered_only=True)
+        record["is_published"] = True
+    except PIDUnregistered:
+        record["is_published"] = False
+
+    forms_config = get_form_config(apiUrl=f"/api/records/{pid_value}/draft")
+    forms_config["data_cite"] = get_datacite_details()
+
+    return render_template(
+        "invenio_theme_tugraz/deposit/deposit.html",
+        forms_config=forms_config,
+        record=record,
+        files=files_list.to_dict(),
+        searchbar_config=dict(searchUrl=get_search_url()),
+    )
+
+
+@pass_record
+@pass_record_files
+@user_permissions(actions=['update_draft'])
+def record_detail(record=None, files=None, pid_value=None, permissions=None):
+    """Record detail page (aka landing page)."""
+    files_dict = None if files is None else files.to_dict()
+    return render_template(
+        "invenio_theme_tugraz/landingpage/detail.html",
+        record=UIJSONSerializer().serialize_object_to_dict(record.to_dict()),
+        pid=pid_value,
+        files=files_dict,
+        permissions=permissions,
+    )

invenio_theme_tugraz/webpack.py

@@ -18,8 +18,31 @@ theme = WebpackThemeBundle(
                 "invenio-theme-tugraz-theme": "./less/invenio_theme_tugraz/theme.less",
                 "invenio-theme-tugraz-js": "./js/invenio_theme_tugraz/theme.js",
                 "invenio-theme-tugraz-search-app": "./js/invenio_theme_tugraz/search/index.js",
+                # overrides RDM deposit form
+                'invenio-theme-tugraz-rdm-deposit': './js/invenio_theme_tugraz/deposit/index.js',
+            },
+            dependencies={
+
+                # required for RDM deposit form
+                # keep in sync
+                "@babel/runtime": "^7.9.0",
+                'formik': '^2.1.4',
+                'luxon': '^1.23.0',
+                'path': '^0.12.7',
+                'prop-types': '^15.7.2',
+                'react-dnd': '^11.1.3',
+                'react-dnd-html5-backend': '^11.1.3',
+                'react-invenio-deposit': '^0.11.10',
+                'react-invenio-forms': '^0.6.3',
+                'react-dropzone': "^11.0.3",
+                'yup': '^0.27.0',
+                '@ckeditor/ckeditor5-build-classic': '^16.0.0',
+                '@ckeditor/ckeditor5-react': '^2.1.0',
+
+                # datacite - rest api plugin
+                'datacite-rest': '^0.1.4',
+
             },
-            dependencies={},
         )
     },
 )

setup.py

@@ -59,7 +59,9 @@ install_requires = [
     "elasticsearch_dsl>=7.2.1",
     "invenio_search>=1.4.0,<2.0.0",
     # keep this package updated.
-    "invenio_app_rdm>=0.18.8",
+    "invenio_app_rdm<=1.0.0",
+    # needed for DOI credential encryption
+    "pycryptodome==3.10.1",
 ]
 
 packages = find_packages()