cozy/cozy-mobile

#slide-out.side-nav
    ul
        li
            a.truncate(href=userUrl, onclick="open('#{userUrl}', '_system', 'location=yes')")
                i.material-icons cloud
                = userUrl
        li
            .divider
        li
            a.truncate(href='#folder/', onclick="$('#slide-out').sideNav('hide')")
                i.material-icons folder
                = t('files')
        li
            a.truncate(href='#config', onclick="$('#slide-out').sideNav('hide')")
                i.material-icons settings
                = t('config')
        if displayRender
            li
                .divider
            li
                a.truncate#senderBtn
                    i.material-icons send
                    = t('config_log_send')
            li
                a.truncate#shareBtn
                    i.material-icons share
                    = t('config_log_share')
    footer#displaySender


#header.navbar-fixed.header-file
    nav.open
        .nav-wrapper.bg-cozy-color

            if displaySearch
                ul.right.search
                    li.toggleSearch
                        a#searchButton
                            i.material-icons search

            if title
                a.brand-logo.center(href='#')= title

            ul.left.file
                li
                    a#menuButton.button-collapse(href='#', data-activates='slide-out')
                        i.material-icons menu

    nav.close
        .nav-wrapper.bg-cozy-color
            form#searchForm
                .input-field
                    input#searchInput(type='search', required='')
                    label(for='searchInput')
                        i.material-icons search
                    i.toggleSearch.material-icons close