Files
openfoodnetwork/app/assets/javascripts/templates/registration/details.html.haml
2014-09-11 17:07:07 +10:00

43 lines
2.5 KiB
Plaintext

.container#registration-details
.header
%h2 Let's Get Started
%h5 Woot! First we need to know what sort of enterprise you are:
%ng-include{ src: "'registration/steps.html'" }
.row
.small-12.columns
%label{ for: 'enterprise_name' } Enterprise Name:
%input.chunky.small-12.columns{ id: 'enterprise_name', placeholder: "eg. Charlie's Awesome Farm", ng: { model: 'enterprise.name' } }
.row#enterprise-types{ 'data-equalizer' => true }
.small-12.columns
.row
.small-12.columns
%label Choose One:
.row
.small-12.medium-4.large-4.columns{ 'data-equalizer-watch' => true }
%a.panel.producer-panel{ href: "#", ng: { click: "enterprise.is_distributor = false; enterprise.is_primary_producer = true", class: "{selected: (!enterprise.is_distributor && enterprise.is_primary_producer)}" } }
.left
%render-svg{path: "/assets/map-icon-producer.svg"}
%h4 I'm A Producer
%p.clear
%small Producers are anyone making things to eat & drink - whether you grow it, raise it, brew it, bake it, ferment it, milk it or mould it.
.small-12.medium-4.large-4.columns{ 'data-equalizer-watch' => true }
%a.panel.hub-panel{ href: "#", ng: { click: "enterprise.is_distributor = true; enterprise.is_primary_producer = false", class: "{selected: (enterprise.is_distributor && !enterprise.is_primary_producer)}" } }
.left
%render-svg{path: "/assets/map-icon-hub.svg"}
%h4 I'm A Hub
%p
%small Hubs are anyone connecting the producer to the eater. Hubs may be a co-op, and independent retailer, a buying group, a CSA box scheme, a farm-gate stall, a wholesaler, etc...
.small-12.medium-4.large-4.columns{ 'data-equalizer-watch' => true }
%a.panel.both-panel{ href: "#", ng: { click: "enterprise.is_distributor = true; enterprise.is_primary_producer = true", class: "{selected: (enterprise.is_distributor && enterprise.is_primary_producer)}" } }
.left
%render-svg{path: "/assets/map-icon-both.svg"}
%h4 I'm Both
%p
%small Hey there, Jack-of-all-trades! Not only do you produce yummy things to eat and/or drink, you also want to connect directly to those who love buying your products!
.row.buttons
.small-12.columns
%input.button.primary{ type: "button", value: "Continue", ng: { click: "select('address')" } }