unserver-unify/src/app/login/enviroment.html

<div class="white-bg">
  <div class="col-lg-12">
    <div class="panel profile" ng-controller="EnviromentController as ctrl">
      <div class="panel-heading overflow-h">
        <h2 class="panel-title heading-sm" translate>
          <b>System Check</b>
        </h2>
      </div>
      <div class="panel-body">
        <p>The following checks ensure that your browser is properly Configured to use the system.</p>
        <div class="clearfix"></div>
        <div ng-if="ctrl.cookieEnabled && ctrl.RTCEnabled"><i class="fa fa-check" style="color:#5fb611; font-size:20px;">&nbsp;</i>All Checks passed</div>
        <div ng-if="!ctrl.cookieEnabled && !ctrl.RTCEnabled"><i class="fa fa-times" style="color:#e74c3c; font-size:20px;">&nbsp;</i>Some Checks Failed</div>
        <div class="clearfix margin-bottom-50"></div>
        <div class="headline">
          <h4 translate>Critical System Check</h4>
        </div>
        <div  >
          <i class="fa fa-check" style="color:#5fb611;"></i><b>Javascript</b>
          <p style="padding-left:15px;">Pass - Your web browser supports JavaScript.</p>
        </div>
        <div  >
          <i class="fa fa-check" ng-if="ctrl.cookieEnabled" style="color:#5fb611;"></i>
          <i class="fa fa-times" ng-if="!ctrl.cookieEnabled" style="color:#e74c3c;"></i>
          <b>Cookie</b>
          <p style="padding-left:15px;" ng-if="ctrl.cookieEnabled">Pass - Cookies are enabled in your browser.</p>
          <p style="padding-left:15px;" ng-if="!ctrl.cookieEnabled">Fail - Cookies are disabled in your browser.</p>
        </div>
        <div class="clearfix margin-bottom-50"></div>
        <div class="headline">
          <h4 translate>Non-critical System Check</h4>
        </div>
        <div  >
          <i class="fa fa-check" ng-if="ctrl.RTCEnabled" style="color:#5fb611;"></i>
          <i class="fa fa-times" ng-if="!ctrl.RTCEnabled" style="color:#e74c3c;"></i>
          <b>RTC support ( Direct record audio or video)</b>
          <p style="padding-left:15px;" ng-if="ctrl.RTCEnabled">Pass - Your web browser supports RTC.</p>
          <p style="padding-left:15px;" ng-if="!ctrl.RTCEnabled">Fail - Your web browser doesn't supports RTC.</p>
        </div>
        <!--div class="headline">
        <h5>
          Flash support 
          <i class="fa fa-check" ng-if="ctrl.flashObject" style="color:green;">
          </i>
          <i class="fa fa-times" ng-if="!ctrl.flashObject" style="color:red;">
          </i>
        </h5>
      </div -->
        <div  >
          <i ng-if="ctrl.availHeight>=1024 && ctrl.availWidth>=768" class="fa fa-check" style="color:#5fb611;"></i>
          <i ng-if="ctrl.availHeight<1024 || ctrl.availWidth<768" class="fa fa-times" style="color:#e74c3c;"></i>
          <b>Display</b>
          <p style="padding-left:15px;" ng-if="ctrl.availHeight>=1024 && ctrl.availWidth>=768">Pass - Your screen resolution meets the recommended 1,024 by 768 pixels.</p>
          <p style="padding-left:15px;" ng-if="ctrl.availHeight<1024 || ctrl.availWidth<768">Fail - Your screen resolution did not meeting the recommended 1024x768.</p>
        </div>
        <div class="clearfix margin-bottom-50"></div>
      </div>
    </div>
  </div>
</div>