devops-example-org · glyad · Mar 14, 2023 · Mar 6, 2023 · Mar 6, 2023 · Mar 6, 2023
@@ -8,12 +8,12 @@ on:
   push:
     branches:
       - main
-      - dev
+      - develop
       - feature/*
   pull_request:
     branches: 
       - main
-      - dev
+      - develop
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:

@@ -1,10 +1,10 @@
 name: CodeQL
 
 on:
-  push:
-    branches: [develop,feature/*]
-  pull_request:
-    branches: [develop,feature/*]
+  # push:
+    # branches: [develop,feature/*]
+  # pull_request:
+  #  branches: [develop,feature/*]
   schedule:
     #        ┌───────────── minute (0 - 59)
     #        │  ┌───────────── hour (0 - 23)

@@ -120,4 +120,5 @@ dist
 .turbo
 .pnp.cjs
 
-coverage-jest
+coverage-jest
+**/*.mp4
@@ -3,4 +3,4 @@
 
 yarn run e2e
 
-# yarn run cy
+yarn run cy
@@ -8,5 +8,17 @@
   ],
   "devskim.ignoreRulesList": [
     "DS137138"
-  ]
+  ],
+  "gitlens.autolinks": [
+
+    {
+      "prefix": "issue: #",
+      "url": "https://github.com/devops-example-org/frontend/issues/<num>"
+    },
+    {
+      "prefix": "pr: #",
+      "url": "https://github.com/devops-example-org/frontend/pull/<num>"
+    }
+  ],
+  "cmake.configureOnOpen": false
 }
@@ -6,8 +6,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <base href="<%- htmlWebpackPlugin.options.metadata.baseUrl %>">
     <link rel="icon" href="favicon.ico">
-    <link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.2.0/fabric.components.min.css">
-    <link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.min.css" />
     <!-- imported CSS are concatenated and added automatically -->
   </head>
   <body aurelia-app="main"  class="ms-Fabric">

@@ -8,12 +8,12 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@playwright/test": "^1.31.1",
+    "@playwright/test": "^1.31.2",
     "@types/jest": "^29.4.0",
-    "@types/node": "^18.14.1",
+    "@types/node": "^18.14.6",
     "@types/webpack": "^5.28.0",
-    "@typescript-eslint/eslint-plugin": "^5.53.0",
-    "@typescript-eslint/parser": "^5.53.0",
+    "@typescript-eslint/eslint-plugin": "^5.54.1",
+    "@typescript-eslint/parser": "^5.54.1",
     "app-settings-loader": "^2.0.8",
     "aurelia-cli": "^3.0.1",
     "aurelia-loader-nodejs": "^1.1.0",
@@ -26,14 +26,14 @@
     "css-loader": "^6.7.3",
     "cssnano": "^5.1.15",
     "duplicate-package-checker-webpack-plugin": "^3.0.0",
-    "eslint": "^8.34.0",
+    "eslint": "^8.35.0",
     "expose-loader": "^4.0.0",
     "gulp": "^4.0.2",
     "gulp-eslint": "^6.0.0",
     "html-loader": "^4.2.0",
     "html-webpack-plugin": "^5.5.0",
-    "jest": "^29.4.3",
-    "jest-cli": "^29.4.3",
+    "jest": "^29.5.0",
+    "jest-cli": "^29.5.0",
     "jest-transform-stub": "^2.0.0",
     "json-loader": "^0.5.7",
     "mini-css-extract-plugin": "^2.7.2",

@@ -99,8 +99,8 @@ const config: PlaywrightTestConfig = {
 
   /* Run your local dev server before starting the tests */
   webServer: {
-    command: 'npm start',
-    port: 8080,
+    command: 'webpack serve --port 8081',
+    port: 8081,
   },
 };
 

@@ -1,6 +1,8 @@
 <template>
   <require from="office-ui-fabric-core/src/documentation/sass/docs.scss"></require>
   <require from="office-ui-fabric-core/src/sass/Fabric.scss"></require>
