hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 18:14:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

start of vertical menu

Browse Source
This commit is contained in:
lotte
2018-11-09 17:00:58 +01:00
parent b0fe14d015
commit 83bf3ab8b8
11 changed files with 165 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
resources/images/dspace-logo-mini.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="97.562px" height="91.866px" viewBox="67.165 0 97.562 91.866" enable-background="new 67.165 0 97.562 91.866"
xml:space="preserve">
<path fill="#92C642" d="M120.726,58.569l0.109-0.006l0.116-0.01l0.106-0.013l0.11-0.01l0.11-0.023l0.109-0.019l0.106-0.023
l0.106-0.029l0.105-0.023l0.106-0.033l0.103-0.034l0.097-0.035l0.104-0.04l0.101-0.042l0.1-0.042v-0.001l0.096-0.045l0,0
l0.095-0.044l0.097-0.049l0.091-0.056v-0.001l0.094-0.05v-0.002l0.09-0.056v-0.001l0.093-0.06l0.083-0.056v-0.001l0.085-0.063
l0.088-0.065v-0.002l0.087-0.062v-0.001c0.816-0.683,1.393-1.646,1.561-2.738l0.013-0.104V54.72l0.014-0.101v-0.011l0.009-0.098
v-0.012l0.009-0.101V54.38l0.005-0.095v-0.016l0.002-0.105v-16.46l-0.002-0.105v-0.016l-0.005-0.095v-0.013l-0.009-0.101v-0.012
l-0.009-0.098v-0.011l-0.014-0.1v-0.01l-0.013-0.104c-0.167-1.092-0.744-2.057-1.561-2.738V34.3l-0.087-0.063v-0.002l-0.088-0.065
l-0.085-0.063v-0.001l-0.083-0.056l-0.093-0.061l0,0l-0.09-0.056V33.93l-0.094-0.05v-0.001l-0.091-0.056l-0.097-0.049l-0.095-0.043
V33.73l-0.096-0.045v-0.001l-0.1-0.043l-0.101-0.042l-0.104-0.04l-0.097-0.035l-0.103-0.031l-0.106-0.036l-0.105-0.023l-0.106-0.028
l-0.106-0.024l-0.109-0.019l-0.11-0.023l-0.11-0.009l-0.106-0.014l-0.116-0.01l-0.109-0.006l-0.114-0.005h-7.89
c-9.716,0-15.858-7.838-15.858-17.15V6.92c0-3.812-3.102-6.915-6.914-6.915H74.085c-3.813,0-6.92,3.106-6.92,6.915v16.682
c0,3.806,3.104,6.909,6.92,6.909h8.414c9.169,0,16.906,5.95,17.146,15.403v0.04c-0.24,9.453-7.978,15.402-17.146,15.402h-8.414
c-3.815,0-6.92,3.103-6.92,6.909v16.682c0,3.81,3.106,6.915,6.92,6.915H89.95c3.812,0,6.914-3.104,6.914-6.915v-9.223
c0-9.312,6.144-17.149,15.858-17.149h7.89L120.726,58.569z M154.772,9.956C148.631,3.814,140.15,0,130.816,0h-15.024v17.424h15.024
c4.526,0,8.647,1.858,11.64,4.849c2.99,2.99,4.849,7.112,4.849,11.639v24.042c0,4.538-1.853,8.665-4.832,11.655l-0.017-0.016
c-2.991,2.991-7.113,4.849-11.64,4.849h-15.024v17.424h15.024c9.333,0,17.814-3.814,23.956-9.956v-0.033
c6.142-6.143,9.955-14.614,9.955-23.923V33.912C164.727,24.578,160.914,16.097,154.772,9.956z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

1
src/app/+admin/admin-registries/metadata-schema/metadata-schema.component.ts
View File

