v1.9.2

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

.editorconfig

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

.github/workflows/tests.yml

@@ -20,9 +20,42 @@ jobs:
     runs-on: ubuntu-20.04
     strategy:
       matrix:
-          python-version: [3.6, 3.7, 3.8]
+          python-version: [3.6, 3.7, 3.8, 3.9]
           requirements-level: [min, pypi]
+          db-service: [postgresql12]
+          search-service: [elasticsearch7]
+          exclude:
+          - python-version: 3.6
+            requirements-level: pypi
 
+          - python-version: 3.7
+            requirements-level: min
+
+          - python-version: 3.8
+            requirements-level: min
+
+          - python-version: 3.9
+            requirements-level: min
+
+          - db-service: postgresql12
+            requirements-level: min
+
+          - search-service: elasticsearch7
+            requirements-level: min
+
+          include:
+
+          - db-service: postgresql12
+            DB_EXTRAS: "postgresql"
+
+
+          - search-service: elasticsearch7
+            SEARCH_EXTRAS: "elasticsearch7"
+
+    env:
+      DB: ${{ matrix.db-service }}
+      SEARCH: ${{ matrix.search-service }}
+      EXTRAS: all,${{ matrix.DB_EXTRAS }},${{ matrix.SEARCH_EXTRAS }}
     steps:
       - name: Checkout
         uses: actions/checkout@v2
@@ -35,8 +68,7 @@ jobs:
       - name: Generate dependencies
         run: |
           python -m pip install --upgrade pip setuptools py wheel requirements-builder
-          requirements-builder -e all --level=${{ matrix.requirements-level }} setup.py > .${{ matrix.requirements-level }}-${{ matrix.python-version }}-requirements.txt
+          requirements-builder -e "$EXTRAS" --level=${{ matrix.requirements-level }} setup.py > .${{ matrix.requirements-level }}-${{ matrix.python-version }}-requirements.txt
-
       - name: Cache pip
         uses: actions/cache@v2
         with:
@@ -45,10 +77,11 @@ jobs:
 
       - name: Install dependencies
         run: |
-          pip install -r .${{matrix.requirements-level}}-${{ matrix.python-version }}-requirements.txt
+          pip install -r .${{ matrix.requirements-level }}-${{ matrix.python-version }}-requirements.txt
-          pip install .[all]
+          pip install ".[$EXTRAS]"
           pip freeze
-
+          docker --version
+          docker-compose --version
       - name: Run tests
         run: |
-          ./run-tests.sh
+          ./run-tests.sh

.tx/config

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

AUTHORS.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

CHANGES.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

MANIFEST.in

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

README.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 Mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

babel.ini

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

docs/api.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

docs/authors.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

docs/changes.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

docs/conf.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

docs/configuration.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

docs/contributing.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

docs/index.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

docs/installation.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

docs/usage.rst

@@ -1,5 +1,5 @@
 ..
-    Copyright (C) 2020 mojib wali.
+    Copyright (C) 2020-2021 Graz University of Technology.
 
     invenio-theme-tugraz is free software; you can redistribute it and/or
     modify it under the terms of the MIT License; see LICENSE file for more

invenio_theme_tugraz/__init__.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

invenio_theme_tugraz/assets/scss/invenio_theme_tugraz/footer.scss

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.

invenio_theme_tugraz/assets/scss/invenio_theme_tugraz/header.scss

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.

invenio_theme_tugraz/assets/scss/invenio_theme_tugraz/overrides.scss

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.

invenio_theme_tugraz/assets/scss/invenio_theme_tugraz/search/footer.scss

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.

invenio_theme_tugraz/assets/scss/invenio_theme_tugraz/search/theme.scss

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.

invenio_theme_tugraz/assets/scss/invenio_theme_tugraz/search/variables.scss

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.

invenio_theme_tugraz/assets/scss/invenio_theme_tugraz/theme.scss

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.

invenio_theme_tugraz/assets/scss/invenio_theme_tugraz/variables.scss

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.
@@ -8,4 +7,3 @@
 
  $navbar_background_image: unset;
  $navbar_background_color: #ffffff;
-

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

@@ -0,0 +1,203 @@
+import React, { Component } from "react";
+import {
+  Button,
+  Card,
+  Icon,
+  Label,
+  Loader,
+  Dimmer,
+  Message,
+} from "semantic-ui-react";
+import { FieldArray } from "formik";
+
+import { FetchDoi, 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,
+      });
+
+      // get the prefix from backend
+      const prefix = this.configs.datacite_prefix;
+      const suffix = this.configs.datacite_suffix;
+
+      if (prefix !== null && suffix !== null) {
+        // get mapped DOI
+        const mapped = MapDatacite(this.metadata, this.record.id, prefix, suffix);
+
+        const _fetchdoi = new FetchDoi("/getdoi");
+
+        // Create a new DOI
+        _fetchdoi
+          .create(mapped)
+          .then((data) => {
+            // if there is an error
+            if (data.data.errors) {
+              this.setState({
+                showLoader: false,
+                isError: true,
+                errorMsg: data.data.errors[0].title,
+              });
+            }
+            // new doi is fetched
+            else {
+              // add new identifier
+              const _identifiers = [
+                {
+                  identifier: data.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);
+          });
+      } else {
+        this.setState({
+          showLoader: false,
+          isError: true,
+          errorMsg: "Not configured!",
+        });
+      }
+    };
+
+    // 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",
+              }}
+            >
+              {this.state.doi_id && (
+                <Message positive>
+                  <Message.Header>A DOI is registered!</Message.Header>
+                  <p>Please save the deposit. </p>
+                </Message>
+              )}
+              <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/search/components.js

