| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <div data-component="input"> |
| [].filter.call(document.querySelectorAll('.color-group .color'), function(el) { | |
| return el.querySelector('.shade').textContent === 'A400'; | |
| }).map(function (el) { | |
| return el.querySelector('.hex').textContent; | |
| }); |
| /* | |
| * Top level index.js | |
| */ | |
| let R = require('ramda') | |
| global.trace = msg => R.tap(x => console.log(msg, x)) | |
| /* | |
| * ... | |
| * |
| // Copy the following into Preferences > Key Bindings -- User | |
| // Thanks to: | |
| // http://sublimetext.userecho.com/topic/86166-backtick-quoting-selected-text-does-not-work-like-single-quotes-and-double-quotes/ | |
| [ | |
| // Auto-pair backticks | |
| { "keys": ["`"], "command": "insert_snippet", "args": {"contents": "`$0`"}, "context": | |
| [ | |
| { "key": "setting.auto_match_enabled", "operator": "equal", "operand": true }, | |
| { "key": "selection_empty", "operator": "equal", "operand": true, "match_all": true }, |
| emotion :+1: :-1: :clap: :heart: :sparkles: :v: :zzz: | |
| icon :new: :ok: :cool: :vs: :tm: :warning: :wheelchair: :zap: :art: :bomb: :bulb: :key: :lock: :memo: :mag: | |
| item :book: :gift: :moneybag: :mega: :scissors: :hammer: | |
| device :computer: :iphone: :calling: :email: | |
| human :cop: :runner: :feet: :fist: :punch: :lipstick: :tophat: | |
| food :beer: :cake: :smoking: | |
| behicle :airplane: :bike: :bus: :ski: :taxi: :train: | |
| animal :bear: :fish: :octocat: | |
| nature :fire: :leaves: :star: :sunny: |
| // convert 0..255 R,G,B values to binary string | |
| RGBToBin = function(r,g,b){ | |
| var bin = r << 16 | g << 8 | b; | |
| return (function(h){ | |
| return new Array(25-h.length).join("0")+h | |
| })(bin.toString(2)) | |
| } | |
| // convert 0..255 R,G,B values to a hexidecimal color string | |
| RGBToHex = function(r,g,b){ |
| // array utils | |
| // ================================================================================================= | |
| const combine = (...arrays) => [].concat(...arrays); | |
| const compact = arr => arr.filter(Boolean); | |
| const contains = (() => Array.prototype.includes | |
| ? (arr, value) => arr.includes(value) | |
| : (arr, value) => arr.some(el => el === value) |
When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.
Raw Attribute Strings
<div my-directive="some string" another-param="another string"></div>
| const compose = (...fns) => fns.reduce((f, g) => (...args) => f(g(...args))) | |
| // Usage : compose functions right to left | |
| // compose(minus8, add10, multiply10)(4) === 42 | |
| // | |
| // The resulting function can accept as many arguments as the first function does | |
| // compose(add2, multiply)(4, 10) === 42 |