diff --git a/src/@noctua.search/services/search-menu.service.ts b/src/@noctua.search/services/search-menu.service.ts
index 1d3a2e8..fbda4f3 100644
--- a/src/@noctua.search/services/search-menu.service.ts
+++ b/src/@noctua.search/services/search-menu.service.ts
@@ -17,7 +17,7 @@ export class NoctuaSearchMenuService {
id: 4
}, contributor: {
id: 5
- }, species: {
+ }, organism: {
id: 6
},
history: {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 7a2c8d8..608a497 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -18,7 +18,7 @@ import {
faSitemap,
faPaw, faUser,
faUsers, faListAlt,
- faClock, faCalendarDay, faCalendarWeek
+ faClock, faCalendarDay, faCalendarWeek, faHistory, faSearch
} from '@fortawesome/free-solid-svg-icons';
import { faGithub, faFacebook, faTwitter } from '@fortawesome/free-brands-svg-icons';
import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
@@ -63,15 +63,17 @@ export class AppModule {
library.addIcons(
faCalendarDay,
faCalendarWeek,
+ faClock,
faFacebook,
faGithub,
+ faHistory,
faListAlt,
faPaw,
- faUser,
- faClock,
- faUsers,
+ faSearch,
faSitemap,
faTwitter,
+ faUser,
+ faUsers,
);
}
}
diff --git a/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.html b/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.html
index 9a5eb81..b45cf6a 100644
--- a/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.html
+++ b/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.html
@@ -32,9 +32,11 @@
Contributors |
-
- person
+
+
+
{{contributor.name}}
diff --git a/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.scss b/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.scss
index f365254..c9a27e8 100644
--- a/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.scss
+++ b/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.scss
@@ -64,6 +64,22 @@ $rotate-graph: 235deg;
max-width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
+
+ &.noc-user-chip {
+ padding: 0;
+ @include deep-height(25px);
+ font-size: 10px;
+
+ .noc-icon {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 25px;
+ width: 25px;
+ border-radius: 50%;
+ border: #BBB solid 1px;
+ }
+ }
}
@@ -137,7 +153,6 @@ $rotate-graph: 235deg;
@include deep-height(25px);
font-size: 10px;
}
-
}
}
diff --git a/src/app/main/apps/noctua-search/noctua-search.component.html b/src/app/main/apps/noctua-search/noctua-search.component.html
index 06074fb..0a2357e 100644
--- a/src/app/main/apps/noctua-search/noctua-search.component.html
+++ b/src/app/main/apps/noctua-search/noctua-search.component.html
@@ -1,34 +1,39 @@
@@ -40,7 +45,7 @@
-
+
diff --git a/src/app/main/apps/noctua-search/noctua-search.component.scss b/src/app/main/apps/noctua-search/noctua-search.component.scss
index 716e01e..61cbfc9 100644
--- a/src/app/main/apps/noctua-search/noctua-search.component.scss
+++ b/src/app/main/apps/noctua-search/noctua-search.component.scss
@@ -1,113 +1,104 @@
@import "src/@noctua/scss/noctua";
@import "src/@noctua.common/scss/noctua.common";
+$primary: map-get($theme, primary);
+$accent: map-get($theme, accent);
-.noc-welcome {
- padding: 10px;
-}
-
-.header {
- padding-bottom: 10px;
- background-image: linear-gradient(to right, #00174f, rgba(#00174f, 0.8), rgba(#00174f, 0.5)), url("/assets/images/gene.jpeg");
- background-blend-mode: initial;
- background-size: cover;
- background-position: top;
-
-
- padding-top: 50px !important;
- position: relative;
- // background: #1A237E;
- // background: linear-gradient(to right, #0E2A3B 0%, #34306B 100%);
- flex: 1 0 auto;
- height: 280px;
- max-height: 280px;
- text-align: center;
- overflow: hidden;
-
- @include media-breakpoint('lt-md') {
- height: 200px;
- }
-
-
+:host {
+ padding: 0px;
+ width: 100%;
+ background-color: #FFF;
- .hero-icon {
- position: absolute;
- top: -64px;
- left: 0px;
- opacity: 0.04;
- font-size: 512px !important;
- width: 512px !important;
- height: 512px !important;
+ .noc-welcome {
+ padding: 10px;
}
- h1 {
- font-size: 40px;
- font-weight: 300;
- letter-spacing: 0.01em;
+ .header {
+ padding-bottom: 10px;
+ background-image: linear-gradient(to right, #00174f, rgba(#00174f, 0.8), rgba(#00174f, 0.5)), url("/assets/images/gene.jpeg");
+ background-blend-mode: initial;
+ background-size: cover;
+ background-position: top;
+
+
+ padding-top: 50px !important;
+ position: relative;
+ // background: #1A237E;
+ // background: linear-gradient(to right, #0E2A3B 0%, #34306B 100%);
+ flex: 1 0 auto;
+ height: 280px;
+ max-height: 280px;
text-align: center;
- margin-top: 0;
- margin-bottom: 16px;
- color: rgba(white, 0.9);
+ overflow: hidden;
@include media-breakpoint('lt-md') {
- font-size: 24px;
+ height: 200px;
}
- }
- h3 {
- max-width: 80%;
- text-align: center;
- font-weight: 300;
- letter-spacing: 0.03em;
- margin: 0;
- color: #ffffff;
- line-height: 1.5;
- @include media-breakpoint('lt-md') {
- font-size: 14px;
- }
- }
-
- h4 {
- padding-top: 10px;
- max-width: 80%;
- text-align: center;
- font-weight: 300;
- font-size: 12px;
- margin: 0;
- color: rgba(#ffffff, 0.8);
- }
-}
+ .hero-icon {
+ position: absolute;
+ top: -64px;
+ left: 0px;
+ opacity: 0.04;
+ font-size: 512px !important;
+ width: 512px !important;
+ height: 512px !important;
+ }
-.noc-left-drawer {
- @include deep-height(100%);
- @include deep-width(300px);
- background-color: #FFF;
- border-right: #BBB solid 1px;
- @include mat-elevation(4);
-}
+ h1 {
+ font-size: 40px;
+ font-weight: 300;
+ letter-spacing: 0.01em;
+ text-align: center;
+ margin-top: 0;
+ margin-bottom: 16px;
+ color: rgba(white, 0.9);
+
+ @include media-breakpoint('lt-md') {
+ font-size: 24px;
+ }
+ }
-.noc-right-drawer {
- @include deep-height(100%);
- background-color: #FFF;
- border-left: #BBB solid 1px;
-}
+ h3 {
+ max-width: 80%;
+ text-align: center;
+ font-weight: 300;
+ letter-spacing: 0.03em;
+ margin: 0;
+ color: #ffffff;
+ line-height: 1.5;
+
+ @include media-breakpoint('lt-md') {
+ font-size: 14px;
+ }
+ }
+ h4 {
+ padding-top: 10px;
+ max-width: 80%;
+ text-align: center;
+ font-weight: 300;
+ font-size: 12px;
+ margin: 0;
+ color: rgba(#ffffff, 0.8);
+ }
+ }
-$rotate-relation: 155deg;
-.icon-rotate-relation {
- -webkit-transform: rotate($rotate-relation);
- -moz-transform: rotate($rotate-relation);
- -ms-transform: rotate($rotate-relation);
- -o-transform: rotate($rotate-relation);
- transform: rotate($rotate-relation);
-}
+ .noc-left-drawer {
+ @include deep-height(100%);
+ @include deep-width(300px);
+ background-color: #FFF;
+ border-right: #BBB solid 1px;
+ @include mat-elevation(4);
+ }
-:host {
- padding: 0px;
- width: 100%;
- background-color: #FFF;
+ .noc-right-drawer {
+ @include deep-height(100%);
+ background-color: #FFF;
+ border-left: #BBB solid 1px;
+ }
.mat-drawer-content {
width: 100%;
@@ -183,21 +174,19 @@ $rotate-relation: 155deg;
margin-right: 5px;
@include deep-height(100%);
@include deep-width(60px);
- @include mat-elevation(2);
+ // @include mat-elevation(2);
border-right: #999 solid 1px;
button {
@include deep-width(60px);
@include deep-height(60px);
- mat-icon {
- @include noc-icon-size(28px);
- }
+ font-size: 20px;
+ color: rgba(map-get($primary, default), 0.5);
&.noc-active {
- mat-icon {
- color: $noc-primary-color-light;
- }
+ font-size: 28px;
+ color: map-get($primary, default)
}
}
}
|