@@ -0,0 +1,324 @@
+/*
+ * Copyright (C) 2020 CERN.
+ * Copyright (C) 2020 Northwestern University.
+ * Copyright (C) 2020 Graz University of Technology
+ *
+ * invenio-theme-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.
+ *
+ * origin: invenio_app_rdm/search/components.js
+ */
+
+import React, { useState } from "react";
+import { Card, Item, Input, Label, Button, Grid, Checkbox, List, } from "semantic-ui-react";
+import { BucketAggregation, Toggle } from "react-searchkit";
+import _ from "lodash";
+import _truncate from "lodash/truncate";
+import Overridable from "react-overridable";
+import { SearchBar } from "@js/invenio_search_ui/components";
+
+export const RDMRecordResultsListItem = ({ result, index }) => {
+  const description = _.get(result, "metadata.description", "No description");
+  const version = _.get(result, "metadata.version", "");
+  const creators = _.get(result, "metadata.creators", []);
+  const title = _.get(result, "metadata.title", "No title");
+  const subjects = _.get(result, "metadata.subjects", null);
+  const rights = _.get(result, "metadata.rights", null)
+
+  const publicationDate = _.get(result, "ui.publication_date_l10n_long", "No publication date found");
+  const createdDate = _.get(result, "ui.created_date_l10n_long", "No creation date found.");
+  const resourceType = _.get(result, "ui.resource_type", "No resource type");
+  const access = _.get(result, "ui.access_right.title", "No access rights");
+  const accessRightCategory = _.get(result, "ui.access_right.category", "closed");
+  const accessRightIcon = _.get(result, "ui.access_right.icon", "closed");
+  const accessRight = {type: access, category: accessRightCategory, icon: accessRightIcon, rights};
+
+  const href = `/records/${result.id}`;
+
+  return (
+    <Item key={index}>
+      <Item.Content>
+        <div className="badges">
+          <Label className="record-version">
+            {publicationDate} {version ? `(${version})` : null}
+          </Label>
+          <Label className="teal">
+            {resourceType}
+          </Label>
+        </div>
+        <Item.Header href={href}>{title}</Item.Header>
+        <Creators creators={creators}/>
+        <Item.Description href={href}>
+          {_truncate(description.replace(/(<([^>]+)>)/ig, ''), { length: 350 })}
+        </Item.Description>
+        <Footer subjects={subjects} createdDate={createdDate} accessRight={accessRight}/>
+      </Item.Content>
+    </Item>
+  );
+};
+
+const Creators = ({creators}) => {
+  const creatorTags = creators.map((creator, index) => {
+    return <Creator key={index} creator={creator}/>;
+  });
+
+  return (
+    <div className="creators">
+      {creatorTags}
+    </div>
+  );
+};
+
+const Identifiers = ({creator}) => {
+  return (
+    <div className="identifiers">
+      {_.isObject(creator.identifiers) && creator.identifiers.hasOwnProperty("orcid") &&
+       <Orcid creator={creator}/>
+      }
+    </div>
+  );
+};
+
+const Orcid = ({creator}) => {
+  const href = `https://orcid.org/${creator.identifiers.orcid}`
+
+  return (
+    <a href={href} target="_blank">
+      <img className="inline-orcid" src="/static/extra/orcid.png"/>
+    </a>
+  );
+};
+
+const Creator = ({creator}) => {
+  return (
+    <div className="creator">
+      <Identifiers creator={creator}/>
+      <span className="text-muted">{creator.person_or_org.name}</span>
+    </div>
+  );
+};
+
+const Footer = ({subjects, createdDate, accessRight}) => {
+  return (
+    <Item.Extra>
+      <div className="left floated column">
+        {subjects && subjects.map((subject, index) => (
+          <Label key={index} size="tiny">
+            {subject.subject}
+          </Label>
+        ))}
+        {createdDate && (
+          <div>
+            <small>
+              Uploaded on <span>{createdDate}</span>
+            </small>
+          </div>
+        )}
+      </div>
+      <div className="right floated column">
+        <span className={`ui access-right ${accessRight.category}`}>
+          <i className={`icon ${accessRight.icon}`}></i>
+          {accessRight.type} {accessRight.rights && accessRight.rights.map((right, index) => (
+            <a key={index} href={right.uri}>({right.identifier})</a>
+          ))}
+        </span>
+      </div>
+    </Item.Extra>
+  );
+};
+
+/**
+ * ATTENTION:
+ * The following classes are only here because it is not easily possible to
+ * import it from the original module.
+ * If there is in the future a possibility to import following classes from
+ * invenio_app_rdm then this should be done!
+ */
+export const RDMRecordResultsGridItem = ({ result, index }) => {
+  const description = _.get(result, "metadata.description", "No description");
+  return (
+    <Card fluid key={index} href={`/records/${result.pid}`}>
+      <Card.Content>
+        <Card.Header>{result.metadata.title}</Card.Header>
+        <Card.Description>
+          {_truncate(description, { length: 200 })}
+        </Card.Description>
+      </Card.Content>
+    </Card>
+  );
+};
+
+export const RDMRecordSearchBarContainer = () => {
+  return (
+    <Overridable id={"SearchApp.searchbar"}>
+      <SearchBar />
+    </Overridable>
+  );
+};
+
+export const RDMRecordSearchBarElement = ({
+  placeholder: passedPlaceholder,
+  queryString,
+  onInputChange,
+  executeSearch,
+}) => {
+  const placeholder = passedPlaceholder || "Search";
+  const onBtnSearchClick = () => {
+    executeSearch();
+  };
+  const onKeyPress = (event) => {
+    if (event.key === "Enter") {
+      executeSearch();
+    }
+  };
+  return (
+    <Input
+      action={{
+        icon: "search",
+        onClick: onBtnSearchClick,
+        className: "search",
+      }}
+      placeholder={placeholder}
+      onChange={(event, { value }) => {
+        onInputChange(value);
+      }}
+      value={queryString}
+      onKeyPress={onKeyPress}
+    />
+  );
+};
+
+export const RDMRecordFacetsValues = ({
+  bucket,
+  isSelected,
+  onFilterClicked,
+  getChildAggCmps,
+}) => {
+  const childAggCmps = getChildAggCmps(bucket);
+  const [isActive, setisActive] = useState(false);
+  const hasChildren = childAggCmps && childAggCmps.props.buckets.length > 0;
+  return (
+    <List.Item key={bucket.key}>
+      <div
+        className={`title ${hasChildren ? "" : "facet-subtitle"} ${
+          isActive ? "active" : ""
+        }`}
+      >
+        <List.Content floated="right">
+          <Label circular>{bucket.doc_count}</Label>
+        </List.Content>
+        {hasChildren ? (
+          <i
+            className={`angle ${isActive ? "down" : "right"} icon`}
+            onClick={() => setisActive(!isActive)}
+          ></i>
+        ) : null}
+        <Checkbox
+          label={bucket.label}
+          value={bucket.key}
+          onClick={() => onFilterClicked(bucket.key)}
+          checked={isSelected}
+        />
+      </div>
+      <div className={`content facet-content ${isActive ? "active" : ""}`}>
+        {childAggCmps}
+      </div>
+    </List.Item>
+  );
+};
+
+const SearchHelpLinks = () => {
+  return (
+    <Overridable id={"RdmSearch.SearchHelpLinks"}>
+      <Grid className="padded-small">
+        <Grid.Row className="no-padded">
+          <Grid.Column>
+            <Card className="borderless-facet">
+              <Card.Content>
+                <a>Advanced search</a>
+              </Card.Content>
+            </Card>
+          </Grid.Column>
+        </Grid.Row>
+        <Grid.Row className="no-padded">
+          <Grid.Column>
+            <Card className="borderless-facet">
+              <Card.Content>
+                <a>Search guide</a>
+              </Card.Content>
+            </Card>
+          </Grid.Column>
+        </Grid.Row>
+      </Grid>
+    </Overridable>
+  );
+};
+
+export const RDMRecordFacets = ({ aggs, currentResultsState }) => {
+  return (
+    <>
+      <Toggle
+        title="Versions"
+        label="View all versions"
+        filterValue={["all_versions", "true"]}
+      />
+      {aggs.map((agg) => {
+        return (
+          <div key={agg.title} className="ui accordion">
+            <BucketAggregation title={agg.title} agg={agg} />
+          </div>
+        );
+      })}
+      <SearchHelpLinks />
+    </>
+  );
+};
+
+export const RDMBucketAggregationElement = ({ title, containerCmp }) => {
+  return (
+    <Card className="borderless-facet">
+      <Card.Content>
+        <Card.Header>{title}</Card.Header>
+      </Card.Content>
+      <Card.Content>{containerCmp}</Card.Content>
+    </Card>
+  );
+};
+
+export const RDMToggleComponent = ({
+  updateQueryFilters,
+  userSelectionFilters,
+  filterValue,
+  label,
+  title,
+  isChecked,
+}) => {
+  const _isChecked = (userSelectionFilters) => {
+    const isFilterActive =
+      userSelectionFilters.filter((filter) => filter[0] === filterValue[0])
+        .length > 0;
+    return isFilterActive;
+  };
+
+  const onToggleClicked = () => {
+    updateQueryFilters(filterValue);
+  };
+
+  var isChecked = _isChecked(userSelectionFilters);
+  return (
+    <Card className="borderless-facet">
+      <Card.Content>
+        <Card.Header>{title}</Card.Header>
+      </Card.Content>
+      <Card.Content>
+        <Checkbox
+          toggle
+          label={label}
+          onClick={onToggleClicked}
+          checked={isChecked}
+        />
+      </Card.Content>
+    </Card>
+  );
+};

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

