| import { Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core'; | |
| import { Keyboard } from '@ionic-native/keyboard'; | |
| import { Content, Platform } from 'ionic-angular'; | |
| import { Subscription } from 'rxjs/Subscription'; | |
| /** | |
| * @name KeyboardAttachDirective | |
| * @source https://gist.github.com/Manduro/bc121fd39f21558df2a952b39e907754 | |
| * @description |
Service Worker - offline support for the web
Progressive apps - high-res icon, splash screen, no URL bar, etc.
| var normalize = System.normalize; | |
| System.normalize = function (name, parentName, parentAddress) { | |
| console.log("normalize: " + JSON.stringify({ | |
| name: name, | |
| parentName: parentName, | |
| parentAddress: parentAddress | |
| })); | |
| return normalize.call(this, name, parentName, parentAddress); | |
| }; |
| function mapValues(obj, fn) { | |
| return Object.keys(obj).reduce((result, key) => { | |
| result[key] = fn(obj[key], key); | |
| return result; | |
| }, {}); | |
| } | |
| function pick(obj, fn) { | |
| return Object.keys(obj).reduce((result, key) => { | |
| if (fn(obj[key])) { |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| // Install angularjs that way (jspm install angularjs) | |
| // For i18n files you can find from the npm register to install use: jspm install angular-i18n=npm:angular-i18n | |
| // | |
| // The following is more or less how you can import | |
| import angular from 'angular'; | |
| import 'angular-i18n/pt-br'; // on pt-br you can use your locale |
| /** | |
| * This code is licensed under the terms of the MIT license | |
| * | |
| * Deep diff between two object, using lodash | |
| * @param {Object} object Object compared | |
| * @param {Object} base Object to compare with | |
| * @return {Object} Return a new object who represent the diff | |
| */ | |
| function difference(object, base) { | |
| function changes(object, base) { |
| let hasBlobConstructor = typeof(Blob) !== 'undefined' && (function () { | |
| try { | |
| return Boolean(new Blob()); | |
| } catch (e) { | |
| return false; | |
| } | |
| }()); | |
| let hasArrayBufferViewSupport = hasBlobConstructor && typeof(Uint8Array) !== 'undefined' && (function () { | |
| try { |
| # npm publish with goodies | |
| # prerequisites: | |
| # `npm install -g trash conventional-recommended-bump conventional-changelog conventional-github-releaser conventional-commits-detector json` | |
| # `np` with optional argument `patch`/`minor`/`major`/`<version>` | |
| # defaults to conventional-recommended-bump | |
| # and optional argument preset `angular`/ `jquery` ... | |
| # defaults to conventional-commits-detector | |
| np() { | |
| travis status --no-interactive && | |
| trash node_modules &>/dev/null; |
| /* jshint -W117, -W030 */ | |
| describe('layout shell controller', function() { | |
| var controller; | |
| beforeEach(function() { | |
| bard.appModule('app.layout'); | |
| bard.inject(this, '$controller', '$log', '$timeout'); | |
| controller = $controller('Shell'); | |
| }); |