otf-frontend/client/src/app/shared/modules/stat/stat.component.html

   1 <!-- Copyright (c) 2019 AT&T Intellectual Property.                            #\r
   2 #                                                                              #\r
   3 #   Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 #   you may not use this file except in compliance with the License.           #\r
   5 #   You may obtain a copy of the License at                                    #\r
   6 #                                                                              #\r
   7 #       http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 #                                                                              #\r
   9 #   Unless required by applicable law or agreed to in writing, software        #\r
  10 #   distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 #   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 #   See the License for the specific language governing permissions and        #\r
  13 #   limitations under the License.                                             #\r
  14 #############################################################################-->\r
  15 \r
  16 \r
  17 <div class="card text-white bg-{{bgClass}}">\r
  18     <div class="card-header">\r
  19         <div class="row">\r
  20             <div class="col col-xs-3">\r
  21                 <i class="fa {{icon}} fa-5x"></i>\r
  22             </div>\r
  23             <div class="col col-xs-9 text-right">\r
  24                 <div class="d-block huge">{{count}}</div>\r
  25                 <div class="d-block">{{label}}</div>\r
  26             </div>\r
  27         </div>\r
  28     </div>\r
  29     <div class="card-footer">\r
  30         <span class="float-left">View Details {{data}}</span>\r
  31         <a href="javascript:void(0)" class="float-right card-inverse">\r
  32             <span ><i class="fa fa-arrow-circle-right"></i></span>\r
  33         </a>\r
  34     </div>\r
  35 </div>\r