web-app/src/app/routes/status-public/status-public.component.html [32:79]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  <div class="status-content">
    <div style="margin-top: 20px; margin-bottom: 20px">
      <div style="width: 60%; margin: 0 auto; text-align: right">
        <a
          *ngIf="statusOrg.feedback"
          [href]="statusOrg.feedback.includes('@') ? 'mailto:' + statusOrg.feedback : statusOrg.feedback"
          target="_blank"
        >
          <button nz-button> {{ 'status.public.feedback' | i18n }} </button>
        </a>
      </div>
    </div>
    <div
      *ngIf="statusOrg.state == 0"
      class="org-status br-8"
      style="background-color: green; display: flex; justify-content: space-between"
    >
      <div>
        <span nz-icon style="color: #f0f0f0" nzType="check-circle" nzTheme="outline"></span>
        <span style="color: #f0f0f0; margin-left: 4px"> {{ 'status.public.org.state.0' | i18n }} </span>
      </div>
      <div>
        <span style="color: #f0f0f0; margin-right: 4px; font-size: medium"> Updated {{ statusOrg.gmtUpdate | elapsedTime }} </span>
      </div>
    </div>
    <div
      *ngIf="statusOrg.state == 1"
      class="org-status br-8"
      style="background-color: orange; display: flex; justify-content: space-between"
    >
      <div>
        <span nz-icon style="color: #f0f0f0" nzType="exclamation-circle" nzTheme="outline"></span>
        <span style="color: #f0f0f0; margin-left: 4px"> {{ 'status.public.org.state.1' | i18n }} </span>
      </div>
      <div>
        <span style="color: #f0f0f0; margin-right: 4px; font-size: medium"> Updated {{ statusOrg.gmtUpdate | elapsedTime }} </span>
      </div>
    </div>
    <div *ngIf="statusOrg.state == 2" class="org-status br-8" style="background-color: red; display: flex; justify-content: space-between">
      <div>
        <span nz-icon style="color: #f0f0f0" nzType="close-circle" nzTheme="outline"></span>
        <span style="color: #f0f0f0; margin-left: 4px"> {{ 'status.public.org.state.2' | i18n }} </span>
      </div>
      <div>
        <span style="color: #f0f0f0; margin-right: 4px; font-size: medium"> Updated {{ statusOrg.gmtUpdate | elapsedTime }} </span>
      </div>
    </div>
    <div style="margin-top: 50px">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



web-app/src/app/routes/status-public/status-public.component.html [137:184]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  <div class="status-content">
    <div style="margin-top: 20px; margin-bottom: 20px">
      <div style="width: 60%; margin: 0 auto; text-align: right">
        <a
          *ngIf="statusOrg.feedback"
          [href]="statusOrg.feedback.includes('@') ? 'mailto:' + statusOrg.feedback : statusOrg.feedback"
          target="_blank"
        >
          <button nz-button> {{ 'status.public.feedback' | i18n }} </button>
        </a>
      </div>
    </div>
    <div
      *ngIf="statusOrg.state == 0"
      class="org-status br-8"
      style="background-color: green; display: flex; justify-content: space-between"
    >
      <div>
        <span nz-icon style="color: #f0f0f0" nzType="check-circle" nzTheme="outline"></span>
        <span style="color: #f0f0f0; margin-left: 4px"> {{ 'status.public.org.state.0' | i18n }} </span>
      </div>
      <div>
        <span style="color: #f0f0f0; margin-right: 4px; font-size: medium"> Updated {{ statusOrg.gmtUpdate | elapsedTime }} </span>
      </div>
    </div>
    <div
      *ngIf="statusOrg.state == 1"
      class="org-status br-8"
      style="background-color: orange; display: flex; justify-content: space-between"
    >
      <div>
        <span nz-icon style="color: #f0f0f0" nzType="exclamation-circle" nzTheme="outline"></span>
        <span style="color: #f0f0f0; margin-left: 4px"> {{ 'status.public.org.state.1' | i18n }} </span>
      </div>
      <div>
        <span style="color: #f0f0f0; margin-right: 4px; font-size: medium"> Updated {{ statusOrg.gmtUpdate | elapsedTime }} </span>
      </div>
    </div>
    <div *ngIf="statusOrg.state == 2" class="org-status br-8" style="background-color: red; display: flex; justify-content: space-between">
      <div>
        <span nz-icon style="color: #f0f0f0" nzType="close-circle" nzTheme="outline"></span>
        <span style="color: #f0f0f0; margin-left: 4px"> {{ 'status.public.org.state.2' | i18n }} </span>
      </div>
      <div>
        <span style="color: #f0f0f0; margin-right: 4px; font-size: medium"> Updated {{ statusOrg.gmtUpdate | elapsedTime }} </span>
      </div>
    </div>
    <div style="margin-top: 50px">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -