FormAssembly - share buttons & optional fields (#10651)
* Show share button only if the corresponding Shareprogress id is provided * Update factory so it creates a wide layout campaign page * Add visibility logic for country field, postal code field, and comment field
This commit is contained in:
Mavis Ou
GitHub
Родитель
8db966f37f
Коммит
ce486782fd
|
|
@ -53,7 +53,9 @@ def generate(seed):
|
|||
print("single-page CampaignPage already exists")
|
||||
except CampaignPage.DoesNotExist:
|
||||
print("Generating single-page CampaignPage")
|
||||
CampaignPageFactory.create(parent=campaign_index_page, title="single-page")
|
||||
# Most Campaign Pages on prod use wide content layout,
|
||||
# Setting narrowed_page_content to False to make it easier to test the real use case
|
||||
CampaignPageFactory.create(parent=campaign_index_page, title="single-page", narrowed_page_content=False)
|
||||
|
||||
reseed(seed)
|
||||
|
||||
|
|
|
|||
|
|
@ -18,12 +18,17 @@ Please follow the steps below every time after you paste a new version of FormAs
|
|||
(Reference to the current fields:
|
||||
Go to https://mozillafoundation.tfaforms.net/forms/builder/5.0.0/9 and click on "OUTLINE" tab)
|
||||
|
||||
5. Get localization working again.
|
||||
5. Wrap country field, postal code field, and comment field in {% if %} tag
|
||||
- for country field: {% if show_country_field %} ... {% endif %}
|
||||
- for postal code field: {% if show_postal_code_field %} ... {% endif %}
|
||||
- for comment field: {% if not show_comment_field == "none" %} ... {% endif %}
|
||||
|
||||
6. Get localization working again.
|
||||
- Localize form fields. e.g., {% trans "text to be translated" %} or {% blocktrans %} ... {% endblocktrans %}
|
||||
- first name, last name, email, country, postal code, comments, privacy notice, email subscription
|
||||
- Go to formassembly_head.html and make sure everything has been updated according to the instructions
|
||||
|
||||
6. Update the revision note on the next line. Revision number can be found on https://mozillafoundation.tfaforms.net/versions/index/9
|
||||
7. Update the revision note on the next line. Revision number can be found on https://mozillafoundation.tfaforms.net/versions/index/9
|
||||
|
||||
The code snippet below is based on FormAssembly form revision #32
|
||||
|
||||
|
|
@ -47,252 +52,258 @@ The code snippet below is based on FormAssembly form revision #32
|
|||
<div class="oneField field-container-D " id="tfa_31-D">
|
||||
<label id="tfa_31-L" class="label preField reqMark" for="tfa_31">{% trans "Email" %}</label><br><div class="inputWrapper"><input aria-required="true" type="text" id="tfa_31" name="tfa_31" value="" title="Email" class="validate-email required"></div>
|
||||
</div>
|
||||
<div class="oneField field-container-D " id="tfa_254-D">
|
||||
<label id="tfa_254-L" class="label preField " for="tfa_254">{% trans "Country" %}</label><br><div class="inputWrapper"><select id="tfa_254" name="tfa_254" title="Country" class=""><option value="">Please select...</option>
|
||||
<option value="tfa_255" id="tfa_255" class="">Afghanistan</option>
|
||||
<option value="tfa_256" id="tfa_256" class="">Albania</option>
|
||||
<option value="tfa_257" id="tfa_257" class="">Algeria</option>
|
||||
<option value="tfa_258" id="tfa_258" class="">American Samoa</option>
|
||||
<option value="tfa_259" id="tfa_259" class="">Andorra</option>
|
||||
<option value="tfa_260" id="tfa_260" class="">Angola</option>
|
||||
<option value="tfa_261" id="tfa_261" class="">Anguilla</option>
|
||||
<option value="tfa_262" id="tfa_262" class="">Antarctica</option>
|
||||
<option value="tfa_263" id="tfa_263" class="">Antigua and Barbuda</option>
|
||||
<option value="tfa_264" id="tfa_264" class="">Argentina</option>
|
||||
<option value="tfa_265" id="tfa_265" class="">Armenia</option>
|
||||
<option value="tfa_266" id="tfa_266" class="">Aruba</option>
|
||||
<option value="tfa_267" id="tfa_267" class="">Australia</option>
|
||||
<option value="tfa_268" id="tfa_268" class="">Austria</option>
|
||||
<option value="tfa_269" id="tfa_269" class="">Azerbaijan</option>
|
||||
<option value="tfa_270" id="tfa_270" class="">Bahamas</option>
|
||||
<option value="tfa_271" id="tfa_271" class="">Bahrain</option>
|
||||
<option value="tfa_272" id="tfa_272" class="">Bangladesh</option>
|
||||
<option value="tfa_273" id="tfa_273" class="">Barbados</option>
|
||||
<option value="tfa_274" id="tfa_274" class="">Belarus</option>
|
||||
<option value="tfa_275" id="tfa_275" class="">Belgium</option>
|
||||
<option value="tfa_276" id="tfa_276" class="">Belize</option>
|
||||
<option value="tfa_277" id="tfa_277" class="">Benin</option>
|
||||
<option value="tfa_278" id="tfa_278" class="">Bermuda</option>
|
||||
<option value="tfa_279" id="tfa_279" class="">Bhutan</option>
|
||||
<option value="tfa_280" id="tfa_280" class="">Bolivia</option>
|
||||
<option value="tfa_281" id="tfa_281" class="">Bosnia and Herzegovina</option>
|
||||
<option value="tfa_282" id="tfa_282" class="">Botswana</option>
|
||||
<option value="tfa_283" id="tfa_283" class="">Bouvet Island</option>
|
||||
<option value="tfa_284" id="tfa_284" class="">Brazil</option>
|
||||
<option value="tfa_285" id="tfa_285" class="">British Indian Ocean Territory</option>
|
||||
<option value="tfa_286" id="tfa_286" class="">Brunei</option>
|
||||
<option value="tfa_287" id="tfa_287" class="">Bulgaria</option>
|
||||
<option value="tfa_288" id="tfa_288" class="">Burkina Faso</option>
|
||||
<option value="tfa_289" id="tfa_289" class="">Burundi</option>
|
||||
<option value="tfa_290" id="tfa_290" class="">Cambodia</option>
|
||||
<option value="tfa_291" id="tfa_291" class="">Cameroon</option>
|
||||
<option value="tfa_292" id="tfa_292" class="">Canada</option>
|
||||
<option value="tfa_293" id="tfa_293" class="">Cape Verde</option>
|
||||
<option value="tfa_294" id="tfa_294" class="">Cayman Islands</option>
|
||||
<option value="tfa_295" id="tfa_295" class="">Central African Republic</option>
|
||||
<option value="tfa_296" id="tfa_296" class="">Chad</option>
|
||||
<option value="tfa_297" id="tfa_297" class="">Chile</option>
|
||||
<option value="tfa_298" id="tfa_298" class="">China</option>
|
||||
<option value="tfa_299" id="tfa_299" class="">Christmas Island</option>
|
||||
<option value="tfa_300" id="tfa_300" class="">Cocos ( Keeling ) Islands</option>
|
||||
<option value="tfa_301" id="tfa_301" class="">Colombia</option>
|
||||
<option value="tfa_302" id="tfa_302" class="">Comoros</option>
|
||||
<option value="tfa_303" id="tfa_303" class="">Congo</option>
|
||||
<option value="tfa_304" id="tfa_304" class="">Cook Islands</option>
|
||||
<option value="tfa_305" id="tfa_305" class="">Costa Rica</option>
|
||||
<option value="tfa_306" id="tfa_306" class="">Côte d ' Ivoire</option>
|
||||
<option value="tfa_307" id="tfa_307" class="">Croatia ( Hrvatska )</option>
|
||||
<option value="tfa_308" id="tfa_308" class="">Cuba</option>
|
||||
<option value="tfa_309" id="tfa_309" class="">Cyprus</option>
|
||||
<option value="tfa_310" id="tfa_310" class="">Czech Republic</option>
|
||||
<option value="tfa_311" id="tfa_311" class="">Congo ( DRC )</option>
|
||||
<option value="tfa_312" id="tfa_312" class="">Denmark</option>
|
||||
<option value="tfa_313" id="tfa_313" class="">Djibouti</option>
|
||||
<option value="tfa_314" id="tfa_314" class="">Dominica</option>
|
||||
<option value="tfa_315" id="tfa_315" class="">Dominican Republic</option>
|
||||
<option value="tfa_316" id="tfa_316" class="">East Timor</option>
|
||||
<option value="tfa_317" id="tfa_317" class="">Ecuador</option>
|
||||
<option value="tfa_318" id="tfa_318" class="">Egypt</option>
|
||||
<option value="tfa_319" id="tfa_319" class="">El Salvador</option>
|
||||
<option value="tfa_320" id="tfa_320" class="">Equatorial Guinea</option>
|
||||
<option value="tfa_321" id="tfa_321" class="">Eritrea</option>
|
||||
<option value="tfa_322" id="tfa_322" class="">Estonia</option>
|
||||
<option value="tfa_323" id="tfa_323" class="">Ethiopia</option>
|
||||
<option value="tfa_324" id="tfa_324" class="">Falkland Islands ( Islas Malvinas )</option>
|
||||
<option value="tfa_325" id="tfa_325" class="">Faroe Islands</option>
|
||||
<option value="tfa_326" id="tfa_326" class="">Fiji Islands</option>
|
||||
<option value="tfa_327" id="tfa_327" class="">Finland</option>
|
||||
<option value="tfa_328" id="tfa_328" class="">France</option>
|
||||
<option value="tfa_329" id="tfa_329" class="">French Guiana</option>
|
||||
<option value="tfa_330" id="tfa_330" class="">French Polynesia</option>
|
||||
<option value="tfa_331" id="tfa_331" class="">French Southern and Antarctic Lands</option>
|
||||
<option value="tfa_332" id="tfa_332" class="">Gabon</option>
|
||||
<option value="tfa_333" id="tfa_333" class="">Gambia</option>
|
||||
<option value="tfa_334" id="tfa_334" class="">Georgia</option>
|
||||
<option value="tfa_335" id="tfa_335" class="">Germany</option>
|
||||
<option value="tfa_336" id="tfa_336" class="">Ghana</option>
|
||||
<option value="tfa_337" id="tfa_337" class="">Gibraltar</option>
|
||||
<option value="tfa_338" id="tfa_338" class="">Greece</option>
|
||||
<option value="tfa_339" id="tfa_339" class="">Greenland</option>
|
||||
<option value="tfa_340" id="tfa_340" class="">Grenada</option>
|
||||
<option value="tfa_341" id="tfa_341" class="">Guadeloupe</option>
|
||||
<option value="tfa_342" id="tfa_342" class="">Guam</option>
|
||||
<option value="tfa_343" id="tfa_343" class="">Guatemala</option>
|
||||
<option value="tfa_344" id="tfa_344" class="">Guinea</option>
|
||||
<option value="tfa_345" id="tfa_345" class="">Guinea-Bissau</option>
|
||||
<option value="tfa_346" id="tfa_346" class="">Guyana</option>
|
||||
<option value="tfa_347" id="tfa_347" class="">Haiti</option>
|
||||
<option value="tfa_348" id="tfa_348" class="">Heard Island and McDonald Islands</option>
|
||||
<option value="tfa_349" id="tfa_349" class="">Honduras</option>
|
||||
<option value="tfa_350" id="tfa_350" class="">Hong Kong SAR</option>
|
||||
<option value="tfa_351" id="tfa_351" class="">Hungary</option>
|
||||
<option value="tfa_352" id="tfa_352" class="">Iceland</option>
|
||||
<option value="tfa_353" id="tfa_353" class="">India</option>
|
||||
<option value="tfa_354" id="tfa_354" class="">Indonesia</option>
|
||||
<option value="tfa_355" id="tfa_355" class="">Iran</option>
|
||||
<option value="tfa_356" id="tfa_356" class="">Iraq</option>
|
||||
<option value="tfa_357" id="tfa_357" class="">Ireland</option>
|
||||
<option value="tfa_358" id="tfa_358" class="">Israel</option>
|
||||
<option value="tfa_359" id="tfa_359" class="">Italy</option>
|
||||
<option value="tfa_360" id="tfa_360" class="">Jamaica</option>
|
||||
<option value="tfa_361" id="tfa_361" class="">Japan</option>
|
||||
<option value="tfa_362" id="tfa_362" class="">Jordan</option>
|
||||
<option value="tfa_363" id="tfa_363" class="">Kazakhstan</option>
|
||||
<option value="tfa_364" id="tfa_364" class="">Kenya</option>
|
||||
<option value="tfa_365" id="tfa_365" class="">Kiribati</option>
|
||||
<option value="tfa_366" id="tfa_366" class="">Korea</option>
|
||||
<option value="tfa_367" id="tfa_367" class="">Kuwait</option>
|
||||
<option value="tfa_368" id="tfa_368" class="">Kyrgyzstan</option>
|
||||
<option value="tfa_369" id="tfa_369" class="">Laos</option>
|
||||
<option value="tfa_370" id="tfa_370" class="">Latvia</option>
|
||||
<option value="tfa_371" id="tfa_371" class="">Lebanon</option>
|
||||
<option value="tfa_372" id="tfa_372" class="">Lesotho</option>
|
||||
<option value="tfa_373" id="tfa_373" class="">Liberia</option>
|
||||
<option value="tfa_374" id="tfa_374" class="">Libya</option>
|
||||
<option value="tfa_375" id="tfa_375" class="">Liechtenstein</option>
|
||||
<option value="tfa_376" id="tfa_376" class="">Lithuania</option>
|
||||
<option value="tfa_377" id="tfa_377" class="">Luxembourg</option>
|
||||
<option value="tfa_378" id="tfa_378" class="">Macao SAR</option>
|
||||
<option value="tfa_379" id="tfa_379" class="">Macedonia, Former Yugoslav Republic of</option>
|
||||
<option value="tfa_380" id="tfa_380" class="">Madagascar</option>
|
||||
<option value="tfa_381" id="tfa_381" class="">Malawi</option>
|
||||
<option value="tfa_382" id="tfa_382" class="">Malaysia</option>
|
||||
<option value="tfa_383" id="tfa_383" class="">Maldives</option>
|
||||
<option value="tfa_384" id="tfa_384" class="">Mali</option>
|
||||
<option value="tfa_385" id="tfa_385" class="">Malta</option>
|
||||
<option value="tfa_386" id="tfa_386" class="">Marshall Islands</option>
|
||||
<option value="tfa_387" id="tfa_387" class="">Martinique</option>
|
||||
<option value="tfa_388" id="tfa_388" class="">Mauritania</option>
|
||||
<option value="tfa_389" id="tfa_389" class="">Mauritius</option>
|
||||
<option value="tfa_390" id="tfa_390" class="">Mayotte</option>
|
||||
<option value="tfa_391" id="tfa_391" class="">Mexico</option>
|
||||
<option value="tfa_392" id="tfa_392" class="">Micronesia</option>
|
||||
<option value="tfa_393" id="tfa_393" class="">Moldova</option>
|
||||
<option value="tfa_394" id="tfa_394" class="">Monaco</option>
|
||||
<option value="tfa_395" id="tfa_395" class="">Mongolia</option>
|
||||
<option value="tfa_396" id="tfa_396" class="">Montserrat</option>
|
||||
<option value="tfa_397" id="tfa_397" class="">Morocco</option>
|
||||
<option value="tfa_398" id="tfa_398" class="">Mozambique</option>
|
||||
<option value="tfa_399" id="tfa_399" class="">Myanmar</option>
|
||||
<option value="tfa_400" id="tfa_400" class="">Namibia</option>
|
||||
<option value="tfa_401" id="tfa_401" class="">Nauru</option>
|
||||
<option value="tfa_402" id="tfa_402" class="">Nepal</option>
|
||||
<option value="tfa_403" id="tfa_403" class="">Netherlands</option>
|
||||
<option value="tfa_404" id="tfa_404" class="">Netherlands Antilles</option>
|
||||
<option value="tfa_405" id="tfa_405" class="">New Caledonia</option>
|
||||
<option value="tfa_406" id="tfa_406" class="">New Zealand</option>
|
||||
<option value="tfa_407" id="tfa_407" class="">Nicaragua</option>
|
||||
<option value="tfa_408" id="tfa_408" class="">Niger</option>
|
||||
<option value="tfa_409" id="tfa_409" class="">Nigeria</option>
|
||||
<option value="tfa_410" id="tfa_410" class="">Niue</option>
|
||||
<option value="tfa_411" id="tfa_411" class="">Norfolk Island</option>
|
||||
<option value="tfa_412" id="tfa_412" class="">North Korea</option>
|
||||
<option value="tfa_413" id="tfa_413" class="">Northern Mariana Islands</option>
|
||||
<option value="tfa_414" id="tfa_414" class="">Norway</option>
|
||||
<option value="tfa_415" id="tfa_415" class="">Oman</option>
|
||||
<option value="tfa_416" id="tfa_416" class="">Pakistan</option>
|
||||
<option value="tfa_417" id="tfa_417" class="">Palau</option>
|
||||
<option value="tfa_418" id="tfa_418" class="">Panama</option>
|
||||
<option value="tfa_419" id="tfa_419" class="">Papua New Guinea</option>
|
||||
<option value="tfa_420" id="tfa_420" class="">Paraguay</option>
|
||||
<option value="tfa_421" id="tfa_421" class="">Peru</option>
|
||||
<option value="tfa_422" id="tfa_422" class="">Philippines</option>
|
||||
<option value="tfa_423" id="tfa_423" class="">Pitcairn Islands</option>
|
||||
<option value="tfa_424" id="tfa_424" class="">Poland</option>
|
||||
<option value="tfa_425" id="tfa_425" class="">Portugal</option>
|
||||
<option value="tfa_426" id="tfa_426" class="">Puerto Rico</option>
|
||||
<option value="tfa_427" id="tfa_427" class="">Qatar</option>
|
||||
<option value="tfa_428" id="tfa_428" class="">Reunion</option>
|
||||
<option value="tfa_429" id="tfa_429" class="">Romania</option>
|
||||
<option value="tfa_430" id="tfa_430" class="">Russia</option>
|
||||
<option value="tfa_431" id="tfa_431" class="">Rwanda</option>
|
||||
<option value="tfa_432" id="tfa_432" class="">Samoa</option>
|
||||
<option value="tfa_433" id="tfa_433" class="">San Marino</option>
|
||||
<option value="tfa_434" id="tfa_434" class="">São Tomé and Prìncipe</option>
|
||||
<option value="tfa_435" id="tfa_435" class="">Saudi Arabia</option>
|
||||
<option value="tfa_436" id="tfa_436" class="">Senegal</option>
|
||||
<option value="tfa_437" id="tfa_437" class="">Serbia and Montenegro</option>
|
||||
<option value="tfa_438" id="tfa_438" class="">Seychelles</option>
|
||||
<option value="tfa_439" id="tfa_439" class="">Sierra Leone</option>
|
||||
<option value="tfa_440" id="tfa_440" class="">Singapore</option>
|
||||
<option value="tfa_441" id="tfa_441" class="">Slovakia</option>
|
||||
<option value="tfa_442" id="tfa_442" class="">Slovenia</option>
|
||||
<option value="tfa_443" id="tfa_443" class="">Solomon Islands</option>
|
||||
<option value="tfa_444" id="tfa_444" class="">Somalia</option>
|
||||
<option value="tfa_445" id="tfa_445" class="">South Africa</option>
|
||||
<option value="tfa_446" id="tfa_446" class="">South Georgia and the South Sandwich Islands</option>
|
||||
<option value="tfa_447" id="tfa_447" class="">Spain</option>
|
||||
<option value="tfa_448" id="tfa_448" class="">Sri Lanka</option>
|
||||
<option value="tfa_449" id="tfa_449" class="">St. Helena</option>
|
||||
<option value="tfa_450" id="tfa_450" class="">St. Kitts and Nevis</option>
|
||||
<option value="tfa_451" id="tfa_451" class="">St. Lucia</option>
|
||||
<option value="tfa_452" id="tfa_452" class="">St. Pierre and Miquelon</option>
|
||||
<option value="tfa_453" id="tfa_453" class="">St. Vincent and the Grenadines</option>
|
||||
<option value="tfa_454" id="tfa_454" class="">Sudan</option>
|
||||
<option value="tfa_455" id="tfa_455" class="">Suriname</option>
|
||||
<option value="tfa_456" id="tfa_456" class="">Svalbard and Jan Mayen</option>
|
||||
<option value="tfa_457" id="tfa_457" class="">Swaziland</option>
|
||||
<option value="tfa_458" id="tfa_458" class="">Sweden</option>
|
||||
<option value="tfa_459" id="tfa_459" class="">Switzerland</option>
|
||||
<option value="tfa_460" id="tfa_460" class="">Syria</option>
|
||||
<option value="tfa_461" id="tfa_461" class="">Taiwan</option>
|
||||
<option value="tfa_462" id="tfa_462" class="">Tajikistan</option>
|
||||
<option value="tfa_463" id="tfa_463" class="">Tanzania</option>
|
||||
<option value="tfa_464" id="tfa_464" class="">Thailand</option>
|
||||
<option value="tfa_465" id="tfa_465" class="">Togo</option>
|
||||
<option value="tfa_466" id="tfa_466" class="">Tokelau</option>
|
||||
<option value="tfa_467" id="tfa_467" class="">Tonga</option>
|
||||
<option value="tfa_468" id="tfa_468" class="">Trinidad and Tobago</option>
|
||||
<option value="tfa_469" id="tfa_469" class="">Tunisia</option>
|
||||
<option value="tfa_470" id="tfa_470" class="">Turkey</option>
|
||||
<option value="tfa_471" id="tfa_471" class="">Turkmenistan</option>
|
||||
<option value="tfa_472" id="tfa_472" class="">Turks and Caicos Islands</option>
|
||||
<option value="tfa_473" id="tfa_473" class="">Tuvalu</option>
|
||||
<option value="tfa_474" id="tfa_474" class="">Uganda</option>
|
||||
<option value="tfa_475" id="tfa_475" class="">Ukraine</option>
|
||||
<option value="tfa_476" id="tfa_476" class="">United Arab Emirates</option>
|
||||
<option value="tfa_477" id="tfa_477" class="">United Kingdom</option>
|
||||
<option value="tfa_478" id="tfa_478" class="">United States</option>
|
||||
<option value="tfa_479" id="tfa_479" class="">United States Minor Outlying Islands</option>
|
||||
<option value="tfa_480" id="tfa_480" class="">Uruguay</option>
|
||||
<option value="tfa_481" id="tfa_481" class="">Uzbekistan</option>
|
||||
<option value="tfa_482" id="tfa_482" class="">Vanuatu</option>
|
||||
<option value="tfa_483" id="tfa_483" class="">Vatican City</option>
|
||||
<option value="tfa_484" id="tfa_484" class="">Venezuela</option>
|
||||
<option value="tfa_485" id="tfa_485" class="">Viet Nam</option>
|
||||
<option value="tfa_486" id="tfa_486" class="">Virgin Islands ( British )</option>
|
||||
<option value="tfa_487" id="tfa_487" class="">Virgin Islands</option>
|
||||
<option value="tfa_488" id="tfa_488" class="">Wallis and Futuna</option>
|
||||
<option value="tfa_489" id="tfa_489" class="">Yemen</option>
|
||||
<option value="tfa_490" id="tfa_490" class="">Zambia</option>
|
||||
<option value="tfa_491" id="tfa_491" class="">Zimbabwe</option></select></div>
|
||||
</div>
|
||||
<div class="oneField field-container-D " id="tfa_496-D">
|
||||
<label id="tfa_496-L" class="label preField " for="tfa_496">{% trans "Postal Code" %}</label><br><div class="inputWrapper"><input type="text" id="tfa_496" name="tfa_496" value="" title="Postal Code" class=""></div>
|
||||
</div>
|
||||
<div class="oneField field-container-D " id="tfa_497-D">
|
||||
<label id="tfa_497-L" class="label preField " for="tfa_497">{% trans "Comments" %}</label><br><div class="inputWrapper"><textarea maxlength="500" id="tfa_497" name="tfa_497" title="Comments" class=""></textarea></div>
|
||||
</div>
|
||||
{% if show_country_field %}
|
||||
<div class="oneField field-container-D " id="tfa_254-D">
|
||||
<label id="tfa_254-L" class="label preField " for="tfa_254">{% trans "Country" %}</label><br><div class="inputWrapper"><select id="tfa_254" name="tfa_254" title="Country" class=""><option value="">Please select...</option>
|
||||
<option value="tfa_255" id="tfa_255" class="">Afghanistan</option>
|
||||
<option value="tfa_256" id="tfa_256" class="">Albania</option>
|
||||
<option value="tfa_257" id="tfa_257" class="">Algeria</option>
|
||||
<option value="tfa_258" id="tfa_258" class="">American Samoa</option>
|
||||
<option value="tfa_259" id="tfa_259" class="">Andorra</option>
|
||||
<option value="tfa_260" id="tfa_260" class="">Angola</option>
|
||||
<option value="tfa_261" id="tfa_261" class="">Anguilla</option>
|
||||
<option value="tfa_262" id="tfa_262" class="">Antarctica</option>
|
||||
<option value="tfa_263" id="tfa_263" class="">Antigua and Barbuda</option>
|
||||
<option value="tfa_264" id="tfa_264" class="">Argentina</option>
|
||||
<option value="tfa_265" id="tfa_265" class="">Armenia</option>
|
||||
<option value="tfa_266" id="tfa_266" class="">Aruba</option>
|
||||
<option value="tfa_267" id="tfa_267" class="">Australia</option>
|
||||
<option value="tfa_268" id="tfa_268" class="">Austria</option>
|
||||
<option value="tfa_269" id="tfa_269" class="">Azerbaijan</option>
|
||||
<option value="tfa_270" id="tfa_270" class="">Bahamas</option>
|
||||
<option value="tfa_271" id="tfa_271" class="">Bahrain</option>
|
||||
<option value="tfa_272" id="tfa_272" class="">Bangladesh</option>
|
||||
<option value="tfa_273" id="tfa_273" class="">Barbados</option>
|
||||
<option value="tfa_274" id="tfa_274" class="">Belarus</option>
|
||||
<option value="tfa_275" id="tfa_275" class="">Belgium</option>
|
||||
<option value="tfa_276" id="tfa_276" class="">Belize</option>
|
||||
<option value="tfa_277" id="tfa_277" class="">Benin</option>
|
||||
<option value="tfa_278" id="tfa_278" class="">Bermuda</option>
|
||||
<option value="tfa_279" id="tfa_279" class="">Bhutan</option>
|
||||
<option value="tfa_280" id="tfa_280" class="">Bolivia</option>
|
||||
<option value="tfa_281" id="tfa_281" class="">Bosnia and Herzegovina</option>
|
||||
<option value="tfa_282" id="tfa_282" class="">Botswana</option>
|
||||
<option value="tfa_283" id="tfa_283" class="">Bouvet Island</option>
|
||||
<option value="tfa_284" id="tfa_284" class="">Brazil</option>
|
||||
<option value="tfa_285" id="tfa_285" class="">British Indian Ocean Territory</option>
|
||||
<option value="tfa_286" id="tfa_286" class="">Brunei</option>
|
||||
<option value="tfa_287" id="tfa_287" class="">Bulgaria</option>
|
||||
<option value="tfa_288" id="tfa_288" class="">Burkina Faso</option>
|
||||
<option value="tfa_289" id="tfa_289" class="">Burundi</option>
|
||||
<option value="tfa_290" id="tfa_290" class="">Cambodia</option>
|
||||
<option value="tfa_291" id="tfa_291" class="">Cameroon</option>
|
||||
<option value="tfa_292" id="tfa_292" class="">Canada</option>
|
||||
<option value="tfa_293" id="tfa_293" class="">Cape Verde</option>
|
||||
<option value="tfa_294" id="tfa_294" class="">Cayman Islands</option>
|
||||
<option value="tfa_295" id="tfa_295" class="">Central African Republic</option>
|
||||
<option value="tfa_296" id="tfa_296" class="">Chad</option>
|
||||
<option value="tfa_297" id="tfa_297" class="">Chile</option>
|
||||
<option value="tfa_298" id="tfa_298" class="">China</option>
|
||||
<option value="tfa_299" id="tfa_299" class="">Christmas Island</option>
|
||||
<option value="tfa_300" id="tfa_300" class="">Cocos ( Keeling ) Islands</option>
|
||||
<option value="tfa_301" id="tfa_301" class="">Colombia</option>
|
||||
<option value="tfa_302" id="tfa_302" class="">Comoros</option>
|
||||
<option value="tfa_303" id="tfa_303" class="">Congo</option>
|
||||
<option value="tfa_304" id="tfa_304" class="">Cook Islands</option>
|
||||
<option value="tfa_305" id="tfa_305" class="">Costa Rica</option>
|
||||
<option value="tfa_306" id="tfa_306" class="">Côte d ' Ivoire</option>
|
||||
<option value="tfa_307" id="tfa_307" class="">Croatia ( Hrvatska )</option>
|
||||
<option value="tfa_308" id="tfa_308" class="">Cuba</option>
|
||||
<option value="tfa_309" id="tfa_309" class="">Cyprus</option>
|
||||
<option value="tfa_310" id="tfa_310" class="">Czech Republic</option>
|
||||
<option value="tfa_311" id="tfa_311" class="">Congo ( DRC )</option>
|
||||
<option value="tfa_312" id="tfa_312" class="">Denmark</option>
|
||||
<option value="tfa_313" id="tfa_313" class="">Djibouti</option>
|
||||
<option value="tfa_314" id="tfa_314" class="">Dominica</option>
|
||||
<option value="tfa_315" id="tfa_315" class="">Dominican Republic</option>
|
||||
<option value="tfa_316" id="tfa_316" class="">East Timor</option>
|
||||
<option value="tfa_317" id="tfa_317" class="">Ecuador</option>
|
||||
<option value="tfa_318" id="tfa_318" class="">Egypt</option>
|
||||
<option value="tfa_319" id="tfa_319" class="">El Salvador</option>
|
||||
<option value="tfa_320" id="tfa_320" class="">Equatorial Guinea</option>
|
||||
<option value="tfa_321" id="tfa_321" class="">Eritrea</option>
|
||||
<option value="tfa_322" id="tfa_322" class="">Estonia</option>
|
||||
<option value="tfa_323" id="tfa_323" class="">Ethiopia</option>
|
||||
<option value="tfa_324" id="tfa_324" class="">Falkland Islands ( Islas Malvinas )</option>
|
||||
<option value="tfa_325" id="tfa_325" class="">Faroe Islands</option>
|
||||
<option value="tfa_326" id="tfa_326" class="">Fiji Islands</option>
|
||||
<option value="tfa_327" id="tfa_327" class="">Finland</option>
|
||||
<option value="tfa_328" id="tfa_328" class="">France</option>
|
||||
<option value="tfa_329" id="tfa_329" class="">French Guiana</option>
|
||||
<option value="tfa_330" id="tfa_330" class="">French Polynesia</option>
|
||||
<option value="tfa_331" id="tfa_331" class="">French Southern and Antarctic Lands</option>
|
||||
<option value="tfa_332" id="tfa_332" class="">Gabon</option>
|
||||
<option value="tfa_333" id="tfa_333" class="">Gambia</option>
|
||||
<option value="tfa_334" id="tfa_334" class="">Georgia</option>
|
||||
<option value="tfa_335" id="tfa_335" class="">Germany</option>
|
||||
<option value="tfa_336" id="tfa_336" class="">Ghana</option>
|
||||
<option value="tfa_337" id="tfa_337" class="">Gibraltar</option>
|
||||
<option value="tfa_338" id="tfa_338" class="">Greece</option>
|
||||
<option value="tfa_339" id="tfa_339" class="">Greenland</option>
|
||||
<option value="tfa_340" id="tfa_340" class="">Grenada</option>
|
||||
<option value="tfa_341" id="tfa_341" class="">Guadeloupe</option>
|
||||
<option value="tfa_342" id="tfa_342" class="">Guam</option>
|
||||
<option value="tfa_343" id="tfa_343" class="">Guatemala</option>
|
||||
<option value="tfa_344" id="tfa_344" class="">Guinea</option>
|
||||
<option value="tfa_345" id="tfa_345" class="">Guinea-Bissau</option>
|
||||
<option value="tfa_346" id="tfa_346" class="">Guyana</option>
|
||||
<option value="tfa_347" id="tfa_347" class="">Haiti</option>
|
||||
<option value="tfa_348" id="tfa_348" class="">Heard Island and McDonald Islands</option>
|
||||
<option value="tfa_349" id="tfa_349" class="">Honduras</option>
|
||||
<option value="tfa_350" id="tfa_350" class="">Hong Kong SAR</option>
|
||||
<option value="tfa_351" id="tfa_351" class="">Hungary</option>
|
||||
<option value="tfa_352" id="tfa_352" class="">Iceland</option>
|
||||
<option value="tfa_353" id="tfa_353" class="">India</option>
|
||||
<option value="tfa_354" id="tfa_354" class="">Indonesia</option>
|
||||
<option value="tfa_355" id="tfa_355" class="">Iran</option>
|
||||
<option value="tfa_356" id="tfa_356" class="">Iraq</option>
|
||||
<option value="tfa_357" id="tfa_357" class="">Ireland</option>
|
||||
<option value="tfa_358" id="tfa_358" class="">Israel</option>
|
||||
<option value="tfa_359" id="tfa_359" class="">Italy</option>
|
||||
<option value="tfa_360" id="tfa_360" class="">Jamaica</option>
|
||||
<option value="tfa_361" id="tfa_361" class="">Japan</option>
|
||||
<option value="tfa_362" id="tfa_362" class="">Jordan</option>
|
||||
<option value="tfa_363" id="tfa_363" class="">Kazakhstan</option>
|
||||
<option value="tfa_364" id="tfa_364" class="">Kenya</option>
|
||||
<option value="tfa_365" id="tfa_365" class="">Kiribati</option>
|
||||
<option value="tfa_366" id="tfa_366" class="">Korea</option>
|
||||
<option value="tfa_367" id="tfa_367" class="">Kuwait</option>
|
||||
<option value="tfa_368" id="tfa_368" class="">Kyrgyzstan</option>
|
||||
<option value="tfa_369" id="tfa_369" class="">Laos</option>
|
||||
<option value="tfa_370" id="tfa_370" class="">Latvia</option>
|
||||
<option value="tfa_371" id="tfa_371" class="">Lebanon</option>
|
||||
<option value="tfa_372" id="tfa_372" class="">Lesotho</option>
|
||||
<option value="tfa_373" id="tfa_373" class="">Liberia</option>
|
||||
<option value="tfa_374" id="tfa_374" class="">Libya</option>
|
||||
<option value="tfa_375" id="tfa_375" class="">Liechtenstein</option>
|
||||
<option value="tfa_376" id="tfa_376" class="">Lithuania</option>
|
||||
<option value="tfa_377" id="tfa_377" class="">Luxembourg</option>
|
||||
<option value="tfa_378" id="tfa_378" class="">Macao SAR</option>
|
||||
<option value="tfa_379" id="tfa_379" class="">Macedonia, Former Yugoslav Republic of</option>
|
||||
<option value="tfa_380" id="tfa_380" class="">Madagascar</option>
|
||||
<option value="tfa_381" id="tfa_381" class="">Malawi</option>
|
||||
<option value="tfa_382" id="tfa_382" class="">Malaysia</option>
|
||||
<option value="tfa_383" id="tfa_383" class="">Maldives</option>
|
||||
<option value="tfa_384" id="tfa_384" class="">Mali</option>
|
||||
<option value="tfa_385" id="tfa_385" class="">Malta</option>
|
||||
<option value="tfa_386" id="tfa_386" class="">Marshall Islands</option>
|
||||
<option value="tfa_387" id="tfa_387" class="">Martinique</option>
|
||||
<option value="tfa_388" id="tfa_388" class="">Mauritania</option>
|
||||
<option value="tfa_389" id="tfa_389" class="">Mauritius</option>
|
||||
<option value="tfa_390" id="tfa_390" class="">Mayotte</option>
|
||||
<option value="tfa_391" id="tfa_391" class="">Mexico</option>
|
||||
<option value="tfa_392" id="tfa_392" class="">Micronesia</option>
|
||||
<option value="tfa_393" id="tfa_393" class="">Moldova</option>
|
||||
<option value="tfa_394" id="tfa_394" class="">Monaco</option>
|
||||
<option value="tfa_395" id="tfa_395" class="">Mongolia</option>
|
||||
<option value="tfa_396" id="tfa_396" class="">Montserrat</option>
|
||||
<option value="tfa_397" id="tfa_397" class="">Morocco</option>
|
||||
<option value="tfa_398" id="tfa_398" class="">Mozambique</option>
|
||||
<option value="tfa_399" id="tfa_399" class="">Myanmar</option>
|
||||
<option value="tfa_400" id="tfa_400" class="">Namibia</option>
|
||||
<option value="tfa_401" id="tfa_401" class="">Nauru</option>
|
||||
<option value="tfa_402" id="tfa_402" class="">Nepal</option>
|
||||
<option value="tfa_403" id="tfa_403" class="">Netherlands</option>
|
||||
<option value="tfa_404" id="tfa_404" class="">Netherlands Antilles</option>
|
||||
<option value="tfa_405" id="tfa_405" class="">New Caledonia</option>
|
||||
<option value="tfa_406" id="tfa_406" class="">New Zealand</option>
|
||||
<option value="tfa_407" id="tfa_407" class="">Nicaragua</option>
|
||||
<option value="tfa_408" id="tfa_408" class="">Niger</option>
|
||||
<option value="tfa_409" id="tfa_409" class="">Nigeria</option>
|
||||
<option value="tfa_410" id="tfa_410" class="">Niue</option>
|
||||
<option value="tfa_411" id="tfa_411" class="">Norfolk Island</option>
|
||||
<option value="tfa_412" id="tfa_412" class="">North Korea</option>
|
||||
<option value="tfa_413" id="tfa_413" class="">Northern Mariana Islands</option>
|
||||
<option value="tfa_414" id="tfa_414" class="">Norway</option>
|
||||
<option value="tfa_415" id="tfa_415" class="">Oman</option>
|
||||
<option value="tfa_416" id="tfa_416" class="">Pakistan</option>
|
||||
<option value="tfa_417" id="tfa_417" class="">Palau</option>
|
||||
<option value="tfa_418" id="tfa_418" class="">Panama</option>
|
||||
<option value="tfa_419" id="tfa_419" class="">Papua New Guinea</option>
|
||||
<option value="tfa_420" id="tfa_420" class="">Paraguay</option>
|
||||
<option value="tfa_421" id="tfa_421" class="">Peru</option>
|
||||
<option value="tfa_422" id="tfa_422" class="">Philippines</option>
|
||||
<option value="tfa_423" id="tfa_423" class="">Pitcairn Islands</option>
|
||||
<option value="tfa_424" id="tfa_424" class="">Poland</option>
|
||||
<option value="tfa_425" id="tfa_425" class="">Portugal</option>
|
||||
<option value="tfa_426" id="tfa_426" class="">Puerto Rico</option>
|
||||
<option value="tfa_427" id="tfa_427" class="">Qatar</option>
|
||||
<option value="tfa_428" id="tfa_428" class="">Reunion</option>
|
||||
<option value="tfa_429" id="tfa_429" class="">Romania</option>
|
||||
<option value="tfa_430" id="tfa_430" class="">Russia</option>
|
||||
<option value="tfa_431" id="tfa_431" class="">Rwanda</option>
|
||||
<option value="tfa_432" id="tfa_432" class="">Samoa</option>
|
||||
<option value="tfa_433" id="tfa_433" class="">San Marino</option>
|
||||
<option value="tfa_434" id="tfa_434" class="">São Tomé and Prìncipe</option>
|
||||
<option value="tfa_435" id="tfa_435" class="">Saudi Arabia</option>
|
||||
<option value="tfa_436" id="tfa_436" class="">Senegal</option>
|
||||
<option value="tfa_437" id="tfa_437" class="">Serbia and Montenegro</option>
|
||||
<option value="tfa_438" id="tfa_438" class="">Seychelles</option>
|
||||
<option value="tfa_439" id="tfa_439" class="">Sierra Leone</option>
|
||||
<option value="tfa_440" id="tfa_440" class="">Singapore</option>
|
||||
<option value="tfa_441" id="tfa_441" class="">Slovakia</option>
|
||||
<option value="tfa_442" id="tfa_442" class="">Slovenia</option>
|
||||
<option value="tfa_443" id="tfa_443" class="">Solomon Islands</option>
|
||||
<option value="tfa_444" id="tfa_444" class="">Somalia</option>
|
||||
<option value="tfa_445" id="tfa_445" class="">South Africa</option>
|
||||
<option value="tfa_446" id="tfa_446" class="">South Georgia and the South Sandwich Islands</option>
|
||||
<option value="tfa_447" id="tfa_447" class="">Spain</option>
|
||||
<option value="tfa_448" id="tfa_448" class="">Sri Lanka</option>
|
||||
<option value="tfa_449" id="tfa_449" class="">St. Helena</option>
|
||||
<option value="tfa_450" id="tfa_450" class="">St. Kitts and Nevis</option>
|
||||
<option value="tfa_451" id="tfa_451" class="">St. Lucia</option>
|
||||
<option value="tfa_452" id="tfa_452" class="">St. Pierre and Miquelon</option>
|
||||
<option value="tfa_453" id="tfa_453" class="">St. Vincent and the Grenadines</option>
|
||||
<option value="tfa_454" id="tfa_454" class="">Sudan</option>
|
||||
<option value="tfa_455" id="tfa_455" class="">Suriname</option>
|
||||
<option value="tfa_456" id="tfa_456" class="">Svalbard and Jan Mayen</option>
|
||||
<option value="tfa_457" id="tfa_457" class="">Swaziland</option>
|
||||
<option value="tfa_458" id="tfa_458" class="">Sweden</option>
|
||||
<option value="tfa_459" id="tfa_459" class="">Switzerland</option>
|
||||
<option value="tfa_460" id="tfa_460" class="">Syria</option>
|
||||
<option value="tfa_461" id="tfa_461" class="">Taiwan</option>
|
||||
<option value="tfa_462" id="tfa_462" class="">Tajikistan</option>
|
||||
<option value="tfa_463" id="tfa_463" class="">Tanzania</option>
|
||||
<option value="tfa_464" id="tfa_464" class="">Thailand</option>
|
||||
<option value="tfa_465" id="tfa_465" class="">Togo</option>
|
||||
<option value="tfa_466" id="tfa_466" class="">Tokelau</option>
|
||||
<option value="tfa_467" id="tfa_467" class="">Tonga</option>
|
||||
<option value="tfa_468" id="tfa_468" class="">Trinidad and Tobago</option>
|
||||
<option value="tfa_469" id="tfa_469" class="">Tunisia</option>
|
||||
<option value="tfa_470" id="tfa_470" class="">Turkey</option>
|
||||
<option value="tfa_471" id="tfa_471" class="">Turkmenistan</option>
|
||||
<option value="tfa_472" id="tfa_472" class="">Turks and Caicos Islands</option>
|
||||
<option value="tfa_473" id="tfa_473" class="">Tuvalu</option>
|
||||
<option value="tfa_474" id="tfa_474" class="">Uganda</option>
|
||||
<option value="tfa_475" id="tfa_475" class="">Ukraine</option>
|
||||
<option value="tfa_476" id="tfa_476" class="">United Arab Emirates</option>
|
||||
<option value="tfa_477" id="tfa_477" class="">United Kingdom</option>
|
||||
<option value="tfa_478" id="tfa_478" class="">United States</option>
|
||||
<option value="tfa_479" id="tfa_479" class="">United States Minor Outlying Islands</option>
|
||||
<option value="tfa_480" id="tfa_480" class="">Uruguay</option>
|
||||
<option value="tfa_481" id="tfa_481" class="">Uzbekistan</option>
|
||||
<option value="tfa_482" id="tfa_482" class="">Vanuatu</option>
|
||||
<option value="tfa_483" id="tfa_483" class="">Vatican City</option>
|
||||
<option value="tfa_484" id="tfa_484" class="">Venezuela</option>
|
||||
<option value="tfa_485" id="tfa_485" class="">Viet Nam</option>
|
||||
<option value="tfa_486" id="tfa_486" class="">Virgin Islands ( British )</option>
|
||||
<option value="tfa_487" id="tfa_487" class="">Virgin Islands</option>
|
||||
<option value="tfa_488" id="tfa_488" class="">Wallis and Futuna</option>
|
||||
<option value="tfa_489" id="tfa_489" class="">Yemen</option>
|
||||
<option value="tfa_490" id="tfa_490" class="">Zambia</option>
|
||||
<option value="tfa_491" id="tfa_491" class="">Zimbabwe</option></select></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if show_postal_code_field %}
|
||||
<div class="oneField field-container-D " id="tfa_496-D">
|
||||
<label id="tfa_496-L" class="label preField " for="tfa_496">{% trans "Postal Code" %}</label><br><div class="inputWrapper"><input type="text" id="tfa_496" name="tfa_496" value="" title="Postal Code" class=""></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if not show_comment_field == "none" %}
|
||||
<div class="oneField field-container-D " id="tfa_497-D">
|
||||
<label id="tfa_497-L" class="label preField " for="tfa_497">{% trans "Comments" %}</label><br><div class="inputWrapper"><textarea maxlength="500" id="tfa_497" name="tfa_497" title="Comments" class=""></textarea></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="oneField field-container-D labelsAbove " id="tfa_492-D" role="group" aria-labelledby="tfa_492-L" data-tfa-labelledby="-L tfa_492-L" aria-required="true">
|
||||
<label id="tfa_492-L" class="label preField reqMark" aria-label="Privacy Agreement required">Privacy Agreement</label><br><div class="inputWrapper"><span id="tfa_492" class="choices vertical required" aria-required="true"><span class="oneChoice"><input type="checkbox" value="tfa_493" class="calc-DefaultName" id="tfa_493" name="tfa_493" aria-labelledby="tfa_493-L" data-tfa-labelledby="tfa_492-L tfa_493-L"><label class="label postField" id="tfa_493-L" for="tfa_493"><span class="input-checkbox-faux"></span>I'm okay with Mozilla handling my info as explained in this <a href="https://www.mozilla.org/privacy/websites/" target="_blank">Privacy Notice</a>.</label></span></span></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
We are inncluding tfa_* in the variable name to make it clear where the value should be plugged in.
|
||||
For field name reference, see https://mozillafoundation.tfaforms.net/forms/definition/9
|
||||
{% endcomment %}
|
||||
{% include "../../fragments/formassembly_body.html" with campaign_id_tfa_1=cta.campaign_id source_url_tfa_498=source_url lang_tfa_499=lang thank_you_url_tfa_500=thank_you_url %}
|
||||
{% include "../../fragments/formassembly_body.html" with show_country_field=cta.requires_country_code show_postal_code_field=cta.requires_postal_code show_comment_field=cta.comment_requirements campaign_id_tfa_1=cta.campaign_id source_url_tfa_498=source_url lang_tfa_499=lang thank_you_url_tfa_500=thank_you_url %}
|
||||
<link rel="stylesheet" href="{% static "_css/formassembly-override.compiled.css" %}">
|
||||
|
||||
{% comment %} The condition to show FormAssembly form {% endcomment %}
|
||||
|
|
@ -34,6 +34,9 @@
|
|||
<div
|
||||
class="formassembly-petition-thank-you"
|
||||
data-cta-slug="{{ page.slug }}"
|
||||
data-sp-twitter="{{ cta.share_twitter }}"
|
||||
data-sp-facebook="{{ cta.share_facebook }}"
|
||||
data-sp-email="{{ cta.share_email }}"
|
||||
data-share-link="{{ cta.share_link }}"
|
||||
data-share-text="{{ cta.share_link_text }}"
|
||||
data-thank-you="{{ cta.thank_you }}"
|
||||
|
|
|
|||
|
|
@ -137,38 +137,51 @@ class PetitionThankYou extends Component {
|
|||
</div>
|
||||
);
|
||||
} else {
|
||||
let facebookBtn = this.props.spFacebook && (
|
||||
<button
|
||||
className="tw-btn tw-btn-secondary btn-share after:tw-hidden facebook-share"
|
||||
onClick={(e) => this.shareButtonClicked(e, `share-progress-fb`)}
|
||||
>
|
||||
Facebook
|
||||
</button>
|
||||
);
|
||||
let twitterBtn = this.props.spTwitter && (
|
||||
<button
|
||||
className="tw-btn tw-btn-secondary btn-share after:tw-hidden twitter-share"
|
||||
onClick={(e) => this.shareButtonClicked(e, `share-progress-tw`)}
|
||||
>
|
||||
Twitter
|
||||
</button>
|
||||
);
|
||||
let emailBtn = this.props.spEmail && (
|
||||
<button
|
||||
className="tw-btn tw-btn-secondary btn-share after:tw-hidden email-share"
|
||||
onClick={(e) => this.shareButtonClicked(e, `share-progress-em`)}
|
||||
>
|
||||
Email
|
||||
</button>
|
||||
);
|
||||
let linkBtn = (
|
||||
<button
|
||||
className="tw-btn tw-btn-secondary btn-share after:tw-hidden link-share"
|
||||
onClick={(e) => this.shareButtonClicked(e)}
|
||||
data-success-text="Copied"
|
||||
>
|
||||
Copy
|
||||
</button>
|
||||
);
|
||||
|
||||
return (
|
||||
<div>
|
||||
<p>{this.props.thankYou}</p>
|
||||
<div className="share-button-group rectangle stacked">
|
||||
<div className="subgroup">
|
||||
<button
|
||||
className="tw-btn tw-btn-secondary btn-share after:tw-hidden facebook-share"
|
||||
onClick={(e) => this.shareButtonClicked(e, `share-progress-fb`)}
|
||||
>
|
||||
Facebook
|
||||
</button>
|
||||
<button
|
||||
className="tw-btn tw-btn-secondary btn-share after:tw-hidden twitter-share"
|
||||
onClick={(e) => this.shareButtonClicked(e, `share-progress-tw`)}
|
||||
>
|
||||
Twitter
|
||||
</button>
|
||||
{facebookBtn}
|
||||
{twitterBtn}
|
||||
</div>
|
||||
<div className="subgroup">
|
||||
<button
|
||||
className="tw-btn tw-btn-secondary btn-share after:tw-hidden email-share"
|
||||
onClick={(e) => this.shareButtonClicked(e, `share-progress-em`)}
|
||||
>
|
||||
Email
|
||||
</button>
|
||||
<button
|
||||
className="tw-btn tw-btn-secondary btn-share after:tw-hidden link-share"
|
||||
onClick={(e) => this.shareButtonClicked(e)}
|
||||
data-success-text="Copied"
|
||||
>
|
||||
Copy
|
||||
</button>
|
||||
{emailBtn}
|
||||
{linkBtn}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче