officejs_audioplayer_playlist_offline_html.html 2 KB
Newer Older
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- renderjs -->
    <script src="source/audioplayer/lib/rsvp.min.js" type="text/javascript"></script>
    <script src="source/audioplayer/lib/renderjs.min.js" type="text/javascript"></script>
    <script src="source/audioplayer/lib/jquery.js" type="text/javascript"></script>
    <script src="source/audioplayer/lib/handlebars.min.js"></script>

    <script src="source/audioplayer/mixin_promise.js" type="text/javascript"></script>

    <script id="rows-template" type="text/x-handlebars-template">
      {{#each rows}}
      <li>
        {{#compare this.doc.type}}
        <a href=#page=control&id={{this.id}}&action=offline>
          <img src={{this.doc.picture}}>
          <h3> {{this.doc.title}} </h3>
          <P>  {{this.doc.artist}} </p>
          <P>  {{this.doc.album}} </p>
        </a>
        {{else}}
        <a href=#page=video_control&id={{this.id}}&action=offline>
          <img src={{this.doc.picture}}>
          <h3> {{this.doc.title}} </h3>
          <P>  {{this.doc.artist}} </p>
          <P>  {{this.doc.album}} </p>
        </a>
        {{/compare}}
        <a href=#page=playlist&id={{this.id}}&action=delete>
          data-rel=popup
          data-position-to=window
        </a>
      </li>
      {{/each}}
    </script>
    <!-- custom script -->
    <script src="gadget_officejs_audioplayer_playlist_offline.js" type="text/javascript"></script>
  </head>
    <body>
      <input type="search" class="research" placeholder="research..."/>

      <div data-role="content">
        <ul data-role="listview" data-split-icon="delete" data-split-theme="d">
        </ul>
      </div>


      <div data-role="footer" data-position="fixed" data-theme="b">
        <div data-role="navbar" >
          <ul>
            <li><a data-role="button" class="localhost" data-icon="search">localhost</a></li>
            <li><a data-role="button" class="online" data-icon="search">online</a></li>
        </ul>
      </div><!-- /navbar -->
    </div><!-- /footer -->

    </body>
</html>