Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Work In Progress on HTML5 offline mode for music sample
 * Update music.html to HTML5 and add manifest attribute
 * Add first attempt at manifest file
 * stats.html and search.html are fallback files and have been
    modified to give slightly different output than the .php/.gtpl versions
  • Loading branch information
msgilligan committed Sep 28, 2009
1 parent 3843913 commit 3ff9804
Show file tree
Hide file tree
Showing 4 changed files with 84 additions and 8 deletions.
10 changes: 2 additions & 8 deletions web-app/samples/music/music.html
@@ -1,16 +1,10 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html>
<html manifest="music.manifest">
<head>
<title>iUI Music Demo</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<link rel="apple-touch-icon" href="../iui/iui-logo-touch-icon.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--
<style type="text/css" media="screen">@import "../../iui/iui.css";</style>
<style type="text/css" media="screen">@import "../../iui/t/ipdc/ipdc-theme.css";</style>
-->
<link rel="stylesheet" href="../../iui/iui.css" type="text/css" />
<link rel="stylesheet" href="../../iui/iui-moz.css" type="text/css" />
<link rel="stylesheet" title="Default" href="../../iui/t/default/default-theme.css" type="text/css"/>
Expand Down
48 changes: 48 additions & 0 deletions web-app/samples/music/music.manifest
@@ -0,0 +1,48 @@
CACHE MANIFEST
# Date Sun Sep 27 22:26:56 PDT 2009
# header goes here
../../iui/iui-logo-touch-icon.png
../../iui/iui-moz.css
../../iui/iui.css
../../iui/iui.js
../../iui/t/default/back-img.png
../../iui/t/default/backButton.png
../../iui/t/default/backButtonBack.png
../../iui/t/default/backButtonBrdr.png
../../iui/t/default/blueButton.png
../../iui/t/default/cancel.png
../../iui/t/default/default-theme-moz.css
../../iui/t/default/default-theme.css
../../iui/t/default/grayButton.png
../../iui/t/default/listArrow.png
../../iui/t/default/listArrowSel.png
../../iui/t/default/listGroup.png
../../iui/t/default/loading.gif
../../iui/t/default/pinstripes.png
../../iui/t/default/redButton.png
../../iui/t/default/selection.png
../../iui/t/default/thumb.png
../../iui/t/default/title-img.png
../../iui/t/default/toggle.png
../../iui/t/default/toggleOn.png
../../iui/t/default/toolbar.png
../../iui/t/default/toolButton.png
../../iui/t/default/whiteButton.png
../../iui/t/ipdc/backButton.png
../../iui/t/ipdc/beige.png
../../iui/t/ipdc/blueButton.png
../../iui/t/ipdc/ipdc-theme.css
../../iui/t/ipdc/listGroup.png
../../iui/t/ipdc/Logo_DevCamp.png
../../iui/t/ipdc/pinstripes.png
../../iui/t/ipdc/redButton.png
../../iui/t/ipdc/toggleOn.png
../../iui/t/ipdc/toolbar.png
../../iui/t/ipdc/toolButton.png
../../iui/js/iui-theme-switcher.js
NETWORK:
search.gtpl
stats.gtpl
FALLBACK:
search.gtpl search.html
stats.gtpl stats.html
3 changes: 3 additions & 0 deletions web-app/samples/music/search.html
@@ -0,0 +1,3 @@
<ul title="Search Results">
<li>Can't search while in offline mode</li>
</ul>
31 changes: 31 additions & 0 deletions web-app/samples/music/stats.html
@@ -0,0 +1,31 @@
<ul id="stats" title="Stats">
<li><a href="#usage">Usage</a></li>
<li><a href="#battery">Battery</a></li>
<li><a href="#offline">Offline</a></li>
</ul>

<div id="usage" title="Usage" class="panel">
<h2>Play Time</h2>
<fieldset>
<div class="row">
<label>Years</label>
<span>2</span>
</div>
<div class="row">
<label>Months</label>
<span>8</span>
</div>
<div class="row">
<label>Days</label>
<span>27</span>
</div>
</fieldset>
</div>

<div id="battery" title="Battery" class="panel">
<h2>Better recharge soon!</h2>
</div>

<div id="offline" title="Offline" class="panel">
<h2>You must be in offline mode!</h2>
</div>

0 comments on commit 3ff9804

Please sign in to comment.