| // | |
| // Dummy represent scale model of specificaly sized image | |
| // Mixin is base on popular http://placehold.it/ solution | |
| // arguments: width, height | |
| // data: int, int | |
| // | |
| .dummy(@width, @height) { | |
| background: url("http://placehold.it/@{width}x@{height}"); | |
| width: @width*1px; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <script id="jsbin-javascript"> | |
| var foobar = { |
| <!-- where cms/content.phtml return cms block content! --> | |
| {{block type="cms/block" block_id="blockIdHere" template="cms/content.phtml"}} |
| Function.prototype.method = function(name, fn) { | |
| this.prototype[name] = fn; | |
| return this; | |
| } |
| export function RouteCtrl($scope, $route, $routeParams, $rootScope) { | |
| // Function for page rendering | |
| function render() { | |
| // Properties | |
| // ---------------------------------- | |
| var action, | |
| path, | |
| section; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width"> | |
| <script src="//localhost:35729/livereload.js"></script> | |
| <!-- bower:css --> |
| export function routeProvider($routeProvider) { | |
| $routeProvider.when( | |
| "/whatever", { | |
| action: "whatever.home" | |
| } | |
| ).otherwise({ "action": "home" }); | |
| } |
| // Usage: | |
| // | |
| // 1. Put this in the file that gets first loaded by RequireJS | |
| // 2. Once the page has loaded, type window.rtree.map() in the console | |
| // This will map all dependencies in the window.rtree.tree object | |
| // 3. To generate UML call window.rtree.toUml(). The output can be used | |
| // here: http://yuml.me/diagram/scruffy/class/draw | |
| requirejs.onResourceLoad = function (context, map, depMaps) { | |
| if (!window.rtree) { | |
| window.rtree = {}; |
| // | |
| // Get all values from object | |
| // | |
| var obj = { something: "value1", somethingElse: "value2" }; | |
| // Object.keys method | |
| // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys | |
| // Put all keys from object to array | |
| // | |
| // Object.map method |
npm install -g jspm@betajspm initjspm install angular2 reflect-metadata zone.js es6-shimThis will create a jspm_packages folder, and a config.js file.
Open the config.js file - this file manages options for the System.js loader - tweak it as appropriate