├── .gitignore ├── LICENSE ├── README.md ├── static ├── css │ └── bootstrap.min.css └── js │ ├── OrbitControls.js │ ├── contrib │ ├── bootstrap.min.js │ ├── jquery.min.js │ ├── three.min.js │ └── webgl-detector.js │ ├── jquery.binarytransport.js │ ├── load_pcd_file.js │ ├── stream.js │ └── viewer.js └── templates └── viewer.html /.gitignore: -------------------------------------------------------------------------------- 1 | # Byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | *$py.class 5 | 6 | # C extensions 7 | *.so 8 | 9 | # Distribution / packaging 10 | .Python 11 | build/ 12 | develop-eggs/ 13 | dist/ 14 | downloads/ 15 | eggs/ 16 | .eggs/ 17 | lib/ 18 | lib64/ 19 | parts/ 20 | sdist/ 21 | var/ 22 | wheels/ 23 | pip-wheel-metadata/ 24 | share/python-wheels/ 25 | *.egg-info/ 26 | .installed.cfg 27 | *.egg 28 | MANIFEST 29 | 30 | # PyInstaller 31 | # Usually these files are written by a python script from a template 32 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 33 | *.manifest 34 | *.spec 35 | 36 | # Installer logs 37 | pip-log.txt 38 | pip-delete-this-directory.txt 39 | 40 | # Unit test / coverage reports 41 | htmlcov/ 42 | .tox/ 43 | .nox/ 44 | .coverage 45 | .coverage.* 46 | .cache 47 | nosetests.xml 48 | coverage.xml 49 | *.cover 50 | .hypothesis/ 51 | .pytest_cache/ 52 | 53 | # Translations 54 | *.mo 55 | *.pot 56 | 57 | # Django stuff: 58 | *.log 59 | local_settings.py 60 | db.sqlite3 61 | db.sqlite3-journal 62 | 63 | # Flask stuff: 64 | instance/ 65 | .webassets-cache 66 | 67 | # Scrapy stuff: 68 | .scrapy 69 | 70 | # Sphinx documentation 71 | docs/_build/ 72 | 73 | # PyBuilder 74 | target/ 75 | 76 | # Jupyter Notebook 77 | .ipynb_checkpoints 78 | 79 | # IPython 80 | profile_default/ 81 | ipython_config.py 82 | 83 | # pyenv 84 | .python-version 85 | 86 | # pipenv 87 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. 88 | # However, in case of collaboration, if having platform-specific dependencies or dependencies 89 | # having no cross-platform support, pipenv may install dependencies that don't work, or not 90 | # install all needed dependencies. 91 | #Pipfile.lock 92 | 93 | # celery beat schedule file 94 | celerybeat-schedule 95 | 96 | # SageMath parsed files 97 | *.sage.py 98 | 99 | # Environments 100 | .env 101 | .venv 102 | env/ 103 | venv/ 104 | ENV/ 105 | env.bak/ 106 | venv.bak/ 107 | 108 | # Spyder project settings 109 | .spyderproject 110 | .spyproject 111 | 112 | # Rope project settings 113 | .ropeproject 114 | 115 | # mkdocs documentation 116 | /site 117 | 118 | # mypy 119 | .mypy_cache/ 120 | .dmypy.json 121 | dmypy.json 122 | 123 | # Pyre type checker 124 | .pyre/ 125 | 126 | # pycharm 127 | .idea/ 128 | 129 | # data 130 | static/data/ 131 | 132 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 Yoonje Choi 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Binary PCD Web Viewer 2 | .pcd file(pointcloud data format) web viwer. 3 | 4 | ### Explanation 5 | - Put your .pcd file in "static/data/" directory. 6 | - Recommend running web browser private mode.(because cache data) 7 | - You can set your screen through `camera.position(x,y,z)` and `controls.target.set()` in [viewer.js](https://github.com/yoonje/binary-pcd-web-viewer/blob/master/static/js/viewer.js) 8 | 9 | ### Run 10 | `url : https:///?load=/static/data/.pcd` 11 | 12 | ### Output 13 | kcity 14 | This image show Kcity(South Korea Autonomous Vehicle Experiment City) pcd map.

