storj/web/marketing/pages/referral-offers-modal.html
Faris Huskovic 7795ba8169
update UI to reflect final mockups (#2175)
* update UI to reflect final mockups

* fix line-height unit and remove important from selectors

* update file names and ids for clarity

* shorten 'label' in ids

* correct file-naming conventions

* add copyright to files

* check if break in imports is causing lint error

* resolve lint

* tidy go mod

* fix shorthands
2019-06-17 21:57:04 -04:00

61 lines
3.5 KiB
HTML

<!-- Copyright (C) 2019 Storj Labs, Inc.
See LICENSE for copying information. -->
{{define "referralOffersModal"}}
<div class="modal fade p-5" id="referral-offers-modal" tabindex="-1" role="dialog" aria-labelledby="referral-offers-modal-lbl" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="referral-offers-modal-lbl">Create Referral Credit</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-row">
<div class="form-group col-md-4">
<label for="offer-name">Offer Name</label>
<input type="text" class="form-control" id="offer-name" placeholder="May Referral" required>
</div>
<div class="form-group col-md-4">
<label for="description">Description</label>
<input type="text" class="form-control" id="description" placeholder="Our test with $50 for May" required>
</div>
<div class="form-group col-md-4">
<label for="expiration">Credit Exp Date</label>
<input type="date" class="form-control" id="expiration" placeholder="06/01/19" required>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-2">
<label for="give-credit">Give Credit</label>
<input type="number" class="form-control" id="give-credit" placeholder="$50" required>
</div>
<div class="form-group col-md-2">
<label for="give-credit-exp">Give Credit Exp.</label>
<input type="number" class="form-control" id="give-credit-exp" min="1" placeholder="14 days" required>
</div>
<div class="form-group col-md-2">
<label for="get-credit">Get Credit</label>
<input type="number" class="form-control" id="get-credit" placeholder="$50" min="1" required>
</div>
<div class="form-group col-md-3">
<label for="get-credit-exp">Get Credit Exp.</label>
<input type="number" class="form-control" id="get-credit-exp" placeholder="12 months" min="1" required>
</div>
<div class="form-group col-md-3">
<label for="redeemable-capacity">Redeemable Capacity</label>
<input type="number" class="form-control" id="redeemable-capacity" min="1" placeholder="150 users" required>
</div>
</div>
<div class="m-1 text-left">
<button type="submit" class="btn btn-primary">Create Offer</button>
<a class="ml-3" href="/">Cancel</a>
</div>
</form>
</div>
</div>
</div>
</div>
{{end}}