Fixes most (and suppresses some) client side warnings. (#4786)

src/Ombi/ClientApp/angular.json

@@ -42,6 +42,12 @@
               "node_modules/chart.js/dist/Chart.js",
               "./node_modules/@fullcalendar/core/main.js",
               "./node_modules/@fullcalendar/interaction/main.js"
+            ],
+            "allowedCommonJsDependencies": [
+              "jquery", 
+              "bootstrap",
+              "moment",
+              "@cordobo/qrcode"
             ]
           },
           "configurations": {

src/Ombi/ClientApp/package.json

@@ -47,7 +47,7 @@
     "fullcalendar": "^4.0.0-alpha.4",
     "immer": "^9.0.6",
     "jquery": "3.3.1",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "moment": "^2.29.1",
     "ng2-cookies": "^1.0.12",
     "ngx-clipboard": "^12.1.0",
@@ -61,7 +61,7 @@
     "rxjs": "^7.5.4",
     "sass-recursive-map-merge": "^1.0.1",
     "store": "^2.0.12",
-    "ts-md5": "^1.2.7",
+    "ts-md5": "^1.3.1",
     "ts-node": "~5.0.1",
     "tslib": "^1.10.0",
     "tslint": "^5.12.0",
@@ -82,10 +82,11 @@
     "@storybook/angular": "^6.5.9",
     "@storybook/builder-webpack5": "^6.5.9",
     "@storybook/manager-webpack5": "^6.5.9",
-    "@storybook/testing-library": "^0.0.13",
     "@storybook/preset-scss": "^1.0.3",
+    "@storybook/testing-library": "^0.0.13",
     "@types/jasmine": "~3.6.7",
     "@types/jasminewd2": "~2.0.8",
+    "@types/lodash-es": "^4.17.6",
     "@types/node": "^16.11.45",
     "babel-loader": "^8.2.5",
     "chromatic": "^6.7.1",

src/Ombi/ClientApp/src/app/calendar/components/calendar.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .small-middle-container{
 	margin: auto;

src/Ombi/ClientApp/src/app/components/detailed-card/detailed-card.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .detailed-container {
     width: 400px;

src/Ombi/ClientApp/src/app/components/image-background/image-background.component.scss

@@ -21,6 +21,6 @@
   height: 100vh;
   width: 100vw;
   display: flex;
-  justify-content: end;
+  justify-content: flex-end;
   flex-direction: column;
 }

src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 #cardImage {
     border-radius: 5px;

src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .ombi-card {
     padding: 5px;

src/Ombi/ClientApp/src/app/discover/components/recently-requested-list/recently-requested-list.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .ombi-card {
     padding: 5px;

src/Ombi/ClientApp/src/app/discover/components/search-results/search-results.component.ts

@@ -9,7 +9,7 @@ import { IDiscoverCardResult } from "../../interfaces";
 import { SearchFilter } from "../../../my-nav/SearchFilter";
 import { SearchV2Service } from "../../../services";
 import { StorageService } from "../../../shared/storage/storage-service";
-import { isEqual } from "lodash";
+import { isEqual } from "lodash-es";
 import { FeaturesFacade } from "../../../state/features/features.facade";
 
 @Component({

src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 ::ng-deep .issue-card {
   border: 3px solid $ombi-background-primary-accent;

src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .top-spacing {
   margin-top:2%;

src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 ::ng-deep .mat-card {
   background: $ombi-background-primary-accent;

src/Ombi/ClientApp/src/app/landingpage/landingpage.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 .small-middle-container{
         height:100vh;
     }

src/Ombi/ClientApp/src/app/login/login.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 body, html {
     height: 100% !important;

src/Ombi/ClientApp/src/app/media-details/components/shared/cast-carousel/cast-carousel.component.scss

@@ -1,5 +1,5 @@
-@import "~@angular/material/theming";
+@import "@angular/material/theming";
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
  ::ng-deep body .ui-carousel .ui-carousel-content .ui-carousel-prev,
 body .ui-carousel .ui-carousel-content .ui-carousel-next {
     background-color: #ffffff;

src/Ombi/ClientApp/src/app/media-details/components/shared/crew-carousel/crew-carousel.component.scss

@@ -1,5 +1,5 @@
-@import "~@angular/material/theming";
+@import "@angular/material/theming";
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
  ::ng-deep body .ui-carousel .ui-carousel-content .ui-carousel-prev,
 body .ui-carousel .ui-carousel-content .ui-carousel-next {
     background-color: #ffffff;

src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 a.media-icons:hover{
     color:$ombi-active;

src/Ombi/ClientApp/src/app/media-details/media-details.component.scss

@@ -1,5 +1,5 @@
-@import "~@angular/material/theming";
+@import "@angular/material/theming";
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 //MINE
 @media (max-width: 570px) {
     h1 {

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 .sidenav-container {
     min-height: 100vh;
     -webkit-overflow-scrolling:touch;

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.ts

@@ -6,11 +6,10 @@ import { SettingsService, SettingsStateService } from '../services';
 import { AdvancedSearchDialogComponent } from '../shared/advanced-search-dialog/advanced-search-dialog.component';
 import { CustomizationFacade } from '../state/customization';
 import { FilterService } from '../discover/services/filter-service';
-import { ILocalUser } from '../auth/IUserLogin';
 import { INavBar } from '../interfaces/ICommon';
 import { MatDialog } from '@angular/material/dialog';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
-import { Md5 } from 'ts-md5/dist/md5';
+import { Md5 } from 'ts-md5';
 import { Observable } from 'rxjs';
 import { Router } from '@angular/router';
 import { SearchFilter } from './SearchFilter';

src/Ombi/ClientApp/src/app/requests-list/components/albums-grid/albums-grid.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .dark .mat-header-cell {
 	background: $accent-dark !important;

src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .dark .mat-header-cell {
 	background: $accent-dark !important;

src/Ombi/ClientApp/src/app/requests-list/components/requests-list.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .small-middle-container{
 	margin: auto;

src/Ombi/ClientApp/src/app/settings/about/about.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .mat-table {
     display: block;

src/Ombi/ClientApp/src/app/settings/authentication/authentication.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/couchpotato/couchpotato.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/customization/customization.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/dognzb/dognzb.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/emby/emby.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/issues/issues.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/jellyfin/jellyfin.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/landingpage/landingpage.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container{
 	margin: auto;
 	width: 95%;

src/Ombi/ClientApp/src/app/settings/lidarr/lidarr.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/notifications/notificationtemplate.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 
 .small-middle-container{
 	margin: auto;

src/Ombi/ClientApp/src/app/settings/ombi/ombi.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/plex/components/watchlist/plex-watchlist.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/plex/plex.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/usermanagement/usermanagement.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/settings/vote/vote.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/shared.scss";
+@import "styles/shared.scss";
 .small-middle-container {
     margin: auto;
     width: 95%;

src/Ombi/ClientApp/src/app/shared/admin-request-dialog/admin-request-dialog.component.scss

@@ -1,5 +1,5 @@
 
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .alert-info {
   background: $accent;

src/Ombi/ClientApp/src/app/shared/advanced-search-dialog/advanced-search-dialog.component.scss

@@ -1,5 +1,5 @@
 
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .alert-info {
   background: $accent;

src/Ombi/ClientApp/src/app/usermanagement/usermanagement.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 
 .small-middle-container{
 	margin: auto;

src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 .welcome-container{
     display:flex;
     height:100%;

src/Ombi/ClientApp/src/styles/Styles.scss

@@ -1,4 +1,4 @@
-@import '~@angular/material/theming';
+@import '@angular/material/theming';
 @import "./variables.scss";
 // Plus imports for other components in your app.
 // Include the common styles for Angular Material. We include this here so that you only

src/Ombi/ClientApp/src/styles/shared.scss

@@ -1,4 +1,4 @@
-@import "~styles/variables.scss";
+@import "styles/variables.scss";
 /*@media (max-width: 978px) {
     .top-spacing {
         padding-top: 2%;

src/Ombi/ClientApp/src/styles/variables.scss

@@ -1,5 +1,5 @@
 // @import "./mat-palette.scss";
-@import '~@angular/material/theming';
+@import '@angular/material/theming';
 @import "./new-mat-palette.scss";
 // BASE
 // Define the palettes for your theme using the Material Design palettes available in palette.scss