Done on Linux (Ubuntu tested)
cd $HOME
virtualenv --python=/usr/bin/python2.7 pgadmin4
source pgadmin4/bin/activate
| /** | |
| * Playing with background-attachment | |
| */ | |
| pre { | |
| max-height: 150px; | |
| border: 1px solid silver; | |
| overflow: auto; | |
| background: url('http://placekitten.com/200/200'); | |
| color: white; |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>GistRun</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| <style> | |
| * { | |
| outline-color: inherit; | |
| } |
| <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> |
| <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> | |
| <div if.bind="showApp" ref="theelement"> | |
| This is the element. | |
| </div> | |
| <button click.delegate="showApp = !showApp">Toggle</button> | |
| ${theelement} | |
| </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> | |
| <require from="./registration-form"></require> | |
| <registration-form></registration-form> | |
| </template> |