r103229 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:< r103228‎ | r103229 | r103230 >
Date:21:46, 15 November 2011
Author:pgehres
Status:ok
Tags:
Comment:
HTML and CSS complete for TwoStepTwoColumnLetter3 RapidHTML FU 103219
Modified paths:
  • /trunk/extensions/DonationInterface/payflowpro_gateway/forms/css/TwoStepTwoColumnLetter3.css (modified) (history)
  • /trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/TwoStepTwoColumnLetter3-legal.html (added) (history)
  • /trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/TwoStepTwoColumnLetter3.html (modified) (history)

Diff [purge]

Index: trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/TwoStepTwoColumnLetter3.html
——@@ -12,48 +12,21 @@
1313 <tbody>
1414 <tr>
1515 <td id="appeal" valign="top">
16 - <div style="margin:9em 0;">
17 - <table class="quote"
18 - style="margin: auto; border-collapse: collapse; border-style: none; background-color: transparent; width: auto; margin: 10px auto;">
19 - <tbody>
20 - <tr>
21 - <td width="20" valign="top"
22 - style="color: rgb(178, 183, 242); font-size: 40px; font-family: 'Times New Roman',serif; font-weight: bold; text-align: left; padding: 10px;">
23 - “
24 - </td>
25 - <td valign="top" style="padding: 4px 5px; font-size: 26px; line-height: 30px;">Imagine a world
26 - in which every single person on the planet has free access to the sum of all human
27 - knowledge.
28 - </td>
29 - <td width="20" valign="bottom"
30 - style="color: rgb(178, 183, 242); font-size: 40px; font-family: 'Times New Roman',serif; font-weight: bold; text-align: right; padding: 10px;">
31 - ”
32 - </td>
33 - </tr>
34 - <tr>
35 - <td style="padding-right: 4%;" colspan="3">
36 - <p style="font-size: 18px; text-align: right;"><cite style="font-style: normal;">—Jimmy
37 - Wales, Founder of Wikipedia</cite></p>
38 - </td>
39 - </tr>
40 - </tbody>
41 - </table>
42 - </div>
 16+ {{LanguageSwitch|2011FR/@appeal/text|@language}}
4317 </td>
4418 <td id="donate" valign="top">
45 - <noscript>&lt;div id="noscript"&gt;&lt;p id="noscript-msg"&gt;It appears that you do not have JavaScript
46 - enabled, or your browser does not support it.
47 - In order to provide a safe, secure and pleasant experience, our donation form requires JavaScript.&lt;/p&gt;&lt;p
48 - id="noscript-redirect-msg"&gt;If you cannot or do not wish to enable JavaScript, you may still
49 - contribute by visiting:&lt;/p&gt;&lt;p id="noscript-redirect-link"&gt;&lt;a
50 - href="http://wikimediafoundation.org/wiki/DonateNonJS/en"&gt;http://wikimediafoundation.org/wiki/DonateNonJS/en&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;</noscript>
 19+ <div id="greenBackground" class="">
 20+ <noscript>
 21+ <div id="noscript">
 22+ <p id="noscript-msg">It appears that you do not have JavaScript enabled, or your browser does not support it. In order to provide a safe, secure and pleasant experience, our donation form requires JavaScript.</p><p id="noscript-redirect-msg">If you cannot or do not wish to enable JavaScript, you may still contribute by visiting:</p><p id="noscript-redirect-link"><a href="http://wikimediafoundation.org/wiki/DonateNonJS/en">http://wikimediafoundation.org/wiki/DonateNonJS/en</a></p>
 23+ </div>
 24+ </noscript>
 25+
5126 <h2 id="donate-head">Please complete your donation below ...</h2>
5227
53 - <p class="creditcard-error-msg"></p>
 28+ <p id="topError" class="creditcard-error-msg"></p>
5429
55 - <form name="payment" method="post"
56 - action="/index.php/Special:PayflowProGateway?uselang=en&amp;masthead=none&amp;form_name=TwoStepTwoColumnLetter3&amp;text_template=2010%2FJimmyQuote&amp;ffname=%7B%7B%7Bffname%7D%7D%7D"
57 - onsubmit="return formCheck(this)" autocomplete="off">
 30+ <form name="payment" method="post" action="@action" autocomplete="off">
