mountainlab
Version:
MountainLab data analysis environment
256 lines (234 loc) • 10.3 kB
HTML
<span>
<div class="AltMLSMainWindow ml-vlayout" style="">
<div class="header_container ml-vlayout-item" style="flex:0 0 70px;overflow: visible">
<header class="navbar navbar-expand navbar-dark bd-navbar" style="background-color:#627DB7">
<a class="navbar-brand" id=home_button href="#">MLStudy</a>
<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
<li class="nav-item dropdown">
<a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Sign in
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item action_sign_in" href="#">
Sign in...
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item action_sign_out" href="#">
Sign out
</a>
</div>
</li>
</ul>
</header>
</div>
<div class="mainwindow_below_header ml-vlayout-item" style="flex:1">
<div class="MLSMainWindow-Container ml-hlayout" style="">
<div class="ml-hlayout-item" style="flex:0 0 150px;">
<div class="ml-item-content">
<div class="bd-sidebar" style="">
<nav class="" id="bd-docs-nav">
<div class="bd-toc-item active">
<a class="bd-toc-link" href="#">
Current study
</a>
<ul class="nav bd-sidenav">
<li data-content-id="home" class="active bd-sidenav-active">
<a href="#">Study overview</a>
</li>
<li data-content-id="datasets">
<a href="#">Datasets</a>
</li>
<li data-content-id="scripts" data-study-list-mode="my_studies">
<a href="#">Scripts</a>
</li>
<li data-content-id="output" data-study-list-mode="my_studies">
<a href="#">Output</a>
</li>
<li data-content-id="workspace" data-study-list-mode="my_studies">
<a href="#">Workspace</a>
</li>
</ul>
</div>
<div class="bd-toc-item active">
<a class="bd-toc-link" href="#">
Configuration
</a>
<ul class="nav bd-sidenav">
<li data-content-id="processing_server">
<a href="#">Processing server</a>
</li>
<li data-content-id="advanced_configuration">
<a href="#">Advanced</a>
</li>
</ul>
</div>
<div class="bd-toc-item active">
<a id="return_to_main_page" class="bd-toc-link" href="#">
Return to main page
</a>
</div>
</nav>
</div>
</div>
</div>
<div class="spacer ml-hlayout-item" style="flex:0 0 30px"></div>
<div class="main_window_right_of_navigation ml-hlayout-item" style="flex:1">
<div class="content_container ml-vlayout" style="">
<div class="study_top_bar ml-vlayout-item" style="flex:0 0 50px;overflow: visible"> <!-- need overflow:visible in order to see dropdown menu -->
<div class="" style="display:flex;flex-flow: row">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Study <span class="caret"></span></a>
<ul class="dropdown-menu" style="padding:15px">
<li><a href="#" id=new_study>New...</a></li>
<li><a href="#" id=open_study>Open...</a></li>
<li role="separator" class="divider"></li>
<li><a href="#" id=save_study>Save</a></li>
<li><a href="#" id=save_study_as>Save as...</a></li>
<li><a href="#" id=download_study><nobr>Download study document</nobr></a></li>
<li role="separator" class="divider"></li>
<li><a href="#" id=share_study>Share...</a></li>
</ul>
</li>
</ul>
<span id=document_info style="font-weight: bold;"></span>
<button class="btn btn-primary btn-sm" disabled="disabled" id="save_changes">Save changes to study</button>
 