+  <require from="./resources/fabric.components.css"></require>
+  <require from="./app.scss"></require>
 
   <h1>${message}</h1>
 
@@ -15,50 +17,18 @@ <h1>${message}</h1>
     <div class="docs-Page has-leftNav">
       <div class="docs-Page-leftNav">
         <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page">
-          <div class="LeftNav-item">
-            <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
-              href="/Typography">Typography</a>
-          </div>
-          <div class="LeftNav-item">
-            <a class="Color LeftNav-link LeftNav-link--active ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
-              href="/Color">Color</a>
-          </div>
-          <div class="LeftNav-item">
-            <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
-              href="/Icons">Icons</a>
-          </div>
-          <div class="LeftNav-item">
-            <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
-              href="/BrandIcons">BrandIcons</a>
-          </div>
-          <div class="LeftNav-item">
-            <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
-              href="/Animations">Animations</a>
-          </div>
-          <div class="LeftNav-item">
-            <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
-              href="/Responsive-Grid">Responsive Grid</a>
-          </div>
-          <div class="LeftNav-item">
-            <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
-              href="/Localization">Localization</a>
-          </div>
-          <div class="LeftNav-item">
-            <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
-              href="/Scoping">Scoping</a>
+
+          <div class="LeftNav-item" repeat.for="row of router.navigation">
+            <a class="LeftNav-link ${row.isActive ? 'LeftNav-link--active' : ''} ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
+               href.bind="row.href">${row.title}</a>
           </div>
+
         </div>
       </div>
-      <h1>Get Started</h1>
-      <h2 id="quick-start">Quick start</h2>
-
-      <input type="text" data-testid="name-input" value.bind="message">
-
-      <hello-world message.two-way="message"></hello-world>
 
-      <name-tag greeting="Hola, " name.bind="message"></name-tag>
+      <router-view></router-view>
 
-      <my-app></my-app>
+
     </div>
   </div>
 

@@ -0,0 +1,51 @@
+.ms-Stack {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  width: auto;
+  height: auto;
+  box-sizing: border-box;
+  background-color: rgb(255, 255, 255);
+  color: rgb(50, 49, 48);
+}
+
+.ms-FocusZone {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    width: auto;
+    height: auto;
+    box-sizing: border-box;
+    background-color: rgb(255, 255, 255);
+    color: rgb(50, 49, 48);
+}
+
+.ms-OverflowSet {
+  position: relative;
+  display: flex;
+  flex-wrap: nowrap;
+  flex-grow: 1;
+  align-items: stretch;
+}
+
+ms-OverflowSetVertical {
+  flex-direction: column;
+}
+
+.ms-OverflowSet-item, .ms-OverflowSet-overflowButton {
+  flex-shrink: 0;
+  display: inherit;
+}
+
+.ms-Button--commandBar{ 
+  min-width: 40px;
+  background-color: white;
+  color: rgb(50, 49, 48);
+  padding: 0 4px;
+  border: none;  
+}
+
+.ms-Button--commandBar:focus {
+  inset: 2;
+  border-color: transparent;
+}
@@ -1,3 +1,19 @@
+import { PLATFORM } from 'aurelia-framework';
+import {Router, RouterConfiguration} from 'aurelia-router';
+
 export class App {
+
+  private router: Router;
+
   public message: string;
+
+  configureRouter(config: RouterConfiguration, router: Router){
+    config.title = 'Contacts';
+    config.map([
+      { route: ['', 'home'],          moduleId: PLATFORM.moduleName('routes/home/index'),     name: 'home',    nav: true,   title: 'Home' },
+      { route: '/app-module-one',  moduleId: PLATFORM.moduleName('routes/app-module-one/index'), name:'app-module-one', nav: true,   title: 'The App Module #1' }
+    ]);
+
+    this.router = router;
+  }
 }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,4 +3,4 @@

		yarn run e2e

		# yarn run cy
		yarn run cy