5831 <div id="payflowpro_gateway-personal-info">
5932 <table id="payflow-table-donor">
6033 <tbody>
——@@ -71,46 +44,28 @@
7245 </tr>
7346 <tr>
7447 <td class="amount_data">Donation</td>
75 - <td class="amount_data" style="text-align:right;width:75px;">10<input
76 - type="hidden" value="10" name="amount"></td>
77 - <td class="amount_data" style="text-align:right;width:75px;">USD<input
78 - type="hidden" value="USD" name="currency_code"></td>
 48+ <td class="amount_data" style="text-align:right;width:75px;">@amount</td>
 49+ <td class="amount_data" style="text-align:right;width:75px;">@currency_code</td>
7950 </tr>
8051 </tbody>
8152 </table>
8253 </td>
8354 </tr>
8455 <tr>
85 - <td colspan="2"><h3 class="cc_header">Billing information<img
86 - src="/extensions/DonationInterface/gateway_forms/includes/padlock.gif"
87 - style="vertical-align:baseline;margin-left:8px;"></h3></td>
 56+ <td colspan="2"><h3 class="cc_header">Billing information<img src="@script_path/extensions/DonationInterface/gateway_forms/includes/padlock.gif" style="vertical-align:baseline;margin-left:8px;"></h3></td>
8857 </tr>
8958 <tr>
9059 <td class="label"></td>
91 - <td><img src="/extensions/DonationInterface/gateway_forms/includes/credit_card_logos.gif">
92 - </td>
 60+ <td><img src="@script_path/extensions/DonationInterface/gateway_forms/includes/credit_card_logos.gif"></td>
9361 </tr>
9462 <tr>
9563 <td class="label"><label for="card_num">Card number</label></td>
96 - <td><input name="card_num" size="30" value="" type="text" maxlength="100" id="card_num"
97 - class="fullwidth" autocomplete="off"></td>
 64+ <td><input name="card_num" size="30" value="@card_num" type="text" maxlength="100" id="card_num" class="fullwidth" autocomplete="off"></td>
9865 </tr>
9966 <tr>
100 - <td class="label"><label for="expiration">Expiration date</label></td>
101 - <td><select name="mos" id="expiration">
102 - <option value="01">1 (January)</option>
103 - <option value="02">2 (February)</option>
104 - <option value="03">3 (March)</option>
105 - <option value="04">4 (April)</option>
106 - <option value="05">5 (May)</option>
107 - <option value="06">6 (June)</option>
108 - <option value="07">7 (July)</option>
109 - <option value="08">8 (August)</option>
110 - <option value="09">9 (September)</option>
111 - <option value="10">10 (October)</option>
112 - <option value="11">11 (November)</option>
113 - <option value="12">12 (December)</option>
114 - </select> / <select name="year" id="year">
 67+ <td class="label"><label for="mos">Expiration date</label></td>
 68+ <td><select name="mos" id="mos"><option value="01">1 (January)</option><option value="02">2 (February)</option><option value="03">3 (March)</option><option value="04">4 (April)</option><option value="05">5 (May)</option><option value="06">6 (June)</option><option value="07">7 (July)</option><option value="08">8 (August)</option><option value="09">9 (September)</option><option value="10">10 (October)</option><option value="11">11 (November)</option><option value="12">12 (December)</option></select> / <select name="year" id="year">
 69+ <!--<option value="">Year</option>-->
11570 <option value="2011">2011</option>
11671 <option value="2012">2012</option>
11772 <option value="2013">2013</option>
——@@ -129,8 +84,7 @@
13085 </tr>
13186 <tr>
13287 <td class="label"><label for="cvv">Security code</label></td>
133 - <td><input name="cvv" size="5" value="" type="text" maxlength="10" id="cvv"
134 - autocomplete="off"> <a href="javascript:PopupCVV();">Where is this?</a></td>
 88+ <td><input name="cvv" size="5" value="@cvv" type="text" maxlength="10" id="cvv" autocomplete="off"> <a href="javascript:PopupCVV();">Where is this?</a></td>
13589 </tr>
13690 <tr>
13791 <td colspan="2"><span class="creditcard-error-msg"></span></td>
——@@ -140,13 +94,7 @@
14195 </tr>
14296 <tr>
14397 <td class="label"><label for="fname">Name on card</label></td>
144 - <td><input name="fname" size="30" value="" type="text"
145 - onfocus="clearField( this, 'First name' )" maxlength="25" class="required"
146 - id="fname" style="color: rgb(153, 153, 153); "><input name="lname" size="30"
147 - value="" type="text"
148 - onfocus="clearField( this, 'Last name' )"
149 - maxlength="25" id="lname"
150 - style="color: rgb(153, 153, 153); ">
 98+ <td><input name="fname" size="30" value="@fname" type="text" placeholder="First name" maxlength="25" class="required" id="fname" style="color: rgb(153, 153, 153); "><input name="lname" size="30" value="@lname" type="text" placeholder="Last name" maxlength="25" id="lname" style="color: rgb(153, 153, 153); ">
