1 | <!doctype html> |
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 | <html class="no-js"> <head> <meta charset="utf-8"> <title>IDCR POC</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="styles/vendor.397f98fb.css"> <link rel="stylesheet" href="styles/main.4f5302d2.css"> <link rel="stylesheet" href="styles/heroweb/hero-demo.f6be30a3.css"> <link rel="stylesheet" href="styles/foundation-icons//foundation-icons.3e02aaec.css"> <link rel="icon" type="img/ico" href="images/favicon.ico"> <script src="scripts/vendor.db52cbf3.js"></script> |
17 |
|
18 | <script src="scripts/scripts.6f24b768.js"></script>
|
19 |
|
20 | <script src="/ewd-client.js"></script>
|
21 | <script src="/socket.io/socket.io.js"></script>
|
22 |
|
23 | <body ng-app="ripple-ui" ng-cloak ng-controller="headerController">
|
24 |
|
25 |
|
26 | <script>
|
27 | angular.element(document).ready(function() {
|
28 |
|
29 |
|
30 | function getCookie(cname) {
|
31 | var name = cname + "=";
|
32 | var ca = document.cookie.split(';');
|
33 | for(var i = 0; i <ca.length; i++) {
|
34 | var c = ca[i];
|
35 | while (c.charAt(0)==' ') {
|
36 | c = c.substring(1);
|
37 | }
|
38 | if (c.indexOf(name) == 0) {
|
39 | return c.substring(name.length,c.length);
|
40 | }
|
41 | }
|
42 | return "";
|
43 | }
|
44 |
|
45 | EWD.on('ewd-registered', function() {
|
46 |
|
47 | EWD.log = true;
|
48 |
|
49 |
|
50 |
|
51 |
|
52 |
|
53 |
|
54 | var ewdToken = getCookie('ewd-token');
|
55 | console.log('ewdToken = ' + ewdToken);
|
56 |
|
57 | if (ewdToken !== '') {
|
58 | EWD.send({
|
59 | type: 'checkToken',
|
60 | params: {
|
61 | token: ewdToken
|
62 | }
|
63 | }, function(responseObj) {
|
64 |
|
65 |
|
66 | if (responseObj.message.expired) {
|
67 | EWD.setCookie();
|
68 | EWD.send({
|
69 | type: 'authenticate'
|
70 | });
|
71 | }
|
72 | });
|
73 | }
|
74 | else {
|
75 |
|
76 | EWD.setCookie();
|
77 | EWD.send({
|
78 | type: 'authenticate'
|
79 | });
|
80 | }
|
81 | });
|
82 |
|
83 | EWD.start('ewd-ripple', null, io);
|
84 | });
|
85 |
|
86 | </script>
|
87 |
|
88 |
|
89 |
|
90 | <div class="row header-background hidden-xs"> <div class="col-sm-4 header-left"> <div class="glyphs g"> <p class="header-title-1" ng-if="title"><img alt="Ripple Icon" class="header-icon" ng-click="goHome()"> {{title}}</p> </div> </div> <div class="col-md-5 col-sm-8 hidden-xs header-search ng-cloak" ng-cloak ng-class="{'searchBarHidden' : !searchBarEnabled }"> <div class="header-search-inner"> <div class="search-left-inner-addon"> <div ng-show="searchMode" class="ng-cloak" ng-cloak> <span ng-cloak ng-show="searchMode" class="label ng-cloak report-label"> <div ng-if="reportMode">Reports </div> <div ng-if="settingsMode">Setting </div> <div ng-if="patientMode">Patients </div> <i ng-show="searchMode" ng-click="cancelSearchMode()" class="fa fa-times"></i></span> </div> <div ng-show="reportTypeSet" class="ng-cloak" ng-cloak> <span ng-cloak ng-show="reportTypeSet" class="label ng-cloak reportType-label"> <div ng-if="reportTypeSet" class="reportTypeSet"> {{reportTypeString}} <i ng-show="reportTypeSet" ng-click="cancelReportType()" class="fa cancel-reportType fa-times"></i> </div> </span> </div> <div></div> <input key-bind="{ enter: 'searchFunction()', esc: 'cancelSearchMode()' }" class="form-control" placeholder="Search..." type="text" typeahead="report for report in reportTypes | filter:$viewValue" ng-model="searchExpression" ng-keyup="checkExpression()" ng-trim="false" ng-class="{'moveRight': searchMode && !reportTypeSet, 'moveFurtherRight': searchMode && reportTypeSet}" focus-element="searchFocused"> </div> <i ng-show="searchExpression !== '' || searchMode" ng-click="cancelSearchMode()" class="clearAll fa fa-times-circle"></i> <button class="btn btn-info searchButton" ng-click="searchFunction();"><i class="fa fa-search"></i><span class="hidden-xs hidden-sm hidden-md"> Search</span></button> </div> <div class="advanced-search-text pull-right"> <a ng-click="openAdvancedSearch()">Advanced search</a> </div> </div> <div class="col-md-3 col-sm-12 header-right"> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown-profile"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-user"></span> <span class="header-title-3">Demonstration</span> <span class="glyphicon glyphicon-chevron-down"></span> </a> <ul class="dropdown-menu"> <li> <div class="navbar-login"> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="user-profile-image"><i class="glyphicon glyphicon-user"></i></div> </div> <div class="col-md-8 col-sm-8"> <p class="dropdown-profile-text"><b>{{currentUser.firstName}} {{currentUser.surname}}</b></p> <p class="dropdown-profile-text"><b>{{currentUser.role}}</b></p> <p class="dropdown-profile-text"> {{currentUser.email}} </p> <p class="dropdown-profile-text">10/05/1984</p> </div> </div> </div> </li> <li class="divider"></li> <li> <div class="navbar-login navbar-login-session"> <div class="row"> <div class="col-lg-12"> <p> <a class="btn btn-danger btn-block" ng-click="logout()">Sign Out</a> </p> </div> </div> </div> </li> </ul> </li> </ul> </div> </div> </div> <nav class="navbar navbar-default header-nav visible-xs"> <div class="container-fluid"> <div class="navbar-header"> <a ng-if="title" class="navbar-brand" ng-click="goHome()"><img class="header-icon nav-logo" alt="{{title}}"> {{title}}</a> <ul class="nav nav-tabs pull-right" role="tablist"> <li ng-class="activeNavTab('notifications')"><a ng-click="changeNavTab('notifications')"> <i class="fa fa-bell-o"><span class="count">2</span></i></a> </li> <li ng-class="activeNavTab('user')"><a ng-click="changeNavTab('user')"> <i class="fa fa-user"></i></a> </li> <li ng-class="activeNavTab('search')"><a ng-click="changeNavTab('search')"> <i class="fa fa-search"></i></a> </li> </ul> </div> <div class="tab-content" ng-switch="currentNavTab"> <div ng-switch-when="notifications" class="pane row" id="tab-notifications"> <div class="notifications-header"> Notifications (2) </div> <div class="notifications-body"> <ul> <li> <div class="notification-info">Information from Liquid Logic (Social Care) is currently unavailable.</div> <div class="notification-time">5 minutes ago</div> </li> <li> <div class="notification-info">Information from Liquid Logic (Social Care) is currently unavailable.</div> <div class="notification-time">5 minutes ago</div> </li> </ul> </div> </div> <div ng-switch-when="user" class="pane row" id="tab-user"> <div class="col-xs-12"> <div class="user-type superuser">Super User</div> <div class="user-profile-image"><i class="fa fa-user"></i></div> <p><strong>User Name:</strong> {{currentUser.role}}</p> <p>{{currentUser.email}}</p> <p>10/05/2099</p> </div> <div class="col-xs-12 options"> <ul> <li><a href="" class="btn">Settings</a></li> <li><a href="" class="btn">Admin Console</a></li> </ul> <ul> <li><a href="https://ripple-identity-uat.answerappcloud.com/signout" class="signout btn">SIGN OUT <i class="fa fa-sign-out"></i></a></li> </ul> </div> </div> <div ng-switch-when="search" class="pane row" id="tab-search"> <div id="mobile-nav-search"> <div class="col-xs-12 header-search-mobile"> <button class="btn btn-info" ng-click="searchFunction();"><i class="fa fa-search"></i></button> <div class="search-left-inner-addon"> <div ng-show="reportMode" class="ng-cloak" ng-cloak><span ng-cloak ng-show="reportMode" class="label ng-cloak report-label">Reports <i ng-show="reportMode" ng-click="cancelSearchMode()" class="fa fa-times"></i></span></div> <div><i ng-show="searchExpression !== '' || reportMode" ng-click="cancelReportMode()" class="clearAll fa fa-times-circle"></i></div> <input class="form-control" placeholder="Search..." type="text" typeahead="report for report in reportTypes | filter:$viewValue" ng-model="searchExpression" ng-keyup="checkExpression()" ng-trim="false" ng-class="{moveRight: reportMode}"> </div> </div> </div> </div> </div> </div> </nav> <div class="row header-toolbar hidden-xs"> <div class="col-sm-5 previousGroup"> <span class="glyphicon glyphicon-arrow-left previous-page-arrow" ng-if="previousPage && currentUser.role=='idcr'" ng-click="goBack()"></span> <span class="previous-page-title" ng-if="previousPage && currentUser.role=='idcr'">Back</span> </div> <div class="col-sm-6"> <span class="current-page-title">{{pageHeader}}</span> </div> </div> <div class="row header-toolbar visible-xs"> <div class="col-xs-2"> <div class="innner"> <span class="glyphicon glyphicon-arrow-left previous-page-arrow" ng-if="previousPage && currentUser.role=='idcr'" ng-click="goBack()"></span> </div> </div> <div class="col-xs-8 current-page-title-mobile"> <div class="inner"> <span>{{pageHeader}}</span> </div> </div> <div class="col-xs-2 text-right"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-nav" aria-expanded="false" ng-if="(userContextViewExists)"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> <div class="visible-xs mobile-sidebar navbar-default"> <div class="collapse navbar-collapse sidebar" id="sidebar-nav"> <ul side-menu class="nav" ui-view="actions"></ul> </div> </div> <div class="wrapper navbar-default sidebar hidden-xs" role="navigation"> <div class="sidebar-nav navbar-collapse"> <ul side-menu class="nav" ui-view="actions"></ul> </div> </div> <div ng-class="actionsExists ? 'page-wrapper' : 'page-wrapper-off'"> <div class="section-north" ui-view="user-context" ng-if="(userContextViewExists)"></div> <div class="section section-content"> <div class="row"> <div class="col-md-{{mainWidth}} col-left"> <div class="section-main" ui-view="main"></div> </div> <div class="col-md-{{detailWidth}} col-right"> <div class="section-detail" ui-view="detail"></div> </div> </div> </div> </div> <div class="notifications" growl-notifications></div> <script>(function (i, s, o, g, r, a, m) {
|
91 | i['GoogleAnalyticsObject'] = r;
|
92 | i[r] = i[r] || function () {
|
93 | (i[r].q = i[r].q || []).push(arguments)
|
94 | }, i[r].l = 1 * new Date();
|
95 | a = s.createElement(o),
|
96 | m = s.getElementsByTagName(o)[0];
|
97 | a.async = 1;
|
98 | a.src = g;
|
99 | m.parentNode.insertBefore(a, m)
|
100 | })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
101 |
|
102 | ga('create', 'UA-XXXXX-X');
|
103 | ga('send', 'pageview');</script> <footer> <div class="row footer-background"> <div class="footer-left"> <p class="footer-title-1">{{footer}}</p> </div> <div class="footer-right"> <p class="footer-title-1">Powered By <img src="images/ripple-icon.f1800171.png" alt="Ripple Icon" class="footer-icon"></p><p class="footer-title-2"> Ripple</p> </div> </div> </footer> |
\ | No newline at end of file |