tree.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. {% extends "page.html" %}
  2. {% block title %}{{page_title}}{% endblock %}
  3. {% block params %}
  4. {{super()}}
  5. data-base-url="{{base_url | urlencode}}"
  6. data-notebook-path="{{notebook_path | urlencode}}"
  7. data-terminals-available="{{terminals_available}}"
  8. data-server-root="{{server_root}}"
  9. {% endblock %}
  10. {% block headercontainer %}
  11. <span class="flex-spacer"></span>
  12. {% if shutdown_button %}
  13. <span id="shutdown_widget">
  14. <button id="shutdown" class="btn btn-sm navbar-btn"
  15. title="{% trans %}Stop the Jupyter server{% endtrans %}">
  16. {% trans %}Quit{% endtrans %}
  17. </button>
  18. </span>
  19. {% endif %}
  20. {% endblock %}
  21. {% block site %}
  22. <div id="ipython-main-app" class="container">
  23. <div id="tab_content" class="tabbable">
  24. <ul id="tabs" class="nav nav-tabs">
  25. <li class="active"><a href="#notebooks" data-toggle="tab">{% trans %}Files{% endtrans %}</a></li>
  26. <li><a href="#running" data-toggle="tab">{% trans %}Running{% endtrans %}</a></li>
  27. <li><a href="#clusters" data-toggle="tab" class="clusters_tab_link" >{% trans %}Clusters{% endtrans %}</a></li>
  28. </ul>
  29. <div class="tab-content">
  30. <div id="notebooks" class="tab-pane active">
  31. <div id="notebook_toolbar" class="row">
  32. <div class="col-sm-8 no-padding">
  33. <div class="dynamic-instructions">
  34. {% trans %}Select items to perform actions on them.{% endtrans %}
  35. </div>
  36. <div class="dynamic-buttons">
  37. <button title="{% trans %}Duplicate selected{% endtrans %}" aria-label="{% trans %}Duplicate selected{% endtrans %}" class="duplicate-button btn btn-default btn-xs">{% trans %}Duplicate{% endtrans %}</button>
  38. <button title="{% trans %}Rename selected{% endtrans %}" aria-label="{% trans %}Rename selected{% endtrans %}" class="rename-button btn btn-default btn-xs">{% trans %}Rename{% endtrans %}</button>
  39. <button title="{% trans %}Move selected{% endtrans %}" aria-label="{% trans %}Move selected{% endtrans %}" class="move-button btn btn-default btn-xs">{% trans %}Move{% endtrans %}</button>
  40. <button title="{% trans %}Download selected{% endtrans %}" aria-label="{% trans %}Download selected{% endtrans %}" class="download-button btn btn-default btn-xs">{% trans %}Download{% endtrans %}</button>
  41. <button title="{% trans %}Shutdown selected notebook(s){% endtrans %}" aria-label="{% trans %}Shutdown selected notebook(s){% endtrans %}" class="shutdown-button btn btn-default btn-xs btn-warning">{% trans %}Shutdown{% endtrans %}</button>
  42. <button title="{% trans %}View selected{% endtrans %}" aria-label="{% trans %}View selected{% endtrans %}" class="view-button btn btn-default btn-xs">{% trans %}View{% endtrans %}</button>
  43. <button title="{% trans %}Edit selected{% endtrans %}" aria-label="{% trans %}Edit selected{% endtrans %}" class="edit-button btn btn-default btn-xs">{% trans %}Edit{% endtrans %}</button>
  44. <button title="{% trans %}Delete selected{% endtrans %}" aria-label="{% trans %}Delete selected{% endtrans %}" class="delete-button btn btn-default btn-xs btn-danger"><i class="fa fa-trash"></i></button>
  45. </div>
  46. </div>
  47. <div class="col-sm-4 no-padding tree-buttons">
  48. <div class="pull-right">
  49. <form id='alternate_upload' class='alternate_upload'>
  50. <span id="notebook_list_info">
  51. <span class="btn btn-xs btn-default btn-upload">
  52. <input title="{% trans %}Click to browse for a file to upload.{% endtrans %}" type="file" name="datafile" class="fileinput" multiple='multiple'>
  53. {% trans %}Upload{% endtrans %}
  54. </span>
  55. </span>
  56. </form>
  57. <div id="new-buttons" class="btn-group">
  58. <button class="dropdown-toggle btn btn-default btn-xs" id="new-dropdown-button" data-toggle="dropdown">
  59. <span>{% trans %}New{% endtrans %}</span>
  60. <span class="caret"></span>
  61. </button>
  62. <ul id="new-menu" class="dropdown-menu">
  63. <li role="presentation" class="dropdown-header" id="notebook-kernels">Notebook:</li>
  64. <li role="presentation" class="divider"></li>
  65. <li role="presentation" class="dropdown-header" >Other:</li>
  66. <li role="presentation" id="new-file">
  67. <a role="menuitem" tabindex="-1" href="#">{% trans %}Text File{% endtrans %}</a>
  68. </li>
  69. <li role="presentation" id="new-folder">
  70. <a role="menuitem" tabindex="-1" href="#">{% trans %}Folder{% endtrans %}</a>
  71. </li>
  72. {% if terminals_available %}
  73. <li role="presentation" id="new-terminal">
  74. <a role="menuitem" tabindex="-1" href="#">{% trans %}Terminal{% endtrans %}</a>
  75. </li>
  76. {% else %}
  77. <li role="presentation" id="new-terminal-disabled" class="disabled">
  78. <a role="menuitem" tabindex="-1" href="#">{% trans %}Terminals Unavailable{% endtrans %}</a>
  79. </li>
  80. {% endif %}
  81. </ul>
  82. </div>
  83. <div class="btn-group">
  84. <button id="refresh_notebook_list" title="{% trans %}Refresh notebook list{% endtrans %}" aria-label="{% trans %}Refresh notebook list{% endtrans %}" class="btn btn-default btn-xs"><i class="fa fa-refresh"></i></button>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. <div id="notebook_list">
  90. <div id="notebook_list_header" class="row list_header">
  91. <div class="btn-group dropdown" id="tree-selector">
  92. <button title="{% trans %}Select All / None{% endtrans %}" aria-label="{% trans %}Select All / None{% endtrans %}" type="button" class="btn btn-default btn-xs" id="button-select-all">
  93. <input type="checkbox" class="pull-left tree-selector" id="select-all"><span id="counter-select-all">&nbsp;</span></input>
  94. </button>
  95. <button title="{% trans %}Select...{% endtrans %}" class="btn btn-default btn-xs dropdown-toggle" type="button" id="tree-selector-btn" data-toggle="dropdown" aria-expanded="true">
  96. <span class="caret"></span>
  97. <span class="sr-only">Toggle Dropdown</span>
  98. </button>
  99. <ul id='selector-menu' class="dropdown-menu" role="menu" aria-labelledby="tree-selector-btn">
  100. <li role="presentation"><a id="select-folders" role="menuitem" tabindex="-1" href="#" title="{% trans %}Select All Folders{% endtrans %}"><i class="menu_icon folder_icon icon-fixed-width"></i>&nbsp;{% trans %}Folders{% endtrans %}</a></li>
  101. <li role="presentation"><a id="select-notebooks" role="menuitem" tabindex="-1" href="#" title="{% trans %}Select All Notebooks{% endtrans %}"><i class="menu_icon notebook_icon icon-fixed-width"></i>&nbsp;{% trans %}All Notebooks{% endtrans %}</a></li>
  102. <li role="presentation"><a id="select-running-notebooks" role="menuitem" tabindex="-1" href="#" title="{% trans %}Select Running Notebooks{% endtrans %}"><i class="menu_icon running_notebook_icon icon-fixed-width"></i>&nbsp;{% trans %}Running{% endtrans %}</a></li>
  103. <li role="presentation"><a id="select-files" role="menuitem" tabindex="-1" href="#" title="{% trans %}Select All Files{% endtrans %}"><i class="menu_icon file_icon icon-fixed-width"></i>&nbsp;{% trans %}Files{% endtrans %}</a></li>
  104. </ul>
  105. </div>
  106. <div id="project_name">
  107. <ul class="breadcrumb">
  108. <li><a href="{{breadcrumbs[0][0]}}"><i class="fa fa-folder" alt="folder icon"></i></a></li>
  109. {% for crumb in breadcrumbs[1:] %}
  110. <li><a href="{{crumb[0]}}">{{crumb[1]}}</a></li>
  111. {% endfor %}
  112. </ul>
  113. </div>
  114. <div id="file_size" class="pull-right sort_button">
  115. <span class="btn btn-xs btn-default sort-action" id="file-size">
  116. {% trans %}File size{% endtrans %}
  117. <i class="fa"></i>
  118. </span>
  119. </div>
  120. <div id="last_modified" class="pull-right sort_button">
  121. <span class="btn btn-xs btn-default sort-action" id="last-modified">
  122. {% trans %}Last Modified{% endtrans %}
  123. <i class="fa"></i>
  124. </span>
  125. </div>
  126. <div id="sort_name" class="pull-right sort_button">
  127. <span class="btn btn-xs btn-default sort-action" id="sort-name">
  128. {% trans %}Name{% endtrans %}
  129. <i class="fa fa-arrow-down"></i>
  130. </span>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <div id="running" class="tab-pane">
  136. <div id="running_toolbar" class="row">
  137. <div class="col-sm-8 no-padding">
  138. <span id="running_list_info">{% trans %}Currently running Jupyter processes{% endtrans %}</span>
  139. </div>
  140. <div class="col-sm-4 no-padding tree-buttons">
  141. <span id="running_buttons" class="pull-right">
  142. <button id="refresh_running_list" title="{% trans %}Refresh running list{% endtrans %}" aria-label="{% trans %}Refresh running list{% endtrans %}" class="btn btn-default btn-xs"><i class="fa fa-refresh"></i></button>
  143. </span>
  144. </div>
  145. </div>
  146. <div class="panel-group" id="accordion" >
  147. <div class="panel panel-default">
  148. <div class="panel-heading">
  149. <a data-toggle="collapse" data-target="#collapseOne" href="#">
  150. Terminals
  151. </a>
  152. </div>
  153. <div id="collapseOne" class=" collapse in">
  154. <div class="panel-body">
  155. <div id="terminal_list">
  156. <div id="terminal_list_header" class="row list_placeholder">
  157. {% if terminals_available %}
  158. <div> {% trans %}There are no terminals running.{% endtrans %} </div>
  159. {% else %}
  160. <div> {% trans %}Terminals are unavailable.{% endtrans %} </div>
  161. {% endif %}
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="panel panel-default">
  168. <div class="panel-heading">
  169. <a data-toggle="collapse" data-target="#collapseTwo" href="#">
  170. {% trans %}Notebooks{% endtrans %}
  171. </a>
  172. </div>
  173. <div id="collapseTwo" class=" collapse in">
  174. <div class="panel-body">
  175. <div id="running_list">
  176. <div id="running_list_placeholder" class="row list_placeholder">
  177. <div> {% trans %}There are no notebooks running.{% endtrans %} </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. <div id="clusters" class="tab-pane">
  186. {% trans %}Clusters tab is now provided by IPython parallel.{% endtrans %}
  187. {% trans %}See '<a href="https://github.com/ipython/ipyparallel">IPython parallel</a>' for installation details.{% endtrans %}
  188. </div>
  189. </div><!-- class:tab-content -->
  190. </div><!-- id:tab_content -->
  191. </div><!-- ipython-main-app -->
  192. {% endblock %}
  193. {% block script %}
  194. {{super()}}
  195. <script src="{{ static_url("tree/js/main.min.js") }}" type="text/javascript" charset="utf-8"></script>
  196. {% endblock %}