add template

2021-12-09 17:24:42 +03:00
parent cf85fcad02
commit 89b1bf58fa
440 changed files with 292236 additions and 9948 deletions
--- a/src/app/demo/view/miscdemo.component.ts
+++ b/src/app/demo/view/miscdemo.component.ts
@@ -0,0 +1,62 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+    templateUrl: './miscdemo.component.html',
+    styles: [`
+		:host ::ng-deep .misc-demo .p-button.p-widget {
+		    min-width: 6rem;
+	    }
+
+		:host ::ng-deep .misc-demo .badges .p-badge {
+		    margin-right: .5rem;
+		}
+
+		:host ::ng-deep .misc-demo .badges .p-tag {
+			margin-right: .5rem;
+		}
+
+        :host ::ng-deep .p-chip.custom-chip {
+            background: var(--primary-color);
+            color: var(--primary-color-text);
+        }
+
+        :host ::ng-deep .custom-scrolltop{
+            width: 2rem;
+            height: 2rem;
+            border-radius: 4px;
+            background-color: var(--primary-color);
+        }
+
+        :host ::ng-deep .custom-scrolltop .p-scrolltop-icon {
+            font-size: 1rem;
+            color: var(--primary-color-text);
+        }
+
+        :host ::ng-deep .custom-scrolltop:hover {
+             background-color: var(--primary-color);
+        }
+
+        :host ::ng-deep  .custom-skeleton {
+            border: 1px solid var(--surface-d);
+            border-borderRadius: 4px;
+        }
+
+        :host ::ng-deep  .custom-skeleton ul {
+            list-style: none;
+        }
+    `]
+})
+export class MiscDemoComponent implements OnInit {
+
+    value = 0;
+
+    ngOnInit() {
+        const interval = setInterval(() => {
+            this.value = this.value + Math.floor(Math.random() * 10) + 1;
+            if (this.value >= 100) {
+                this.value = 100;
+                clearInterval(interval);
+            }
+        }, 2000);
+    }
+}