main.js:
export function configure(aurelia) {
aurelia.use
.standardConfiguration()
.developmentLogging();
// Assuming a file named "knockout-custom-attribute.js", containing the
// custom attribute class defined above, exists in the root of the project:
aurelia.use.globalResources('./knockout-custom-attribute');
| "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="C:\chrome\dev-sessions\perf" --enable-precise-memory-info --enable-benchmarking --js-flags="--expose-gc" | |
| "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="C:\chrome\dev-sessions\cors" --disable-web-security |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>GistRun</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| Look at <code>script.js</code>... | |
| <script src="script.js"></script> |
| <template> | |
| <require from="./blob-to-url"></require> | |
| <require from="./file-list-to-array"></require> | |
| <input type="file" multiple accept="image/*" files.bind="selectedFiles"> | |
| <div> | |
| <ul> | |
| <li repeat.for="file of selectedFiles | fileListToArray"> | |
| <img src.bind="file | blobToUrl" /> |
| <template> | |
| <h1>${message}</h1> | |
| </template> |
| <template> | |
| <!-- bind this div's scroll position AND bind to the scroll events --> | |
| <div class="container" scrolltop.bind="scrollTop" scrollleft.bind="scrollLeft" | |
| scroll.trigger="handleScrollEvent($event)"> | |
| <!-- just some data to scroll... nothing to see here... --> | |
| <div class="content" repeat.for="y of 100"> | |
| <span repeat.for="x of 100">${x}</span> | |
| </div> | |
| </div> |
| <template> | |
| <require from="./datepicker"></require> | |
| Pick a date: | |
| <input datepicker value.bind="dateValue"> | |
| <p>${dateValue}</p> | |
| </template> |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>GistRun</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="husky"> | |
| <div class="mane"> |
| <template> | |
| <require from="./currency-value-converter"></require> | |
| <label> | |
| Language: | |
| <select value.bind="selectedLanguage"> | |
| <option repeat.for="language of languages" value.bind="language">${language}</option> | |
| </select> | |
| </label> | |
| <template> | |
| <require from="./search"></require> | |
| <search execute.call="doSearch(query)" delay.bind="400"></search> | |
| <ul> | |
| <li repeat.for="query of queries">${query}</li> | |
| </ul> | |
| </template> |