15199 </td>
152100 </tr>
153101 <tr>
——@@ -154,135 +102,82 @@
155103 </tr>
156104 <tr>
157105 <td class="label"><label for="street">Billing address</label></td>
158 - <td><input name="street" size="30" value="" type="text"
159 - onfocus="clearField( this, 'Street' )" maxlength="100" id="street"
160 - class="fullwidth" style="color: rgb(153, 153, 153); "></td>
 106+ <td><input name="street" size="30" value="@street" type="text" placeholder="Street" maxlength="100" id="street" class="fullwidth" style="color: rgb(153, 153, 153); "></td>
161107 </tr>
162108 <tr>
163109 <td colspan="2"><span class="creditcard-error-msg"></span></td>
164110 </tr>
165111 <tr>
166112 <td class="label"></td>
167 - <td><input name="city" size="18" value="" type="text" onfocus="clearField( this, 'City' )"
168 - maxlength="40" id="city" style="color: rgb(153, 153, 153); "> <select
169 - name="state" id="state">
170 - <option value=""></option>
171 - <option value="AK">AK</option>
172 - <option value="AL">AL</option>
173 - <option value="AR">AR</option>
174 - <option value="AZ">AZ</option>
175 - <option value="CA">CA</option>
176 - <option value="CO">CO</option>
177 - <option value="CT">CT</option>
178 - <option value="DC">DC</option>
179 - <option value="DE">DE</option>
180 - <option value="FL">FL</option>
181 - <option value="GA">GA</option>
182 - <option value="HI">HI</option>
183 - <option value="IA">IA</option>
184 - <option value="ID">ID</option>
185 - <option value="IL">IL</option>
186 - <option value="IN">IN</option>
187 - <option value="KS">KS</option>
188 - <option value="KY">KY</option>
189 - <option value="LA">LA</option>
190 - <option value="MA">MA</option>
191 - <option value="MD">MD</option>
192 - <option value="ME">ME</option>
193 - <option value="MI">MI</option>
194 - <option value="MN">MN</option>
195 - <option value="MO">MO</option>
196 - <option value="MS">MS</option>
197 - <option value="MT">MT</option>
198 - <option value="NC">NC</option>
199 - <option value="ND">ND</option>
200 - <option value="NE">NE</option>
201 - <option value="NH">NH</option>
202 - <option value="NJ">NJ</option>
203 - <option value="NM">NM</option>
204 - <option value="NV">NV</option>
205 - <option value="NY">NY</option>
206 - <option value="OH">OH</option>
207 - <option value="OK">OK</option>
208 - <option value="OR">OR</option>
209 - <option value="PA">PA</option>
210 - <option value="PR">PR</option>
211 - <option value="RI">RI</option>
212 - <option value="SC">SC</option>
213 - <option value="SD">SD</option>
214 - <option value="TN">TN</option>
215 - <option value="TX">TX</option>
216 - <option value="UT">UT</option>
217 - <option value="VA">VA</option>
218 - <option value="VT">VT</option>
219 - <option value="WA">WA</option>
220 - <option value="WI">WI</option>
221 - <option value="WV">WV</option>
222 - <option value="WY">WY</option>
223 - <option value="AA">AA</option>
224 - <option value="AE">AE</option>
225 - <option value="AP">AP</option>
226 - </select> <input name="zip" size="5" value="" type="text"
227 - onfocus="clearField( this, 'Zip code' )" maxlength="10" id="zip"
228 - style="color: rgb(153, 153, 153); "><input type="hidden" value="US"
229 - name="country"></td>
 113+ <td><input name="city" size="18" value="@city" type="text" placeholder="City" maxlength="40" id="city" style="color: rgb(153, 153, 153); ">
 114+ <select id="state" name="state" value="@state" >
 115+ <option value=""></option>
 116+ <option value="AK">AK</option><option value="AL">AL</option><option value="AR">AR</option><option value="AZ">AZ</option><option value="CA">CA</option><option value="CO">CO</option><option value="CT">CT</option><option value="DC">DC</option><option value="DE">DE</option><option value="FL">FL</option><option value="GA">GA</option><option value="HI">HI</option><option value="IA">IA</option><option value="ID">ID</option><option value="IL">IL</option><option value="IN">IN</option><option value="KS">KS</option><option value="KY">KY</option><option value="LA">LA</option><option value="MA">MA</option><option value="MD">MD</option><option value="ME">ME</option><option value="MI">MI</option><option value="MN">MN</option><option value="MO">MO</option><option value="MS">MS</option><option value="MT">MT</option><option value="NC">NC</option><option value="ND">ND</option><option value="NE">NE</option><option value="NH">NH</option><option value="NJ">NJ</option><option value="NM">NM</option><option value="NV">NV</option><option value="NY">NY</option><option value="OH">OH</option><option value="OK">OK</option><option value="OR">OR</option><option value="PA">PA</option><option value="PR">PR</option><option value="RI">RI</option><option value="SC">SC</option><option value="SD">SD</option><option value="TN">TN</option><option value="TX">TX</option><option value="UT">UT</option><option value="VA">VA</option><option value="VT">VT</option><option value="WA">WA</option><option value="WI">WI</option><option value="WV">WV</option><option value="WY">WY</option><option value="AA">AA</option><option value="AE">AE</option><option value="AP">AP</option>
 117+ </select>
 118+ <input name="zip" size="5" value="@zip" type="text" placeholder="Zip code" maxlength="10" id="zip" style="color: rgb(153, 153, 153); ">
 119+ </td>
