Sie sind auf Seite 1von 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"></scrip
t>
<!--[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:#8888
88;background-image:url(images/Login/login_bg.jpg);background-repeat:no-repeat;b
ackground-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-radiu
s: 25px;">
<div id="progress_bar" style="height: 10px;width: 95px;backgroun
d: #01aaf5;top: 16px;position: relative;left: 13px;-webkit-transition:all .5s li
near;border-radius: 10px;"></div>
<div id="progress_percentage" style="float: right;right: 7px;pos
ition: 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>

</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> <sp
an>All Happening</span></li>
<li id="showCloset"><div class="menuicon icon_closet"></div> <span>Close
t</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> <sp
an>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: absol
ute; width: 100%; top: 178px; z-index: 5;">

<div class="category_container" style="background-color: transpa


rent;"></div>
<!--Dropable Area -->
<div id="cat_image_drop_area" style="display:none"></div>
<!--<div class="category_items" style="display:none">
<div class="category_header"><span>My <span clas
s="category_name_gallery"></span> Gallery</span></div>
<div class="item_container"></div>
</div>
<div class="disable_overlay">
<div style="bottom: 45px; left: 320px;background-color:#
b8b8b8" class="cancel_btn btn cbtn"><span>Close</span></div>
</div>-->
<!--<div id="add_new_category">
<div class="add_new_cat_head">
<div><img src="images/newCat.png" /></div>
<div><span>Add New Category</span></div>
</div>
<div class="cat_input_label">
<div><img src="images/cat_name.png" /></
div>
<div><span>Category Name</span></div>
<p><input type="text" placeholder="Write
category name here...." id="new_cat_name"/></p>
</div>
<div class="cat_input_label">
<div><img src="images/c.png" /></div>
<div><span>Choose Category Icon</span></
div>
<div class="select_cat_icon" style="disp
lay:block;"></div>
</div>
<div id="add_cat_cancel" style="margin-left: 240px;botto
m: 45px;background-color: #b8b8b8;" class="dcancel_btn btn cbtn"><span>Cancel</s
pan></div>
<div id="create_category btn" style="margin-left: 410px;
bottom: 45px;background-color: #e1560b;"class="btn cbtn" ><span>Create</span></d
iv>
</div>-->
</div>
<div class="content" id="show_suggestion_aggregate_container" style="displa
y:none;">
<div id="view_suggestion_description_agg">
<div id="description_container_agg">
<img height="80" width="80" alt="MixnMatch" src="http://shopping
appfb.s3.amazonaws.com/9da74ce16387cc0f1c058327556ff283" />
<div>
<div><span id="sugg_user_name_agg">Lisa Robert</span><span>
requested for suggestion</span></div>
<div id="suggestion_message_agg"> Heloo Heloo Heloo HelooHel
oo Heloo Heloo Heloo Heloo Heloo Heloo HelooHelooHelooHeloo Heloo Heloo Heloo He
loo</div>
<div id="sugg_env">
<div style="display:inline-block;"><img src="images/dayN

ite_icon.png" /><span id="suggestion_time_agg">Night</span></div>


<div style="display:inline-block;"><img src="images/dayN
ite_icon.png" /><span id="suggestion_temp_agg">Night</span></div>
<div style="display:inline-block;"><img src="images/dayN
ite_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/iOSShop
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_ico
n"></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
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_ico
n"></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

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_ico
n"></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
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_ico
n"></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
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_ico
n"></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>
</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" /><s
pan style="position: relative;padding-left: 10px;top: -3px;">About Suggestion</s
pan></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">

<option value="" disabled selected style="display:none;">Sel


ect 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;">Sel
ect 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> </sp
an><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> Sele
ct picture from category </span> </div>
</div>
<div class="center_x">
<div id="" class="selectbtn unactive_btn" onclick="func_resetVot
eContainer"> CANCEL </div>
<div id="" class="selectbtn active_btn" onclick="createSuggestio
nCall()"> CREATE </div>
</div>
<!--<div style="bottom: 10px;" id="" class="cancel_btn btn"><span>Ca
ncel</span></div>
<div style="bottom: 10px;" id="" class="btn" onclick="createSuggesti

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"><i
mg 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 cb
tn 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" /><s
pan style="position: relative;padding-left: 10px;top: -3px;">About Suggestion</s
pan></p>-->
<textarea placeholder="Write something about suggestion..." class="c
reate_some_text" id="create_suggestion_text"></textarea>
<div id="create_suggestion_selection">
<select id="timing">
<option value="" disabled selected style="display:none;">Sel
ect 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;">Sel
ect 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>

<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_conta
iner">
<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> Sele
ct 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_resetSug
gestionContainer"> RESET </div>
<div id="" class="selectbtn active_btn" onclick="createSuggestio
nCall()"> POST </div>
</div>
<!--<div style="bottom: 10px;" id="" class="cancel_btn btn"><span>Ca
ncel</span></div>
<div style="bottom: 10px;" id="" class="btn" onclick="createSuggesti
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"><i
mg 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=
"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 cb
tn 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>

<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 fr
om 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"><i
mg alt="No Image" src="" /></div> <span> <span class="category_name_gallery"></s
pan> </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 bt
n cbtn unactive_btn"><span>Cancel</span></div>-->
<!--<div style="bottom: 45px;left: 312px;" onclick="disableLayer
Done()" 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

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: 13p
x; 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>

<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.amaz
onaws.com/9da74ce16387cc0f1c058327556ff283" />
<div>
<div><span id="sugg_user_name">Lisa Robert</span><span> requ
ested for suggestion</span></div>
<div id="suggestion_message"> Heloo Heloo Heloo HelooHeloo H
eloo Heloo Heloo Heloo Heloo Heloo HelooHelooHelooHeloo Heloo Heloo Heloo Heloo<
/div>
<div id="sugg_env_a">
<div style="display:inline-block;"><img src="images/dayN
ite_icon.png" /><span id="suggestion_time">Night</span></div>
<div style="display:inline-block;"><img src="images/dayN
ite_icon.png" /><span id="suggestion_temp">Night</span></div>
<div style="display:inline-block;"><img src="images/dayN
ite_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:u
rl(http://shoppingappfb.s3.amazonaws.com/f74bc6958a146b32d986b3dfcc6e7aec);"><di
v></div></div>
-->
</div>
<div id="cancel_post_response" class="cancel_btn btn"><div class="ca
ncel_icon"></div><span>Cancel</span></div>
<div id="post_response" class="btn"><div class="post_icon"></div><sp
an>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',

xfbml
version

: true,
: '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>

Das könnte Ihnen auch gefallen