PageRenderTime 48ms CodeModel.GetById 12ms app.highlight 27ms RepoModel.GetById 1ms app.codeStats 1ms

/Tools/capp/Resources/Templates/NibApplication/index-debug.html

http://github.com/cacaodev/cappuccino
HTML | 191 lines | 141 code | 35 blank | 15 comment | 0 complexity | 250283cc31141c2d49cc6f15e631ec76 MD5 | raw file
  1<!DOCTYPE html>
  2<html lang="en">
  3<!--
  4 index-debug.html
  5 __project.name__
  6
  7 Created by __user.name__ on __project.date__.
  8 Copyright __project.year__, __organization.name__ All rights reserved.
  9-->
 10    <head>
 11        <meta charset="utf-8">
 12
 13        <!--[if lte IE 8]>
 14        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, chrome=1">
 15        <![endif]-->
 16        <!--[if gte IE 9]>
 17        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
 18        <![endif]-->
 19
 20        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
 21
 22        <meta name="apple-mobile-web-app-capable" content="yes">
 23        <meta name="apple-mobile-web-app-status-bar-style" content="black">
 24
 25        <link rel="apple-touch-icon" href="Resources/icon.png">
 26        <link rel="apple-touch-startup-image" href="Resources/default.png">
 27
 28        <title>__project.name__</title>
 29
 30        <!-- Custom javascript goes here -->
 31        <!-- End custom javascript -->
 32
 33        <script type="text/javascript">
 34            OBJJ_MAIN_FILE = "main.j";
 35            OBJJ_INCLUDE_PATHS = ["Frameworks/Debug", "Frameworks"];
 36
 37            var progressBar = null;
 38
 39            OBJJ_PROGRESS_CALLBACK = function(percent, appSize, path)
 40            {
 41                percent = percent * 100;
 42
 43                if (!progressBar)
 44                    progressBar = document.getElementById("progress-bar");
 45
 46                if (progressBar)
 47                    progressBar.style.width = Math.min(percent, 100) + "%";
 48            }
 49
 50            var loadingHTML =
 51                    '<div id="loading">' +
 52                    '    <div id="loading-text">Loading...</div>' +
 53                    '    <div id="progress-indicator">' +
 54                    '        <span id="progress-bar" style="width:0%"></span>' +
 55                    '    </div>' +
 56                    '</div>';
 57        </script>
 58
 59        <script type="text/javascript" src="Frameworks/Debug/Objective-J/Objective-J.js" charset="UTF-8"></script>
 60
 61        <script type="text/javascript">
 62            objj_msgSend_reset();
 63
 64            // DEBUG OPTIONS:
 65
 66            // Uncomment to enable printing of backtraces on exceptions:
 67            //objj_msgSend_decorate(objj_backtrace_decorator);
 68
 69            // Uncomment to supress exceptions that take place inside a message
 70            //objj_msgSend_decorate(objj_supress_exceptions_decorator)
 71
 72            // Uncomment to enable runtime type checking:
 73            //objj_msgSend_decorate(objj_typecheck_decorator);
 74
 75            // Uncomment (along with both above) to print backtraces on type check errors:
 76            //objj_typecheck_prints_backtrace = true;
 77
 78            // Uncomment to disable the default logger (CPLogConsole if window.console exists, CPLogPopup otherwise):
 79            //CPLogUnregister(CPLogDefault);
 80
 81            // Uncomment to enable a specific logger:
 82            //CPLogRegister(CPLogConsole);
 83            //CPLogRegister(CPLogPopup);
 84
 85            // Tag view DOM elements with a "data-cappuccino-view" attribute that contains
 86            // the class name of the view that created them. Comment this or set to false to disable.
 87            appkit_tag_dom_elements = true;
 88        </script>
 89
 90        <style type="text/css">
 91            html, body, h1, p {
 92                margin: 0;
 93                padding: 0;
 94            }
 95
 96            /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
 97            #cappuccino-body {
 98                /* Position it absolutely so it will fill the height without content */
 99                position: absolute;
100                top: 0;
101                bottom: 0;
102                width: 100%;
103
104                /* Put it at the bottom of the stack so it doesn't interfere with UI */
105                z-index: 0;
106            }
107
108            #cappuccino-body .container {
109                display: table;
110                margin: 0 auto;
111                height: 100%;
112            }
113
114            #cappuccino-body .content {
115                display: table-cell;
116                height: 100%;
117                vertical-align: top;
118            }
119
120            #loading {
121                position: relative;
122                top: 35%;
123            }
124
125            #loading-text {
126                height: 1.5em;
127                color: #555;
128                font: normal bold 36px/36px Arial, sans-serif;
129            }
130
131            #progress-indicator {
132                padding: 0px;
133                height: 16px;
134                border: 5px solid #555;
135                border-radius: 18px;
136                background-color: white;
137            }
138
139            #progress-bar {
140                position: relative;
141                top: -1px;
142                left: -1px;
143                display: block;
144                height: 18px;
145
146                /* Compensate for moving the bar left 1px to overlap the indicator border */
147                border-right: 1px solid #555;
148                background-color: #555;
149            }
150
151            #noscript {
152                position: relative;
153                top: 35%;
154                padding: 1em 1.5em;
155                border: 5px solid #555;
156                border-radius: 16px;
157                background-color: white;
158                color: #555;
159                text-align: center;
160                font: bold 24px Arial, sans-serif;
161            }
162
163            #noscript a {
164                color: #98c0ff;
165                text-decoration: none;
166            }
167        </style>
168    </head>
169
170    <body>
171        <div id="cappuccino-body">
172            <div class="container">
173                <div class="content">
174                    <script type="text/javascript">
175                        document.write(loadingHTML);
176                    </script>
177                </div>
178            </div>
179            <noscript style="position:absolute; top:0; left:0; width:100%; height:100%">
180                <div class="container">
181                    <div class="content">
182                        <div id="noscript">
183                            <p style="font-size:120%; margin-bottom:.75em">JavaScript is required for this site.</p>
184                            <p><a href="http://www.enable-javascript.com" target="_blank">Enable JavaScript</a></p>
185                        </div>
186                    </div>
187                </div>
188            </noscript>
189        </div>
190    </body>
191</html>