feat: add role filter and improve detail layout (#280)

* feat: added role filter * feat: extend permission tools * feat: code cleanup * feat: tuning layout, correct ids * feat: reorg tests in app detail * feat: tests in app detail * feat: translations * feat: tests in remote * feat: code smells * feat: layout tuning in remote * feat: layout tuning in remote
onecx · Nov 21, 2024 · c76f399 · c76f399
1 parent d4f9ff3
commit c76f399
Show file tree

Hide file tree

Showing 12 changed files with 647 additions and 520 deletions.
diff --git a/karma.conf.js b/karma.conf.js
@@ -1,9 +1,10 @@
 // Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
+// https://karma-runner.github.io/6.4/config/configuration-file.html
+// process.env.CHROME_BIN = require('puppeteer').executablePath()
 
 module.exports = function (config) {
   config.set({
-    basePath: '.',
+    basePath: '',
     logLevel: config.LOG_INFO,
     frameworks: ['jasmine', '@angular-devkit/build-angular'],
     plugins: [
@@ -14,18 +15,34 @@ module.exports = function (config) {
       require('karma-sonarqube-unit-reporter'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
+    port: 9876,
+    colors: true,
+    autoWatch: true,
+    singleRun: false,
+    restartOnFileChange: true,
+    browserConsoleLogOptions: { level: 'debug', format: '%b %T: %m', terminal: true },
+    // export CHROME_BIN=<path to binary>
+    browsers: ['Chrome'],
+    customLaunchers: {
+      Chrome: { base: 'ChromeHeadless', flags: ['--no-sandbox', '--disable-web-security'] }
+    },
     client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-        random: false
-      },
+      // https://jasmine.github.io/api/edge/Configuration.html
+      jasmine: { random: false },
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
+    reporters: ['progress', 'kjhtml', 'coverage', 'sonarqubeUnit'],
+    preprocessors: { 'src/**/*.js': ['coverage'] },
     jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
+      suppressAll: true // remove duplicated traces
+    },
+    sonarqubeReporter: {
+      basePath: 'src/app', // test files folder
+      filePattern: '**/*.spec.ts', // test files glob pattern
+      encoding: 'utf-8', // test files encoding
+      outputFolder: 'sonar', // report destination
+      legacyMode: false, // report for Sonarqube < 6.2 (disabled)
+      reportName: 'sonarqube_report.xml'
     },
     sonarQubeUnitReporter: {
       sonarQubeVersion: 'LATEST',
@@ -39,20 +56,6 @@ module.exports = function (config) {
       dir: 'reports',
       subdir: 'coverage', // common name instaed browser-specific
       reporters: [{ type: 'text-summary' }, { type: 'lcov' }]
-    },
-    reporters: ['progress', 'kjhtml', 'coverage', 'sonarqubeUnit'],
-    preprocessors: { 'src/**/*.js': ['coverage'] },
-    port: 9876,
-    colors: true,
-    autoWatch: true,
-    singleRun: false,
-    restartOnFileChange: true,
-    browsers: ['HeadlessChrome'],
-    customLaunchers: {
-      HeadlessChrome: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox']
-      }
     }
   })
 }
diff --git a/src/app/permission/app-detail/app-detail.component.html b/src/app/permission/app-detail/app-detail.component.html
diff --git a/src/app/permission/app-detail/app-detail.component.scss b/src/app/permission/app-detail/app-detail.component.scss
@@ -15,18 +15,20 @@
   .word-break-all {
     word-break: break-all;
   }
-  .p-datatable .p-datatable-header {
-    padding-left: 0;
-    padding-right: 0;
-    border: unset;
+  .p-datatable {
+    .p-datatable-wrapper {
+      margin-top: 0.5rem;
+    }
+    .p-datatable-thead > tr:first-of-type > th {
+      border-bottom: unset;
+    }
   }
   .button-letter-icon {
     padding: 1px 4px !important;
   }
   .border-right-primary {
     border-right-color: var(--primary-color) !important;
-    border-right-width: 4px !important;
-    border-right-style: double !important;
+    border-right-width: 2px !important;
   }
   .border-bottom-primary {
     border-bottom-color: var(--primary-color) !important;