/
index.rhtml
199 lines (183 loc) · 7.63 KB
/
index.rhtml
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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<% # SPROUTCORE DEFAULT INDEX TEMPLATE
# This template provide provides a basic wrapper for a SproutCore client.
# Most of the time, it will be sufficient for your own needs. However, if
# you need to create your own template, you can do so by copying this file
# into your client, naming it 'index.rhtml' and then adding the options
# :layout => 'lib/index' to your Buildfile.
#
# See the comments in this file for more information on what you can
# change.
-%>
<!DOCTYPE html>
<html<% unless @content_for_html5_manifest.blank? %> manifest="manifest.appcache"<% end %> class="no-js" lang="<%=language%>">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge<%= config.chrome_frame ? ',chrome=1' : '' %>" >
<script>
var SC_benchmarkPreloadEvents = { headStart: new Date().getTime() };
var docElem = window.documentElement || document.documentElement;
if(docElem) {
docElem.className = docElem.className.replace(/(^|\s)no-js(\s|$)/, '$1js$2');
docElem = null;
}
</script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" >
<meta http-equiv="Content-Script-Type" content="text/javascript" >
<meta name="apple-mobile-web-app-capable" content="yes" >
<meta name="apple-mobile-web-app-status-bar-style" content="<%= config.status_bar_style || 'default' %>" >
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<% if config.touch_enabled %>
<% if config.precomposed_icon %>
<link rel="apple-touch-icon-precomposed" href="<%= sc_static(config.precomposed_icon) %>" >
<% elsif config.icon %>
<link rel="apple-touch-icon" href="<%= sc_static(config.icon) %>" >
<% end %>
<% if config.startup_image_portrait %>
<link rel="apple-touch-startup-image" media="screen and (orientation:portrait)" href="<%= sc_static(config.startup_image_portrait) %>" >
<% end %>
<% if config.startup_image_landscape %>
<link rel="apple-touch-startup-image" media="screen and (orientation:landscape)" href="<%= sc_static(config.startup_image_landscape) %>" >
<% end %>
<% end %>
<% if config.favicon %>
<link rel="shortcut icon" href="<%= sc_static(config.favicon) %>" type="image/x-icon" >
<% end %>
<% # Set the 'title' in your config to alter this setting %>
<title><%= title %></title>
<% #
# You may choose to load one or more bootstrap resources. These are
# JS targets that you would like to load at the top of the page. Specify
# these in your Buildfile with the 'bootstrap' config.
-%>
<script>
window.SC = window.SC || { MODULE_INFO: {}, LAZY_INSTANTIATION: {} };
SC.buildMode = '<%=SC.build_mode%>';
SC.buildNumber = '<%=target[:build_number]%>';
SC.buildLocale = '<%=language%>';
</script>
<%= bootstrap %>
<% #
# This line should appear in your head area to include the stylesheets
# generated by your client. If you need to include your own
# stylesheets, you don't need to change it here. Instead use the
# required option in your config.
-%>
<script>
(function() {
var styles = [];
if (window.devicePixelRatio == 2 || window.location.search.indexOf("2x") > -1) {
styles = <%= stylesheet_urls_for_client(nil, { :x2 => true }).to_json %>;
SC.APP_IMAGE_ASSETS = <%= image_urls_for_client(nil, { :sprited => true, :x2 => true }).to_json %>;
} else {
styles = <%= stylesheet_urls_for_client.to_json %>;
SC.APP_IMAGE_ASSETS = <%= image_urls_for_client(nil, { :sprited => true }).to_json %>;
}
var head = document.getElementsByTagName("head")[0],
len = styles.length, idx, css;
for (idx = 0; idx < len; idx++) {
css = document.createElement('link');
css.rel = 'stylesheet';
css.type = 'text/css';
css.href = styles[idx];
css.media = 'screen'
head.appendChild(css);
}
})();
</script>
<%= @content_for_page_styles %>
<script>
SC.benchmarkPreloadEvents['headEnd'] = new Date().getTime();
</script>
</head>
<% # The theme CSS class is added automatically based on your chosen theme.
# If you need to specify a custom theme name, use CONFIG.theme_name
-%>
<body class="<%= [theme_name(:default => 'sc-theme'), 'sc-focus'].compact.join(' ') %>">
<script>
SC.benchmarkPreloadEvents['bodyStart'] = new Date().getTime();
</script>
<% # This section is used to setup additional optional class names on the
# body content based on JS-selected conditions. Use this to make sure you
# show the proper CSS as soon as the page appears.
-%>
<%= inline_javascript('sproutcore/bootstrap:setup_body_class_names') %>
<% #
# This is where you root body element will appear. To cause your
# content to appear here, just declare content_for('body') in one of
# your partials.
-%>
<%= @content_for_body %>
<% #
# This is where your loading screen will appear. To add a loading screen
# just declare content_for('loading') in one of your partials. If you use
# sc-gen to generate your app, it will create a file called loading.rhtml
# under english.lproj. You can insert the desired content there.
-%>
<% unless @content_for_loading.blank? %>
<div id="loading">
<%= @content_for_loading %>
</div>
<% end -%>
<% #
# This is where the resources you declare will appear. By default anything
# you add to partials will be added to this section unless you specify
# otherwise. Note that resources are initially hidden so you can pull them
# apart as needed on page load.
-%>
<% unless @content_for_resources.blank? %>
<!-- Resources to be removed from DOM on page load -->
<div id="resources" style="display:none; visibility: hidden;">
<%= @content_for_resources -%>
</div>
<% end -%>
<% #
# This line should appear at the bottom of your page to include your
# generated JavaScript and any libraries you reference. If you need
# to include other javascripts, add them to the :requires option of
# your client in routes.rb instead of changing it here.
-%>
<%= javascripts_for_client %>
<% unless @content_for_page_javascript.blank? %>
<%= @content_for_page_javascript %>
<% end -%>
<% # If config.html5_history is true, HTML5 history will be activated for
# SC.routes and the SC.routes.baseURI setting will be automatically
# set.
-%>
<% if config.html5_history %>
<%# TODO: Can we check for the framework in Ruby instead? %>
<script>
if (SC.routes) {
SC.routes.wantsHistory = true;
SC.routes.baseURI = <%= "#{@bundle.index_root}/#{language}".to_json %>;
}
</script>
<% end %>
<% #
# If you use old-style view helpers in your page, this method must be
# called to actually add the page views to your HTML. Normally this will
# not generate any content.
-%>
<% #render_page_views -%>
<% # Older SproutCore applications need SC.didLoad to be called after onload.
# This is no longer required by SproutCore so it is off by default. To
# reenable set use_window_onload = true in yur config.
-%>
<% if config.use_window_onload %>
<!-- Start SproutCore on Page Load -->
<script type="text/javascript">window.onload = SC.didLoad;</script>
<% end -%>
<% #
# The final content section can be used to add any last minute setup you
# need to do before the page ends. This is required for loading unit
# tests among other things.
-%>
<%= @content_for_final -%>
<%
#disable main if the application is loaded in design mode
%>
<%= @content_for_designer -%>
<script>
SC.benchmarkPreloadEvents['bodyEnd'] = new Date().getTime();
</script>
</body>
</html>