@@ -0,0 +1,30 @@
+/*
+ * Copyright (C) 2020 Graz University of Technology
+ *
+ * invenio-theme-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.
+ */
+
+
+import { defaultComponents, createSearchAppInit } from "@js/invenio_search_ui";
+import {
+  RDMRecordResultsListItem,
+  RDMBucketAggregationElement,
+  RDMRecordFacets,
+  RDMRecordFacetsValues,
+  RDMRecordResultsGridItem,
+  RDMRecordSearchBarContainer,
+  RDMRecordSearchBarElement,
+  RDMToggleComponent,
+} from "./components";
+
+const initSearchApp = createSearchAppInit({
+  "ResultsList.item": RDMRecordResultsListItem,
+  "BucketAggregation.element": RDMBucketAggregationElement,
+  "BucketAggregationValues.element": RDMRecordFacetsValues,
+  "ResultsGrid.item": RDMRecordResultsGridItem,
+  "SearchApp.facets": RDMRecordFacets,
+  "SearchApp.searchbarContainer": RDMRecordSearchBarContainer,
+  "SearchBar.element": RDMRecordSearchBarElement,
+  "SearchFilters.ToggleComponent": RDMToggleComponent,
+});

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

@@ -1,3 +1,22 @@
+import $ from 'jquery';
+
+$(function() {
+  let scriptNode = document.createElement("hidden"); //needed for zammad script
+  scriptNode.id = "zammad_form_script";
+  scriptNode.src = "https://ub-support.tugraz.at/assets/form/form.js";
+  document.head.appendChild(scriptNode);
+  
+  $.getScript("https://ub-support.tugraz.at/assets/form/form.js", () => {
+    $('#feedback-form').ZammadForm({
+      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
+    });
+  });
+});
+
 export function toggleVisibility(id) {
     var element = document.getElementById(id);
     var isHided = element.style.display === "none";

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

@@ -13,68 +13,68 @@
 
 #login-tug-logo {
   & g {
-    fill: #e4154b;
+    fill: @tugrazRed;
   }
 }
 
 #login-tug-logo:hover {
   & g {
-    fill: #231f20;
+    fill: @tugrazBlack;
   }
 }
 
 .accounts-link {
   margin: 5%;
-  color: #fff;
+  color: @primaryLink;
-  border: 1px solid #fff;
+  border: 1px solid @primaryLink;
   background-color: transparent;
 }
 
 .accounts-link :hover {
   font-size: smaller !important;
-  color: white;
+  color: @primaryLink;
-  background-color: #000000 !important;
+  background-color: @primaryLinkHoverBackground !important;
 }
 
 .tu-button-style button {
   cursor: pointer;
-  border: 1px solid #fff;
+  border: 1px solid @primaryButton;
   background-color: transparent;
   height: 29px;
-  color: #fff;
+  color: @primaryButton;
   font-family: "Source Sans Pro";
   font-weight: 300;
   font-size: 16px;
 }
 .tu-button-style button:hover {
   cursor: pointer;
-  color: white;
+  color: @primaryButton;
-  background-color: #000000 !important;
+  background-color: @primaryButtonHoverBackground !important;
 }
 
 .form-accounts {
   margin: 15%;
   text-align: left !important;
   & i {
-    color: #fff !important;
+    color: @primaryFormAccounts !important;
   }
   & label {
     display: flex !important;
     font-weight: 300 !important;
-    color: white !important;
+    color: @primaryFormAccounts !important;
   }
   & input {
     border: 0px none !important;
     padding: 0px !important;
-    border-bottom: 1px solid white !important;
+    border-bottom: 1px solid @primaryFormAccounts !important;
     background-color: transparent !important;
-    color: white !important;
+    color: @primaryFormAccounts !important;
     border-radius: 0 !important;
     width: 100% !important;
   }
   & input::placeholder {
     opacity: 1 !important;
-    color: silver !important;
+    color: @formAccountsInputPlaceholder !important;
   }
   & th {
     display: block;
@@ -85,7 +85,7 @@
 }
 
 .field > input::selection {
-  background: #50a2ce;
+  background: @fieldInputSelectionBackground;
 }
 
 .accounts-header {
@@ -96,7 +96,7 @@
 login and sign-up pages form background color
 */
 .sign-form {
-  background-color: #245b78 !important;
+  background-color: @signInBackground !important;
   padding: 0 !important;
   height: 100%;
 }
@@ -104,10 +104,10 @@ login and sign-up pages form background color
 .tug-button-login {
   display: flex;
   align-items: center;
-  fill: #e4154b;
+  fill: @tugrazRed;
 }
 .tug-button-login :hover {
-  fill: #000000;
+  fill: @primaryButtonHoverBackground;
 }
 .login-page-button {
   margin: 5%;
@@ -118,20 +118,20 @@ login and sign-up pages form background color
     cursor: pointer;
   }
   & a:hover {
-    background-color: #000;
+    background-color: @primaryLinkHoverBackground;
-    color: #fff !important;
+    color: @primaryLink !important;
     text-decoration: none;
   }
 }
 
 .login-page-button-white {
-  color: #fff !important;
+  color: @primaryButton !important;
   font-family: "Source Sans Pro";
   font-size: initial;
 }
 
 .login-page-button-black {
-  color: #000 !important;
+  color: @primaryButtonInverted !important;
   font-family: "Source Sans Pro";
   font-size: initial;
 }

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

@@ -1,13 +1,12 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.
  */
 
  #footer {
-    color: #5E5E5E;
+    color: @footerGrey;
 
     /*background-image: url("/static/images/footer.jpg");*/
     -webkit-background-size: 100% 100%;
@@ -22,18 +21,18 @@
     background-attachment: fixed;
 
     &.footer-bottom {
-      background-color: #f2f2f2;
+      background-color: @footerBottomBackground;
       padding-top: 15px;
       padding-bottom: 15px;
       font-size: 16px;
  
       a {
         text-decoration: none;
-        color: #5E5E5E;
+        color: @footerGrey;
  
         &:hover, &:focus {
-          color: #ffffff;
+          color: @primaryLink;
-          background-color: #000000;
+          background-color: @primaryLinkHoverBackground;
         }
       }
     }

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

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.
@@ -22,12 +21,12 @@ h2 {
 }
 
 .record-version {
-  color: #777777;
+  color: @greyDark;
-  background-color: #f2f2f2 !important;
+  background-color: @recordVersionBackground !important;
 }
 
 .random-records-frontpage article {
-  border-bottom: 1px solid rgba(34,36,38,.15);
+  border-bottom: 1px solid @randomRecordsFrontpageArticle;
   margin-bottom: 1rem;
   padding-bottom: 1rem;
 }
@@ -44,3 +43,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/header.less

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.
@@ -10,7 +9,7 @@
   width: 18px;
   height: 18px;
   vertical-align: top;
-  fill: #e4154b;
+  fill: @tugrazRed;
 }
 
 /*****logo section******/
