Random code formatting

Author: lax4mike

app/js/card/CardModel.js

@@ -42,7 +42,7 @@ var CardModel = module.exports = Backbone.Model.extend({
 
 
     toggleSelect: function(){
-        this.set({ selected: !this.get("selected") });
+        this.set({ selected: !this.get('selected') });
     },
 
     deselect: function(){
@@ -71,7 +71,7 @@ var CardModel = module.exports = Backbone.Model.extend({
             return this.get(att);   
         }.bind(this));
 
-        return card.join(" ");
+        return card.join(' ');
     }
 
 

app/js/card/CardParams.js

@@ -28,7 +28,7 @@ var CardParams = module.exports = {
         DIAMOND : 'diamond'
     },
 
-    setAttrs: ["count", "color", "shade", "shape"],
+    setAttrs: ['count', 'color', 'shade', 'shape'],
 
     getRandom: function(obj){
         var keys = Object.keys(obj);

app/js/card/CardView.js

@@ -69,19 +69,21 @@ var CardView = module.exports = Backbone.View.extend({
     // this svg only needs to be in the DOM once.
     // if it's already there (from a previous CardView), do nothing
     checkForStripies: function(){
-        if (!$("#" + this.stripyId).length) {
+        if (!$('#' + this.stripyId).length) {
             var stripies = require('./templates/stripies.handlebars');
-            $("body").prepend(stripies({id: this.stripyId}));
+            $('body').prepend(stripies({id: this.stripyId}));
         }
     },
 
     // pass these events to the model, we're listening change:selected
     toggleSelect: function(){
         this.model.toggleSelect();
     },
+
     select: function(){
         this.$el.addClass('selected');
     },
+
     deselect: function(){
         this.$el.removeClass('selected');
     },

app/js/cards/CardsCollection.js

@@ -74,7 +74,7 @@ var CardsCollection = module.exports = Backbone.Collection.extend({
     isSet: function(cards){
 
         if (cards.length != 3){
-            console.error("isSet has to be given 3 cards");
+            console.error('isSet has to be given 3 cards');
         }
 
         // for each attribute (color, count, shade, shape)

app/js/cards/CardsView.js

@@ -26,7 +26,7 @@ var CardsView = module.exports = Backbone.View.extend({
 
         // listen for keyboard events
         $(window).on('keydown', this.onKeypress.bind(this));
-        $(window).on("resize", this.onResize.bind(this));
+        $(window).on('resize', this.onResize.bind(this));
 
     },
 
@@ -153,7 +153,7 @@ var CardsView = module.exports = Backbone.View.extend({
 
             // if there aren't any sets, reshuffle
             if (sets.length === 0){
-                console.log("no sets :( ");
+                console.log('no sets :( ');
 
                 // remove all cards from card collection    
                 while(this.cards.length > 0){
@@ -163,15 +163,15 @@ var CardsView = module.exports = Backbone.View.extend({
                 this.addRandomCards();
             }
 
-            Backbone.trigger("cardsDealt");
-            console.log(sets.join("\n"));
+            Backbone.trigger('cardsDealt');
+            console.log(sets.join('\n'));
         }
 
     },
 
     showSet: function(threeCards){
 
-        Backbone.trigger("setFound");
+        Backbone.trigger('setFound');
 
         this.cards.deselectAll();
 
@@ -285,8 +285,8 @@ var CardsView = module.exports = Backbone.View.extend({
         if (!this.dim){
             this.dim = $('<div></div>').css({
                 zIndex: 500,
-                background: "rgba(255,255,255,0.9)",
-                position: "fixed",
+                background: 'rgba(255,255,255,0.9)',
+                position: 'fixed',
                 top: 0,
                 right: 0,
                 bottom: 0,

app/styl/card.styl

@@ -37,35 +37,32 @@ card-height = card-width*1.5;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-
     cursor: pointer;
-
-    &.animate-in {
-        animation: bounceIn 1s both linear;
-        
-        // animation: elastic-in 1s both linear;
-
-        // animation: rotateUp 1s both linear;
-        // transform-origin: bottom center;
-    }
-
-    // animation: fade-in 2s both linear;
-
     transition: transform .2s ease-in-out;
-
     margin: card-margin;
 
+    // animation: fade-in 2s both linear;
+
     shape-margin-h = 14px;
     shape-margin-v = 3px;
     // shape-width = card-width - (shape-margin-h * 2);
     shape-width = 72%;
     shape-height = 25%;
     shape-stroke = 8px; // can be up to 10px (after that it gets cut off)  http://stackoverflow.com/questions/7241393/can-you-control-how-an-svgs-stroke-width-is-drawn
 
+    &.animate-in {
+        animation: bounceIn 1s both linear;
+        
+        // animation: elastic-in 1s both linear;
+
+        // animation: rotateUp 1s both linear;
+        // transform-origin: bottom center;
+    }
+
     &:nth-child(4n + 1){
         clear: both;
     }
-
+    
     &.selected {
         box-shadow: 0px 0px 3px 2px #3498db;
         // animation: select-pop .3s both linear !important;