import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['page-layout'],
  keyDown : function(e) {
    console.log(e.keyCode);
    if(event.keyCode==66 && event.ctrlKey) {
        console.log('ctrl+b was typed.');
      this.$('.item-d').focus();
    }
    if(event.keyCode==81 && event.ctrlKey) {
        console.log('ctrl+q was typed.');
      this.$('.item-b').focus();
    }
    if(event.keyCode==89 && event.ctrlKey) {
        console.log('ctrl+y was typed.');
      this.$('.item-a').focus();
    }
    if(event.keyCode==86 && event.ctrlKey) {
        console.log('ctrl+v was typed.');
      this.$('.item-f').focus();
    }
    if(event.keyCode==77 && event.ctrlKey) {
        console.log('ctrl+m was typed.');
      this.$('.item-g').focus();
    }
    if(event.keyCode==88 && event.ctrlKey) {
        console.log('ctrl+x was typed.');
      this.$('.item-c').focus();
    }
     if(event.keyCode==67 && event.ctrlKey) {
        console.log('ctrl+c was typed.');
      this.$('.item-e').focus();
    }

  }
});