nicksteffens

import { module, test } from "qunit";
import { setupRenderingTest } from "ember-qunit";
import { render, typeIn, triggerKeyEvent } from "@ember/test-helpers";
import hbs from "htmlbars-inline-precompile";

module(
  "Integration | Component | data-properties-panel/custom-property-form",
  function(hooks) {
    setupRenderingTest(hooks);

nicksteffens

atom-text-editor.editor {
  /*
    Transform selected text into alternative font for elegant touch:
    - this
    - HTML and JSX attributes
    - JS functions (except arrow function)
    - JS undefined
    - JS storage (const/let/async)
    - EX constants
    - Ruby (nil/self/block)

nicksteffens

Modals

What is a modal?

• Putting the application into a new mode, without losing context of where you currently are (UI, URL, data loaded, etc)

What is a dialog?

• alert see below

What is a modal-dialog?

• A dialog inside a modal.

nicksteffens

import Ember from 'ember';
const { computed } = Ember;


export default Ember.Component.extend({
  tagName: 'ul',
  classNames: ['image-gallery'],
  classNameBindings: ['modifier'],
  modifier: null,
  

nicksteffens

import EmberTooltipComponent from 'ember-tooltips/components/ember-tooltip';
import { run } from '@ember/runloop';
import $ from 'jquery';

export default EmberTooltipComponent.extend({
  _hideTooltip() {
    const _tooltip = this.get('_tooltip');

    if (!_tooltip || this.get('isDestroying')) {
      return;

nicksteffens

import Ember from 'ember';
const { computed } = Ember;

export default Ember.Controller.extend({
appName: 'Ember Sum Twiddle',
requiredPhotosCount: 1,
requiredBlogsCount: 1,
requiredVideosCount: 1,
acceptedPhotosCount: 1,
acceptedBlogsCount: 1,

nicksteffens

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Not Empty Example',
  message: Ember.Object.create(),
  emptyMessage: null,
  
  hasSomeModel: Ember.computed.notEmpty('message'),
  hasEmptyModel: Ember.computed.notEmpty('emptymessage')
});

nicksteffens

import Ember from 'ember';

const { computed } = Ember;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
	
  prop1: 'something',
  prop2: 'something',
  

nicksteffens

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'li',
  label: null,
  click() {
    this.send('toggleActiveTab', this.get('label')
   }
  
});

nicksteffens

import Ember from 'ember';
import { test } from 'ember-qunit';

function convertValuesToObjects(value) {
  const data = { value };

  if ( value === undefined || value === null ) {
    data.display = `${value}`;
  } else {
    data.display = `'${value}'`;