Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, estou usando o Jade para fazer um layout padrão, pois varias telas do meu site irão utilizar um mesmo layout (menu).
Peguei um layout gratuito: http://startbootstrap.com/template-categories/admin-dashboard/
E estou montando uma estrutura de "includes", separando por:
Mas, quando exibe a pagina, exibe com os Menus ja expandidos (abertos), e nao sei como fazer para deixar os menus fechados.
Segue os arquivos:
-- dashboard.jade
doctype html
html(lang='en')
include head
body
include menu_
// /#page-wrapper
// /#wrapper
include scripts
-- head.jade
block head
head
meta(charset='utf-8')
meta(http-equiv='X-UA-Compatible', content='IE=edge')
meta(name='viewport', content='width=device-width, initial-scale=1')
meta(name='description', content='')
meta(name='author', content='')
title Cuidamos
// Bootstrap Core CSS
link(href='../../stylesheets/bootstrap/bootstrap.min.css', rel='stylesheet')
// MetisMenu CSS
link(href='../../stylesheets/metisMenu/metisMenu.min.css', rel='stylesheet')
// Timeline CSS
link(href='../../stylesheets/dist/timeline.css', rel='stylesheet')
// Custom CSS
link(href='../../stylesheets/dist/sb-admin-2.css', rel='stylesheet')
// Morris Charts CSS
link(href='../../stylesheets/morrisjs/morris.css', rel='stylesheet')
// Custom Fonts
link(href='../../stylesheets/font-awesome/font-awesome.min.css', rel='stylesheet')
link(href='../../stylesheets/style.css', rel='stylesheet')
-- menu_.jade
block menu
nav.navbar.navbar-default.navbar-static-top(role='navigation', style='margin-bottom: 0')
// INICIO CONTEM HEADER + MENU
.navbar-header
// INICIO SB ADMIN 2
button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='index.html') Dash
// FIM SB ADMIN 2
// /.navbar-header
ul.nav.navbar-top-links.navbar-right
// INICIO ICONES CANTO SUPERIOR DIREITO
li.dropdown
a.dropdown-toggle(data-toggle='dropdown', href='#')
i.fa.fa-envelope.fa-fw
i.fa.fa-caret-down
ul.dropdown-menu.dropdown-messages
li
a(href='#')
div
strong John Smith
span.pull-right.text-muted
em Yesterday
div
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...
li.divider
li
a(href='#')
div
strong John Smith
span.pull-right.text-muted
em Yesterday
div
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...
li.divider
li
a(href='#')
div
strong John Smith
span.pull-right.text-muted
em Yesterday
div
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...
li.divider
li
a.text-center(href='#')
strong Read All Messages
i.fa.fa-angle-right
// /.dropdown-messages
// /.dropdown
li.dropdown
a.dropdown-toggle(data-toggle='dropdown', href='#')
i.fa.fa-tasks.fa-fw
i.fa.fa-caret-down
ul.dropdown-menu.dropdown-tasks
li
a(href='#')
div
p
strong Task 1
span.pull-right.text-muted 40% Complete
.progress.progress-striped.active
.progress-bar.progress-bar-success(role='progressbar', aria-valuenow='40', aria-valuemin='0', aria-valuemax='100', style='width: 40%')
span.sr-only 40% Complete (success)
li.divider
li
a(href='#')
div
p
strong Task 2
span.pull-right.text-muted 20% Complete
.progress.progress-striped.active
.progress-bar.progress-bar-info(role='progressbar', aria-valuenow='20', aria-valuemin='0', aria-valuemax='100', style='width: 20%')
span.sr-only 20% Complete
li.divider
li
a(href='#')
div
p
strong Task 3
span.pull-right.text-muted 60% Complete
.progress.progress-striped.active
.progress-bar.progress-bar-warning(role='progressbar', aria-valuenow='60', aria-valuemin='0', aria-valuemax='100', style='width: 60%')
span.sr-only 60% Complete (warning)
li.divider
li
a(href='#')
div
p
strong Task 4
span.pull-right.text-muted 80% Complete
.progress.progress-striped.active
.progress-bar.progress-bar-danger(role='progressbar', aria-valuenow='80', aria-valuemin='0', aria-valuemax='100', style='width: 80%')
span.sr-only 80% Complete (danger)
li.divider
li
a.text-center(href='#')
strong See All Tasks
i.fa.fa-angle-right
// /.dropdown-tasks
// /.dropdown
li.dropdown
a.dropdown-toggle(data-toggle='dropdown', href='#')
i.fa.fa-bell.fa-fw
i.fa.fa-caret-down
ul.dropdown-menu.dropdown-alerts
li
a(href='#')
div
i.fa.fa-comment.fa-fw
| New Comment
span.pull-right.text-muted.small 4 minutes ago
li.divider
li
a(href='#')
div
i.fa.fa-twitter.fa-fw
| 3 New Followers
span.pull-right.text-muted.small 12 minutes ago
li.divider
li
a(href='#')
div
i.fa.fa-envelope.fa-fw
| Message Sent
span.pull-right.text-muted.small 4 minutes ago
li.divider
li
a(href='#')
div
i.fa.fa-tasks.fa-fw
| New Task
span.pull-right.text-muted.small 4 minutes ago
li.divider
li
a(href='#')
div
i.fa.fa-upload.fa-fw
| Server Rebooted
span.pull-right.text-muted.small 4 minutes ago
li.divider
li
a.text-center(href='#')
strong See All Alerts
i.fa.fa-angle-right
// /.dropdown-alerts
// /.dropdown
li.dropdown
a.dropdown-toggle(data-toggle='dropdown', href='#')
i.fa.fa-user.fa-fw
i.fa.fa-caret-down
ul.dropdown-menu.dropdown-user
li
a(href='cadastroPacientes.html')
i.fa.fa-user.fa-fw
| Meu Cadastro
li
a(href='#')
i.fa.fa-gear.fa-fw
| Settings
li.divider
li
a(href='login.html')
i.fa.fa-sign-out.fa-fw
| Logout
// /.dropdown-user
// /.dropdown
// FIM ICONES CANTO SUPERIOR DIREITO
// /.navbar-top-links
.navbar-default.sidebar(role='navigation')
// INICIO DO MENU
.sidebar-nav.navbar-collapse
ul#side-menu.nav
li.sidebar-search
.input-group.custom-search-form
input.form-control(type='text', placeholder='Search...')
span.input-group-btn
button.btn.btn-default(type='button')
i.fa.fa-search
// /input-group
li
a(href='index.html')
i.fa.fa-dashboard.fa-fw
| Dashboard
li
a(href='#')
i.fa.fa-bar-chart-o.fa-fw
| Charts
span.fa.arrow
ul.nav.nav-second-level
li
a(href='#') Flot Charts
li
a(href='#') Morris.js Charts
// /.nav-second-level
li
a(href='tables.html')
i.fa.fa-table.fa-fw
| Tables
li
a(href='forms.html')
i.fa.fa-edit.fa-fw
| Forms
li
a(href='#')
i.fa.fa-wrench.fa-fw
| UI Elements
span.fa.arrow
ul.nav.nav-second-level
li
a(href='panels-wells.html') Panels and Wells
li
a(href='buttons.html') Buttons
li
a(href='notifications.html') Notifications
li
a(href='typography.html') Typography
li
a(href='icons.html') Icons
li
a(href='grid.html') Grid
// /.nav-second-level
li
a(href='#')
i.fa.fa-sitemap.fa-fw
| Multi-Level Dropdown
span.fa.arrow
ul.nav.nav-second-level
li
a(href='#') Second Level Item
li
a(href='#') Second Level Item
li
a(href='#')
| Third Level
span.fa.arrow
ul.nav.nav-third-level
li
a(href='#') Third Level Item
li
a(href='#') Third Level Item
li
a(href='#') Third Level Item
li
a(href='#') Third Level Item
// /.nav-third-level
// /.nav-second-level
li
a(href='#')
i.fa.fa-files-o.fa-fw
| Sample Pages
span.fa.arrow
ul.nav.nav-second-level
li
a(href='blank.html') Blank Page
li
a(href='login.html') Login Page
// /.nav-second-level
// /.sidebar-collapse
// FIM DO MENU
// /.navbar-static-side
// FIM CONTEM HEADER + MENU
include corpo
-- corpo.jade
#page-wrapper
// INICIO CONTEM CORPO DA PAGINA
.col-lg-12
h1.page-header Cadastro
header.row
.row
.form-group.row
.form-group
.jumbotron
.container.form-group
select.form-control.input-xs.form-group
select#estado.form-control.m-bot15(name='estado').form-group
select#convenio.form-control.m-bot15(name='convenio')Se alguem conseguir me dar uma luz para resolver isso...
Carregando comentários...