<div class="menu-wrapper app-menu button">
        <div class="menu-button" on-mousedown="{{toggleMenu}}">
          <div class="icon-reorder"></div>
        </div>
        <div class="menu app-actions menu-options">
          <a class="saved {{ {hidden: user.state == 'signedout'} | tokenList}}" id="saveAppAs"><span class="icon icon-save"> </span> {{'Save As' | l10n}}</a>
          <a class="saved {{ {hidden: user.state == 'signedout'} | tokenList}}" id="renameApp"><span class="icon icon-edit"> </span> {{'Rename' | l10n}}</a>
          <a class="{{ {hidden: user.state == 'signedout'} | tokenList}}" id="publishApp"><span class="icon icon-mobile-phone"> </span> {{'Publish' | l10n}}</a>
          <a class="{{ {hidden: user.state == 'signedout'} | tokenList}} saved" id="deleteApp"><span class="icon icon-trash"> </span> {{'Delete' | l10n}}</a>
          <a id="newApp"><span class="icon icon-file-alt"> </span> {{'New App' | l10n}}</a>
          <a id="templateApp"><span class="icon icon-file-alt"> </span> {{'Edit App from Templates' | l10n}}</a>
          <!--<a href="#" onclick="$('#templateApp').load(); $('#templateApp').attr('src','https://webmaker.org/en-US/gallery/list/53fe24bc21d4817b6c000aad')"><span class="icon icon-file-alt"> </span> {{'Edit App from Templates' | l10n}}</a>
          <iframe id="templateApp" name="iframe_a" target="_parent"></iframe>-->
          <a class="hidden" id="viewlink"><span class="icon icon-external-link"> </span> {{'Preview App' | l10n}}</a>
        </div>
      </div>