Skip to content

Instantly share code, notes, and snippets.

import '../styles/main.scss';
function listree() {
const subMenuHeadings = document.getElementsByClassName("listree-submenu-heading");
Array.from(subMenuHeadings).forEach(function(subMenuHeading){
subMenuHeading.classList.add("collapsed");
subMenuHeading.nextElementSibling.style.display = "none";
subMenuHeading.addEventListener('click', function(event){
event.preventDefault();
const subMenuList = event.target.nextElementSibling;
.listree-submenu-heading {
cursor: pointer;
}
ul.listree {
list-style: none;
}
ul.listree-submenu-items {
list-style: none;
border-left: 1px dashed black;
white-space: nowrap;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
.listree-submenu-heading {
cursor: pointer;
}
ul.listree {
ul.listree-submenu-items {
list-style: none;
border-left: 1px dashed black;
white-space: nowrap;
margin-right: 4px;
padding-left: 20px;
}
function listree() {
const subMenuHeadings = document.getElementsByClassName("listree-submenu-heading");
Array.from(subMenuHeadings).forEach(function(subMenuHeading){
subMenuHeading.classList.add("collapsed");
subMenuHeading.nextElementSibling.style.display = "none";
subMenuHeading.addEventListener('click', function(event){
event.preventDefault();
const subMenuList = event.target.nextElementSibling;
if(subMenuList.style.display=="none"){
subMenuHeading.classList.remove("collapsed");
div.listree-submenu-heading.collapsed:before {
content: "+";
margin-right: 4px;
}
div.listree-submenu-heading.expanded:before {
content: "-";
margin-right: 4px;
}
function listree() {
const subMenuHeadings = document.getElementsByClassName("listree-submenu-heading");
Array.from(subMenuHeadings).forEach(function(subMenuHeading){
subMenuHeading.nextElementSibling.style.display = "none";
subMenuHeading.addEventListener('click', function(event){
event.preventDefault();
const subMenuList = event.target.nextElementSibling;
if(subMenuList.style.display=="none"){
subMenuList.style.display = "block";
}
ul.listree {
list-style: none;
}
ul.listree-submenu-items {
list-style: none;
}
<ul class="listree">
<li>
<div class="listree-submenu-heading">Personal Settings</div>
<ul class="listree-submenu-items">
<li><a href="">Password Settings</a></li>
<li><a href="">Viewing Preferences</a></li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Org Settings</div>
from flask import session, Flask
from flask_security import current_user
app = Flask(__name__)
@app.after_request
def inject_identifying_headers(response):
if current_user.is_authenticated:
response.headers['X-Userid'] = current_user.email