fix(console): migrate from tslint to eslint, project delete from table (zitadel#2490)

* es lint

* modify tsconfig, auto lint some stuff

* lint

* lint

* lint

* lint

* html ts lint

* lint

* lint, tsconfig

* fix project delete, state table

* eslint config, remove cnslHint directive

* mfa selector, info row fixes

* lint

* fix login policy, granted orgs table state, lint

Co-authored-by: Florian Forster <[email protected]>

Author: peintnermax

console/.eslintrc.json

@@ -0,0 +1,53 @@
+{
+  "root": true,
+  "ignorePatterns": [
+    "projects/**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "project": [
+          "tsconfig.json",
+          "e2e/tsconfig.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/no-conflicting-lifecycle": "off",
+        "@angular-eslint/no-host-metadata-property": "off",
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "prefix": "cnsl",
+            "style": "kebab-case",
+            "type": "element"
+          }
+        ],
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "prefix": "cnsl",
+            "style": "camelCase",
+            "type": "attribute"
+          }
+        ]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/recommended"
+      ],
+      "rules": {}
+    }
+  ]
+}

console/angular.json

@@ -28,19 +28,19 @@
               "src/manifest.webmanifest"
             ],
             "styles": [
-              "src/styles.scss"  
+              "src/styles.scss"
             ],
             "scripts": [
               "./node_modules/tinycolor2/dist/tinycolor-min.js"
             ],
             "allowedCommonJsDependencies": [
-                "@angular/common/locales/de",
-                "src/app/proto/generated/zitadel/admin_pb",
-                "src/app/proto/generated/zitadel/management_pb",
-                "src/app/proto/generated/**",
-                "file-saver",
-                "qrcode"
-             ],
+              "@angular/common/locales/de",
+              "src/app/proto/generated/zitadel/admin_pb",
+              "src/app/proto/generated/zitadel/management_pb",
+              "src/app/proto/generated/**",
+              "file-saver",
+              "qrcode"
+            ],
             "vendorChunk": true,
             "extractLicenses": false,
             "buildOptimizer": false,
@@ -84,8 +84,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "4mb",
-                  "maximumError": "5mb"
+                  "maximumWarning": "5mb",
+                  "maximumError": "6mb"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -102,8 +102,7 @@
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-          },
+          "options": {},
           "configurations": {
             "production": {
               "browserTarget": "console:build:production"
@@ -142,15 +141,11 @@
           }
         },
         "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
+          "builder": "@angular-eslint/builder:lint",
           "options": {
-            "tsConfig": [
-              "tsconfig.app.json",
-              "tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**",
-              "**/proto/generated/**"
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
             ]
           }
         },
@@ -174,6 +169,7 @@
   },
   "defaultProject": "console",
   "cli": {
-    "analytics": "2b4e8e6c-f053-4562-b7a6-00c6c06a6791"
+    "analytics": "2b4e8e6c-f053-4562-b7a6-00c6c06a6791",
+    "defaultCollection": "@angular-eslint/schematics"
   }
-}
+}

console/e2e/src/app.po.ts

@@ -6,6 +6,6 @@ export class AppPage {
   }
 
   getTitleText() {
-    return element(by.css('app-root .content span')).getText() as Promise<string>;
+    return element(by.css('cnsl-root .content span')).getText() as Promise<string>;
   }
 }