zoltan-nz

#List of product ids in sorted order. Get from jqueryui sortable plugin.
#product_ids = [3,1,2,4,7,6,5]

#product_ids.each_with_index do |id, index|
#  Product.where(id: id).update_all(sort_order: index+1)
#end

##CASE syntax example:
##Product.where(id: product_ids).update_all("sort_order = CASE id WHEN 539 THEN 1 WHEN 540 THEN 2 WHEN 542 THEN 3 END")

zoltan-nz

App.DateField = Ember.TextField.extend  
  didInsertElement: ->  
    self = this  
    this.$().datepicker({format: 'dd.mm.yyyy'}).on 'changeDate', ->  
      self.$().trigger('change')  

{{view App.DateField valueBinding="mydate"}}  

zoltan-nz

.spinner {
  margin: auto;
  height: 20px;
  width: 20px;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

zoltan-nz

/* Put your CSS here */
html, body {
  margin: 20px;
}

.woof-message {
  cursor: pointer;
}

.woof-message:hover button.close {

zoltan-nz

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

zoltan-nz

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

zoltan-nz

Solar System animation - Pure CSS

Here is a true time scaled solar-system, which means that every objects have a time relative to an Earth year.

A Pen by Malik Dellidj on CodePen.

License.

zoltan-nz

import Ember from 'ember';

export default Ember.Controller.extend({

  values: {
    0: 10,
    1: 15,
    2: 7,
    3: 19,
    4: 78,

zoltan-nz

import Ember from 'ember';

export default Ember.Helper.extend({
  router: Ember.computed(function() {
    return Ember.getOwner(this).lookup('router:main');
  }),

  compute([routeName, ...routeParams]) {
    let router = this.get('router');

zoltan-nz

import Ember from 'ember';

export default LinkComponent.extend({    
});