TSK-1189 restructure theme files

web/angular.json

@@ -21,7 +21,7 @@
               "src/environments/data-sources"
             ],
             "styles": [
-              "src/assets/_main.scss"
+              "src/theme/_main.scss"
             ],
             "scripts": [
               "node_modules/jquery/dist/jquery.min.js",
@@ -80,7 +80,7 @@
               "node_modules/bootstrap/dist/js/bootstrap.min.js"
             ],
             "styles": [
-              "src/assets/_main.scss"
+              "src/theme/_main.scss"
             ],
             "assets": [
               "src/assets",

web/src/app/administration/components/access-items-management/access-items-management.component.scss

@@ -1,4 +1,4 @@
-@import '../../../../assets/colors';
+@import '../../../../theme/colors';
 
 .margin {
     margin-top: 10px;

web/src/app/administration/components/classification-details/classification-details.component.ts

@@ -7,7 +7,7 @@ import { ClassificationDefinition, customFieldCount } from 'app/shared/models/cl
 import { ACTION } from 'app/shared/models/action';
 import { AlertModel, AlertType } from 'app/shared/models/alert';
 
-import { highlight } from 'app/shared/animations/validation.animation';
+import { highlight } from 'theme/animations/validation.animation';
 import { TaskanaDate } from 'app/shared/util/taskana.date';
 
 import { ClassificationsService } from 'app/shared/services/classifications/classifications.service';

web/src/app/administration/components/workbasket-access-items/workbasket-access-items.component.ts

@@ -14,7 +14,7 @@ import { GeneralModalService } from 'app/shared/services/general-modal/general-m
 import { WorkbasketService } from 'app/shared/services/workbasket/workbasket.service';
 import { AlertService } from 'app/shared/services/alert/alert.service';
 import { RequestInProgressService } from 'app/shared/services/request-in-progress/request-in-progress.service';
-import { highlight } from 'app/shared/animations/validation.animation';
+import { highlight } from 'theme/animations/validation.animation';
 import { FormsValidatorService } from 'app/shared/services/forms-validator/forms-validator.service';
 import { AccessIdDefinition } from 'app/shared/models/access-id';
 import { EngineConfigurationSelectors } from 'app/store/engine-configuration-store/engine-configuration.selectors';

web/src/app/administration/components/workbasket-dual-list/workbasket-dual-list.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 import { WorkbasketSummary } from 'app/shared/models/workbasket-summary';
 import { Filter } from 'app/shared/models/filter';
-import { expandDown } from 'app/shared/animations/expand.animation';
+import { expandDown } from 'theme/animations/expand.animation';
 import { Side } from '../workbasket-distribution-targets/workbasket-distribution-targets.component';
 
 @Component({

web/src/app/administration/components/workbasket-list-toolbar/workbasket-list-toolbar.component.ts

@@ -8,7 +8,7 @@ import { WorkbasketSummary } from 'app/shared/models/workbasket-summary';
 
 import { WorkbasketService } from 'app/shared/services/workbasket/workbasket.service';
 import { TaskanaType } from 'app/shared/models/taskana-type';
-import { expandDown } from 'app/shared/animations/expand.animation';
+import { expandDown } from 'theme/animations/expand.animation';
 import { ErrorsService } from '../../../shared/services/errors/errors.service';
 import { ERROR_TYPES } from '../../../shared/models/errors';
 

web/src/app/history/task-query/task-query.component.scss

@@ -1,4 +1,4 @@
-@import './src/assets/_colors';
+@import '../../../theme/colors';
 
 .table {
 	max-height: calc(100vh - 152px);

web/src/app/monitor/components/workbasket-report-query-switcher/workbasket-report-query-switcher.component.scss

@@ -1,4 +1,4 @@
-@import './src/assets/_colors';
+@import '../../../../theme/colors';
 
 .btn.selected {
   background-color: $blue;

web/src/app/shared/components/alert/alert.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 
 import { AlertModel } from 'app/shared/models/alert';
 import { AlertService } from 'app/shared/services/alert/alert.service';
-import { expandTop } from '../../animations/expand.animation';
+import { expandTop } from '../../../../theme/animations/expand.animation';
 
 @Component({
   selector: 'taskana-alert',

web/src/app/shared/components/field-error-display/field-error-display.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Input } from '@angular/core';
-import { highlight } from 'app/shared/animations/validation.animation';
+import { highlight } from 'theme/animations/validation.animation';
 
 @Component({
   selector: 'taskana-field-error-display',

web/src/app/shared/components/nav-bar/nav-bar.component.scss

@@ -1,4 +1,4 @@
-@import './src/assets/_variables';
+@import '../../../../theme/variables';
 
 .navbar.main:before  {
     @include degraded-bar(right, 100%, 3px)

web/src/app/shared/components/nav-bar/nav-bar.component.ts

@@ -7,7 +7,7 @@ import { BusinessAdminGuard } from 'app/shared/guards/business-admin.guard';
 import { MonitorGuard } from 'app/shared/guards/monitor.guard';
 import { WindowRefService } from 'app/shared/services/window/window.service';
 import { UserGuard } from 'app/shared/guards/user.guard';
-import { expandRight } from 'app/shared/animations/expand.animation';
+import { expandRight } from 'theme/animations/expand.animation';
 import { TaskanaEngineService } from '../../services/taskana-engine/taskana-engine.service';
 @Component({
   selector: 'taskana-nav-bar',

web/src/app/shared/components/type-ahead/type-ahead.component.scss

@@ -1,4 +1,4 @@
-@import './src/assets/_colors';
+@import '../../../../theme/colors';
 
 .wrapper-text {
     min-width: 150px;

web/src/app/shared/components/type-ahead/type-ahead.component.ts

@@ -4,7 +4,7 @@ import { TypeaheadMatch } from 'ngx-bootstrap/typeahead';
 
 import { AccessIdsService } from 'app/shared/services/access-ids/access-ids.service';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { highlight } from 'app/shared/animations/validation.animation';
+import { highlight } from 'theme/animations/validation.animation';
 import { mergeMap } from 'rxjs/operators';
 import { AccessIdDefinition } from 'app/shared/models/access-id';
 

web/src/app/shared/components/user-information/user-information.component.scss

@@ -1,4 +1,4 @@
-@import './src/assets/_variables';
+@import '../../../../theme/variables';
 
 .big {
     width: 64px;

web/src/app/shared/components/user-information/user-information.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { TaskanaEngineService } from 'app/shared/services/taskana-engine/taskana-engine.service';
 import { UserInfo } from 'app/shared/models/user-info';
-import { expandDown } from '../../animations/expand.animation';
+import { expandDown } from '../../../../theme/animations/expand.animation';
 
 @Component({
   selector: 'taskana-user-information',

web/src/app/workplace/components/task-list-toolbar/task-list-toolbar.component.scss

@@ -1,4 +1,4 @@
-@import '../../../../assets/colors';
+@import '../../../../theme/colors';
 
 .list-group-item {
   padding: 5px 0px 2px 1px;

web/src/app/workplace/components/task-list-toolbar/task-list-toolbar.component.ts

@@ -6,7 +6,7 @@ import { WorkbasketService } from 'app/shared/services/workbasket/workbasket.ser
 import { Sorting } from 'app/shared/models/sorting';
 import { Filter } from 'app/shared/models/filter';
 import { TaskanaType } from 'app/shared/models/taskana-type';
-import { expandDown } from 'app/shared/animations/expand.animation';
+import { expandDown } from 'theme/animations/expand.animation';
 import { ActivatedRoute, Router, NavigationExtras } from '@angular/router';
 import { WorkplaceService } from 'app/workplace/services/workplace.service';
 import { ObjectReference } from 'app/workplace/models/object-reference';

web/src/app/workplace/components/taskdetails/taskdetails.component.scss

@@ -1,4 +1,4 @@
-@import '../../../../assets/colors';
+@import '../../../../theme/colors';
 
 ::ng-deep .btn-block {
     background-color: whitesmoke;

web/src/assets/_ngxbootstrap.scss

@@ -1 +0,0 @@
-@import '../../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap';

web/src/theme/_bootstrap.scss

@@ -1,2 +1,2 @@
 $icon-font-path: '../../node_modules/bootstrap-sass/assets/fonts/bootstrap/';
-@import '../../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap';
+@import '../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap';

web/src/theme/_main.scss

@@ -3,7 +3,7 @@
 @import 'bootstrap-3-backward-compatibility';
 @import 'variables';
 @import '../../node_modules/angular-tree-component/dist/angular-tree-component.css';
-@import '../../node_modules/ngx-bootstrap/datepicker/bs-datepicker.scss';
+@import '../../node_modules/ngx-bootstrap/datepicker/bs-datepicker';
 @import 'material_icons';
 @import 'site';
 @import 'forms';

web/src/theme/_material_icons.scss

@@ -2,12 +2,12 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(icons-fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: url(../assets/icons-fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
   local('MaterialIcons-Regular'),
-  url(icons-fonts/MaterialIcons-Regular.woff2) format('woff2'),
-  url(icons-fonts/MaterialIcons-Regular.woff) format('woff'),
-  url(icons-fonts/MaterialIcons-Regular.ttf) format('truetype');
+  url(../assets/icons-fonts/MaterialIcons-Regular.woff2) format('woff2'),
+  url(../assets/icons-fonts/MaterialIcons-Regular.woff) format('woff'),
+  url(../assets/icons-fonts/MaterialIcons-Regular.ttf) format('truetype');
 }
 
 .material-icons {

web/src/theme/_ngxbootstrap.scss

@@ -0,0 +1 @@
+@import '../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap';

web/src/theme/_progress-bar.scss

@@ -1,4 +1,4 @@
-@import '_colors';
+@import 'colors';
 .item {
 	margin-bottom: 20px;
 	position: relative;
@@ -39,4 +39,4 @@ $half: round($loops / 2);
 		background-image: linear-gradient($nextdeg, $pallete-green 51%, transparent 50%, transparent), linear-gradient(270deg, $pallete-green 50%, #fff 50%, #fff);
     }
   }
-}
+}

web/src/theme/_variables.scss

@@ -1,4 +1,4 @@
-@import '_colors';
+@import 'colors';
 @import 'mixin/colors';
 
 @mixin degraded-bar ($direction, $width, $height) {