ceph/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/about/about.component.html

   1 <div class="modal-header">
   2   <button type="button"
   3           class="close float-right"
   4           aria-label="Close"
   5           (click)="modalRef.hide()">
   6     <span aria-hidden="true">&times;</span>
   7   </button>
   8 </div>
   9 <div class="modal-body">
  10   <h2>
  11     <img src="assets/Ceph_Logo_Stacked_RGB_120411_fa_348x348.png"
  12          class="ceph-logo"
  13          alt="{{ projectConstants.organization }}">
  14     {{ projectConstants.organization }}
  15   </h2>
  16   <h3>
  17     <strong>{{ projectConstants.projectName }}</strong>
  18   </h3>
  19   <div class="product-versions">
  20     <strong>Version</strong>
  21     <br>
  22     {{ versionNumber }}
  23     {{ versionHash }}
  24     <br>
  25     {{ versionName }}
  26   </div>
  27   <br>
  28   <ul class="list-unstyled">
  29     <li class="row">
  30       <strong class="col-6 col-sm-4">Ceph Manager</strong>
  31       <span class="col-4 col-sm-4">{{ hostAddr }}</span>
  32     </li>
  33     <li class="row">
  34       <strong class="col-6 col-sm-4">User</strong>
  35       <span class="col-4 col-sm-4">{{ modalVariables.user }}</span>
  36     </li>
  37     <li class="row">
  38       <strong class="col-6 col-sm-4">User Role</strong>
  39       <span class="col-4 col-sm-4">{{ modalVariables.role }}</span>
  40     </li>
  41     <li class="row">
  42       <strong class="col-6 col-sm-4">Browser</strong>
  43       <span class="col-4 col-sm-4">{{ modalVariables.browserName }}</span>
  44     </li>
  45     <li class="row">
  46       <strong class="col-6 col-sm-4">Browser Version</strong>
  47       <span class="col-4 col-sm-4">{{ modalVariables.browserVersion }}</span>
  48     </li>
  49     <li class="row">
  50       <strong class="col-6 col-sm-4">Browser OS</strong>
  51       <span class="col-4 col-sm-4">{{ modalVariables.browserOS }}</span>
  52     </li>
  53   </ul>
  54 </div>
  55 <div class="modal-footer">
  56   <div class="text-left">
  57     {{ copyright }}
  58     {{ projectConstants.license }}
  59   </div>
  60 </div>