Permalink
Browse files

Adding multiuser example

  • Loading branch information...
iddl committed May 29, 2013
1 parent 45a559e commit 12f8cc01464eed3613b691dfbfa67773842cb2a9
Showing with 3,164 additions and 2 deletions.
  1. +0 −2 .gitignore
  2. +8 −0 examples/multiuser/README.md
  3. +12 −0 examples/multiuser/css/droidsans.css
  4. +182 −0 examples/multiuser/css/global.css
  5. 0 examples/multiuser/css/hgraph.css
  6. +61 −0 examples/multiuser/css/ie.css
  7. +391 −0 examples/multiuser/css/main.css
  8. +848 −0 examples/multiuser/data/metrics.json
  9. +63 −0 examples/multiuser/data/user-data/sonin_juhan.json
  10. +63 −0 examples/multiuser/data/user-data/sonin_kate.json
  11. +63 −0 examples/multiuser/data/user-data/sonin_udo.json
  12. +63 −0 examples/multiuser/data/user-data/sonin_viggo.json
  13. +20 −0 examples/multiuser/data/users.json
  14. BIN examples/multiuser/imgs/Icon-72.ico
  15. BIN examples/multiuser/imgs/Icon-72.png
  16. BIN examples/multiuser/imgs/connector_toggle.png
  17. BIN examples/multiuser/imgs/hgraph_timeline.png
  18. BIN examples/multiuser/imgs/info_icon.png
  19. BIN examples/multiuser/imgs/next_icon.png
  20. BIN examples/multiuser/imgs/prev_icon.png
  21. BIN examples/multiuser/imgs/static.png
  22. BIN examples/multiuser/imgs/user-thumbs/sonin_juhan.png
  23. BIN examples/multiuser/imgs/user-thumbs/sonin_kate.png
  24. BIN examples/multiuser/imgs/user-thumbs/sonin_udo.png
  25. BIN examples/multiuser/imgs/user-thumbs/sonin_viggo.png
  26. BIN examples/multiuser/imgs/zoom_icon.png
  27. +89 −0 examples/multiuser/index.html
  28. +143 −0 examples/multiuser/js/hData.js
  29. +160 −0 examples/multiuser/js/hGraphMain.js
  30. +272 −0 examples/multiuser/js/hUsers.js
  31. +535 −0 examples/multiuser/js/mustache.js
  32. +10 −0 examples/multiuser/scss/global.scss
  33. +131 −0 examples/multiuser/scss/partials/_multiuser.scss
  34. +50 −0 examples/multiuser/scss/partials/_structure.scss
