diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-12-21 23:15:23 -0800 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-12-21 23:15:23 -0800 |
| commit | bed982d4cbea6752ed2fe03c3163842f2205601c (patch) | |
| tree | 6a98a059fcd806c547de99565d792877633d6ce0 | |
| parent | 958bc0f9585c741a3147dee368c09254a1717d69 (diff) | |
build ios
| -rwxr-xr-x | StoneIsland/platforms/ios/www/css/account.css | 14 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/css/blogs.css | 8 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/css/nav.css | 40 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/css/products.css | 4 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/index.html | 36 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/js/lib/account/ProfileView.js | 1 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/js/lib/auth/SignupView.js | 3 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js | 2 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/js/lib/nav/NavView.js | 7 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/js/lib/products/Selector.js | 27 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/js/vendor/util.js | 1 | ||||
| -rw-r--r--[-rwxr-xr-x] | StoneIsland/platforms/ios/www/plugins/com.parse.cordova.core.pushplugin/www/cdv-plugin-parse.js | 0 | ||||
| -rwxr-xr-x | StoneIsland/www/js/index.js | 2 |
13 files changed, 91 insertions, 54 deletions
diff --git a/StoneIsland/platforms/ios/www/css/account.css b/StoneIsland/platforms/ios/www/css/account.css index fbb960d0..fd5ffdf6 100755 --- a/StoneIsland/platforms/ios/www/css/account.css +++ b/StoneIsland/platforms/ios/www/css/account.css @@ -172,7 +172,17 @@ input[type=text], input[type=password], input[type=number], input[type=email] { border-right: 1px solid #a9a9a9; } -.toggle-container { +#signup .toggle-container, #profile .toggle-container { + margin: 0px auto; + display: table; + margin-top: 0px; + width: calc(100vw - 10px); + box-sizing: border-box; + padding:0px 18px 2px; + font-size:14px; +} + +#settings .toggle-container { margin: 0px auto; display: table; margin-top: 10px; @@ -297,7 +307,7 @@ input.switch:checked + label:after { text-align:center; width:calc(100vw - 10px); box-sizing:border-box; - margin:10px auto; + margin:10px auto 0; position:relative } diff --git a/StoneIsland/platforms/ios/www/css/blogs.css b/StoneIsland/platforms/ios/www/css/blogs.css index 7af45c4f..8b27dda9 100755 --- a/StoneIsland/platforms/ios/www/css/blogs.css +++ b/StoneIsland/platforms/ios/www/css/blogs.css @@ -129,6 +129,7 @@ animation: mfadein 0.6s; z-index:2; position:absolute; display:block; + animation: gallery-fade 4s forwards; } .gallery-right { @@ -150,8 +151,15 @@ animation: mfadein 0.6s; z-index:2; position:absolute; display:block; + animation: gallery-fade 4s forwards; } +@-webkit-keyframes gallery-fade { + 0%{opacity:0} + 20%{opacity:1} + 78% {opacity:1} + 100% {opacity:0} +} /* NOTE: not sure if this down arrow is necessary.. the fade might do..? what do you think? it can be removed with javascript when the body hits the bottom of diff --git a/StoneIsland/platforms/ios/www/css/nav.css b/StoneIsland/platforms/ios/www/css/nav.css index c769dabd..832ec46a 100755 --- a/StoneIsland/platforms/ios/www/css/nav.css +++ b/StoneIsland/platforms/ios/www/css/nav.css @@ -81,7 +81,7 @@ font-size: 14px; letter-spacing:1.25px; color: #bbb; - padding: 4px 0 7px 20px + padding: 4px 0 12px 20px } #nav .social { @@ -321,20 +321,46 @@ padding-bottom:0px; #selector { display: none; position: absolute; - bottom: 0; left: 0; background: #fff; z-index: 2; - width:100%; - box-sizing:border-box + box-sizing:border-box; + min-width:100px; + animation: selector-spring .15s forwards; + animation-timing-function: cubic-bezier(.43,1,.89,.95) } + +@keyframes selector-spring { + 0% { + margin-top: 15px + } + 100% { + margin-top: 0 + } +} + #selector .options div { - width: 100%; background: white; text-align: center; - padding: 8px; - + padding: 7px 12px; box-sizing:border-box; font-size: 14px; + border-left:1px solid black; + border-right:1px solid black; + border-top:1px solid black; + +} + +#selector .options div:last-of-type { + border-bottom:1px solid black +} + +.selector-full { + width: 100% !important; + box-sizing:border-box +} + +.selector-full > div > div { + padding: 12px 0 !important; } /* CONTENT */ diff --git a/StoneIsland/platforms/ios/www/css/products.css b/StoneIsland/platforms/ios/www/css/products.css index bc215573..52de76d0 100755 --- a/StoneIsland/platforms/ios/www/css/products.css +++ b/StoneIsland/platforms/ios/www/css/products.css @@ -22,6 +22,7 @@ } #product .style { text-transform: uppercase; + box-sizing:border-box } #product.loading #gallery, @@ -117,7 +118,8 @@ .product .size { padding-right:16px; - position:relative + position:relative; + box-sizing:border-box } .product .price { diff --git a/StoneIsland/platforms/ios/www/index.html b/StoneIsland/platforms/ios/www/index.html index 5b949646..d6581b76 100755 --- a/StoneIsland/platforms/ios/www/index.html +++ b/StoneIsland/platforms/ios/www/index.html @@ -195,7 +195,7 @@ </div> <div class="heading"> <h1>ARCHIVE</h1> - <div class="subtitle">'982-'015</div> + <div class="subtitle">'982'015</div> </div> </div> @@ -352,7 +352,7 @@ <input type="email" name="ConfirmEmail" placeholder="CONFIRM EMAIL ADDRESS" required> <div class="select-wrapper date-wrapper"> <span>BIRTHDAY (MM/DD/YYYY)</span> - <input type="date" name="BirthDay" placeholder="BIRTHDAY (MM/DD/YYYY)" required> + <input type="date" name="BirthDay" min="1900-01-01" placeholder="BIRTHDAY (MM/DD/YYYY)" required> </div> <h2>PASSWORD</h2> @@ -383,16 +383,7 @@ <div class="checkbox-container"> <div class="checkbox-row"> <div class="checkbox-toggle"> - <input id="checkbox-data-profiling" type="checkbox" name="DataProfiling" value="true" required> - <label for="checkbox-data-profiling"></label> - </div> - <label class="checkbox-caption" for="checkbox-data-profiling"> - I agree that YOOX and SPORTSWEAR COMPANY may collect my personal information for marketing purposes (newsletters, news and promotions). - </label> - </div> - <div class="checkbox-row"> - <div class="checkbox-toggle"> - <input type="checkbox" id="checkbox-shopping-data-profiling" name="DataProfiling2" value="true" required> + <input type="checkbox" id="checkbox-shopping-data-profiling" name="DataProfiling" value="true" required> <label for="checkbox-shopping-data-profiling"></label> </div> <label class="checkbox-caption" for="checkbox-shopping-data-profiling"> @@ -420,7 +411,7 @@ <input type="email" name="Email" placeholder="EMAIL ADDRESS" required> <div class="select-wrapper date-wrapper"> <span>BIRTHDAY (MM/DD/YYYY)</span> - <input type="date" name="BirthDay" placeholder="BIRTHDAY (MM/DD/YYYY)" required> + <input type="date" name="BirthDay" min="1900-01-01" placeholder="BIRTHDAY (MM/DD/YYYY)" required> </div> <h2>CHANGE PASSWORD</h2> @@ -440,16 +431,7 @@ <div class="checkbox-container"> <div class="checkbox-row"> <div class="checkbox-toggle"> - <input id="checkbox-data-profiling-profile" type="checkbox" name="DataProfiling" value="true" required> - <label for="checkbox-data-profiling-profile"></label> - </div> - <label class="checkbox-caption" for="checkbox-data-profiling-profile"> - I agree that YOOX and SPORTSWEAR COMPANY may collect my personal information for marketing purposes (newsletters, news and promotions). - </label> - </div> - <div class="checkbox-row"> - <div class="checkbox-toggle"> - <input type="checkbox" id="checkbox-shopping-data-profiling-profile" name="DataProfiling2" value="true" required> + <input type="checkbox" id="checkbox-shopping-data-profiling-profile" name="DataProfiling" value="true" required> <label for="checkbox-shopping-data-profiling-profile"></label> </div> <label class="checkbox-caption" for="checkbox-shopping-data-profiling-profile"> @@ -730,21 +712,21 @@ <div class="checkbox-container"> <div class="checkbox-row"> <div class="checkbox-toggle"> - <input id="express-shipping" type="radio" name="ShippingType" value="Express" required> + <input id="express-shipping" type="radio" name="ShippingType" value="Express" checked required> <label for="express-shipping"></label> </div> <label class="checkbox-caption" for="express-shipping"> - <b>COMPLIMENTARY EXPRESS $19.50</b><br> + <b>COMPLIMENTARY EXPRESS</b><br> (DELIVERY IN 2-4 WORKING DAYS) </label> </div> <div class="checkbox-row"> <div class="checkbox-toggle"> - <input id="standard-shipping" type="radio" name="ShippingType" value="Standard" checked required> + <input id="standard-shipping" type="radio" name="ShippingType" value="Standard" required> <label for="standard-shipping"></label> </div> <label class="checkbox-caption" for="standard-shipping"> - <b>STANDARD SHIPPING $9.50</b><br> + <b>STANDARD SHIPPING</b><br> (DELIVERY IN 5-8 WORKING DAYS) </label> </div> diff --git a/StoneIsland/platforms/ios/www/js/lib/account/ProfileView.js b/StoneIsland/platforms/ios/www/js/lib/account/ProfileView.js index 2b608cb4..d36f7f38 100755 --- a/StoneIsland/platforms/ios/www/js/lib/account/ProfileView.js +++ b/StoneIsland/platforms/ios/www/js/lib/account/ProfileView.js @@ -17,7 +17,6 @@ var ProfileView = FormView.extend({ if (! auth.logged_in()) { return app.router.go("intro") } app.footer.show("SAVE") document.body.className = "profile" - auth.user.DataProfiling2 = auth.user.DataProfiling if (auth.user.BirthDay.match(/T/)) { auth.user.BirthDay = auth.user.BirthDay.split("T")[0] } diff --git a/StoneIsland/platforms/ios/www/js/lib/auth/SignupView.js b/StoneIsland/platforms/ios/www/js/lib/auth/SignupView.js index 599f57c7..4645d4d9 100755 --- a/StoneIsland/platforms/ios/www/js/lib/auth/SignupView.js +++ b/StoneIsland/platforms/ios/www/js/lib/auth/SignupView.js @@ -15,7 +15,6 @@ var SignupView = FormView.extend({ "Surname": "TestSurname", "BirthDay": "1978-11-12", "DataProfiling": true, - "DataProfiling2": true, }, */ @@ -63,12 +62,10 @@ var SignupView = FormView.extend({ if (data.Email.toLowerCase() !== data.ConfirmEmail.toLowerCase()) { errors.push([ "ConfirmEmail", "Email addresses don't match." ]) } // if (data.Gender === "NONE") { errors.push([ "Gender", "Please supply your gender." ]) } if (data.DataProfiling !== "true") { errors.push([ "DataProfiling", "You must consent to use this service." ]) } - if (data.DataProfiling2 !== "true") { errors.push([ "DataProfiling2", "You must consent to use this service." ]) } data.YooxLetter = this.$("[name=YooxLetter]").prop("checked") }, finalize: function(data){ - delete data.DataProfiling2 delete data.ConfirmEmail data.Gender = "U" diff --git a/StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js b/StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js index c2a9f4b4..73b7b83b 100755 --- a/StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js +++ b/StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js @@ -26,7 +26,7 @@ var StoryView = ScrollableView.extend({ }, populate: function(data){ - if (this.loaded) {} + if (this.loaded) { return } this.loaded = true this.data = data this.$loader.hide() diff --git a/StoneIsland/platforms/ios/www/js/lib/nav/NavView.js b/StoneIsland/platforms/ios/www/js/lib/nav/NavView.js index 1c12e7a1..fc373858 100755 --- a/StoneIsland/platforms/ios/www/js/lib/nav/NavView.js +++ b/StoneIsland/platforms/ios/www/js/lib/nav/NavView.js @@ -115,7 +115,7 @@ var NavView = View.extend({ app.router.go("account/settings") }, return_link: function(){ - window.open("http://www.stoneisland.com/", '_system') + window.open("http://www.stoneisland.com/localize.asp?tskay=4036416C&page=help/return&deviceYeti=smartphone", '_system') }, @@ -135,7 +135,7 @@ var NavView = View.extend({ app.router.go("page/terms") }, care: function(){ - window.open("http://www.stoneisland.com/localize.asp?tskay=4036416C&page=help/return&deviceYeti=smartphone", '_system') + window.open("http://www.stoneisland.com/localize.asp?tskay=4036416C&page=help/home&deviceYeti=smartphone", '_system') }, @@ -146,7 +146,7 @@ var NavView = View.extend({ fb: function(){ - window.open("https://www.facebook.com/StoneIsland", '_system') + window.open(is_ios ? "facebook://profile/231623463406" : "https://www.facebook.com/StoneIsland", '_system') }, insta: function(){ window.open("https://instagram.com/stoneisland_official", '_system') @@ -155,7 +155,6 @@ var NavView = View.extend({ window.open("https://twitter.com/stoneisland", '_system') }, yt: function(){ - console.log("youtube") window.open("https://www.youtube.com/user/StoneIslandOfficial", '_system') }, diff --git a/StoneIsland/platforms/ios/www/js/lib/products/Selector.js b/StoneIsland/platforms/ios/www/js/lib/products/Selector.js index 4e23ba1f..4e0a5f04 100755 --- a/StoneIsland/platforms/ios/www/js/lib/products/Selector.js +++ b/StoneIsland/platforms/ios/www/js/lib/products/Selector.js @@ -27,13 +27,26 @@ var Selector = View.extend({ this.$el.show() app.curtain.show("white") this.visible = true -// var selectionXY = $("." + origin).offset() -// var selectionWidth = $("." + origin).width() -// var selectorHeight = $('#selector').height() -// console.log(selectionXY.left) -// console.log(selectionXY.top) -// -// $("#selector").css({"top":(selectionXY.top - selectorHeight),"left":selectionXY.left}) + if ( origin == "wide") { + $("#selector").addClass("selector-full") + } + else { + $("#selector").removeClass("selector-full") + } + var originXY = $("." + origin).offset() + var originWidth = $("." + origin).width() + var selectorHeight = $('#selector').height() + var originHeight = $("." + origin).height() + console.log(originXY.left) + console.log(originXY.top) + console.log(selectorHeight) + console.log(origin) + + $("#selector").css({"top":(originXY.top - selectorHeight - originHeight + 20),"left":originXY.left}) + originXY = null; + originWidth = null; + originHeight = null; + selectorHeight = null; }, hide: function(){ diff --git a/StoneIsland/platforms/ios/www/js/vendor/util.js b/StoneIsland/platforms/ios/www/js/vendor/util.js index e09b6ada..d45c4b98 100755 --- a/StoneIsland/platforms/ios/www/js/vendor/util.js +++ b/StoneIsland/platforms/ios/www/js/vendor/util.js @@ -173,6 +173,7 @@ var browser = (function( ua ) { // Naive useragent detection pattern var is_iphone = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) var is_ipad = (navigator.userAgent.match(/iPad/i)) +var is_ios = is_iphone || is_ipad var is_android = (navigator.userAgent.match(/Android/i)) var is_mobile = is_iphone || is_ipad || is_android var is_desktop = ! is_mobile; diff --git a/StoneIsland/platforms/ios/www/plugins/com.parse.cordova.core.pushplugin/www/cdv-plugin-parse.js b/StoneIsland/platforms/ios/www/plugins/com.parse.cordova.core.pushplugin/www/cdv-plugin-parse.js index e732f80d..e732f80d 100755..100644 --- a/StoneIsland/platforms/ios/www/plugins/com.parse.cordova.core.pushplugin/www/cdv-plugin-parse.js +++ b/StoneIsland/platforms/ios/www/plugins/com.parse.cordova.core.pushplugin/www/cdv-plugin-parse.js diff --git a/StoneIsland/www/js/index.js b/StoneIsland/www/js/index.js index ad4c6d20..050a729c 100755 --- a/StoneIsland/www/js/index.js +++ b/StoneIsland/www/js/index.js @@ -3,7 +3,7 @@ var app = (function(){ app.init = function(){ - sdk.init({ env: "development" }) + sdk.init({ env: "production" }) app.bind() app.build() |
