forked from enableffs/enableffs.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (109 loc) · 6.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" ng-app="EnableApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="en" ng-app="EnableApp" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en" ng-app="EnableApp" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" ng-app="EnableApp" class="no-js"> <!--<![endif]-->
<head>
<!--meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Full Screen">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title ng-bind="roottitle">Enable portal</title>
<!-- Styles -->
<!--[if IE]><link rel="shortcut icon" href="img/favicon.ico"><![endif]-->
<link rel="icon" href="img/favicon.ico">
<!--link rel="stylesheet" href="bower_components/angular-material/angular-material.min.css"-->
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="node_modules/angucomplete-alt/angucomplete-alt.css">
<link rel="stylesheet" href="node_modules/juxtaposejs/build/css/juxtapose.css">
</head>
<body ng-controller="MainCtrl" class="base-class" >
<a name="top" id="rateplanmapping-scroll"></a>
<div id="container">
<div id ="top"></div>
<!-- START navigation menu -->
<button ng-if="showHamburger" id="hamburgerButton" accesskey="1" title="toggleMenuButton" tabindex="-1" role="button" ng-click="openMenu()" translate-attr="{ 'aria-label': 'OPEN_SIDEPANEL_BUTTON' }">
<img class="openclosesidebar" src="img/icons/ic_menu_48px.svg" aria-hidden="true"/>
</button>
<div class="enable-menu" tabindex="-1" aria-hidden="!menuOpen" ng-show="menuOpen || windowWidth > 600" role="menubar">
<button title="toggleMenuButton" id="closeMenuButton" role="button" aria-label="{{ 'CLOSE_SIDEPANEL_BUTTON' | translate }}" ng-click="closeMenu()" ng-show="menuOpen && windowWidth < 600">
<img class="openclosesidebar" src="img/icons/ic_close_48px.svg" aria-hidden="true"/>
</button>
<div>
</div>
<nav role="navigation" aria-label="{{'NAVIGATION' | translate}}">
<div ng-include="'content/menu.html'"></div>
</nav>
<div class="searchAreaContainer" role="search">
<div angucomplete-alt id="searchWidget" ng-show="searchEnabled"
placeholder="Search"
maxlength="50"
pause="100"
selected-object="selectedItemChange"
local-data="metatags"
search-fields="value"
title-field="display"
minlength="1"
input-class="searchArea"
match-class="highlight"></div>
<div class="searchAreaResults" ng-show="selectedItem">
<span>{{selectedItem.description.display}}</span>
</div>
</div>
<div style="width: 100%" class="menuButtons">
<div>
<button ng-if="showHomeButton" class="languageButton" aria-label="{{ 'HOME_BUTTON' | translate }}" role="button" ng-click="closeMenu(); goToSection('home', '/home')"
style="background: url('img/icons/ic_home_48px.svg'); background-size: contain;">
<span aria-hidden="true"> </span>
</button>
<button class="languageButton" aria-label="{{ 'FONT_SIZE_BUTTON' | translate }}" role="button" ng-click="resizePageFont()"
ng-style="{ 'background': 'url(' + fontSizeIconPath + ')', 'backgroundSize': 'contain'}">
<span aria-hidden="true"> </span>
</button>
</div>
<div>
<button ng-disabled="getLangButtonState('sw')" role="button" aria-label="{{ 'LANGUAGE_BUTTON_SW' | translate }}" class="languageButton" ng-click="setLang('sw')"
style="background: url('img/flag-east-africa.png'); background-size: contain;">
<span aria-hidden="true">SW</span>
</button>
<button ng-disabled="getLangButtonState('en')" role="button" aria-label="{{ 'LANGUAGE_BUTTON_EN' | translate }}" class="languageButton" ng-click="setLang('en')"
style="background: url('img/flag-english.png'); background-size: contain;">
<span aria-hidden="true">EN</span>
</button>
</div>
</div>
</div>
<!-- END navigation menu -->
<!-- START main content -->
<div class="enable-main" tabindex="-1" role="main" ng-class="customFontSize">
<!-- START main header -->
<div>
<span class="screenReadersOnly">{{ 'KEYBOARD_MENU_SHORTCUT' | translate }}</span>
<span class="screenReadersOnly">{{ 'JAWS_WARNING' | translate }}</span>
</div>
<!-- END main header -->
<!-- START sections content (vision, hearing, combined) -->
<div id="scrollContainer" ng-view></div>
<!-- END sections content (vision, hearing, combined) -->
</div>
<!-- END main content -->
</div>
</body>
<!-- Framework libraries -->
<script src="node_modules/juxtaposejs/build/js/juxtapose.min.js"></script>
<script src="node_modules/angular/angular.min.js"></script>
<script src="node_modules/angular-route/angular-route.min.js"></script>
<script src="node_modules/angular-animate/angular-animate.min.js"></script>
<script src="node_modules/angular-aria/angular-aria.min.js"></script>
<script src="node_modules/angular-translate/dist/angular-translate.min.js"></script>
<script src="node_modules/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
<script src="node_modules/angucomplete-alt/dist/angucomplete-alt.min.js"></script>
<script src="node_modules/ng-juxtapose/dist/ng-juxtapose.min.js"></script>
<!-- Application files -->
<script src="js/app.js"></script>
<script src="js/utils.js"></script>
<script src="js/controllers.js"></script>
<script src="js/directives.js"></script>
</html>