moved docs to main side

Author: eksrha

.github/workflows/pull-request.yml

@@ -15,6 +15,7 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
+        
       - name: Setup node
         uses: actions/setup-node@v3
         with:

.vscode/settings.json

@@ -20,4 +20,7 @@
   "[yaml]": {
     "editor.defaultFormatter": "redhat.vscode-yaml"
   },
+  "[typescript]": {
+    "editor.defaultFormatter": "vscode.typescript-language-features"
+  },
 }

README.md

@@ -2,7 +2,7 @@
 Components for @angular/material
 
 
-## Usage
+## Installation
 
 add to your local `.npmrc` the following line to be able to use this package:
 ```javascript
@@ -23,7 +23,7 @@ And install it:
 
 Live Demo with all current modules at https://fullstack-devops.github.io/ng-mat-components (still in dev)
 
-Documentation will be done later when the api is fixed.
+Api Documentation: https://fullstack-devops.github.io/libraries/ng-mat-components.
 
 ## Development server
 

angular.json

@@ -66,19 +66,9 @@
               "projects/lib-workspace/src/assets"
             ],
             "styles": [
-              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
-              "projects/lib-workspace/src/styles.scss",
-              "node_modules/prismjs/themes/prism-tomorrow.min.css"
+              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
             ],
-            "scripts": [
-              "node_modules/marked/marked.min.js",
-              "node_modules/prismjs/prism.js",
-              "node_modules/clipboard/dist/clipboard.min.js",
-              "node_modules/prismjs/components/prism-css.min.js",
-              "node_modules/prismjs/components/prism-markup.min.js",
-              "node_modules/prismjs/components/prism-typescript.min.js",
-              "node_modules/prismjs/plugins/command-line/prism-command-line.js"
-            ]
+            "scripts": []
           },
           "configurations": {
             "production": {

package.json

@@ -27,10 +27,7 @@
     "@angular/platform-browser": "~13.3.11",
     "@angular/platform-browser-dynamic": "~13.3.11",
     "@angular/router": "~13.3.11",
-    "clipboard": "^2.0.11",
     "date-fns": "^2.29.3",
-    "ngx-markdown": "13",
-    "prismjs": "^1.29.0",
     "rxjs": "~7.5.6",
     "tslib": "^2.4.0",
     "zone.js": "~0.11.7"

projects/lib-workspace/src/app/app.module.ts

@@ -5,11 +5,9 @@ import { APP_BASE_HREF } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { de } from 'date-fns/locale';
-import { MarkdownModule, MarkedOptions } from 'ngx-markdown';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 
-import { HttpClient, HttpClientModule } from '@angular/common/http';
 import { MAT_DATE_LOCALE } from '@angular/material/core';
 import {
   FsCalendarModule,
@@ -33,23 +31,9 @@ import { ShowcaseUiFrameComponent } from './content/showcase-ui-frame/showcase-u
   imports: [
     FormsModule,
     BrowserModule,
-    HttpClientModule,
     AppRoutingModule,
     BrowserAnimationsModule,
     ReactiveFormsModule,
-    MarkdownModule.forRoot({
-      loader: HttpClient,
-      markedOptions: {
-        provide: MarkedOptions,
-        useValue: {
-          gfm: true,
-          breaks: false,
-          pedantic: false,
-          smartLists: true,
-          smartypants: false,
-        },
-      },
-    }),
     /* Lib modules */
     FsMaterialFullModule,
     FsUiFrameModule,
@@ -70,4 +54,4 @@ import { ShowcaseUiFrameComponent } from './content/showcase-ui-frame/showcase-u
   ],
   bootstrap: [AppComponent],
 })
-export class AppModule {}
+export class AppModule { }

projects/lib-workspace/src/app/content/showcase-calendar-panels/showcase-calendar-panels.component.html

@@ -1,49 +1,33 @@
-<mat-tab-group>
-  <mat-tab label="Api">
-    <markdown clipboard [src]="'assets/docs/calendar/api-panles.md'">
-    </markdown>
-  </mat-tab>
+<div style="display: flex; justify-content: space-around">
+  <mat-slide-toggle [(ngModel)]="placeholder">
+    Days placeholder
+  </mat-slide-toggle>
+</div>
 
-  <mat-tab label="Examples">
-    <div style="display: flex; justify-content: space-around">
-      <mat-slide-toggle [(ngModel)]="placeholder">
-        Days placeholder
-      </mat-slide-toggle>
-    </div>
+<div class="selection">
+  <mat-form-field>
+    <mat-label>Months before</mat-label>
+    <mat-select [(ngModel)]="monthsBefore">
+      <mat-option *ngFor="let num of monthsAfterBefore" [value]="num">{{
+        num
+        }}</mat-option>
+    </mat-select>
+  </mat-form-field>
+  <mat-form-field>
+    <mat-label>Months after</mat-label>
+    <mat-select [(ngModel)]="monthsAfter">
+      <mat-option *ngFor="let num of monthsAfterBefore" [value]="num">{{
+        num
+        }}</mat-option>
+    </mat-select>
+  </mat-form-field>
+  <div>
+    <p>Selected range: {{ range | json }}</p>
+  </div>
+</div>
 
-    <div class="selection">
-      <mat-form-field>
-        <mat-label>Months before</mat-label>
-        <mat-select [(ngModel)]="monthsBefore">
-          <mat-option *ngFor="let num of monthsAfterBefore" [value]="num">{{
-            num
-          }}</mat-option>
-        </mat-select>
-      </mat-form-field>
-      <mat-form-field>
-        <mat-label>Months after</mat-label>
-        <mat-select [(ngModel)]="monthsAfter">
-          <mat-option *ngFor="let num of monthsAfterBefore" [value]="num">{{
-            num
-          }}</mat-option>
-        </mat-select>
-      </mat-form-field>
-      <div>
-        <p>Selected range: {{ range | json }}</p>
-      </div>
-    </div>
-
-    <div style="height: 80%">
-      <fs-calendar-panels
-        [placeholderDay]="placeholder"
-        [dataSource]="dataSource"
-        [year]="todayYear"
-        [month]="todayMonth"
-        [monthsBefore]="monthsBefore"
-        [monthsAfter]="monthsAfter"
-        (selection)="testMethod($event)"
-      >
-      </fs-calendar-panels>
-    </div>
-  </mat-tab>
-</mat-tab-group>
+<div style="height: 80%">
+  <fs-calendar-panels [placeholderDay]="placeholder" [dataSource]="dataSource" [year]="todayYear" [month]="todayMonth"
+    [monthsBefore]="monthsBefore" [monthsAfter]="monthsAfter" (selection)="testMethod($event)">
+  </fs-calendar-panels>
+</div>

projects/lib-workspace/src/app/content/showcase-calendar-table/showcase-calendar-table.component.html

@@ -1,13 +1,5 @@
-<mat-tab-group>
-  <mat-tab label="Api">
-    <markdown [src]="'assets/docs/calendar/api-table.md'"> </markdown>
-  </mat-tab>
-
-  <mat-tab label="Examples">
-    <section class="mat-elevation-z4">
-      <fs-calendar-table [dataSource]="calTableData">
-        <fs-calendar-table-name> Persons </fs-calendar-table-name>
-      </fs-calendar-table>
-    </section>
-  </mat-tab>
-</mat-tab-group>
+<section class="mat-elevation-z4">
+  <fs-calendar-table [dataSource]="calTableData">
+    <fs-calendar-table-name> Persons </fs-calendar-table-name>
+  </fs-calendar-table>
+</section>

projects/lib-workspace/src/app/content/showcase-ui-frame/showcase-ui-frame.component.html

@@ -15,4 +15,3 @@
     ← In the sidenav you can set preregisterd entrys
   </p>
 </div>
-<markdown [src]="'assets/docs/ui-frame/api.md'"> </markdown>