Blame - src/app/k8s/k8s-info/K8sInfoComponent.html - osm/NG-UI

SANDHYA.JS

92379ec

2025-06-13 17:29:35 +0530

[diff] [blame^]

<!--

Licensed under the Apache License, Version 2.0 (the 'License');

5

you may not use this file except in compliance with the License.

6

You may obtain a copy of the License at

7

8

http://www.apache.org/licenses/LICENSE-2.0

9

10

Unless required by applicable law or agreed to in writing, software

11

distributed under the License is distributed on an "AS IS" BASIS,

12

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

13

See the License for the specific language governing permissions and

14

limitations under the License.

15

16

Author: SANDHYA JS (sandhya.j@tataelxsi.co.in)

-->

<div class="d-flex align-items-center header-style">{{clusterName}}</div>

</div>

</div>

<button type="button" class="btn btn-block border-0 bg-light collapse text-dark"

25

[ngClass]="{'active': activeButton === 1}" (click)="setActiveButton(1)">

26

<span class="circle">{{(node_count)?node_count:0}}</span>

27

<p>{{'PAGE.K8S.NODE' | translate}}</p>

28

</button>

29

<button type="button" class="btn btn-block border-0 bg-light collapse text-dark"

30

[ngClass]="{'active': activeButton === 2}" (click)="setActiveButton(2)">

31

<span class="circle">{{(ksu_count)?ksu_count:0}}</span>

32

<p>{{'PAGE.K8S.KSU' | translate}}</p>

</button>

</div>

<button class="btn btn-primary mb-2 me-2" type="button" placement="top" container="body"

39

ngbTooltip="{{'Add KSU' | translate}}" (click)="addK8sCluster('card_ksu')">

40

<i class="fas fa-plus-circle" aria-hidden="true"></i>  {{'PAGE.K8S.ADDKSU' | translate}}

</button>

</span>

<ng-container *ngIf="item?.package_name.length > 1; else singleCard">

46

<ngb-carousel class="card-carousel" [interval]="0" wrap="true">

47

<ng-template ngbSlide *ngFor="let pkg of item?.package_name; let i = index">

<span>

<i *ngIf="item.state === 'READY'" class="fas fa-check-circle text-success"

53

data-bs-toggle="tooltip" title="READY"></i>

54

<i *ngIf="item.state.startsWith('IN_PROGRESS')"

55

class="fas fa-spinner text-warning" data-bs-toggle="tooltip"

56

title="{{ item.state }}"></i>

57

<i *ngIf="item.state === 'ERROR'" class="fas fa-times-circle text-danger"

58

data-bs-toggle="tooltip" title="ERROR"></i>

</span>

</div>

<span class="label1">{{ 'PAGE.K8S.DESCRIPTION' | translate }}:</span>

64

65

<span class="short-description"

66

(mouseenter)="showPopover($event, item.description)"

67

(mouseleave)="hidePopover()">

68

69

</span>

70

<span class="popover-description" #popover

71

*ngIf="isPopoverVisible && item?.description.length > 15">{{

72

popoverText }}</span>

</span>

</p>

<hr>

<span class="label">{{ 'PAGE.K8S.PACKAGENAME' | translate }}:</span>

78

<span class="value">{{ item?.package_name[i] }}</span>

79

</p>

80

81

<span class="label">{{ 'PAGE.K8S.PACKAGEPATH' | translate }}:</span>

82

<span class="value">{{ item?.package_path[i] }}</span>

83

</p>

84

85

<span class="label">{{'MODIFIED' | translate }}:</span>

86

<span class="value">{{ item.modified }}</span>

</p>

</div>

<button type="button" class="btn btn-primary"

92

(click)='onView(item.identifier, 2)' placement="top" container="body"

93

ngbTooltip="{{'VIEW' | translate}}">

</button>

</div>

</div>

</div>

</ng-template>

</ngb-carousel>

</ng-container>

<ng-template #singleCard>

<span>

<i *ngIf="item.state === 'READY'" class="fas fa-check-circle text-success"

108

data-bs-toggle="tooltip" title="READY"></i>

109

<i *ngIf="item.state.startsWith('IN_PROGRESS')" class="fas fa-spinner text-warning"

110

data-bs-toggle="tooltip" title="{{ item.state }}"></i>

111

<i *ngIf="item.state === 'ERROR'" class="fas fa-times-circle text-danger"

112

data-bs-toggle="tooltip" title="ERROR"></i>

</span>

</div>

<span class="label1">{{ 'PAGE.K8S.DESCRIPTION' | translate}}:</span>

118

119

<span class="short-description" (mouseenter)="showPopover($event, item.description)"

120

