theme

angular.json

@@ -59,6 +59,11 @@
                 "input": "src/themes/dspace/styles/theme.scss",
                 "inject": false,
                 "bundleName": "dspace-theme"
+              },
+              {
+                "input": "src/themes/riccps/styles/theme.scss",
+                "inject": false,
+                "bundleName": "riccps-theme"
               }
             ],
             "scripts": [],
@@ -110,7 +115,8 @@
           "builder": "@angular-builders/custom-webpack:dev-server",
           "options": {
             "browserTarget": "dspace-angular:build",
-            "port": 4000
+            "port": 4000,
+            "disableHostCheck": true
           },
           "configurations": {
             "development": {

config/config.dev.yaml

@@ -0,0 +1,87 @@
+rest:
+  ssl: false
+  host: localhost
+  port: 8080
+  nameSpace: /server
+
+#  Default Language in which the UI will be rendered if the user's browser language is not an active language
+defaultLanguage: pt-BR
+
+# Languages. DSpace Angular holds a message catalog for each of the following languages.
+# When set to active, users will be able to switch to the use of this language in the user interface.
+languages:
+  - code: pt-BR
+    label: Português do Brasil
+    active: true
+  - code: en
+    label: English
+    active: true
+  - code: es
+    label: Español
+    active: true
+  - code: fr
+    label: Français
+    active: true
+# Theme Config
+themes:
+  # Add additional themes here. In the case where multiple themes match a route, the first one
+  # in this list will get priority. It is advisable to always have a theme that matches
+  # every route as the last one
+  #
+  # # A theme with a handle property will match the community, collection or item with the given
+  # # handle, and all collections and/or items within it
+  # - name: custom
+  #   handle: 10673/1233
+  #
+  # # A theme with a regex property will match the route using a regular expression. If it
+  # # matches the route for a community or collection it will also apply to all collections
+  # # and/or items within it
+  # - name: custom
+  #   regex: collections\/e8043bc2.*
+  #
+  # # A theme with a uuid property will match the community, collection or item with the given
+  # # ID, and all collections and/or items within it
+  # - name: custom
+  #   uuid: 0958c910-2037-42a9-81c7-dca80e3892b4
+  #
+  # # The extends property specifies an ancestor theme (by name). Whenever a themed component is not found
+  # # in the current theme, its ancestor theme(s) will be checked recursively before falling back to default.
+  # - name: custom-A
+  #   extends: custom-B
+  #   # Any of the matching properties above can be used
+  #   handle: 10673/34
+  #
+  # - name: custom-B
+  #   extends: custom
+  #   handle: 10673/12
+  #
+  # # A theme with only a name will match every route
+  # name: custom
+  #
+  # # This theme will use the default bootstrap styling for DSpace components
+  # - name: BASE_THEME_NAME
+  #
+  - name: riccps
+    headTags:
+      - tagName: link
+        attributes:
+          rel: icon
+          href: assets/dspace/images/favicons/favicon.ico
+          sizes: any
+      - tagName: link
+        attributes:
+          rel: icon
+          href: assets/dspace/images/favicons/favicon.svg
+          type: image/svg+xml
+      - tagName: link
+        attributes:
+          rel: apple-touch-icon
+          href: assets/dspace/images/favicons/apple-touch-icon.png
+      - tagName: link
+        attributes:
+          rel: manifest
+          href: assets/dspace/images/favicons/manifest.webmanifest
+
+info:
+  enableEndUserAgreement: false
+  enablePrivacyStatement: false

config/config.yml

@@ -1,5 +1,24 @@
 rest:
-  ssl: true
-  host: demo.dspace.org
-  port: 443
+  ssl: false
+  host: localhost
+  port: 8080
   nameSpace: /server
+
+#  Default Language in which the UI will be rendered if the user's browser language is not an active language
+defaultLanguage: pt-BR
+
+# Languages. DSpace Angular holds a message catalog for each of the following languages.
+# When set to active, users will be able to switch to the use of this language in the user interface.
+languages:
+  - code: pt-BR
+    label: Português do Brasil
+    active: true
+  - code: en
+    label: English
+    active: true
+  - code: es
+    label: Español
+    active: true
+  - code: fr
+    label: Français
+    active: true

package.json

@@ -44,9 +44,9 @@
   },
   "browser": {
     "fs": false,
-    "path": false,
     "http": false,
-    "https": false
+    "https": false,
+    "path": false
   },
   "private": true,
   "resolutions": {

src/app/header/header.component.scss

@@ -1,5 +1,6 @@
 header {
   background-color: var(--ds-header-bg);
+  color: white !important;
 }
 
 .navbar-brand img {

src/app/home-page/home-news/home-news.component.html

@@ -3,7 +3,7 @@
     <div class="d-flex flex-wrap">
       <div>
         <h1 class="display-3">DSpace 7</h1>
-        <p class="lead">DSpace is the world leading open source repository platform that enables organisations to:</p>
+        <p class="lead">DSpace App is the world leading open source repository platform that enables organisations to:</p>
       </div>
     </div>
     <ul>

src/app/home-page/home-page-routing.module.ts

@@ -16,17 +16,7 @@ import { MenuItemType } from '../shared/menu/menu-item-type.model';
         data: {
           title: 'home.title',
           menu: {
-            public: [{
-              id: 'statistics_site',
-              active: true,
-              visible: true,
-              index: 2,
-              model: {
-                type: MenuItemType.LINK,
-                text: 'menu.section.statistics',
-                link: 'statistics',
-              } as LinkMenuItemModel,
-            }],
+            public: [],
           },
         },
         resolve: {

src/app/menu.resolver.ts

@@ -104,6 +104,16 @@ export class MenuResolver implements Resolve<boolean> {
           text: `menu.section.browse_global_communities_and_collections`,
           link: `/community-list`
         } as LinkMenuItemModel
+      },{
+        id: 'sobre_site',
+        active: true,
+        visible: true,
+        index: 3,
+        model: {
+          type: MenuItemType.LINK,
+          text: 'Sobre',
+          link: 'about',
+        } as LinkMenuItemModel,
       }
     ];
     // Read the different Browse-By types from config and add them to the browse menu

src/styles/_custom_variables.scss

@@ -19,16 +19,16 @@
   --ds-footer-z-index: 0;
   --ds-sidebar-z-index: 20;
 
-  --ds-header-bg: #{$white};
+  --ds-header-bg: #a40b05; /* #{$link-color};  */
   --ds-header-logo-height: 50px;
   --ds-header-logo-height-xs: 50px;
-  --ds-header-icon-color: #{$link-color};
-  --ds-header-icon-color-hover: #{$link-hover-color};
+  --ds-header-icon-color: white; /*#{$link-color};*/
+  --ds-header-icon-color-hover: white; /*#{$link-hover-color};*/
   --ds-navbar-bg: var(--ds-header-bg);
   --ds-header-navbar-border-top-color: #{$white};
   --ds-header-navbar-border-bottom-color: #{$gray-400};
-  --ds-navbar-link-color: #{$cyan};
-  --ds-navbar-link-color-hover: #{darken($cyan, 15%)};
+  --ds-navbar-link-color: white; /*#{$cyan};*/
+  --ds-navbar-link-color-hover: white; /*#{darken($cyan, 15%)};*/
   --ds-expandable-navbar-bg: var(--ds-navbar-bg);
   --ds-expandable-navbar-link-color: var(--ds-navbar-link-color);
   --ds-expandable-navbar-link-color-hover: var(--ds-navbar-link-color-hover);

src/themes/custom/eager-theme.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SharedModule } from '../../app/shared/shared.module';
-import { HomeNewsComponent } from './app/home-page/home-news/home-news.component';
+import {HomeNewsComponent} from './app/home-page/home-news/home-news.component';
 import { NavbarComponent } from './app/navbar/navbar.component';
 import { SearchNavbarComponent } from './app/search-navbar/search-navbar.component';
 import { HeaderComponent } from './app/header/header.component';

src/themes/eager-themes.module.ts

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { EagerThemeModule as DSpaceEagerThemeModule } from './dspace/eager-theme.module';
+import { EagerThemeModule as RiccpsEagerThemeModule } from './riccps/eager-theme.module';
 // import { EagerThemeModule as CustomEagerThemeModule } from './custom/eager-theme.module';
 
 /**
@@ -11,7 +11,7 @@ import { EagerThemeModule as DSpaceEagerThemeModule } from './dspace/eager-theme
  */
 @NgModule({
   imports: [
-    DSpaceEagerThemeModule,
+    RiccpsEagerThemeModule,
     // CustomEagerThemeModule,
   ],
 })

src/themes/riccps/app/admin/admin-sidebar/admin-sidebar.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { AdminSidebarComponent as BaseComponent } from '../../../../../app/admin/admin-sidebar/admin-sidebar.component';
+
+/**
+ * Component representing the admin sidebar
+ */
+@Component({
+  selector: 'ds-admin-sidebar',
+  // templateUrl: './admin-sidebar.component.html',
+  templateUrl: '../../../../../app/admin/admin-sidebar/admin-sidebar.component.html',
+  // styleUrls: ['./admin-sidebar.component.scss']
+  styleUrls: ['../../../../../app/admin/admin-sidebar/admin-sidebar.component.scss']
+})
+export class AdminSidebarComponent extends BaseComponent {
+}

src/themes/riccps/app/bitstream-page/edit-bitstream-page/edit-bitstream-page.component.ts

@@ -0,0 +1,13 @@
+import { EditBitstreamPageComponent as BaseComponent } from '../../../../../app/bitstream-page/edit-bitstream-page/edit-bitstream-page.component';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'ds-edit-bitstream-page',
+  // styleUrls: ['./edit-bitstream-page.component.scss'],
+  styleUrls: ['../../../../../app/bitstream-page/edit-bitstream-page/edit-bitstream-page.component.scss'],
+  // templateUrl: './edit-bitstream-page.component.html',
+  templateUrl: '../../../../../app/bitstream-page/edit-bitstream-page/edit-bitstream-page.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class EditBitstreamPageComponent extends BaseComponent {
+}

