Embed Size (px)
Citation preview
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 1/13
<html><head>
<title>Facebook App</title><script type="text/javascript" src="script/jquery-1.11.0.min.js"></scrip
t> <script type="text/javascript" src="script/jquery.mousewheel.min.js"></script>
<!--[if gte IE 9]> <style type="text/css"> .header { filter: none; } </style> <![endif]--> <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="fb-root"></div>
<div class="container" id="main_loader" style="z-index:99;background-color:#888888;background-image:url(images/Login/login_bg.jpg);background-repeat:no-repeat;background-position:25% 25%;">
<!--<div style="color: #fff;font-size: 98px;line-height: 1px;top: 180px;position: relative;text-align: center;font-weight: bold;">
<p>Mix/Match</p><p>OutFit</p>
</div>-->
<div class="centerxy">
<div class="mix_logo"></div> <div class="mix_head"></div> </div>
<div id="loader_progress" style="display:none;height: 40px;width: 250px;background-color: #dde1e2;top: 244px;position: relative;left: 246px;border-radius: 25px;">
<div id="progress_bar" style="height: 10px;width: 95px;background: #01aaf5;top: 16px;position: relative;left: 13px;-webkit-transition:all .5s linear;border-radius: 10px;"></div>
<div id="progress_percentage" style="float: right;right: 7px;position: relative;font-weight:bold;">50%</div>
</div>
</div>
<div class="container"><div class="header">
<div class="mixnmatchLogo"></div><div class="heading_click btn"></div>
<div class="notif_btn"></div> <div class="menuButton"></div> <div class="menuClose hidden"></div> <div class="coinsWrapper">
<div class="coins_icon"></div>
<div class="coins_area" id="coins_count">10,400 Coins</div>
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 2/13
</div><!--<div class="anchor">
<span><a href="#" onclick="newFBInvite(); retu
rn false;">Invite Friend</a></span><span>
<a href="#">My Group</a></span><span>
<a href="#">Earn Coins</a></span><span>
<a href="#">Help</a></span><span>
<a href="#">FAQs</a></span>
</div>-->
</div> <ul class="menuListDiv hidden"> <li id="showAllHappenning"><div class="menuicon icon_allhapp"></div> <span>All Happening</span></li> <li id="showCloset"><div class="menuicon icon_closet"></div> <span>Closet</span></li> <li onclick="getFBFriendsList(true)"><div class="menuicon icon_friends"></div> <span>Friends</span></li> <li id="showPurchaseView"><div class="menuicon icon_purchase"></div> <span>Purchase Coins</span></li> <!--<li><div class="menuicon icon_settings"></div> <span>Settings</span></li>--> <!--<li><div class="menuicon icon_logout"></div> <span>Logout</span></li
>--> </ul>
<div class="notificationWrapper hidden"> <div class="notifyHead">Notifications</div> <ul class="notifList">
</ul> </div>
<div class="dialogbox_wrapper hide_modal"> <div class="dg_header"> <div class="dg_icon"></div> <div class="dg_headText">Are you sure?</div> </div>
<div class="dg_body">
<span class="dg_txt">You want to delete this category?</span>
<div class="dg_cancel btn unactive_btn"><span>Cancel</span></div> <div class="dg_ok btn active_btn"><span>Yes</span></div> </div> </div>
<div id="select_category_container" style="display:none; position: absolute; width: 100%; top: 178px; z-index: 5;">
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 3/13
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 4/13
ite_icon.png" /><span id="suggestion_time_agg">Night</span></div> <div style="display:inline-block;"><img src="images/dayNite_icon.png" /><span id="suggestion_temp_agg">Night</span></div> <div style="display:inline-block;"><img src="images/dayNite_icon.png" /><span id="suggestion_location_agg">Night</span></div> </div> </div>
</div> <!-- Response List --> <div id="response_list" class="response_list"> <div class="response_box"> <div class="image_container"> <img src="https://s3.amazonaws.com/MobileVoiceS3/iOSShopping/Mix__1398675374.001290" alt="No Image" /> </div> <div class="suggestion_description"> <div class="message"> <label><span>You</span> Suggested You A collection <
span>2 Users</span></label> <div class="suggestion_description_icon"><div></div></div> </div> <div class="suggestion_items"> <div class="photo_count"><div class="photo_count_icon"></div><span>6 Photos</span></div> <img src="" alt="No Image" /> <img src="" alt="No Image" /> <img src="" alt="No Image" /> <img src="" alt="No Image" /> </div> </div>
</div>
<div class="response_box"> <div class="image_container"> <img src="https://s3.amazonaws.com/MobileVoiceS3/iOSShopping/Mix__1398675374.001290" alt="No Image" /> </div> <div class="suggestion_description"> <div class="message"> <label><span>You</span> Suggested You A collection <span>2 Users</span></label> <div class="suggestion_description_icon"><div></div></div> </div> <div class="suggestion_items"> <div class="photo_count"><div class="photo_count_icon"></div><span>6 Photos</span></div> <img src="" alt="No Image" /> <img src="" alt="No Image" /> <img src="" alt="No Image" /> <img src="" alt="No Image" /> </div> </div> </div>
<div class="response_box"> <div class="image_container"> <img src="https://s3.amazonaws.com/MobileVoiceS3/iOSShop
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 5/13
ping/Mix__1398675374.001290" alt="No Image" /> </div> <div class="suggestion_description"> <div class="message"> <label><span>You</span> Suggested You A collection <span>2 Users</span></label> <div class="suggestion_description_icon"><div></div>
</div> </div> <div class="suggestion_items"> <div class="photo_count"><div class="photo_count_icon"></div><span>6 Photos</span></div> <img src="" alt="No Image" /> <img src="" alt="No Image" /> <img src="" alt="No Image" /> <img src="" alt="No Image" /> </div> </div> </div>
<div class="response_box"> <div class="image_container"> <img src="https://s3.amazonaws.com/MobileVoiceS3/iOSShopping/Mix__1398675374.001290" alt="No Image" /> </div> <div class="suggestion_description"> <div class="message"> <label><span>You</span> Suggested You A collection <span>2 Users</span></label> <div class="suggestion_description_icon"><div></div></div> </div>
<div class="suggestion_items"> <div class="photo_count"><div class="photo_count_icon"></div><span>6 Photos</span></div> <img src="" alt="No Image" /> <img src="" alt="No Image" /> <img src="" alt="No Image" /> <img src="" alt="No Image" /> </div> </div> </div>
<div class="response_box"> <div class="image_container"> <img src="https://s3.amazonaws.com/MobileVoiceS3/iOSShopping/Mix__1398675374.001290" alt="No Image" /> </div> <div class="suggestion_description"> <div class="message"> <label><span>You</span> Suggested You A collection <span>2 Users</span></label> <div class="suggestion_description_icon"><div></div></div> </div> <div class="suggestion_items"> <div class="photo_count"><div class="photo_count_ico
n"></div><span>6 Photos</span></div> <img src="" alt="No Image" /> <img src="" alt="No Image" />
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 6/13
<img src="" alt="No Image" /> <img src="" alt="No Image" /> </div> </div> </div> </div> </div>
<div class="disable_overlay"></div>
</div>
<div class="content" id="show_happening" style="display:block;"> <!--<div class="coins_details"><div class="coins_icon"></div><span>Coins Earned <span id="coins_count">(0)</span></span><div onclick="showHelp();" style="left: 10px;position: relative;"class="help_icon"></div></div>--> <!--<div id="how_to_earn_coins"> <div class="before"></div> <p class="textHi_select">How to earn coins?</p> <div><span style="top: -28px;position: relative;">1) </span><p>You c
an earn coins by submitting a response to the user</p></div> <div><span>2) </span><p>Click to buy <div class="cbtn" style="width: auto;height: 20px;display: inline;left: 120px;top: 66px">Buy</div></p></div>
</div> <div class="all_happening_head"> <div class="happening_icon"></div> <div class="message">All Happening <span><img src="images/happening_ dropdown.png" /></span></div> <div id="ask_suggestion" class="ask_suggestion btn"> <span class="asksuggimg"></span> <span class="asksuggmessage ">Ask a Suggestion<span></div> </div>-->
<div class="friends_heading"> <span>All Happening</span> <div class="floatright"> <div id="create_vote" class="btn hvotebtn happbtns containImg"><div class="containImg createvote_icon"></div>Create Vote</div> <div id="ask_suggestion" class="btn hsuggbtn happbtns containImg"><div class="containImg createsugg_icon"></div>Create Suggestion</div> </div> </div> <div class="suggestion_list" id="suggestion_list">
</div> </div>
<div class="content" id="ask_vote_container" style="display:none;"> <div class="friends_heading"> <span>Ask Vote</span>
</div> <div style="position:relative;text-align: center"> <!--<p style="text-align: left"><img src="images/aboutSugg.png" /><span style="position: relative;padding-left: 10px;top: -3px;">About Suggestion</span></p>--> <textarea placeholder="Write something about vote..." class="create_
some_text" id="create_vote_text"></textarea> <div id="create_vote_selection"> <select id="timing_vote">
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 7/13
<option value="" disabled selected style="display:none;">Select Indoor/Outdoor</option> <option value="indoor">Indoor</option> <option value="outdoor">Outdoor</option>
</select>
<select id="wear_location_vote"> <option value="" disabled selected style="display:none;">Select Day/Night</option> <option value="day">Day</option> <option value="night">Night</option>
</select>
<select id="friends_custom_vote" style="width: 100%; margin-top: 5px;"> <option value="" disabled selected style="display:none;">All Friends / Custom</option>
<option value="Friends">Friends</option> <option value="Custom">Custom</option> </select> </div> </div>
<div class="category_container"></div> <!-- <div class="category_items" style="display:none"> <div class="category_header"><div class="cat_img_gallery"><img alt="No Image" src="" /></div><span> <span class="category_name_gallery"></span> </span><div class="upload_nav_btn btn active_btn"> <input type="file" id="uploadVote" name="uploadVote" /><span>Upload Outfit</span></div></div> <div class="item_container"></div>
</div>-->
<div class="category_side_panel"> <!--<div class="category_head" style="display: none;"> <span><img src="images/newSugg_icon.png" /></span> <span>Create New Vote</span> </div>-->
<div class="bottom_item_container" id="create_votes_items_container"> <div style="color: rgb(136, 136, 136); padding: 8px;">My Outfits</div> <div class="vote_item_container"></div> <div class="suggestion_placeholder" class="center_x"><span> Select picture from category </span> </div>
</div> <div class="center_x"> <div id="" class="selectbtn unactive_btn" onclick="func_resetVoteContainer"> CANCEL </div> <div id="" class="selectbtn active_btn" onclick="createSuggestionCall()"> CREATE </div> </div>
<!--<div style="bottom: 10px;" id="" class="cancel_btn btn"><span>Cancel</span></div> <div style="bottom: 10px;" id="" class="btn" onclick="createSuggesti
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 8/13
onCall()"><span>Create</span></div>-->
<div class="disable_overlay"> <div class="overlay_tip"></div> <div class="category_items" style="display:none"> <div class="category_header"><div class="cat_img_gallery"><img alt="No Image" src="" /></div><span> <span class="category_name_gallery"></sp
an> </span><div class="upload_nav_btn btn active_btn"> <input type="file" name="uploadVote" id="uploadVote" /><span>Upload Outfit</span></div></div> <div class="item_container"></div>
</div> <div style="bottom: 45px;left: 200px;" class="dcancel_btn btn cbtn unactive_btn"><span>Cancel</span></div> <div style="bottom: 45px;left: 400px;" onclick="appendSuggestion()" class="btn cbtn active_btn"><span>Done</span></div> </div>
</div>
</div>
<div class="content" id="ask_suggestion_container" style="display:none;"> <div class="friends_heading"> <span>Ask Suggestions</span>
</div> <div style="position:relative;text-align: center"> <!--<p style="text-align: left"><img src="images/aboutSugg.png" /><span style="position: relative;padding-left: 10px;top: -3px;">About Suggestion</span></p>-->
<textarea placeholder="Write something about suggestion..." class="create_some_text" id="create_suggestion_text"></textarea> <div id="create_suggestion_selection"> <select id="timing"> <option value="" disabled selected style="display:none;">Select Indoor/Outdoor</option> <option value="indoor">Indoor</option> <option value="outdoor">Outdoor</option>
</select>
<select id="wear_location"> <option value="" disabled selected style="display:none;">Select Day/Night</option> <option value="day">Day</option> <option value="night">Night</option>
</select>
<select id="friends_custom" style="width: 100%; margin-top: 5px;"> <option value="" disabled selected style="display:none;">All Friends / Custom</option> <option value="Friends">Friends</option> <option value="Custom">Custom</option>
</select> </div> </div>
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 9/13
<div class="category_container"></div>
<div class="category_side_panel"> <div class="category_head" style="display: none;">
<span><img src="images/newSugg_icon.png" /></span> <span>Create New Suggestion</span> </div>
<div class="bottom_item_container" id="create_suggestion_items_container"> <div style="color: rgb(136, 136, 136); padding: 8px;">My Outfits</div> <div class="item_container"></div> <div class="suggestion_placeholder" class="center_x"><span> Select picture from category </span> </div> <!--<div class="item_placeholder">Drop your selective choices fr
om categories</div>-->
</div> <div class="center_x"> <div id="" class="selectbtn unactive_btn" onclick="func_resetSuggestionContainer"> RESET </div> <div id="" class="selectbtn active_btn" onclick="createSuggestionCall()"> POST </div> </div> <!--<div style="bottom: 10px;" id="" class="cancel_btn btn"><span>Cancel</span></div> <div style="bottom: 10px;" id="" class="btn" onclick="createSuggestionCall()"><span>Create</span></div>-->
<div class="disable_overlay"> <div class="overlay_tip"></div> <div class="category_items" style="display:none"> <div class="category_header"><div class="cat_img_gallery"><img alt="No Image" src="" /></div><span> <span class="category_name_gallery"></span> </span><div class="upload_nav_btn btn active_btn"> <input type="file" name="uploadSugg" id="uploadSugg" /><span>Upload Outfit</span></div></div> <div class="item_container"></div>
</div> <div style="bottom: 45px;left: 200px;" class="dcancel_btn btn cbtn unactive_btn"><span>Cancel</span></div> <div style="bottom: 45px;left: 400px;" onclick="appendSuggestion()" class="btn cbtn active_btn"><span>Done</span></div> </div> </div>
</div>
<div class="content" id="ask_closet_container" style="display:none;"> <div class="friends_heading"> <span>Closet</span>
</div>
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 10/13
<div class="category_container"></div>
<div class="category_side_panel"> <!-- <div class="category_head" style="display: none;"> <span><img src="images/newSugg_icon.png" /></span>
<span>Create New Suggestion</span> </div>-->
<div class="bottom_item_container" id="create_closet_items_container"> <div class="suggestion_placeholder" class="center_x"></div> <!--<div class="item_placeholder">Drop your selective choices from categories</div>-->
</div>
<div class="disable_overlay"> <div class="overlay_tip"></div> <div class="category_items" style="display:none"> <div class="category_header"><div class="cat_img_gallery"><img alt="No Image" src="" /></div> <span> <span class="category_name_gallery"></span> </span><div class="upload_nav_btn btn active_btn"> <input type="file" name="uploadCloset" id="uploadCloset" /><span>Upload Outfit</span></div></div> <div class="item_container"></div>
</div> <div class="center_x"> <!--<div style="display: none; bottom: 45px;left: 312px;" id="deleteitemBtn" class="btn cbtn active_btn"><span>Delete</span></div>-->
<!-- <div id="" class="selectbtn unactive_btn"> CANCEL </div> </div> <!--<div style="bottom: 45px;left: 200px;" class="dcancel_btn btn cbtn unactive_btn"><span>Cancel</span></div>--> <!--<div style="bottom: 45px;left: 312px;" onclick="disableLayerDone()" class="btn cbtn active_btn"><span>Done</span></div>-->
</div> </div>
</div></div>
<div class="content" id="add_new_category" style="display:none;"> <div class="friends_heading"> <span>Create New Category</span>
</div>
<div class="new_cat_name_wrapper"> <input type="text" class="new_cat_name" id="new_cat_name" maxlength="25" placeholder="Write Category name here" /> </div>
<div class="new_categories_container"></div>
<div class="center_x" style=" top: 90px; position: relative; width: 1
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 11/13
00%;"> <div id="newcat_skipButton" class="selectbtn unactive_btn"> CANCEL </div> <div id="doneAddingCategorytBtn" class="selectbtn active_btn"> DONE</div> </div>
</div>
<div class="content" id="invite_friends_container" style="display:none;"> <div class="friends_heading"> <span>Add Friends</span> <div style="float: right; right: 10px;height:30px; padding-top: 13px; text-align: center;" id="inviteButton" class="selectbtn active_btn" onclick="newFBInvite()"> INVITE </div> </div>
<div class="friends_container">
</div>
<div class="center_x"> <div id="skipButton" class="selectbtn unactive_btn"> SKIP </div> <div id="doneSelectButton" class="selectbtn active_btn"> DONE </div> </div>
</div>
<div class="content" id="purchaseContainer" style="display: none;"> <div class="friends_heading">
<span>Purchase Coins</span>
</div> <div class="purchaseWrapper"> <div class="purchasecoinsWrapper"> <div class="purchasepkgimg containImg pkg1"></div> <span>US $ 2.99</span>
<div class="pkgbtn containImg"><span>100 Coins</span></div> </div> <div class="purchasecoinsWrapper"> <div class="purchasepkgimg containImg pkg2"></div> <span>US $ 5.99</span> <div class="pkgbtn containImg"><span>300 Coins</span></div> </div> <div class="purchasecoinsWrapper"> <div class="purchasepkgimg containImg pkg3"></div> <span>US $ 9.99</span> <div class="pkgbtn containImg"><span>1000 Coins</span></div> </div> <div class="purchasecoinsWrapper"> <div class="purchasepkgimg containImg pkg4"></div> <span>US $ 18.99</span> <div class="pkgbtn containImg"><span>3000 Coins</span></div> </div>
</div> </div>
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 12/13
<div class="content" id="show_suggestion_container" style="display:none;">
<div id="view_suggestion_description"> <div id="description_container">
<img height="80px" width="80px"src="http://shoppingappfb.s3.amazonaws.com/9da74ce16387cc0f1c058327556ff283" />
<div> <div><span id="sugg_user_name">Lisa Robert</span><span> requested for suggestion</span></div>
<div id="suggestion_message"> Heloo Heloo Heloo HelooHeloo Heloo Heloo Heloo Heloo Heloo Heloo HelooHelooHelooHeloo Heloo Heloo Heloo Heloo</div> <div id="sugg_env_a"> <div style="display:inline-block;"><img src="images/dayNite_icon.png" /><span id="suggestion_time">Night</span></div> <div style="display:inline-block;"><img src="images/dayNite_icon.png" /><span id="suggestion_temp">Night</span></div>
<div style="display:inline-block;"><img src="images/dayNite_icon.png" /><span id="suggestion_location">Night</span></div> </div> </div>
</div>
<div id="view_suggestion_items">
<!-- <div style="background-size:100% 100%;background-image:url(http://shoppingappfb.s3.amazonaws.com/f74bc6958a146b32d986b3dfcc6e7aec);"><div></div></div> -->
</div> <div id="cancel_post_response" class="cancel_btn btn"><div class="cancel_icon"></div><span>Cancel</span></div> <div id="post_response" class="btn"><div class="post_icon"></div><span>Post Suggestion</span></div>
</div> <div class="disable_overlay"></div>
</div>
</div>
<!-- Page two Happening -->
<!-- Aggregated View --><!--<div class="container">
</div>--><form id="hidden_form" enctype="multipart/form-data"></form><!--<input style="display:none;"type="file" id="files" name="files" />-->
<script type="text/javascript" src="script/script.js"></script><script>
window.fbAsyncInit = function() { FB.init({ appId : '1400965300181880',
7/23/2019 mixnhtml
http://slidepdf.com/reader/full/mixnhtml 13/13
xfbml : true, version : 'v2.0' }); facebookInitialization(); };
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); js.onload = function(){ console.log('Facebook script Loaded'); //fbAsyncInit();
};
}(document, 'script', 'facebook-jssdk'));
</script></body></html>
