nicenote/themes/material/layout/_partial/toc_button.ejs
2018-07-13 19:29:56 +08:00

48 lines
1.7 KiB
Plaintext
Executable File

<% if(theme.scheme === 'Paradox') { %>
<!-- Back Button -->
<!--
<div class="material-back" id="backhome-div" tabindex="0">
<a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"
href="#" onclick="window.history.back();return false;"
target="_self"
role="button"
data-upgraded=",MaterialButton,MaterialRipple">
<i class="material-icons" role="presentation">arrow_back</i>
<span class="mdl-button__ripple-container">
<span class="mdl-ripple"></span>
</span>
</a>
</div>
-->
<!-- Left aligned menu below button -->
<button id="post-toc-trigger-btn"
class="mdl-button mdl-js-button mdl-button--icon">
<i class="material-icons">format_list_numbered</i>
</button>
<% if(theme.toc.linenumber === true) { %>
<ul class="post-toc-wrap mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="post-toc-trigger-btn" style="max-height:80vh; overflow-y:scroll;">
<%- toc(page.content, {
class: 'post-toc',
list_number: true,
style: 'max-height:80vh; overflow-y:scroll;'
}) %>
<!--
<li class="mdl-menu__item">
Some Action
</li>
-->
</ul>
<% } else { %>
<ul class="post-toc-wrap mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="post-toc-trigger-btn" style="max-height:80vh; overflow-y:scroll;">
<%- toc(page.content, {
class: 'post-toc',
list_number: false,
style: 'max-height:80vh; overflow-y:scroll;'
}) %>
</ul>
<% } %>
<% } %>