Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-04 11:35:20 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

load bootstrao

Browse source
This commit is contained in:
Faye Li 2017-01-31 14:27:17 -08:00
parent 645aad7bb0
commit 06d797bb3b
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
scripts/system/html/users.html
View file

@ -13,6 +13,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600,700"" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600,700"" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style> <style>
body { body {
margin: 0; margin: 0;
@ -114,6 +115,21 @@
background: linear-gradient(#1080b8, #1080b8); background: linear-gradient(#1080b8, #1080b8);
} }
input[type=button].white {
color: #121212;
background-color: #afafaf;
background: linear-gradient(#fff 20%, #afafaf 100%);
}
input[type=button].white:hover {
background: linear-gradient(#fff, #fff);
border: none;
}
input[type=button].white:active {
background: linear-gradient(#afafaf, #afafaf);
}
#friends-button { #friends-button {
margin: 0px 0px 15px 10px; margin: 0px 0px 15px 10px;
} }
@ -128,6 +144,7 @@
</div> </div>
</div> </div>
<div class="main"> <div class="main">
<input type="button" class="white" id="visibility-toggle" value="Online">
<ul class="tabs"> <ul class="tabs">
<li tab-id="tab-1" class="current">Everyone (0)</li> <li tab-id="tab-1" class="current">Everyone (0)</li>
<li tab-id="tab-2">Friends (0)</li> <li tab-id="tab-2">Friends (0)</li>
@ -141,10 +158,12 @@
</div> </div>
</div> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script> <script>
var METAVERSE_API_URL = "https://metaverse.highfidelity.com/api/v1/users?status=online"; var METAVERSE_API_URL = "https://metaverse.highfidelity.com/api/v1/users?status=online";
var FRIENDS_FILTER = "&filter=friends"; var FRIENDS_FILTER = "&filter=friends";
var myUsername = null; var myUsername = null;
var myVisibility = null;
function displayUsers(data, element) { function displayUsers(data, element) {
element.empty(); element.empty();
@ -201,10 +220,12 @@
// Parse the string into an object // Parse the string into an object
event = JSON.parse(event); event = JSON.parse(event);
} }
if (event.type === "sendUsername") { if (event.type === "user-info") {
myUsername = event.data.username; myUsername = event.data.username;
myVisibility = event.data.visibility;
$("#dev-div").append("<p>myUsername is " + myUsername + "</p>"); $("#dev-div").append("<p>myUsername is " + myUsername + "</p>");
consoloe.log("myUsername is " + myUsername); $("#dev-div").append("<p>myVisibility is " + myVisibility + "</p>");
$("#visibility-toggle").prop("value", myVisibility);
} }
} }