First cta is always primary in card

kolzchut · Oct 15, 2023 · 2a58f20 · 2a58f20
1 parent 6bd5e4c
commit 2a58f20
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 9 deletions.
diff --git a/projects/srm/src/app/card-action-nav/card-action-nav.component.less b/projects/srm/src/app/card-action-nav/card-action-nav.component.less
@@ -1,5 +1,5 @@
 :host {
-    &:not(.active) { display: none; }
+    &:not(.visible) { display: none; }
     app-card-action {
         width: 100%;
     }

diff --git a/projects/srm/src/app/card-action-nav/card-action-nav.component.ts b/projects/srm/src/app/card-action-nav/card-action-nav.component.ts
@@ -6,7 +6,7 @@ import { Card } from '../consts';
   templateUrl: './card-action-nav.component.html',
   styleUrls: ['./card-action-nav.component.less'],
   host: {
-    '[class.active]': 'active',
+    '[class.visible]': 'active',
   }
 })
 export class CardActionNavComponent implements OnChanges {

diff --git a/projects/srm/src/app/card-action-phone/card-action-phone.component.html b/projects/srm/src/app/card-action-phone/card-action-phone.component.html
@@ -1 +1 @@
-<app-card-action kind='phone' [card]='card' [display]='display' [action]='action' [primary]='true' [compact]='compact' [label]='"ביצוע שיחת טלפון ל" + orgname + " במספר " + display'></app-card-action>
+<app-card-action kind='phone' [card]='card' [display]='display' [action]='action' [compact]='compact' [label]='"ביצוע שיחת טלפון ל" + orgname + " במספר " + display'></app-card-action>
diff --git a/projects/srm/src/app/card-action-url/card-action-url.component.less b/projects/srm/src/app/card-action-url/card-action-url.component.less
@@ -1,5 +1,5 @@
 :host {
-    &:not(.active) { display: none; }
+    &:not(.visible) { display: none; }
     app-card-action {
         width: 100%;
     }

diff --git a/projects/srm/src/app/card-action-url/card-action-url.component.ts b/projects/srm/src/app/card-action-url/card-action-url.component.ts
@@ -6,7 +6,7 @@ import { Card } from '../consts';
   templateUrl: './card-action-url.component.html',
   styleUrls: ['./card-action-url.component.less'],
   host: {
-    '[class.active]': 'active',
+    '[class.visible]': 'active',
   }
 })
 export class CardActionUrlComponent implements OnChanges {

diff --git a/projects/srm/src/app/quick-actions/quick-actions.component.ts b/projects/srm/src/app/quick-actions/quick-actions.component.ts
@@ -1,18 +1,21 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, Input, OnInit } from '@angular/core';
 import { Card } from '../consts';
 
 @Component({
   selector: 'app-quick-actions',
   templateUrl: './quick-actions.component.html',
   styleUrls: ['./quick-actions.component.less']
 })
-export class QuickActionsComponent implements OnInit {
+export class QuickActionsComponent implements AfterViewInit {
 
   @Input() card: Card;
 
-  constructor() { }
+  constructor(private el: ElementRef) { }
+
+  ngAfterViewInit(): void {
+    const first = this.el.nativeElement.querySelector('.visible app-card-action a') as HTMLElement;
+    first.classList.add('primary');
 
-  ngOnInit(): void {
   }
 
 }