@@ -7,7 +7,6 @@ import { PaginatedList } from '../../../core/data/paginated-list';
import { MetadataField } from '../../../core/metadata/metadatafield.model';
import { MetadataSchema } from '../../../core/metadata/metadataschema.model';
import { PaginationComponentOptions } from '../../../shared/pagination/pagination-component-options.model';
import { SortOptions } from '../../../core/cache/models/sort-options.model';
@Component({
selector: 'ds-metadata-schema',

112
src/app/+admin/admin-sidebar/admin-sidebar.component.html Normal file
View File

@@ -0,0 +1,112 @@
<nav class="navbar navbar-dark bg-dark">
<ul class="navbar-nav sidebar-top-level-items">
<li class="admin-menu-header">
<a class="shortcuts-tree" href="#">
<div class="nav-icon-container"><img class="admin-logo" src="assets/images/dspace-logo-mini.svg"></div>
<h4 class="nav-item-name">Admin</h4>
</a>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-plus-circle fa-fw"></i>
New
<i class="fa fa-chevron-right"></i>
</a>
<ul class="sidebar-sub-level-items">
<li><a class="nav-item nav-link" href="#">Community</a></li>
<li><a class="nav-item nav-link" href="#">Collection</a></li>
<li><a class="nav-item nav-link" href="#">Item</a></li>
<li><a class="nav-item nav-link" href="#">Item Version</a></li>
</ul>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-pencil fa-fw"></i>
Edit
<i class="fa fa-chevron-right"></i>
</a>
<ul class="sidebar-sub-level-items">
<li><a class="nav-item nav-link" href="#">Community</a></li>
<li><a class="nav-item nav-link" href="#">Collection</a></li>
<li><a class="nav-item nav-link" href="#">Item</a></li>
</ul>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-arrow-circle-up fa-fw"></i>
Import
<i class="fa fa-chevron-right"></i>
</a>
<ul class="sidebar-sub-level-items">
<li><a class="nav-item nav-link" href="#">Metadata</a></li>
<li><a class="nav-item nav-link" href="#">Batch Import (ZIP)</a></li>
</ul>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-arrow-circle-down fa-fw"></i>
Export
<i class="fa fa-chevron-right"></i>
</a>
<ul class="sidebar-sub-level-items">
<li><a class="nav-item nav-link" href="#">Community</a></li>
<li><a class="nav-item nav-link" href="#">Collection</a></li>
<li><a class="nav-item nav-link" href="#">Item</a></li>
<li><a class="nav-item nav-link" href="#">Metadata</a></li>
</ul>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-key fa-fw"></i>
Access Control
<i class="fa fa-chevron-right"></i>
</a>
<ul class="sidebar-sub-level-items">
<li><a class="nav-item nav-link" href="#">People</a></li>
<li><a class="nav-item nav-link" href="#">Groups</a></li>
<li><a class="nav-item nav-link" href="#">Authorizations</a></li>
</ul>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-search fa-fw"></i>
Find
<i class="fa fa-chevron-right"></i>
</a>
<ul class="sidebar-sub-level-items">
<li><a class="nav-item nav-link" href="#">Items</a></li>
<li><a class="nav-item nav-link" href="#">Withdrawn Items</a></li>
<li><a class="nav-item nav-link" href="#">Private Items</a></li>
</ul>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-list fa-fw"></i>
Registries
<i class="fa fa-chevron-right"></i>
</a>
<ul class="sidebar-sub-level-items">
<li><a class="nav-item nav-link" href="#">Metadata</a></li>
<li><a class="nav-item nav-link" href="#">Format</a></li>
</ul>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-filter fa-fw"></i>
Curation Tasks
</a>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-bar-chart fa-fw"></i>
Statistics
</a>
</li>
<li>
<a class="nav-item nav-link shortcuts-tree" href="#">
<i class="fa fa-cogs fa-fw"></i>
Control Panel
</a>
</li>
</ul>
</nav>

8
src/app/+admin/admin-sidebar/admin-sidebar.component.scss Normal file
View File

@@ -0,0 +1,8 @@
@import '../../../styles/variables.scss';
:host {
position: absolute;
.sidebar-sub-level-items {
list-style: disc;
color: $navbar-dark-color;
}
}

10
src/app/+admin/admin-sidebar/admin-sidebar.component.ts Normal file
View File

@@ -0,0 +1,10 @@
import { Component } from '@angular/core';
@Component({
selector: 'ds-admin-sidebar',
templateUrl: './admin-sidebar.component.html',
styleUrls: ['./admin-sidebar.component.scss'],
})
export class AdminSidebarComponent {
}

2
src/app/app.component.html
View File

@@ -1,4 +1,6 @@
<div class="outer-wrapper">
<ds-admin-sidebar></ds-admin-sidebar>
<div class="inner-wrapper">
<ds-header-navbar-wrapper></ds-header-navbar-wrapper>

4
src/app/app.component.scss
View File

@@ -37,3 +37,7 @@ body {
ds-header-navbar-wrapper {
z-index: $nav-z-index;
}
ds-admin-sidebar {
z-index: $sidebar-z-index;
}

2
src/app/app.module.ts
View File

@@ -33,6 +33,7 @@ import { NotificationComponent } from './shared/notifications/notification/notif
import { SharedModule } from './shared/shared.module';
import { NavbarComponent } from './navbar/navbar.component';
import { HeaderNavbarWrapperComponent } from './header-nav-wrapper/header-navbar-wrapper.component';
import { AdminSidebarComponent } from './+admin/admin-sidebar/admin-sidebar.component';
export function getConfig() {
return ENV_CONFIG;
@@ -91,6 +92,7 @@ if (!ENV_CONFIG.production) {
HeaderComponent,
NavbarComponent,
HeaderNavbarWrapperComponent,
AdminSidebarComponent,
FooterComponent,
PageNotFoundComponent,
NotificationComponent,

2
src/app/navbar/navbar.component.ts
View File

@@ -21,8 +21,6 @@ export class NavbarComponent {
) {
}
openDropdownOnHover(dropdown: any): void {
this.windowService.isXsOrSm().pipe(
first()

4
src/styles/_bootstrap_variables.scss
View File

@@ -9,12 +9,14 @@ $gray-800: lighten($gray-base, 26.6%) !default; // #444
$gray-700: lighten($gray-base, 46.6%) !default; // #777
$gray-600: lighten($gray-base, 73.3%) !default; // #bbb
$gray-100: lighten($gray-base, 93.5%) !default; // #eee
/* Reassign color vars to semantic color scheme */
$blue: #2B4E72 !default;
$green: #94BA65 !default;
$cyan: #2790B0 !default;
$yellow: #EBBB54 !default;
$red: #CF4444 !default;
$dark: #132333 !default;
$theme-colors: (
primary: $blue,
@@ -24,7 +26,7 @@ $theme-colors: (
warning: $yellow,
danger: $red,
light: $gray-100,
dark: $blue
dark: $dark
) !default;
/* Fonts */
$link-color: map-get($theme-colors, info) !default;

1
src/styles/_custom_variables.scss
View File

@@ -11,5 +11,6 @@ $login-logo-width:72px;
$main-z-index: 0;
$nav-z-index: 10;
$sidebar-z-index: 20;
$header-logo-height: 80px;