230120 </tr>
231121 <tr>
232122 <td colspan="2"><span class="creditcard-error-msg"></span></td>
233123 </tr>
234124 <tr>
235125 <td class="label"><label for="emailAdd">E-mail receipt to</label></td>
236 - <td><input name="emailAdd" size="30" value="" type="text"
237 - onfocus="clearField( this, 'Email address' )" maxlength="64" id="emailAdd"
238 - class="fullwidth" style="color: rgb(153, 153, 153); "></td>
 126+ <td><input name="emailAdd" size="30" value="@emailAdd" type="text" placeholder="Email address" maxlength="64" id="emailAdd" class="fullwidth" style="color: rgb(153, 153, 153); "></td>
239127 </tr>
240128 <tr>
241129 <td class="label"></td>
242130 <td>
243 - <div id="mw-donate-submit-button">&nbsp;<br><input
244 - src="/extensions/DonationInterface/gateway_forms/includes/submit-donation-button.png"
245 - alt="Submit donation" type="image"></div>
246 - <div class="mw-donate-submessage" id="payflowpro_gateway-donate-submessage"><img
247 - src="/extensions/DonationInterface/gateway_forms/includes/padlock.gif"
248 - style="vertical-align:baseline;margin-right:4px;">Your credit / debit card will
249 - be securely processed.
 131+ <div id="mw-donate-submit-button">&nbsp;<br>
 132+ <input id="ccSubmitButton" name="ccSubmitButton" src="@script_path/extensions/DonationInterface/gateway_forms/includes/submit-donation-button.png" alt="Submit donation" type="image">
250133 </div>
 134+ <div class="mw-donate-submessage" id="payflowpro_gateway-donate-submessage">
 135+ <img src="@script_path/extensions/DonationInterface/gateway_forms/includes/padlock.gif" style="vertical-align:baseline;margin-right:4px;">Your credit / debit card will be securely processed.
 136+ </div>
251137 </td>
252138 </tr>
253139 </tbody>
254140 </table>
 141+
