diff options
Diffstat (limited to 'StoneIsland')
| -rw-r--r-- | StoneIsland/www/index.html | 138 | ||||
| -rw-r--r-- | StoneIsland/www/js/lib/account/PaymentView.js | 23 | ||||
| -rw-r--r-- | StoneIsland/www/js/lib/account/SignupView.js | 2 | ||||
| -rw-r--r-- | StoneIsland/www/js/lib/cart/CartPayment.js | 1 | ||||
| -rw-r--r-- | StoneIsland/www/js/lib/nav/AddressView.js | 22 | ||||
| -rw-r--r-- | StoneIsland/www/js/lib/nav/CreditCardView.js | 22 | ||||
| -rw-r--r-- | StoneIsland/www/js/vendor/view/serializable.js | 13 |
7 files changed, 124 insertions, 97 deletions
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html index d55f6ef6..f56367ae 100644 --- a/StoneIsland/www/index.html +++ b/StoneIsland/www/index.html @@ -365,80 +365,68 @@ </script> <script type="text/html" id="address_template"> - <div> - <label for="ship-name">Name</label> - <input type="text" name="name" id="ship-name"> - </div> - <div> - <label for="ship-address1">Address</label> - <input type="text" name="address1" id="ship-address1"> - <input type="text" name="address2" id="ship-address2"> - </div> - <div> - <label for="ship-city">City</label> - <input type="text" name="city" id="ship-city"> - </div> - <div> - <label for="ship-state">State</label> - <select id="state" name="state" required> - <option value="">Please select</option> - <option value="AL">Alabama</option> - <option value="AK">Alaska</option> - <option value="AZ">Arizona</option> - <option value="AR">Arkansas</option> - <option value="CA">California</option> - <option value="CO">Colorado</option> - <option value="CT">Connecticut</option> - <option value="DE">Delaware</option> - <option value="DC">District Of Columbia</option> - <option value="FL">Florida</option> - <option value="GA">Georgia</option> - <option value="HI">Hawaii</option> - <option value="ID">Idaho</option> - <option value="IL">Illinois</option> - <option value="IN">Indiana</option> - <option value="IA">Iowa</option> - <option value="KS">Kansas</option> - <option value="KY">Kentucky</option> - <option value="LA">Louisiana</option> - <option value="ME">Maine</option> - <option value="MD">Maryland</option> - <option value="MA">Massachusetts</option> - <option value="MI">Michigan</option> - <option value="MN">Minnesota</option> - <option value="MS">Mississippi</option> - <option value="MO">Missouri</option> - <option value="MT">Montana</option> - <option value="NE">Nebraska</option> - <option value="NV">Nevada</option> - <option value="NH">New Hampshire</option> - <option value="NJ">New Jersey</option> - <option value="NM">New Mexico</option> - <option value="NY">New York</option> - <option value="NC">North Carolina</option> - <option value="ND">North Dakota</option> - <option value="OH">Ohio</option> - <option value="OK">Oklahoma</option> - <option value="OR">Oregon</option> - <option value="PA">Pennsylvania</option> - <option value="RI">Rhode Island</option> - <option value="SC">South Carolina</option> - <option value="SD">South Dakota</option> - <option value="TN">Tennessee</option> - <option value="TX">Texas</option> - <option value="UT">Utah</option> - <option value="VT">Vermont</option> - <option value="VA">Virginia</option> - <option value="WA">Washington</option> - <option value="WV">West Virginia</option> - <option value="WI">Wisconsin</option> - <option value="WY">Wyoming</option> - </select> - </div> - <div> - <label for="ship-zip">Zip Code</label> - <input type="text" name="zip" id="ship-zip"> - </div> + <input type="text" name="Name" placeholder="First Name"> + <input type="text" name="Surname" placeholder="Last Name"> + <input type="text" name="Address1" placeholder="Address Line 1"> + <input type="text" name="Address2" placeholder="Address Line 2"> + <input type="number" name="Zip" placeholder="Zip"> + <span class="country">United States</span> + <input type="text" name="City" placeholder="City"> + <select id="state" name="state" required> + <option value="">State</option> + <option value="AL">Alabama</option> + <option value="AK">Alaska</option> + <option value="AZ">Arizona</option> + <option value="AR">Arkansas</option> + <option value="CA">California</option> + <option value="CO">Colorado</option> + <option value="CT">Connecticut</option> + <option value="DE">Delaware</option> + <option value="DC">District Of Columbia</option> + <option value="FL">Florida</option> + <option value="GA">Georgia</option> + <option value="HI">Hawaii</option> + <option value="ID">Idaho</option> + <option value="IL">Illinois</option> + <option value="IN">Indiana</option> + <option value="IA">Iowa</option> + <option value="KS">Kansas</option> + <option value="KY">Kentucky</option> + <option value="LA">Louisiana</option> + <option value="ME">Maine</option> + <option value="MD">Maryland</option> + <option value="MA">Massachusetts</option> + <option value="MI">Michigan</option> + <option value="MN">Minnesota</option> + <option value="MS">Mississippi</option> + <option value="MO">Missouri</option> + <option value="MT">Montana</option> + <option value="NE">Nebraska</option> + <option value="NV">Nevada</option> + <option value="NH">New Hampshire</option> + <option value="NJ">New Jersey</option> + <option value="NM">New Mexico</option> + <option value="NY">New York</option> + <option value="NC">North Carolina</option> + <option value="ND">North Dakota</option> + <option value="OH">Ohio</option> + <option value="OK">Oklahoma</option> + <option value="OR">Oregon</option> + <option value="PA">Pennsylvania</option> + <option value="RI">Rhode Island</option> + <option value="SC">South Carolina</option> + <option value="SD">South Dakota</option> + <option value="TN">Tennessee</option> + <option value="TX">Texas</option> + <option value="UT">Utah</option> + <option value="VT">Vermont</option> + <option value="VA">Virginia</option> + <option value="WA">Washington</option> + <option value="WV">West Virginia</option> + <option value="WI">Wisconsin</option> + <option value="WY">Wyoming</option> + </select> + <input type="number" name="Phone" placeholder="Phone Number"> </script> </body> @@ -466,6 +454,8 @@ <script src="js/lib/nav/HeaderView.js"></script> <script src="js/lib/nav/FooterView.js"></script> <script src="js/lib/nav/SearchView.js"></script> +<script src="js/lib/nav/AddressView.js"></script> +<script src="js/lib/nav/CreditCardView.js"></script> <script src="js/lib/nav/NavView.js"></script> <script src="js/lib/account/LoginView.js"></script> diff --git a/StoneIsland/www/js/lib/account/PaymentView.js b/StoneIsland/www/js/lib/account/PaymentView.js index e43dfc1c..95b63879 100644 --- a/StoneIsland/www/js/lib/account/PaymentView.js +++ b/StoneIsland/www/js/lib/account/PaymentView.js @@ -7,6 +7,7 @@ var PaymentView = View.extend({ initialize: function(){ this.address = new AddressView ({ parent: this }) + this.cc = new CreditCardView ({ parent: this }) }, show: function(){ @@ -14,25 +15,3 @@ var PaymentView = View.extend({ }, }) - -var AddressView = View.extend({ - - template: $("#address_template").html(), - - events: { - }, - - initialize: function(opt){ - this.parent = opt.parent - }, - - build: function(){ - }, - - deserialize: function(){ - }, - - serialize: function(){ - }, - -})
\ No newline at end of file diff --git a/StoneIsland/www/js/lib/account/SignupView.js b/StoneIsland/www/js/lib/account/SignupView.js index 14fb27a6..0f527d4f 100644 --- a/StoneIsland/www/js/lib/account/SignupView.js +++ b/StoneIsland/www/js/lib/account/SignupView.js @@ -1,4 +1,4 @@ -var SignupView = View.extend({ +var SignupView = SerializableView.extend({ el: "#signup", diff --git a/StoneIsland/www/js/lib/cart/CartPayment.js b/StoneIsland/www/js/lib/cart/CartPayment.js index a797765d..69cbf81b 100644 --- a/StoneIsland/www/js/lib/cart/CartPayment.js +++ b/StoneIsland/www/js/lib/cart/CartPayment.js @@ -7,6 +7,7 @@ var CartPayment = View.extend({ initialize: function(){ this.address = new AddressView ({ parent: this }) + this.cc = new CreditCardView ({ parent: this }) }, show: function(){ diff --git a/StoneIsland/www/js/lib/nav/AddressView.js b/StoneIsland/www/js/lib/nav/AddressView.js new file mode 100644 index 00000000..94d20631 --- /dev/null +++ b/StoneIsland/www/js/lib/nav/AddressView.js @@ -0,0 +1,22 @@ + +var AddressView = View.extend({ + + template: $("#address_template").html(), + + events: { + }, + + initialize: function(opt){ + this.parent = opt.parent + }, + + build: function(){ + }, + + deserialize: function(){ + }, + + serialize: function(){ + }, + +}) diff --git a/StoneIsland/www/js/lib/nav/CreditCardView.js b/StoneIsland/www/js/lib/nav/CreditCardView.js new file mode 100644 index 00000000..6668053d --- /dev/null +++ b/StoneIsland/www/js/lib/nav/CreditCardView.js @@ -0,0 +1,22 @@ + +var CreditCardView = View.extend({ + + template: $("#creditcard_template").html(), + + events: { + }, + + initialize: function(opt){ + this.parent = opt.parent + }, + + build: function(){ + }, + + deserialize: function(){ + }, + + serialize: function(){ + }, + +}) diff --git a/StoneIsland/www/js/vendor/view/serializable.js b/StoneIsland/www/js/vendor/view/serializable.js new file mode 100644 index 00000000..91d84997 --- /dev/null +++ b/StoneIsland/www/js/vendor/view/serializable.js @@ -0,0 +1,13 @@ +var SerializableView = View.extend({ + + serialize: function(){ + var fd = new FormData(), hasCSRF = false + + this.$("input[name], select[name], textarea[name]").each( function(){ + fd.append(this.name, this.value) + }) + + return fd + }, + +})
\ No newline at end of file |
