@gravitee/ui-schematics 12.4.1 → 12.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravitee/ui-schematics",
3
- "version": "12.4.1",
3
+ "version": "12.5.0",
4
4
  "description": "Gravitee.io - UI Schematics",
5
5
  "repository": {
6
6
  "type": "git",
@@ -18,11 +18,10 @@
18
18
  <% if (isEmptyState) {%>
19
19
  <mat-card class="<%= dasherize(name) %>">
20
20
  <mat-card-header>
21
- <div class="<%= dasherize(name) %>__header">
22
- <div class="<%= dasherize(name) %>__header__titles">
23
- <mat-card-title>Hello <%= name %> !</mat-card-title>
24
- <mat-card-subtitle>Add a description here</mat-card-subtitle>
25
- </div>
21
+ <mat-card-title>Hello <%= name %> !</mat-card-title>
22
+ <mat-card-subtitle>Add a description here</mat-card-subtitle>
23
+ <div class="<%= dasherize(name) %>__headerRightBtn">
24
+ <button mat-button>Right button</button>
26
25
  </div>
27
26
  </mat-card-header>
28
27
  <mat-card-content>
@@ -36,11 +35,10 @@
36
35
  <% } else { %>
37
36
  <mat-card>
38
37
  <mat-card-header>
39
- <div class="<%= dasherize(name) %>__header">
40
- <div class="<%= dasherize(name) %>__header__titles">
41
- <mat-card-title>Hello <%= name %> !</mat-card-title>
42
- <mat-card-subtitle>Add a description here</mat-card-subtitle>
43
- </div>
38
+ <mat-card-title>Hello <%= name %> !</mat-card-title>
39
+ <mat-card-subtitle>Add a description here</mat-card-subtitle>
40
+ <div class="<%= dasherize(name) %>__headerRightBtn">
41
+ <button mat-button>Right button</button>
44
42
  </div>
45
43
  </mat-card-header>
46
44
  <mat-card-content>
@@ -14,11 +14,7 @@
14
14
  * limitations under the License.
15
15
  */
16
16
  .<%= dasherize(name) %> {
17
- &__header {
18
- display: flex;
19
- width: 100%;
20
- align-items: center;
21
- justify-content: space-between;
22
- margin-bottom: 20px;
17
+ &__headerRightBtn {
18
+ margin-left: auto;
23
19
  }
24
20
  }
@@ -38,5 +38,6 @@ describe('<%= classify(name) %>Component', () => {
38
38
 
39
39
  it('should create', () => {
40
40
  expect(component).toBeTruthy();
41
+ expect(componentHarness).toBeTruthy();
41
42
  });
42
43
  });
@@ -16,13 +16,14 @@
16
16
  import { CommonModule } from '@angular/common';
17
17
  import { Component } from '@angular/core';
18
18
  import { MatCardModule } from '@angular/material/card';
19
+ import { MatButtonModule } from '@angular/material/button';
19
20
  <% if (isEmptyState) {%>import { GioCardEmptyStateModule, GioIconsModule } from '@gravitee/ui-particles-angular';<% } %>
20
21
 
21
22
  @Component({
22
23
  selector: '<%= dasherize(name) %>',
23
24
  templateUrl: './<%= dasherize(name) %>.component.html',
24
25
  styleUrls: ['./<%= dasherize(name) %>.component.scss'],
25
- imports: [CommonModule,<% if (isEmptyState) {%> GioCardEmptyStateModule, GioIconsModule,<% } %> MatCardModule],
26
+ imports: [CommonModule,<% if (isEmptyState) {%> GioCardEmptyStateModule, GioIconsModule,<% } %> MatCardModule, MatButtonModule],
26
27
  standalone: true,
27
28
  })
28
29
  export class <%= classify(name) %>Component {}
@@ -17,12 +17,8 @@
17
17
  -->
18
18
  <mat-card class="<%= dasherize(name) %>">
19
19
  <mat-card-header>
20
- <div class="<%= dasherize(name) %>__header">
21
- <div class="<%= dasherize(name) %>__header__titles">
22
- <mat-card-title>Hello <%= name %> !</mat-card-title>
23
- <mat-card-subtitle>Add a description here</mat-card-subtitle>
24
- </div>
25
- </div>
20
+ <mat-card-title>Hello <%= name %> !</mat-card-title>
21
+ <mat-card-subtitle>Add a description here</mat-card-subtitle>
26
22
  </mat-card-header>
27
23
  <mat-card-content>
28
24
  <form *ngIf="<%= camelize(name) %>Form" [formGroup]="<%= camelize(name) %>Form">
@@ -14,11 +14,4 @@
14
14
  * limitations under the License.
15
15
  */
16
16
  .<%= dasherize(name) %> {
17
- &__header {
18
- display: flex;
19
- width: 100%;
20
- align-items: center;
21
- justify-content: space-between;
22
- margin-bottom: 20px;
23
- }
24
17
  }