diff --git a/src/@noctua.search/components/search-form/search-form.component.html b/src/@noctua.search/components/search-form/search-form.component.html index 4a01783..8a3aa3e 100644 --- a/src/@noctua.search/components/search-form/search-form.component.html +++ b/src/@noctua.search/components/search-form/search-form.component.html @@ -129,8 +129,8 @@
Organisms - - +
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) } } }