Samples
+ ++ Find the API documentation here: https://definma-api.apps.de1.bosch-iot-cloud.com/api-doc/ +
+ +Database model
+ +
+ ![]()
+
diff --git a/src/app/img-magnifier/img-magnifier.component.scss b/src/app/img-magnifier/img-magnifier.component.scss
new file mode 100644
index 0000000..f72791e
--- /dev/null
+++ b/src/app/img-magnifier/img-magnifier.component.scss
@@ -0,0 +1,20 @@
+@import "~@inst-iot/bosch-angular-ui-components/styles/variables/colors";
+
+.img-container {
+ position:relative;
+ overflow: hidden;
+
+ & > img {
+ width: 100%;
+ }
+}
+
+.magnifier {
+ position: absolute;
+ background: #FFF;
+ background-repeat: no-repeat;
+ background-position: -500px -500px;
+ z-index: 99;
+ border: 1px solid #FFF;
+ box-shadow: 10px 10px 25px $color-bosch-light-gray-b25;
+}
diff --git a/src/app/img-magnifier/img-magnifier.component.spec.ts b/src/app/img-magnifier/img-magnifier.component.spec.ts
new file mode 100644
index 0000000..753cad6
--- /dev/null
+++ b/src/app/img-magnifier/img-magnifier.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ImgMagnifierComponent } from './img-magnifier.component';
+
+describe('ImgMagnifierComponent', () => {
+ let component: ImgMagnifierComponent;
+ let fixture: ComponentFixture
+
+
+
diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss
new file mode 100644
index 0000000..52566ab
--- /dev/null
+++ b/src/app/login/login.component.scss
@@ -0,0 +1,12 @@
+.login-wrapper {
+ max-width: 250px;
+}
+
+.message {
+ font-size: 13px;
+ white-space: pre-line;
+}
+
+.login-button {
+ margin-right: 10px;
+}
diff --git a/src/app/login/login.component.spec.ts b/src/app/login/login.component.spec.ts
new file mode 100644
index 0000000..5922456
--- /dev/null
+++ b/src/app/login/login.component.spec.ts
@@ -0,0 +1,129 @@
+import {async, ComponentFixture, fakeAsync, TestBed, tick} from '@angular/core/testing';
+import { LoginComponent } from './login.component';
+import {LoginService} from '../services/login.service';
+import {ValidationService} from '../services/validation.service';
+import {FormsModule} from '@angular/forms';
+import {By} from '@angular/platform-browser';
+import {ValidateDirective} from '../validate.directive';
+import {RbUiComponentsModule} from '@inst-iot/bosch-angular-ui-components';
+
+let validationServiceSpy: jasmine.SpyObjPlease log in
+ + + +
+
+
+
diff --git a/src/app/rb-table/rb-table/rb-table.component.scss b/src/app/rb-table/rb-table/rb-table.component.scss
new file mode 100644
index 0000000..c1b1e0a
--- /dev/null
+++ b/src/app/rb-table/rb-table/rb-table.component.scss
@@ -0,0 +1,35 @@
+@import "~@inst-iot/bosch-angular-ui-components/styles/variables/colors";
+
+.table-wrapper {
+ overflow-x: auto;
+ width: 100%;
+
+ &, & > table { // scrollbar at the top
+ transform:rotateX(180deg);
+ -ms-transform:rotateX(180deg); /* IE 9 */
+ -webkit-transform:rotateX(180deg); /* Safari and Chrome */
+ }
+}
+
+table {
+ width: 100%;
+ border-collapse: collapse;
+
+ ::ng-deep tr {
+ border-bottom: 1px solid $color-gray-mercury;
+
+ ::ng-deep td, ::ng-deep th {
+ padding: 8px 5px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ max-width: 200px;
+ }
+
+ ::ng-deep th {
+ text-align: left;
+ }
+ }
+}
+
+
diff --git a/src/app/rb-table/rb-table/rb-table.component.spec.ts b/src/app/rb-table/rb-table/rb-table.component.spec.ts
new file mode 100644
index 0000000..c5bae98
--- /dev/null
+++ b/src/app/rb-table/rb-table/rb-table.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RbTableComponent } from './rb-table.component';
+
+describe('RbTableComponent', () => {
+ let component: RbTableComponent;
+ let fixture: ComponentFixture{{new ? 'Add new sample' : 'Edit sample ' + sample.number}}
+ +
+
+ Sample number {{responseData.number}} Type {{responseData.type}} color {{responseData.color}} Batch {{responseData.batch}} Material {{material.name}}
+
+
+
+
diff --git a/src/app/sample/sample.component.scss b/src/app/sample/sample.component.scss
new file mode 100644
index 0000000..8b4e416
--- /dev/null
+++ b/src/app/sample/sample.component.scss
@@ -0,0 +1,21 @@
+::ng-deep rb-table#response-data > table {
+ width: auto !important;
+}
+
+td:first-child {
+ font-weight: bold;
+}
+
+.condition-set {
+ float: right;
+}
+
+.two-col {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-column-gap: 10px;
+}
+
+.dpt-chart {
+ max-width: 400px;
+}
diff --git a/src/app/sample/sample.component.spec.ts b/src/app/sample/sample.component.spec.ts
new file mode 100644
index 0000000..c32c4c1
--- /dev/null
+++ b/src/app/sample/sample.component.spec.ts
@@ -0,0 +1,27 @@
+// import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+//
+// import { SampleComponent } from './sample.component';
+//
+// // TODO
+//
+// describe('SampleComponent', () => {
+// let component: SampleComponent;
+// let fixture: ComponentFixtureSuccessfully added sample:
+
+
+
+
+
+
+
+
+Samples
+ + + +
+
+
+ URL for JSON download:
+
+
+ add spectra
+
+
+
+
+
+
+
+
+
+ {{key.label}}
+
+
+
+
+
+
+