Add field to include placements on print. Add pointer cursor to selec…

…t dropdowns.
andrewtoups · Aug 26, 2021 · 6ae2087 · 6ae2087
1 parent 33b5702
commit 6ae2087
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/scripts/components/relics/relics.html b/scripts/components/relics/relics.html
@@ -20,6 +20,15 @@
                 <input data-bind="value: email" type="email" placeholder="Email Address" id="email" autocomplete="email">
             </div>
 
+            <div class="field select" data-bind="css: {placeholder: !includePlacements()}">
+                <label for="placements" class="required">Include placements</label>
+                <select data-bind="value: includePlacements" id="placements">
+                    <option value="" disabled='disabled' selected>Include placements on print?</option>
+                    <option value="true">Yes</option>
+                    <option value="false">No</option>
+                </select>
+            </div>
+
             <fieldset data-bind="css: {validating: validating, verified: verified() || verificationFailed()}">
                 <legend>Recipient address</legend>
                 <i class="loader" data-bind="visible: validating"></i>

diff --git a/scripts/components/relics/relics.js b/scripts/components/relics/relics.js
@@ -8,6 +8,7 @@ define(['ko', 'paypal', 'api'], (ko, paypal, api) => {
 
         self.name = ko.observable("");
         self.email = ko.observable("");
+        self.includePlacements = ko.observable();
 
         self.line1 = ko.observable("");
         self.line2 = ko.observable("");
@@ -148,6 +149,7 @@ define(['ko', 'paypal', 'api'], (ko, paypal, api) => {
             let body = {
                 orderName:          self.name(),
                 orderEmail:         self.email(),
+                includePlacements:  self.includePlacements(),
                 address:            self.addressStr(self.address()),
                 correctionDenied:   self.correctionDenied(),
                 validatedAddress:   self.addressStr(self.validatedAddress()),

diff --git a/styles/components/_relics.scss b/styles/components/_relics.scss
@@ -143,7 +143,8 @@ button.buy {
             select {
                 border-bottom: none;
                 position: relative;
-                left: -1.5px;                
+                left: -1.5px;
+                cursor: pointer;
             }
             &.placeholder select { opacity: .375; }
         }