Om Shankar OmShiv
OmShiv
/ vertical-horizontal-center.html
Last active
August 29, 2015 14:02
Vertical Horizontal Center
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="outer"> | |
| <div class="middle"> | |
| <div class="inner"> | |
| <h1>The Content</h1> | |
| <p>Once upon a midnight dreary...</p> | |
| </div> | |
| </div> | |
| </div> | |
| <style> |
OmShiv
/ progress-bar.html
Created
September 14, 2015 05:36
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Progress Bar</title> | |
| </head> | |
| <style type="text/css"> | |
| #progress-bar { | |
| background-color: blue; | |
| height: 30px; | |
| border-radius: 2px; |
OmShiv
/ components.component-five.js
Created
June 9, 2018 20:24
— forked from neborn/components.component-five.js
Inheritance and Complex Types in Definitions
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import ComponentOne from './component-one'; | |
| import ComponentA from '../mixins/component-a'; | |
| export default ComponentOne.extend(ComponentA, { | |
| type: 'Component Five', | |
| description: 'Extends Component One and includes Component A. Overrides obj in definition.', | |
| obj: { | |
| val: 5 | |
| } | |
| }); |
OmShiv
/ components.component-five.js
Created
June 11, 2018 17:17
Ember Components and Mixins data leak fix
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import ComponentOne from './component-one'; | |
| import ComponentA from '../mixins/component-a'; | |
| export default ComponentOne.extend(ComponentA, { | |
| type: 'Component Five', | |
| description: 'Extends Component One and includes Component A. Overrides obj in definition.', | |
| obj: { | |
| val: 5 | |
| } | |
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Ember from 'ember'; | |
| import { set } from '@ember/object'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle', | |
| someObj: { a: 1 }, | |
| init() { | |
| this._super(...arguments); | |
| this.someProp = this.someObj; | |
| }, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Controller from '@ember/controller'; | |
| import { action, computed, set, get, setProperties } from '@ember/object'; | |
| export default class ApplicationController extends Controller { | |
| appName = 'Ember Twiddle'; | |
| init() { | |
| super.init(...arguments); | |
| this.set('model', { | |
| endsAt: 'some value', | |
| totalBudget: { |
OlderNewer