<button class="btn btn-primary btn-sm devel" id="open_workspace_in_jupyter_container" style="visibility: hidden">Open workspace in Jupyter container</button>
</div>
</div>
<div id=content class="study_view ml-vlayout-item" style="flex:1">
<div class="tab-content" id="myTabContent" style="height:100%;">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab" style="height:100%;"></div>
<div class="tab-pane fade" id="datasets" role="tabpanel" aria-labelledby="home-tab" style="height:100%;"></div>
<div class="tab-pane fade" id="scripts" role="tabpanel" aria-labelledby="home-tab" style="height:100%;"></div>
<div class="tab-pane fade" id="output" role="tabpanel" aria-labelledby="home-tab" style="height:100%;"></div>
<div class="tab-pane fade" id="workspace" role="tabpanel" aria-labelledby="files-tab" style="height:100%;"></div>
<div class="tab-pane fade" id="processing_server" role="tabpanel" aria-labelledby="home-tab" style="height:100%;"></div>
<div class="tab-pane fade" id="advanced_configuration" role="tabpanel" aria-labelledby="home-tab" style="height:100%;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="AltMLSHomeView ml-vlayout">
<div class="ml-vlayout-item" style="flex:0 0 80px">
<h3 style="">Study: <span id=study_title></span></h3>
</div>
<div class="ml-vlayout-item" style="flex:1">
<div class="ml-hlayout">
<div class="ml-hlayout-item" style="flex:0 0 50%">
<p>
<span style="font-weight:bold">Description:</span>
<span style="font-style:italic">
<span id=description_content></span>
</span>
<a href="#" id=edit_description class="octicon octicon-pencil" title="Edit study description"></a>
</p>
</div>
<div class="ml-hlayout-item" style="flex:0 0 50%">
<ul>
<li><a href=# id=open_datasets><span id=num_datasets></span> datasets</a></li>
<li><a href=# id=open_scripts><span id=num_scripts></span> scripts</a></li>
<!--
<li><a href=# id=open_web_modules><span id=num_web_modules></span> web modules</a></li>
-->
</ul>
</div>
</div>
</div>
</div>
<span class="AltMLSDatasetsView ml-hlayout" style="">
<div class="ml-hlayout-item" style="flex:0 0 200px">
<div class="ml-vlayout" style="">
<div class="ml-vlayout-item" style="flex:0 0 60px;overflow: visible">
<a href=# title="Add new dataset" id="add_dataset"><span class="octicon octicon-plus"></span> Add dataset</a>
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">... <span class="caret"></span></a>
<ul class="dropdown-menu" style="padding:15px">
<li><nobr><a href="#" id=delete_selected>Delete selected datasets...</a></nobr></li>
</ul>
</li>
</ul>
</div>
<div class="ml-vlayout-item" style="flex:1">
<span id=dataset_list>
</span>
</div>
</div>
</div>
<div class="ml-hlayout-item" style="flex:1;">
<span id=dataset_widget>
</span>
</div>
</span>
<div class="AltMLSScriptsView ml-hlayout" style="">
<div class="ml-hlayout-item" style="flex:0 0 200px">
<div class="ml-vlayout" style="display:flex;flex-flow:column">
<div class="ml-vlayout-item" style="flex:0 0 60px;overflow: visible">
<a href=# title="Add new script" id="add_script"><span class="octicon octicon-plus"></span> Add script</a>
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">... <span class="caret"></span></a>
<ul class="dropdown-menu" style="padding:15px">
<li><nobr><a href="#" id=delete_selected>Delete selected scripts...</a></nobr></li>
</ul>
</li>
</ul>
</div>
<div class="ml-vlayout-item" style="flex:1">
<span id=script_list>
</span>
</div>
</div>
</div>
<div class="spacer ml-hlayout-item" style="flex:0 0 30px"></div>
<div class="ml-hlayout-item" style="flex:1;">
<span id=script_widget>
</span>
</div>
</div>
<span class="MLSOutputView ml-vlayout" style="">
<div class="ml-vlayout-item" style="flex:0.6 0 0">
<div class="ml-hlayout" style="">
<div style="flex:1">
<span id=results_widget></span>
</div>
<div class="spacer ml-hlayout-item" style="flex:0 0 30px"></div>
<div style="flex:1">
<span id=jobs_widget></span>
</div>
</div>
</div>
<div class="spacer ml-vlayout-item" style="flex:0 0 30px"></div>
<div class="ml-vlayout-item" style="flex:0.4 0 0">
<span id=log_widget></span>
</div>
</span>
<!--
<span id="template-AltMLSWebModulesView" style="display:none">
<div class="" style="width:200px">
<div class="" style="display:flex;flex-flow:column">
<div class="">
<a href=# title="Add new web module" id="add_web_module"><span class="octicon octicon-plus"></span> Add web module</a>
</div>
<div class="" style="flex:1">
<span id=web_module_list>
</span>
</div>
</div>
</div>
<div class="" style="flex:1;padding-left:40px;width:100%">
<span id=web_module_widget>
</span>
</div>
</span>
-->
</span>