Renaming files to match naming convention

.eslintrc.js

@@ -24,6 +24,7 @@ module.exports = {
       "plugins": [
         "rxjs",
         "rxjs-angular",
+        "unicorn"
       ],
       "rules": {
         // TODO: Enable later when type information is available
@@ -139,6 +140,7 @@ module.exports = {
           argsIgnorePattern: "^_$"
         }],
         "@typescript-eslint/ban-types": ["error"],
+        "unicorn/filename-case": ["error", { case: "kebabCase"}],
 
         // RxJS rules
         "rxjs/no-unsafe-takeuntil": ["error", {

package.json

@@ -83,6 +83,7 @@
     "element-resize-detector": "1.2.1",
     "eslint-plugin-rxjs": "^3.3.3",
     "eslint-plugin-rxjs-angular": "^1.0.6",
+    "eslint-plugin-unicorn": "^34.0.1",
     "filesize": "6.3.0",
     "fontfaceobserver": "^2.1.0",
     "hammerjs": "2.0.8",

src/app/app.module.ts

@@ -13,18 +13,18 @@ import {
   TranslateMessageFormatCompiler,
 } from 'ngx-translate-messageformat-compiler';
 import { NgxWebstorageModule } from 'ngx-webstorage';
+import { MaterialModule } from 'app/app-material.module';
 import { IcuMissingTranslationHandler } from 'app/core/classes/icu-missing-translation-handler';
 import { createTranslateLoader } from 'app/core/classes/icu-translations-loader';
-import { CoreComponents } from 'app/core/components/corecomponents.module';
-import { setCoreServiceInjector } from 'app/core/services/coreserviceinjector';
-import { CoreServices } from 'app/core/services/coreservices.module';
+import { CoreComponents } from 'app/core/components/core-components.module';
+import { setCoreServiceInjector } from 'app/core/services/core-service-injector';
+import { CoreServices } from 'app/core/services/core-services.module';
 import { CommonDirectivesModule } from 'app/directives/common/common-directives.module';
 import { ErdService } from 'app/services/erd.service';
 import { NotificationsService } from 'app/services/notifications.service';
 import { ENV_PROVIDERS } from '../environments/environment';
 import { AppComponent } from './app.component';
 import { rootRouterConfig } from './app.routes';
-import { MaterialModule } from './appMaterial.module';
 import { AppCommonModule } from './components/common/app-common.module';
 import { AboutModalDialog } from './components/common/dialog/about/about-dialog.component';
 import { ConsolePanelModalDialog } from './components/common/dialog/consolepanel/consolepanel-dialog.component';

src/app/app.routes.ts

@@ -60,7 +60,7 @@ export const rootRouterConfig: Routes = [{
   },
   {
     path: 'directoryservice',
-    loadChildren: () => import('./pages/directoryservice/directoryservice.module').then((module) => module.DirectoryServiceModule),
+    loadChildren: () => import('app/pages/directory-service/directory-service.module').then((module) => module.DirectoryServiceModule),
     data: { title: 'Directory Services', breadcrumb: 'Directory Services' },
   },
   {
@@ -100,12 +100,12 @@ export const rootRouterConfig: Routes = [{
   },
   {
     path: 'reportsdashboard',
-    loadChildren: () => import('./pages/reportsdashboard/reportsdashboard.module').then((module) => module.ReportsDashboardModule),
+    loadChildren: () => import('app/pages/reports-dashboard/reports-dashboard.module').then((module) => module.ReportsDashboardModule),
     data: { title: 'Reporting', breadcrumb: 'Reporting' },
   },
   {
     path: 'systemprocesses',
-    loadChildren: () => import('./pages/systemprocesses/system-processes.module').then((module) => module.SystemProcessesModule),
+    loadChildren: () => import('./pages/system-processes/system-processes.module').then((module) => module.SystemProcessesModule),
     data: { title: 'System Processes', breadcrumb: 'System Processes' },
   },
   {

src/app/components/common/app-common.module.ts

@@ -7,9 +7,9 @@ import { RouterModule } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
 import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
 import { ChartistModule } from 'ng-chartist';
-import { MaterialModule } from 'app/appMaterial.module';
-import { CoreComponents } from 'app/core/components/corecomponents.module';
-import { ViewControllerComponent } from 'app/core/components/viewcontroller/viewcontroller.component';
+import { MaterialModule } from 'app/app-material.module';
+import { CoreComponents } from 'app/core/components/core-components.module';
+import { ViewControllerComponent } from 'app/core/components/view-controller/view-controller.component';
 import { CommonDirectivesModule } from 'app/directives/common/common-directives.module';
 import { EntityModule } from 'app/pages/common/entity/entity.module';
 import { DialogService } from 'app/services/dialog.service';

src/app/components/common/navigation/navigation.component.ts

@@ -5,7 +5,7 @@ import { Router } from '@angular/router';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import * as _ from 'lodash';
 import { filter } from 'rxjs/operators';
-import { ViewControllerComponent } from 'app/core/components/viewcontroller/viewcontroller.component';
+import { ViewControllerComponent } from 'app/core/components/view-controller/view-controller.component';
 import { ProductType } from 'app/enums/product-type.enum';
 import { SysInfoEvent } from 'app/interfaces/events/sys-info-event.interface';
 import { WebSocketService } from 'app/services';

src/app/components/common/pagetitle/pagetitle.component.ts

@@ -6,8 +6,8 @@ import {
 } from '@angular/router';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { filter } from 'rxjs/operators';
-import { ViewButtonComponent } from 'app/core/components/viewbutton/viewbutton.component';
-import { ViewControllerComponent } from 'app/core/components/viewcontroller/viewcontroller.component';
+import { ViewButtonComponent } from 'app/core/components/view-button/view-button.component';
+import { ViewControllerComponent } from 'app/core/components/view-controller/view-controller.component';
 import { CoreService } from 'app/core/services/core.service';
 import { ProductType } from 'app/enums/product-type.enum';
 import { CoreEvent } from 'app/interfaces/events';

src/app/components/common/topbar/topbar.component.ts

@@ -8,7 +8,7 @@ import { Router } from '@angular/router';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { TranslateService } from '@ngx-translate/core';
 import { Subscription, Subject } from 'rxjs';
-import { ViewControllerComponent } from 'app/core/components/viewcontroller/viewcontroller.component';
+import { ViewControllerComponent } from 'app/core/components/view-controller/view-controller.component';
 import { LayoutService } from 'app/core/services/layout.service';
 import { PreferencesService } from 'app/core/services/preferences.service';
 import { FailoverDisabledReason } from 'app/enums/failover-disabled-reason.enum';

src/app/core/components/card/card.component.ts

 import {
   Component, ViewChild, Input,
 } from '@angular/core';
-import { ViewControllerComponent } from 'app/core/components/viewcontroller/viewcontroller.component';
+import { ViewControllerComponent } from 'app/core/components/view-controller/view-controller.component';
 
 export const CardComponentMetadata = {
   selector: '[card]',

src/app/core/components/corecomponents.module.ts → src/app/core/components/core-components.module.ts

@@ -6,17 +6,21 @@ import { FlexLayoutModule } from '@angular/flex-layout';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
-import { MaterialModule } from 'app/appMaterial.module';
+import { MaterialModule } from 'app/app-material.module';
 import { CardComponent } from 'app/core/components/card/card.component';
 import { CopyButtonComponent } from 'app/core/components/copy-btn/copy-btn.component';
 import { Display } from 'app/core/components/display/display.component';
 import { PageComponent } from 'app/core/components/page/page.component';
+import { ViewButtonComponent } from 'app/core/components/view-button/view-button.component';
+import { ViewChartBarComponent } from 'app/core/components/view-chart-bar/view-chart-bar.component';
+import { ViewChartDonutComponent } from 'app/core/components/view-chart-donut/view-chart-donut.component';
+import { ViewChartGaugeComponent } from 'app/core/components/view-chart-gauge/view-chart-gauge.component';
+import { ViewChartLineComponent } from 'app/core/components/view-chart-line/view-chart-line.component';
+import { ViewChartPieComponent } from 'app/core/components/view-chart-pie/view-chart-pie.component';
+import { ViewChartComponent } from 'app/core/components/view-chart/view-chart.component';
+import { ViewControlComponent } from 'app/core/components/view-control/view-control.component';
+import { ViewControllerComponent } from 'app/core/components/view-controller/view-controller.component';
 import { ViewComponent } from 'app/core/components/view/view.component';
-import { ViewChartComponent } from 'app/core/components/viewchart/viewchart.component';
-import { ViewChartDonutComponent } from 'app/core/components/viewchartdonut/viewchartdonut.component';
-import { ViewChartPieComponent } from 'app/core/components/viewchartpie/viewchartpie.component';
-import { ViewControlComponent } from 'app/core/components/viewcontrol/viewcontrol.component';
-import { ViewControllerComponent } from 'app/core/components/viewcontroller/viewcontroller.component';
 import { WidgetComponent } from 'app/core/components/widgets/widget/widget.component';
 import { WidgetChartComponent } from 'app/core/components/widgets/widgetchart/widgetchart.component';
 import { WidgetCpuComponent } from 'app/core/components/widgets/widgetcpu/widgetcpu.component';
@@ -34,10 +38,6 @@ import { HtmlTooltipDirective } from './directives/html-tooltip/html-tooltip.dir
 import { TextLimiterTooltipComponent } from './directives/text-limiter/text-limiter-tooltip/text-limiter-tooltip.component';
 import { TextLimiterDirective } from './directives/text-limiter/text-limiter.directive';
 import { ConvertPipe } from './pipes/convert.pipe';
-import { ViewButtonComponent } from './viewbutton/viewbutton.component';
-import { ViewChartBarComponent } from './viewchartbar/viewchartbar.component';
-import { ViewChartGaugeComponent } from './viewchartgauge/viewchartgauge.component';
-import { ViewChartLineComponent } from './viewchartline/viewchartline.component';
 import { WidgetControllerComponent } from './widgets/widgetcontroller/widgetcontroller.component';
 /*
  *

src/app/core/components/page/page.component.ts

 import { Component } from '@angular/core';
+import { CoreServiceInjector } from 'app/core/services/core-service-injector';
 import { CoreService } from 'app/core/services/core.service';
-import { CoreServiceInjector } from 'app/core/services/coreserviceinjector';
 
 @Component({
   selector: 'page',

src/app/core/components/viewbutton/viewbutton.component.ts → src/app/core/components/view-button/view-button.component.ts

 import { Component } from '@angular/core';
-import { ViewControlComponent } from 'app/core/components/viewcontrol/viewcontrol.component';
+import { ViewControlComponent } from 'app/core/components/view-control/view-control.component';
 
 @Component({
   selector: 'viewbutton',
-  templateUrl: './viewbutton.component.html',
+  templateUrl: './view-button.component.html',
 })
 export class ViewButtonComponent extends ViewControlComponent {
   readonly componentName = ViewButtonComponent;

src/app/core/components/viewchartbar/viewchartbar.component.ts → src/app/core/components/view-chart-bar/view-chart-bar.component.ts

@@ -23,8 +23,8 @@ export interface BarDataSource {
 
 @Component({
   selector: 'viewchartbar',
-  templateUrl: './viewchartbar.component.html',
-  styleUrls: ['./viewchartbar.component.scss'],
+  templateUrl: './view-chart-bar.component.html',
+  styleUrls: ['./view-chart-bar.component.scss'],
 })
 export class ViewChartBarComponent implements AfterViewInit, OnChanges {
   title = '';

src/app/core/components/viewchartdonut/viewchartdonut.component.ts → src/app/core/components/view-chart-donut/view-chart-donut.component.ts

 import { Component, OnInit } from '@angular/core';
-import { ViewChartComponent } from 'app/core/components/viewchart/viewchart.component';
+import { ViewChartComponent } from 'app/core/components/view-chart/view-chart.component';
 
 @Component({
   selector: 'viewchartdonut',