api_token.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. {% extends '../layout/2column.html' %}
  2. {% block html_title %}APIの設定 · {{ path }}{% endblock %}
  3. {% block content_head %}
  4. <header id="page-header">
  5. <h1 class="title" id="">ユーザー設定</h1>
  6. </header>
  7. {% endblock %}
  8. {% block content_main %}
  9. <div class="content-main">
  10. <ul class="nav nav-tabs">
  11. <li><a href="/me"><i class="fa fa-gears"></i> ユーザー情報</a></li>
  12. <li><a href="/me/password"><i class="fa fa-key"></i> パスワード設定</a></li>
  13. <li class="active"><a href="/me/apiToken"><i class="fa fa-rocket"></i> API設定</a></li>
  14. </ul>
  15. <div class="tab-content">
  16. {% set message = req.flash('successMessage') %}
  17. {% if message.length %}
  18. <div class="alert alert-success">
  19. {{ message }}
  20. </div>
  21. {% endif %}
  22. {% if req.form.errors.length > 0 %}
  23. <div class="alert alert-danger">
  24. <ul>
  25. {% for error in req.form.errors %}
  26. <li>{{ error }}</li>
  27. {% endfor %}
  28. </ul>
  29. </div>
  30. {% endif %}
  31. <div id="form-box">
  32. <form action="/me/apiToken" method="post" class="form-horizontal" role="form">
  33. <fieldset>
  34. <legend>API Token 設定</legend>
  35. <div class="form-group {% if not user.password %}has-error{% endif %}">
  36. <label for="" class="col-xs-2 control-label">現在のAPI Token</label>
  37. <div class="col-xs-6">
  38. {% if user.apiToken %}
  39. <input class="form-control" type="text" value="{{ user.apiToken }}">
  40. {% else %}
  41. <p class="form-control-static">
  42. API Token が設定されていません。更新するボタンから発行してください。
  43. </p>
  44. {% endif %}
  45. </div>
  46. </div>
  47. <div class="form-group">
  48. <div class="col-xs-offset-2 col-xs-10">
  49. <p class="alert alert-warning">
  50. API Token を更新すると、自動的に新しい Token が生成されます。<br>
  51. 現在の Token を利用している処理は動かなくなります。
  52. </p>
  53. <button type="submit" value="1" name="apiTokenForm[confirm]" class="btn btn-primary">API Tokenを更新する</button>
  54. </div>
  55. </div>
  56. </fieldset>
  57. </form>
  58. </div>
  59. </div>
  60. </div>
  61. {% endblock content_main %}
  62. {% block content_footer %}
  63. {% endblock %}
  64. {% block footer %}
  65. {% endblock %}