@@ -18,18 +17,18 @@
   vertical-align: middle;
   white-space: nowrap;
   & a {
-    fill: #e4154b;
+    fill: @tugrazRed;
   }
 }
 
 .affiliation-logo :hover {
   text-decoration: none;
-  fill: #000000;
+  fill: @primaryLinkHoverBackground;
-  color: #000000;
+  color: @primaryLinkHoverBackground;
 }
 
 .affiliation {
-  background-color: white;
+  background-color: @primaryLink;
   display: table;
   margin: 0 auto 80px;
   max-width: 1060px;
@@ -78,12 +77,12 @@ a {
 .short-menu-right {
   display: table-cell;
   width: 50%;
-  color: #000000;
+  color: @primaryLinkInverted;
 }
 
 .short-menu-right :hover {
-  background-color: #000000;
+  background-color: @primaryLinkHoverBackground;
-  color: #ffffff;
+  color: @primaryLink;
 }
 
 .short-menu-right-button {
@@ -104,15 +103,15 @@ a {
   & a {
     padding: 5px;
     background-color: transparent;
-    color: #000;
+    color: @primaryLinkInverted;
     text-decoration: none;
   }
 }
 
 .short-menu-left-lang:hover {
   & a {
-    background-color: #000;
+    background-color: @primaryLinkHoverBackground;
-    color: #fff;
+    color: @primaryLink;
     text-decoration: none;
   }
 }
@@ -126,7 +125,7 @@ a {
     & svg {
       & g {
         stroke-linejoin: round;
-        stroke: #000;
+        stroke: @primaryLinkInverted;
         stroke-miterlimit: 10;
         stroke-width: 2;
         fill: none;
@@ -137,11 +136,11 @@ a {
 
 .search-icon-header:hover {
   & a {
-    background-color: #000;
+    background-color: @primaryLinkHoverBackground;
     text-decoration: none;
     & svg {
       & g {
-        stroke: #fff;
+        stroke: @primaryLink;
       }
     }
   }
@@ -150,7 +149,7 @@ a {
 .short-menu-left-search {
   display: inline-block;
   margin: 12px 9px 6px 0;
-  color: #000000;
+  color: @primaryLinkInverted;
 }
 
 .short-menu-right-main-menu {
@@ -181,8 +180,8 @@ svg:not(:root) {
 }
 
 .main-menu-entry a:hover {
-  background-color: #000;
+  background-color: @primaryLinkHoverBackground;
-  color: #fff;
+  color: @primaryLink;
   text-decoration: none;
 }
 
@@ -191,7 +190,7 @@ svg:not(:root) {
 }
 
 .main-menu-underline-line {
-  border: 2px solid #e0e1e2 !important;
+  border: 2px solid @greyLight !important;
   border-radius: 0;
 }
 
@@ -200,13 +199,13 @@ svg:not(:root) {
 }
 
 .affiliation-text a:hover {
-  background-color: #000000;
+  background-color: @primaryLinkHoverBackground;
-  color: #ffffff;
+  color: @primaryLink;
   text-decoration: none;
 }
 
 .main-menu {
-  border-bottom: 1px solid #000;
+  border-bottom: 1px solid @primaryLinkInverted;
   box-sizing: border-box;
   height: 39px;
   margin-top: -1px;

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

@@ -1,5 +1,5 @@
 .ui.inverted.header{
-    color:#000;
+    color: @primaryLinkInverted;
 }
 
 .login-page-button {
@@ -10,14 +10,14 @@
       cursor: pointer;
     }
     & a:hover {
-      background-color: #000;
+      background-color: @primaryLinkHoverBackground;
-      color: #fff !important;
+      color: @primaryLink !important;
       text-decoration: none;
     }
   }
 
 .text-color{
-    color: #000;
+    color: @primaryLinkInverted;
 }
 
 @media (max-width: 767px) {

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

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.
@@ -14,5 +13,5 @@
 }
 
 .text-muted {
-    color: #777;
+    color: @greyDark;
 }

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

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.
@@ -12,7 +11,7 @@
  * to #ffffff
  ***/
 .section-content-light-bg {
-  background-color: #ffffff;
+  background-color: @primaryBackground;
 }
 
 /***
@@ -21,7 +20,7 @@
  * to #000000
  ***/
 .section-title {
-  color: #000000;
+  color: @primaryText;
 }
 
 
@@ -32,7 +31,7 @@
  ***/
 .cover-page {
   //text-align: center;
-  background-color: #ffffff;
+  background-color: @primaryBackground;
 }
 
 
@@ -42,7 +41,7 @@
  * To #000000
  ***/
 .panel-free-title {
-  color: #000000;
+  color: @primaryText;
 }
 
 
@@ -75,16 +74,16 @@ pre {
  ***/
 /*.ui.button,*/
 .ui.search.button {
-  background-color:#e4154b;
+  background-color: @tugrazRed;
 }
 
 .ui.button:hover,
 .ui.search.button:hover {
-  background-color:#000000;
+  background-color: @primaryButtonHoverBackground;
 }
 
 .ui.button:hover {
-  color:#fff;
+  color: @primaryButton;
 }
 
 /***
@@ -123,3 +122,33 @@ pre {
 .ui.label {
   font-weight: 400;
 }
+
+.ui.label.access-right {
+  float: right;
+  color: @accessRight;
+  background-color: white;
+
+  &.open {
+    color: @accessRightOpen;
+    background-color: white;
+
+  }
+
+  &.restricted {
+    color: @accessRightRestricted;
+    background-color: white;
+
+  }
+
+  &.embargoed {
+    color: @accessRightEmbargoed;
+    background-color: white;
+
+  }
+
+  &.closed {
+    color: @accessRightClosed;
+    background-color: white;
+
+  }
+}

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

@@ -5,7 +5,13 @@
  * it under the terms of the MIT License; see LICENSE file for more details.
  */
 
-.access-right {
+.top-bottom-padded {
-  color: #e9711c;
+  margin: unset;
-  float: right;
+}
+
+.label.label-keyword {
+  font-size: 0.71428571rem;
+  font-weight: 400;
+  background-color: @labelKeywordBackground;
+  border: unset;
 }

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

@@ -0,0 +1,28 @@
+/*
+ * Copyright (C) 2020 Graz University of Technology
+ *
+ * invenio-theme-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.
+ */
+
+.creators {
+  margin: 0 0 1em;
+}
+
+.creators span {
+  margin-left: 2px;
+}
+
+.creator:not(:last-child):after {
+  color: @greyDark;
+  content: ';';
+}
+
+.creator {
+  display: inline-block;
+  margin-right: 5px;
+}
+
+.identifiers {
+  display: inline;
+}

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

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.
@@ -12,6 +11,7 @@
 @import "overrides";
 @import "frontpage";
 @import "record";
+@import "search";
 @import "macros";
 @import "login";
 @import (css)

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

@@ -1,6 +1,5 @@
 /*
- *   Copyright (C) 2020 TUGRAZ.
+ *   Copyright (C) 2020-2021 Graz University of Technology.
- *   Copyright (C) 2020 mojib wali.
  *
  * invenio-theme-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.
@@ -12,6 +11,59 @@
 ***/
 
 //@import "../invenio_app_rdm/variables.less";
-
 //@navbar_background_image: unset;
-//@navbar_background_color: #ffffff;
+//@navbar_background_color: #ffffff;
+
+
+// badge colors, accessibility
+@accessRight          : #e9711c;
+@accessRightOpen      : #e9711c;
+@accessRightRestricted: #fbbd08;
+@accessRightEmbargoed : #db2828;
+@accessRightClosed    : #db2828;
+
+// primary colors TU Graz
+@tugrazBlack: #231f20;
+@tugrazRed  : #e4154b;
+
+
+// accent colors
+@greyDark              : #777;
+@greyLight             : #E0E1E2;
+@labelKeywordBackground: #E8E8E8;
+
+
+
+// link and button colors
+@primaryLinkInverted          : #000;
+@primaryLinkBackgroundInverted: #fff;
+@primaryLink                  : #fff;
+@primaryLinkHoverBackground   : #000;
+@primaryButton                : #fff;
+@primaryButtonHoverBackground : #000;
+@primaryButtonInverted        : #000f;
+
+
+
+// general
+@primaryBackground: #fff;
+@primaryText      : #000;
+
+
+
+//account (signin, signup) specific
+@primaryFormAccounts          : #fff;
+@formAccountsInputPlaceholder : silver;
+@fieldInputSelectionBackground: #50a2ce;
+@signInBackground             : #245b78;
+
+// footer specific
+@footerGrey            : #5E5E5E;
+@footerBottomBackground: #f2f2f2;
+
+// record specific
+@recordVersionBackground : #f2f2f2;
+@randomRecordsFrontpageArticle: rgba(34, 36, 38, .15);
+
+// input
+@outlineColor: #85B7D9;

invenio_theme_tugraz/config.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more
@@ -9,6 +9,7 @@
 """invenio module for TUGRAZ theme."""
 
 from flask_babelex import gettext as _
+from invenio_app_rdm.config import RECORDS_UI_ENDPOINTS
 
 INVENIO_THEME_TUGRAZ_DEFAULT_VALUE = _("TU Graz Repository")
 """Default value for the application."""
@@ -25,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
@@ -91,6 +95,27 @@ DEPOSITS_HEADER_TEMPLATE = "invenio_theme_tugraz/header.html"
 # Uncomment below to override records landingpage.
 # from invenio_rdm_records.config import RECORDS_UI_ENDPOINTS
 # RECORDS_UI_ENDPOINTS["recid"].update(
-#    template="invenio_theme_tugraz/record_landing_page.html"
+#     template="invenio_theme_tugraz/record_landing_page.html"
 # )
 """override the default record landing page"""
+
+# Invenio-search-ui
+# =============
+# See https://invenio-search-ui.readthedocs.io/en/latest/configuration.html
+# SEARCH_UI_SEARCH_TEMPLATE = "invenio_theme_tugraz/search.html"
+# """override the default search page"""
+
+TUG_ROUTES = {
+    "index": "/",
+    "comingsoon": "/comingsoon",
+    "deposit_create": "/uploads/new",
+    "deposit_edit": "/uploads/<pid_value>",
+    "getdoi": "/getdoi",
+    "record_detail": "/records/<pid_value>",
+}
+
+# Datacite
+# INVENIO_DATACITE_URL = ""
+# INVENIO_DATACITE_UNAME = ""
+# INVENIO_DATACITE_PASS = "password"
+# INVENIO_DATACITE_PREFIX = ""

invenio_theme_tugraz/ext.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more
@@ -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/search.py

@@ -1,7 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 TU Graz.
+# Copyright (C) 2020-2021 Graz University of Technology.
-# Copyright (C) 2020 mojib wali.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more
@@ -22,4 +21,4 @@ class FrontpageRecordsSearch(RecordsSearch):
         """Default index and filter for frontpage search."""
 
         index = "rdmrecords-records"
-        default_filter = Q("query_string", query=("access.access_right:open"))
+        default_filter = Q("query_string", query=("access.record:public"))

invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/accounts_base.html

@@ -1,6 +1,5 @@
 {#
-  Copyright (C) 2020 TUGRAZ
+  Copyright (C) 2020-2021 Graz University of Technology.
-  Copyright (C) 2020 mojib wali.
 
   invenio-theme-tugraz is free software; you can redistribute it and/or
   modify it under the terms of the MIT License; see LICENSE file for more

invenio_theme_tugraz/templates/invenio_theme_tugraz/base.html

@@ -1,6 +1,5 @@
 {#
-  Copyright (C) 2020 TUGRAZ
+  Copyright (C) 2020-2021 Graz University of Technology.
-  Copyright (C) 2020 mojib wali.
 
   invenio-theme-tugraz is free software; you can redistribute it and/or
   modify it under the terms of the MIT License; see LICENSE file for more

invenio_theme_tugraz/templates/invenio_theme_tugraz/comingsoon.html

@@ -0,0 +1,7 @@
+{%- extends config.INVENIO_THEME_TUGRAZ_BASE_TEMPLATE %}
+
+{%- block page_body %}
+<div class="ui container">
+<h1 style="text-align: center;">comingsoon</h1>
+</div>
+{%- endblock %}

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

@@ -1,6 +1,5 @@
 {#
-  Copyright (C) 2020 TUGRAZ
+  Copyright (C) 2020-2021 Graz University of Technology.
-  Copyright (C) 2020 mojib wali.
 
   invenio-theme-tugraz is free software; you can redistribute it and/or
   modify it under the terms of the MIT License; see LICENSE file for more
@@ -30,17 +29,17 @@
       
         <h2>{{_ ("Repository")}}</h2>
         <p class="bodytext">
-          <a href="{{ url_for('invenio_app_rdm.coming_soon') }}">
+          <!-- <a href="{{ url_for('invenio_theme_tugraz.comingsoon') }}">
             {{_ ("Impressum")}}<i class="angle right icon"></i>
           </a>
           <br>
-          <a href="{{ url_for('invenio_app_rdm.coming_soon') }}">
+          <a href="{{ url_for('invenio_theme_tugraz.comingsoon') }}">
             {{_ ("Data protection")}}<i class="angle right icon"></i>
           </a>
           <br>
-          <a href="{{ url_for('invenio_app_rdm.coming_soon') }}">
+          <a href="{{ url_for('invenio_theme_tugraz.comingsoon') }}">
             {{_ ("Feedback")}}<i class="angle right icon"></i>
-          </a>
+          </a> -->
         </p>
         
       </div>
@@ -69,13 +68,13 @@
       <h2>{{_ ("Connected Services")}}</h2>
       <p class="bodytext">
 
-        <a href="https://pure.tugraz.at" title="PURE">
+        <a href="https://pure.tugraz.at" title="PURE" target="_blank">
           {{_ ("PURE")}} <i class="external alternate icon"></i></a><br> 
 
-          <a href="http://campusonline.tugraz.at" title="CAMPUS online">
+          <a href="http://campusonline.tugraz.at" title="CAMPUS online" target="_blank">
             {{_ ("CampusOnline")}} <i class="external alternate icon"></i></a><br> 
 
-            <a href="https://rdm.tugraz.at" title="CAMPUS online">
+            <a href="https://rdm.tugraz.at" title="Research Data Management" target="_blank">
               {{_ ("Research Data Management")}} <i class="external alternate icon"></i></a><br> 
       </p>
 

invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html

@@ -1,6 +1,5 @@
 {#
-  Copyright (C) 2020 TUGRAZ
+  Copyright (C) 2020-2021 Graz University of Technology.
-  Copyright (C) 2020 mojib wali.
 
   invenio-theme-tugraz is free software; you can redistribute it and/or
   modify it under the terms of the MIT License; see LICENSE file for more
@@ -45,7 +44,7 @@
 
             <!--TODO: remove this once above is uncommented-->
             <div class="two wide column main-menu-entry">
-              <a href="{{url_for('invenio_app_rdm.deposits_user')}}">{{_ ("Uploads")}}</a>
+              <a href="{{url_for('invenio_app_rdm_records.deposit_search')}}">{{_ ("Uploads")}}</a>
             </div>
           </div>
        
@@ -69,4 +68,4 @@
   {%- include "invenio_theme/breadcrumbs.html" %}
   {%- endblock breadcrumbs %}
 #}
-</header>
+</header>

invenio_theme_tugraz/templates/invenio_theme_tugraz/index.html

@@ -1,6 +1,5 @@
 {#
-  Copyright (C) 2020 TUGRAZ
+  Copyright (C) 2020-2021 Graz University of Technology.
-  Copyright (C) 2020 mojib wali.
 
   invenio-theme-tugraz is free software; you can redistribute it and/or
   modify it under the terms of the MIT License; see LICENSE file for more
@@ -9,6 +8,10 @@
 
 {%- extends config.INVENIO_THEME_TUGRAZ_BASE_TEMPLATE %}
 
+{%- block javascript %}
+  {{ webpack['invenio-theme-tugraz-js.js'] }}
+{%- endblock javascript %}
+
 {%- from "invenio_theme_tugraz/macros/authors.html" import creators -%}
 
 {%- block page_body %}
@@ -39,9 +42,15 @@
     <div class="ten wide column random-records-frontpage">
       <h2>{{_('Recent uploads')}}</h2>
 
+      {% if not records %}
+      <div class="ui centered grid">
+        <p style="font-size: medium;">There are no public records to show.</p>
+      </div>
+      {% endif %}
+
       {%- for r in records %}
       {%- set creation_date = r._created|from_isodatetime -%}
-      {%- set record_url = url_for('invenio_records_ui.recid', pid_value=r['id']) %}
+      {%- set record_url = url_for('invenio_app_rdm_records.record_detail', pid_value=r.id) %}
 
       <article>
         <!--TODO:
@@ -94,12 +103,17 @@
               </div>
             </div>
 
-            <div class="right floated column">
+            <!--Disabled on feb-relase - enable when stable-->
+            <!-- <div class="right floated column">
               <span class="access-right">
                 <i class="icon lock open"></i>
                 {{ r.access.access_right | make_dict_like('access_right') | vocabulary_title('access_right') }}
+                {%- for right in r.metadata.rights %}
+                <a target="_blank" href="{{right.url}}">{{ '(' ~ right.identifier ~ ')' }}</a>
+                {%- endfor %}
+
               </span>
-            </div>
+            </div> -->
           </div>
         </div>
       </article>
@@ -107,9 +121,11 @@
       -->
 
       {%- endfor %}
+      {% if records %}
       <div class="ui centered grid">
         <a class="ui button more" href="{{url_for('invenio_search_ui.search')}}">{{_('More')}}</a>
       </div>
+      {%- endif %}
     </div>
 
 
@@ -117,13 +133,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 href="{{ url_for('invenio_theme_tugraz.index')}}" class="fluid ui button">
+          <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/templates/invenio_theme_tugraz/macros/authors.html

@@ -1,8 +1,7 @@
 {#
     Copyright (C) 2020 Zenodo
     Copyright (C) 2020 TUGRAZ
-    Copyright (C) 2020 mojib wali.
+
-  
     invenio-theme-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.
@@ -12,11 +11,11 @@
 
 {%- for creators in authors_list %}
 
-{%- if creators.identifiers.orcid %}
+{%- if creators.identifiers and creators.identifiers.orcid %}
 <a href="{{creators.identifiers.orcid|pid_url('orcid')}}" target="_blank" ><img class="inline-orcid" src="{{ url_for('static', filename='extra/orcid.png')}}" /></a>
 {%- endif %}
 
-<span class="text-muted" {% if creators.affiliations %} {% for affiliation in creators.affiliations %} data-toggle="tooltip" title="{{affiliation.name}}" {%- endfor %} {% endif %}>{{creators.name}}</span>
+<span class="text-muted" {% if creators.affiliations %} {% for affiliation in creators.affiliations %} data-toggle="tooltip" title="{{affiliation.name}}" {%- endfor %} {% endif %}>{{creators.person_or_org.name}}</span>
 {% if not loop.last %}; {% endif %}
 
 {%- endfor %}
@@ -28,4 +27,4 @@
 <h5>{{group.grouper}}(s)</h5>
 {{authors(group.list)}}
 {%- endfor %}
-{%- endmacro %}
+{%- endmacro %}

invenio_theme_tugraz/templates/invenio_theme_tugraz/navbar.html

@@ -1,6 +1,5 @@
 {#
-  Copyright (C) 2020 TUGRAZ
+  Copyright (C) 2020-2021 Graz University of Technology.
-  Copyright (C) 2020 mojib wali.
 
   invenio-theme-tugraz is free software; you can redistribute it and/or
   modify it under the terms of the MIT License; see LICENSE file for more
@@ -116,4 +115,4 @@
       </div>
     </div>
   </div>
-</div>
+</div>

invenio_theme_tugraz/templates/invenio_theme_tugraz/record_landing_page.html

@@ -13,89 +13,82 @@
 
 {%- block css %}
 {{ super() }}
-{{ webpack['invenio-rdm-records-theme.css'] }}
 {%- endblock css %}
 
-{%- from "invenio_rdm_records/macros/files.html" import file_list_box, preview_file_box %}
+{%- from "invenio_app_rdm/landing_page/macros/files.html" import file_list_box, preview_file_box %}
+{%- from "invenio_app_rdm/landing_page/macros/detail.html" import show_detail %}
+
+{%- set record = record|dereference_record|serialize_ui %}
+{%- set metadata = record.metadata %}
 
 {%- block page_body %}
+
 <div class="ui container">
   <div class="ui padded relaxed grid">
     <div class="two column row">
       <div class="ten wide column">
         {%- block record_body %}
 
-        <div class="left floated left aligned column">
+        <div class="badges">
-          <span class="ui label teal" title="Publication date">
+          <span class="ui label record-version" title="{{_('Publication date')}}">
-            {{ record.publication_date|to_date|format_date(format='long') }}
+            {{ record.metadata.publication_date }} {{ '(' ~ record.metadata.version ~ ')' if record.metadata.version }}
           </span>
 
-          <span class="ui label record-version">
+          <!--Resource type badge-->
-            Version {{ record.version }}
+          <span class="ui label teal" title="{{_('Resource type')}}">
-          </span>
+            {{record.ui.resource_type }}
-
-          <span class="ui label grey">
-            {{ record.resource_type | vocabulary_title('resource_type') }}
           </span>
         </div>
 
-        <h1>{{ record.titles[0].title }}</h1>
+        <h1 style="margin-top: -6px">{{ record.metadata.title }}</h1>
-        <p>
+        <p>{%- include "invenio_app_rdm/landing_page/details/creators.html" %}</p>
-          {%- include "invenio_rdm_records/details/creators.html" %}
+        <p>{%- include "invenio_app_rdm/landing_page/details/contributors.html" %}</p>
-        </p>
 
-        {%- if record.contributors %}
+        <div class="ui grid" style="margin-bottom: 10px;">
-        <p>
-          {%- include "invenio_rdm_records/details/contributors.html" %}
-        </p>
-        {%- endif %}
-
-        <div class="ui grid">
           <div class="two column row">
             <div class="left floated column">
-              {%- include "invenio_theme_tugraz/details/doi.html" %}
+              {%- for s in record.metadata.subjects %}
+              <div class="ui tiny label">{{s.subject}}</div>
+              {%- endfor %}
+              <div style="margin-top: 5px;">
+                <b>Created:</b> {{ record.ui.created_date_l10n_long }} | <b>Modified:</b> {{ record.ui.updated_date_l10n_long }}
+              </div>
             </div>
 
             <div class="right floated column">
-              {#
+              <span class="ui label access-right">
-              {%- include "invenio_rdm_records/details/contact.html" %}
+                <i class="icon lock open"></i>
-              #}
+                {{ record.access.access_right | make_dict_like('access_right') | vocabulary_title('access_right') }}
+                {%- for right in record.metadata.rights %}
+                <a target="_blank" href="{{right.url}}">{{ '(' ~ right.identifier ~ ')' }}</a>
+                {%- endfor %}
 
-              <span class="access-right">
-                {{ record | vocabulary_title('access_right') | lower_case }}
               </span>
             </div>
           </div>
         </div>
 
-        {%- include "invenio_rdm_records/details/citation.html" %}
+        {%- include "invenio_app_rdm/landing_page/details/description.html" %}
-        {%- include "invenio_rdm_records/details/keywords.html" %}
+
-        {%- include "invenio_rdm_records/details/description.html" %}
-        {%- include "invenio_rdm_records/details/licenses.html" %}
 
         {# files #}
         {%- if record.files and record | can_list_files %}
-        {%- set files = record.files %}
+          {%- set files = record.files | make_files_preview_compatible %}
-        {{ preview_file_box(files | select_preview_file, pid) }}
+          {%- set default_preview_file = files | select_preview_file(default_preview=record.files.default_preview) %}
-        {{ file_list_box(files.dumps(), pid) }}
+          {{ preview_file_box(default_preview_file, pid) }}
-        {%- else %}
+          {{ file_list_box(files, pid) }}
-        <br>
-
-        <p style="text-align: center;">
-          No associated files.
-        </p>
         {% endif %}
 
-        {# More details #}
-
         {%- endblock record_body %}
       </div>
 
       <div class="six wide column">
-        {% block sidebar %}
+        <div id="recordManagement"
-        <div class="ui segment rdm-sidebar">
+             class="ui container"
-          {%- include "invenio_rdm_records/details/side_bar.html" %}
+             data-recid='{{ record["id"] | tojson }}'>
         </div>
+        {% block sidebar %}
+        {%- include "invenio_app_rdm/landing_page/details/side_bar.html" %}
         {% endblock sidebar %}
       </div>
     </div>
@@ -106,8 +99,9 @@
 
 {%- block javascript %}
 {{ super() }}
-{{ webpack['invenio-rdm-records-js.js'] }}
+{{ webpack['invenio-app-rdm-records.js'] }}
 {# Communities management #}
 {{ webpack['invenio-communities-records.js'] }}
-{{webpack['previewer_theme.js']}}
+{{ webpack['previewer_theme.js'] }}
+{{ webpack['invenio-app-rdm-record-management.js'] }}
 {%- endblock javascript %}

invenio_theme_tugraz/templates/invenio_theme_tugraz/search.html

@@ -0,0 +1,82 @@
+{#
+  Copyright (C) 2020 Graz University of Technology
+
+  invenio-theme-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 javascript %}
+    {{ super() }}
+    {{ webpack['invenio-theme-tugraz-search-app.js'] }}
+{%- endblock %}
+
+{%- block page_body %}
+
+<div data-invenio-search-config='{
+  "aggs": [
+    {
+      "aggName": "access_right",
+      "field": "access_right",
+      "title": "Access Right"
+    },
+    {
+      "aggName": "resource_type",
+      "field": "resource_type.type",
+      "title": "Resource Type",
+      "childAgg": {
+        "aggName": "subtype",
+        "field": "resource_type.subtype",
+        "title": "Resource Type"
+      }
+    }
+  ],
+  "appId": "rdm-search",
+  "initialQueryState": {
+    "hiddenParams": null,
+    "size": 10
+  },
+  "layoutOptions": {
+    "gridView": false,
+    "listView": true
+  },
+  "paginationOptions": {
+    "defaultValue": 10,
+    "resultsPerPage": [
+      {
+        "text": "10",
+        "value": 10
+      },
+      {
+        "text": "20",
+        "value": 20
+      },
+      {
+        "text": "50",
+        "value": 50
+      }
+    ]
+  },
+  "searchApi": {
+    "axios": {
+      "headers": {
+        "Accept": "application/vnd.inveniordm.v1+json"
+      },
+      "url": "/api/records",
+      "withCredentials": true
+    }
+  },
+  "sortOrderDisabled": true,
+  "sortOptions": [
+    {
+      "sortBy": "bestmatch",
+      "text": "Best match"
+    },
+    {
+      "sortBy": "newest",
+      "text": "Newest"
+    }
+  ]
+}'></div>
+
+{%- endblock page_body %}

invenio_theme_tugraz/version.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more
@@ -12,4 +12,4 @@ This file is imported by ``invenio_theme_tugraz.__init__``,
 and parsed by ``setup.py``.
 """
 
-__version__ = "1.3.1"
+__version__ = "1.9.2"

invenio_theme_tugraz/views.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more
@@ -8,40 +8,186 @@
 
 """invenio module for TUGRAZ theme."""
 
+import binascii
+from os import environ
 from typing import Dict
 
+import requests
 from elasticsearch_dsl.utils import AttrDict
-from flask import Blueprint, render_template
+from flask import Blueprint, current_app, g, render_template, request
+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 .search import FrontpageRecordsSearch
 
-blueprint = Blueprint(
+
-    "invenio_theme_tugraz",
+def ui_blueprint(app):
-    __name__,
+    """Blueprint for the routes and resources provided by Invenio-theme-tugraz."""
-    template_folder="templates",
+    routes = app.config.get("TUG_ROUTES")
-    static_folder="static",
+
-)
+    blueprint = Blueprint(
+        "invenio_theme_tugraz",
+        __name__,
+        template_folder="templates",
+        static_folder="static",
+    )
+
+    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.add_url_rule(routes["getdoi"], view_func=retrieve_doi, methods=["POST"])
+
+    @blueprint.app_template_filter("make_dict_like")
+    def make_dict_like(value: str, key: str) -> Dict[str, str]:
+        """Convert the value to a dict like structure.
+
+        in the form of a key -> value pair.
+        """
+        return {key: value}
+
+    @blueprint.app_template_filter("cast_to_dict")
+    def cast_to_dict(attr_dict):
+        """Return the dict structure of AttrDict variable."""
+        return AttrDict.to_dict(attr_dict)
+
+    return blueprint
 
 
-@blueprint.route("/")
 def index():
-    """Render frontpage view."""
+    """Frontpage."""
     return render_template(
         "invenio_theme_tugraz/index.html",
         records=FrontpageRecordsSearch()[:5].sort("-created").execute(),
     )
 
 
-@blueprint.app_template_filter("make_dict_like")
+def comingsoon():
-def make_dict_like(value: str, key: str) -> Dict[str, str]:
+    """Comingsoon."""
-    """Convert the value to a dict like structure.
+    return render_template("invenio_theme_tugraz/comingsoon.html")
-
-    in the form of a key -> value pair.
-    """
-    return {key: value}
 
 
-@blueprint.app_template_filter("cast_to_dict")
+def get_datacite_details():
-def cast_to_dict(attr_dict):
+    """Application credentials for DOI."""
-    """Return the dict structure of AttrDict variable."""
+    prefix = environ.get("INVENIO_DATACITE_PREFIX")
-    return AttrDict.to_dict(attr_dict)
+    suffix = environ.get("INVENIO_DATACITE_SUFFIX")
+
+    details = {
+        "datacite_prefix": prefix,
+        "datacite_suffix": suffix,
+    }
+    return details
+
+
+@login_required
+def retrieve_doi():
+    """Retrieve DOI from datacite API."""
+    doi_metadata = request.get_json()
+
+    url = environ.get("INVENIO_DATACITE_URL")
+    username = environ.get("INVENIO_DATACITE_UNAME")
+    password = environ.get("INVENIO_DATACITE_PASS")
+
+    doi_response = requests.post(
+        url,
+        auth=(username, password),
+        json=doi_metadata,
+    )
+
+    response_data = {"code": doi_response.status_code}
+
+    try:
+        doi_response.raise_for_status()
+        response_data["data"] = doi_response.json()
+    except requests.exceptions.RequestException:
+        response_data["errors"] = doi_response.json()["errors"]
+
+    return response_data, response_data["code"]
+
+
+#
+# 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

@@ -17,8 +17,32 @@ theme = WebpackThemeBundle(
             entry={
                 "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.7',
+
             },
-            dependencies={},
         )
     },
 )

pytest.ini

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

requirements-devel.txt

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

run-tests.sh

@@ -3,7 +3,7 @@
 #
 # Copyright (C) 2019-2020 CERN.
 # Copyright (C) 2019-2020 Northwestern University.
-# Copyright (C) 2020 Graz University of Technology.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

setup.cfg

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

setup.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more
@@ -17,28 +17,33 @@ history = open("CHANGES.rst").read()
 
 tests_require = [
     "pytest-invenio>=1.4.0",
-    'invenio-app>=1.3.0,<2.0.0',
+    "invenio-app>=1.3.0,<2.0.0",
-    "psycopg2-binary>=2.8.6",
 ]
 
+# Should follow inveniosoftware/invenio versions
+invenio_search_version = ">=1.4.0,<2.0.0"
+invenio_db_version = ">=1.0.5,<2.0.0"
+
 extras_require = {
+    "elasticsearch7": [f"invenio-search[elasticsearch7]{invenio_search_version}"],
+    "mysql": [f"invenio-db[mysql,versioning]{invenio_db_version}"],
+    "postgresql": [f"invenio-db[postgresql,versioning]{invenio_db_version}"],
+    "sqlite": [f"invenio-db[versioning]{invenio_db_version}"],
     "docs": [
         "Sphinx>=3",
     ],
-    "mysql": [
-        "invenio-db[mysql]>=1.0.0",
-    ],
-    "postgresql": [
-        "invenio-db[postgresql]>=1.0.0",
-    ],
-    "sqlite": [
-        "invenio-db>=1.0.0",
-    ],
     "tests": tests_require,
 }
 
 extras_require["all"] = []
-for reqs in extras_require.values():
+for name, reqs in extras_require.items():
+    if name[0] == ":" or name in (
+        "elasticsearch7",
+        "mysql",
+        "postgresql",
+        "sqlite",
+    ):
+        continue
     extras_require["all"].extend(reqs)
 
 setup_requires = [
@@ -52,7 +57,10 @@ install_requires = [
     "invenio-assets>=1.2.0",
     "invenio-i18n>=1.2.0",
     "elasticsearch_dsl>=7.2.1",
-    "invenio_search>=1.3.1",
+    "invenio_search>=1.4.0,<2.0.0",
+    "invenio_config_tugraz>=0.5.1",
+    # keep this package updated.
+    "invenio_app_rdm<=1.0.0",
 ]
 
 packages = find_packages()
@@ -83,7 +91,7 @@ setup(
             "invenio_theme_tugraz = invenio_theme_tugraz:InvenioThemeTugraz",
         ],
         "invenio_base.blueprints": [
-            "invenio_theme_tugraz = invenio_theme_tugraz.views:blueprint",
+            "invenio_theme_tugraz = invenio_theme_tugraz.views:ui_blueprint",
         ],
         "invenio_i18n.translations": [
             "messages = invenio_theme_tugraz",

tests/conftest.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

tests/test_invenio_theme_tugraz.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

tests/ui/conftest.py

@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# Copyright (C) 2020 mojib wali.
+# Copyright (C) 2020-2021 Graz University of Technology.
 #
 # invenio-theme-tugraz is free software; you can redistribute it and/or
 # modify it under the terms of the MIT License; see LICENSE file for more

tests/ui/test_views.py

@@ -1,33 +1,33 @@
-# -*- coding: utf-8 -*-
+# # -*- coding: utf-8 -*-
-#
+# #
-# Copyright (C) 2020 mojib wali.
+# # Copyright (C) 2020-2021 Graz University of Technology.
-#
+# #
-# invenio-theme-tugraz is free software; you can redistribute it and/or
+# # invenio-theme-tugraz is free software; you can redistribute it and/or
-# modify it under the terms of the MIT License; see LICENSE file for more
+# # modify it under the terms of the MIT License; see LICENSE file for more
-# details.
+# # details.
 
-"""Test views."""
+# """Test views."""
 
-from elasticsearch_dsl.utils import AttrDict
+# from elasticsearch_dsl.utils import AttrDict
 
-from invenio_theme_tugraz.views import cast_to_dict, make_dict_like
+# from invenio_theme_tugraz.views import cast_to_dict, make_dict_like
 
 
-def test_make_dict_like():
+# def test_make_dict_like():
-    """Test make_dict_like."""
+#     """Test make_dict_like."""
-    access = {
+#     access = {
-        "access_right" : "open"
+#         "access_right" : "open"
-    }
+#     }
-    dicts = make_dict_like("open", "access_right")
+#     dicts = make_dict_like("open", "access_right")
-    assert access == dicts
+#     assert access == dicts
 
 
-def test_cast_to_dict():
+# def test_cast_to_dict():
-    """Test cast_to_dict."""
+#     """Test cast_to_dict."""
-    resource_type = {
+#     resource_type = {
-        "subtype" : "publication-datamanagementplan",
+#         "subtype" : "publication-datamanagementplan",
-        "type" : "publication"
+#         "type" : "publication"
-    }
+#     }
-    expected = {'subtype': 'publication-datamanagementplan', 'type': 'publication'}
+#     expected = {'subtype': 'publication-datamanagementplan', 'type': 'publication'}
-    attr = cast_to_dict(AttrDict(resource_type))
+#     attr = cast_to_dict(AttrDict(resource_type))
-    assert expected == attr
+#     assert expected == attr