src/themes/riccps/app/breadcrumbs/breadcrumbs.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { BreadcrumbsComponent as BaseComponent } from '../../../../app/breadcrumbs/breadcrumbs.component';
+
+/**
+ * Component representing the breadcrumbs of a page
+ */
+@Component({
+  selector: 'ds-breadcrumbs',
+  // templateUrl: './breadcrumbs.component.html',
+  templateUrl: '../../../../app/breadcrumbs/breadcrumbs.component.html',
+  // styleUrls: ['./breadcrumbs.component.scss']
+  styleUrls: ['../../../../app/breadcrumbs/breadcrumbs.component.scss']
+})
+export class BreadcrumbsComponent extends BaseComponent {
+}

src/themes/riccps/app/browse-by/browse-by-date-page/browse-by-date-page.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { BrowseByDatePageComponent as BaseComponent } from '../../../../../app/browse-by/browse-by-date-page/browse-by-date-page.component';
+
+@Component({
+  selector: 'ds-browse-by-date-page',
+  // styleUrls: ['./browse-by-date-page.component.scss'],
+  styleUrls: ['../../../../../app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component.scss'],
+  // templateUrl: './browse-by-date-page.component.html'
+  templateUrl: '../../../../../app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component.html'
+})
+
+/**
+ * Component for determining what Browse-By component to use depending on the metadata (browse ID) provided
+ */
+
+export class BrowseByDatePageComponent extends BaseComponent {
+}

