Also see the discussion about global ajax settings:
Add support for a global ajaxConfig > Thus far we've just gone for having a base model and base collection in every project.
| function keyFirstSearch(obj, term) { | |
| for (const key of Object.keys(obj)) { | |
| if (key === term) { | |
| return obj[term]; | |
| } | |
| const prop = obj[key]; | |
| if (typeof prop === 'object') { | |
| const nested = keyFirstSearch(prop, term); | |
| if (nested !== undefined) { |
| <template> | |
| <require from="nav-bar.html"></require> | |
| <!-- this nav works --> | |
| <nav-bar router.bind="router"></nav-bar> | |
| <div class="page-host" style="margin-top:50px"> | |
| <router-view router.bind="router"></router-view> | |
| </div> | |
| </template> |
| <template> | |
| <h1>${message}</h1> | |
| </template> |
Also see the discussion about global ajax settings:
Add support for a global ajaxConfig > Thus far we've just gone for having a base model and base collection in every project.
| .m-mq(@query, @ruleset) { | |
| @media @query { | |
| @ruleset(); | |
| } | |
| }; | |
| .m-mq-retina(@ruleset) { | |
| @query: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi)"; | |
| .m-mq(@query, @ruleset); | |
| }; | |
| .icon-foo { |
| /** | |
| * Function that replaces mustache variables in a string with values from the data object | |
| * @param {String} tmpl String with the variables to be replaced | |
| * @param {Object} data Object with data to be populated | |
| * @return {String} Returns a string with mustache variables replaced | |
| */ | |
| var buildTmpl = function(tmpl, data) { | |
| if (!data) { | |
| return tmpl; | |
| } |
| data:text/html, <html><head><style type="text/css"> html { font-family: Arial } </style><script src="http://jakiestfu.github.com/Behave.js/behave.js"></script><script>window.onload=function(){var editor = new Behave({textarea: document.getElementById('myTextarea')});};</script></head><body><textarea id="myTextarea" style="width:100%;height:100%;margin:0 auto;padding:1rem;font-size:1rem; border: none; outline: none" autofocus></textarea></body> |
| var request = require('request'); | |
| var assign = require('lodash.assign'); | |
| var XmlPoster = function(options) { | |
| this.url = options.url; | |
| this.headers = options.headers || {}; | |
| }; | |
| XmlPoster.prototype.request = function(body) { | |
| var me = this; | |
| var xmlConfig = { |
| #BEM { | |
| .glue(@glue, @selector, @styles) { | |
| &@{glue}@{selector} { | |
| @styles(); | |
| } | |
| } | |
| .e(@name, @styles) { | |
| #BEM > .glue(__, @name, @styles); | |
| } | |
| .m(@name, @styles) { |
| console.log("%c D %c 13 %c DESIGN ", "background: red; color: white; padding: 2px", "background: blue; color: white; padding: 2px", ""); |