mirror/notebook
2
0
Fork 0
mirror of https://github.com/jupyter/notebook.git synced 2025-01-06 11:35:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

Initial try at adding tabs to project dashboard.

Browse Source
This commit is contained in:
Brian Granger 2012-02-07 22:03:33 -08:00
parent 3631fae153
commit b819fbfe8f
3 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
IPython/frontend/html/notebook/static/css/projectdashboard.css
View File

@ -7,7 +7,7 @@
#main_app {
width: 920px;
margin: auto;
margin: 30px auto 0px auto;
}
#notebooks_toolbar {
@ -51,3 +51,7 @@
.highlight_text {
color: blue;
}
.ui-tabs .ui-tabs-nav li a {
padding: .3em .5em;
}

1
IPython/frontend/html/notebook/static/js/projectdashboardmain.js
View File

@ -14,6 +14,7 @@ $(document).ready(function () {
IPython.page = new IPython.Page();
$('div#tabs').tabs();
$('div#main_app').addClass('border-box-sizing ui-widget');
$('div#notebooks_toolbar').addClass('ui-widget ui-helper-clearfix');
$('#new_notebook').button().click(function (e) {

33
IPython/frontend/html/notebook/templates/projectdashboard.html
View File

@ -21,22 +21,31 @@ data-read-only={{read_only}}
<div id="main_app">
{% if logged_in or not read_only %}
<div id="tabs">
<ul>
<li><a href="#tab1">Notebooks</a></li>
<li><a href="#tab2">Clusters</a></li>
</ul>
<div id="notebooks_toolbar">
<span id="drag_info">Drag files onto the list to import
notebooks.</span>
<div id="tab1">
{% if logged_in or not read_only %}
<div id="notebooks_toolbar">
<span id="drag_info">Drag files onto the list to import
notebooks.</span>
<span id="notebooks_buttons">
<button id="new_notebook">New Notebook</button>
</span>
<span id="notebooks_buttons">
<button id="new_notebook">New Notebook</button>
</span>
</div>
{% end %}
<div id="notebook_list">
<div id="project_name"><h2>{{project}}</h2></div>
</div>
</div>
{% end %}
<div id="notebook_list">
<div id="project_name"><h2>{{project}}</h2></div>
<div id="tab2">
</div>
</div>
</div>