255142 </div>
256 - <input type="hidden" value="B11_1115_btPf_US.L11_1115_old_US.cc" name="utm_source"><input type="hidden"
257 - value="sitenotice"
258 - name="utm_medium"><input
259 - type="hidden" value="undefined" name="utm_campaign"><input type="hidden" value="en" name="language"><input
260 - type="hidden" value="http://en.wikipedia.org/wiki/Main_Page?banner=B11_1115_btPf_US"
261 - name="referrer"><input type="hidden" name="comment"><input type="hidden"
262 - name="comment-option"><input
263 - type="hidden" value="1" name="email-opt"><input type="hidden" name="size"><input type="hidden"
264 - value="en"
265 - name="premium_language"><input
266 - type="hidden" value="cc" name="payment_method"><input type="hidden" name="payment_submethod"><input
267 - type="hidden" name="issuer_id"><input type="hidden" name="token"><input type="hidden"
268 - value="5064636399"
269 - name="order_id"><input
270 - type="hidden" value="5064636399" name="i_order_id"><input type="hidden" value="0" name="numAttempt"><input
271 - type="hidden" value="5813608" name="contribution_tracking_id"><input type="hidden" name="data_hash"><input
272 - type="hidden" name="action"><input type="hidden" name="owa_session"><input type="hidden"
273 - name="owa_ref"><input
274 - type="hidden" value="payflowpro" name="gateway"></form>
275 - <div class="payflow-cc-form-section" id="payflowpro_gateway-donate-addl-info">
276 - <div id="payflowpro_gateway-donate-addl-info-text">
277 - <div style="text-align:center;">* * *</div>
278 - <div class="">We do not store your credit card information, and your personal data is subject to our
279 - <a href="http://wikimediafoundation.org/wiki/Donor_policy">donor privacy policy</a>.
 143+ <input type="hidden" name="gateway" value="payflowpro" id="gateway" />
 144+ <input type="hidden" name="returnto" value="Thank_You/en" />
 145+ <input type="hidden" value="0" name="PaypalRedirect" id="PaypalRedirect">
 146+
 147+ <input type="hidden" value="@amount" name="amount">
 148+ <input type="hidden" value="@currency_code" name="currency_code">
 149+
 150+ <input type="hidden" value="@amount" name="amount" />
 151+ <input type="hidden" value="US" name="country" id="country" />
 152+ <input type="hidden" value="@expiration" name="expiration" id="expiration"/>
 153+ <input type="hidden" value="USD" name="currency_code" />
 154+ <input type="hidden" value="@utm_source" name="utm_source"/>
 155+ <input type="hidden" value="@utm_medium" name="utm_medium"/>
 156+ <input type="hidden" value="@utm_campaign" name="utm_campaign"/>
 157+ <input type="hidden" value="@language" name="language"/>
 158+ <input type="hidden" value="@referrer" name="referrer"/>
 159+ <input type="hidden" value="@comment" name="comment"/>
 160+ <input type="hidden" value="@comment-option" name="comment-option"/>
 161+ <input type="hidden" value="1 " name="email-opt"/>
 162+ <input type="hidden" value="@token" name="token"/>
 163+ <input type="hidden" value="@order_id" name="order_id"/>
 164+ <input type="hidden" value="@numAttempt" name="numAttempt"/>
 165+ <input type="hidden" value="@contribution_tracking_id" name="contribution_tracking_id"/>
 166+ <input type="hidden" value="@data_hash" name="data_hash"/>
 167+ <input type="hidden" value="@owa_session" name="owa_session"/>
 168+ <input type="hidden" value="@owa_ref" name="owa_ref"/>
 169+ <!-- new required fields -->
 170+ <input type="hidden" value="@gateway" name="gateway"/>
 171+ <input type="hidden" value="cc" name="payment_method"/>
 172+ </form>
 173+ <div class="payflow-cc-form-section" id="payflowpro_gateway-donate-addl-info">
 174+ <div id="payflowpro_gateway-donate-addl-info-text">
 175+ <div style="text-align:center;">* * *</div>
 176+ <div class="">We do not store your credit card information, and your personal data is subject to our <a href="http://wikimediafoundation.org/wiki/Donor_policy">donor privacy policy</a>.</div><div class="">There are <a href="http://wikimediafoundation.org/wiki/Ways_to_Give/en">other ways to give</a>, including by check.</div>
 177+ <div class="">Questions or comments? Contact: <a href="mailto:donate@wikimedia.org">donate@wikimedia.org</a>
 178+ </div>
280179 </div>
281 - <div class="">There are <a href="http://wikimediafoundation.org/wiki/Ways_to_Give/en">other ways to
282 - give</a>, including by check.
283 - </div>
284 - <div class="">Questions or comments? Contact: <a href="mailto:donate@wikimedia.org">donate@wikimedia.org</a>
285 - </div>
286180 </div>
 181+ <div style="clear:both;"></div>
