<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>OfficeJS Router Gadget</title>

    <!-- renderjs -->
    <script src="rsvp.js" type="text/javascript"></script>
    <script src="renderjs.js" type="text/javascript"></script>
    <script src="handlebars.js" type="text/javascript"></script>

    <!-- custom script -->
    <script src="gadget_erp5_page_drive_app_configurator.js" type="text/javascript"></script>

  <script id="storage-selection" type="text/x-handlebars-template">
    <br>
    <ul data-role="listview" data-theme="c" class="document-listview ui-listview-inset ui-corner-all">
      {{#each documentlist}}
        <li><a class="ui-body-inherit" href="{{link}}">{{title}}</a></li>
      {{/each}}
    </ul>
  </script>
  </head>
  <body>
    <div data-gadget-url="gadget_drive_app_configurator_access.html" data-gadget-scope="access"></div>
    <br>
    <article class="ui-content ui-body-c">
      <section class="ui-content-header-plain">
        <h3 class="ui-content-title ui-body-c">
          <span class="ui-icon ui-icon-custom ui-icon-database">&nbsp;</span>
          Your Storage Choice
        </h3>
      </section>
      <section class="ui-body-c ui-content-section">
      <p>Select a storage to synchronize your data with</p>
        <div class="storage-selection">
        </div>
      </section>
    </article>
    <br>
  </body>
</html>