commit 05c7fa51c6dc072c3b682dd7004445b306bbddf2 Author: Peter Haight <peterh@giantrabbit.com> Date: Thu Oct 8 17:55:40 2020 -0700 Added fields for t-shirt option labels They want to be able to change the t-shirts. A lot of the t-shirt stuff is sort of hard-coded, but we can change the lables pretty easily as long as it's undrstood that the names don't get changed on the back end. --- content/donate/contents.lr | 4 ++++ models/donate-form.ini | 8 ++++++++ parcel/js/giving_form.jsx | 4 ++-- parcel/js/settings.js | 29 ----------------------------- templates/donate-form.html | 29 +++++++++++++++++++++++++++++ 5 files changed, 43 insertions(+), 31 deletions(-) diff --git a/content/donate/contents.lr b/content/donate/contents.lr index 303340df..9a178119 100644 --- a/content/donate/contents.lr +++ b/content/donate/contents.lr @@ -89,3 +89,7 @@ header_image: /static/images/donate/donate-header.png success_redirect_url: --- counter: yes +--- +tshirt_pack_second_shirt_options_label: Take back the Internet with Tor +--- +tshirt_perk_options_label: Tor: Strength in Numbers diff --git a/models/donate-form.ini b/models/donate-form.ini index fc3b4ce3..cd1027cb 100644 --- a/models/donate-form.ini +++ b/models/donate-form.ini @@ -188,6 +188,14 @@ type = string label = Sweatshirt Perk Description (Monthly) type = string +[fields.tshirt_perk_options_label] +label = T-Shirt Perk Options Label +type = string + +[fields.tshirt_pack_second_shirt_options_label] +label = T-Shirt Pack Second Shirt Options Label +type = string + [fields.html] label = Html type = string diff --git a/parcel/js/giving_form.jsx b/parcel/js/giving_form.jsx index d66fba16..85d80f20 100644 --- a/parcel/js/giving_form.jsx +++ b/parcel/js/giving_form.jsx @@ -10,13 +10,13 @@ import {PaymentOptionButton} from './payment_option_button'; import {PerkSelectionSection} from './perk_selection_section'; import {GivingInfoForm} from './giving_info_form'; import {GivingErrorContainer} from './giving_error_container'; -import {paymentMethods, shirtFits, sweatshirtSizes, requiredFields, textFields, displayPerkSelections, stripeTokenFieldMap} from './settings'; +import {paymentMethods, sweatshirtSizes, requiredFields, textFields, displayPerkSelections, stripeTokenFieldMap} from './settings'; import {AppContext} from './app_context'; import {LoadingDialogReactPages} from './loading_dialog_react_pages'; import {FrequencySelector} from './frequency_selector'; export function _GivingForm(props) { - const {stripe, frequencyOptions, pricesOnButtons, donateProccessorBaseUrl, perks, initialSelectedPrices, defaultFrequencyForBoth, successRedirectUrl} = props; + const {stripe, frequencyOptions, pricesOnButtons, donateProccessorBaseUrl, perks, initialSelectedPrices, defaultFrequencyForBoth, successRedirectUrl, shirtFits} = props; const [frequency, setFrequency] = useState((frequencyOptions == 'both')? defaultFrequencyForBoth : frequencyOptions); const displayPerkSelection = displayPerkSelections[frequency]; const [noPerk, setNoPerk] = useState(true); diff --git a/parcel/js/settings.js b/parcel/js/settings.js index d0b53257..03620cc2 100644 --- a/parcel/js/settings.js +++ b/parcel/js/settings.js @@ -11,35 +11,6 @@ export const paymentMethods = [ } ]; -export const shirtFits = { - 'strength-in-numbers': { - 'friendly-name': 'Tor: Strength in Numbers', - 'fits': { - 'slim': { - 'friendly-name': 'Slim', - 'sizes': ['s', 'm', 'l', 'xl', 'xxl'] - }, - 'classic': { - 'friendly-name': 'Classic', - 'sizes': ['s', 'm', 'l', 'xl', 'xxl'] - }, - } - }, - 'take-back-internet': { - 'friendly-name': 'Take back the Internet with Tor', - 'fits': { - 'slim': { - 'friendly-name': 'Slim', - 'sizes': ['s', 'm', 'l', 'xl', 'xxl'] - }, - 'classic': { - 'friendly-name': 'Classic', - 'sizes': ['s', 'm', 'l', 'xl', 'xxl'] - }, - } - }, -}; - export const sweatshirtSizes = ['s', 'm', 'l', 'xl', 'xxl']; export function requiredFields(paymentMethod, perk) { diff --git a/templates/donate-form.html b/templates/donate-form.html index 84b86f02..e263936b 100644 --- a/templates/donate-form.html +++ b/templates/donate-form.html @@ -126,6 +126,35 @@ 'requiredFields': ['sweatshirtSize'], }, ], + 'shirtFits': { + 'strength-in-numbers': { + 'friendly-name': `{{ this.tshirt_perk_options_label }}`, + 'fits': { + 'slim': { + 'friendly-name': 'Slim', + 'sizes': ['s', 'm', 'l', 'xl', 'xxl'] + }, + 'classic': { + 'friendly-name': 'Classic', + 'sizes': ['s', 'm', 'l', 'xl', 'xxl'] + }, + } + }, + 'take-back-internet': { + 'friendly-name': `{{ this.tshirt_pack_second_shirt_options_label }}`, + 'fits': { + 'slim': { + 'friendly-name': 'Slim', + 'sizes': ['s', 'm', 'l', 'xl', 'xxl'] + }, + 'classic': { + 'friendly-name': 'Classic', + 'sizes': ['s', 'm', 'l', 'xl', 'xxl'] + }, + } + }, + + }, 'defaultFrequencyForBoth': `{{ this.default_frequency_for_both }}`, 'initialSelectedPrices': { 'single': parseInt(`{{ this.single_three }}`),