mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 10:04:11 +00:00
renamed theme to Mantis
This commit is contained in:
lotte
@@ -1,21 +1,20 @@
|
||||
<div class="jumbotron jumbotron-fluid">
|
||||
<div class="background-image">
|
||||
<div class="container">
|
||||
<div class="jumbotron jumbotron-fluid">
|
||||
<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 is the world leading open source repository platform that enables organisations to:</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>easily ingest documents, audio, video, datasets and their corresponding Dublin Core
|
||||
metadata
|
||||
<li>easily ingest documents, audio, video, datasets and their corresponding Dublin Core metadata
|
||||
</li>
|
||||
<li>open up this content to local and global audiences, thanks to the OAI-PMH interface and
|
||||
Google Scholar optimizations
|
||||
</li>
|
||||
<li>issue permanent urls and trustworthy identifiers, including optional integrations with
|
||||
handle.net and DataCite DOI
|
||||
<li>open up this content to local and global audiences, thanks to the OAI-PMH interface and Google Scholar optimizations
|
||||
</li>
|
||||
<li>issue permanent urls and trustworthy identifiers, including optional integrations with handle.net and DataCite DOI</li>
|
||||
</ul>
|
||||
<p>Join an international community of <A HREF="https://wiki.duraspace.org/display/DSPACE/DSpace+Positioning" TARGET="_NEW">leading institutions using DSpace</A>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<small class="credits">Photo by <a href="https://www.pexels.com/@inspiredimages">Anthony</a></small>
|
||||
</div>
|
||||
@@ -1,19 +1,58 @@
|
||||
@import '../../../../styles/variables.scss';
|
||||
@import '../../../../styles/mixins.scss';
|
||||
|
||||
:host-context(.mantis) {
|
||||
$home-news-link-color: $green !default;
|
||||
$home-news-link-color: darken($home-news-link-color, 15%) !default;
|
||||
:host-context(.preview-release) {
|
||||
div.background-image {
|
||||
color: white;
|
||||
background-color: #2e80a3;
|
||||
position: relative;
|
||||
background-position-y: -200px;
|
||||
background-image: url('/assets/images/banner.jpg');
|
||||
background-size: cover;
|
||||
@media screen and (max-width: map-get($grid-breakpoints, lg)) {
|
||||
background-position-y: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: $banner-background-gradient-width;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&:before {
|
||||
background: linear-gradient(to left, $banner-text-background, transparent);
|
||||
left: -$banner-background-gradient-width;
|
||||
|
||||
}
|
||||
|
||||
&:after {
|
||||
background: linear-gradient(to right, $banner-text-background, transparent);
|
||||
right: -$banner-background-gradient-width;
|
||||
}
|
||||
|
||||
background-color: $banner-text-background;
|
||||
|
||||
.jumbotron {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $home-news-link-color;
|
||||
|
||||
@include hover {
|
||||
color: $home-news-link-color;
|
||||
}
|
||||
|
||||
|
||||
small.credits {
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
opacity: 0.3;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,20 +0,0 @@
|
||||
<div class="background-image">
|
||||
<div class="container">
|
||||
<div class="jumbotron jumbotron-fluid">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>easily ingest documents, audio, video, datasets and their corresponding Dublin Core metadata
|
||||
</li>
|
||||
<li>open up this content to local and global audiences, thanks to the OAI-PMH interface and Google Scholar optimizations
|
||||
</li>
|
||||
<li>issue permanent urls and trustworthy identifiers, including optional integrations with handle.net and DataCite DOI</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<small class="credits">Photo by <a href="https://www.pexels.com/@inspiredimages">Anthony</a></small>
|
||||
</div>
|
||||
@@ -1,58 +0,0 @@
|
||||
@import '../../../../styles/variables.scss';
|
||||
|
||||
:host-context(.preview-release) {
|
||||
div.background-image {
|
||||
color: white;
|
||||
background-color: #2e80a3;
|
||||
position: relative;
|
||||
background-position-y: -200px;
|
||||
background-image: url('/assets/images/banner.jpg');
|
||||
background-size: cover;
|
||||
@media screen and (max-width: map-get($grid-breakpoints, lg)) {
|
||||
background-position-y: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: $banner-background-gradient-width;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&:before {
|
||||
background: linear-gradient(to left, $banner-text-background, transparent);
|
||||
left: -$banner-background-gradient-width;
|
||||
|
||||
}
|
||||
|
||||
&:after {
|
||||
background: linear-gradient(to right, $banner-text-background, transparent);
|
||||
right: -$banner-background-gradient-width;
|
||||
}
|
||||
|
||||
background-color: $banner-text-background;
|
||||
|
||||
.jumbotron {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
small.credits {
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
opacity: 0.3;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -1,10 +1,5 @@
|
||||
<div class="background-image">
|
||||
<div class="container">
|
||||
<ds-home-news></ds-home-news>
|
||||
<ds-search-form class="d-block pb-3" [inPlaceSearch]="false" [large]="true" [brandColor]="'success'"></ds-search-form>
|
||||
</div>
|
||||
<small class="credits">Photo by <a href="https://www.pexels.com/@inspiredimages">@inspiredimages</a></small>
|
||||
</div>
|
||||
<div class="container pt-3">
|
||||
<ds-home-news></ds-home-news>
|
||||
<div class="container">
|
||||
<ds-search-form class="d-block pt-4 pb-3"></ds-search-form>
|
||||
<ds-top-level-community-list></ds-top-level-community-list>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
<ds-home-news></ds-home-news>
|
||||
<div class="container">
|
||||
<ds-search-form class="d-block pt-4 pb-3"></ds-search-form>
|
||||
<ds-top-level-community-list></ds-top-level-community-list>
|
||||
</div>
|
||||
@@ -1,3 +0,0 @@
|
||||
:host-context(.preview-release) {
|
||||
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
@import '../../../../../../styles/variables.scss';
|
||||
|
||||
:host-context(.preview-release) {
|
||||
::ng-deep .noUi-connect {
|
||||
background: $info;
|
||||
}
|
||||
}
|
||||
@@ -2,6 +2,6 @@
|
||||
<div (click)="toggle()" class="filter-name"><h5 class="d-inline-block mb-0">{{'search.filters.filter.' + filter.name + '.head'| translate}}</h5> <span class="filter-toggle fas float-right text-info"
|
||||
[ngClass]="(collapsed$ | async) ? 'fa-caret-down' : 'fa-caret-up'"></span></div>
|
||||
<div [@slide]="(collapsed$ | async) ? 'collapsed' : 'expanded'" (@slide.start)="startSlide($event)" (@slide.done)="finishSlide($event)" class="search-filter-wrapper" [ngClass]="{'closed' : closed}">
|
||||
<ds-search-facet-filter-wrapper [filterConfig]="filter" [inPlaceSearch]="inPlaceSearch"></ds-search-facet-filter-wrapper>
|
||||
<ds-search-facet-filter-wrapper [filterConfig]="filter"></ds-search-facet-filter-wrapper>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,7 +0,0 @@
|
||||
<div class="facet-filter d-block mb-3 px-3 py-2" *ngIf="active$ | async">
|
||||
<div (click)="toggle()" class="filter-name"><h5 class="d-inline-block mb-0">{{'search.filters.filter.' + filter.name + '.head'| translate}}</h5> <span class="filter-toggle fas float-right text-info"
|
||||
[ngClass]="(collapsed$ | async) ? 'fa-caret-down' : 'fa-caret-up'"></span></div>
|
||||
<div [@slide]="(collapsed$ | async) ? 'collapsed' : 'expanded'" (@slide.start)="startSlide($event)" (@slide.done)="finishSlide($event)" class="search-filter-wrapper" [ngClass]="{'closed' : closed}">
|
||||
<ds-search-facet-filter-wrapper [filterConfig]="filter"></ds-search-facet-filter-wrapper>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,11 +0,0 @@
|
||||
@import '../../../../../styles/variables.scss';
|
||||
@import '../../../../../styles/mixins.scss';
|
||||
|
||||
:host-context(.preview-release) .facet-filter {
|
||||
background-color: map-get($theme-colors, light);
|
||||
border-radius: $border-radius;
|
||||
|
||||
h5 {
|
||||
font-size: 1.1rem
|
||||
}
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
<h3>{{"search.filters.head" | translate}}</h3>
|
||||
<div *ngIf="(filters | async)?.hasSucceeded">
|
||||
<div *ngFor="let filter of (filters | async)?.payload">
|
||||
<ds-search-filter [filter]="filter" [inPlaceSearch]="inPlaceSearch"></ds-search-filter>
|
||||
<ds-search-filter [filter]="filter"></ds-search-filter>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn btn-primary" [routerLink]="[getSearchLink()]" [queryParams]="clearParams | async" queryParamsHandling="merge" role="button">{{"search.filters.reset" | translate}}</a>
|
||||
@@ -1,7 +0,0 @@
|
||||
<h3>{{"search.filters.head" | translate}}</h3>
|
||||
<div *ngIf="(filters | async)?.hasSucceeded">
|
||||
<div *ngFor="let filter of (filters | async)?.payload">
|
||||
<ds-search-filter [filter]="filter"></ds-search-filter>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn btn-primary" [routerLink]="[getSearchLink()]" [queryParams]="clearParams | async" queryParamsHandling="merge" role="button">{{"search.filters.reset" | translate}}</a>
|
||||
@@ -1,24 +0,0 @@
|
||||
<ng-container *ngVar="(searchOptions$ | async) as config">
|
||||
<h3>{{ 'search.sidebar.settings.title' | translate}}</h3>
|
||||
<div *ngIf="config?.sort" class="setting-option result-order-settings mb-3 px-3 py-2">
|
||||
<h5 class="mb-0">{{ 'search.sidebar.settings.sort-by' | translate}}</h5>
|
||||
<select class="form-control my-2" (change)="reloadOrder($event)">
|
||||
<option *ngFor="let sortOption of searchOptionPossibilities"
|
||||
[value]="sortOption.field + ',' + sortOption.direction.toString()"
|
||||
[selected]="sortOption.field === config?.sort.field && sortOption.direction === (config?.sort.direction)? 'selected': null">
|
||||
{{'sorting.' + sortOption.field + '.' + sortOption.direction | translate}}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="setting-option page-size-settings mb-3 px-3 py-2">
|
||||
<h5 class="mb-0">{{ 'search.sidebar.settings.rpp' | translate}}</h5>
|
||||
<select class="form-control my-2" (change)="reloadRPP($event)">
|
||||
<option *ngFor="let pageSizeOption of config?.pagination.pageSizeOptions"
|
||||
[value]="pageSizeOption"
|
||||
[selected]="pageSizeOption === +config?.pagination.pageSize ? 'selected': null">
|
||||
{{pageSizeOption}}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</ng-container>
|
||||
@@ -1,10 +0,0 @@
|
||||
@import '../../../../styles/variables.scss';
|
||||
|
||||
:host-context(.preview-release) .setting-option {
|
||||
background-color: map-get($theme-colors, light);
|
||||
border-radius: $border-radius;
|
||||
|
||||
h5 {
|
||||
font-size: 1.1rem
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="outer-wrapper preview-release">
|
||||
<div class="outer-wrapper mantis">
|
||||
<ds-admin-sidebar></ds-admin-sidebar>
|
||||
<div class="inner-wrapper" [@slideSidebarPadding]="{
|
||||
value: (!(sidebarVisible | async) ? 'hidden' : (slideSidebarOver | async) ? 'shown' : 'expanded'),
|
||||
|
||||
@@ -1,7 +0,0 @@
|
||||
@import '../../../styles/variables.scss';
|
||||
|
||||
:host-context(.preview-release) {
|
||||
::ng-deep a {
|
||||
//color: $dark;
|
||||
}
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
<nav [ngClass]="{'open': !(menuCollapsed | async)}"
|
||||
[@slideMobileNav]="!(windowService.isXsOrSm() | async) ? 'default' : ((menuCollapsed | async) ? 'collapsed' : 'expanded')"
|
||||
class="navbar navbar-light navbar-expand-md p-md-0 navbar-container"> <!-- TODO remove navbar-container class when https://github.com/twbs/bootstrap/issues/24726 is fixed -->
|
||||
<div class="container">
|
||||
<div class="reset-padding-md w-100">
|
||||
<div id="collapsingNav">
|
||||
<ul class="navbar-nav mr-auto shadow-none">
|
||||
<ng-container *ngFor="let section of (sections | async)">
|
||||
<ng-container
|
||||
*ngComponentOutlet="sectionComponents.get(section.id); injector: sectionInjectors.get(section.id);"></ng-container>
|
||||
</ng-container>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -1,9 +0,0 @@
|
||||
@import '../../../styles/variables.scss';
|
||||
|
||||
:host-context(.preview-release) {
|
||||
nav.navbar {
|
||||
border-bottom: 5px $green solid;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,16 +0,0 @@
|
||||
<form #form="ngForm" (ngSubmit)="onSubmit(form.value)" class="row" action="/search">
|
||||
<div *ngIf="isNotEmpty(scopes)" class="col-12 col-sm-3">
|
||||
<select [(ngModel)]="scope" name="scope" class="form-control" aria-label="Search scope" (change)="onScopeChange($event.target.value)">
|
||||
<option value>{{'search.form.search_dspace' | translate}}</option>
|
||||
<option *ngFor="let scopeOption of scopes" [value]="scopeOption.id">{{scopeOption?.name ? scopeOption.name : 'search.form.search_dspace' | translate}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div [ngClass]="{'col-sm-9': isNotEmpty(scopes)}" class="col-12">
|
||||
<div class="form-group input-group">
|
||||
<input type="text" [(ngModel)]="query" name="query" class="form-control" aria-label="Search input">
|
||||
<span class="input-group-append">
|
||||
<button type="submit" class="search-button btn btn-primary">{{ ('search.form.search' | translate) }}</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -1,17 +0,0 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
|
||||
|
||||
$font-family-sans-serif: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
$gray-100: #e8ebf3 !default; // #eee
|
||||
$gray-800: #444444 !default; // #444
|
||||
|
||||
$navbar-dark-color: #FFFFFF;
|
||||
|
||||
/* Reassign color vars to semantic color scheme */
|
||||
$blue: #43515f !default;
|
||||
$green: #92C642 !default;
|
||||
$cyan: #2e80a3 !default;
|
||||
$yellow: #ec9433 !default;
|
||||
$red: #CF4444 !default;
|
||||
$dark: #43515f !default;
|
||||
|
||||
$body-color: $gray-800 !default;
|
||||
@@ -1,2 +1,2 @@
|
||||
$banner-text-background: rgba(0, 0, 0, 0.45);
|
||||
$banner-text-background: rgba(0, 0, 0, 0.35);
|
||||
$banner-background-gradient-width: 300px;
|
||||
@@ -1,2 +0,0 @@
|
||||
$banner-text-background: rgba(0, 0, 0, 0.35);
|
||||
$banner-background-gradient-width: 300px;
|
||||
Reference in New Issue
Block a user