Done on Linux (Ubuntu tested)
cd $HOME
virtualenv --python=/usr/bin/python2.7 pgadmin4
source pgadmin4/bin/activate
<template> | |
<input type="text" list="myDatalist" input.delegate="selectedValue = findOption($event.target.value)" /> | |
<datalist id="myDatalist"> | |
<option repeat.for="option of options">${option.name}</option> | |
</datalist> | |
<pre style="margin-top: 100px"><code>${selectedValue}</code></pre> | |
</template> |
<template> | |
<require from="./registration-form"></require> | |
<registration-form></registration-form> | |
</template> |
<template> | |
<require from="./grid"></require> | |
<require from="./grid-column"></require> | |
<h2>Grid Test</h2> | |
<div style="margin-bottom: 20px;"> | |
<button type="button" click.delegate="toggleNameColumn()">${buttonText}</button> | |
</div> | |
<grid items.bind="customers" grid.ref="customerGrid"> | |
<grid-column field="id" title="ID"></grid-column> | |
<grid-column field="name" title="NAME"></grid-column> |
<template> | |
<div if.bind="showApp" ref="theelement"> | |
This is the element. | |
</div> | |
<button click.delegate="showApp = !showApp">Toggle</button> | |
${theelement} | |
</template> |
<template> | |
<style> | |
.active { | |
font-weight: bold; | |
} | |
</style> | |
<ul> | |
<li repeat.for="row of router.navigation" class="${row.isActive ? 'active' : ''}"> | |
<a href.bind="row.href">${row.title}</a> | |
</li> |
<template> | |
<require from="./registration-form"></require> | |
<registration-form></registration-form> | |
</template> |
<template> | |
<require from="./outer"></require> | |
<require from="./inner"></require> | |
<h1>${message}</h1> | |
<outer><inner></inner></outer> | |
</template> |
<template> | |
<require from="./registration-form"></require> | |
<registration-form></registration-form> | |
</template> |
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>GistRun</title> | |
<link rel="stylesheet" href="styles.css"> | |
<style> | |
* { | |
outline-color: inherit; | |
} |