<nav aria-label="breadcrumb">
<ol class="breadcrumb">
- <li class="breadcrumb-item">Block</li>
- <li class="breadcrumb-item active" aria-current="page">iSCSI</li>
+ <li i18n
+ class="breadcrumb-item">Block</li>
+ <li i18n
+ class="breadcrumb-item active" aria-current="page">iSCSI</li>
</ol>
</nav>
-<legend>Daemons</legend>
+<legend i18n>Daemons</legend>
<cd-table [data]="daemons"
[columns]="daemonsColumns">
</cd-table>
-<legend>Images</legend>
+<legend i18n>Images</legend>
<cd-table [data]="images"
[columns]="imagesColumns">
</cd-table>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
- <li class="breadcrumb-item">Block</li>
- <li class="breadcrumb-item">Pools</li>
+ <li i18n
+ class="breadcrumb-item">Block</li>
+ <li i18n
+ class="breadcrumb-item">Pools</li>
<li class="breadcrumb-item active"
aria-current="page">{{ name }}</li>
</ol>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
- <li class="breadcrumb-item">Filesystem</li>
+ <li i18n
+ class="breadcrumb-item">Filesystem</li>
<li class="breadcrumb-item active"
aria-current="page">{{ name }}</li>
</ol>
<div class="row">
<div class="col-md-12">
<i class="fa fa-desktop"></i>
- <a [routerLink]="['/cephfs/' + id + '/clients']">
+ <a i18n
+ [routerLink]="['/cephfs/' + id + '/clients']">
<span style="font-weight:bold;">{{ clientCount }}</span>
Clients
</a>
<div class="row">
<div class="col-sm-6">
<fieldset>
- <legend>Ranks</legend>
+ <legend i18n>Ranks</legend>
<cd-table [data]="ranks.data"
[columns]="ranks.columns"
<div class="col-sm-6">
<fieldset>
- <legend>Pools</legend>
+ <legend i18n>Pools</legend>
<cd-table [data]="pools.data"
[columns]="pools.columns"
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
- <li class="breadcrumb-item">Filesystem</li>
+ <li i18n
+ class="breadcrumb-item">Filesystem</li>
<li class="breadcrumb-item">
<a [routerLink]="['/cephfs/' + id]">{{ name }}</a>
</li>
- <li class="breadcrumb-item active"
+ <li i18n
+ class="breadcrumb-item active"
aria-current="page">
Clients
</li>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
- <li class="breadcrumb-item">Cluster</li>
- <li class="breadcrumb-item active">Hosts</li>
+ <li i18n
+ class="breadcrumb-item">Cluster</li>
+ <li i18n
+ class="breadcrumb-item active">Hosts</li>
</ol>
</nav>
<cd-table [data]="hosts"
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
- <li class="breadcrumb-item">Cluster</li>
- <li class="breadcrumb-item active">Monitors</li>
+ <li i18n
+ class="breadcrumb-item">Cluster</li>
+ <li i18n
+ class="breadcrumb-item active">Monitors</li>
</ol>
</nav>
<div class="row">
<div class="col-md-4">
<fieldset>
- <legend>Status</legend>
+ <legend i18n>Status</legend>
<table class="table table-striped"
*ngIf="mon_status">
<tr>
<td>
- <span class="name">Cluster ID: </span>
+ <span i18n
+ class="name">Cluster ID: </span>
</td>
<td>{{ mon_status.monmap.fsid }}
</td>
</tr>
<tr>
<td>
- <span class="name">monmap modified: </span>
+ <span i18n
+ class="name">monmap modified: </span>
</td>
<td> {{ mon_status.monmap.modified }}
</td>
</tr>
<tr>
<td>
- <span class="name">monmap epoch: </span>
+ <span i18n
+ class="name">monmap epoch: </span>
</td>
<td> {{ mon_status.monmap.epoch }}
</td>
</tr>
<tr>
<td>
- <span class="name">quorum con: </span>
+ <span i18n
+ class="name">quorum con: </span>
</td>
<td> {{ mon_status.features.quorum_con }}
</td>
</tr>
<tr>
<td>
- <span class="name">quorum mon: </span>
+ <span i18n
+ class="name">quorum mon: </span>
</td>
<td> {{ mon_status.features.quorum_mon }}
</td>
</tr>
<tr>
<td>
- <span class="name">required con: </span>
+ <span i18n
+ class="name">required con: </span>
</td>
<td> {{ mon_status.features.required_con }}
</td>
</tr>
<tr>
<td>
- <span class="name">required mon: </span>
+ <span i18n
+ class="name">required mon: </span>
</td>
<td> {{ mon_status.features.required_mon }}
</td>
<div class="col-md-8">
<fieldset>
- <legend class="in-quorum">In Quorum</legend>
+ <legend i18n
+ class="in-quorum">In Quorum</legend>
<cd-table [data]="inQuorum.data"
[columns]="inQuorum.columns">
</cd-table>
- <legend class="in-quorum">Not In Quorum</legend>
+ <legend i18n
+ class="in-quorum">Not In Quorum</legend>
<cd-table [data]="notInQuorum.data"
[columns]="notInQuorum.columns">
</cd-table>
<div>
<tabset *ngIf="hasGrafana">
- <tab heading="Health">
+ <tab i18n-heading
+ heading="Health">
<cd-health></cd-health>
</tab>
- <tab heading="Statistics">
+ <tab i18n-heading
+ heading="Statistics">
</tab>
</tabset>
<cd-health *ngIf="!hasGrafana"></cd-health>
<fieldset>
- <legend>Performance Counters</legend>
+ <legend i18n>Performance Counters</legend>
<h3>{{ serviceType }}.{{ serviceId }}</h3>
<cd-table-performance-counter [serviceType]="serviceType"
[serviceId]="serviceId">
<tabset>
- <tab heading="Details">
+ <tab i18n-heading
+ heading="Details">
<cd-table-key-value [data]="metadata"
(fetchData)="getMetaData()">
</cd-table-key-value>
</tab>
- <tab heading="Performance Counters">
+ <tab i18n-heading
+ heading="Performance Counters">
<cd-table-performance-counter serviceType="rgw"
[serviceId]="serviceId">
</cd-table-performance-counter>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
- <li class="breadcrumb-item">Object Gateway</li>
+ <li i18n
+ class="breadcrumb-item">Object Gateway</li>
</ol>
</nav>
<cd-table [data]="daemons"
-<a title="Sign Out"
+<a i18n-title
+ title="Sign Out"
(click)="logout()">
- <i class="fa fa-sign-out"></i> Logout
+ <i class="fa fa-sign-out"></i>
+ <ng-container i18n>Logout</ng-container>
</a>
<div class="row">
<div class="col-md-12 text-center">
- <h1>Sorry, we could not find what you were looking for</h1>
+ <h1 i18n>Sorry, we could not find what you were looking for</h1>
<img class="img-responsive center-block img-rounded"
src="/assets/1280px-Mimic_Octopus2.jpg">
-<alert type="info"
+<alert i18n
+ type="info"
*ngIf="status === vcs.ValueNone">
Retrieving data, please wait.
</alert>
-<alert type="warning"
+<alert i18n
+ type="warning"
*ngIf="status === vcs.ValueStale">
Displaying previously cached data.
</alert>
-<alert type="danger"
+<alert i18n
+ type="danger"
*ngIf="status === vcs.ValueException">
Could not load data. Please check the cluster health.
</alert>
<div class="noscript container"
ng-if="false">
<div class="jumbotron alert alert-danger">
- <h2>JavaScript required!</h2>
- <p>A browser with JavaScript enabled is required in order to use this service.</p>
- <p>When using Internet Explorer, please check your security settings and add this address to your trusted sites.</p>
+ <h2 i18n>JavaScript required!</h2>
+ <p i18n>A browser with JavaScript enabled is required in order to use this service.</p>
+ <p i18n>When using Internet Explorer, please check your security settings and add this address to your trusted sites.</p>
</div>
</div>
</noscript>