storj/web/marketing/pages/referral-offers-modal.html
Faris Huskovic ebd976ec28
satellite/marketing: Create New Offer (#2186)
* update UI to reflect final mockups

* implement create handler and render offers table data to UI

* fix line-height unit and remove important from selectors

* update file names and ids for clarity

* shorten 'label' in ids

* localize global vars, fix endpoint names, remove unnecessary receiver, fix comments

* fix unnecessary initialization of pointer

* correct file-naming conventions

* register timeConverter in an init func for safety and remove unnecessary important from css

* consolidate create endpoints and add comments

* register timeConverter in init func

* add copyright to files

* introduce require pkg

* add proper http server unit test

* update linting and create offers concurrently in unit test

* fix getOffers comment

* add copy-right to unit-test

* fix data-races

* fix linting

* remove converter in NewServer

* requested changes in progress

* add require for checking status code

* renamed template file

* fix 400 handler

* fix missing copyright and remove extra line

* fix build

* run goroutine for testing parallel

* evaluate reqType with switch stmt and promp for credit amount in cents

* fix lint issue

* add default case

* remove unnecessary var

* fix range scope error

* remove empty lines and use long form for struct field

* fix merge conflicts

* fix template reference

* fix modal id

* not delete package

* add currency formatting and requested changes

* markup formatting

* lean out currency logic and move wait outside loop

* pass ToDollars func to home template

* fix lint
2019-06-28 10:34:10 -04:00

61 lines
3.8 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="ref-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="ref-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 action="/create/referral-offer" method="POST" enctype="application/x-www-form-urlencoded">
<div class="form-row">
<div class="form-group col-md-4">
<label for="Name">Offer Name</label>
<input type="text" class="form-control" name="Name" id="Name" placeholder="May Referral" required>
</div>
<div class="form-group col-md-4">
<label for="Description">Description</label>
<input type="text" class="form-control" name="Description" id="Description" placeholder="Our test with $50 for May" required>
</div>
<div class="form-group col-md-4">
<label for="ExpiresAt">Credit Exp Date</label>
<input type="date" class="form-control" id="ExpiresAt" name="ExpiresAt" placeholder="06/01/19" required>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-2">
<label for="InviteeCreditInCents">Give Credit</label>
<input type="number" class="form-control" name="InviteeCreditInCents" id="InviteeCreditInCents" placeholder="$50" required>
</div>
<div class="form-group col-md-2">
<label for="InviteeCreditDurationDays">Give Credit Exp.</label>
<input type="number" class="form-control" name="InviteeCreditDurationDays" id="InviteeCreditDurationDays" min="1" placeholder="14 days" required>
</div>
<div class="form-group col-md-2">
<label for="AwardCreditInCents">Award Credit</label>
<input type="number" class="form-control" name="AwardCreditInCents" id="AwardCreditInCents" placeholder="$50" min="1" required>
</div>
<div class="form-group col-md-3">
<label for="AwardCreditDurationDays">Award Credit Exp.</label>
<input type="number" class="form-control" name="AwardCreditDurationDays" id="AwardCreditDurationDays" placeholder="12 months" min="1" required>
</div>
<div class="form-group col-md-3">
<label for="RedeemableCap">Redeemable Capacity</label>
<input type="number" class="form-control" name="RedeemableCap" id="RedeemableCap" 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}}