Skip to content

Instantly share code, notes, and snippets.

@mohamedali-s-4725
mohamedali-s-4725 / controllers.application\.js
Last active February 1, 2022 10:50
Iterate 1000+ items in each & Virtual DOM
import Controller from '@ember/controller';
import $ from 'jquery';
import { A } from '@ember/array';
import object, { action, set } from '@ember/object';
export default Controller.extend({
count: A(),
@mohamedali-s-4725
mohamedali-s-4725 / controllers.application\.js
Last active February 9, 2021 11:31
1000+ items - each iteration
import Controller from '@ember/controller';
export default Controller.extend({
appName: 'Ember Twiddle'
});
@mohamedali-s-4725
mohamedali-s-4725 / components.my-component\.js
Last active July 13, 2021 07:33
Nested route action-up
import Component from '@ember/component';
export default Component.extend({
});
import Controller from '@ember/controller';
import object, { set } from '@ember/object';
export default Controller.extend({
canShowUpgradeBanner: false,
init(){
import Controller from '@ember/controller';
import $ from 'jquery';
export default Controller.extend({
init(){
this._super(...arguments);
alert(Ember.$());
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
commentText:'&lt; &gt; &amp; <a href=""> SMA </a>',
imgTag: "'><img src=s onerror=alert()>"
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
Img_tag_with_tag:'&lt; &gt; &amp; <a href=""> SMA </a>'
});
@mohamedali-s-4725
mohamedali-s-4725 / components.create-issue\.js
Last active October 6, 2020 16:11
Ember App without mixin dependency
import Component from '@ember/component';
import $ from 'jquery';
import { run } from '@ember/runloop';
export default Component.extend({
classNames: ['create-issue-container'],
didInsertElement(){
import Component from '@ember/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
export default class extends Component {
@tracked hovered = false;
@action
handleMouseEnter(e) {
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}