Commit 191fd211 authored by Matt Vanderpol's avatar Matt Vanderpol

Refactor code and add annual cost footer

parent 04ce6b82
......@@ -18,55 +18,65 @@ extra_js:
.row
.col-md-10.col-md-offset-1
.roi-calculator-container.js-roi-calculator.u-margin-top-lg
.row.header-row
.col-xs-3.header-col
.brand-title.text-center
Category
.col-xs-4.header-col
.brand-title.text-center
= partial "includes/logos/wm_web.svg"
.col-xs-5.header-col
.brand-title.text-center
Your toolchain
.js-roi-calculator
.roi-calculator-container.u-margin-top-lg
.row.header-row
.col-xs-3.header-col
.brand-title.text-center
Category
.col-xs-4.header-col
.brand-title.text-center
= partial "includes/logos/wm_web.svg"
.col-xs-5.header-col
.brand-title.text-center
Your toolchain
.row.total-row
.col-xs-3.total-col
.col-xs-4.total-col
.total-group
%span.total-label
Monthly Cost for 100 users
%span.total-value
$1,659
.col-xs-5.total-col
.total-group
%span.total-label
Monthly Cost for 100 users
%span.total-value#js-roi-calculator-total
- data.categories.each do |category_key, category|
- next unless category.roi
.row.data-row
.col-xs-3.data-col
= category.name
.col-xs-4.data-col
.included-group
= partial "includes/icons/checkmark.svg"
Included
.col-xs-5.data-col
.toolchain-group
.dropdown.level.js-competitor-dropdown
%button.dropdown-menu-toggle.btn{type: 'button', 'data-toggle' => 'dropdown'}
.dropdown-title
%i.fa.fa-chevron-down
%ul.dropdown-menu.dropdown-scroll
- data.features.competitors.each do |competitor_key, competitor|
- next if competitor_key[0..6] == 'gitlab_'
- next unless competitor.category && competitor.category.include?(category_key)
%li
%img{src: competitor.logo}
= competitor.name
.toolchain-cost-field
$
%input.toolchain-input.js-roi-calculator-input{ type: "number", value: 1000, step: 0.01, name: "#{category_key}_cost" }
\/mo
.row.total-row
.col-xs-3.total-col
.col-xs-4.total-col
.total-group
%span.total-label
Monthly Cost for 100 users
%span.total-value
$1,659
.col-xs-5.total-col
.total-group
%span.total-label
Monthly Cost for 100 users
%span.total-value#js-roi-calculator-total
- data.categories.each do |category_key, category|
- next unless category.roi
.row.data-row
.col-xs-3.data-col
= category.name
.col-xs-4.data-col
.included-group
= partial "includes/icons/checkmark.svg"
Included
.col-xs-5.data-col
.toolchain-group
.dropdown.level.js-competitor-dropdown
%button.dropdown-menu-toggle.btn{type: 'button', 'data-toggle' => 'dropdown'}
.dropdown-title
%i.fa.fa-chevron-down
%ul.dropdown-menu.dropdown-scroll
- data.features.competitors.each do |competitor_key, competitor|
- next if competitor_key[0..6] == 'gitlab_'
- next unless competitor.category && competitor.category.include?(category_key)
%li
%img{src: competitor.logo}
= competitor.name
.toolchain-cost-field
$
%input.toolchain-input.js-roi-calculator-input{ type: "number", value: 1000, step: 0.01, name: "#{category_key}_cost" }
\/mo
.row.annual-cost-header-row.u-margin-top-md
.col-xs-12
%h2.text-center Annual cost for 100 users
.row.annual-cost-row.u-margin-bottom-lg
.col-xs-4.col-xs-offset-3.gitlab-cost
%h1 $22,800
.col-xs-5.toolchain-cost
%h1#js-roi-calculator-annual-total
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment