archive/blender-cloud
0
1
Fork 1
Code Issues 24 Pull Requests Projects Releases Wiki Activity

UI Project: Sidebar toggle button.

Browse Source
This commit is contained in:
Pablo Vazquez
2019-03-28 21:03:24 +01:00
parent b77f3aaa49
commit 353660c7ba
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/templates/projects/view.pug
View File

@@ -99,13 +99,22 @@ link(href="{{ url_for('static_cloud', filename='assets/css/project-main.css') }}
#project_nav(class="{{ title }}") #project_nav(class="{{ title }}")
#project_nav-container #project_nav-container
| {% if title != 'about' %} | {% if title != 'about' %}
button.project-sidebar-toggle.btn.btn-sm.btn-link.px-1.rounded-0.bg-light.text-muted.position-absolute(
type="button",
class="js-project-sidebar-toggle")
i.pi-angle-double-left
| {% block project_tree %} | {% block project_tree %}
#project_tree.bg-light.px-1.py-2.border-right #project_tree.bg-light.px-1.py-2.border-right
| {% endblock project_tree %} | {% endblock project_tree %}
| {% endif %} | {% endif %}
#project_context-container #project_context-container
.breadcrumbs-container .breadcrumbs-container.bg-dark.fixed-top
button.project-sidebar-toggle.btn.btn-sm.btn-link.px-1.bg-dark.rounded-0.text-muted(
type="button",
class="js-project-sidebar-toggle")
i.pi-menu
node-breadcrumbs(node-id="{{ node._id }}", @navigate="(nodeId)=>{displayNode(nodeId)}") node-breadcrumbs(node-id="{{ node._id }}", @navigate="(nodeId)=>{displayNode(nodeId)}")
script. script.
new Vue({el:'node-breadcrumbs'}); new Vue({el:'node-breadcrumbs'});
@@ -261,6 +270,13 @@ script(type="text/javascript", src="{{ url_for('static_pillar', filename='assets
| {% endif %} | {% endif %}
script. script.
loadProjectSidebar();
$('body').on('click', '.js-project-sidebar-toggle', function(e){
e.preventDefault();
toggleProjectSidebar();
});
function updateToggleProjHeaderMenuItem() { function updateToggleProjHeaderMenuItem() {
var $toggle_projheader = $('#item_toggle_projheader'); var $toggle_projheader = $('#item_toggle_projheader');