(mouseleave)="hidePopover()">

121

122

</span>

123

<span class="popover-description" #popover *ngIf="isPopoverVisible">{{

124

popoverText }}</span>

</span>

</p>

<hr>

<span class="label">{{ 'PAGE.K8S.PACKAGENAME' | translate }}:</span>

130

<span class="value">{{ item?.package_name[0] }}</span>

131

</p>

132

133

<span class="label">{{ 'PAGE.K8S.PACKAGEPATH' | translate }}:</span>

134

<span class="value">{{ item?.package_path[0] }}</span>

135

</p>

136

137

<span class="label">{{ 'MODIFIED' | translate }}:</span>

138

<span class="value">{{ item.modified }}</span>

</p>

</div>

<button type="button" class="btn btn-primary" (click)='onView(item.identifier, 2)'

144

placement="top" container="body" ngbTooltip="{{'VIEW' | translate}}">

</button>

</div>

</div>

</div>

</ng-template>

</div>

</div>

<ng-template #noData>

</div>

</ng-template>

</div>

</div>

<button class="btn btn-primary mb-2 me-2" type="button" placement="top" container="body"

164

ngbTooltip="{{'Add Node' | translate}}" (click)="addK8sCluster('card_node')">

165

<i class="fas fa-plus-circle" aria-hidden="true"></i>  {{ 'PAGE.K8S.ADDNODE' | translate}}

</button>

</span>

<span class="badge px-2" [ngClass]="{

174

'bg-danger text-white': item.state === 'ERROR',

175

'bg-success text-white': item.state === 'READY',

176

'bg-warning text-white': ['IN_PROGRESS', 'IN_PROGRESS.GIT_SYNCED',

177

'IN_PROGRESS.KUSTOMIZATION_READY',

178

'IN_PROGRESS.KUSTOMIZATION_DELETED'].includes(item.state)}">

</span>

<span>

<i *ngIf="item.state === 'READY'" class="fas fa-check-circle text-success"

183

data-bs-toggle="tooltip" title="READY"></i>

184

<i *ngIf="item.state.includes('IN_PROGRESS')" class="fas fa-spinner text-warning"

185

data-bs-toggle="tooltip" [title]="item.state"></i>

186

<i *ngIf="item.state === 'ERROR'" class="fas fa-times-circle text-danger"

187

data-bs-toggle="tooltip" title="ERROR"></i>

</span>

</div>

<span class="label1">{{ 'PAGE.K8S.DESCRIPTION' | translate }}:</span>

193

194

<span class="short-description" (mouseenter)="showPopover($event, item.description)"

195

(mouseleave)="hidePopover()">

196

197

</span>

198

<span class="popover-description" #popover

199

*ngIf="isPopoverVisible && item?.description.length > 15">{{ popoverText

}}</span>

</span>

</p>

<hr>

<p class="label-value-pair"><span class="label">{{ 'PAGE.K8S.NODESIZE' | translate }}:</span>

205

<span class="value">{{

206

item.nodeSize }}</span>

207

</p>

208

<p class="label-value-pair"><span class="label">{{ 'PAGE.K8S.NODECOUNT' | translate }}:</span>

209

<span class="value">{{ item.nodeCount }}</span>

210

</p>

211

<p class="label-value-pair"><span class="label">{{ 'MODIFIED' | translate }}:</span> <span

212

class="value">{{ item.modified }}</span></p>

</div>

<button type="button" class="btn btn-primary" (click)='onView(item.identifier, 1)'

217

placement="top" container="body" ngbTooltip="{{'VIEW' | translate}}">

218

219

</button>

220

<button type="button" class="btn btn-primary" placement="top" container="body"

221

ngbTooltip="{{'EDIT' | translate}}" [disabled]="item.state !== 'READY'"

222

(click)='scaling(item.identifier, "edit-node")'>

223

224

</button>

225

<button type="button" class="btn btn-primary" placement="top" container="body"

226

ngbTooltip="{{'DELETE' | translate}}"

227

[disabled]="item.state !== 'READY' && item.state !== 'ERROR'"

228

(click)='onDelete(item.identifier, item.name, 1)'>

229

230

</button>

231

<button type="button" class="btn btn-primary" placement="top" container="body"

232

ngbTooltip="{{'PAGE.K8S.K8SSCALING' | translate}}" [disabled]="item.state !== 'READY'"

233

(click)='scaling(item.identifier, "k8s-scale")'>

</button>

</div>

</div>

</div>

</div>

</div>

<ng-template #noData>

</div>

</ng-template>

</div>

</div>

<app-loader [waitingMessage]="message" *ngIf="isLoadingResults"></app-loader>