diff --git a/app/assets/javascripts/templates/registration/contact.html.haml b/app/assets/javascripts/templates/registration/contact.html.haml index 234ff95c25..dac16c5771 100644 --- a/app/assets/javascripts/templates/registration/contact.html.haml +++ b/app/assets/javascripts/templates/registration/contact.html.haml @@ -1,11 +1,16 @@ .container#registration-contact .header %h2 Last step to create your enterprise! - %h5 Who is responsible for managing {{ enterprise.name }}? + %h5 + Who is responsible for managing + %span.brick{"ng-show" => "enterprise.is_distributor"} + {{ enterprise.name }} + %span.turquoise{"ng-show" => "!enterprise.is_distributor" } + {{ enterprise.name }} %ng-include{ src: "'registration/steps.html'" } %form .row.content - .small-12.large-8.columns + .small-12.medium-12.large-7.columns .row .small-12.columns %label{ for: 'enterprise_contact' } Primary Contact: @@ -18,21 +23,25 @@ .small-12.columns %label{ for: 'enterprise_phone' } Phone number: %input.chunky.small-12.columns{ id: 'enterprise_phone', placeholder: "eg. (03) 1234 5678", ng: { model: 'enterprise.phone' } } - .small-12.large-4.columns - %h6 - Contact display - %i.ofn-i_013-help.has-tip{ 'data-tooltip' => true, title: "Choose how you want to display your contact details on the Open Food Network."} - .row - .small-12.columns - %label.indent-checkbox - %input{ type: 'checkbox', id: 'contact_name_profile', ng: { model: 'enterprise.name_in_profile' } }   Display name in profile - .small-12.columns - %label.indent-checkbox - %input{ type: 'checkbox', id: 'contact_email_profile', ng: { model: 'enterprise.email_in_profile' } }   Display email in profile - .small-12.columns - %label.indent-checkbox - %input{ type: 'checkbox', id: 'contact_phone_profile', ng: { model: 'enterprise.phone_in_profile' } }   Display phone in profile + .small-12.medium-12.large-5.hide-for-small-only + / %h6 + / Contact display + / %i.ofn-i_013-help.has-tip{ 'data-tooltip' => true, title: "Choose how you want to display your contact details on the Open Food Network."} + / .row + / .small-12.columns + / %label.indent-checkbox + / %input{ type: 'checkbox', id: 'contact_name_profile', ng: { model: 'enterprise.name_in_profile' } }   Display name in profile + / .small-12.columns + / %label.indent-checkbox + / %input{ type: 'checkbox', id: 'contact_email_profile', ng: { model: 'enterprise.email_in_profile' } }   Display email in profile + / .small-12.columns + / %label.indent-checkbox + / %input{ type: 'checkbox', id: 'contact_phone_profile', ng: { model: 'enterprise.phone_in_profile' } }   Display phone in profile + .row.buttons .small-12.columns - %input.button.primary.left{ type: "button", value: "Back", ng: { click: "select('address')" } } - %input.button.primary.right{ type: "button", value: "Continue", ng: { click: "create()" } } \ No newline at end of file + %input.button.secondary{ type: "button", value: "Back", ng: { click: "select('address')" } } +   + %input.button.primary{ type: "button", value: "Continue", ng: { click: "create()" } } + + \ No newline at end of file