ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.tpl.html

   1 <div class="w-ecomp-widgets-home" id="contentId">
   2     <div class="widgets-home-container">
   3         <div id="widgets-home-title" class="widgets-home-title">Widgets</div>
   4
   5
   6         <div class="portals-list">
   7             <div class="gridster-container override_background">
   8                 <span class="ecomp-spinner" ng-show="widgetsHome.isLoading"></span>
   9                 <div ng-hide="widgetsHome.isEnlarged" att-gridster
  10                      att-gridster-options="widgetsHome.gridsterOpts" >
  11                     <div att-gridster-item='item' ng-repeat="item in widgetsViewData">
  12                         <div id="widget-grips-{{item.headerText.split(' ').join('-')}}"
  13                              att-gridster-item-header
  14                              grips-img-path="assets/images/grips.png"
  15                              header-text={{item.headerText}}
  16                              class="widget-gridster-header">
  17                         </div>
  18                         <div att-gridster-item-body ng-if="item.headerText=='News'">
  19                                 <div id="newsContainer" class="information-section-gridsterContent">
  20                                                                 <div class="news">
  21                                                                         <ul id="newsContent" ng-show="newsData.length!=0">
  22                                                                                 <li ng-repeat="news in newsData"><a href="{{news.href}}"  target="_blank" ng-bind="news.title"></a></li>
  23                                                                         </ul>
  24                                                                         <div ng-hide="newsData.length!=0">
  25                                                                                 <div class="activity-error-container" style="background: rgb(255, 255, 255);     overflow: auto!important; width: 100%;">
  26                                                                         <div class="activity-error-block">
  27                                                                              <i class="ion-information-circled full-linear-ion-information-circled" style="margin-left:125px; font-size: 90px"></i>  <br>
  28                                                                              <div class="activity-error-msg1">There's currently no news available.</div>
  29                                                                         </div>
  30                                                                         </div>
  31                                                                         </div>
  32                                                                 </div>
  33                                                         </div>
  34                         </div>
  35                         <div  att-gridster-item-body ng-if="item.headerText=='Events'">
  36                                 <div class="information-section-gridsterContent">
  37                                                                 <div class="events">
  38                                                                                 <ul ng-show="eventData.length!=0">
  39                                                                                 <li ng-repeat="event in eventData">
  40                                                                                         <div ng-click="event_content_show=!event_content_show">
  41                                                                                                 <div class="events-date">{{event.mon}}/{{event.day}}/{{event.year}}     </div>
  42                                                                                                 <div>
  43                                                                                                         <div class="event-title-div">
  44                                                                                                                 <p ng-bind="event.title"></p>
  45                                                                                                         </div>
  46                                                                                                         <div>
  47                                                                                                                 <span class="ion-ios-arrow-up" ng-if="event_content_show" style="color: #888;     font-size: 22px;"></span>
  48                                                                                                                 <span class="ion-ios-arrow-down" ng-if="!event_content_show"  style="color: #888;     font-size: 22px;"></span>
  49
  50                                                                                                         </div>
  51                                                                                                         <div style="clear: both;"></div>
  52                                                                                                 </div>
  53                                                                                         </div>
  54                                                                                         <div  class="events-content" ng-show="event_content_show">
  55                                                                                                 <div class="events-content-body">
  56                                                                                                         <a class="events-link" ng-href="{{event.href}}" target="_blank">
  57                                                                                                                 <span ng-bind="event.content"></span>
  58                                                                                                         </a>
  59                                                                                                 </div>
  60                                                                                                 <div></div>
  61                                                                                         </div>
  62                                                                                 </li>
  63
  64
  65                                                                         </ul>
  66                                                                         <div ng-hide="eventData.length!=0">
  67                                                                                 <div class="activity-error-container" style="background: rgb(255, 255, 255);     overflow: hidden!important; width: 100%;">
  68                                                                                 <div class="activity-error-block">
  69                                                                                      <i class="ion-information-circled full-linear-ion-information-circled" style="margin-left:125px; font-size: 90px"></i>  <br>
  70                                                                                       <div class="activity-error-msg1">There's currently no event available.</div>
  71                                                                                 </div>
  72                                                                         </div>
  73                                                                         </div>
  74                                                                 </div>
  75                                                         </div>
  76                         </div>
  77
  78                         <div att-gridster-item-body ng-if="item.headerText=='Resources'">
  79                                 <div class="">
  80                                                                 <div class="resources">
  81                                                                         <ul ng-show="importResData.length!=0">
  82                                                                                 <li ng-repeat="item in importResData"><a href="{{item.href}}"  target="_blanl">{{item.title}}</a></li>
  83                                                                         </ul>
  84                                                                         <div ng-hide="importResData.length!=0">
  85                                                                                 <div class="activity-error-container" style="background: rgb(255, 255, 255);     overflow: hidden!important; width: 100%;">
  86                                                                         <div class="activity-error-block">
  87                                                                              <i class="ion-information-circled full-linear-ion-information-circled" style="margin-left:125px; font-size: 90px"></i>  <br>
  88                                                                              <div class="activity-error-msg1">There's currently no links available.</div>
  89                                                                         </div>
  90                                                                         </div>
  91                                                                         </div>
  92                                                                 </div>
  93                                                         </div>
  94                         </div>
  95
  96                         <div att-gridster-item-body ng-if="item.headerText!='News' && item.headerText!='Events' && item.headerText!='Resources'">
  97                             <iframe id="widget-iframe-{{item.headerText.split(' ').join('-')}}"
  98                                     class="widget-iframe"
  99                                     ng-src="{{item.url | trusted}}"
 100                                     refresh-iframe
 101                                     is-enlarged="{{widgetsHome.isEnlarged}}">
 102                             </iframe>
 103                         </div>
 104                         <div id="widget-footer-{{item.headerText.split(' ').join('-')}}"
 105                              att-gridster-item-footer class="widget-gridster-footer">
 106                         </div>
 107                     </div>
 108                 </div>
 109             </div>
 110             <div ng-show="widgetsHome.isEnlarged"  >
 111                 <div id="widgets-button-enlarge-close" class="enlarge-close-button" ng-click="widgetsHome.isEnlarged=false">X</div>
 112                 <iframe id="iframe-widget-enlarge-close" ng-src="{{widgetsHome.enlargeURL | trusted}}" class="enlarge-content" >
 113                 </iframe>
 114             </div>
 115
 116         </div>
 117
 118         <div id="widgets-disclaimer"  class="w-ecomp-main-disclaimer">
 119             To request access to an application, please visit the <a
 120                                         ng-href="getAccess">Get Access</a> page.
 121         </div>
 122     </div>
 123 </div>