ripple-emulator
Version:
A browser based html5 mobile application development and testing tool
17 lines (13 loc) • 29.4 kB
HTML
<html><head><meta http-equiv="CACHE-CONTROL" content="NO-CACHE"><link href="/ripple/assets/ripple.css" type="text/css" rel="stylesheet"></head><body dir="ltr"><section id="bus" style="display: none"><section id="bus-send"></section><section id="bus-receive"></section></section><section id="ui"><section id="emulator-booting"></section><section class="logo"></section><section id="extension-url" class="irrelevant">/ripple/assets/</section><div class="beta ui-text-beta">beta</div><section class="top main"></section><section class="left-panel-collapse ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrowthick-1-w"></span></section><section id="left" class="left sortable main"></section><section class="middle"><section id="device-container" class="device-wrapper"><section id="viewport-container" class="viewport-wrapper"><section id="overlay-views"><section id="background-window" class="overlay"><h1>The app is currently in the background</h1><button id="background-return" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Return to application</span></button></section><section id="barcodeBackground" class="barcode-overlay"><img id="barcodeImage" class="barcode-image"><div id="barcodeData" class="barcode-data"></div><button id="barcodeClose" class="ui-button ui-widget ui-state-default ui-button-text-only small-button barcode-close"><span class="ui-button-text">Close</span></button></section><section id="inappbrowser" class="overlay-browser"><h2>InAppBrowser Emulation</h2>It is like a browser, only it is all up in your app<h3>URL:</h3><blockquote id="browser-url">http://www.google.com</blockquote><h3>TARGET:</h3><blockquote id="browser-target">_blank</blockquote><h3>OPTIONS:</h3><blockquote id="browser-options">{}</blockquote><h3 id="browser-inject-js-header">INJECTED JAVASCRIPT:</h3><pre id="browser-inject-js"></pre>
<h3 id="browser-inject-css-header">INJECTED CSS:</h3><pre id="browser-inject-css"></pre>
<button id="browser-close" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only small-button"><span class="ui-button-text">Close</span></button></section><section id="camera-window" class="overlay"><section id="camera-result"></section><section><input id="file-upload" type="file" style="display:none"><button id="select-file" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only small-button"><span class="ui-button-text">Select a File</span></button><button id="take-file" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only small-button"><span class="ui-button-text">Use Selected File</span></button><button id="camera-cancel" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only small-button"><span class="ui-button-text">Cancel</span></button></section></section><section id="contextMenuWindow" class="overlay-context-menu-window"><div id="contextMenuModal" style="display:none"></div><div id="contextMenu" class="hideMenu"><div id="contextMenuHeader"><div id="contextMenuHeadText"></div><div id="contextMenuSubheadText"></div></div><div id="contextMenuContent"></div><div id="contextMenuHandle"></div><div id="contextMenuDelete"></div></div></section><section id="dialog-window" class="overlay-dialog"><div id="dialog-wrapper" class="overlay-dialog-wrapper"><div id="dialog-title" class="overlay-dialog-title"></div><div id="dialog-box" class="overlay-dialog-box"><div id="dialog-message" class="overlay-dialog-message"></div><div id="dialog-buttons" class="overlay-dialog-buttons"></div></div></div></section><section id="menu-window" class="overlay-menu"><div id="menu-box" class="overlay-menu-box"><div id="menu-buttons" class="overlay-menu-buttons"></div></div></section><section id="splashscreen" class="overlay"><h1>The app is currently displaying the splashscreen</h1></section><section id="virtual-keyboard-window" class="overlay virtual-keyboard-overlay"><div class="virtual-keyboard-container"><div class="virtual-keyboard-placeholder">Keyboard</div></div></section></section></section><div id="menu-button" class="menu-button-wrapper" title="Click to press menu key"></div><div id="back-button" class="back-button-wrapper" title="Click to press back key"></div></section></section><section class="main ui-widget" id="panel-notification" style="display: none"><section class="panel-notification-closebtn">X</section><section id="panel-notification-text"></section></section><section class="right-panel-collapse ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrowthick-1-e"></span></section><section class="right sortable main"></section><section id="options-window"></section><section class="error-window"></section><section class="error-dialog main ui-corner-all"><section class="error-logo"></section><section class="error-text"><h1>Looks like what we have here is a failure to... emulate</h1><p>You're seeing this window because it looks like the zombie apocalypse has started.</p><p>For some strange reason it looks like we are unable to load. This could be a problem with your application, with ours or that you may require more time to finish loading. Hit "Wait" to give your application more time. Hit "FIRE!!" to pick up a shotgun and blow away all all of Ripple's settings in an attempt to purge out the bad stuff.</p><br><button id="error-wait" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Wait</span></button><button id="error-panic" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">FIRE!!</span></button><p>If you want to help make things better, drop us a line in<a style="color: #F0F0F0" href="https://issues.apache.org/jira/browse/ripple">JIRA</a></p></section><section class="error-hippo"></section></section><div class="first-run-window"></div><section id="panel-views" class="irrelevant"><section id="accelerometer-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Accelerometer</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section id="accelerometer" class="info ui-widget-content ui-corner-all" style="display: none"><section class="accelerometer-info"><div><button id="accelerometer-shake" style="position:absolute; right: 10px; top: 180px" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Shake</span></button><canvas style="display: block" id="accelerometer-canvas" width="300" height="200"></canvas></div><table class="panel-table"><tr><td colspan="2" style="text-align: center"><em>Click and drag with the mouse to manipulate the device.<br>Hold the Shift key to modify 'alpha'</em></td></tr><tr><td><label class="ui-text-label" for="accelerometer-x">xAxis:</label></td><td><span id="accelerometer-x" style="font-weight: bold"></span> m/s²</td></tr><tr><td><label class="ui-text-label" for="accelerometer-y">yAxis:</label></td><td><span id="accelerometer-y" style="font-weight: bold"></span> m/s²</td></tr><tr><td><label class="ui-text-label" for="accelerometer-z">zAxis:</label></td><td><span id="accelerometer-z" style="font-weight: bold"></span> m/s²</td></tr><tr><td><label class="ui-text-label" for="accelerometer-alpha">alpha:</label></td><td><span id="accelerometer-alpha" style="font-weight: bold"></span>°</td></tr><tr><td><label class="ui-text-label" for="accelerometer-beta">beta:</label></td><td><span id="accelerometer-beta" style="font-weight: bold"></span>°</td></tr><tr><td><label class="ui-text-label" for="accelerometer-gamma">gamma:</label></td><td><span id="accelerometer-gamma" style="font-weight: bold"></span>°</td></tr></table></section></section></section><section id="battery-status-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Battery Status</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section class="info ui-widget-content ui-corner-all" style="display: none"><table class="panel-table"><tr id="battery-level-container"><td><span class="ui-text-label">Battery Level</span></td><td><label id="battery-level-label" class="range-label-left">100 %</label><input id="battery-level" type="range" value="100" min="0" max="100" class="ui-state-default ui-corner-all"></td></tr><tr id="is-plugged-container"><td><span class="ui-text-label">Is Plugged</span></td><td><input id="is-plugged" type="checkbox"></td></tr></table></section></section><section id="build-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Build</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section class="info ui-widget-content ui-corner-all" style="display: none"><section id="options-menu-services-stop" class="ui-text-fail"><p>The Build and Deploy services are currently running at: http://127.0.0.1:9910</p><button id="options-menu-stop-service" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Stop Services</span></button><hr></section><section id="options-menu-services-start" class="ui-text-fail"><p>The build and deploy services are not currently running, would you like to start them?</p><button id="options-menu-start-service" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Start Services</span></button><hr></section><button id="options-menu-build" class="not-ready ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Package</span></button><div id="options-progress" class="progress"></div><br><button id="options-menu-sign" class="not-ready ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Package & Sign</span></button><br><button id="options-menu-launch" class="not-ready ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Package & Launch</span></button><br><span id="options-menu-build-warning"></span><hr>Remote Web Inspector Enabled<hr><button id="options-menu-settings" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Settings...</span></button></section></section><section id="devicesettings-panel-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Device & Network Settings</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section id="devicesettings-content-container" class="info ui-widget-content ui-corner-all" style="display: none"><p>Configure device information, settings and events for the current platform.</p></section></section><section id="devices-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Devices</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section class="info ui-widget-content ui-corner-all" style="display: none"><select id="device-select" class="ui-state-default ui-corner-all"></select><table class="panel-table"><tr><td><label class="ui-text-label">Orientation</label></td><td><div id="layout-portrait"></div><div id="layout-landscape"></div></td></tr></table></section></section><section id="gps-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Geo Location</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section class="info ui-widget-content ui-corner-all" style="display: none"><p></p><table class="panel-table"><tr><td><label id="label-geo-latitude" class="ui-text-label" for="geo-latitude">Latitude</label></td><td><input id="geo-latitude" class="ui-state-default ui-corner-all" type="number" value=""></td></tr><tr><td><label id="label-geo-longitude" class="ui-text-label" for="geo-longitude">Longitude</label></td><td><input id="geo-longitude" class="ui-state-default ui-corner-all" type="number" value=""></td></tr><tr><td><label id="label-geo-altitude" class="ui-text-label" for="geo-altitude">Altitude</label></td><td><input id="geo-altitude" class="ui-state-default ui-corner-all" type="number" value=""></td></tr><tr id="geo-cellid-container"><td><label id="label-geo-cellid" class="ui-text-label" for="geo-cellid">Cell Id</label></td><td><input id="geo-cellid" class="ui-state-default ui-corner-all" type="number" value=""></td></tr><tr><td><label id="label-geo-accuracy" class="ui-text-label" for="geo-accuracy">Accuracy</label></td><td><input id="geo-accuracy" class="ui-state-default ui-corner-all" type="number" value=""></td></tr><tr><td><label id="label-geo-altitudeaccuracy" class="ui-text-label" for="geo-altitudeaccuracy">Altitude Accuracy</label></td><td><input id="geo-altitudeaccuracy" class="ui-state-default ui-corner-all" type="number" value=""></td></tr><tr id="geo-heading-container"><td><label id="label-geo-heading" class="ui-text-label" for="geo-heading">Heading</label></td><td><label id="geo-heading-label" class="range-label-left">N</label><input id="geo-heading" type="range" value="0" min="0" max="359.5" step="0.5" class="ui-state-default ui-corner-all"></td></tr><tr id="geo-speed-container"><td><label id="label-geo-speed" class="ui-text-label" for="geo-speed">Speed</label></td><td><input id="geo-speed" class="ui-state-default ui-corner-all" type="number" value=""></td></tr><tr id="geo-delay-container"><td><span class="ui-text-label">GPS Delay (seconds)</span></td><td><label id="geo-delay-label" class="range-label-left">0</label><input id="geo-delay" type="range" value="0" min="0" max="30" class="ui-state-default ui-corner-all"></td></tr><tr id="geo-timeout-container"><td><span class="ui-text-label">Simulate GPS Timeout</span></td><td><input id="geo-timeout" type="checkbox"></td></tr><tr><td colspan="2"><span class="ui-text-label">Navigation Simulator</span><br>How do I create a GPX file?<a href="https://github.com/blackberry/Ripple-UI/doc/gpx.md" class="main" target="_blank">Learn more</a></td></tr><tr><td colspan="2"><input id="geo-gpxfile" type="file" class="ui-state-default ui-corner-all"><button id="geo-gpx-go" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Go</span></button><select id="geo-gpxmultiplier-select" class="ui-state-default ui-corner-all"><option value="1">1x</option><option value="2">2x</option><option value="4">4x</option><option value="8">8x</option><option value="16">16x</option><option value="32">32x</option><option value="64">64x</option><option value="128">128x</option></select></td></tr><tr id="geo-gpxreplaystatus-container"><td colspan="2"><label id="geo-gpxreplaystatus"></label></td></tr></table><div id="geo-map"><div id="geo-map-container" style="width: 100%; height: 100%"></div><div id="geo-map-marker"></div><div id="geo-map-direction"><div id="geo-map-arrow"></div><div id="geo-map-direction-label"></div></div></div><section class="geo-map-zoom-controls"><button id="geo-map-zoom-decrease" class="geo-map-zoom-btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">-</span></button><button id="geo-map-zoom-increase" class="geo-map-zoom-btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">+</span></button><section class="h3 geo-map-zoomlevel">Zoom Level: <span id="geo-map-zoomlevel-value"></span></section></section></section></section><section id="information-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Information</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section id="information-sub-container" class="info ui-widget-content ui-corner-all" style="display: none"></section></section><section id="invoke-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Invoke</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section id="invoke" class="info ui-widget-content ui-corner-all" style="display: none"><section class="invoke-info"><table id="invoke-fields" class="panel-table"><tr><td><label class="ui-text-label">Source</label></td><td><input class="ui-state-default ui-corner-all" id="invoke-source-text" type="text"></td></tr><tr><td><label class="ui-text-label">Target</label></td><td><input class="ui-state-default ui-corner-all" id="invoke-target-text" type="text"></td></tr><tr><td><label class="ui-text-label">Action</label></td><td><input class="ui-state-default ui-corner-all" id="invoke-action-text" type="text"></td></tr><tr><td><label class="ui-text-label">URI</label></td><td><input class="ui-state-default ui-corner-all" id="invoke-uri-text" type="text"></td></tr><tr><td><label class="ui-text-label">mime-type</label></td><td><input class="ui-state-default ui-corner-all" id="invoke-mime-type-text" type="text"></td></tr><tr><td><label class="ui-text-label">Extension (if Data block represents a file)</label></td><td><input class="ui-state-default ui-corner-all" id="invoke-extension-text" type="text"></td></tr></table><table class="panel-table"><tr><td colspan="2"><label class="ui-text-label">Data (will be base64 encoded)</label></td></tr><tr><td colspan="2"><textarea class="ui-state-default ui-corner-all" id="invoke-data-text" rows="4" style="width: 90%"></textarea>
</td>
</tr>
<tr><td colspan="2"><button id="invoke-send" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Send Invoke Request</span></button></td></tr></table></section></section></section><section id="messaging-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Messaging</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section id="messaging" class="info ui-widget-content ui-corner-all" style="display: none"><section class="messaging-info"><table id="messaging-sms-fields" class="panel-table"><tr><td><label class="ui-text-label">From</label></td><td><input id="messaging-sms-number" type="text" class="ui-state-default ui-corner-all"></td></tr></table><table class="panel-table"><tr><td colspan="2"><textarea class="ui-state-default ui-corner-all" id="messaging-text" rows="4" style="width: 90%"></textarea>
</td>
</tr>
<tr><td colspan="2"><button id="messaging-send" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Send SMS</span></button></td></tr></table></section></section></section><section id="phone-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Phone</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section class="info ui-widget-content ui-corner-all" style="display: none"><table class="panel-table"><tr><td><label class="ui-text-label">Type</label></td><td><select id="phone-event-types" class="ui-state-default ui-corner-all"></select></td></tr><tr><td><label class="ui-text-label">Call id</label></td><td><input id="phone-call-id" type="text" class="ui-state-default ui-corner-all"></td></tr><tr id="phone-event-error-container" style="display: none"><td><label class="ui-text-label">Error</label></td><td><select id="phone-event-error-types" class="ui-state-default ui-corner-all"></select></td></tr></table><table class="panel-table"><tr><td><button id="phone-logs-clear" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Clear Logs</span></button></td><td><button id="phone-event-send" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Fire Event</span></button></td></tr></table></section></section><section id="platforms-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Platforms</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section class="info ui-widget-content ui-corner-all" style="display: none"><table class="panel-table"><tr><td><label class="ui-text-label">Platform</label></td><td><select id="platform-select" class="ui-state-default ui-corner-all"></select></td></tr><tr><td><label class="ui-text-label">Version</label></td><td><select id="version-select" class="ui-state-default ui-corner-all"></select></td></tr></table><button id="change-platform" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Change Platform</span></button></section></section><section id="platform-events-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Events</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section id="platform-events-container" class="info ui-widget-content ui-corner-all" style="display: none"><p>Select the event that you want to fire.</p><select id="platform-events-select" class="ui-state-default ui-corner-all"></select><select id="platform-events-args" class="ui-state-default ui-corner-all" style="display: none"></select><br><button id="platform-events-fire" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Fire Event</span></button></section></section><section id="push-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Push</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section id="push" class="info ui-widget-content ui-corner-all" style="display: none"><section class="push-info"><table id="push-fields" class="panel-table"><tr><td><label class="ui-text-label">Port</label></td><td><select id="port-select" class="ui-state-default ui-corner-all"></select></td></tr></table><table class="panel-table"><tr><td colspan="2"><textarea class="ui-state-default ui-corner-all" id="push-text" rows="4" style="width: 90%"></textarea>
</td>
</tr>
<tr><td colspan="2"><button id="push-send" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Push</span></button></td></tr></table></section></section></section><section id="settings-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Settings</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section class="info ui-widget-content ui-corner-all" style="display: none"><table class="panel-table"><tr><td><label class="ui-text-label">Tooltips</label></td><td><button id="settings-toggletooltips" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">Toggle</span></button></td></tr><tr><td><label class="ui-text-label">Cross Domain Proxy</label></td><td><select id="settings-xhr-proxy" class="ui-state-default ui-corner-all"><option value="disabled">Disabled</option><option value="local">Local</option><option value="remote">Remote</option></select></td></tr><tr style="display: none"><td><label class="ui-text-label prefix-with-right-arrow">Proxy Route</label></td><td><input type="text" class="ui-state-default ui-corner-all" id="settings-xhr-proxy-local-route" value=""></td></tr><tr style="display: none"><td><label class="ui-text-label prefix-with-right-arrow">Proxy Port</label></td><td><input type="text" class="ui-state-default ui-corner-all" id="settings-xhr-proxy-local-port" value=""></td></tr><tr class="theme-switcher"><td><label class="ui-text-label">Themes</label></td><td><select id="theme-select" class="ui-state-default ui-corner-all"></select></td></tr></table><section id="remote-proxy-warn" style="display: none"><div class="remote-proxy-warn-icon-container"><div class="remote-proxy-warn-icon-name ui-warn-text-label">Security Note</div><span class="ui-icon ui-icon-alert"></span></div><div id="remote-proxy-warn-message"><h4>If the app is transferring sensitive data (authentication tokens, credentials etc.), it is strongly recommended to use<span class="ui-warn-text-label">Local</span>proxy instead of the<span class="ui-warn-text-label">Remote</span>one.</h4></div></section><hr><button id="options-menu-about" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"><span class="ui-button-text">About Ripple Emulator</span></button></section></section><section id="config-container" class="ui-box ui-state-default ui-corner-all"><section class="h2 info-header"><section class="collapse-handle">Config</section><section class="drag-handle ui-state-default ui-corner-all ui-state-hover"><span class="ui-icon ui-icon-arrow-4"></span></section></section><section class="info ui-widget-content ui-corner-all" style="display: none"><p>This section is a graphical representation of your configuration file. It is color coded to indicate success / failure. Expand each node to see the details.</p><p>The colors represent the following:</p><ul><li class="ui-text-pass">Validation passed</li><li class="ui-text-fail">Validation failed</li><li class="ui-text-missing">Node is missing, but not required</li></ul><section id="widget-config"></section></section></section></section><section id="dialog-views" class="irrelevant"><div id="about-dialog" class="ui-state-default"><div class="about-logo"></div><span><strong>Ripple Emulator (Beta)</strong></span><br><ul style="font-size: 0.8em"><li>Ripple UI<span id="about-dialog-ripple-ui-version">(checking...)</span></li><li>Ripple Build & Deploy<span id="about-dialog-ripple-build-deploy-version">(checking...)</span></li></ul></div><div id="scanDialog" class="overlay-scan-dialog"><fieldset id="skanDialogFieldSet" class="skan-dialog-field-set"><label for="scannedText">Scanned Text:</label><input type="text" id="scannedText"><label for="formatDropDown">Format:</label><select id="formatDropDown"><option value="QR_CODE">QR_CODE</option><option value="DATA_MATRIX">DATA_MATRIX</option><option value="UPC_E">UPC_E</option><option value="UPC_A">UPC_A</option><option value="EAN_8">EAN_8</option><option value="EAN_13">EAN_13</option><option value="CODE_128">CODE_128</option><option value="CODE_39">CODE_39</option></select></fieldset></div><div id="confirm-dialog"><p id="confirm-message"></p><br><button id="confirm-cancel" style="display:none">Cancel</button><button id="confirm-ok" style="display:none">Ok</button></div><div id="exec-dialog"><p class="h1"><span id="exec-service"></span>.<span id="exec-action"></span></p><p>We seem to be missing some stuff :(</p><p>What is kinda cool though you can fill in the textarea to pass a json object to the callback you want to execute</p><textarea id="exec-response" rows="10" cols="30" style="width:100%"></textarea>
<br><button id="exec-success">Success!</button><button id="exec-fail">Fail!</button></div><section id="settings-dialog"><div id="settings-tabs"><ul><li><a href="#settings-tabs-build">Package</a></li></ul><div id="settings-tabs-build"></div></div><button id="settings-action" class="cap-text" style="float: right"></button></section></section><div class="platform-select-dialog main ui-corner-all"><section class="platform-select-logo"></section><section class="platform-select-text"><h2>Are you ready for this?!?!</h2><p>You're seeing this window because this is the first time you've enabled for this specific URL. Please select the platform/runtime you wish to start testing with.</p><br><section class="platform-select-buttons"></section></section></div></section><script src="/ripple/assets/ripple.js" type="text/javascript"></script></body></html>