15 | 16 | voxel 17 | This image show fragment pcd file in Kcity. 18 | 19 | -------------------------------------------------------------------------------- /static/css/bootstrap.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.0.3 (http://getbootstrap.com) 3 | * Copyright 2013 Twitter, Inc. 4 | * Licensed under http://www.apache.org/licenses/LICENSE-2.0 5 | */ 6 | 7 | /*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{margin-top:20px;margin-bottom:10px}h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}h4,h5,h6{margin-top:10px;margin-bottom:10px}h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428bca}.text-primary:hover{color:#3071a9}.text-warning{color:#8a6d3b}.text-warning:hover{color:#66512c}.text-danger{color:#a94442}.text-danger:hover{color:#843534}.text-success{color:#3c763d}.text-success:hover{color:#2b542c}.text-info{color:#31708f}.text-info:hover{color:#245269}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.list-inline>li:first-child{padding-left:0}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small,blockquote .small{display:block;line-height:1.428571429;color:#999}blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small,blockquote.pull-right .small{text-align:right}blockquote.pull-right small:before,blockquote.pull-right .small:before{content:''}blockquote.pull-right small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666666666666%}.col-xs-10{width:83.33333333333334%}.col-xs-9{width:75%}.col-xs-8{width:66.66666666666666%}.col-xs-7{width:58.333333333333336%}.col-xs-6{width:50%}.col-xs-5{width:41.66666666666667%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.666666666666664%}.col-xs-1{width:8.333333333333332%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666666666666%}.col-xs-pull-10{right:83.33333333333334%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666666666666%}.col-xs-pull-7{right:58.333333333333336%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666666666667%}.col-xs-pull-4{right:33.33333333333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.666666666666664%}.col-xs-pull-1{right:8.333333333333332%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666666666666%}.col-xs-push-10{left:83.33333333333334%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666666666666%}.col-xs-push-7{left:58.333333333333336%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666666666667%}.col-xs-push-4{left:33.33333333333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.666666666666664%}.col-xs-push-1{left:8.333333333333332%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666666666666%}.col-xs-offset-10{margin-left:83.33333333333334%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666666666666%}.col-xs-offset-7{margin-left:58.333333333333336%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666666666667%}.col-xs-offset-4{margin-left:33.33333333333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.666666666666664%}.col-xs-offset-1{margin-left:8.333333333333332%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666666666666%}.col-sm-10{width:83.33333333333334%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.666666666666664%}.col-sm-1{width:8.333333333333332%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666666666666%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666666666666%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666666666666%}.col-lg-10{width:83.33333333333334%}.col-lg-9{width:75%}.col-lg-8{width:66.66666666666666%}.col-lg-7{width:58.333333333333336%}.col-lg-6{width:50%}.col-lg-5{width:41.66666666666667%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.666666666666664%}.col-lg-1{width:8.333333333333332%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666666666666%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666666666666%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{position:static;display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>.active,.table>tbody>tr>.active,.table>tfoot>tr>.active,.table>thead>.active>td,.table>tbody>.active>td,.table>tfoot>.active>td,.table>thead>.active>th,.table>tbody>.active>th,.table>tfoot>.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>.active:hover,.table-hover>tbody>.active:hover>td,.table-hover>tbody>.active:hover>th{background-color:#e8e8e8}.table>thead>tr>.success,.table>tbody>tr>.success,.table>tfoot>tr>.success,.table>thead>.success>td,.table>tbody>.success>td,.table>tfoot>.success>td,.table>thead>.success>th,.table>tbody>.success>th,.table>tfoot>.success>th{background-color:#dff0d8}.table-hover>tbody>tr>.success:hover,.table-hover>tbody>.success:hover>td,.table-hover>tbody>.success:hover>th{background-color:#d0e9c6}.table>thead>tr>.danger,.table>tbody>tr>.danger,.table>tfoot>tr>.danger,.table>thead>.danger>td,.table>tbody>.danger>td,.table>tfoot>.danger>td,.table>thead>.danger>th,.table>tbody>.danger>th,.table>tfoot>.danger>th{background-color:#f2dede}.table-hover>tbody>tr>.danger:hover,.table-hover>tbody>.danger:hover>td,.table-hover>tbody>.danger:hover>th{background-color:#ebcccc}.table>thead>tr>.warning,.table>tbody>tr>.warning,.table>tfoot>tr>.warning,.table>thead>.warning>td,.table>tbody>.warning>td,.table>tfoot>.warning>td,.table>thead>.warning>th,.table>tbody>.warning>th,.table>tfoot>.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>.warning:hover,.table-hover>tbody>.warning:hover>td,.table-hover>tbody>.warning:hover>th{background-color:#faf2cc}@media(max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline select.form-control{width:auto}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-control-static{padding-top:7px}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#fff}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1;-moz-osx-font-smoothing:grayscale}.glyphicon:empty{width:1em}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn:first-child>.btn{margin-right:-1px}.input-group-btn:last-child>.btn{margin-left:-1px}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form select.form-control{width:auto}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{display:block;height:auto;max-width:100%;margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child th,.panel>.table>tbody:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:last-child>th,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:last-child>td,.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;z-index:1050;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}table.visible-xs.visible-sm{display:table}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}table.visible-xs.visible-md{display:table}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}table.visible-xs.visible-lg{display:table}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}table.visible-sm.visible-xs{display:table}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}table.visible-sm.visible-md{display:table}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}table.visible-sm.visible-lg{display:table}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}table.visible-md.visible-xs{display:table}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}table.visible-md.visible-sm{display:table}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}table.visible-md.visible-lg{display:table}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}table.visible-lg.visible-xs{display:table}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}table.visible-lg.visible-sm{display:table}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}table.visible-lg.visible-md{display:table}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}table.hidden-xs{display:table}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}table.hidden-sm{display:table}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}table.hidden-md{display:table}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}table.hidden-lg{display:table}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print{display:none!important}} -------------------------------------------------------------------------------- /static/js/OrbitControls.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author qiao / https://github.com/qiao 3 | * @author mrdoob / http://mrdoob.com 4 | * @author alteredq / http://alteredqualia.com/ 5 | * @author WestLangley / http://github.com/WestLangley 6 | * @author erich666 / http://erichaines.com 7 | */ 8 | /*global THREE, console */ 9 | 10 | ( function () { 11 | 12 | function OrbitConstraint ( object ) { 13 | 14 | this.object = object; 15 | 16 | // "target" sets the location of focus, where the object orbits around 17 | // and where it pans with respect to. 18 | this.target = new THREE.Vector3(); 19 | 20 | // Limits to how far you can dolly in and out ( PerspectiveCamera only ) 21 | this.minDistance = 0; 22 | this.maxDistance = Infinity; 23 | 24 | // Limits to how far you can zoom in and out ( OrthographicCamera only ) 25 | this.minZoom = 0; 26 | this.maxZoom = Infinity; 27 | 28 | // How far you can orbit vertically, upper and lower limits. 29 | // Range is 0 to Math.PI radians. 30 | this.minPolarAngle = 0; // radians 31 | this.maxPolarAngle = Math.PI; // radians 32 | 33 | // How far you can orbit horizontally, upper and lower limits. 34 | // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ]. 35 | this.minAzimuthAngle = - Infinity; // radians 36 | this.maxAzimuthAngle = Infinity; // radians 37 | 38 | // Set to true to enable damping (inertia) 39 | // If damping is enabled, you must call controls.update() in your animation loop 40 | this.enableDamping = false; 41 | this.dampingFactor = 0.25; 42 | 43 | //////////// 44 | // internals 45 | 46 | var scope = this; 47 | 48 | var EPS = 0.000001; 49 | 50 | // Current position in spherical coordinate system. 51 | var theta; 52 | var phi; 53 | 54 | // Pending changes 55 | var phiDelta = 0; 56 | var thetaDelta = 0; 57 | var scale = 1; 58 | var panOffset = new THREE.Vector3(); 59 | var zoomChanged = false; 60 | 61 | // API 62 | 63 | this.getPolarAngle = function () { 64 | 65 | return phi; 66 | 67 | }; 68 | 69 | this.getAzimuthalAngle = function () { 70 | 71 | return theta; 72 | 73 | }; 74 | 75 | this.rotateLeft = function ( angle ) { 76 | 77 | thetaDelta -= angle; 78 | 79 | }; 80 | 81 | this.rotateUp = function ( angle ) { 82 | 83 | phiDelta -= angle; 84 | 85 | }; 86 | 87 | // pass in distance in world space to move left 88 | this.panLeft = function() { 89 | 90 | var v = new THREE.Vector3(); 91 | 92 | return function panLeft ( distance ) { 93 | 94 | var te = this.object.matrix.elements; 95 | 96 | // get X column of matrix 97 | v.set( te[ 0 ], te[ 1 ], te[ 2 ] ); 98 | v.multiplyScalar( - distance ); 99 | 100 | panOffset.add( v ); 101 | 102 | }; 103 | 104 | }(); 105 | 106 | // pass in distance in world space to move up 107 | this.panUp = function() { 108 | 109 | var v = new THREE.Vector3(); 110 | 111 | return function panUp ( distance ) { 112 | 113 | var te = this.object.matrix.elements; 114 | 115 | // get Y column of matrix 116 | v.set( te[ 4 ], te[ 5 ], te[ 6 ] ); 117 | v.multiplyScalar( distance ); 118 | 119 | panOffset.add( v ); 120 | 121 | }; 122 | 123 | }(); 124 | 125 | // pass in x,y of change desired in pixel space, 126 | // right and down are positive 127 | this.pan = function ( deltaX, deltaY, screenWidth, screenHeight ) { 128 | 129 | if ( scope.object instanceof THREE.PerspectiveCamera ) { 130 | 131 | // perspective 132 | var position = scope.object.position; 133 | var offset = position.clone().sub( scope.target ); 134 | var targetDistance = offset.length(); 135 | 136 | // half of the fov is center to top of screen 137 | targetDistance *= Math.tan( ( scope.object.fov / 2 ) * Math.PI / 180.0 ); 138 | 139 | // we actually don't use screenWidth, since perspective camera is fixed to screen height 140 | scope.panLeft( 2 * deltaX * targetDistance / screenHeight ); 141 | scope.panUp( 2 * deltaY * targetDistance / screenHeight ); 142 | 143 | } else if ( scope.object instanceof THREE.OrthographicCamera ) { 144 | 145 | // orthographic 146 | scope.panLeft( deltaX * ( scope.object.right - scope.object.left ) / screenWidth ); 147 | scope.panUp( deltaY * ( scope.object.top - scope.object.bottom ) / screenHeight ); 148 | 149 | } else { 150 | 151 | // camera neither orthographic or perspective 152 | console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.' ); 153 | 154 | } 155 | 156 | }; 157 | 158 | this.dollyIn = function ( dollyScale ) { 159 | 160 | if ( scope.object instanceof THREE.PerspectiveCamera ) { 161 | 162 | scale /= dollyScale; 163 | 164 | } else if ( scope.object instanceof THREE.OrthographicCamera ) { 165 | 166 | scope.object.zoom = Math.max( this.minZoom, Math.min( this.maxZoom, this.object.zoom * dollyScale ) ); 167 | scope.object.updateProjectionMatrix(); 168 | zoomChanged = true; 169 | 170 | } else { 171 | 172 | console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' ); 173 | 174 | } 175 | 176 | }; 177 | 178 | this.dollyOut = function ( dollyScale ) { 179 | 180 | if ( scope.object instanceof THREE.PerspectiveCamera ) { 181 | 182 | scale *= dollyScale; 183 | 184 | } else if ( scope.object instanceof THREE.OrthographicCamera ) { 185 | 186 | scope.object.zoom = Math.max( this.minZoom, Math.min( this.maxZoom, this.object.zoom / dollyScale ) ); 187 | scope.object.updateProjectionMatrix(); 188 | zoomChanged = true; 189 | 190 | } else { 191 | 192 | console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' ); 193 | 194 | } 195 | 196 | }; 197 | 198 | this.update = function() { 199 | 200 | var offset = new THREE.Vector3(); 201 | 202 | // so camera.up is the orbit axis 203 | var quat = new THREE.Quaternion().setFromUnitVectors( object.up, new THREE.Vector3( 0, 1, 0 ) ); 204 | var quatInverse = quat.clone().inverse(); 205 | 206 | var lastPosition = new THREE.Vector3(); 207 | var lastQuaternion = new THREE.Quaternion(); 208 | 209 | return function () { 210 | 211 | var position = this.object.position; 212 | 213 | offset.copy( position ).sub( this.target ); 214 | 215 | // rotate offset to "y-axis-is-up" space 216 | offset.applyQuaternion( quat ); 217 | 218 | // angle from z-axis around y-axis 219 | 220 | theta = Math.atan2( offset.x, offset.z ); 221 | 222 | // angle from y-axis 223 | 224 | phi = Math.atan2( Math.sqrt( offset.x * offset.x + offset.z * offset.z ), offset.y ); 225 | 226 | theta += thetaDelta; 227 | phi += phiDelta; 228 | 229 | // restrict theta to be between desired limits 230 | theta = Math.max( this.minAzimuthAngle, Math.min( this.maxAzimuthAngle, theta ) ); 231 | 232 | // restrict phi to be between desired limits 233 | phi = Math.max( this.minPolarAngle, Math.min( this.maxPolarAngle, phi ) ); 234 | 235 | // restrict phi to be betwee EPS and PI-EPS 236 | phi = Math.max( EPS, Math.min( Math.PI - EPS, phi ) ); 237 | 238 | var radius = offset.length() * scale; 239 | 240 | // restrict radius to be between desired limits 241 | radius = Math.max( this.minDistance, Math.min( this.maxDistance, radius ) ); 242 | 243 | // move target to panned location 244 | this.target.add( panOffset ); 245 | // console.log(this.target); 246 | 247 | offset.x = radius * Math.sin( phi ) * Math.sin( theta ); 248 | offset.y = radius * Math.cos( phi ); 249 | offset.z = radius * Math.sin( phi ) * Math.cos( theta ); 250 | 251 | // rotate offset back to "camera-up-vector-is-up" space 252 | offset.applyQuaternion( quatInverse ); 253 | 254 | position.copy( this.target ).add( offset ); 255 | 256 | this.object.lookAt( this.target ); 257 | 258 | if ( this.enableDamping === true ) { 259 | 260 | thetaDelta *= ( 1 - this.dampingFactor ); 261 | phiDelta *= ( 1 - this.dampingFactor ); 262 | 263 | } else { 264 | 265 | thetaDelta = 0; 266 | phiDelta = 0; 267 | 268 | } 269 | 270 | scale = 1; 271 | panOffset.set( 0, 0, 0 ); 272 | 273 | // update condition is: 274 | // min(camera displacement, camera rotation in radians)^2 > EPS 275 | // using small-angle approximation cos(x/2) = 1 - x^2 / 8 276 | 277 | if ( zoomChanged || 278 | lastPosition.distanceToSquared( this.object.position ) > EPS || 279 | 8 * ( 1 - lastQuaternion.dot( this.object.quaternion ) ) > EPS ) { 280 | 281 | lastPosition.copy( this.object.position ); 282 | lastQuaternion.copy( this.object.quaternion ); 283 | zoomChanged = false; 284 | 285 | return true; 286 | 287 | } 288 | 289 | return false; 290 | 291 | }; 292 | 293 | }(); 294 | 295 | }; 296 | 297 | 298 | // This set of controls performs orbiting, dollying (zooming), and panning. It maintains 299 | // the "up" direction as +Y, unlike the TrackballControls. Touch on tablet and phones is 300 | // supported. 301 | // 302 | // Orbit - left mouse / touch: one finger move 303 | // Zoom - middle mouse, or mousewheel / touch: two finger spread or squish 304 | // Pan - right mouse, or arrow keys / touch: three finter swipe 305 | 306 | THREE.OrbitControls = function ( object, domElement ) { 307 | 308 | var constraint = new OrbitConstraint( object ); 309 | 310 | this.domElement = ( domElement !== undefined ) ? domElement : document; 311 | 312 | // API 313 | 314 | Object.defineProperty( this, 'constraint', { 315 | 316 | get: function() { 317 | 318 | return constraint; 319 | 320 | } 321 | 322 | } ); 323 | 324 | this.getPolarAngle = function () { 325 | 326 | return constraint.getPolarAngle(); 327 | 328 | }; 329 | 330 | this.getAzimuthalAngle = function () { 331 | 332 | return constraint.getAzimuthalAngle(); 333 | 334 | }; 335 | 336 | // Set to false to disable this control 337 | this.enabled = true; 338 | 339 | // center is old, deprecated; use "target" instead 340 | this.center = this.target; 341 | 342 | // This option actually enables dollying in and out; left as "zoom" for 343 | // backwards compatibility. 344 | // Set to false to disable zooming 345 | this.enableZoom = true; 346 | this.zoomSpeed = 1.0; 347 | 348 | // Set to false to disable rotating 349 | this.enableRotate = true; 350 | this.rotateSpeed = 1.0; 351 | 352 | // Set to false to disable panning 353 | this.enablePan = true; 354 | this.keyPanSpeed = 7.0; // pixels moved per arrow key push 355 | 356 | // Set to true to automatically rotate around the target 357 | // If auto-rotate is enabled, you must call controls.update() in your animation loop 358 | this.autoRotate = false; 359 | this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60 360 | 361 | // Set to false to disable use of the keys 362 | this.enableKeys = true; 363 | 364 | // The four arrow keys 365 | this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 }; 366 | 367 | // Mouse buttons 368 | this.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT }; 369 | 370 | this.visualizer = null; 371 | 372 | //////////// 373 | // internals 374 | 375 | var scope = this; 376 | 377 | var rotateStart = new THREE.Vector2(); 378 | var rotateEnd = new THREE.Vector2(); 379 | var rotateDelta = new THREE.Vector2(); 380 | 381 | var panStart = new THREE.Vector2(); 382 | var panEnd = new THREE.Vector2(); 383 | var panDelta = new THREE.Vector2(); 384 | 385 | var dollyStart = new THREE.Vector2(); 386 | var dollyEnd = new THREE.Vector2(); 387 | var dollyDelta = new THREE.Vector2(); 388 | 389 | var STATE = { NONE : - 1, ROTATE : 0, DOLLY : 1, PAN : 2, TOUCH_ROTATE : 3, TOUCH_DOLLY : 4, TOUCH_PAN : 5 }; 390 | 391 | var state = STATE.NONE; 392 | var oldState = state; 393 | 394 | // for reset 395 | 396 | this.target0 = this.target.clone(); 397 | this.position0 = this.object.position.clone(); 398 | this.zoom0 = this.object.zoom; 399 | 400 | // events 401 | 402 | var changeEvent = { type: 'change' }; 403 | var startEvent = { type: 'start' }; 404 | var endEvent = { type: 'end' }; 405 | 406 | // pass in x,y of change desired in pixel space, 407 | // right and down are positive 408 | function pan( deltaX, deltaY ) { 409 | 410 | var element = scope.domElement === document ? scope.domElement.body : scope.domElement; 411 | 412 | constraint.pan( deltaX, deltaY, element.clientWidth, element.clientHeight ); 413 | 414 | } 415 | 416 | this.update = function () { 417 | 418 | if ( this.autoRotate && state === STATE.NONE ) { 419 | 420 | constraint.rotateLeft( getAutoRotationAngle() ); 421 | 422 | } 423 | 424 | if ( constraint.update() === true || oldState != state) 425 | { 426 | if(this.visualizer) 427 | { 428 | this.visualizer.visible = (state != STATE.NONE); 429 | this.visualizer.position.copy(constraint.target); 430 | this.visualizer.updateMatrix(); 431 | } 432 | 433 | this.dispatchEvent( changeEvent ); 434 | } 435 | 436 | oldState = state; 437 | }; 438 | 439 | this.reset = function () { 440 | 441 | state = STATE.NONE; 442 | 443 | this.target.copy( this.target0 ); 444 | this.object.position.copy( this.position0 ); 445 | this.object.zoom = this.zoom0; 446 | 447 | this.object.updateProjectionMatrix(); 448 | this.dispatchEvent( changeEvent ); 449 | 450 | this.update(); 451 | 452 | }; 453 | 454 | function getAutoRotationAngle() { 455 | 456 | return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed; 457 | 458 | } 459 | 460 | function getZoomScale() { 461 | 462 | return Math.pow( 0.95, scope.zoomSpeed ); 463 | 464 | } 465 | 466 | function onMouseDown( event ) { 467 | if ( scope.enabled === false ) return; 468 | 469 | event.preventDefault(); 470 | 471 | if ( event.button === scope.mouseButtons.ORBIT ) { 472 | 473 | if ( scope.enableRotate === false ) return; 474 | 475 | state = STATE.ROTATE; 476 | 477 | rotateStart.set( event.clientX, event.clientY ); 478 | 479 | } else if ( event.button === scope.mouseButtons.ZOOM ) { 480 | 481 | if ( scope.enableZoom === false ) return; 482 | 483 | state = STATE.DOLLY; 484 | 485 | dollyStart.set( event.clientX, event.clientY ); 486 | 487 | } else if ( event.button === scope.mouseButtons.PAN ) { 488 | 489 | if ( scope.enablePan === false ) return; 490 | 491 | state = STATE.PAN; 492 | 493 | panStart.set( event.clientX, event.clientY ); 494 | 495 | } 496 | 497 | if ( state !== STATE.NONE ) { 498 | document.addEventListener( 'mousemove', onMouseMove, false ); 499 | document.addEventListener( 'mouseup', onMouseUp, false ); 500 | scope.dispatchEvent( startEvent ); 501 | 502 | } 503 | 504 | } 505 | 506 | function onMouseMove( event ) { 507 | 508 | if ( scope.enabled === false ) return; 509 | 510 | event.preventDefault(); 511 | 512 | var element = scope.domElement === document ? scope.domElement.body : scope.domElement; 513 | 514 | if ( state === STATE.ROTATE ) { 515 | 516 | if ( scope.enableRotate === false ) return; 517 | 518 | rotateEnd.set( event.clientX, event.clientY ); 519 | rotateDelta.subVectors( rotateEnd, rotateStart ); 520 | 521 | // rotating across whole screen goes 360 degrees around 522 | constraint.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed ); 523 | 524 | // rotating up and down along whole screen attempts to go 360, but limited to 180 525 | constraint.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed ); 526 | 527 | rotateStart.copy( rotateEnd ); 528 | 529 | } else if ( state === STATE.DOLLY ) { 530 | 531 | if ( scope.enableZoom === false ) return; 532 | 533 | dollyEnd.set( event.clientX, event.clientY ); 534 | dollyDelta.subVectors( dollyEnd, dollyStart ); 535 | 536 | if ( dollyDelta.y > 0 ) { 537 | 538 | constraint.dollyIn( getZoomScale() ); 539 | 540 | } else if ( dollyDelta.y < 0 ) { 541 | 542 | constraint.dollyOut( getZoomScale() ); 543 | 544 | } 545 | 546 | dollyStart.copy( dollyEnd ); 547 | 548 | } else if ( state === STATE.PAN ) { 549 | 550 | if ( scope.enablePan === false ) return; 551 | 552 | panEnd.set( event.clientX, event.clientY ); 553 | panDelta.subVectors( panEnd, panStart ); 554 | 555 | pan( panDelta.x, panDelta.y ); 556 | 557 | panStart.copy( panEnd ); 558 | 559 | } 560 | 561 | if ( state !== STATE.NONE ) scope.update(); 562 | 563 | } 564 | 565 | function onMouseUp( /* event */ ) { 566 | if(scope.visualizer) 567 | scope.visualizer.visible = false; 568 | 569 | if ( scope.enabled === false ) return; 570 | 571 | document.removeEventListener( 'mousemove', onMouseMove, false ); 572 | document.removeEventListener( 'mouseup', onMouseUp, false ); 573 | scope.dispatchEvent( endEvent ); 574 | state = STATE.NONE; 575 | } 576 | 577 | function onMouseWheel( event ) { 578 | 579 | if ( scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE ) return; 580 | 581 | event.preventDefault(); 582 | event.stopPropagation(); 583 | 584 | var delta = 0; 585 | 586 | if ( event.wheelDelta !== undefined ) { 587 | 588 | // WebKit / Opera / Explorer 9 589 | 590 | delta = event.wheelDelta; 591 | 592 | } else if ( event.detail !== undefined ) { 593 | 594 | // Firefox 595 | 596 | delta = - event.detail; 597 | 598 | } 599 | 600 | if ( delta > 0 ) { 601 | 602 | constraint.dollyOut( getZoomScale() ); 603 | 604 | } else if ( delta < 0 ) { 605 | 606 | constraint.dollyIn( getZoomScale() ); 607 | 608 | } 609 | 610 | scope.update(); 611 | scope.dispatchEvent( startEvent ); 612 | scope.dispatchEvent( endEvent ); 613 | 614 | } 615 | 616 | function onKeyDown( event ) { 617 | 618 | if ( scope.enabled === false || scope.enableKeys === false || scope.enablePan === false ) return; 619 | 620 | switch ( event.keyCode ) { 621 | 622 | case scope.keys.UP: 623 | pan( 0, scope.keyPanSpeed ); 624 | scope.update(); 625 | break; 626 | 627 | case scope.keys.BOTTOM: 628 | pan( 0, - scope.keyPanSpeed ); 629 | scope.update(); 630 | break; 631 | 632 | case scope.keys.LEFT: 633 | pan( scope.keyPanSpeed, 0 ); 634 | scope.update(); 635 | break; 636 | 637 | case scope.keys.RIGHT: 638 | pan( - scope.keyPanSpeed, 0 ); 639 | scope.update(); 640 | break; 641 | 642 | } 643 | 644 | } 645 | 646 | function touchstart( event ) { 647 | 648 | if ( scope.enabled === false ) return; 649 | 650 | switch ( event.touches.length ) { 651 | 652 | case 1: // one-fingered touch: rotate 653 | 654 | if ( scope.enableRotate === false ) return; 655 | 656 | state = STATE.TOUCH_ROTATE; 657 | 658 | rotateStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); 659 | break; 660 | 661 | case 2: // two-fingered touch: dolly 662 | 663 | if ( scope.enableZoom === false ) return; 664 | 665 | state = STATE.TOUCH_DOLLY; 666 | 667 | var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; 668 | var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; 669 | var distance = Math.sqrt( dx * dx + dy * dy ); 670 | dollyStart.set( 0, distance ); 671 | break; 672 | 673 | case 3: // three-fingered touch: pan 674 | 675 | if ( scope.enablePan === false ) return; 676 | 677 | state = STATE.TOUCH_PAN; 678 | 679 | panStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); 680 | break; 681 | 682 | default: 683 | 684 | state = STATE.NONE; 685 | 686 | } 687 | 688 | if ( state !== STATE.NONE ) scope.dispatchEvent( startEvent ); 689 | 690 | } 691 | 692 | function touchmove( event ) { 693 | 694 | if ( scope.enabled === false ) return; 695 | 696 | event.preventDefault(); 697 | event.stopPropagation(); 698 | 699 | var element = scope.domElement === document ? scope.domElement.body : scope.domElement; 700 | 701 | switch ( event.touches.length ) { 702 | 703 | case 1: // one-fingered touch: rotate 704 | 705 | if ( scope.enableRotate === false ) return; 706 | if ( state !== STATE.TOUCH_ROTATE ) return; 707 | 708 | rotateEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); 709 | rotateDelta.subVectors( rotateEnd, rotateStart ); 710 | 711 | // rotating across whole screen goes 360 degrees around 712 | constraint.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed ); 713 | // rotating up and down along whole screen attempts to go 360, but limited to 180 714 | constraint.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed ); 715 | 716 | rotateStart.copy( rotateEnd ); 717 | 718 | scope.update(); 719 | break; 720 | 721 | case 2: // two-fingered touch: dolly 722 | 723 | if ( scope.enableZoom === false ) return; 724 | if ( state !== STATE.TOUCH_DOLLY ) return; 725 | 726 | var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; 727 | var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; 728 | var distance = Math.sqrt( dx * dx + dy * dy ); 729 | 730 | dollyEnd.set( 0, distance ); 731 | dollyDelta.subVectors( dollyEnd, dollyStart ); 732 | 733 | if ( dollyDelta.y > 0 ) { 734 | 735 | constraint.dollyOut( getZoomScale() ); 736 | 737 | } else if ( dollyDelta.y < 0 ) { 738 | 739 | constraint.dollyIn( getZoomScale() ); 740 | 741 | } 742 | 743 | dollyStart.copy( dollyEnd ); 744 | 745 | scope.update(); 746 | break; 747 | 748 | case 3: // three-fingered touch: pan 749 | 750 | if ( scope.enablePan === false ) return; 751 | if ( state !== STATE.TOUCH_PAN ) return; 752 | 753 | panEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); 754 | panDelta.subVectors( panEnd, panStart ); 755 | 756 | pan( panDelta.x, panDelta.y ); 757 | 758 | panStart.copy( panEnd ); 759 | 760 | scope.update(); 761 | break; 762 | 763 | default: 764 | 765 | state = STATE.NONE; 766 | 767 | } 768 | 769 | } 770 | 771 | function touchend( /* event */ ) { 772 | 773 | if ( scope.enabled === false ) return; 774 | 775 | scope.dispatchEvent( endEvent ); 776 | state = STATE.NONE; 777 | 778 | } 779 | 780 | function contextmenu( event ) { 781 | console.log('context'); 782 | event.preventDefault(); 783 | 784 | } 785 | 786 | this.dispose = function() { 787 | 788 | this.domElement.removeEventListener( 'contextmenu', contextmenu, false ); 789 | this.domElement.removeEventListener( 'mousedown', onMouseDown, false ); 790 | this.domElement.removeEventListener( 'mousewheel', onMouseWheel, false ); 791 | this.domElement.removeEventListener( 'MozMousePixelScroll', onMouseWheel, false ); // firefox 792 | 793 | this.domElement.removeEventListener( 'touchstart', touchstart, false ); 794 | this.domElement.removeEventListener( 'touchend', touchend, false ); 795 | this.domElement.removeEventListener( 'touchmove', touchmove, false ); 796 | 797 | document.removeEventListener( 'mousemove', onMouseMove, false ); 798 | document.removeEventListener( 'mouseup', onMouseUp, false ); 799 | 800 | window.removeEventListener( 'keydown', onKeyDown, false ); 801 | 802 | } 803 | 804 | this.domElement.addEventListener( 'contextmenu', contextmenu, false ); 805 | 806 | this.domElement.addEventListener( 'mousedown', onMouseDown, false ); 807 | this.domElement.addEventListener( 'mousewheel', onMouseWheel, false ); 808 | this.domElement.addEventListener( 'MozMousePixelScroll', onMouseWheel, false ); // firefox 809 | 810 | this.domElement.addEventListener( 'touchstart', touchstart, false ); 811 | this.domElement.addEventListener( 'touchend', touchend, false ); 812 | this.domElement.addEventListener( 'touchmove', touchmove, false ); 813 | 814 | window.addEventListener( 'keydown', onKeyDown, false ); 815 | 816 | // force an update at start 817 | this.update(); 818 | 819 | }; 820 | 821 | THREE.OrbitControls.prototype = Object.create( THREE.EventDispatcher.prototype ); 822 | THREE.OrbitControls.prototype.constructor = THREE.OrbitControls; 823 | 824 | Object.defineProperties( THREE.OrbitControls.prototype, { 825 | 826 | object: { 827 | 828 | get: function () { 829 | 830 | return this.constraint.object; 831 | 832 | } 833 | 834 | }, 835 | 836 | target: { 837 | 838 | get: function () { 839 | 840 | return this.constraint.target; 841 | 842 | }, 843 | 844 | set: function ( value ) { 845 | 846 | console.warn( 'THREE.OrbitControls: target is now immutable. Use target.set() instead.' ); 847 | this.constraint.target.copy( value ); 848 | 849 | } 850 | 851 | }, 852 | 853 | minDistance : { 854 | 855 | get: function () { 856 | 857 | return this.constraint.minDistance; 858 | 859 | }, 860 | 861 | set: function ( value ) { 862 | 863 | this.constraint.minDistance = value; 864 | 865 | } 866 | 867 | }, 868 | 869 | maxDistance : { 870 | 871 | get: function () { 872 | 873 | return this.constraint.maxDistance; 874 | 875 | }, 876 | 877 | set: function ( value ) { 878 | 879 | this.constraint.maxDistance = value; 880 | 881 | } 882 | 883 | }, 884 | 885 | minZoom : { 886 | 887 | get: function () { 888 | 889 | return this.constraint.minZoom; 890 | 891 | }, 892 | 893 | set: function ( value ) { 894 | 895 | this.constraint.minZoom = value; 896 | 897 | } 898 | 899 | }, 900 | 901 | maxZoom : { 902 | 903 | get: function () { 904 | 905 | return this.constraint.maxZoom; 906 | 907 | }, 908 | 909 | set: function ( value ) { 910 | 911 | this.constraint.maxZoom = value; 912 | 913 | } 914 | 915 | }, 916 | 917 | minPolarAngle : { 918 | 919 | get: function () { 920 | 921 | return this.constraint.minPolarAngle; 922 | 923 | }, 924 | 925 | set: function ( value ) { 926 | 927 | this.constraint.minPolarAngle = value; 928 | 929 | } 930 | 931 | }, 932 | 933 | maxPolarAngle : { 934 | 935 | get: function () { 936 | 937 | return this.constraint.maxPolarAngle; 938 | 939 | }, 940 | 941 | set: function ( value ) { 942 | 943 | this.constraint.maxPolarAngle = value; 944 | 945 | } 946 | 947 | }, 948 | 949 | minAzimuthAngle : { 950 | 951 | get: function () { 952 | 953 | return this.constraint.minAzimuthAngle; 954 | 955 | }, 956 | 957 | set: function ( value ) { 958 | 959 | this.constraint.minAzimuthAngle = value; 960 | 961 | } 962 | 963 | }, 964 | 965 | maxAzimuthAngle : { 966 | 967 | get: function () { 968 | 969 | return this.constraint.maxAzimuthAngle; 970 | 971 | }, 972 | 973 | set: function ( value ) { 974 | 975 | this.constraint.maxAzimuthAngle = value; 976 | 977 | } 978 | 979 | }, 980 | 981 | enableDamping : { 982 | 983 | get: function () { 984 | 985 | return this.constraint.enableDamping; 986 | 987 | }, 988 | 989 | set: function ( value ) { 990 | 991 | this.constraint.enableDamping = value; 992 | 993 | } 994 | 995 | }, 996 | 997 | dampingFactor : { 998 | 999 | get: function () { 1000 | 1001 | return this.constraint.dampingFactor; 1002 | 1003 | }, 1004 | 1005 | set: function ( value ) { 1006 | 1007 | this.constraint.dampingFactor = value; 1008 | 1009 | } 1010 | 1011 | }, 1012 | 1013 | // backward compatibility 1014 | 1015 | noZoom: { 1016 | 1017 | get: function () { 1018 | 1019 | console.warn( 'THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.' ); 1020 | return ! this.enableZoom; 1021 | 1022 | }, 1023 | 1024 | set: function ( value ) { 1025 | 1026 | console.warn( 'THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.' ); 1027 | this.enableZoom = ! value; 1028 | 1029 | } 1030 | 1031 | }, 1032 | 1033 | noRotate: { 1034 | 1035 | get: function () { 1036 | 1037 | console.warn( 'THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.' ); 1038 | return ! this.enableRotate; 1039 | 1040 | }, 1041 | 1042 | set: function ( value ) { 1043 | 1044 | console.warn( 'THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.' ); 1045 | this.enableRotate = ! value; 1046 | 1047 | } 1048 | 1049 | }, 1050 | 1051 | noPan: { 1052 | 1053 | get: function () { 1054 | 1055 | console.warn( 'THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead.' ); 1056 | return ! this.enablePan; 1057 | 1058 | }, 1059 | 1060 | set: function ( value ) { 1061 | 1062 | console.warn( 'THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead.' ); 1063 | this.enablePan = ! value; 1064 | 1065 | } 1066 | 1067 | }, 1068 | 1069 | noKeys: { 1070 | 1071 | get: function () { 1072 | 1073 | console.warn( 'THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.' ); 1074 | return ! this.enableKeys; 1075 | 1076 | }, 1077 | 1078 | set: function ( value ) { 1079 | 1080 | console.warn( 'THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.' ); 1081 | this.enableKeys = ! value; 1082 | 1083 | } 1084 | 1085 | }, 1086 | 1087 | staticMoving : { 1088 | 1089 | get: function () { 1090 | 1091 | console.warn( 'THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.' ); 1092 | return ! this.constraint.enableDamping; 1093 | 1094 | }, 1095 | 1096 | set: function ( value ) { 1097 | 1098 | console.warn( 'THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.' ); 1099 | this.constraint.enableDamping = ! value; 1100 | 1101 | } 1102 | 1103 | }, 1104 | 1105 | dynamicDampingFactor : { 1106 | 1107 | get: function () { 1108 | 1109 | console.warn( 'THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.' ); 1110 | return this.constraint.dampingFactor; 1111 | 1112 | }, 1113 | 1114 | set: function ( value ) { 1115 | 1116 | console.warn( 'THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.' ); 1117 | this.constraint.dampingFactor = value; 1118 | 1119 | } 1120 | 1121 | } 1122 | 1123 | } ); 1124 | 1125 | }() ); 1126 | -------------------------------------------------------------------------------- /static/js/contrib/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.0.3 (http://getbootstrap.com) 3 | * Copyright 2013 Twitter, Inc. 4 | * Licensed under http://www.apache.org/licenses/LICENSE-2.0 5 | */ 6 | 7 | if ("undefined" == typeof jQuery) throw new Error("Bootstrap requires jQuery"); 8 | +function (a) { 9 | "use strict"; 10 | 11 | function b() { 12 | var a = document.createElement("bootstrap"), b = { 13 | WebkitTransition: "webkitTransitionEnd", 14 | MozTransition: "transitionend", 15 | OTransition: "oTransitionEnd otransitionend", 16 | transition: "transitionend" 17 | }; 18 | for (var c in b) if (void 0 !== a.style[c]) return {end: b[c]} 19 | } 20 | 21 | a.fn.emulateTransitionEnd = function (b) { 22 | var c = !1, d = this; 23 | a(this).one(a.support.transition.end, function () { 24 | c = !0 25 | }); 26 | var e = function () { 27 | c || a(d).trigger(a.support.transition.end) 28 | }; 29 | return setTimeout(e, b), this 30 | }, a(function () { 31 | a.support.transition = b() 32 | }) 33 | }(jQuery), +function (a) { 34 | "use strict"; 35 | var b = '[data-dismiss="alert"]', c = function (c) { 36 | a(c).on("click", b, this.close) 37 | }; 38 | c.prototype.close = function (b) { 39 | function c() { 40 | f.trigger("closed.bs.alert").remove() 41 | } 42 | 43 | var d = a(this), e = d.attr("data-target"); 44 | e || (e = d.attr("href"), e = e && e.replace(/.*(?=#[^\s]*$)/, "")); 45 | var f = a(e); 46 | b && b.preventDefault(), f.length || (f = d.hasClass("alert") ? d : d.parent()), f.trigger(b = a.Event("close.bs.alert")), b.isDefaultPrevented() || (f.removeClass("in"), a.support.transition && f.hasClass("fade") ? f.one(a.support.transition.end, c).emulateTransitionEnd(150) : c()) 47 | }; 48 | var d = a.fn.alert; 49 | a.fn.alert = function (b) { 50 | return this.each(function () { 51 | var d = a(this), e = d.data("bs.alert"); 52 | e || d.data("bs.alert", e = new c(this)), "string" == typeof b && e[b].call(d) 53 | }) 54 | }, a.fn.alert.Constructor = c, a.fn.alert.noConflict = function () { 55 | return a.fn.alert = d, this 56 | }, a(document).on("click.bs.alert.data-api", b, c.prototype.close) 57 | }(jQuery), +function (a) { 58 | "use strict"; 59 | var b = function (c, d) { 60 | this.$element = a(c), this.options = a.extend({}, b.DEFAULTS, d) 61 | }; 62 | b.DEFAULTS = {loadingText: "loading..."}, b.prototype.setState = function (a) { 63 | var b = "disabled", c = this.$element, d = c.is("input") ? "val" : "html", e = c.data(); 64 | a += "Text", e.resetText || c.data("resetText", c[d]()), c[d](e[a] || this.options[a]), setTimeout(function () { 65 | "loadingText" == a ? c.addClass(b).attr(b, b) : c.removeClass(b).removeAttr(b) 66 | }, 0) 67 | }, b.prototype.toggle = function () { 68 | var a = this.$element.closest('[data-toggle="buttons"]'), b = !0; 69 | if (a.length) { 70 | var c = this.$element.find("input"); 71 | "radio" === c.prop("type") && (c.prop("checked") && this.$element.hasClass("active") ? b = !1 : a.find(".active").removeClass("active")), b && c.prop("checked", !this.$element.hasClass("active")).trigger("change") 72 | } 73 | b && this.$element.toggleClass("active") 74 | }; 75 | var c = a.fn.button; 76 | a.fn.button = function (c) { 77 | return this.each(function () { 78 | var d = a(this), e = d.data("bs.button"), f = "object" == typeof c && c; 79 | e || d.data("bs.button", e = new b(this, f)), "toggle" == c ? e.toggle() : c && e.setState(c) 80 | }) 81 | }, a.fn.button.Constructor = b, a.fn.button.noConflict = function () { 82 | return a.fn.button = c, this 83 | }, a(document).on("click.bs.button.data-api", "[data-toggle^=button]", function (b) { 84 | var c = a(b.target); 85 | c.hasClass("btn") || (c = c.closest(".btn")), c.button("toggle"), b.preventDefault() 86 | }) 87 | }(jQuery), +function (a) { 88 | "use strict"; 89 | var b = function (b, c) { 90 | this.$element = a(b), this.$indicators = this.$element.find(".carousel-indicators"), this.options = c, this.paused = this.sliding = this.interval = this.$active = this.$items = null, "hover" == this.options.pause && this.$element.on("mouseenter", a.proxy(this.pause, this)).on("mouseleave", a.proxy(this.cycle, this)) 91 | }; 92 | b.DEFAULTS = {interval: 5e3, pause: "hover", wrap: !0}, b.prototype.cycle = function (b) { 93 | return b || (this.paused = !1), this.interval && clearInterval(this.interval), this.options.interval && !this.paused && (this.interval = setInterval(a.proxy(this.next, this), this.options.interval)), this 94 | }, b.prototype.getActiveIndex = function () { 95 | return this.$active = this.$element.find(".item.active"), this.$items = this.$active.parent().children(), this.$items.index(this.$active) 96 | }, b.prototype.to = function (b) { 97 | var c = this, d = this.getActiveIndex(); 98 | return b > this.$items.length - 1 || 0 > b ? void 0 : this.sliding ? this.$element.one("slid.bs.carousel", function () { 99 | c.to(b) 100 | }) : d == b ? this.pause().cycle() : this.slide(b > d ? "next" : "prev", a(this.$items[b])) 101 | }, b.prototype.pause = function (b) { 102 | return b || (this.paused = !0), this.$element.find(".next, .prev").length && a.support.transition.end && (this.$element.trigger(a.support.transition.end), this.cycle(!0)), this.interval = clearInterval(this.interval), this 103 | }, b.prototype.next = function () { 104 | return this.sliding ? void 0 : this.slide("next") 105 | }, b.prototype.prev = function () { 106 | return this.sliding ? void 0 : this.slide("prev") 107 | }, b.prototype.slide = function (b, c) { 108 | var d = this.$element.find(".item.active"), e = c || d[b](), f = this.interval, 109 | g = "next" == b ? "left" : "right", h = "next" == b ? "first" : "last", i = this; 110 | if (!e.length) { 111 | if (!this.options.wrap) return; 112 | e = this.$element.find(".item")[h]() 113 | } 114 | this.sliding = !0, f && this.pause(); 115 | var j = a.Event("slide.bs.carousel", {relatedTarget: e[0], direction: g}); 116 | if (!e.hasClass("active")) { 117 | if (this.$indicators.length && (this.$indicators.find(".active").removeClass("active"), this.$element.one("slid.bs.carousel", function () { 118 | var b = a(i.$indicators.children()[i.getActiveIndex()]); 119 | b && b.addClass("active") 120 | })), a.support.transition && this.$element.hasClass("slide")) { 121 | if (this.$element.trigger(j), j.isDefaultPrevented()) return; 122 | e.addClass(b), e[0].offsetWidth, d.addClass(g), e.addClass(g), d.one(a.support.transition.end, function () { 123 | e.removeClass([b, g].join(" ")).addClass("active"), d.removeClass(["active", g].join(" ")), i.sliding = !1, setTimeout(function () { 124 | i.$element.trigger("slid.bs.carousel") 125 | }, 0) 126 | }).emulateTransitionEnd(600) 127 | } else { 128 | if (this.$element.trigger(j), j.isDefaultPrevented()) return; 129 | d.removeClass("active"), e.addClass("active"), this.sliding = !1, this.$element.trigger("slid.bs.carousel") 130 | } 131 | return f && this.cycle(), this 132 | } 133 | }; 134 | var c = a.fn.carousel; 135 | a.fn.carousel = function (c) { 136 | return this.each(function () { 137 | var d = a(this), e = d.data("bs.carousel"), 138 | f = a.extend({}, b.DEFAULTS, d.data(), "object" == typeof c && c), 139 | g = "string" == typeof c ? c : f.slide; 140 | e || d.data("bs.carousel", e = new b(this, f)), "number" == typeof c ? e.to(c) : g ? e[g]() : f.interval && e.pause().cycle() 141 | }) 142 | }, a.fn.carousel.Constructor = b, a.fn.carousel.noConflict = function () { 143 | return a.fn.carousel = c, this 144 | }, a(document).on("click.bs.carousel.data-api", "[data-slide], [data-slide-to]", function (b) { 145 | var c, d = a(this), e = a(d.attr("data-target") || (c = d.attr("href")) && c.replace(/.*(?=#[^\s]+$)/, "")), 146 | f = a.extend({}, e.data(), d.data()), g = d.attr("data-slide-to"); 147 | g && (f.interval = !1), e.carousel(f), (g = d.attr("data-slide-to")) && e.data("bs.carousel").to(g), b.preventDefault() 148 | }), a(window).on("load", function () { 149 | a('[data-ride="carousel"]').each(function () { 150 | var b = a(this); 151 | b.carousel(b.data()) 152 | }) 153 | }) 154 | }(jQuery), +function (a) { 155 | "use strict"; 156 | var b = function (c, d) { 157 | this.$element = a(c), this.options = a.extend({}, b.DEFAULTS, d), this.transitioning = null, this.options.parent && (this.$parent = a(this.options.parent)), this.options.toggle && this.toggle() 158 | }; 159 | b.DEFAULTS = {toggle: !0}, b.prototype.dimension = function () { 160 | var a = this.$element.hasClass("width"); 161 | return a ? "width" : "height" 162 | }, b.prototype.show = function () { 163 | if (!this.transitioning && !this.$element.hasClass("in")) { 164 | var b = a.Event("show.bs.collapse"); 165 | if (this.$element.trigger(b), !b.isDefaultPrevented()) { 166 | var c = this.$parent && this.$parent.find("> .panel > .in"); 167 | if (c && c.length) { 168 | var d = c.data("bs.collapse"); 169 | if (d && d.transitioning) return; 170 | c.collapse("hide"), d || c.data("bs.collapse", null) 171 | } 172 | var e = this.dimension(); 173 | this.$element.removeClass("collapse").addClass("collapsing")[e](0), this.transitioning = 1; 174 | var f = function () { 175 | this.$element.removeClass("collapsing").addClass("in")[e]("auto"), this.transitioning = 0, this.$element.trigger("shown.bs.collapse") 176 | }; 177 | if (!a.support.transition) return f.call(this); 178 | var g = a.camelCase(["scroll", e].join("-")); 179 | this.$element.one(a.support.transition.end, a.proxy(f, this)).emulateTransitionEnd(350)[e](this.$element[0][g]) 180 | } 181 | } 182 | }, b.prototype.hide = function () { 183 | if (!this.transitioning && this.$element.hasClass("in")) { 184 | var b = a.Event("hide.bs.collapse"); 185 | if (this.$element.trigger(b), !b.isDefaultPrevented()) { 186 | var c = this.dimension(); 187 | this.$element[c](this.$element[c]())[0].offsetHeight, this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"), this.transitioning = 1; 188 | var d = function () { 189 | this.transitioning = 0, this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse") 190 | }; 191 | return a.support.transition ? (this.$element[c](0).one(a.support.transition.end, a.proxy(d, this)).emulateTransitionEnd(350), void 0) : d.call(this) 192 | } 193 | } 194 | }, b.prototype.toggle = function () { 195 | this[this.$element.hasClass("in") ? "hide" : "show"]() 196 | }; 197 | var c = a.fn.collapse; 198 | a.fn.collapse = function (c) { 199 | return this.each(function () { 200 | var d = a(this), e = d.data("bs.collapse"), 201 | f = a.extend({}, b.DEFAULTS, d.data(), "object" == typeof c && c); 202 | e || d.data("bs.collapse", e = new b(this, f)), "string" == typeof c && e[c]() 203 | }) 204 | }, a.fn.collapse.Constructor = b, a.fn.collapse.noConflict = function () { 205 | return a.fn.collapse = c, this 206 | }, a(document).on("click.bs.collapse.data-api", "[data-toggle=collapse]", function (b) { 207 | var c, d = a(this), 208 | e = d.attr("data-target") || b.preventDefault() || (c = d.attr("href")) && c.replace(/.*(?=#[^\s]+$)/, ""), 209 | f = a(e), g = f.data("bs.collapse"), h = g ? "toggle" : d.data(), i = d.attr("data-parent"), j = i && a(i); 210 | g && g.transitioning || (j && j.find('[data-toggle=collapse][data-parent="' + i + '"]').not(d).addClass("collapsed"), d[f.hasClass("in") ? "addClass" : "removeClass"]("collapsed")), f.collapse(h) 211 | }) 212 | }(jQuery), +function (a) { 213 | "use strict"; 214 | 215 | function b() { 216 | a(d).remove(), a(e).each(function (b) { 217 | var d = c(a(this)); 218 | d.hasClass("open") && (d.trigger(b = a.Event("hide.bs.dropdown")), b.isDefaultPrevented() || d.removeClass("open").trigger("hidden.bs.dropdown")) 219 | }) 220 | } 221 | 222 | function c(b) { 223 | var c = b.attr("data-target"); 224 | c || (c = b.attr("href"), c = c && /#/.test(c) && c.replace(/.*(?=#[^\s]*$)/, "")); 225 | var d = c && a(c); 226 | return d && d.length ? d : b.parent() 227 | } 228 | 229 | var d = ".dropdown-backdrop", e = "[data-toggle=dropdown]", f = function (b) { 230 | a(b).on("click.bs.dropdown", this.toggle) 231 | }; 232 | f.prototype.toggle = function (d) { 233 | var e = a(this); 234 | if (!e.is(".disabled, :disabled")) { 235 | var f = c(e), g = f.hasClass("open"); 236 | if (b(), !g) { 237 | if ("ontouchstart" in document.documentElement && !f.closest(".navbar-nav").length && a('
').insertAfter(a(this)).on("click", b), f.trigger(d = a.Event("show.bs.dropdown")), d.isDefaultPrevented()) return; 238 | f.toggleClass("open").trigger("shown.bs.dropdown"), e.focus() 239 | } 240 | return !1 241 | } 242 | }, f.prototype.keydown = function (b) { 243 | if (/(38|40|27)/.test(b.keyCode)) { 244 | var d = a(this); 245 | if (b.preventDefault(), b.stopPropagation(), !d.is(".disabled, :disabled")) { 246 | var f = c(d), g = f.hasClass("open"); 247 | if (!g || g && 27 == b.keyCode) return 27 == b.which && f.find(e).focus(), d.click(); 248 | var h = a("[role=menu] li:not(.divider):visible a", f); 249 | if (h.length) { 250 | var i = h.index(h.filter(":focus")); 251 | 38 == b.keyCode && i > 0 && i--, 40 == b.keyCode && i < h.length - 1 && i++, ~i || (i = 0), h.eq(i).focus() 252 | } 253 | } 254 | } 255 | }; 256 | var g = a.fn.dropdown; 257 | a.fn.dropdown = function (b) { 258 | return this.each(function () { 259 | var c = a(this), d = c.data("bs.dropdown"); 260 | d || c.data("bs.dropdown", d = new f(this)), "string" == typeof b && d[b].call(c) 261 | }) 262 | }, a.fn.dropdown.Constructor = f, a.fn.dropdown.noConflict = function () { 263 | return a.fn.dropdown = g, this 264 | }, a(document).on("click.bs.dropdown.data-api", b).on("click.bs.dropdown.data-api", ".dropdown form", function (a) { 265 | a.stopPropagation() 266 | }).on("click.bs.dropdown.data-api", e, f.prototype.toggle).on("keydown.bs.dropdown.data-api", e + ", [role=menu]", f.prototype.keydown) 267 | }(jQuery), +function (a) { 268 | "use strict"; 269 | var b = function (b, c) { 270 | this.options = c, this.$element = a(b), this.$backdrop = this.isShown = null, this.options.remote && this.$element.load(this.options.remote) 271 | }; 272 | b.DEFAULTS = {backdrop: !0, keyboard: !0, show: !0}, b.prototype.toggle = function (a) { 273 | return this[this.isShown ? "hide" : "show"](a) 274 | }, b.prototype.show = function (b) { 275 | var c = this, d = a.Event("show.bs.modal", {relatedTarget: b}); 276 | this.$element.trigger(d), this.isShown || d.isDefaultPrevented() || (this.isShown = !0, this.escape(), this.$element.on("click.dismiss.modal", '[data-dismiss="modal"]', a.proxy(this.hide, this)), this.backdrop(function () { 277 | var d = a.support.transition && c.$element.hasClass("fade"); 278 | c.$element.parent().length || c.$element.appendTo(document.body), c.$element.show(), d && c.$element[0].offsetWidth, c.$element.addClass("in").attr("aria-hidden", !1), c.enforceFocus(); 279 | var e = a.Event("shown.bs.modal", {relatedTarget: b}); 280 | d ? c.$element.find(".modal-dialog").one(a.support.transition.end, function () { 281 | c.$element.focus().trigger(e) 282 | }).emulateTransitionEnd(300) : c.$element.focus().trigger(e) 283 | })) 284 | }, b.prototype.hide = function (b) { 285 | b && b.preventDefault(), b = a.Event("hide.bs.modal"), this.$element.trigger(b), this.isShown && !b.isDefaultPrevented() && (this.isShown = !1, this.escape(), a(document).off("focusin.bs.modal"), this.$element.removeClass("in").attr("aria-hidden", !0).off("click.dismiss.modal"), a.support.transition && this.$element.hasClass("fade") ? this.$element.one(a.support.transition.end, a.proxy(this.hideModal, this)).emulateTransitionEnd(300) : this.hideModal()) 286 | }, b.prototype.enforceFocus = function () { 287 | a(document).off("focusin.bs.modal").on("focusin.bs.modal", a.proxy(function (a) { 288 | this.$element[0] === a.target || this.$element.has(a.target).length || this.$element.focus() 289 | }, this)) 290 | }, b.prototype.escape = function () { 291 | this.isShown && this.options.keyboard ? this.$element.on("keyup.dismiss.bs.modal", a.proxy(function (a) { 292 | 27 == a.which && this.hide() 293 | }, this)) : this.isShown || this.$element.off("keyup.dismiss.bs.modal") 294 | }, b.prototype.hideModal = function () { 295 | var a = this; 296 | this.$element.hide(), this.backdrop(function () { 297 | a.removeBackdrop(), a.$element.trigger("hidden.bs.modal") 298 | }) 299 | }, b.prototype.removeBackdrop = function () { 300 | this.$backdrop && this.$backdrop.remove(), this.$backdrop = null 301 | }, b.prototype.backdrop = function (b) { 302 | var c = this.$element.hasClass("fade") ? "fade" : ""; 303 | if (this.isShown && this.options.backdrop) { 304 | var d = a.support.transition && c; 305 | if (this.$backdrop = a('
').appendTo(document.body), this.$element.on("click.dismiss.modal", a.proxy(function (a) { 306 | a.target === a.currentTarget && ("static" == this.options.backdrop ? this.$element[0].focus.call(this.$element[0]) : this.hide.call(this)) 307 | }, this)), d && this.$backdrop[0].offsetWidth, this.$backdrop.addClass("in"), !b) return; 308 | d ? this.$backdrop.one(a.support.transition.end, b).emulateTransitionEnd(150) : b() 309 | } else !this.isShown && this.$backdrop ? (this.$backdrop.removeClass("in"), a.support.transition && this.$element.hasClass("fade") ? this.$backdrop.one(a.support.transition.end, b).emulateTransitionEnd(150) : b()) : b && b() 310 | }; 311 | var c = a.fn.modal; 312 | a.fn.modal = function (c, d) { 313 | return this.each(function () { 314 | var e = a(this), f = e.data("bs.modal"), g = a.extend({}, b.DEFAULTS, e.data(), "object" == typeof c && c); 315 | f || e.data("bs.modal", f = new b(this, g)), "string" == typeof c ? f[c](d) : g.show && f.show(d) 316 | }) 317 | }, a.fn.modal.Constructor = b, a.fn.modal.noConflict = function () { 318 | return a.fn.modal = c, this 319 | }, a(document).on("click.bs.modal.data-api", '[data-toggle="modal"]', function (b) { 320 | var c = a(this), d = c.attr("href"), e = a(c.attr("data-target") || d && d.replace(/.*(?=#[^\s]+$)/, "")), 321 | f = e.data("modal") ? "toggle" : a.extend({remote: !/#/.test(d) && d}, e.data(), c.data()); 322 | b.preventDefault(), e.modal(f, this).one("hide", function () { 323 | c.is(":visible") && c.focus() 324 | }) 325 | }), a(document).on("show.bs.modal", ".modal", function () { 326 | a(document.body).addClass("modal-open") 327 | }).on("hidden.bs.modal", ".modal", function () { 328 | a(document.body).removeClass("modal-open") 329 | }) 330 | }(jQuery), +function (a) { 331 | "use strict"; 332 | var b = function (a, b) { 333 | this.type = this.options = this.enabled = this.timeout = this.hoverState = this.$element = null, this.init("tooltip", a, b) 334 | }; 335 | b.DEFAULTS = { 336 | animation: !0, 337 | placement: "top", 338 | selector: !1, 339 | template: '
', 340 | trigger: "hover focus", 341 | title: "", 342 | delay: 0, 343 | html: !1, 344 | container: !1 345 | }, b.prototype.init = function (b, c, d) { 346 | this.enabled = !0, this.type = b, this.$element = a(c), this.options = this.getOptions(d); 347 | for (var e = this.options.trigger.split(" "), f = e.length; f--;) { 348 | var g = e[f]; 349 | if ("click" == g) this.$element.on("click." + this.type, this.options.selector, a.proxy(this.toggle, this)); else if ("manual" != g) { 350 | var h = "hover" == g ? "mouseenter" : "focus", i = "hover" == g ? "mouseleave" : "blur"; 351 | this.$element.on(h + "." + this.type, this.options.selector, a.proxy(this.enter, this)), this.$element.on(i + "." + this.type, this.options.selector, a.proxy(this.leave, this)) 352 | } 353 | } 354 | this.options.selector ? this._options = a.extend({}, this.options, { 355 | trigger: "manual", 356 | selector: "" 357 | }) : this.fixTitle() 358 | }, b.prototype.getDefaults = function () { 359 | return b.DEFAULTS 360 | }, b.prototype.getOptions = function (b) { 361 | return b = a.extend({}, this.getDefaults(), this.$element.data(), b), b.delay && "number" == typeof b.delay && (b.delay = { 362 | show: b.delay, 363 | hide: b.delay 364 | }), b 365 | }, b.prototype.getDelegateOptions = function () { 366 | var b = {}, c = this.getDefaults(); 367 | return this._options && a.each(this._options, function (a, d) { 368 | c[a] != d && (b[a] = d) 369 | }), b 370 | }, b.prototype.enter = function (b) { 371 | var c = b instanceof this.constructor ? b : a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs." + this.type); 372 | return clearTimeout(c.timeout), c.hoverState = "in", c.options.delay && c.options.delay.show ? (c.timeout = setTimeout(function () { 373 | "in" == c.hoverState && c.show() 374 | }, c.options.delay.show), void 0) : c.show() 375 | }, b.prototype.leave = function (b) { 376 | var c = b instanceof this.constructor ? b : a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs." + this.type); 377 | return clearTimeout(c.timeout), c.hoverState = "out", c.options.delay && c.options.delay.hide ? (c.timeout = setTimeout(function () { 378 | "out" == c.hoverState && c.hide() 379 | }, c.options.delay.hide), void 0) : c.hide() 380 | }, b.prototype.show = function () { 381 | var b = a.Event("show.bs." + this.type); 382 | if (this.hasContent() && this.enabled) { 383 | if (this.$element.trigger(b), b.isDefaultPrevented()) return; 384 | var c = this.tip(); 385 | this.setContent(), this.options.animation && c.addClass("fade"); 386 | var d = "function" == typeof this.options.placement ? this.options.placement.call(this, c[0], this.$element[0]) : this.options.placement, 387 | e = /\s?auto?\s?/i, f = e.test(d); 388 | f && (d = d.replace(e, "") || "top"), c.detach().css({ 389 | top: 0, 390 | left: 0, 391 | display: "block" 392 | }).addClass(d), this.options.container ? c.appendTo(this.options.container) : c.insertAfter(this.$element); 393 | var g = this.getPosition(), h = c[0].offsetWidth, i = c[0].offsetHeight; 394 | if (f) { 395 | var j = this.$element.parent(), k = d, 396 | l = document.documentElement.scrollTop || document.body.scrollTop, 397 | m = "body" == this.options.container ? window.innerWidth : j.outerWidth(), 398 | n = "body" == this.options.container ? window.innerHeight : j.outerHeight(), 399 | o = "body" == this.options.container ? 0 : j.offset().left; 400 | d = "bottom" == d && g.top + g.height + i - l > n ? "top" : "top" == d && g.top - l - i < 0 ? "bottom" : "right" == d && g.right + h > m ? "left" : "left" == d && g.left - h < o ? "right" : d, c.removeClass(k).addClass(d) 401 | } 402 | var p = this.getCalculatedOffset(d, g, h, i); 403 | this.applyPlacement(p, d), this.$element.trigger("shown.bs." + this.type) 404 | } 405 | }, b.prototype.applyPlacement = function (a, b) { 406 | var c, d = this.tip(), e = d[0].offsetWidth, f = d[0].offsetHeight, g = parseInt(d.css("margin-top"), 10), 407 | h = parseInt(d.css("margin-left"), 10); 408 | isNaN(g) && (g = 0), isNaN(h) && (h = 0), a.top = a.top + g, a.left = a.left + h, d.offset(a).addClass("in"); 409 | var i = d[0].offsetWidth, j = d[0].offsetHeight; 410 | if ("top" == b && j != f && (c = !0, a.top = a.top + f - j), /bottom|top/.test(b)) { 411 | var k = 0; 412 | a.left < 0 && (k = -2 * a.left, a.left = 0, d.offset(a), i = d[0].offsetWidth, j = d[0].offsetHeight), this.replaceArrow(k - e + i, i, "left") 413 | } else this.replaceArrow(j - f, j, "top"); 414 | c && d.offset(a) 415 | }, b.prototype.replaceArrow = function (a, b, c) { 416 | this.arrow().css(c, a ? 50 * (1 - a / b) + "%" : "") 417 | }, b.prototype.setContent = function () { 418 | var a = this.tip(), b = this.getTitle(); 419 | a.find(".tooltip-inner")[this.options.html ? "html" : "text"](b), a.removeClass("fade in top bottom left right") 420 | }, b.prototype.hide = function () { 421 | function b() { 422 | "in" != c.hoverState && d.detach() 423 | } 424 | 425 | var c = this, d = this.tip(), e = a.Event("hide.bs." + this.type); 426 | return this.$element.trigger(e), e.isDefaultPrevented() ? void 0 : (d.removeClass("in"), a.support.transition && this.$tip.hasClass("fade") ? d.one(a.support.transition.end, b).emulateTransitionEnd(150) : b(), this.$element.trigger("hidden.bs." + this.type), this) 427 | }, b.prototype.fixTitle = function () { 428 | var a = this.$element; 429 | (a.attr("title") || "string" != typeof a.attr("data-original-title")) && a.attr("data-original-title", a.attr("title") || "").attr("title", "") 430 | }, b.prototype.hasContent = function () { 431 | return this.getTitle() 432 | }, b.prototype.getPosition = function () { 433 | var b = this.$element[0]; 434 | return a.extend({}, "function" == typeof b.getBoundingClientRect ? b.getBoundingClientRect() : { 435 | width: b.offsetWidth, 436 | height: b.offsetHeight 437 | }, this.$element.offset()) 438 | }, b.prototype.getCalculatedOffset = function (a, b, c, d) { 439 | return "bottom" == a ? { 440 | top: b.top + b.height, 441 | left: b.left + b.width / 2 - c / 2 442 | } : "top" == a ? { 443 | top: b.top - d, 444 | left: b.left + b.width / 2 - c / 2 445 | } : "left" == a ? {top: b.top + b.height / 2 - d / 2, left: b.left - c} : { 446 | top: b.top + b.height / 2 - d / 2, 447 | left: b.left + b.width 448 | } 449 | }, b.prototype.getTitle = function () { 450 | var a, b = this.$element, c = this.options; 451 | return a = b.attr("data-original-title") || ("function" == typeof c.title ? c.title.call(b[0]) : c.title) 452 | }, b.prototype.tip = function () { 453 | return this.$tip = this.$tip || a(this.options.template) 454 | }, b.prototype.arrow = function () { 455 | return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") 456 | }, b.prototype.validate = function () { 457 | this.$element[0].parentNode || (this.hide(), this.$element = null, this.options = null) 458 | }, b.prototype.enable = function () { 459 | this.enabled = !0 460 | }, b.prototype.disable = function () { 461 | this.enabled = !1 462 | }, b.prototype.toggleEnabled = function () { 463 | this.enabled = !this.enabled 464 | }, b.prototype.toggle = function (b) { 465 | var c = b ? a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs." + this.type) : this; 466 | c.tip().hasClass("in") ? c.leave(c) : c.enter(c) 467 | }, b.prototype.destroy = function () { 468 | this.hide().$element.off("." + this.type).removeData("bs." + this.type) 469 | }; 470 | var c = a.fn.tooltip; 471 | a.fn.tooltip = function (c) { 472 | return this.each(function () { 473 | var d = a(this), e = d.data("bs.tooltip"), f = "object" == typeof c && c; 474 | e || d.data("bs.tooltip", e = new b(this, f)), "string" == typeof c && e[c]() 475 | }) 476 | }, a.fn.tooltip.Constructor = b, a.fn.tooltip.noConflict = function () { 477 | return a.fn.tooltip = c, this 478 | } 479 | }(jQuery), +function (a) { 480 | "use strict"; 481 | var b = function (a, b) { 482 | this.init("popover", a, b) 483 | }; 484 | if (!a.fn.tooltip) throw new Error("Popover requires tooltip.js"); 485 | b.DEFAULTS = a.extend({}, a.fn.tooltip.Constructor.DEFAULTS, { 486 | placement: "right", 487 | trigger: "click", 488 | content: "", 489 | template: '

' 490 | }), b.prototype = a.extend({}, a.fn.tooltip.Constructor.prototype), b.prototype.constructor = b, b.prototype.getDefaults = function () { 491 | return b.DEFAULTS 492 | }, b.prototype.setContent = function () { 493 | var a = this.tip(), b = this.getTitle(), c = this.getContent(); 494 | a.find(".popover-title")[this.options.html ? "html" : "text"](b), a.find(".popover-content")[this.options.html ? "html" : "text"](c), a.removeClass("fade top bottom left right in"), a.find(".popover-title").html() || a.find(".popover-title").hide() 495 | }, b.prototype.hasContent = function () { 496 | return this.getTitle() || this.getContent() 497 | }, b.prototype.getContent = function () { 498 | var a = this.$element, b = this.options; 499 | return a.attr("data-content") || ("function" == typeof b.content ? b.content.call(a[0]) : b.content) 500 | }, b.prototype.arrow = function () { 501 | return this.$arrow = this.$arrow || this.tip().find(".arrow") 502 | }, b.prototype.tip = function () { 503 | return this.$tip || (this.$tip = a(this.options.template)), this.$tip 504 | }; 505 | var c = a.fn.popover; 506 | a.fn.popover = function (c) { 507 | return this.each(function () { 508 | var d = a(this), e = d.data("bs.popover"), f = "object" == typeof c && c; 509 | e || d.data("bs.popover", e = new b(this, f)), "string" == typeof c && e[c]() 510 | }) 511 | }, a.fn.popover.Constructor = b, a.fn.popover.noConflict = function () { 512 | return a.fn.popover = c, this 513 | } 514 | }(jQuery), +function (a) { 515 | "use strict"; 516 | 517 | function b(c, d) { 518 | var e, f = a.proxy(this.process, this); 519 | this.$element = a(c).is("body") ? a(window) : a(c), this.$body = a("body"), this.$scrollElement = this.$element.on("scroll.bs.scroll-spy.data-api", f), this.options = a.extend({}, b.DEFAULTS, d), this.selector = (this.options.target || (e = a(c).attr("href")) && e.replace(/.*(?=#[^\s]+$)/, "") || "") + " .nav li > a", this.offsets = a([]), this.targets = a([]), this.activeTarget = null, this.refresh(), this.process() 520 | } 521 | 522 | b.DEFAULTS = {offset: 10}, b.prototype.refresh = function () { 523 | var b = this.$element[0] == window ? "offset" : "position"; 524 | this.offsets = a([]), this.targets = a([]); 525 | var c = this; 526 | this.$body.find(this.selector).map(function () { 527 | var d = a(this), e = d.data("target") || d.attr("href"), f = /^#\w/.test(e) && a(e); 528 | return f && f.length && [[f[b]().top + (!a.isWindow(c.$scrollElement.get(0)) && c.$scrollElement.scrollTop()), e]] || null 529 | }).sort(function (a, b) { 530 | return a[0] - b[0] 531 | }).each(function () { 532 | c.offsets.push(this[0]), c.targets.push(this[1]) 533 | }) 534 | }, b.prototype.process = function () { 535 | var a, b = this.$scrollElement.scrollTop() + this.options.offset, 536 | c = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight, d = c - this.$scrollElement.height(), 537 | e = this.offsets, f = this.targets, g = this.activeTarget; 538 | if (b >= d) return g != (a = f.last()[0]) && this.activate(a); 539 | for (a = e.length; a--;) g != f[a] && b >= e[a] && (!e[a + 1] || b <= e[a + 1]) && this.activate(f[a]) 540 | }, b.prototype.activate = function (b) { 541 | this.activeTarget = b, a(this.selector).parents(".active").removeClass("active"); 542 | var c = this.selector + '[data-target="' + b + '"],' + this.selector + '[href="' + b + '"]', 543 | d = a(c).parents("li").addClass("active"); 544 | d.parent(".dropdown-menu").length && (d = d.closest("li.dropdown").addClass("active")), d.trigger("activate.bs.scrollspy") 545 | }; 546 | var c = a.fn.scrollspy; 547 | a.fn.scrollspy = function (c) { 548 | return this.each(function () { 549 | var d = a(this), e = d.data("bs.scrollspy"), f = "object" == typeof c && c; 550 | e || d.data("bs.scrollspy", e = new b(this, f)), "string" == typeof c && e[c]() 551 | }) 552 | }, a.fn.scrollspy.Constructor = b, a.fn.scrollspy.noConflict = function () { 553 | return a.fn.scrollspy = c, this 554 | }, a(window).on("load", function () { 555 | a('[data-spy="scroll"]').each(function () { 556 | var b = a(this); 557 | b.scrollspy(b.data()) 558 | }) 559 | }) 560 | }(jQuery), +function (a) { 561 | "use strict"; 562 | var b = function (b) { 563 | this.element = a(b) 564 | }; 565 | b.prototype.show = function () { 566 | var b = this.element, c = b.closest("ul:not(.dropdown-menu)"), d = b.data("target"); 567 | if (d || (d = b.attr("href"), d = d && d.replace(/.*(?=#[^\s]*$)/, "")), !b.parent("li").hasClass("active")) { 568 | var e = c.find(".active:last a")[0], f = a.Event("show.bs.tab", {relatedTarget: e}); 569 | if (b.trigger(f), !f.isDefaultPrevented()) { 570 | var g = a(d); 571 | this.activate(b.parent("li"), c), this.activate(g, g.parent(), function () { 572 | b.trigger({type: "shown.bs.tab", relatedTarget: e}) 573 | }) 574 | } 575 | } 576 | }, b.prototype.activate = function (b, c, d) { 577 | function e() { 578 | f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"), b.addClass("active"), g ? (b[0].offsetWidth, b.addClass("in")) : b.removeClass("fade"), b.parent(".dropdown-menu") && b.closest("li.dropdown").addClass("active"), d && d() 579 | } 580 | 581 | var f = c.find("> .active"), g = d && a.support.transition && f.hasClass("fade"); 582 | g ? f.one(a.support.transition.end, e).emulateTransitionEnd(150) : e(), f.removeClass("in") 583 | }; 584 | var c = a.fn.tab; 585 | a.fn.tab = function (c) { 586 | return this.each(function () { 587 | var d = a(this), e = d.data("bs.tab"); 588 | e || d.data("bs.tab", e = new b(this)), "string" == typeof c && e[c]() 589 | }) 590 | }, a.fn.tab.Constructor = b, a.fn.tab.noConflict = function () { 591 | return a.fn.tab = c, this 592 | }, a(document).on("click.bs.tab.data-api", '[data-toggle="tab"], [data-toggle="pill"]', function (b) { 593 | b.preventDefault(), a(this).tab("show") 594 | }) 595 | }(jQuery), +function (a) { 596 | "use strict"; 597 | var b = function (c, d) { 598 | this.options = a.extend({}, b.DEFAULTS, d), this.$window = a(window).on("scroll.bs.affix.data-api", a.proxy(this.checkPosition, this)).on("click.bs.affix.data-api", a.proxy(this.checkPositionWithEventLoop, this)), this.$element = a(c), this.affixed = this.unpin = null, this.checkPosition() 599 | }; 600 | b.RESET = "affix affix-top affix-bottom", b.DEFAULTS = {offset: 0}, b.prototype.checkPositionWithEventLoop = function () { 601 | setTimeout(a.proxy(this.checkPosition, this), 1) 602 | }, b.prototype.checkPosition = function () { 603 | if (this.$element.is(":visible")) { 604 | var c = a(document).height(), d = this.$window.scrollTop(), e = this.$element.offset(), 605 | f = this.options.offset, g = f.top, h = f.bottom; 606 | "object" != typeof f && (h = g = f), "function" == typeof g && (g = f.top()), "function" == typeof h && (h = f.bottom()); 607 | var i = null != this.unpin && d + this.unpin <= e.top ? !1 : null != h && e.top + this.$element.height() >= c - h ? "bottom" : null != g && g >= d ? "top" : !1; 608 | this.affixed !== i && (this.unpin && this.$element.css("top", ""), this.affixed = i, this.unpin = "bottom" == i ? e.top - d : null, this.$element.removeClass(b.RESET).addClass("affix" + (i ? "-" + i : "")), "bottom" == i && this.$element.offset({top: document.body.offsetHeight - h - this.$element.height()})) 609 | } 610 | }; 611 | var c = a.fn.affix; 612 | a.fn.affix = function (c) { 613 | return this.each(function () { 614 | var d = a(this), e = d.data("bs.affix"), f = "object" == typeof c && c; 615 | e || d.data("bs.affix", e = new b(this, f)), "string" == typeof c && e[c]() 616 | }) 617 | }, a.fn.affix.Constructor = b, a.fn.affix.noConflict = function () { 618 | return a.fn.affix = c, this 619 | }, a(window).on("load", function () { 620 | a('[data-spy="affix"]').each(function () { 621 | var b = a(this), c = b.data(); 622 | c.offset = c.offset || {}, c.offsetBottom && (c.offset.bottom = c.offsetBottom), c.offsetTop && (c.offset.top = c.offsetTop), b.affix(c) 623 | }) 624 | }) 625 | }(jQuery); -------------------------------------------------------------------------------- /static/js/contrib/webgl-detector.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author alteredq / http://alteredqualia.com/ 3 | * @author mr.doob / http://mrdoob.com/ 4 | */ 5 | 6 | var Detector = { 7 | 8 | canvas: !! window.CanvasRenderingContext2D, 9 | webgl: ( function () { try { var canvas = document.createElement( 'canvas' ); return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) ); } catch( e ) { return false; } } )(), 10 | workers: !! window.Worker, 11 | fileapi: window.File && window.FileReader && window.FileList && window.Blob, 12 | 13 | getWebGLErrorMessage: function () { 14 | 15 | var element = document.createElement( 'div' ); 16 | element.id = 'webgl-error-message'; 17 | element.style.fontFamily = 'monospace'; 18 | element.style.fontSize = '13px'; 19 | element.style.fontWeight = 'normal'; 20 | element.style.textAlign = 'center'; 21 | element.style.background = '#fff'; 22 | element.style.color = '#000'; 23 | element.style.padding = '1.5em'; 24 | element.style.width = '400px'; 25 | element.style.margin = '5em auto 0'; 26 | 27 | if ( ! this.webgl ) { 28 | 29 | element.innerHTML = window.WebGLRenderingContext ? [ 30 | 'Your graphics card does not seem to support WebGL.
', 31 | 'Find out how to get it here.' 32 | ].join( '\n' ) : [ 33 | 'Your browser does not seem to support WebGL.
', 34 | 'Find out how to get it here.' 35 | ].join( '\n' ); 36 | 37 | } 38 | 39 | return element; 40 | 41 | }, 42 | 43 | addGetWebGLMessage: function ( parameters ) { 44 | 45 | var parent, id, element; 46 | 47 | parameters = parameters || {}; 48 | 49 | parent = parameters.parent !== undefined ? parameters.parent : document.body; 50 | id = parameters.id !== undefined ? parameters.id : 'oldie'; 51 | 52 | element = Detector.getWebGLErrorMessage(); 53 | element.id = id; 54 | 55 | parent.appendChild( element ); 56 | 57 | } 58 | 59 | }; 60 | 61 | // browserify support 62 | if ( typeof module === 'object' ) { 63 | 64 | module.exports = Detector; 65 | 66 | } 67 | -------------------------------------------------------------------------------- /static/js/jquery.binarytransport.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * jquery.binarytransport.js 4 | * 5 | * @description. jQuery ajax transport for making binary data type requests. 6 | * @version 1.0 7 | * @author Henry Algus 8 | * 9 | */ 10 | 11 | // use this transport for "binary" data type 12 | $.ajaxTransport("+binary", function(options, originalOptions, jqXHR){ 13 | // check for conditions and support for blob / arraybuffer response type 14 | if (window.FormData && ((options.dataType && (options.dataType == 'binary')) || (options.data && ((window.ArrayBuffer && options.data instanceof ArrayBuffer) || (window.Blob && options.data instanceof Blob))))) 15 | { 16 | return { 17 | // create new XMLHttpRequest 18 | send: function(headers, callback){ 19 | // setup all variables 20 | var xhr = new XMLHttpRequest(), 21 | url = options.url, 22 | type = options.type, 23 | async = options.async || true, 24 | // blob or arraybuffer. Default is blob 25 | dataType = options.responseType || "blob", 26 | data = options.data || null, 27 | username = options.username || null, 28 | password = options.password || null; 29 | 30 | xhr.onload = function(){ 31 | var data = {}; 32 | data[options.dataType] = xhr.response; 33 | // make callback and send data 34 | callback(xhr.status, xhr.statusText, data, xhr.getAllResponseHeaders()); 35 | }; 36 | 37 | xhr.open(type, url); 38 | 39 | // setup custom headers 40 | for (var i in headers ) { 41 | xhr.setRequestHeader(i, headers[i] ); 42 | } 43 | 44 | if(options.onprogress) { 45 | xhr.onprogress = options.onprogress; 46 | } 47 | 48 | xhr.responseType = dataType; 49 | xhr.send(data); 50 | }, 51 | abort: function(){ 52 | jqXHR.abort(); 53 | } 54 | }; 55 | } 56 | }); 57 | -------------------------------------------------------------------------------- /static/js/load_pcd_file.js: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * Load a PCL .pcd file 4 | */ 5 | 6 | function loadPCDFile(uri, transform, vertices, colors, progress, success) 7 | { 8 | // Collect some statistics during loading (useful for pointcloud coloring) 9 | var stats = new Object(); 10 | 11 | stats.x = new Object(); 12 | stats.x.min = Infinity; 13 | stats.x.max = -Infinity; 14 | stats.x.dirty = false; 15 | 16 | stats.y = new Object(); 17 | stats.y.min = Infinity; 18 | stats.y.max = -Infinity; 19 | stats.y.dirty = false; 20 | 21 | stats.z = new Object(); 22 | stats.z.min = Infinity; 23 | stats.z.max = -Infinity; 24 | stats.z.dirty = false; 25 | 26 | stats.pcd = new Object(); 27 | 28 | var fields = []; 29 | var pointSize = 0; 30 | 31 | var numPoints = 0; 32 | 33 | var leftoverData = new Uint8Array(); 34 | var headerLine = ''; 35 | 36 | var STATE_HEADER = 0; 37 | var STATE_DATA_BINARY = 1; 38 | var parseState = STATE_HEADER; 39 | 40 | function handleHeaderLine(line) { 41 | 42 | // Ignore comments 43 | if(line.length == 0 || line[0] == '#') 44 | return; 45 | 46 | items = line.trim().split(' '); 47 | 48 | if(items.length < 2) 49 | return; 50 | switch(items[0]) { 51 | case 'VERSION': 52 | stats.pcd.version = items[1]; 53 | break; 54 | case 'FIELDS': 55 | for(var i = 1; i < items.length; ++i) 56 | { 57 | var field = new Object; 58 | field.name = items[i]; 59 | field.count = 1; 60 | fields.push(field); 61 | } 62 | break; 63 | case 'SIZE': 64 | for(var i = 1; i < items.length; ++i) 65 | { 66 | var size = parseInt(items[i]) 67 | fields[i-1].size = size; 68 | } 69 | break; 70 | case 'TYPE': 71 | for(var i = 1; i < items.length; ++i) 72 | { 73 | fields[i-1].type = items[i]; 74 | } 75 | break; 76 | case 'COUNT': 77 | for(var i = 1; i < items.length; ++i) 78 | { 79 | fields[i-1].count = parseInt(items[i]); 80 | } 81 | break; 82 | case 'WIDTH': 83 | stats.width = parseInt(items[1]); 84 | console.log(stats) 85 | break; 86 | case 'HEIGHT': 87 | stats.height = parseInt(items[1]); 88 | break; 89 | case 'VIEWPOINT': 90 | // TODO 91 | break; 92 | case 'POINTS': 93 | // redundant to width + height 94 | break; 95 | case 'DATA': 96 | // Calculate total size of one point in bytes 97 | for(var i = 0; i < fields.length; ++i) 98 | { 99 | var field = fields[i]; 100 | pointSize += field.count * field.size; 101 | 102 | switch(field.type) { 103 | case 'F': 104 | switch(field.size) { 105 | case 4: 106 | field.read = function(view, off) { return view.getFloat32(off, true); }; 107 | break; 108 | case 8: 109 | field.read = function(view, off) { return view.getFloat64(off, true); }; 110 | break; 111 | default: 112 | throw "Invalid float size"; 113 | } 114 | break; 115 | case 'I': 116 | switch(field.size) { 117 | case 1: 118 | field.read = function(view, off) { return view.getInt8(off, true); }; 119 | break; 120 | case 2: 121 | field.read = function(view, off) { return view.getInt16(off, true); }; 122 | break; 123 | case 4: 124 | field.read = function(view, off) { return view.getInt32(off, true); }; 125 | break; 126 | default: 127 | throw "Invalid int size"; 128 | } 129 | break; 130 | case 'U': 131 | switch(field.size) { 132 | case 1: 133 | field.read = function(view, off) { return view.getUint8(off, true); }; 134 | break; 135 | case 2: 136 | field.read = function(view, off) { return view.getUint16(off, true); }; 137 | break; 138 | case 4: 139 | field.read = function(view, off) { return view.getUint32(off, true); }; 140 | break; 141 | default: 142 | throw "Invalid uint size"; 143 | } 144 | break; 145 | } 146 | } 147 | console.log('PCD point size:', pointSize); 148 | 149 | // Pre-extend to width*height 150 | for(var i = 0; i < stats.width * stats.height; ++i) 151 | { 152 | vertices[i] = new THREE.Vector3(0, 0, 0); 153 | colors[i] = new THREE.Color(0); 154 | } 155 | 156 | switch(items[1]) { 157 | case 'ascii': 158 | alert('ASCII encoding is not supported at the moment'); 159 | break; 160 | case 'binary': 161 | parseState = STATE_DATA_BINARY; 162 | break; 163 | } 164 | break; 165 | default: 166 | console.warn('Unknown PCD header field:', items[0]); 167 | }; 168 | } 169 | 170 | function handleBinaryPointData(view, off) { 171 | function updateStats(v, stats) { 172 | if(v < stats.min) { 173 | stats.min = v - 0.3; 174 | stats.dirty = true; 175 | } 176 | if(v > stats.max) { 177 | stats.max = v + 0.3; 178 | stats.dirty = true; 179 | } 180 | } 181 | 182 | if(off + pointSize > view.buffer.byteLength) 183 | { 184 | console.log('Invalid point offset', off); 185 | return; 186 | } 187 | 188 | var vec = new THREE.Vector3(0.0, 0.0, 0.0); 189 | 190 | for(var i = 0; i < fields.length; ++i) 191 | { 192 | var field = fields[i]; 193 | 194 | for(var j = 0; j < field.count; ++j) 195 | { 196 | var value = field.read(view, off); 197 | off += field.size; 198 | 199 | switch(field.name) 200 | { 201 | case 'x': vec.x = value; break; 202 | case 'y': vec.y = value; break; 203 | case 'z': vec.z = value; break; 204 | } 205 | } 206 | } 207 | 208 | vec.applyMatrix4(transform); 209 | 210 | updateStats(vec.x, stats.x); 211 | updateStats(vec.y, stats.y); 212 | updateStats(vec.z, stats.z); 213 | 214 | if(vertices[numPoints] == undefined) 215 | console.log(off, view.buffer.byteLength, numPoints, vertices.length); 216 | 217 | vertices[numPoints] = vec; 218 | 219 | numPoints++; 220 | } 221 | 222 | function handleBinaryData(buffer, off) { 223 | var view = new DataView(buffer); 224 | 225 | // Process data left over from last chunk 226 | if(leftoverData.byteLength != 0 && leftoverData.length + buffer.byteLength >= pointSize) 227 | { 228 | var array = new Uint8Array(pointSize); 229 | array.set(leftoverData, 0); 230 | array.set(new Uint8Array(buffer.slice(off, off + pointSize - leftoverData.length)), leftoverData.length); 231 | var leftoverView = new DataView(array.buffer); 232 | handleBinaryPointData(leftoverView, 0); 233 | off += pointSize - leftoverData.length; 234 | leftoverData = new Uint8Array(0); 235 | } 236 | 237 | while(off + pointSize <= buffer.byteLength) 238 | { 239 | if(numPoints >= stats.width*stats.height) 240 | return; 241 | 242 | handleBinaryPointData(view, off); 243 | off += pointSize; 244 | } 245 | 246 | // Save any left over data 247 | var newleftover = new Uint8Array(leftoverData.length + buffer.byteLength - off); 248 | newleftover.set(leftoverData, 0); 249 | newleftover.set(new Uint8Array(buffer.slice(off, buffer.byteLength)), leftoverData.length); 250 | leftoverData = newleftover; 251 | } 252 | 253 | var lineBuffer = ""; 254 | 255 | function readHeaderLine(buffer, off) { 256 | var view = new DataView(buffer); 257 | 258 | for(; off < buffer.byteLength; ++off) { 259 | var c = view.getUint8(off); 260 | 261 | if(c == 10) // '\n' 262 | { 263 | handleHeaderLine(lineBuffer); 264 | lineBuffer = ""; 265 | return off + 1; 266 | } 267 | 268 | lineBuffer += String.fromCharCode(c); 269 | } 270 | 271 | return off; 272 | } 273 | 274 | function handleData(buffer, filesize) { 275 | stats.x.dirty = false; 276 | stats.y.dirty = false; 277 | stats.z.dirty = false; 278 | 279 | var off = 0; 280 | while(off < buffer.byteLength) 281 | { 282 | switch(parseState) 283 | { 284 | case STATE_HEADER: 285 | off = readHeaderLine(buffer, off); 286 | break; 287 | case STATE_DATA_BINARY: 288 | handleBinaryData(buffer, off); 289 | off = buffer.byteLength; 290 | break; 291 | } 292 | } 293 | 294 | progress(stats, numPoints); 295 | } 296 | 297 | // Start streaming 298 | streamURI(getUrlParameter('load'), { 299 | data: handleData, 300 | success: success 301 | }); 302 | } 303 | -------------------------------------------------------------------------------- /static/js/stream.js: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * Try to stream a file from a specified URI. 4 | * 5 | * In Chrome, this uses the fetch API with streaming. Firefox has a special 6 | * moz-chunked-arraybuffer XHR request. Other browsers will use multiple 7 | * requests using the Content-Range header. 8 | */ 9 | 10 | function checkXHRSupport(type) { 11 | var xhr = new XMLHttpRequest(); 12 | // If location.host is empty, e.g. if this page/worker was loaded 13 | // from a Blob, then use example.com to avoid an error 14 | xhr.open('GET', location.host ? '/' : 'https://example.com'); 15 | 16 | try { 17 | xhr.responseType = type; 18 | return xhr.responseType === type; 19 | } catch (e) {} 20 | 21 | return false; 22 | } 23 | 24 | function parseContentRange(str) { 25 | var matches; 26 | 27 | if (matches = str.match(/^(\w+) (\d+)-(\d+)\/(\d+|\*)/)) return { 28 | unit: matches[1], 29 | first: +matches[2], 30 | last: +matches[3], 31 | length: matches[4] === '*' ? null : +matches[4] 32 | }; 33 | 34 | if (matches = str.match(/^(\w+) \*\/(\d+|\*)/)) return { 35 | unit: matches[1], 36 | first: null, 37 | last: null, 38 | length: matches[2] === '*' ? null : +matches[2] 39 | }; 40 | 41 | return null; 42 | } 43 | 44 | function streamURI(uri, options) 45 | { 46 | var filesize = 0; 47 | var offset = 0; 48 | 49 | var CHUNK = options.chunk || (150 * 1024); // 150k = 10240 points 50 | 51 | function handleRangeArrayBuffer(buffer, status, xhr) { 52 | var contentRangeHeader = xhr.getResponseHeader('Content-Range'); 53 | if(contentRangeHeader != null) 54 | { 55 | var items = parseContentRange(contentRangeHeader); 56 | filesize = parseInt(items['length']); 57 | } 58 | 59 | options.data(buffer, filesize); 60 | offset += CHUNK; 61 | 62 | if(offset >= filesize) 63 | { 64 | if(options.success) 65 | options.success(); 66 | } 67 | else 68 | { 69 | $.ajax({ 70 | url: uri, 71 | type: 'GET', 72 | dataType: 'binary', 73 | processData: false, 74 | responseType: 'arraybuffer', 75 | headers: {Range: 'bytes=' + offset + '-' + (offset+CHUNK-1)}, 76 | success: handleRangeArrayBuffer 77 | }); 78 | } 79 | } 80 | 81 | if(typeof(fetch) == 'function' && typeof(ReadableByteStream) == 'function') 82 | { 83 | // Chrome 84 | 85 | fetch(uri, { 86 | method: 'GET', 87 | mode: 'same-origin', 88 | credentials: 'same-origin' 89 | }).then(function (response) { 90 | if(response.headers.has('Content-Length')) 91 | filesize = parseInt(response.headers.get('Content-Length')); 92 | 93 | var reader = response.body.getReader(); 94 | 95 | function pump(reader) { 96 | return new Promise(function (resolve, reject) { 97 | function pumpStep() { 98 | reader.read().then(function (result) { 99 | if (result.done) { 100 | if(options.success) 101 | options.success(); 102 | 103 | return; 104 | } 105 | 106 | options.data(result.value.buffer, filesize); 107 | 108 | pumpStep(reader); 109 | }); 110 | } 111 | pumpStep(); 112 | }); 113 | } 114 | 115 | pump(reader); 116 | }, function (reason) { 117 | console.log('fetch error', reason); 118 | }); 119 | } 120 | else if(checkXHRSupport('moz-chunked-arraybuffer')) 121 | { 122 | // Firefox 123 | 124 | $.ajax({ 125 | url: uri, 126 | type: 'GET', 127 | dataType: 'binary', 128 | processData: false, 129 | responseType: 'moz-chunked-arraybuffer', 130 | success: function() { 131 | if(options.success) 132 | options.success(); 133 | }, 134 | onprogress: function(e) { 135 | var contentLengthHeader = e.target.getResponseHeader('Content-Length'); 136 | if(contentLengthHeader != null) 137 | filesize = parseInt(contentLengthHeader); 138 | 139 | options.data(e.target.response, filesize); 140 | } 141 | }); 142 | } 143 | else 144 | { 145 | $.ajax({ 146 | url: uri, 147 | type: 'GET', 148 | dataType: 'binary', 149 | processData: false, 150 | responseType: 'arraybuffer', 151 | headers: {Range: 'bytes=' + offset + '-' + (offset+CHUNK-1)}, 152 | success: handleRangeArrayBuffer 153 | }); 154 | } 155 | } 156 | -------------------------------------------------------------------------------- /static/js/viewer.js: -------------------------------------------------------------------------------- 1 | // polyfill for String.endsWith 2 | if (!String.prototype.endsWith) { 3 | String.prototype.endsWith = function(searchString, position) { 4 | var subjectString = this.toString(); 5 | if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position > subjectString.length) { 6 | position = subjectString.length; 7 | } 8 | position -= searchString.length; 9 | var lastIndex = subjectString.indexOf(searchString, position); 10 | return lastIndex !== -1 && lastIndex === position; 11 | }; 12 | } 13 | 14 | function viewer(container, options) { 15 | 16 | var roll = options.roll || 0.0; 17 | var pitch = options.pitch || 0.0; 18 | var yaw = options.yaw || 0.0; 19 | var pointSize = options.pointSize || 0.45; 20 | var scene = null; 21 | var renderer = null; 22 | var camera = null; 23 | 24 | // Build a color from a scalar value 25 | function buildColor(v) { 26 | var pi = 3.141592; 27 | var r = Math.cos(v*2*pi + 0) * 0.5 + 0.5; 28 | var g = Math.cos(v*2*pi + 2) * 0.5 + 0.5; 29 | var b = Math.cos(v*2*pi + 4) * 0.5 + 0.5; 30 | 31 | return new THREE.Color(r, g, b); 32 | } 33 | 34 | // Draw the progressbar on the middle 35 | left = Math.round( (window.innerWidth - 400)/2 ); 36 | $("#progressbar-container").css("left",left + "px"); 37 | 38 | // Scene 39 | scene = new THREE.Scene(); 40 | scene.fog = new THREE.FogExp2(0x000000, 0.0009); 41 | 42 | // Camera 43 | camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 200000); 44 | 45 | // Detect webgl support 46 | if (!Detector.webgl) { 47 | $("#progressbar-container").hide(); 48 | Detector.addGetWebGLMessage(); 49 | return; 50 | } 51 | 52 | // The renderer 53 | renderer = new THREE.WebGLRenderer(); 54 | renderer.setSize(window.innerWidth,window.innerHeight -4); 55 | 56 | // Render the scene 57 | function render() { 58 | renderer.render(scene, camera); 59 | } 60 | 61 | // Setup controls 62 | var controls = new THREE.OrbitControls( camera ); 63 | controls.rotateSpeed = 0.5; 64 | controls.zoomSpeed = 2.0; 65 | controls.panSpeed = 0.5; 66 | controls.enableDamping = true; 67 | controls.dampingFactor = 0.3; 68 | controls.addEventListener('change', render); 69 | 70 | var geometry = new THREE.SphereGeometry( 4, 32, 32 ); 71 | var material = new THREE.MeshBasicMaterial({ 72 | color: 0xffff00, 73 | transparent: true, 74 | opacity: 0.5 75 | }); 76 | controls.visualizer = new THREE.Mesh( geometry, material ); 77 | controls.visualizer.visible = false; 78 | scene.add( controls.visualizer ); 79 | 80 | // Render loop 81 | function animate() { 82 | requestAnimationFrame(animate); 83 | controls.update(); 84 | } 85 | 86 | // Init the geometry 87 | var geometry = new THREE.Geometry(); 88 | var material = new THREE.PointsMaterial({size:pointSize, vertexColors:true}); 89 | var pointcloud = new THREE.Points(geometry, material); 90 | 91 | scene.add(pointcloud); 92 | 93 | // Add the canvas, render and animate 94 | container.append(renderer.domElement); 95 | 96 | // Load the pointcloud 97 | var colors = { 98 | x: { 99 | data: [], 100 | valid: 0 101 | }, 102 | y: { 103 | data: [], 104 | valid: 0 105 | }, 106 | z: { 107 | data: [], 108 | valid: 0 109 | }, 110 | }; 111 | 112 | var cname = getUrlParameter('color'); 113 | if(cname == undefined) 114 | cname = 'x'; 115 | 116 | function recomputeColorChannel(name, stats, numPoints) { 117 | stats = stats[name]; 118 | var data = colors[name].data; 119 | 120 | if(stats.min >= stats.max) 121 | { 122 | // Extend to vertices.length 123 | for(var i = data.length; i < geometry.vertices.length; ++i) 124 | data[i] = new THREE.Color(0.87, 0.87, 0.87); 125 | 126 | return; 127 | } 128 | 129 | var start = stats.dirty ? 0 : colors[name].valid; 130 | if(stats.dirty) 131 | console.log('color channel dirty'); 132 | 133 | for (var i=start; i < numPoints; i++) 134 | { 135 | var z = geometry.vertices[i][name]; 136 | t = (z-stats.min)/(stats.max-stats.min); 137 | if(isNaN(t)) 138 | { 139 | data[i] = new THREE.Color(0); 140 | continue; 141 | } 142 | data[i] = buildColor(t); 143 | } 144 | 145 | // Extend to vertices.length 146 | for(var i = numPoints; i < geometry.vertices.length; ++i) 147 | data[i] = new THREE.Color(0.87, 0.87, 0.87); 148 | 149 | colors[name].valid = numPoints; 150 | }; 151 | 152 | // Changes the color of the points 153 | function changeColor(color_mode) 154 | { 155 | console.log('Switching to color mode', color_mode); 156 | 157 | if(colors[color_mode].valid != geometry.vertices.length) 158 | { 159 | recomputeColorChannel(color_mode, finalStats, geometry.vertices.length); 160 | } 161 | 162 | pointcloud.geometry.colors = colors[color_mode].data; 163 | pointcloud.geometry.colorsNeedUpdate = true; 164 | } 165 | 166 | // Handle colors and pointsize 167 | function onKeyDown(evt) { 168 | // Increase/decrease point size 169 | if (evt.keyCode == 109) 170 | { 171 | pointcloud.material.size -= 0.01; 172 | pointcloud.material.needsUpdate = true; 173 | } 174 | 175 | if (evt.keyCode == 107) 176 | { 177 | pointcloud.material.size += 0.01; 178 | pointcloud.material.needsUpdate = true; 179 | } 180 | 181 | if (evt.keyCode == 49) changeColor('x'); 182 | if (evt.keyCode == 50) changeColor('y'); 183 | if (evt.keyCode == 51) changeColor('z'); 184 | 185 | render(); 186 | } 187 | 188 | var bufferSize = 0; 189 | var finalStats = null; 190 | 191 | var load = loadPCDFile; 192 | var filename = options.filename; 193 | 194 | var transform = new THREE.Matrix4(); 195 | 196 | var euler = new THREE.Euler(roll, pitch, yaw, 'XYZ'); 197 | transform.makeRotationFromEuler(euler); 198 | 199 | load(filename, transform, geometry.vertices, colors['x'].data, 200 | function(stats, numPoints) { 201 | colors['x'].valid = numPoints; 202 | finalStats = stats; 203 | 204 | recomputeColorChannel(cname, stats, numPoints); 205 | 206 | console.log('progress', numPoints); 207 | 208 | // If the geometry buffer size changed, we need to 209 | // recreate the geometry. 210 | if(geometry.vertices.length !== bufferSize) { 211 | scene.remove(pointcloud); 212 | pointcloud.geometry.dispose(); 213 | pointcloud.material.dispose(); 214 | 215 | var vertices = geometry.vertices; 216 | 217 | geometry = new THREE.Geometry(); 218 | geometry.dynamic = true; 219 | geometry.vertices = vertices; 220 | geometry.colors = colors[cname].data; 221 | 222 | pointcloud = new THREE.Points(geometry, material); 223 | scene.add(pointcloud); 224 | } 225 | else 226 | { 227 | geometry.verticesNeedUpdate = true; 228 | geometry.colorsNeedUpdate = true; 229 | } 230 | 231 | bufferSize = geometry.vertices.length; 232 | 233 | // linear moving input proper value(x,y) <=> position`s x,y target`s x,y 234 | camera.position.x = -150 235 | camera.position.y = -100 236 | camera.position.z = 450 237 | controls.target.set(-150, -100, 0); 238 | 239 | render(); 240 | }, 241 | function() { 242 | // Remove the progressbar 243 | $("#progressbar-container").hide(); 244 | $("#controls-browser").show(); 245 | 246 | changeColor('y'); 247 | render(); 248 | 249 | document.addEventListener("keydown", onKeyDown, false); 250 | } 251 | ); 252 | 253 | render(); 254 | animate(); 255 | } 256 | -------------------------------------------------------------------------------- /templates/viewer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pointcloud Viewer 7 | 8 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 65 | 66 |
67 | 73 | 74 |
75 |
3%
76 |
77 |
78 | 79 | 80 | 81 | --------------------------------------------------------------------------------