View
@@ -6,8 +6,6 @@ hMixer/hMixer.bbprojectd/danielhadley.bbprojectsettings
hMixer/hMixer.bbprojectd/project.bbprojectdata
examples/multiuser
.swp
.DS_Store
@@ -0,0 +1,8 @@
hGraph
======
An example of a multiple user environment using the hGraph library.
This example needs to have access to a JSON encoded file containing health metrics, any local http server can be used to enable the page to load correctly.
You can create a local http server by issuing the command "python -m SimpleHTTPServer" from the hGraph root directory, you can then access the example by pointing your browser to "http://localhost:8000/examples/basic/".
@@ -0,0 +1,12 @@
@font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: 400;
src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: 700;
src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMfEr6Hm6RMS0v1dtXsGir4g.ttf) format('truetype');
}
@@ -0,0 +1,182 @@
/*
File Overview: Global SCSS
Author: Michael Bester
Description: Includes all styles for primary styles for the site.
*/
/*
File Overview: Basic structural styles.
Author: Michael Bester
*/
/* line 6, ../scss/partials/_structure.scss */
html {
min-height: 100%;
margin-bottom: 1px;
overflow: hidden;
}
/* line 12, ../scss/partials/_structure.scss */
body {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
/*
* Window sizes
*/
/*
* Defaults to > 1200px width (>2013)
*/
/* line 26, ../scss/partials/_structure.scss */
#main {
width: 100%;
height: 100%;
}
/* line 30, ../scss/partials/_structure.scss */
#main #viz {
height: 100%;
min-height: 690px;
min-width: 1024px;
}
/*
* Ipad Portait + Landscape
*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* line 43, ../scss/partials/_structure.scss */
#main {
width: 980px;
}
/* line 46, ../scss/partials/_structure.scss */
#main #viz {
min-height: 680px;
}
}
/* line 7, ../scss/partials/_multiuser.scss */
html, body {
color: #616363;
}
/* line 12, ../scss/partials/_multiuser.scss */
#user-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
text-align: center;
}
/* line 20, ../scss/partials/_multiuser.scss */
#user-info .user {
padding-top: 6px;
cursor: pointer;
display: inline-block;
cursor: pointer;
}
/* line 27, ../scss/partials/_multiuser.scss */
#user-info .user div {
position: relative;
}
/* line 32, ../scss/partials/_multiuser.scss */
#user-info .user .name {
position: relative;
font-size: 2em;
margin-top: -10px;
}
/* line 39, ../scss/partials/_multiuser.scss */
#user-info .user .intro {
line-height: .5em;
}
/* line 43, ../scss/partials/_multiuser.scss */
#user-info .user img {
border-radius: 50%;
height: 50px;
width: 50px;
line-height: 0px;
}
/* line 52, ../scss/partials/_multiuser.scss */
#user-timeline {
display: none;
max-width: 1024px;
position: absolute;
top: 0;
}
/* line 57, ../scss/partials/_multiuser.scss */
#user-timeline img {
width: 100%;
}
/* line 63, ../scss/partials/_multiuser.scss */
#user-selection {
position: absolute;
bottom: 0;
left: 0;
height: 15%;
background-color: #e2e4e3;
width: 100%;
text-align: center;
-moz-box-shadow: 0px -3px 3px #eee;
-webkit-box-shadow: 0px -3px 3px #eee;
box-shadow: 0px -3px 3px #eee;
}
/* line 75, ../scss/partials/_multiuser.scss */
#user-selection .user {
display: inline-block;
margin-left: 15px;
margin-right: 15px;
cursor: pointer;
width: 120px;
}
/* line 82, ../scss/partials/_multiuser.scss */
#user-selection .user:hover {
-webkit-transform: translate(0, -5px);
transition: all 0.1s ease-in-out;
}
/* line 87, ../scss/partials/_multiuser.scss */
#user-selection .user.selected {
-webkit-transform: translate(0, -5px);
transition: all 0.25s ease-in-out;
}
/* line 92, ../scss/partials/_multiuser.scss */
#user-selection .user img {
border-radius: 50%;
background-color: #97be8c;
border: solid #97be8c 8px;
height: 50px;
width: 50px;
margin-bottom: 5px;
}
/* line 104, ../scss/partials/_multiuser.scss */
.hline {
position: absolute;
width: 100%;
}
/* line 110, ../scss/partials/_multiuser.scss */
.hline:before,
.hline:after {
border-top: 1px solid #e2e4e3;
display: inline-block;
height: 1px;
content: "";
width: 40%;
top: 100%;
position: absolute;
left: 0;
}
/* line 121, ../scss/partials/_multiuser.scss */
.hline:after {
right: 0;
left: auto;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* line 128, ../scss/partials/_multiuser.scss */
#user-info {
font-size: 0.8rem;
}
}
No changes.
@@ -0,0 +1,61 @@
/*
Syntax error: File to import not found or unreadable: partials/base.
Load paths:
/Users/fnk/local/hGraph/hMixer/demo/hGraph/scss
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/blueprint/stylesheets
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets
Compass::SpriteImporter
on line 7 of /Users/fnk/local/hGraph/hMixer/demo/hGraph/scss/ie.scss
Backtrace:
/Users/fnk/local/hGraph/hMixer/demo/hGraph/scss/ie.scss:7
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/import_node.rb:67:in `import'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/import_node.rb:28:in `imported_file'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/import_node.rb:37:in `css_import?'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:217:in `visit_import'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:100:in `visit'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:53:in `map'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:109:in `visit_children'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:121:in `with_environment'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:108:in `visit_children'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:128:in `visit_root'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:100:in `visit'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:7:in `send'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:7:in `visit'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/root_node.rb:20:in `render'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/engine.rb:315:in `_render'
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/engine.rb:262:in `render'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:140:in `compile'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:139:in `compile'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/logger.rb:45:in `red'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:138:in `compile'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:118:in `compile_if_required'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:103:in `run'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `each'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `run'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:100:in `run'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/commands/watch_project.rb:147:in `recompile'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/commands/watch_project.rb:68:in `perform'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/commands/base.rb:18:in `execute'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/commands/project_base.rb:19:in `execute'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:43:in `perform!'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:15:in `run!'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:30
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:44:in `call'
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:44
/usr/bin/compass:19:in `load'
/usr/bin/compass:19
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Syntax error: File to import not found or unreadable: partials/base.\A Load paths:\A /Users/fnk/local/hGraph/hMixer/demo/hGraph/scss\A /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/blueprint/stylesheets\A /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets\A Compass::SpriteImporter\A on line 7 of /Users/fnk/local/hGraph/hMixer/demo/hGraph/scss/ie.scss"; }
Oops, something went wrong.

0 comments on commit 12f8cc0

Please sign in to comment.