Adding basic angular to welcome form

app/assets/javascripts/admin/all.js

@@ -23,6 +23,7 @@
 //= require ./products/products
 //= require ./shipping_methods/shipping_methods
 //= require ./users/users
+//= require ./welcome/welcome
 //= require textAngular.min.js
 //= require textAngular-sanitize.min.js
 

app/assets/javascripts/admin/welcome/controllers/welcome_controller.js.coffee

@@ -0,0 +1,3 @@
+angular.module("admin.welcome")
+  .controller "welcomeCtrl", ($scope) ->
+    $scope.sells = "unspecified"

app/assets/javascripts/admin/welcome/welcome.js.coffee

@@ -0,0 +1 @@
+angular.module("admin.welcome", [])

app/assets/stylesheets/admin/welcome.css.sass

@@ -35,6 +35,16 @@
           border-top: 3px solid black
           padding: 8px 0px
 
+        &:hover
+          cursor: 'pointer'
+
+        &.selected
+          color: #ffffff
+          background-color: #ff4949
+          border-color: #000000
+          h1, h2, h3, h4, h5, h6
+            color: #ffffff
+
       &.disabled
         color: #b0b0b0
         .selector

app/views/spree/admin/overview/welcome.html.haml

@@ -1,4 +1,4 @@
-#welcome_page.sixteen.columns.alpha{ ng: { controller: 'WelcomeCtrl' } }
+#welcome_page.sixteen.columns.alpha{ ng: { app: "admin.welcome", controller: 'welcomeCtrl' } }
   #welcome
     %h1 Welcome to the Open Food Network!
     %h6= "You have successfully created a#{" producer" if @enterprise.is_primary_producer} profile"
@@ -13,7 +13,7 @@
   .options.sixteen.columns.alpha
     - if @enterprise.is_primary_producer
       .basic_producer.option.one-third.column.alpha
-        .selector
+        .selector{ ng: { click: "sells='none'", class: "{selected: sells=='none'}" } }
           .top
             %h2 Basic Producer
             .plain_text Supply only
@@ -24,7 +24,7 @@
           You can also add your products, allowing customers to see your product range and allowing you to act as a supplier to other shopfronts.
 
       .producer_shop.option.one-third.column
-        .selector
+        .selector{ ng: { click: "sells='own'", class: "{selected: sells=='own'}" } }
           .top
             %h2 Producer with Shop
             .plain_text Sell your products through an OFN shopfront
@@ -47,7 +47,7 @@
 
     - else
       .shop_profile.option.one-third.column.alpha
-        .button
+        .selector{ ng: { class: "{selected: sells=='none'}" } }
           .top.center
             %h2 Shop Profile
             .plain_text Get a listing