src/themes/riccps/app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { BrowseByMetadataPageComponent as BaseComponent } from '../../../../../app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component';
+
+@Component({
+  selector: 'ds-browse-by-metadata-page',
+  // styleUrls: ['./browse-by-metadata-page.component.scss'],
+  styleUrls: ['../../../../../app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component.scss'],
+  // templateUrl: './browse-by-metadata-page.component.html'
+  templateUrl: '../../../../../app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component.html'
+})
+
+/**
+ * Component for determining what Browse-By component to use depending on the metadata (browse ID) provided
+ */
+
+export class BrowseByMetadataPageComponent extends BaseComponent {
+}

src/themes/riccps/app/browse-by/browse-by-switcher/browse-by-switcher.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { BrowseBySwitcherComponent as BaseComponent } from '../../../../../app/browse-by/browse-by-switcher/browse-by-switcher.component';
+
+@Component({
+  selector: 'ds-browse-by-switcher',
+  // styleUrls: ['./browse-by-switcher.component.scss'],
+  // templateUrl: './browse-by-switcher.component.html'
+  templateUrl: '../../../../../app/browse-by/browse-by-switcher/browse-by-switcher.component.html'
+})
+
+/**
+ * Component for determining what Browse-By component to use depending on the metadata (browse ID) provided
+ */
+export class BrowseBySwitcherComponent extends BaseComponent {}
+

src/themes/riccps/app/browse-by/browse-by-taxonomy-page/browse-by-taxonomy-page.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { BrowseByTaxonomyPageComponent as BaseComponent } from '../../../../../app/browse-by/browse-by-taxonomy-page/browse-by-taxonomy-page.component';
+
+@Component({
+  selector: 'ds-browse-by-taxonomy-page',
+  // templateUrl: './browse-by-taxonomy-page.component.html',
+  templateUrl: '../../../../../app/browse-by/browse-by-taxonomy-page/browse-by-taxonomy-page.component.html',
+  // styleUrls: ['./browse-by-taxonomy-page.component.scss'],
+  styleUrls: ['../../../../../app/browse-by/browse-by-taxonomy-page/browse-by-taxonomy-page.component.scss'],
+})
+/**
+ * Component for browsing items by metadata in a hierarchical controlled vocabulary
+ */
+export class BrowseByTaxonomyPageComponent extends BaseComponent {
+}

src/themes/riccps/app/browse-by/browse-by-title-page/browse-by-title-page.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { BrowseByTitlePageComponent as BaseComponent } from '../../../../../app/browse-by/browse-by-title-page/browse-by-title-page.component';
+
+@Component({
+  selector: 'ds-browse-by-title-page',
+  // styleUrls: ['./browse-by-title-page.component.scss'],
+  styleUrls: ['../../../../../app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component.scss'],
+  // templateUrl: './browse-by-title-page.component.html'
+  templateUrl: '../../../../../app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component.html'
+})
+
+/**
+ * Component for determining what Browse-By component to use depending on the metadata (browse ID) provided
+ */
+
+export class BrowseByTitlePageComponent extends BaseComponent {
+}