287182 </div>
288183 </td>
289184 </tr>
Index: trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/TwoStepTwoColumnLetter3-legal.html
——@@ -0,0 +1,191 @@
 2+<script type="text/javascript">
 3+ mw.loader.load('pfp.form.rapidhtml.TwoStepTwoColumnLetter3');
 4+ // these must go through RapidHTML and thus are inline
 5+// var amountErrors = ['#general|escape','#retryMsg|escape','#amount|escape'];
 6+// var billingErrors = ['#fname|escape','#lname|escape','#city|escape','#country|escape','#street|escape','#state|escape','#zip|escape','#emailAdd|escape'];
 7+// var paymentErrors = ['#card_num|escape','#card_type|escape','#cvv|escape'];
 8+// var actionURL = "@action";
 9+// var scriptPath = "@script_path";
 10+</script>
 11+
 12+<table width="100%" cellspacing="0" cellpadding="0" border="0">
 13+ <tbody>
 14+ <tr>
 15+ <td id="appeal" valign="top">
 16+ {{LanguageSwitch|2011FR/@appeal/text|@language}}
 17+ </td>
 18+ <td id="donate" valign="top">
 19+ <div id="greenBackground" class="">
 20+ <noscript>
 21+ <div id="noscript">
 22+ <p id="noscript-msg">It appears that you do not have JavaScript enabled, or your browser does not support it. In order to provide a safe, secure and pleasant experience, our donation form requires JavaScript.</p><p id="noscript-redirect-msg">If you cannot or do not wish to enable JavaScript, you may still contribute by visiting:</p><p id="noscript-redirect-link"><a href="http://wikimediafoundation.org/wiki/DonateNonJS/en">http://wikimediafoundation.org/wiki/DonateNonJS/en</a></p>
 23+ </div>
 24+ </noscript>
 25+
 26+ <h2 id="donate-head">Please complete your donation below ...</h2>
 27+
 28+ <p id="topError" class="creditcard-error-msg"></p>
 29+
 30+ <form name="payment" method="post" action="@action" autocomplete="off">
 31+ <div id="payflowpro_gateway-personal-info">
 32+ <table id="payflow-table-donor">
 33+ <tbody>
 34+ <tr>
 35+ <td colspan="2"><span class="creditcard-error-msg"></span></td>
 36+ </tr>
 37+ <tr>
 38+ <td colspan="2">
 39+ <table cellspacing="0" cellpadding="4" border="1" id="donation_amount">
 40+ <tbody>
 41+ <tr>
 42+ <td class="amount_header">Description</td>
 43+ <td class="amount_header" style="text-align:right;width:75px;">Amount</td>
 44+ <td class="amount_header" style="text-align:right;width:75px;">Currency</td>
 45+ </tr>
 46+ <tr>
 47+ <td class="amount_data">Donation</td>
 48+ <td class="amount_data" style="text-align:right;width:75px;">@amount</td>
 49+ <td class="amount_data" style="text-align:right;width:75px;">@currency_code</td>
 50+ </tr>
 51+ </tbody>
 52+ </table>
 53+ </td>
 54+ </tr>
 55+ <tr>
 56+ <td colspan="2"><h3 class="cc_header">Billing information<img src="@script_path/extensions/DonationInterface/gateway_forms/includes/padlock.gif" style="vertical-align:baseline;margin-left:8px;"></h3></td>
 57+ </tr>
 58+ <tr>
 59+ <td class="label"></td>
 60+ <td><img src="@script_path/extensions/DonationInterface/gateway_forms/includes/credit_card_logos.gif"></td>
 61+ </tr>
 62+ <tr>
 63+ <td class="label"><label for="card_num">Card number</label></td>
 64+ <td><input name="card_num" size="30" value="@card_num" type="text" maxlength="100" id="card_num" class="fullwidth" autocomplete="off"></td>
 65+ </tr>
 66+ <tr>
 67+ <td class="label"><label for="mos">Expiration date</label></td>
 68+ <td><select name="mos" id="mos"><option value="01">1 (January)</option><option value="02">2 (February)</option><option value="03">3 (March)</option><option value="04">4 (April)</option><option value="05">5 (May)</option><option value="06">6 (June)</option><option value="07">7 (July)</option><option value="08">8 (August)</option><option value="09">9 (September)</option><option value="10">10 (October)</option><option value="11">11 (November)</option><option value="12">12 (December)</option></select> / <select name="year" id="year">
 69+ <!--<option value="">Year</option>-->
 70+ <option value="2011">2011</option>
 71+ <option value="2012">2012</option>
 72+ <option value="2013">2013</option>
 73+ <option value="2014">2014</option>
 74+ <option value="2015">2015</option>
 75+ <option value="2016">2016</option>
 76+ <option value="2017">2017</option>
 77+ <option value="2018">2018</option>
 78+ <option value="2019">2019</option>
 79+ <option value="2020">2020</option>
 80+ <option value="2021">2021</option>
 81+ </select></td>
 82+ </tr>
 83+ <tr>
 84+ <td colspan="2"><span class="creditcard-error-msg"></span></td>
 85+ </tr>
 86+ <tr>
 87+ <td class="label"><label for="cvv">Security code</label></td>
 88+ <td><input name="cvv" size="5" value="@cvv" type="text" maxlength="10" id="cvv" autocomplete="off"> <a href="javascript:PopupCVV();">Where is this?</a></td>
 89+ </tr>
 90+ <tr>
 91+ <td colspan="2"><span class="creditcard-error-msg"></span></td>
 92+ </tr>
 93+ <tr>
 94+ <td colspan="2"><span class="creditcard-error-msg"></span></td>
 95+ </tr>
 96+ <tr>
 97+ <td class="label"><label for="fname">Name on card</label></td>
 98+ <td><input name="fname" size="30" value="@fname" type="text" placeholder="First name" maxlength="25" class="required" id="fname" style="color: rgb(153, 153, 153); ">
 99+ <input name="lname" size="30" value="@lname" type="text" placeholder="Last name" maxlength="25" id="lname" style="color: rgb(153, 153, 153); ">
 100+ </td>
 101+ </tr>
 102+ <tr>
 103+ <td colspan="2"><span class="creditcard-error-msg"></span></td>
 104+ </tr>
 105+ <tr>
 106+ <td class="label"><label for="street">Billing address</label></td>
 107+ <td><input name="street" size="30" value="@street" type="text" placeholder="Street" maxlength="100" id="street" class="fullwidth" style="color: rgb(153, 153, 153); "></td>
 108+ </tr>
 109+ <tr>
 110+ <td colspan="2"><span class="creditcard-error-msg"></span></td>
 111+ </tr>
 112+ <tr>
 113+ <td class="label"></td>
 114+ <td><input name="city" size="18" value="@city" type="text" placeholder="City" maxlength="40" id="city" style="color: rgb(153, 153, 153); ">
 115+ <select id="state" name="state" value="@state" >
 116+ <option value=""></option>
 117+ <option value="AK">AK</option><option value="AL">AL</option><option value="AR">AR</option><option value="AZ">AZ</option><option value="CA">CA</option><option value="CO">CO</option><option value="CT">CT</option><option value="DC">DC</option><option value="DE">DE</option><option value="FL">FL</option><option value="GA">GA</option><option value="HI">HI</option><option value="IA">IA</option><option value="ID">ID</option><option value="IL">IL</option><option value="IN">IN</option><option value="KS">KS</option><option value="KY">KY</option><option value="LA">LA</option><option value="MA">MA</option><option value="MD">MD</option><option value="ME">ME</option><option value="MI">MI</option><option value="MN">MN</option><option value="MO">MO</option><option value="MS">MS</option><option value="MT">MT</option><option value="NC">NC</option><option value="ND">ND</option><option value="NE">NE</option><option value="NH">NH</option><option value="NJ">NJ</option><option value="NM">NM</option><option value="NV">NV</option><option value="NY">NY</option><option value="OH">OH</option><option value="OK">OK</option><option value="OR">OR</option><option value="PA">PA</option><option value="PR">PR</option><option value="RI">RI</option><option value="SC">SC</option><option value="SD">SD</option><option value="TN">TN</option><option value="TX">TX</option><option value="UT">UT</option><option value="VA">VA</option><option value="VT">VT</option><option value="WA">WA</option><option value="WI">WI</option><option value="WV">WV</option><option value="WY">WY</option><option value="AA">AA</option><option value="AE">AE</option><option value="AP">AP</option>
 118+ </select>
 119+ <input name="zip" size="5" value="@zip" type="text" placeholder="Zip code" maxlength="10" id="zip" style="color: rgb(153, 153, 153); ">
 120+ </td>
 121+ </tr>
 122+ <tr>
 123+ <td colspan="2"><span class="creditcard-error-msg"></span></td>
 124+ </tr>
 125+ <tr>
 126+ <td class="label"><label for="emailAdd">E-mail receipt to</label></td>
 127+ <td><input name="emailAdd" size="30" value="@emailAdd" type="text" placeholder="Email address" maxlength="64" id="emailAdd" class="fullwidth" style="color: rgb(153, 153, 153); "></td>
 128+ </tr>
 129+ <tr>
 130+ <td class="label"></td>
 131+ <td>
 132+ <div id="mw-donate-submit-button">&nbsp;<br>
 133+ <input id="ccSubmitButton" name="ccSubmitButton" src="@script_path/extensions/DonationInterface/gateway_forms/includes/submit-donation-button.png" alt="Submit donation" type="image">
 134+ </div>
 135+ <div class="mw-donate-submessage" id="payflowpro_gateway-donate-submessage">
 136+ <img src="@script_path/extensions/DonationInterface/gateway_forms/includes/padlock.gif" style="vertical-align:baseline;margin-right:4px;">Your credit / debit card will be securely processed.
 137+ </div>
 138+ </td>
 139+ </tr>
 140+ </tbody>
 141+ </table>
 142+
 143+ </div>
 144+ <input type="hidden" name="gateway" value="payflowpro" id="gateway" />
 145+ <input type="hidden" name="returnto" value="Thank_You/en" />
 146+ <input type="hidden" value="0" name="PaypalRedirect" id="PaypalRedirect">
 147+
 148+ <input type="hidden" value="@amount" name="amount">
 149+ <input type="hidden" value="@currency_code" name="currency_code">
 150+
 151+ <input type="hidden" value="@amount" name="amount" />
 152+ <input type="hidden" value="US" name="country" id="country" />
 153+ <input type="hidden" value="@expiration" name="expiration" id="expiration"/>
 154+ <input type="hidden" value="USD" name="currency_code" />
 155+ <input type="hidden" value="@utm_source" name="utm_source"/>
 156+ <input type="hidden" value="@utm_medium" name="utm_medium"/>
 157+ <input type="hidden" value="@utm_campaign" name="utm_campaign"/>
 158+ <input type="hidden" value="@language" name="language"/>
 159+ <input type="hidden" value="@referrer" name="referrer"/>
 160+ <input type="hidden" value="@comment" name="comment"/>
 161+ <input type="hidden" value="@comment-option" name="comment-option"/>
 162+ <input type="hidden" value="1 " name="email-opt"/>
 163+ <input type="hidden" value="@token" name="token"/>
 164+ <input type="hidden" value="@order_id" name="order_id"/>
 165+ <input type="hidden" value="@numAttempt" name="numAttempt"/>
 166+ <input type="hidden" value="@contribution_tracking_id" name="contribution_tracking_id"/>
 167+ <input type="hidden" value="@data_hash" name="data_hash"/>
 168+ <input type="hidden" value="@owa_session" name="owa_session"/>
 169+ <input type="hidden" value="@owa_ref" name="owa_ref"/>
 170+ <!-- new required fields -->
 171+ <input type="hidden" value="@gateway" name="gateway"/>
 172+ <input type="hidden" value="cc" name="payment_method"/>
 173+ </form>
 174+ </div>
 175+ <p id="informationsharing">%donate_interface-informationsharing|url%</p>
 176+ <table>
 177+ <tr>
 178+ <td>
 179+ <ul id="moreinfolinks">
 180+ <li><a href="http://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Monthly_donations&language=@language&uselang=@language&country=@country">%donate_interface-monthly-donation%</a></li>
 181+ <li><a href="http://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Ways_to_Give&language=@language&uselang=@language&country=@country">%donate_interface-otherways-short%</a></li>
 182+ <li><a href="http://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=FAQ&language=@language&uselang=@language&country=@country">%donate_interface-faqs%</a></li>
 183+ <li><a href="http://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Tax_Deductibility&language=@language&uselang=@language&country=@country">%donate_interface-tax-info%</a></li>
 184+ </ul>
 185+ </td>
 186+ <td>@verisign_logo</td>
 187+ </tr>
 188+ </table>
 189+ </td>
 190+ </tr>
 191+ </tbody>
 192+</table>
