Webserver: -mod: removed back buttons on discover and login page

This commit is contained in:
lukeIam committed 2013-12-13 18:03:06 +01:00
1 parent a1d3e368cc
commit 8c7fdc050f
1 file changed
+312 -312
+312 -312
View File
@@ -6,38 +6,38 @@
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" /> <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
<script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery-1.9.1.min.js"></script>
<script src="phonegap.js"></script> <script src="phonegap.js"></script>
<script> <script>
if (document.location.protocol == "file:") { if (document.location.protocol == "file:") {
if(typeof (window.deviceAndJqmLoaded) == "undefined"){ if (typeof (window.deviceAndJqmLoaded) == "undefined") {
window.deviceAndJqmLoaded = $.Deferred(); window.deviceAndJqmLoaded = $.Deferred();
} }
var jqmready = $.Deferred(); var jqmready = $.Deferred();
var deviceready = $.Deferred(); var deviceready = $.Deferred();
$(document).bind("mobileinit", function(){ $(document).bind("mobileinit", function () {
jqmready.resolve(); jqmready.resolve();
}); });
function deviceIsReady() { function deviceIsReady() {
deviceready.resolve(); deviceready.resolve();
} }
document.addEventListener("deviceready", deviceIsReady, false); document.addEventListener("deviceready", deviceIsReady, false);
$.when(jqmready, deviceready).then(function(){ $.when(jqmready, deviceready).then(function () {
window.deviceAndJqmLoaded.resolve(); window.deviceAndJqmLoaded.resolve();
}); });
} }
</script> </script>
<script src="js/jquery.mobile-1.3.2.min.js"></script> <script src="js/jquery.mobile-1.3.2.min.js"></script>
<script src="js/jquery-ui-1.10.3.custom.min.js"></script> <script src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script> <script src="js/jquery.ui.touch-punch.min.js"></script>
<script src="js/i18next-1.7.1.min.js"></script> <script src="js/i18next-1.7.1.min.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
</head> </head>
<body> <body>
<div id="discover" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="discover" data-content-theme="a" data-role="page" data-add-back-btn="false">
<div data-role="header"> <div data-role="header">
<h1 data-i18n="discoverConnectHeader"></h1> <h1 data-i18n="discoverConnectHeader"></h1>
</div> </div>
@@ -51,318 +51,318 @@
<!-- /content --> <!-- /content -->
</div> </div>
<!-- /page --> <!-- /page -->
<div id="login" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="login" data-content-theme="a" data-role="page" data-add-back-btn="false">
<div data-role="header"> <div data-role="header">
<h1 data-i18n="">Login</h1> <h1 data-i18n="">Login</h1>
</div>
<!-- /header -->
<div id="loginContent" data-role="content">
<label for="loginName" class="input" data-i18n="loginName"></label>
<input type="text" id="loginName" name="loginName" data-mini="true">
<label for="loginPassword" class="input" data-i18n="loginPassword"></label>
<input type="password" id="loginPassword" name="loginPassword" data-mini="true">
<br />
<a data-role="button" id="loginButton" data-i18n="loginButton"></a>
<br />
<hr />
<br />
<a data-role="button" id="registerButton" data-i18n="registerButton"></a>
</div>
<!-- /content -->
</div> </div>
<!-- /page --> <!-- /header -->
<div id="main" data-role="page" data-content-theme="a"> <div id="loginContent" data-role="content">
<div data-role="header"> <label for="loginName" class="input" data-i18n="loginName"></label>
<h1>Volcaluxe</h1> <input type="text" id="loginName" name="loginName" data-mini="true">
</div> <label for="loginPassword" class="input" data-i18n="loginPassword"></label>
<!-- /header --> <input type="password" id="loginPassword" name="loginPassword" data-mini="true">
<br />
<div id="mainContent" data-role="content" data-add-back-btn="true"> <a data-role="button" id="loginButton" data-i18n="loginButton"></a>
<ul data-role="listview"> <br />
<li> <hr />
<a id="yourProfileLink" href="#" data-transition="slidefade"> <br />
<img src="img/profile.png"> <a data-role="button" id="registerButton" data-i18n="registerButton"></a>
<h2 data-i18n="mainPageYourProfileLink"></h2>
<p data-i18n="mainPageYourProfileLinkDesc"></p>
</a>
</li>
<li>
<a id="currentSongLink" href="#" data-transition="slidefade">
<img src="img/music.png">
<h2 data-i18n="mainPageCurrentSongLink"></h2>
<p data-i18n="mainPageCurrentSongLinkDesc"></p>
</a>
</li>
<li>
<a href="#selectSong" data-transition="slidefade">
<img src="img/playlist.png">
<h2 data-i18n="mainPageSelectSong"></h2>
<p data-i18n="mainPageSelectSongDesc"></p>
</a>
</li>
<li>
<a href="#selectPlaylist" data-transition="slidefade">
<img src="img/playlists.png">
<h2 data-i18n="mainPageSelectPlaylist"></h2>
<p data-i18n="mainPageSelectPlaylistDesc"></p>
</a>
</li>
<li>
<a id="mainPageSelectProfile" href="#selectProfile" data-transition="slidefade">
<img src="img/profiles.png">
<h2 data-i18n="mainPageSelectProfile"></h2>
<p data-i18n="mainPageSelectProfileDesc"></p>
</a>
</li>
<li>
<a id="mainPageTakePhotoLink" href="#" data-transition="slidefade">
<img src="img/photo.png">
<h2 data-i18n="mainPageTakePhotoLink"></h2>
<p data-i18n="mainPageTakePhotoLinkDesc"></p>
</a>
</li>
<li>
<a id="mainPageKeyboard" href="#keyboard" data-transition="slidefade">
<img src="img/keyboard.png">
<h2 data-i18n="mainPageKeyboard"></h2>
<p data-i18n="mainPageKeyboardDesc"></p>
</a>
</li>
<li>
<a href="#selectUserAdmin" data-transition="slidefade">
<img src="img/admin.png">
<h2 data-i18n="mainPageSelectUserAdmin"></h2>
<p data-i18n="mainPageSelectUserAdminDesc"></p>
</a>
</li>
<li>
<a id="mainPageLogoutLink" href="#" data-transition="slidefade">
<img src="img/logout.png">
<h2 data-i18n="mainPageLogoutLink"></h2>
<p data-i18n="mainPageLogoutLinkDesc"></p>
</a>
</li>
</ul>
</div>
<!-- /content -->
</div> </div>
<!-- /page --> <!-- /content -->
</div>
<!-- /page -->
<div id="selectProfile" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="main" data-role="page" data-content-theme="a">
<div data-role="header"> <div data-role="header">
<h1 data-i18n="selectProfileHeader"></h1> <h1>Volcaluxe</h1>
</div>
<!-- /header -->
<div id="selectProfileContent" data-role="content">
<ul id="selectProfileList" data-role="listview"></ul>
</div>
<!-- /content -->
</div> </div>
<!-- /page --> <!-- /header -->
<div id="displayProfile" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="mainContent" data-role="content" data-add-back-btn="true">
<div data-role="header"> <ul data-role="listview">
<h1 data-i18n="displayProfileHeader">Profile</h1> <li>
</div> <a id="yourProfileLink" href="#" data-transition="slidefade">
<!-- /header --> <img src="img/profile.png">
<h2 data-i18n="mainPageYourProfileLink"></h2>
<div id="displayProfileContent" data-role="content"> <p data-i18n="mainPageYourProfileLinkDesc"></p>
<img id="playerAvatar" src="img/profile.png" alt="Avatar"> </a>
<label for="playerName" class="input" data-i18n="displayProfileName"></label> </li>
<input type="text" id="playerName" name="playerName" data-mini="true" value="Your Name"> <li>
<a id="currentSongLink" href="#" data-transition="slidefade">
<label for="playerType" class="select" data-i18n="displayProfilePlayerType"></label> <img src="img/music.png">
<select name="playerType" id="playerType"> <h2 data-i18n="mainPageCurrentSongLink"></h2>
<option value="0" data-i18n="displayProfilePlayerTypeNormal"></option> <p data-i18n="mainPageCurrentSongLinkDesc"></p>
<option value="1" data-i18n="displayProfilePlayerTypeGuest"></option> </a>
</select> </li>
<label for="playerDifficulty" class="select" data-i18n="displayProfilePlayerDifficulty"></label> <li>
<select name="playerDifficulty" id="playerDifficulty"> <a href="#selectSong" data-transition="slidefade">
<option value="0" data-i18n="displayProfilePlayerDifficultyEasy"></option> <img src="img/playlist.png">
<option value="1" data-i18n="displayProfilePlayerDifficultyNormal"></option> <h2 data-i18n="mainPageSelectSong"></h2>
<option value="2" data-i18n="displayProfilePlayerDifficultyHard"></option> <p data-i18n="mainPageSelectSongDesc"></p>
</select> </a>
</li>
<label id="playerPasswordLabel" for="playerPassword" class="input" data-i18n="displayProfilePlayerPassword"></label> <li>
<input type="password" id="playerPassword" name="playerPassword" data-mini="true" value="**oldPassword**"> <a href="#selectPlaylist" data-transition="slidefade">
<img src="img/playlists.png">
<br /> <h2 data-i18n="mainPageSelectPlaylist"></h2>
<a data-role="button" id="playerSaveButton" data-i18n="displayProfilePlayerSaveButton"></a> <p data-i18n="mainPageSelectPlaylistDesc"></p>
</div> </a>
<!-- /content --> </li>
<li>
<a id="mainPageSelectProfile" href="#selectProfile" data-transition="slidefade">
<img src="img/profiles.png">
<h2 data-i18n="mainPageSelectProfile"></h2>
<p data-i18n="mainPageSelectProfileDesc"></p>
</a>
</li>
<li>
<a id="mainPageTakePhotoLink" href="#" data-transition="slidefade">
<img src="img/photo.png">
<h2 data-i18n="mainPageTakePhotoLink"></h2>
<p data-i18n="mainPageTakePhotoLinkDesc"></p>
</a>
</li>
<li>
<a id="mainPageKeyboard" href="#keyboard" data-transition="slidefade">
<img src="img/keyboard.png">
<h2 data-i18n="mainPageKeyboard"></h2>
<p data-i18n="mainPageKeyboardDesc"></p>
</a>
</li>
<li>
<a href="#selectUserAdmin" data-transition="slidefade">
<img src="img/admin.png">
<h2 data-i18n="mainPageSelectUserAdmin"></h2>
<p data-i18n="mainPageSelectUserAdminDesc"></p>
</a>
</li>
<li>
<a id="mainPageLogoutLink" href="#" data-transition="slidefade">
<img src="img/logout.png">
<h2 data-i18n="mainPageLogoutLink"></h2>
<p data-i18n="mainPageLogoutLinkDesc"></p>
</a>
</li>
</ul>
</div> </div>
<!-- /page --> <!-- /content -->
</div>
<!-- /page -->
<div id="displaySong" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="selectProfile" data-content-theme="a" data-role="page" data-add-back-btn="true">
<div data-role="header"> <div data-role="header">
<h1 id="displaySongTitle" data-i18n="displaySongHeader"></h1> <h1 data-i18n="selectProfileHeader"></h1>
</div>
<!-- /header -->
<div id="selectProfileContent" data-role="content">
<ul id="selectProfileList" data-role="listview"></ul>
</div>
<!-- /content -->
</div>
<!-- /page -->
<div id="displayProfile" data-content-theme="a" data-role="page" data-add-back-btn="true">
<div data-role="header">
<h1 data-i18n="displayProfileHeader">Profile</h1>
</div>
<!-- /header -->
<div id="displayProfileContent" data-role="content">
<img id="playerAvatar" src="img/profile.png" alt="Avatar">
<label for="playerName" class="input" data-i18n="displayProfileName"></label>
<input type="text" id="playerName" name="playerName" data-mini="true" value="Your Name">
<label for="playerType" class="select" data-i18n="displayProfilePlayerType"></label>
<select name="playerType" id="playerType">
<option value="0" data-i18n="displayProfilePlayerTypeNormal"></option>
<option value="1" data-i18n="displayProfilePlayerTypeGuest"></option>
</select>
<label for="playerDifficulty" class="select" data-i18n="displayProfilePlayerDifficulty"></label>
<select name="playerDifficulty" id="playerDifficulty">
<option value="0" data-i18n="displayProfilePlayerDifficultyEasy"></option>
<option value="1" data-i18n="displayProfilePlayerDifficultyNormal"></option>
<option value="2" data-i18n="displayProfilePlayerDifficultyHard"></option>
</select>
<label id="playerPasswordLabel" for="playerPassword" class="input" data-i18n="displayProfilePlayerPassword"></label>
<input type="password" id="playerPassword" name="playerPassword" data-mini="true" value="**oldPassword**">
<br />
<a data-role="button" id="playerSaveButton" data-i18n="displayProfilePlayerSaveButton"></a>
</div>
<!-- /content -->
</div>
<!-- /page -->
<div id="displaySong" data-content-theme="a" data-role="page" data-add-back-btn="true">
<div data-role="header">
<h1 id="displaySongTitle" data-i18n="displaySongHeader"></h1>
</div>
<!-- /header -->
<div id="displaySongContent" data-role="content">
<img id="displaySongCover" src="img/noCover.png" alt="Cover">
<br />
<br />
<br />
<label for="displaySongArtist" class="input" data-i18n="displaySongArtist"></label>
<span id="displaySongArtist" data-mini="true">-</span>
<br />
<label for="displaySongGenre" class="input" data-i18n="displaySongGenre"></label>
<span id="displaySongGenre" data-mini="true">-</span>
<br />
<label for="displaySongYear" class="input" data-i18n="displaySongYear"></label>
<span id="displaySongYear" data-mini="true">-</span>
<br />
<label for="displaySongLanguage" class="input" data-i18n="displaySongLanguage"></label>
<span id="displaySongLanguage" data-mini="true">-</span>
<br />
<label for="displaySongIsDuet" class="input" data-i18n="displaySongIsDuet"></label>
<span id="displaySongIsDuet" data-mini="true">-</span>
<br />
<br />
<div id="displaySongLinks">
<img class="cursorStyleClickable" id="displaySongAddPlaylist" src="img/addPlaylist.png" />
<br />
<br />
<img class="cursorStyleClickable" id="displaySongLinkYoutube" src="img/youtube.png" />
<img class="cursorStyleClickable" id="displaySongLinkSpotify" src="img/spotify.png" />
<img class="cursorStyleClickable" id="displaySongLinkWikipedia" src="img/wikipedia.png" />
</div> </div>
<!-- /header -->
<div id="displaySongContent" data-role="content"> </div>
<img id="displaySongCover" src="img/noCover.png" alt="Cover"> <!-- /content -->
<br /> <div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="a" data-corners="false" data-tolerance="15,15">
<br /> <a href="#" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-i18n="popupVideoClose"></a>
<br /> <iframe width="480" height="320" seamless></iframe>
<label for="displaySongArtist" class="input" data-i18n="displaySongArtist"></label> </div>
<span id="displaySongArtist" data-mini="true">-</span> <!-- /popup -->
<br /> </div>
<label for="displaySongGenre" class="input" data-i18n="displaySongGenre"></label> <!-- /page -->
<span id="displaySongGenre" data-mini="true">-</span>
<br /> <div id="selectSong" data-content-theme="a" data-role="page" data-add-back-btn="true">
<label for="displaySongYear" class="input" data-i18n="displaySongYear"></label> <div data-role="header">
<span id="displaySongYear" data-mini="true">-</span> <h1 data-i18n="selectSongHeader"></h1>
<br /> </div>
<label for="displaySongLanguage" class="input" data-i18n="displaySongLanguage"></label> <!-- /header -->
<span id="displaySongLanguage" data-mini="true">-</span>
<br /> <div id="selectSongContent" data-role="content">
<label for="displaySongIsDuet" class="input" data-i18n="displaySongIsDuet"></label> <ul id="selectSongList" data-role="listview" data-filter="true" data-autodividers="true"></ul>
<span id="displaySongIsDuet" data-mini="true">-</span> </div>
<br /> <!-- /content -->
<br /> </div>
<div id="displaySongLinks"> <!-- /page -->
<img class="cursorStyleClickable" id="displaySongAddPlaylist" src="img/addPlaylist.png" />
<br /> <div id="keyboard" data-content-theme="a" data-role="page" data-add-back-btn="true">
<br /> <div data-role="header">
<img class="cursorStyleClickable" id="displaySongLinkYoutube" src="img/youtube.png" /> <h1 data-i18n="keyboardHeader"></h1>
<img class="cursorStyleClickable" id="displaySongLinkSpotify" src="img/spotify.png" /> </div>
<img class="cursorStyleClickable" id="displaySongLinkWikipedia" src="img/wikipedia.png" /> <!-- /header -->
<div id="keyboardContent" data-role="content">
<div class="ui-grid-b">
<div class="ui-block-a"></div>
<div class="ui-block-b">
<a data-role="button" id="keyboardButtonUp" data-i18n="keyboardButtonUp"></a>
</div> </div>
<div class="ui-block-c"></div>
</div> <div class="ui-block-a">
<!-- /content --> <a data-role="button" id="keyboardButtonLeft" data-i18n="keyboardButtonLeft"></a>
<div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="a" data-corners="false" data-tolerance="15,15">
<a href="#" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-i18n="popupVideoClose"></a>
<iframe width="480" height="320" seamless></iframe>
</div>
<!-- /popup -->
</div>
<!-- /page -->
<div id="selectSong" data-content-theme="a" data-role="page" data-add-back-btn="true">
<div data-role="header">
<h1 data-i18n="selectSongHeader"></h1>
</div>
<!-- /header -->
<div id="selectSongContent" data-role="content">
<ul id="selectSongList" data-role="listview" data-filter="true" data-autodividers="true"></ul>
</div>
<!-- /content -->
</div>
<!-- /page -->
<div id="keyboard" data-content-theme="a" data-role="page" data-add-back-btn="true">
<div data-role="header">
<h1 data-i18n="keyboardHeader"></h1>
</div>
<!-- /header -->
<div id="keyboardContent" data-role="content">
<div class="ui-grid-b">
<div class="ui-block-a"></div>
<div class="ui-block-b">
<a data-role="button" id="keyboardButtonUp" data-i18n="keyboardButtonUp"></a>
</div>
<div class="ui-block-c"></div>
<div class="ui-block-a">
<a data-role="button" id="keyboardButtonLeft" data-i18n="keyboardButtonLeft"></a>
</div>
<div class="ui-block-b">
</div>
<div class="ui-block-c">
<a data-role="button" id="keyboardButtonRight" data-i18n="keyboardButtonRight"></a>
</div>
<div class="ui-block-a"></div>
<div class="ui-block-b">
<a data-role="button" id="keyboardButtonDown" data-i18n="keyboardButtonDown"></a>
</div>
<div class="ui-block-c"></div>
</div> </div>
<div class="ui-grid-b"> <div class="ui-block-b">
<div class="ui-block-a">
<a data-role="button" id="keyboardButtonEscape" data-i18n="keyboardButtonEscape"></a>
</div>
<div class="ui-block-b">
<a data-role="button" id="keyboardButtonTab" data-i18n="keyboardButtonTab"></a>
</div>
<div class="ui-block-c">
<a data-role="button" id="keyboardButtonReturn" data-i18n="keyboardButtonReturn"></a>
</div>
</div> </div>
<div> <div class="ui-block-c">
<label for="keyboardButtonKeys" data-i18n="keyboardButtonKeys"></label> <a data-role="button" id="keyboardButtonRight" data-i18n="keyboardButtonRight"></a>
<input type="text" id="keyboardButtonKeys" data-mini="true"> </div>
<div class="ui-block-a"></div>
<div class="ui-block-b">
<a data-role="button" id="keyboardButtonDown" data-i18n="keyboardButtonDown"></a>
</div>
<div class="ui-block-c"></div>
</div>
<div class="ui-grid-b">
<div class="ui-block-a">
<a data-role="button" id="keyboardButtonEscape" data-i18n="keyboardButtonEscape"></a>
</div>
<div class="ui-block-b">
<a data-role="button" id="keyboardButtonTab" data-i18n="keyboardButtonTab"></a>
</div>
<div class="ui-block-c">
<a data-role="button" id="keyboardButtonReturn" data-i18n="keyboardButtonReturn"></a>
</div> </div>
</div> </div>
<!-- /content --> <div>
<label for="keyboardButtonKeys" data-i18n="keyboardButtonKeys"></label>
<input type="text" id="keyboardButtonKeys" data-mini="true">
</div>
</div> </div>
<!-- /page --> <!-- /content -->
</div>
<!-- /page -->
<div id="selectUserAdmin" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="selectUserAdmin" data-content-theme="a" data-role="page" data-add-back-btn="true">
<div data-role="header"> <div data-role="header">
<h1 data-i18n="selectUserAdminHeader"></h1> <h1 data-i18n="selectUserAdminHeader"></h1>
</div>
<!-- /header -->
<div id="selectUserAdminContent" data-role="content">
<ul id="selectUserAdminList" data-role="listview"></ul>
</div>
<!-- /content -->
</div> </div>
<!-- /page --> <!-- /header -->
<div id="displayUserAdmin" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="selectUserAdminContent" data-role="content">
<div data-role="header"> <ul id="selectUserAdminList" data-role="listview"></ul>
<h1 data-i18n="displayUserAdminHeader"></h1>
</div>
<!-- /header -->
<div id="displayUserAdminContent" data-role="content">
<fieldset data-role="controlgroup">
<legend></legend>
<input type="checkbox" id="roleAuthenticatedUser" checked="checked" disabled="disabled">
<label for="roleAuthenticatedUser">AuthenticatedUser</label>
<input type="checkbox" id="roleAdministrator">
<label for="roleAdministrator">Administrator</label>
</fieldset>
<a data-role="button" id="btnRoleSave" data-transition="slidefade" data-i18n="displayUserAdminContentSaveButton"></a>
</div>
<!-- /content -->
</div> </div>
<!-- /page --> <!-- /content -->
</div>
<!-- /page -->
<div id="selectPlaylist" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="displayUserAdmin" data-content-theme="a" data-role="page" data-add-back-btn="true">
<div data-role="header"> <div data-role="header">
<h1 data-i18n="selectPlaylistHeader"></h1> <h1 data-i18n="displayUserAdminHeader"></h1>
<a id="selectPlaylistAddPlaylistButton" href="#" class="ui-btn-right" data-icon="add" data-i18n="selectPlaylistAddPlaylistButton"></a>
</div>
<!-- /header -->
<div id="selectPlaylistContent" data-role="content">
<ul data-split-theme="a" id="selectPlaylistContentList" data-role="listview" data-filter="true"></ul>
</div>
<!-- /content -->
</div> </div>
<!-- /page --> <!-- /header -->
<div id="displayPlaylist" data-content-theme="a" data-role="page" data-add-back-btn="true"> <div id="displayUserAdminContent" data-role="content">
<div id="displayPlaylistHeader" data-role="header"> <fieldset data-role="controlgroup">
<h1 data-i18n="displayPlaylistHeader"></h1> <legend></legend>
<a id="displayPlaylistSaveButton" class="ui-btn-right" href="#" data-icon="add" data-i18n="displayPlaylistSaveButton"></a> <input type="checkbox" id="roleAuthenticatedUser" checked="checked" disabled="disabled">
</div> <label for="roleAuthenticatedUser">AuthenticatedUser</label>
<!-- /header --> <input type="checkbox" id="roleAdministrator">
<label for="roleAdministrator">Administrator</label>
<div id="displayPlaylistContent" data-role="content"> </fieldset>
<ol data-split-theme="a" id="displayPlaylistContentList" data-role="listview" data-filter="true"></ol> <a data-role="button" id="btnRoleSave" data-transition="slidefade" data-i18n="displayUserAdminContentSaveButton"></a>
</div>
<!-- /content -->
</div> </div>
<!-- /page --> <!-- /content -->
</div>
<!-- /page -->
<div class="ui-loader-background"></div> <div id="selectPlaylist" data-content-theme="a" data-role="page" data-add-back-btn="true">
</body> <div data-role="header">
<h1 data-i18n="selectPlaylistHeader"></h1>
<a id="selectPlaylistAddPlaylistButton" href="#" class="ui-btn-right" data-icon="add" data-i18n="selectPlaylistAddPlaylistButton"></a>
</div>
<!-- /header -->
<div id="selectPlaylistContent" data-role="content">
<ul data-split-theme="a" id="selectPlaylistContentList" data-role="listview" data-filter="true"></ul>
</div>
<!-- /content -->
</div>
<!-- /page -->
<div id="displayPlaylist" data-content-theme="a" data-role="page" data-add-back-btn="true">
<div id="displayPlaylistHeader" data-role="header">
<h1 data-i18n="displayPlaylistHeader"></h1>
<a id="displayPlaylistSaveButton" class="ui-btn-right" href="#" data-icon="add" data-i18n="displayPlaylistSaveButton"></a>
</div>
<!-- /header -->
<div id="displayPlaylistContent" data-role="content">
<ol data-split-theme="a" id="displayPlaylistContentList" data-role="listview" data-filter="true"></ol>
</div>
<!-- /content -->
</div>
<!-- /page -->
<div class="ui-loader-background"></div>
</body>
</html> </html>