...

Author: eksrha

.github/workflows/release.yml

@@ -22,9 +22,8 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
-      - name: Setup awesome-ci
-        uses: fullstack-devops/awesome-ci-action@main
-      - name: Setup node
+
+      - name: Setup node for GitHub
         uses: actions/setup-node@v3
         with:
           node-version: "16.x"
@@ -36,18 +35,29 @@ jobs:
       - name: build applikation
         run: yarn run build
 
-      # - name: set publish config
-      #   shell: bash
-      #   run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.GITHUB_TOKEN }}
-
-      - name: npm publish
+      - name: npm publish to GitHub
         working-directory: dist/ng-mat-components
         run: |
           npm version ${{ needs.create_release.outputs.version }}
           npm publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
+      - name: Setup node for npmjs
+        uses: actions/setup-node@v3
+        with:
+          node-version: "16.x"
+          registry-url: "https://registry.npmjs.org"
+          scope: "@fullstack-devops"
+
+
+      - name: npm publish to npmjs
+        working-directory: dist/ng-mat-components
+        run: |
+          npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_ACCESS_TOKEN }}
+
       - name: Publish release
         run: awesome-ci release publish -releaseid "${{ needs.create_release.outputs.releaseid }}"
         env:

.vscode/settings.json

@@ -13,17 +13,11 @@
   },
   "javascript.updateImportsOnFileMove.enabled": "always",
   "typescript.updateImportsOnFileMove.enabled": "always",
-  "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.organizeImports": true
-    }
-  },
   "angular.enable-strict-mode-prompt": false,
   "files.associations": {
     ".env*": "shell"
   },
-  "[html]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
+  "[yaml]": {
+    "editor.defaultFormatter": "redhat.vscode-yaml"
+  },
 }

projects/lib-workspace/src/app/app.component.html

@@ -1,9 +1,4 @@
-<fs-ui-frame
-  [frameConfig]="frameConfig"
-  [navUser]="navUser"
-  [appRoutes]="appRoutes"
-  (event)="onEvent($event)"
->
+<fs-ui-frame [frameConfig]="frameConfig" [navUser]="navUser" [appRoutes]="appRoutes" (event)="onEvent($event)">
   <fs-ui-frame-toolbar>
     <fs-ui-frame-toolbar-title>Current App Title</fs-ui-frame-toolbar-title>
 

projects/lib-workspace/src/assets/docs/calendar/api-panles.md

@@ -1,10 +1,10 @@
-## installation
+# API reference for Calendar Panels
 
 ```javascript
 import { FsCalendarModule } from "@fullstack-devops/ng-mat-components";
 ```
 
-## html
+## HTML
 
 ```html
 <div style="height: 80%">
@@ -21,7 +21,7 @@ import { FsCalendarModule } from "@fullstack-devops/ng-mat-components";
 </div>
 ```
 
-## ts
+## TS
 
 ```typescript
 // ...

projects/lib-workspace/src/assets/docs/calendar/api-table.md

@@ -4,7 +4,7 @@
 import { FsCalendarModule } from "@fullstack-devops/ng-mat-components";
 ```
 
-## Html
+## HTML
 
 ```html
 <section class="mat-elevation-z4">
@@ -14,7 +14,7 @@ import { FsCalendarModule } from "@fullstack-devops/ng-mat-components";
 </section>
 ```
 
-## Ts
+## TS
 
 ```typescript
 // ...

projects/ng-mat-components/_theming.scss

@@ -5,6 +5,7 @@
 @mixin theme($theme) {
   // Extract whichever individual palettes you need from the theme.
   $primary: map-get($theme, primary);
+  $primaryContrast: map-get($primary, contrast);
   $accent: map-get($theme, accent);
   // Gets the standard material maps of fore/background
   $background: map-get($theme, "background");
@@ -134,10 +135,10 @@
   .fs-calendar-table .box-base {
     background-color: mat-color($foreground, "divider");
   }
-  .date-today {
-    background-color: mat-color($primary, "default");
+  .fs-calendar-table .date-today {
+    background-color: mat-color($primary, "main") !important;
     border-radius: 4px;
-    color: mat-color($primary, "secondary-text");
+    color: mat-color($primaryContrast, "main") !important;
   }
 }
 

projects/ng-mat-components/src/lib/fs-calendar/_theming.scss

@@ -11,12 +11,12 @@
   $foreground: map-get($theme, "foreground");
 
   // Use mat-color to extract individual colors from a palette as necessary.
-  .svg-icon svg {
+  /*   .svg-icon svg {
     fill: mat-color($foreground, "text");
   }
 
   .date-today {
     background-color: mat-color($primary, "lighter");
     border-radius: 4px;
-  }
+  } */
 }

projects/ng-mat-components/src/lib/fs-calendar/calendar-table/fs-calendar-table.component.html

@@ -1,45 +1,24 @@
 <table *ngIf="!isLoading">
   <thead role="rowgroup">
     <tr>
-      <th><ng-content select="fs-calendar-table-name"></ng-content></th>
       <th>
-        <button
-          mat-icon-button
-          class="fs-calendar-switches"
-          (click)="onMonthBackward()"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 24 24"
-            width="24px"
-            height="24px"
-          >
+        <ng-content select="fs-calendar-table-name"></ng-content>
+      </th>
+      <th>
+        <button mat-icon-button class="fs-calendar-switches" (click)="onMonthBackward()">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px">
             <path d="M0 0h24v24H0V0z" fill="none" />
-            <path
-              d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
-            />
+            <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z" />
           </svg>
         </button>
       </th>
-      <th
-        *ngFor="let day of currentMonth.days"
-        [class.date-today]="isToday(day.date)"
-      >
+      <th *ngFor="let day of currentMonth.days" [class.date-today]="isToday(day.date)">
         {{ day._meta?.dayNumber }} <br />
         {{ day.date | date: "EEEEEE" }}
       </th>
       <th>
-        <button
-          mat-icon-button
-          class="fs-calendar-switches"
-          (click)="onMonthForward()"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 24 24"
-            width="24px"
-            height="24px"
-          >
+        <button mat-icon-button class="fs-calendar-switches" (click)="onMonthForward()">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px">
             <path d="M0 0h24v24H0V0z" fill="none" />
             <path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" />
           </svg>
@@ -53,11 +32,8 @@
       <td colspan="2">{{ entry.name }}</td>
       <td *ngFor="let day of entry.data" [class.tooltip]="day.toolTip">
         <span class="tooltiptext" *ngIf="day.toolTip">{{ day.toolTip }}</span>
-        <div
-          class="box box-base"
-          [style.backgroundColor]="day.colors?.backgroundColor"
-          [style.color]="day.colors?.color"
-        >
+        <div class="box box-base" [style.backgroundColor]="day.colors?.backgroundColor"
+          [style.color]="day.colors?.color">
           {{ day.char }}
         </div>
       </td>

projects/ng-mat-components/src/lib/fs-calendar/calendar-table/fs-calendar-table.component.ts

@@ -60,6 +60,11 @@ export class FsCalendarTableComponent implements OnInit {
   }
 
   genMonthData() {
+    this.currentMonth = this.calendarService.generateMonth(
+      this._yearNumber,
+      this._monthNumber,
+      []
+    );
     this._dataSource.forEach((item: CalendarTableEntry, index: number) => {
       this.tableData.splice(index, 1, {
         name: item.name,