\ No newline at end of file
Property changes on: trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/TwoStepTwoColumnLetter3-legal.html
___________________________________________________________________
Added: svn:eol-style
1193 + native
Index: trunk/extensions/DonationInterface/payflowpro_gateway/forms/css/TwoStepTwoColumnLetter3.css
——@@ -109,10 +109,6 @@
110110 padding:0.2em 0;
111111 }
112112 #donate {
113 - background-color:#CCE7CD;
114 - border:1px solid #5EAC58;
115 - padding:16px 24px 24px;
116 - width:400px;
117113 }
118114 #donate-head {
119115 border:none;
——@@ -150,3 +146,21 @@
151147 h1#firstHeading, div#contentSub {
152148 display: none;
153149 }
 150+
 151+/* NEW STUFF */
 152+#greenBackground{
 153+ padding:16px 24px 24px;
 154+ width:400px;
 155+ background-color:#CCE7CD;
 156+ border:1px solid #5EAC58;
 157+}
 158+p#informationsharing {
 159+ width: 400px;
 160+ padding: 0 15px;
 161+ line-height: 14px;
 162+ font-size: 11px;
 163+}
 164+ul#moreinfolinks li{
 165+ list-style: none !important;
 166+ list-style-image: none !important;
 167+}
\ No newline at end of file

Follow-up revisions

RevisionCommit summaryAuthorDate
r103263MFT r103080, r103130, r103219, r103223, r103229, r103235, r103237, r103238, r...awjrichards23:43, 15 November 2011

Past revisions this follows-up on

RevisionCommit summaryAuthorDate
r103219Initial commit of RapidHtml TwoStepTwoColumnLetter3...pgehres20:16, 15 November 2011

Status & tagging log