border-bottom: 1px dotted black;
font-family: Lato, sans-serif;
color: rgba(0, 0, 0, 0.87);
<h1 class="title sans">Plans.all example</h1>
<ul id="plans" class="sans"></ul>
var planOutput = document.getElementById('plans');
function formatPlan(plan) {
<a href="https://www.dronedeploy.com/app2/data/"${plan.id}" target="_blank">${plan.name}</a> by ${plan.username}
function formatObject(obj) {
var keys = Object.keys(obj);
var result = keys.map(function(key) {
return typeof obj[key] === 'object' ? `<li><span class="key sans">${key}</span>: </li><ul>${formatObject(obj[key])}</ul></li>` : `<li><span class="key sans">${key}</span>: ${obj[key]}</li>`
.then(function(dronedeployApi) {
return dronedeployApi.Plans.all()
plans.forEach(function(plan) {
planOutput.innerHTML += `<li class="plan-name"><h2>Plan: ${plan.name}</h2></li>`
planOutput.innerHTML += formatObject(plan)