Skip to content

Instantly share code, notes, and snippets.

@syakesaba
Created July 31, 2014 13:04
Show Gist options
  • Select an option

  • Save syakesaba/99273721eeb20c1694a1 to your computer and use it in GitHub Desktop.

Select an option

Save syakesaba/99273721eeb20c1694a1 to your computer and use it in GitHub Desktop.
{# ヘッダを情報バーにする。 #}
<div data-role="header" data-id="header_withLogin" data-position="fixed" id="{{page_name}}_header_withLogin">
<h1>{{title}}</h1>
<img id="{{page_name}}_user_settings_button" class="ui-btn-left" alt="{{user.name}}の{{user.auth_provider}}の画像" src="{{user.avatar_url}}" width="32px" height="32px">
<a href="#{{page_name}}_settings_popup" data-rel="popup" data-inline="true" class="ui-btn ui-shadow ui-btn-right">設定</a>
</div>
{# 上のボタンをクリックしたら開くメニューパネル。 #}
<div id="{{page_name}}_settings_popup" data-transition="pop" data-role="popup" class="ui-content" style="min-width:210px;">
<div data-role="collapsible-set">
<div data-role="collapsible">
<h3>ログイン情報</h3>
<table>
<tr>
<th>ログイン元</th><td>{{user.auth_provider}}</td>
</tr>
<tr>
<th>ログイン名</th><td>{{user.name}}</td>
</tr>
</table>
   </div>
<div>
<h3><a href="{{uri_for('logout')}}" class="ui-btn ui-shadow ui-btn-icon-left ui-icon-alert">ログアウト</a></h3>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment