external-accounts.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. {% extends '../layout/admin.html' %}
  2. {% block html_title %}外部アカウント管理 · {% endblock %}
  3. {% block content_head %}
  4. <div class="header-wrap">
  5. <header id="page-header">
  6. <h1 class="title" id="">外部アカウント管理</h1>
  7. </header>
  8. </div>
  9. {% endblock %}
  10. {% block content_main %}
  11. <div class="content-main">
  12. {% set smessage = req.flash('successMessage') %}
  13. {% if smessage.length %}
  14. <div class="alert alert-success">
  15. {{ smessage }}
  16. </div>
  17. {% endif %}
  18. {% set emessage = req.flash('errorMessage') %}
  19. {% if emessage.length %}
  20. <div class="alert alert-danger">
  21. {{ emessage }}
  22. </div>
  23. {% endif %}
  24. <div class="row">
  25. <div class="col-md-3">
  26. {% include './widget/menu.html' with {current: 'external-account'} %}
  27. </div>
  28. <div class="col-md-9">
  29. <p>
  30. <a class="btn btn-default" href="/admin/users">
  31. <i class="fa fa-arrow-left" aria-hidden="true"></i>
  32. ユーザー管理に戻る
  33. </a>
  34. </p>
  35. <h2>外部アカウント一覧</h2>
  36. <table class="table table-hover table-striped table-bordered table-user-list">
  37. <thead>
  38. <tr>
  39. <th width="120px">Authentication Provider</th>
  40. <th><code>accountId</code></th>
  41. <th>関連付けられているユーザーの <code>username</code></th>
  42. <th>
  43. パスワード設定
  44. <a class="btn btn-sm btn-link text-muted"
  45. data-toggle="popover" data-placement="top"
  46. data-trigger="hover focus" tabindex="0" role="button" {# dismiss settings #}
  47. data-animation="false" data-html="true"
  48. data-content="<small>関連付けられているユーザーがパスワードを設定しているかどうかを表示します</small>">
  49. <i class="fa fa-info-circle" aria-hidden="true"></i>
  50. </a>
  51. </th>
  52. <th width="100px">作成日</th>
  53. <th width="90px">操作</th>
  54. </tr>
  55. </thead>
  56. <tbody>
  57. {% for account in accounts %}
  58. <tr>
  59. <td>{{ account.providerType }}</td>
  60. <td>
  61. <strong>{{ account.accountId }}</strong>
  62. </td>
  63. <td>
  64. <strong>{{ account.user.username }}</strong>
  65. </td>
  66. <td>
  67. {% if account.user.password != null %}
  68. <span class="label label-info">
  69. 設定済み
  70. </span>
  71. {% else %}
  72. <span class="label label-warning">
  73. 未設定
  74. </span>
  75. {% endif %}
  76. </td>
  77. <td>{{ account.createdAt|date('Y-m-d', account.createdAt.getTimezoneOffset()) }}</td>
  78. <td>
  79. <div class="btn-group admin-user-menu">
  80. <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
  81. 編集
  82. <span class="caret"></span>
  83. </button>
  84. <ul class="dropdown-menu" role="menu">
  85. <li class="dropdown-header">編集メニュー</li>
  86. <li class="dropdown-button">
  87. <form action="/admin/external-accounts/{{ account.accountId }}/remove" method="post">
  88. <input type="hidden" name="_csrf" value="{{ csrf() }}">
  89. <button type="submit" class="btn btn-block btn-danger">削除する</button>
  90. </form>
  91. </li>
  92. </ul>{# end of .dropdown-menu #}
  93. </div>{# end of .btn-group #}
  94. </td>
  95. </tr>
  96. {% endfor %}
  97. </tbody>
  98. </table>
  99. {% include '../widget/pager.html' with {path: "/admin/external-accounts", pager: pager} %}
  100. </div>
  101. </div>
  102. </div>
  103. {% endblock content_main %}
  104. {% block content_footer %}
  105. {% endblock content_footer %}