[ { "path": ".bowerrc", "content": "{\n \"directory\": \"app/bower_components\"\n}\n" }, { "path": ".editorconfig", "content": "# EditorConfig helps developers define and maintain consistent\n# coding styles between different editors and IDEs\n# editorconfig.org\n\nroot = false\n\n\n[*]\n\n# Change these settings to your own preference\nindent_style = space\nindent_size = 2\n\n# We recommend you to keep these unchanged\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\n\n[*.md]\ntrim_trailing_whitespace = false\n" }, { "path": ".gitattributes", "content": "* text=auto" }, { "path": ".gitignore", "content": "node_modules\ntemp\n.sass-cache\napp/bower_components\n.tmp/\ndist_desktop\n.DS_Store\ndist\n" }, { "path": "Gruntfile.js", "content": "'use strict';\nvar lrSnippet = require('grunt-contrib-livereload/lib/utils').livereloadSnippet;\nvar mountFolder = function (connect, dir) {\n return connect.static(require('path').resolve(dir));\n};\n\n// # Globbing\n// for performance reasons we're only matching one level down:\n// 'test/spec/{,*/}*.js'\n// use this if you want to match all subfolders:\n// 'test/spec/**/*.js'\n// templateFramework: 'lodash'\n\nmodule.exports = function (grunt) {\n // load all grunt tasks\n require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);\n\n // configurable paths\n var yeomanConfig = {\n app: 'app',\n dist: 'dist'\n };\n\n grunt.initConfig({\n yeoman: yeomanConfig,\n clean: {\n dist: ['.tmp', '<%= yeoman.dist %>/*'],\n server: '.tmp'\n },\n // This task uses James Burke's excellent r.js AMD builder to take all\n // modules and concatenate them into a single file.\n requirejs: {\n release: {\n options: {\n\n mainConfigFile: \"app/scripts/config.js\",\n\n include: [\"main\"],\n insertRequire: [\"main\"],\n\n out: \"dist/source.min.js\",\n optimize: \"uglify\",\n\n // Since we bootstrap with nested `require` calls this option allows\n // R.js to find them.\n findNestedDependencies: true,\n\n // Include a minimal AMD implementation shim.\n name: \"almond\",\n\n // Setting the base url to the distribution directory allows the\n // Uglify minification process to correctly map paths for Source\n // Maps.\n baseUrl: \"app/scripts\",\n\n // Wrap everything in an IIFE.\n wrap: true,\n\n // Do not preserve any license comments when working with source\n // maps. These options are incompatible.\n preserveLicenseComments: true\n }\n },\n customizer: {\n options: {\n\n mainConfigFile: \"app/scripts/config.js\",\n\n include: [\"customizer\"],\n insertRequire: [\"customizer\"],\n\n out: \"dist/customizer.min.js\",\n optimize: \"uglify\",\n findNestedDependencies: true,\n name: \"almond\",\n baseUrl: \"app/scripts\",\n wrap: true,\n preserveLicenseComments: true\n }\n }\n },\n imagemin: {\n dist: {\n files: [{\n expand: true,\n cwd: '<%= yeoman.app %>/images',\n src: '{,*/}*.{png,jpg,jpeg}',\n dest: '<%= yeoman.dist %>/images'\n }]\n },\n jqueryui: {\n files: [{\n expand: true,\n flatten: true,\n cwd: '<%= yeoman.app %>',\n src: 'bower_components/jquery.ui/themes/base/images/*.png',\n dest: '<%= yeoman.dist %>/images'\n }]\n }\n },\n cssmin: {\n dist: {\n files: {\n '<%= yeoman.dist %>/app.min.css': [\n '.tmp/styles/{,*/}*.css',\n '<%= yeoman.app %>/bower_components/jquery.ui/themes/base/*.css',\n '<%= yeoman.app %>/bower_components/components-font-awesome/css/font-awesome.min.css',\n '<%= yeoman.app %>/styles/bootstrap.css',\n\t\t\t'<%= yeoman.app %>/bower_components/CodeMirror/lib/codemirror.css',\n\t\t\t'<%= yeoman.app %>/bower_components/CodeMirror/addon/hint/show-hint.css',\n\t\t\t'<%= yeoman.app %>/styles/main.css',\n ],\n '<%= yeoman.dist %>/customizer.min.css': [\n '.tmp/styles/{,*/}*.css',\n '<%= yeoman.app %>/bower_components/jquery.ui/themes/base/*.css',\n '<%= yeoman.app %>/bower_components/components-font-awesome/css/font-awesome.min.css',\n '<%= yeoman.app %>/styles/bootstrap.css',\n '<%= yeoman.app %>/styles/main.css',\n '<%= yeoman.app %>/styles/customizer.css'\n ]\n }\n }\n },\n copy: {\n dist: {\n files: [{\n expand: true,\n dot: true,\n cwd: '<%= yeoman.app %>',\n dest: '<%= yeoman.dist %>',\n src: [\n '*.{ico,txt}',\n '.htaccess',\n '*.html',\n '*.json',\n 'images/{,*/}*.{webp,gif,png}',\n 'bower_components/jquery/jquery.js',\n 'bower_components/components-font-awesome/css/font-awesome.min.css',\n 'bower_components/components-font-awesome/fonts/*.{ttf,eot,svg,woff,otf}',\n 'scripts/lib/flood/*.js'\n ]\n }]\n },\n fonts: {\n files: [{\n expand: true,\n dot: true,\n flatten: true,\n cwd: '<%= yeoman.app %>',\n dest: '<%= yeoman.dist %>/fonts',\n src: [\n 'bower_components/components-font-awesome/fonts/*.{ttf,eot,svg,woff,otf}'\n ]\n }]\n }\n },\n bower: {\n all: {\n rjsConfig: '<%= yeoman.app %>/scripts/main.js'\n }\n },\n processhtml: {\n release: {\n files: {\n \"dist/app.html\": [\"app/app.html\"],\n \"dist/customizer.html\": [\"app/customizer.html\"]\n }\n }\n },\n nodewebkit: {\n options: {\n version: '0.8.1',\n build_dir: './dist_desktop', // Where the build version of my node-webkit app is saved\n mac: true, // We want to build it for mac\n win: true, // We want to build it for win\n linux32: false, // We don't need linux32\n linux64: false // We don't need linux64\n },\n src: ['./dist/**'] // Your node-wekit app\n }\n });\n\n grunt.registerTask('build', [\n 'clean:dist',\n 'requirejs',\n 'imagemin',\n 'cssmin',\n 'copy',\n 'processhtml'\n ]);\n\n grunt.registerTask('desktop', [\n 'clean:dist',\n 'requirejs',\n 'imagemin',\n 'cssmin',\n 'copy',\n 'processhtml',\n 'nodewebkit'\n ]);\n\n grunt.registerTask('default', [\n 'build'\n ]);\n};\n" }, { "path": "LICENSE", "content": "The MIT License (MIT)\n\nCopyright (c) Peter Boyer 2013\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE." }, { "path": "README.md", "content": "![Image](https://raw.github.com/pboyer/flood/master/extra/screenshot.png) \n\n\n## flood\n\n### What is it?\n\nflood is a [dataflow](http://en.wikipedia.org/wiki/Dataflow_programming)-style visual programming language based on Scheme written in JavaScript. flood runs in a browser and as a standalone application on all platforms via [node-webkit](https://github.com/rogerwang/node-webkit). \n\n### Features\n\n* Constructive solid geometry - Cube, cylinder, sphere, union, intersect, subtract\n* Formula node - evaluate javascript in a node\n* Never save your work\n* Fast node library search\n* Undo/redo across user sessions\n* Copy/paste\n* Multiple workspaces\n* Async evaluation\n* Partial function application\n* \"Always on\" continuous execution\n\nflood, like early versions of [Dynamo](http://github.com/ikeough/Dynamo), is based on Scheme and thus has many of the features of that language. It uses a [lightweight scheme interpreter](http://github.com/pboyer/scheme.js) I wrote called scheme.js.\n\n### Getting started\n\nThe flood app is scaffolded with [Yeoman](http://yeoman.io/), uses [Grunt](http://gruntjs.com/) for task management and [Bower](http://bower.io/) for web package management. If you're not familiar with these tools, you should take a look at the docs and get them installed. \n\nflood uses [require.js](http://requirejs.org/) to manage dependencies between JavaScript files and [backbone.js](http://backbonejs.org/) to stick it all together. \n\nflood also has a server written in node.js that handles user authentication and model synchronization. \n\n#### Installing dependencies for the app\n\nTo install all of the dependencies for the flood app, run the following commands in the root directory:\n\n\tbower install\n\tnpm install\n\nThis will install all of the development dependencies for Grunt and all of the public dependencies with bower.\n\n#### Installing dependencies for the server\n\nTo install all of the node.js dependencies for the flood server, run the following commands in the \"server\" directory:\n\n\tnpm install\n\nYou will also need to install MongoDB and run an instance on port 27017, the default port for MongoDB. You can get MongoDB [here](http://www.mongodb.org/downloads).\n\n\n#### Running the server\n\nFor development, I recommend using the great nodemon tool:\n\n\tnpm install -g nodemon\n\nGo to the \"server\" directory and run:\n\n\tnodemon app.js\n\nYou can also run the server using:\n\n\tnode app.js\n\n\n#### Building for the web (outdated)\n\nThe entire app can be compressed into lightweight, minified, and concatenated css, js, and html files using Grunt:\n\n\tgrunt \n\n\n#### Building for the desktop\n\nflood can be used as a standalone application via node-webkit. Just do this:\n\n\tgrunt desktop\n\nThis will generate binaries for use on Mac and Windows in the dist_desktop folder.\n\n\n### License\n\nThe MIT License (MIT)\n\nCopyright (c) Peter Boyer 2014-2020\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n" }, { "path": "app/.htaccess", "content": "# Apache configuration file\n# httpd.apache.org/docs/2.2/mod/quickreference.html\n\n# Note .htaccess files are an overhead, this logic should be in your Apache\n# config if possible: httpd.apache.org/docs/2.2/howto/htaccess.html\n\n# Techniques in here adapted from all over, including:\n# Kroc Camen: camendesign.com/.htaccess\n# perishablepress.com/press/2006/01/10/stupid-htaccess-tricks/\n# Sample .htaccess file of CMS MODx: modxcms.com\n\n\n# ----------------------------------------------------------------------\n# Better website experience for IE users\n# ----------------------------------------------------------------------\n\n# Force the latest IE version, in various cases when it may fall back to IE7 mode\n# github.com/rails/rails/commit/123eb25#commitcomment-118920\n# Use ChromeFrame if it's installed for a better experience for the poor IE folk\n\n\n Header set X-UA-Compatible \"IE=Edge,chrome=1\"\n # mod_headers can't match by content-type, but we don't want to send this header on *everything*...\n \n Header unset X-UA-Compatible\n \n\n\n\n# ----------------------------------------------------------------------\n# Cross-domain AJAX requests\n# ----------------------------------------------------------------------\n\n# Serve cross-domain Ajax requests, disabled by default.\n# enable-cors.org\n# code.google.com/p/html5security/wiki/CrossOriginRequestSecurity\n\n# \n# Header set Access-Control-Allow-Origin \"*\"\n# \n\n\n# ----------------------------------------------------------------------\n# CORS-enabled images (@crossorigin)\n# ----------------------------------------------------------------------\n\n# Send CORS headers if browsers request them; enabled by default for images.\n# developer.mozilla.org/en/CORS_Enabled_Image\n# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html\n# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/\n# wiki.mozilla.org/Security/Reviews/crossoriginAttribute\n\n\n \n # mod_headers, y u no match by Content-Type?!\n \n SetEnvIf Origin \":\" IS_CORS\n Header set Access-Control-Allow-Origin \"*\" env=IS_CORS\n \n \n\n\n\n# ----------------------------------------------------------------------\n# Webfont access\n# ----------------------------------------------------------------------\n\n# Allow access from all domains for webfonts.\n# Alternatively you could only whitelist your\n# subdomains like \"subdomain.example.com\".\n\n\n \n Header set Access-Control-Allow-Origin \"*\"\n \n\n\n\n# ----------------------------------------------------------------------\n# Proper MIME type for all files\n# ----------------------------------------------------------------------\n\n# JavaScript\n# Normalize to standard type (it's sniffed in IE anyways)\n# tools.ietf.org/html/rfc4329#section-7.2\nAddType application/javascript js jsonp\nAddType application/json json\n\n# Audio\nAddType audio/ogg oga ogg\nAddType audio/mp4 m4a f4a f4b\n\n# Video\nAddType video/ogg ogv\nAddType video/mp4 mp4 m4v f4v f4p\nAddType video/webm webm\nAddType video/x-flv flv\n\n# SVG\n# Required for svg webfonts on iPad\n# twitter.com/FontSquirrel/status/14855840545\nAddType image/svg+xml svg svgz\nAddEncoding gzip svgz\n\n# Webfonts\nAddType application/vnd.ms-fontobject eot\nAddType application/x-font-ttf ttf ttc\nAddType font/opentype otf\nAddType application/x-font-woff woff\n\n# Assorted types\nAddType image/x-icon ico\nAddType image/webp webp\nAddType text/cache-manifest appcache manifest\nAddType text/x-component htc\nAddType application/xml rss atom xml rdf\nAddType application/x-chrome-extension crx\nAddType application/x-opera-extension oex\nAddType application/x-xpinstall xpi\nAddType application/octet-stream safariextz\nAddType application/x-web-app-manifest+json webapp\nAddType text/x-vcard vcf\nAddType application/x-shockwave-flash swf\nAddType text/vtt vtt\n\n\n# ----------------------------------------------------------------------\n# Allow concatenation from within specific js and css files\n# ----------------------------------------------------------------------\n\n# e.g. Inside of script.combined.js you could have\n# \n# \n# and they would be included into this single file.\n\n# This is not in use in the boilerplate as it stands. You may\n# choose to use this technique if you do not have a build process.\n\n#\n# Options +Includes\n# AddOutputFilterByType INCLUDES application/javascript application/json\n# SetOutputFilter INCLUDES\n#\n\n#\n# Options +Includes\n# AddOutputFilterByType INCLUDES text/css\n# SetOutputFilter INCLUDES\n#\n\n\n# ----------------------------------------------------------------------\n# Gzip compression\n# ----------------------------------------------------------------------\n\n\n\n # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/\n \n \n SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\\s*,?\\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding\n RequestHeader append Accept-Encoding \"gzip,deflate\" env=HAVE_Accept-Encoding\n \n \n\n # HTML, TXT, CSS, JavaScript, JSON, XML, HTC:\n \n FilterDeclare COMPRESS\n FilterProvider COMPRESS DEFLATE resp=Content-Type $text/html\n FilterProvider COMPRESS DEFLATE resp=Content-Type $text/css\n FilterProvider COMPRESS DEFLATE resp=Content-Type $text/plain\n FilterProvider COMPRESS DEFLATE resp=Content-Type $text/xml\n FilterProvider COMPRESS DEFLATE resp=Content-Type $text/x-component\n FilterProvider COMPRESS DEFLATE resp=Content-Type $application/javascript\n FilterProvider COMPRESS DEFLATE resp=Content-Type $application/json\n FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xml\n FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xhtml+xml\n FilterProvider COMPRESS DEFLATE resp=Content-Type $application/rss+xml\n FilterProvider COMPRESS DEFLATE resp=Content-Type $application/atom+xml\n FilterProvider COMPRESS DEFLATE resp=Content-Type $application/vnd.ms-fontobject\n FilterProvider COMPRESS DEFLATE resp=Content-Type $image/svg+xml\n FilterProvider COMPRESS DEFLATE resp=Content-Type $image/x-icon\n FilterProvider COMPRESS DEFLATE resp=Content-Type $application/x-font-ttf\n FilterProvider COMPRESS DEFLATE resp=Content-Type $font/opentype\n FilterChain COMPRESS\n FilterProtocol COMPRESS DEFLATE change=yes;byteranges=no\n \n\n \n # Legacy versions of Apache\n AddOutputFilterByType DEFLATE text/html text/plain text/css application/json\n AddOutputFilterByType DEFLATE application/javascript\n AddOutputFilterByType DEFLATE text/xml application/xml text/x-component\n AddOutputFilterByType DEFLATE application/xhtml+xml application/rss+xml application/atom+xml\n AddOutputFilterByType DEFLATE image/x-icon image/svg+xml application/vnd.ms-fontobject application/x-font-ttf font/opentype\n \n\n\n\n\n# ----------------------------------------------------------------------\n# Expires headers (for better cache control)\n# ----------------------------------------------------------------------\n\n# These are pretty far-future expires headers.\n# They assume you control versioning with filename-based cache busting\n# Additionally, consider that outdated proxies may miscache\n# www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/\n\n# If you don't use filenames to version, lower the CSS and JS to something like\n# \"access plus 1 week\".\n\n\n ExpiresActive on\n\n# Perhaps better to whitelist expires rules? Perhaps.\n ExpiresDefault \"access plus 1 month\"\n\n# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)\n ExpiresByType text/cache-manifest \"access plus 0 seconds\"\n\n# Your document html\n ExpiresByType text/html \"access plus 0 seconds\"\n\n# Data\n ExpiresByType text/xml \"access plus 0 seconds\"\n ExpiresByType application/xml \"access plus 0 seconds\"\n ExpiresByType application/json \"access plus 0 seconds\"\n\n# Feed\n ExpiresByType application/rss+xml \"access plus 1 hour\"\n ExpiresByType application/atom+xml \"access plus 1 hour\"\n\n# Favicon (cannot be renamed)\n ExpiresByType image/x-icon \"access plus 1 week\"\n\n# Media: images, video, audio\n ExpiresByType image/gif \"access plus 1 month\"\n ExpiresByType image/png \"access plus 1 month\"\n ExpiresByType image/jpeg \"access plus 1 month\"\n ExpiresByType video/ogg \"access plus 1 month\"\n ExpiresByType audio/ogg \"access plus 1 month\"\n ExpiresByType video/mp4 \"access plus 1 month\"\n ExpiresByType video/webm \"access plus 1 month\"\n\n# HTC files (css3pie)\n ExpiresByType text/x-component \"access plus 1 month\"\n\n# Webfonts\n ExpiresByType application/x-font-ttf \"access plus 1 month\"\n ExpiresByType font/opentype \"access plus 1 month\"\n ExpiresByType application/x-font-woff \"access plus 1 month\"\n ExpiresByType image/svg+xml \"access plus 1 month\"\n ExpiresByType application/vnd.ms-fontobject \"access plus 1 month\"\n\n# CSS and JavaScript\n ExpiresByType text/css \"access plus 1 year\"\n ExpiresByType application/javascript \"access plus 1 year\"\n\n\n\n\n# ----------------------------------------------------------------------\n# Prevent mobile network providers from modifying your site\n# ----------------------------------------------------------------------\n\n# The following header prevents modification of your code over 3G on some\n# European providers.\n# This is the official 'bypass' suggested by O2 in the UK.\n\n# \n# Header set Cache-Control \"no-transform\"\n# \n\n\n# ----------------------------------------------------------------------\n# ETag removal\n# ----------------------------------------------------------------------\n\n# FileETag None is not enough for every server.\n\n Header unset ETag\n\n\n# Since we're sending far-future expires, we don't need ETags for\n# static content.\n# developer.yahoo.com/performance/rules.html#etags\nFileETag None\n\n\n# ----------------------------------------------------------------------\n# Stop screen flicker in IE on CSS rollovers\n# ----------------------------------------------------------------------\n\n# The following directives stop screen flicker in IE on CSS rollovers - in\n# combination with the \"ExpiresByType\" rules for images (see above).\n\n# BrowserMatch \"MSIE\" brokenvary=1\n# BrowserMatch \"Mozilla/4.[0-9]{2}\" brokenvary=1\n# BrowserMatch \"Opera\" !brokenvary\n# SetEnvIf brokenvary 1 force-no-vary\n\n\n# ----------------------------------------------------------------------\n# Set Keep-Alive Header\n# ----------------------------------------------------------------------\n\n# Keep-Alive allows the server to send multiple requests through one\n# TCP-connection. Be aware of possible disadvantages of this setting. Turn on\n# if you serve a lot of static content.\n\n# \n# Header set Connection Keep-Alive\n# \n\n\n# ----------------------------------------------------------------------\n# Cookie setting from iframes\n# ----------------------------------------------------------------------\n\n# Allow cookies to be set from iframes (for IE only)\n# If needed, specify a path or regex in the Location directive.\n\n# \n# Header set P3P \"policyref=\\\"/w3c/p3p.xml\\\", CP=\\\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\\\"\"\n# \n\n\n# ----------------------------------------------------------------------\n# Start rewrite engine\n# ----------------------------------------------------------------------\n\n# Turning on the rewrite engine is necessary for the following rules and\n# features. FollowSymLinks must be enabled for this to work.\n\n# Some cloud hosting services require RewriteBase to be set: goo.gl/HOcPN\n# If using the h5bp in a subdirectory, use `RewriteBase /foo` instead where\n# 'foo' is your directory.\n\n# If your web host doesn't allow the FollowSymlinks option, you may need to\n# comment it out and use `Options +SymLinksOfOwnerMatch`, but be aware of the\n# performance impact: http://goo.gl/Mluzd\n\n\n Options +FollowSymlinks\n# Options +SymLinksIfOwnerMatch\n Options +FollowSymlinks\n RewriteEngine On\n# RewriteBase /\n\n\n\n# ----------------------------------------------------------------------\n# Suppress or force the \"www.\" at the beginning of URLs\n# ----------------------------------------------------------------------\n\n# The same content should never be available under two different URLs -\n# especially not with and without \"www.\" at the beginning, since this can cause\n# SEO problems (duplicate content). That's why you should choose one of the\n# alternatives and redirect the other one.\n\n# By default option 1 (no \"www.\") is activated.\n# no-www.org/faq.php?q=class_b\n\n# If you'd prefer to use option 2, just comment out all option 1 lines\n# and uncomment option 2.\n\n# IMPORTANT: NEVER USE BOTH RULES AT THE SAME TIME!\n\n# ----------------------------------------------------------------------\n\n# Option 1:\n# Rewrite \"www.example.com -> example.com\".\n\n\n RewriteCond %{HTTPS} !=on\n RewriteCond %{HTTP_HOST} ^www\\.(.+)$ [NC]\n RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]\n\n\n# ----------------------------------------------------------------------\n\n# Option 2:\n# Rewrite \"example.com -> www.example.com\".\n# Be aware that the following rule might not be a good idea if you use \"real\"\n# subdomains for certain parts of your website.\n\n# \n# RewriteCond %{HTTPS} !=on\n# RewriteCond %{HTTP_HOST} !^www\\..+$ [NC]\n# RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]\n# \n\n\n# ----------------------------------------------------------------------\n# Built-in filename-based cache busting\n# ----------------------------------------------------------------------\n\n# If you're not using the build script to manage your filename version revving,\n# you might want to consider enabling this, which will route requests for\n# /css/style.20110203.css to /css/style.css\n\n# To understand why this is important and a better idea than all.css?v1231,\n# read: github.com/h5bp/html5-boilerplate/wiki/cachebusting\n\n# \n# RewriteCond %{REQUEST_FILENAME} !-f\n# RewriteCond %{REQUEST_FILENAME} !-d\n# RewriteRule ^(.+)\\.(\\d+)\\.(js|css|png|jpg|gif)$ $1.$3 [L]\n# \n\n\n# ----------------------------------------------------------------------\n# Prevent SSL cert warnings\n# ----------------------------------------------------------------------\n\n# Rewrite secure requests properly to prevent SSL cert warnings, e.g. prevent\n# https://www.example.com when your cert only allows https://secure.example.com\n\n# \n# RewriteCond %{SERVER_PORT} !^443\n# RewriteRule ^ https://example-domain-please-change-me.com%{REQUEST_URI} [R=301,L]\n# \n\n\n# ----------------------------------------------------------------------\n# Prevent 404 errors for non-existing redirected folders\n# ----------------------------------------------------------------------\n\n# without -MultiViews, Apache will give a 404 for a rewrite if a folder of the\n# same name does not exist.\n# webmasterworld.com/apache/3808792.htm\n\nOptions -MultiViews\n\n\n# ----------------------------------------------------------------------\n# Custom 404 page\n# ----------------------------------------------------------------------\n\n# You can add custom pages to handle 500 or 403 pretty easily, if you like.\n# If you are hosting your site in subdirectory, adjust this accordingly\n# e.g. ErrorDocument 404 /subdir/404.html\nErrorDocument 404 /404.html\n\n\n# ----------------------------------------------------------------------\n# UTF-8 encoding\n# ----------------------------------------------------------------------\n\n# Use UTF-8 encoding for anything served text/plain or text/html\nAddDefaultCharset utf-8\n\n# Force UTF-8 for a number of file formats\nAddCharset utf-8 .atom .css .js .json .rss .vtt .xml\n\n\n# ----------------------------------------------------------------------\n# A little more security\n# ----------------------------------------------------------------------\n\n# To avoid displaying the exact version number of Apache being used, add the\n# following to httpd.conf (it will not work in .htaccess):\n# ServerTokens Prod\n\n# \"-Indexes\" will have Apache block users from browsing folders without a\n# default document Usually you should leave this activated, because you\n# shouldn't allow everybody to surf through every folder on your server (which\n# includes rather private places like CMS system folders).\n\n Options -Indexes\n\n\n# Block access to \"hidden\" directories or files whose names begin with a\n# period. This includes directories used by version control systems such as\n# Subversion or Git.\n\n RewriteCond %{SCRIPT_FILENAME} -d [OR]\n RewriteCond %{SCRIPT_FILENAME} -f\n RewriteRule \"(^|/)\\.\" - [F]\n\n\n# Block access to backup and source files. These files may be left by some\n# text/html editors and pose a great security danger, when anyone can access\n# them.\n\n Order allow,deny\n Deny from all\n Satisfy All\n\n\n# If your server is not already configured as such, the following directive\n# should be uncommented in order to set PHP's register_globals option to OFF.\n# This closes a major security hole that is abused by most XSS (cross-site\n# scripting) attacks. For more information: http://php.net/register_globals\n#\n# IF REGISTER_GLOBALS DIRECTIVE CAUSES 500 INTERNAL SERVER ERRORS:\n#\n# Your server does not allow PHP directives to be set via .htaccess. In that\n# case you must make this change in your php.ini file instead. If you are\n# using a commercial web host, contact the administrators for assistance in\n# doing this. Not all servers allow local php.ini files, and they should\n# include all PHP configurations (not just this one), or you will effectively\n# reset everything to PHP defaults. Consult www.php.net for more detailed\n# information about setting PHP directives.\n\n# php_flag register_globals Off\n\n# Rename session cookie to something else, than PHPSESSID\n# php_value session.name sid\n\n# Disable magic quotes (This feature has been DEPRECATED as of PHP 5.3.0 and REMOVED as of PHP 5.4.0.)\n# php_flag magic_quotes_gpc Off\n\n# Do not show you are using PHP\n# Note: Move this line to php.ini since it won't work in .htaccess\n# php_flag expose_php Off\n\n# Level of log detail - log all errors\n# php_value error_reporting -1\n\n# Write errors to log file\n# php_flag log_errors On\n\n# Do not display errors in browser (production - Off, development - On)\n# php_flag display_errors Off\n\n# Do not display startup errors (production - Off, development - On)\n# php_flag display_startup_errors Off\n\n# Format errors in plain text\n# Note: Leave this setting 'On' for xdebug's var_dump() output\n# php_flag html_errors Off\n\n# Show multiple occurrence of error\n# php_flag ignore_repeated_errors Off\n\n# Show same errors from different sources\n# php_flag ignore_repeated_source Off\n\n# Size limit for error messages\n# php_value log_errors_max_len 1024\n\n# Don't precede error with string (doesn't accept empty string, use whitespace if you need)\n# php_value error_prepend_string \" \"\n\n# Don't prepend to error (doesn't accept empty string, use whitespace if you need)\n# php_value error_append_string \" \"\n\n# Increase cookie security\n\n php_value session.cookie_httponly true\n\n" }, { "path": "app/404.html", "content": "\n\n \n \n Page Not Found :(\n \n \n \n
\n

Not found :(

\n

Sorry, but the page you were trying to view does not exist.

\n

It looks like this was the result of either:

\n \n \n \n
\n \n\n" }, { "path": "app/app.html", "content": "\n\n\n\n \n \n \n \n Editor Beta - Flood\n \n \n\n \n \n \n \n \n\t\n \n \n\n \n\n \n \n \n\n
\n\n
\n \n
\n\n
\n \n
\n\n
\n
\n
    \n
  • Project
    • \n
  • Custom node
    • \n
\n
\n
\n\n
\n
\n \n Logout\n
\n
\n Workspaces\n
\n
\n \n
\n\n
\n
\n \n
\n
\n \n
\n\n
\n \n
\n
\n\n
\n\n
\n 3D \n
\n
\n\n
\n\n
\n\n
\n
flood
\n
flood
\n
\n\n
EDITOR
\n\n
\n
Wait for it...
\n
\n
\n\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n\n
\n\n
\n \n
\n

\n

Flood requires WebGL!

\n

\n It's also possible that WebGL is disabled in your browser or has failed to load. You'll need to use a \n web browser that supports WebGL to use Flood. \n

\n
\n\n
\n\n
\n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n\n \n\n \n\n \n \n \n \n\n \n\n\n\n" }, { "path": "app/customizer.html", "content": "\n\n\n\n \n \n \n \n Customizer - Flood\n \n \n\n \n \n \n \n \n \n \n\n \n\n \n \n \n\n
\n\n
\n
\n\n
\n
\n
\n
\n
\n\n
\n\n
Powered by FLOOD
\n\n
\n\n
\n
flood
\n
flood
\n
\n\n
EDITOR
\n\n \n
\n\n
\n \n
\n

\n

Requires WebGL!

\n

\n It's also possible that WebGL is disabled in your browser or has failed to load. You'll need to use a \n web browser that supports WebGL to use this app. \n

\n
\n\n
\n\n
\n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n \n \n \n\n \n\n\n\n" }, { "path": "app/index.html", "content": "\n\n\n\n \n \n \n \n Welcome - Flood\n \n \n\n \n \n\n \n\n \n \n \n \n
\n \n
\n \n
\n
flood
\n
flood
\n
\n\n
EDITOR
\n\n \n\n
\n\n
\n\n
\n
3D Modeling & Printing
\n
Visual Programming
\n
Cloud-Based
\n
\n\n
\n\n
\n
\n

Parametric solid modeling for 3D printing

\n

Flood beta is a parametric solid modeler in your browser. It provides:

\n
    \n
  • An intuitive, familiar modeling process
    • \n
  • Watertight meshes suitable for 3D printing
    • \n
  • STL export (accepted by Shapeways)
    • \n
\n

Further, because Flood is a fully-fledged programming language, you can create your own solid types\n and combine them however you want.\n

\n
\n
\n\n
\n \n
\n\n
\n\n
\n
\n \n
\n
\n
\n

Visual programming powered by HTML5

\n

Flood is a fully-fledged, open-source visual programming language. It includes:

\n
    \n
  • Custom nodes - Create your own nodes for reuse
    • \n
  • Write JavaScript inline in your nodes
    • \n
  • Functional programming - Map, filter, reduce
    • \n
\n

All execution is performed in a background thread in your browser, so Flood is responsive and safe.\n

\n
\n
\n\n
\n
\n \n
\n
\n
\n

No need to save

\n

\n Like most familiar cloud-based applications, you never have to save in Flood. Your work is\n automatically synced, and everytime you open the application you come right back \n to the state you were in before. \n

\n\n
    \n
  • Continuous autosave
    • \n
  • Undo-redo
    • \n
  • Come back to your previous session with zero effort
    • \n
\n

\n So feel free to come back to your work wherever \n and whenever you want!\n

\n
\n
\n
\n\n
\n\n
\n\n
\n

\n © 2014 Peter Boyer. Code licensed under the MIT License.\n

\n

\n Check it out on Github\n

\n

\n Follow me on Twitter\n

\n
\n \n \n\n \n\n \n\n \n\n\n\n" }, { "path": "app/package.json", "content": "{\n \"name\": \"flood\",\n \"version\": \"0.0.4\",\n \"description\": \"A visual programming language for JavaScript, based on Scheme\",\n \"main\": \"index.html\",\n \"window\": {\n \"toolbar\": false,\n \"frame\": true,\n \"width\": 1280,\n \"height\": 960\n }\n}\n" }, { "path": "app/robots.txt", "content": "# robotstxt.org\n\nUser-agent: *\n" }, { "path": "app/scripts/collections/Connections.js", "content": "define(['backbone', 'Connection'], function(Backbone, Connection) {\n\n\treturn Backbone.Collection.extend({\n\n\t\tmodel: Connection\n\n\t});\n\n});" }, { "path": "app/scripts/collections/Nodes.js", "content": "define(['backbone', 'Node'], function(Backbone, Node) {\n\n\treturn Backbone.Collection.extend({\n\n\t\tmodel: Node,\n\n\t\tinitialDragPositions: [],\n\n\t\ttoJSON: function(){\n\n\t\t\treturn this.models.map(function(x){\n\t\t\t\treturn x.serialize();\n\t\t\t});\n\n\t\t},\n\n\t\tselectAll: function() {\n\t\t\tthis.where({selected: false}).forEach( function(e){ e.set({selected: true}) } );\n\t\t},\n\t\t\n\t\tdeselectAll: function() {\n\t\t\tthis.where({selected: true}).forEach( function(e){ \n\t\t\t\t\te.set('selected', false);\n\t\t\t\t});\n\t\t},\n\n\t\tmoveSelected: function(offset, masterEle) {\n\t\t\tvar that = this;\n\t\t\tvar count = 0;\n\t\t\tthis.where({selected: true}).forEach( function(e, i){ \n\t\t\t\t\tif (e === masterEle) return;\n\t\t\t\t\tvar initialPos = that.initialDragPositions[count++];\n\t\t\t\t\te.set('position', [initialPos[0] + offset[0], initialPos[1] + offset[1]]);\n\t\t\t\t});\n\t\t},\n\n\t\tstartDragging: function(masterEle){\n\t\t\tthis.initialDragPositions = [];\n\t\t\tvar that = this;\n\t\t\tthis.where({selected: true}).forEach( function(e){ \n\t\t\t\t\tif (e === masterEle) return;\n\t\t\t\t\tthat.initialDragPositions.push(e.get('position'));\n\t\t\t\t});\n\t\t}\n\n\t});\n\n});\n\n" }, { "path": "app/scripts/collections/SearchElements.js", "content": "define(['backbone', 'SearchElement', 'FLOOD'], function(Backbone, SearchElement, FLOOD) {\n\n\treturn Backbone.Collection.extend({\n\n\t\tmodel: SearchElement,\n\n\t\tinitialize: function(atts) {\n\t\t\tthis.app = atts.app;\n\t\t},\n\n\t\taddCustomNode: function(customNode){\n\n\t\t\tvar match = this.where({ functionId: customNode.functionId });\n\t\t\tif (match) this.remove( match );\n\n\t\t\tthis.add(new SearchElement({name: customNode.functionName, functionName: customNode.functionName, \n\t\t\t\tisCustomNode: true, functionId: customNode.functionId, app: this.app, numInputs: customNode.inputs.length, \n\t\t\t\tnumOutputs: customNode.outputs.length }));\n\n\t\t},\n\n\t\tfetch: function() {\n\n\t\t\tthis.models.length = 0;\n\n\t\t\tfor (var key in FLOOD.nodeTypes){\n\t\t\t\tthis.models.push( new SearchElement({name: key, app: this.app}) );\t\n\t\t\t}\n\n\t\t}\n\n\t});\n});\n\n" }, { "path": "app/scripts/collections/WorkspaceBrowserElements.js", "content": "define(['backbone', 'WorkspaceBrowserElement'], function(Backbone, WorkspaceBrowserElement) {\n\n\treturn Backbone.Collection.extend({\n\n url: '/ws',\n\t\tmodel: WorkspaceBrowserElement\n\n\t});\n\n});" }, { "path": "app/scripts/collections/Workspaces.js", "content": "define(['backbone', 'Workspace'], function(Backbone, Workspace) {\n\n\treturn Backbone.Collection.extend({\n\n\t model: Workspace\n\n\t});\n\n});\n" }, { "path": "app/scripts/config.js", "content": "/*global require*/\n'use strict';\n\nrequire.config({\n shim: {\n underscore: {\n exports: '_'\n },\n backbone: {\n deps: [\n 'underscore',\n 'jquery'\n ],\n exports: 'Backbone'\n },\n List: {\n deps: [\n 'jquery'\n ],\n exports: 'List'\n },\n Three: {\n exports: 'Three'\n },\n CSG: {\n exports: 'CSG'\n },\n FLOODCSG: {\n deps: ['CSG'],\n exports: 'FLOODCSG'\n },\n Viewport: {\n deps: [\n 'Three',\n 'OrbitControls'\n ],\n exports: 'Viewport'\n },\n OrbitControls: {\n deps: [\n 'Three'\n ],\n exports: 'OrbitControls'\n },\n jqueryuicore: {\n deps: [\n 'jquery'\n ],\n exports: 'jqueryuicore'\n },\n jqueryuiwidget: {\n deps: [\n 'jquery'\n ],\n exports: 'jqueryuiwidget'\n },\n jqueryuimouse: {\n deps: [\n 'jquery',\n 'jqueryuiwidget'\n ],\n exports: 'jqueryuimouse'\n },\n jqueryuitouchpunch: {\n deps: [\n 'jquery',\n 'jqueryuicore',\n 'jqueryuimouse'\n ],\n exports: 'jqueryuitouchpunch'\n },\n jqueryuislider: {\n deps: [\n 'jquery',\n 'jqueryuitouchpunch',\n 'jqueryuimouse',\n 'jqueryuicore',\n 'jqueryuiwidget'\n ],\n exports: 'jqueryuislider'\n },\n jqueryuidraggable: {\n deps: [\n 'jquery',\n 'jqueryuitouchpunch',\n 'jqueryuimouse',\n 'jqueryuicore',\n 'jqueryuiwidget'\n ],\n exports: 'jqueryuidraggable'\n },\n bootstrap: {\n deps: [\n 'jquery'\n ],\n exports: 'bootstrap'\n },\n almond: {\n deps: [\n ],\n exports: 'almond'\n }\n },\n packages: [{\n name: \"codemirror\",\n location: \"../bower_components/CodeMirror/\",\n main: \"lib/codemirror\"\n }],\n paths: {\n\n // backbone collections\n Connections: 'collections/Connections',\n SearchElements: 'collections/SearchElements',\n Nodes: 'collections/Nodes',\n Workspaces: 'collections/Workspaces',\n WorkspaceBrowserElements: 'collections/WorkspaceBrowserElements',\n\n // backbone models\n\n // customizer\n CustomizerApp: 'models/customizer/CustomizerApp',\n\n // editor\n App: 'models/App',\n Connection: 'models/Connection',\n Marquee: 'models/Marquee',\n Node: 'models/Node',\n Search: 'models/Search',\n SearchElement: 'models/SearchElement',\n Workspace: 'models/Workspace',\n Runner: 'models/Runner',\n Help: 'models/Help',\n Feedback: 'models/Feedback',\n Share: 'models/Share',\n Login: 'models/Login',\n GeometryExport: 'models/GeometryExport',\n WorkspaceBrowserElement: 'models/WorkspaceBrowserElement',\n WorkspaceBrowser: 'models/WorkspaceBrowser',\n WorkspaceResolver: 'models/WorkspaceResolver',\n\n // backbone views\n\n // customizer\n BaseWidgetView: 'views/customizer/widgets/Base',\n GeometryWidgetView: 'views/customizer/widgets/Geometry',\n NumberWidgetView: 'views/customizer/widgets/Number',\n\n CustomizerAppView: 'views/customizer/CustomizerAppView',\n CustomizerHeaderView: 'views/customizer/CustomizerHeaderView',\n CustomizerViewerView: 'views/customizer/CustomizerViewerView',\n CustomizerWorkspaceView: 'views/customizer/CustomizerWorkspaceView',\n\n // editor\n AppView: 'views/AppView',\n ConnectionView: 'views/ConnectionView',\n MarqueeView: 'views/MarqueeView',\n SearchView: 'views/SearchView',\n WorkspaceControlsView: 'views/WorkspaceControlsView',\n SearchElementView: 'views/SearchElementView',\n WorkspaceView: 'views/WorkspaceView',\n WorkspaceTabView: 'views/WorkspaceTabView',\n HelpView: 'views/HelpView',\n FeedbackView: 'views/FeedbackView',\n ShareView: 'views/ShareView',\n LoginView: 'views/LoginView',\n WorkspaceBrowserElementView: 'views/WorkspaceBrowserElementView',\n WorkspaceBrowserView: 'views/WorkspaceBrowserView',\n\n // node backbone views\n NodeViewTypes: 'views/nodeviews/NodeViews',\n BaseNodeView: 'views/nodeviews/Base',\n WatchNodeView: 'views/nodeviews/Watch',\n NumNodeView: 'views/nodeviews/Num',\n ScriptView: 'views/nodeviews/Script',\n InputView: 'views/nodeviews/Input',\n OutputView: 'views/nodeviews/Output',\n CustomNodeView: 'views/nodeviews/CustomNode',\n ThreeCSGNodeView: 'views/nodeviews/ThreeCSG',\n\n OrbitControls: 'lib/OrbitControls',\n Viewport: 'lib/Viewport',\n FLOODCSG: 'lib/flood/flood_csg',\n FLOOD: 'lib/flood/flood',\n CSG: 'lib/flood/csg',\n scheme: 'lib/flood/scheme',\n\n // bower\n\n Hammer: '../bower_components/hammerjs/hammer',\n almond: '../bower_components/almond/almond',\n bootstrap: '../bower_components/bootstrap/dist/js/bootstrap',\n List: '../bower_components/listjs/dist/list.min',\n Three: '../bower_components/threejs/build/three.min',\n jqueryuitouchpunch: '../bower_components/jqueryui-touch-punch/jquery.ui.touch-punch',\n jqueryuislider: '../bower_components/jquery.ui/ui/jquery.ui.slider',\n jqueryuidraggable: '../bower_components/jquery.ui/ui/jquery.ui.draggable',\n jqueryuicore: '../bower_components/jquery.ui/ui/jquery.ui.core',\n jqueryuimouse: '../bower_components/jquery.ui/ui/jquery.ui.mouse',\n jqueryuiwidget: '../bower_components/jquery.ui/ui/jquery.ui.widget',\n jquery: '../bower_components/jquery/jquery.min',\n backbone: '../bower_components/backbone-amd/backbone-min',\n underscore: '../bower_components/underscore-amd/underscore-min',\n fastclick: '../bower_components/fastclick/lib/fastclick',\n FileSaver: '../bower_components/FileSaver/FileSaver'\n }\n\n});\n\n\n\n" }, { "path": "app/scripts/customizer.js", "content": "require([\"config\"], function() {\n\n require(['backbone', 'CustomizerApp', 'CustomizerAppView', 'Three', 'FLOODCSG', 'bootstrap' ], function (Backbone, CustomizerApp, CustomizerAppView, THREE) {\n\n var app = new CustomizerApp();\n\n app.fetch({\n error: function(result) {\n console.error('error');\n console.error(result);\n },\n success: function(){\n }\n });\n\n var appView = new CustomizerAppView({model: app});\n\n });\n\n});\n\n" }, { "path": "app/scripts/lib/OrbitControls.js", "content": "/**\n * @author qiao / https://github.com/qiao\n * @author mrdoob / http://mrdoob.com\n * @author alteredq / http://alteredqualia.com/\n * @author WestLangley / http://github.com/WestLangley\n * @author erich666 / http://erichaines.com\n */\n/*global THREE, console */\n\n// This set of controls performs orbiting, dollying (zooming), and panning. It maintains\n// the \"up\" direction as +Y, unlike the TrackballControls. Touch on tablet and phones is\n// supported.\n//\n// Orbit - left mouse / touch: one finger move\n// Zoom - middle mouse, or mousewheel / touch: two finger spread or squish\n// Pan - right mouse, or arrow keys / touch: three finter swipe\n//\n// This is a drop-in replacement for (most) TrackballControls used in examples.\n// That is, include this js file and wherever you see:\n// \tcontrols = new THREE.TrackballControls( camera );\n// controls.target.z = 150;\n// Simple substitute \"OrbitControls\" and the control should work as-is.\n\nTHREE.OrbitControls = function ( object, domElement ) {\n\n\tthis.object = object;\n\tthis.domElement = ( domElement !== undefined ) ? domElement : document;\n\n\t// API\n\n\t// Set to false to disable this control\n\tthis.enabled = true;\n\n\t// \"target\" sets the location of focus, where the control orbits around\n\t// and where it pans with respect to.\n\tthis.target = new THREE.Vector3();\n\n\t// center is old, deprecated; use \"target\" instead\n\tthis.center = this.target;\n\n\t// This option actually enables dollying in and out; left as \"zoom\" for\n\t// backwards compatibility\n\tthis.noZoom = false;\n\tthis.zoomSpeed = 1.0;\n\n\t// Limits to how far you can dolly in and out\n\tthis.minDistance = 0;\n\tthis.maxDistance = Infinity;\n\n\t// Set to true to disable this control\n\tthis.noRotate = false;\n\tthis.rotateSpeed = 1.0;\n\n\t// Set to true to disable this control\n\tthis.noPan = false;\n\tthis.keyPanSpeed = 7.0;\t// pixels moved per arrow key push\n\n\t// Set to true to automatically rotate around the target\n\tthis.autoRotate = false;\n\tthis.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60\n\n\t// How far you can orbit vertically, upper and lower limits.\n\t// Range is 0 to Math.PI radians.\n\tthis.minPolarAngle = 0; // radians\n\tthis.maxPolarAngle = Math.PI; // radians\n\n\t// Set to true to disable use of the keys\n\tthis.noKeys = true;\n\n\t// The four arrow keys\n\tthis.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 };\n\n\t////////////\n\t// internals\n\n\tvar scope = this;\n\n\tvar EPS = 0.000001;\n\n\tvar rotateStart = new THREE.Vector2();\n\tvar rotateEnd = new THREE.Vector2();\n\tvar rotateDelta = new THREE.Vector2();\n\n\tvar panStart = new THREE.Vector2();\n\tvar panEnd = new THREE.Vector2();\n\tvar panDelta = new THREE.Vector2();\n\tvar panOffset = new THREE.Vector3();\n\n\tvar offset = new THREE.Vector3();\n\n\tvar dollyStart = new THREE.Vector2();\n\tvar dollyEnd = new THREE.Vector2();\n\tvar dollyDelta = new THREE.Vector2();\n\n\tvar phiDelta = 0;\n\tvar thetaDelta = 0;\n\tvar scale = 1;\n\tvar pan = new THREE.Vector3();\n\n\tvar lastPosition = new THREE.Vector3();\n\n\tvar STATE = { NONE : -1, ROTATE : 0, DOLLY : 1, PAN : 2, TOUCH_ROTATE : 3, TOUCH_DOLLY : 4, TOUCH_PAN : 5 };\n\n\tvar state = STATE.NONE;\n\n\t// for reset\n\n\tthis.target0 = this.target.clone();\n\tthis.position0 = this.object.position.clone();\n\n\t// so camera.up is the orbit axis\n\n\tvar quat = new THREE.Quaternion().setFromUnitVectors( object.up, new THREE.Vector3( 0, 1, 0 ) );\n\tvar quatInverse = quat.clone().inverse();\n\n\t// events\n\n\tvar changeEvent = { type: 'change' };\n\tvar startEvent = { type: 'start'};\n\tvar endEvent = { type: 'end'};\n\n\tthis.rotateLeft = function ( angle ) {\n\n\t\tif ( angle === undefined ) {\n\n\t\t\tangle = getAutoRotationAngle();\n\n\t\t}\n\n\t\tthetaDelta -= angle;\n\n\t};\n\n\tthis.rotateUp = function ( angle ) {\n\n\t\tif ( angle === undefined ) {\n\n\t\t\tangle = getAutoRotationAngle();\n\n\t\t}\n\n\t\tphiDelta -= angle;\n\n\t};\n\n\t// pass in distance in world space to move left\n\tthis.panLeft = function ( distance ) {\n\n\t\tvar te = this.object.matrix.elements;\n\n\t\t// get X column of matrix\n\t\tpanOffset.set( te[ 0 ], te[ 1 ], te[ 2 ] );\n\t\tpanOffset.multiplyScalar( - distance );\n\t\t\n\t\tpan.add( panOffset );\n\n\t};\n\n\t// pass in distance in world space to move up\n\tthis.panUp = function ( distance ) {\n\n\t\tvar te = this.object.matrix.elements;\n\n\t\t// get Y column of matrix\n\t\tpanOffset.set( te[ 4 ], te[ 5 ], te[ 6 ] );\n\t\tpanOffset.multiplyScalar( distance );\n\t\t\n\t\tpan.add( panOffset );\n\n\t};\n\t\n\t// pass in x,y of change desired in pixel space,\n\t// right and down are positive\n\tthis.pan = function ( deltaX, deltaY ) {\n\n\t\tvar element = scope.domElement === document ? scope.domElement.body : scope.domElement;\n\n\t\tif ( scope.object.fov !== undefined ) {\n\n\t\t\t// perspective\n\t\t\tvar position = scope.object.position;\n\t\t\tvar offset = position.clone().sub( scope.target );\n\t\t\tvar targetDistance = offset.length();\n\n\t\t\t// half of the fov is center to top of screen\n\t\t\ttargetDistance *= Math.tan( ( scope.object.fov / 2 ) * Math.PI / 180.0 );\n\n\t\t\t// we actually don't use screenWidth, since perspective camera is fixed to screen height\n\t\t\tscope.panLeft( 2 * deltaX * targetDistance / element.clientHeight );\n\t\t\tscope.panUp( 2 * deltaY * targetDistance / element.clientHeight );\n\n\t\t} else if ( scope.object.top !== undefined ) {\n\n\t\t\t// orthographic\n\t\t\tscope.panLeft( deltaX * (scope.object.right - scope.object.left) / element.clientWidth );\n\t\t\tscope.panUp( deltaY * (scope.object.top - scope.object.bottom) / element.clientHeight );\n\n\t\t} else {\n\n\t\t\t// camera neither orthographic or perspective\n\t\t\tconsole.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.' );\n\n\t\t}\n\n\t};\n\n\tthis.dollyIn = function ( dollyScale ) {\n\n\t\tif ( dollyScale === undefined ) {\n\n\t\t\tdollyScale = getZoomScale();\n\n\t\t}\n\n\t\tscale /= dollyScale;\n\n\t};\n\n\tthis.dollyOut = function ( dollyScale ) {\n\n\t\tif ( dollyScale === undefined ) {\n\n\t\t\tdollyScale = getZoomScale();\n\n\t\t}\n\n\t\tscale *= dollyScale;\n\n\t};\n\n\tthis.update = function () {\n\n\t\tvar position = this.object.position;\n\n\t\toffset.copy( position ).sub( this.target );\n\n\t\t// rotate offset to \"y-axis-is-up\" space\n\t\toffset.applyQuaternion( quat );\n\n\t\t// angle from z-axis around y-axis\n\n\t\tvar theta = Math.atan2( offset.x, offset.z );\n\n\t\t// angle from y-axis\n\n\t\tvar phi = Math.atan2( Math.sqrt( offset.x * offset.x + offset.z * offset.z ), offset.y );\n\n\t\tif ( this.autoRotate ) {\n\n\t\t\tthis.rotateLeft( getAutoRotationAngle() );\n\n\t\t}\n\n\t\ttheta += thetaDelta;\n\t\tphi += phiDelta;\n\n\t\t// restrict phi to be between desired limits\n\t\tphi = Math.max( this.minPolarAngle, Math.min( this.maxPolarAngle, phi ) );\n\n\t\t// restrict phi to be betwee EPS and PI-EPS\n\t\tphi = Math.max( EPS, Math.min( Math.PI - EPS, phi ) );\n\n\t\tvar radius = offset.length() * scale;\n\n\t\t// restrict radius to be between desired limits\n\t\tradius = Math.max( this.minDistance, Math.min( this.maxDistance, radius ) );\n\t\t\n\t\t// move target to panned location\n\t\tthis.target.add( pan );\n\n\t\toffset.x = radius * Math.sin( phi ) * Math.sin( theta );\n\t\toffset.y = radius * Math.cos( phi );\n\t\toffset.z = radius * Math.sin( phi ) * Math.cos( theta );\n\n\t\t// rotate offset back to \"camera-up-vector-is-up\" space\n\t\toffset.applyQuaternion( quatInverse );\n\n\t\tposition.copy( this.target ).add( offset );\n\n\t\tthis.object.lookAt( this.target );\n\n\t\tthetaDelta = 0;\n\t\tphiDelta = 0;\n\t\tscale = 1;\n\t\tpan.set( 0, 0, 0 );\n\n\t\tif ( lastPosition.distanceToSquared( this.object.position ) > EPS ) {\n\n\t\t\tthis.dispatchEvent( changeEvent );\n\n\t\t\tlastPosition.copy( this.object.position );\n\n\t\t}\n\n\t};\n\n\n\tthis.reset = function () {\n\n\t\tstate = STATE.NONE;\n\n\t\tthis.target.copy( this.target0 );\n\t\tthis.object.position.copy( this.position0 );\n\n\t\tthis.update();\n\n\t};\n\n\tfunction getAutoRotationAngle() {\n\n\t\treturn 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;\n\n\t}\n\n\tfunction getZoomScale() {\n\n\t\treturn Math.pow( 0.95, scope.zoomSpeed );\n\n\t}\n\n\tfunction onMouseDown( event ) {\n\n\t\tif ( scope.enabled === false ) return;\n\t\tevent.preventDefault();\n\n\t\tif ( event.button === 0 && !event.ctrlKey ) {\n\t\t\tif ( scope.noRotate === true ) return;\n\n\t\t\tstate = STATE.ROTATE;\n\n\t\t\trotateStart.set( event.clientX, event.clientY );\n\n\t\t} else if ( event.button === 2 ) {\n\t\t\tif ( scope.noZoom === true ) return;\n\n\t\t\tstate = STATE.DOLLY;\n\n\t\t\tdollyStart.set( event.clientX, event.clientY );\n\n\t\t} else if ( event.button === 1 || (event.button === 0 && event.ctrlKey) ) {\n\t\t\tif ( scope.noPan === true ) return;\n\n\t\t\tstate = STATE.PAN;\n\n\t\t\tpanStart.set( event.clientX, event.clientY );\n\n\t\t}\n\n\t\tscope.domElement.addEventListener( 'mousemove', onMouseMove, false );\n\t\tscope.domElement.addEventListener( 'mouseup', onMouseUp, false );\n\t\tscope.dispatchEvent( startEvent );\n\n\t}\n\n\tfunction onMouseMove( event ) {\n\n\t\tif ( scope.enabled === false ) return;\n\n\t\tevent.preventDefault();\n\n\t\tvar element = scope.domElement === document ? scope.domElement.body : scope.domElement;\n\n\t\tif ( state === STATE.ROTATE ) {\n\n\t\t\tif ( scope.noRotate === true ) return;\n\n\t\t\trotateEnd.set( event.clientX, event.clientY );\n\t\t\trotateDelta.subVectors( rotateEnd, rotateStart );\n\n\t\t\t// rotating across whole screen goes 360 degrees around\n\t\t\tscope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed );\n\n\t\t\t// rotating up and down along whole screen attempts to go 360, but limited to 180\n\t\t\tscope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed );\n\n\t\t\trotateStart.copy( rotateEnd );\n\n\t\t} else if ( state === STATE.DOLLY ) {\n\n\t\t\tif ( scope.noZoom === true ) return;\n\n\t\t\tdollyEnd.set( event.clientX, event.clientY );\n\t\t\tdollyDelta.subVectors( dollyEnd, dollyStart );\n\n\t\t\tif ( dollyDelta.y > 0 ) {\n\n\t\t\t\tscope.dollyIn();\n\n\t\t\t} else {\n\n\t\t\t\tscope.dollyOut();\n\n\t\t\t}\n\n\t\t\tdollyStart.copy( dollyEnd );\n\n\t\t} else if ( state === STATE.PAN ) {\n\n\t\t\tif ( scope.noPan === true ) return;\n\n\t\t\tpanEnd.set( event.clientX, event.clientY );\n\t\t\tpanDelta.subVectors( panEnd, panStart );\n\t\t\t\n\t\t\tscope.pan( panDelta.x, panDelta.y );\n\n\t\t\tpanStart.copy( panEnd );\n\n\t\t}\n\n\t\tscope.update();\n\n\t}\n\n\tfunction onMouseUp( /* event */ ) {\n\n\t\tif ( scope.enabled === false ) return;\n\n\t\tscope.domElement.removeEventListener( 'mousemove', onMouseMove, false );\n\t\tscope.domElement.removeEventListener( 'mouseup', onMouseUp, false );\n\t\tscope.dispatchEvent( endEvent );\n\t\tstate = STATE.NONE;\n\n\t}\n\n\tfunction onMouseWheel( event ) {\n\n\t\tif ( scope.enabled === false || scope.noZoom === true ) return;\n\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\n\t\tvar delta = 0;\n\n\t\tif ( event.wheelDelta !== undefined ) { // WebKit / Opera / Explorer 9\n\n\t\t\tdelta = event.wheelDelta;\n\n\t\t} else if ( event.detail !== undefined ) { // Firefox\n\n\t\t\tdelta = - event.detail;\n\n\t\t}\n\n\t\tif ( delta > 0 ) {\n\n\t\t\tscope.dollyOut();\n\n\t\t} else {\n\n\t\t\tscope.dollyIn();\n\n\t\t}\n\n\t\tscope.update();\n\t\tscope.dispatchEvent( startEvent );\n\t\tscope.dispatchEvent( endEvent );\n\n\t}\n\n\tfunction onKeyDown( event ) {\n\n\t\tif ( scope.enabled === false || scope.noKeys === true || scope.noPan === true ) return;\n\t\t\n\t\tswitch ( event.keyCode ) {\n\n\t\t\tcase scope.keys.UP:\n\t\t\t\tscope.pan( 0, scope.keyPanSpeed );\n\t\t\t\tscope.update();\n\t\t\t\tbreak;\n\n\t\t\tcase scope.keys.BOTTOM:\n\t\t\t\tscope.pan( 0, - scope.keyPanSpeed );\n\t\t\t\tscope.update();\n\t\t\t\tbreak;\n\n\t\t\tcase scope.keys.LEFT:\n\t\t\t\tscope.pan( scope.keyPanSpeed, 0 );\n\t\t\t\tscope.update();\n\t\t\t\tbreak;\n\n\t\t\tcase scope.keys.RIGHT:\n\t\t\t\tscope.pan( - scope.keyPanSpeed, 0 );\n\t\t\t\tscope.update();\n\t\t\t\tbreak;\n\n\t\t}\n\n\t}\n\n\tfunction touchstart( event ) {\n\n\t\tif ( scope.enabled === false ) return;\n\n\t\tswitch ( event.touches.length ) {\n\n\t\t\tcase 1:\t// one-fingered touch: rotate\n\n\t\t\t\tif ( scope.noRotate === true ) return;\n\n\t\t\t\tstate = STATE.TOUCH_ROTATE;\n\n\t\t\t\trotateStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY );\n\t\t\t\tbreak;\n\n\t\t\tcase 2:\t// two-fingered touch: dolly\n\n\t\t\t\tif ( scope.noZoom === true ) return;\n\n\t\t\t\tstate = STATE.TOUCH_DOLLY;\n\n\t\t\t\tvar dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX;\n\t\t\t\tvar dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY;\n\t\t\t\tvar distance = Math.sqrt( dx * dx + dy * dy );\n\t\t\t\tdollyStart.set( 0, distance );\n\t\t\t\tbreak;\n\n\t\t\tcase 3: // three-fingered touch: pan\n\n\t\t\t\tif ( scope.noPan === true ) return;\n\n\t\t\t\tstate = STATE.TOUCH_PAN;\n\n\t\t\t\tpanStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY );\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\n\t\t\t\tstate = STATE.NONE;\n\n\t\t}\n\n\t\tscope.dispatchEvent( startEvent );\n\n\t}\n\n\tfunction touchmove( event ) {\n\n\t\tif ( scope.enabled === false ) return;\n\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\n\t\tvar element = scope.domElement === document ? scope.domElement.body : scope.domElement;\n\n\t\tswitch ( event.touches.length ) {\n\n\t\t\tcase 1: // one-fingered touch: rotate\n\n\t\t\t\tif ( scope.noRotate === true ) return;\n\t\t\t\tif ( state !== STATE.TOUCH_ROTATE ) return;\n\n\t\t\t\trotateEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY );\n\t\t\t\trotateDelta.subVectors( rotateEnd, rotateStart );\n\n\t\t\t\t// rotating across whole screen goes 360 degrees around\n\t\t\t\tscope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed );\n\t\t\t\t// rotating up and down along whole screen attempts to go 360, but limited to 180\n\t\t\t\tscope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed );\n\n\t\t\t\trotateStart.copy( rotateEnd );\n\n\t\t\t\tscope.update();\n\t\t\t\tbreak;\n\n\t\t\tcase 2: // two-fingered touch: dolly\n\n\t\t\t\tif ( scope.noZoom === true ) return;\n\t\t\t\tif ( state !== STATE.TOUCH_DOLLY ) return;\n\n\t\t\t\tvar dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX;\n\t\t\t\tvar dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY;\n\t\t\t\tvar distance = Math.sqrt( dx * dx + dy * dy );\n\n\t\t\t\tdollyEnd.set( 0, distance );\n\t\t\t\tdollyDelta.subVectors( dollyEnd, dollyStart );\n\n\t\t\t\tif ( dollyDelta.y > 0 ) {\n\n\t\t\t\t\tscope.dollyOut();\n\n\t\t\t\t} else {\n\n\t\t\t\t\tscope.dollyIn();\n\n\t\t\t\t}\n\n\t\t\t\tdollyStart.copy( dollyEnd );\n\n\t\t\t\tscope.update();\n\t\t\t\tbreak;\n\n\t\t\tcase 3: // three-fingered touch: pan\n\n\t\t\t\tif ( scope.noPan === true ) return;\n\t\t\t\tif ( state !== STATE.TOUCH_PAN ) return;\n\n\t\t\t\tpanEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY );\n\t\t\t\tpanDelta.subVectors( panEnd, panStart );\n\t\t\t\t\n\t\t\t\tscope.pan( panDelta.x, panDelta.y );\n\n\t\t\t\tpanStart.copy( panEnd );\n\n\t\t\t\tscope.update();\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\n\t\t\t\tstate = STATE.NONE;\n\n\t\t}\n\n\t}\n\n\tfunction touchend( /* event */ ) {\n\n\t\tif ( scope.enabled === false ) return;\n\n\t\tscope.dispatchEvent( endEvent );\n\t\tstate = STATE.NONE;\n\n\t}\n\n\tthis.domElement.addEventListener( 'contextmenu', function ( event ) { event.preventDefault(); }, false );\n\tthis.domElement.addEventListener( 'mousedown', onMouseDown, false );\n\tthis.domElement.addEventListener( 'mousewheel', onMouseWheel, false );\n\tthis.domElement.addEventListener( 'DOMMouseScroll', onMouseWheel, false ); // firefox\n\n\tthis.domElement.addEventListener( 'touchstart', touchstart, false );\n\tthis.domElement.addEventListener( 'touchend', touchend, false );\n\tthis.domElement.addEventListener( 'touchmove', touchmove, false );\n\n\twindow.addEventListener( 'keydown', onKeyDown, false );\n\n\t// force an update at start\n\tthis.update();\n\n};\n\nTHREE.OrbitControls.prototype = Object.create( THREE.EventDispatcher.prototype );\n\n\n" }, { "path": "app/scripts/lib/Viewport.js", "content": "var container, $container;\n\nvar camera, controls, scene, renderer;\n\nvar geometry, group;\n\nvar mouse = new THREE.Vector2(),\noffset = new THREE.Vector3(),\nINTERSECTED, SELECTED;\n\nvar objects = [], plane;\n\nvar mouseX = 0, mouseY = 0;\n\nvar windowHalfX = window.innerWidth / 2;\nvar windowHalfY = window.innerHeight / 2;\n\ninit();\nrender();\n\nfunction init() {\n\n\tcontainer = document.getElementById(\"viewer\");\n\t$container = $(container);\n\n\tcamera = new THREE.PerspectiveCamera( 30, $container.width() / $container.height(), 1, 10000 );\n\n\tcamera.position.set( 140, 140, 140 );\n\tcamera.up.set( 0, 0, 1 );\n\tcamera.lookAt( new THREE.Vector3(0,0,0) );\n\n\tscene = new THREE.Scene();\n\n\trenderer = new THREE.WebGLRenderer({antialias: true});\n\trenderer.setClearColor( 0xffffff, 1 );\n\trenderer.setSize( $container.width(), $container.height() );\n\trenderer.sortObjects = false;\n\n\tcontainer.appendChild( renderer.domElement );\n\trenderer.domElement.setAttribute(\"id\", \"renderer_canvas\");\n\n\t// add subtle ambient lighting\n\tvar ambientLight = new THREE.AmbientLight(0x555555);\n\tscene.add(ambientLight);\n\n\t// add directional light source\n\tvar directionalLight = new THREE.DirectionalLight(0xbbbbbb);\n\tdirectionalLight.position.set(50, 30, 50);\n\tscene.add(directionalLight);\n\n\tvar directionalLight = new THREE.DirectionalLight(0xaaaaaa);\n\tdirectionalLight.position.set(-0.2, -0.8, 1).normalize();\n\tscene.add(directionalLight);\n\n\tmakeGrid();\n\n\tcontrols = new THREE.OrbitControls(camera, container);\n\n\twindow.addEventListener( 'resize', onWindowResize, false );\n\n\t// full screen blur\n\t// composer = new THREE.EffectComposer( renderer );\n\t// composer.addPass( new THREE.RenderPass( scene, camera ) );\n\n\t// hblur = new THREE.ShaderPass( THREE.HorizontalBlurShader );\n\t// composer.addPass( hblur );\n\n\t// vblur = new THREE.ShaderPass( THREE.VerticalBlurShader );\n\t// // set this shader pass to render to screen so we can see the effects\n\t// vblur.renderToScreen = true;\n\t// composer.addPass( vblur );\n\n\n\tanimate();\n\n}\n\nfunction makeGrid(){\n\n\tvar l = 60;\n\n\tvar axisHelper = new THREE.AxisHelper( l );\n\tscene.add( axisHelper );\n\n\tvar geometry = new THREE.Geometry();\n\tvar geometryThick = new THREE.Geometry();\n\n\tvar n = l;\n\tvar inc = 2 * l / n;\n\tvar rate = 10;\n\n\tfor (var i = 0; i < n + 1; i++){\n\n \tvar v1 = new THREE.Vector3(-l, -l + i * inc, 0);\n\t\tvar v2 = new THREE.Vector3(l, -l + i * inc, 0);\n\n \tgeometry.vertices.push(v1);\n \tgeometry.vertices.push(v2);\n\n \tif (i % rate == 0){\n\t\t\tgeometryThick.vertices.push(v1);\n \t\tgeometryThick.vertices.push(v2);\n \t}\n\t}\n\n\tfor (var i = 0; i < n + 1; i++){\n\t\tvar v1 = new THREE.Vector3(-l + i * inc, l, 0);\n\t\tvar v2 = new THREE.Vector3(-l + i * inc, -l, 0);\n\n\t\tgeometry.vertices.push(v1);\n \tgeometry.vertices.push(v2);\n\n \tif (i % rate == 0){\n\t\t\tgeometryThick.vertices.push(v1);\n \t\tgeometryThick.vertices.push(v2);\n \t}\n\t}\n\n\tvar material = new THREE.LineBasicMaterial({\n color: 0xeeeeee,\n linewidth: 0.1\n });\n\n var materialThick = new THREE.LineBasicMaterial({\n color: 0xeeeeee,\n linewidth: 2\n });\n\n var line = new THREE.Line(geometry, material, THREE.LinePieces);\n var lineThick = new THREE.Line(geometryThick, materialThick, THREE.LinePieces);\n\n scene.add(line);\n scene.add(lineThick);\n\n}\n\nfunction onWindowResize() {\n\n\twindowHalfX = $container.width() / 2;\n\twindowHalfY = $container.height() / 2;\n\n\tcamera.aspect = windowHalfX/ windowHalfY;\n\tcamera.updateProjectionMatrix();\n\n\trenderer.setSize( 2*windowHalfX, 2*windowHalfY );\n\n\trender();\n\n}\n\nfunction animate() {\n\n\trequestAnimationFrame( animate );\n\trender();\n\n}\n\nvar doBlur = true;\n\nfunction render() {\n\n\tcontrols.update();\n\trenderer.render( scene, camera );\n\t\n\tif (doBlur){\n\t\t// composer.render();\n\t}\n\n}\n\n\n" }, { "path": "app/scripts/lib/flood/async.js", "content": "/*!\n * async\n * https://github.com/caolan/async\n *\n * Copyright 2010-2014 Caolan McMahon\n * Released under the MIT license\n */\n/*jshint onevar: false, indent:4 */\n/*global setImmediate: false, setTimeout: false, console: false */\n(function () {\n\n var async = {};\n\n // global on the server, window in the browser\n var root, previous_async;\n\n root = this;\n if (root != null) {\n previous_async = root.async;\n }\n\n async.noConflict = function () {\n root.async = previous_async;\n return async;\n };\n\n function only_once(fn) {\n var called = false;\n return function() {\n if (called) throw new Error(\"Callback was already called.\");\n called = true;\n fn.apply(root, arguments);\n }\n }\n\n //// cross-browser compatiblity functions ////\n\n var _toString = Object.prototype.toString;\n\n var _isArray = Array.isArray || function (obj) {\n return _toString.call(obj) === '[object Array]';\n };\n\n var _each = function (arr, iterator) {\n if (arr.forEach) {\n return arr.forEach(iterator);\n }\n for (var i = 0; i < arr.length; i += 1) {\n iterator(arr[i], i, arr);\n }\n };\n\n var _map = function (arr, iterator) {\n if (arr.map) {\n return arr.map(iterator);\n }\n var results = [];\n _each(arr, function (x, i, a) {\n results.push(iterator(x, i, a));\n });\n return results;\n };\n\n var _reduce = function (arr, iterator, memo) {\n if (arr.reduce) {\n return arr.reduce(iterator, memo);\n }\n _each(arr, function (x, i, a) {\n memo = iterator(memo, x, i, a);\n });\n return memo;\n };\n\n var _keys = function (obj) {\n if (Object.keys) {\n return Object.keys(obj);\n }\n var keys = [];\n for (var k in obj) {\n if (obj.hasOwnProperty(k)) {\n keys.push(k);\n }\n }\n return keys;\n };\n\n //// exported async module functions ////\n\n //// nextTick implementation with browser-compatible fallback ////\n if (typeof process === 'undefined' || !(process.nextTick)) {\n if (typeof setImmediate === 'function') {\n async.nextTick = function (fn) {\n // not a direct alias for IE10 compatibility\n setImmediate(fn);\n };\n async.setImmediate = async.nextTick;\n }\n else {\n async.nextTick = function (fn) {\n setTimeout(fn, 0);\n };\n async.setImmediate = async.nextTick;\n }\n }\n else {\n async.nextTick = process.nextTick;\n if (typeof setImmediate !== 'undefined') {\n async.setImmediate = function (fn) {\n // not a direct alias for IE10 compatibility\n setImmediate(fn);\n };\n }\n else {\n async.setImmediate = async.nextTick;\n }\n }\n\n async.each = function (arr, iterator, callback) {\n callback = callback || function () {};\n if (!arr.length) {\n return callback();\n }\n var completed = 0;\n _each(arr, function (x) {\n iterator(x, only_once(done) );\n });\n function done(err) {\n if (err) {\n callback(err);\n callback = function () {};\n }\n else {\n completed += 1;\n if (completed >= arr.length) {\n callback();\n }\n }\n }\n };\n async.forEach = async.each;\n\n async.eachSeries = function (arr, iterator, callback) {\n callback = callback || function () {};\n if (!arr.length) {\n return callback();\n }\n var completed = 0;\n var iterate = function () {\n iterator(arr[completed], function (err) {\n if (err) {\n callback(err);\n callback = function () {};\n }\n else {\n completed += 1;\n if (completed >= arr.length) {\n callback();\n }\n else {\n iterate();\n }\n }\n });\n };\n iterate();\n };\n async.forEachSeries = async.eachSeries;\n\n async.eachLimit = function (arr, limit, iterator, callback) {\n var fn = _eachLimit(limit);\n fn.apply(null, [arr, iterator, callback]);\n };\n async.forEachLimit = async.eachLimit;\n\n var _eachLimit = function (limit) {\n\n return function (arr, iterator, callback) {\n callback = callback || function () {};\n if (!arr.length || limit <= 0) {\n return callback();\n }\n var completed = 0;\n var started = 0;\n var running = 0;\n\n (function replenish () {\n if (completed >= arr.length) {\n return callback();\n }\n\n while (running < limit && started < arr.length) {\n started += 1;\n running += 1;\n iterator(arr[started - 1], function (err) {\n if (err) {\n callback(err);\n callback = function () {};\n }\n else {\n completed += 1;\n running -= 1;\n if (completed >= arr.length) {\n callback();\n }\n else {\n replenish();\n }\n }\n });\n }\n })();\n };\n };\n\n\n var doParallel = function (fn) {\n return function () {\n var args = Array.prototype.slice.call(arguments);\n return fn.apply(null, [async.each].concat(args));\n };\n };\n var doParallelLimit = function(limit, fn) {\n return function () {\n var args = Array.prototype.slice.call(arguments);\n return fn.apply(null, [_eachLimit(limit)].concat(args));\n };\n };\n var doSeries = function (fn) {\n return function () {\n var args = Array.prototype.slice.call(arguments);\n return fn.apply(null, [async.eachSeries].concat(args));\n };\n };\n\n\n var _asyncMap = function (eachfn, arr, iterator, callback) {\n arr = _map(arr, function (x, i) {\n return {index: i, value: x};\n });\n if (!callback) {\n eachfn(arr, function (x, callback) {\n iterator(x.value, function (err) {\n callback(err);\n });\n });\n } else {\n var results = [];\n eachfn(arr, function (x, callback) {\n iterator(x.value, function (err, v) {\n results[x.index] = v;\n callback(err);\n });\n }, function (err) {\n callback(err, results);\n });\n }\n };\n async.map = doParallel(_asyncMap);\n async.mapSeries = doSeries(_asyncMap);\n async.mapLimit = function (arr, limit, iterator, callback) {\n return _mapLimit(limit)(arr, iterator, callback);\n };\n\n var _mapLimit = function(limit) {\n return doParallelLimit(limit, _asyncMap);\n };\n\n // reduce only has a series version, as doing reduce in parallel won't\n // work in many situations.\n async.reduce = function (arr, memo, iterator, callback) {\n async.eachSeries(arr, function (x, callback) {\n iterator(memo, x, function (err, v) {\n memo = v;\n callback(err);\n });\n }, function (err) {\n callback(err, memo);\n });\n };\n // inject alias\n async.inject = async.reduce;\n // foldl alias\n async.foldl = async.reduce;\n\n async.reduceRight = function (arr, memo, iterator, callback) {\n var reversed = _map(arr, function (x) {\n return x;\n }).reverse();\n async.reduce(reversed, memo, iterator, callback);\n };\n // foldr alias\n async.foldr = async.reduceRight;\n\n var _filter = function (eachfn, arr, iterator, callback) {\n var results = [];\n arr = _map(arr, function (x, i) {\n return {index: i, value: x};\n });\n eachfn(arr, function (x, callback) {\n iterator(x.value, function (v) {\n if (v) {\n results.push(x);\n }\n callback();\n });\n }, function (err) {\n callback(_map(results.sort(function (a, b) {\n return a.index - b.index;\n }), function (x) {\n return x.value;\n }));\n });\n };\n async.filter = doParallel(_filter);\n async.filterSeries = doSeries(_filter);\n // select alias\n async.select = async.filter;\n async.selectSeries = async.filterSeries;\n\n var _reject = function (eachfn, arr, iterator, callback) {\n var results = [];\n arr = _map(arr, function (x, i) {\n return {index: i, value: x};\n });\n eachfn(arr, function (x, callback) {\n iterator(x.value, function (v) {\n if (!v) {\n results.push(x);\n }\n callback();\n });\n }, function (err) {\n callback(_map(results.sort(function (a, b) {\n return a.index - b.index;\n }), function (x) {\n return x.value;\n }));\n });\n };\n async.reject = doParallel(_reject);\n async.rejectSeries = doSeries(_reject);\n\n var _detect = function (eachfn, arr, iterator, main_callback) {\n eachfn(arr, function (x, callback) {\n iterator(x, function (result) {\n if (result) {\n main_callback(x);\n main_callback = function () {};\n }\n else {\n callback();\n }\n });\n }, function (err) {\n main_callback();\n });\n };\n async.detect = doParallel(_detect);\n async.detectSeries = doSeries(_detect);\n\n async.some = function (arr, iterator, main_callback) {\n async.each(arr, function (x, callback) {\n iterator(x, function (v) {\n if (v) {\n main_callback(true);\n main_callback = function () {};\n }\n callback();\n });\n }, function (err) {\n main_callback(false);\n });\n };\n // any alias\n async.any = async.some;\n\n async.every = function (arr, iterator, main_callback) {\n async.each(arr, function (x, callback) {\n iterator(x, function (v) {\n if (!v) {\n main_callback(false);\n main_callback = function () {};\n }\n callback();\n });\n }, function (err) {\n main_callback(true);\n });\n };\n // all alias\n async.all = async.every;\n\n async.sortBy = function (arr, iterator, callback) {\n async.map(arr, function (x, callback) {\n iterator(x, function (err, criteria) {\n if (err) {\n callback(err);\n }\n else {\n callback(null, {value: x, criteria: criteria});\n }\n });\n }, function (err, results) {\n if (err) {\n return callback(err);\n }\n else {\n var fn = function (left, right) {\n var a = left.criteria, b = right.criteria;\n return a < b ? -1 : a > b ? 1 : 0;\n };\n callback(null, _map(results.sort(fn), function (x) {\n return x.value;\n }));\n }\n });\n };\n\n async.auto = function (tasks, callback) {\n callback = callback || function () {};\n var keys = _keys(tasks);\n var remainingTasks = keys.length\n if (!remainingTasks) {\n return callback();\n }\n\n var results = {};\n\n var listeners = [];\n var addListener = function (fn) {\n listeners.unshift(fn);\n };\n var removeListener = function (fn) {\n for (var i = 0; i < listeners.length; i += 1) {\n if (listeners[i] === fn) {\n listeners.splice(i, 1);\n return;\n }\n }\n };\n var taskComplete = function () {\n remainingTasks--\n _each(listeners.slice(0), function (fn) {\n fn();\n });\n };\n\n addListener(function () {\n if (!remainingTasks) {\n var theCallback = callback;\n // prevent final callback from calling itself if it errors\n callback = function () {};\n\n theCallback(null, results);\n }\n });\n\n _each(keys, function (k) {\n var task = _isArray(tasks[k]) ? tasks[k]: [tasks[k]];\n var taskCallback = function (err) {\n var args = Array.prototype.slice.call(arguments, 1);\n if (args.length <= 1) {\n args = args[0];\n }\n if (err) {\n var safeResults = {};\n _each(_keys(results), function(rkey) {\n safeResults[rkey] = results[rkey];\n });\n safeResults[k] = args;\n callback(err, safeResults);\n // stop subsequent errors hitting callback multiple times\n callback = function () {};\n }\n else {\n results[k] = args;\n async.setImmediate(taskComplete);\n }\n };\n var requires = task.slice(0, Math.abs(task.length - 1)) || [];\n var ready = function () {\n return _reduce(requires, function (a, x) {\n return (a && results.hasOwnProperty(x));\n }, true) && !results.hasOwnProperty(k);\n };\n if (ready()) {\n task[task.length - 1](taskCallback, results);\n }\n else {\n var listener = function () {\n if (ready()) {\n removeListener(listener);\n task[task.length - 1](taskCallback, results);\n }\n };\n addListener(listener);\n }\n });\n };\n\n async.retry = function(times, task, callback) {\n var DEFAULT_TIMES = 5;\n var attempts = [];\n // Use defaults if times not passed\n if (typeof times === 'function') {\n callback = task;\n task = times;\n times = DEFAULT_TIMES;\n }\n // Make sure times is a number\n times = parseInt(times, 10) || DEFAULT_TIMES;\n var wrappedTask = function(wrappedCallback, wrappedResults) {\n var retryAttempt = function(task, finalAttempt) {\n return function(seriesCallback) {\n task(function(err, result){\n seriesCallback(!err || finalAttempt, {err: err, result: result});\n }, wrappedResults);\n };\n };\n while (times) {\n attempts.push(retryAttempt(task, !(times-=1)));\n }\n async.series(attempts, function(done, data){\n data = data[data.length - 1];\n (wrappedCallback || callback)(data.err, data.result);\n });\n }\n // If a callback is passed, run this as a controll flow\n return callback ? wrappedTask() : wrappedTask\n };\n\n async.waterfall = function (tasks, callback) {\n callback = callback || function () {};\n if (!_isArray(tasks)) {\n var err = new Error('First argument to waterfall must be an array of functions');\n return callback(err);\n }\n if (!tasks.length) {\n return callback();\n }\n var wrapIterator = function (iterator) {\n return function (err) {\n if (err) {\n callback.apply(null, arguments);\n callback = function () {};\n }\n else {\n var args = Array.prototype.slice.call(arguments, 1);\n var next = iterator.next();\n if (next) {\n args.push(wrapIterator(next));\n }\n else {\n args.push(callback);\n }\n async.setImmediate(function () {\n iterator.apply(null, args);\n });\n }\n };\n };\n wrapIterator(async.iterator(tasks))();\n };\n\n var _parallel = function(eachfn, tasks, callback) {\n callback = callback || function () {};\n if (_isArray(tasks)) {\n eachfn.map(tasks, function (fn, callback) {\n if (fn) {\n fn(function (err) {\n var args = Array.prototype.slice.call(arguments, 1);\n if (args.length <= 1) {\n args = args[0];\n }\n callback.call(null, err, args);\n });\n }\n }, callback);\n }\n else {\n var results = {};\n eachfn.each(_keys(tasks), function (k, callback) {\n tasks[k](function (err) {\n var args = Array.prototype.slice.call(arguments, 1);\n if (args.length <= 1) {\n args = args[0];\n }\n results[k] = args;\n callback(err);\n });\n }, function (err) {\n callback(err, results);\n });\n }\n };\n\n async.parallel = function (tasks, callback) {\n _parallel({ map: async.map, each: async.each }, tasks, callback);\n };\n\n async.parallelLimit = function(tasks, limit, callback) {\n _parallel({ map: _mapLimit(limit), each: _eachLimit(limit) }, tasks, callback);\n };\n\n async.series = function (tasks, callback) {\n callback = callback || function () {};\n if (_isArray(tasks)) {\n async.mapSeries(tasks, function (fn, callback) {\n if (fn) {\n fn(function (err) {\n var args = Array.prototype.slice.call(arguments, 1);\n if (args.length <= 1) {\n args = args[0];\n }\n callback.call(null, err, args);\n });\n }\n }, callback);\n }\n else {\n var results = {};\n async.eachSeries(_keys(tasks), function (k, callback) {\n tasks[k](function (err) {\n var args = Array.prototype.slice.call(arguments, 1);\n if (args.length <= 1) {\n args = args[0];\n }\n results[k] = args;\n callback(err);\n });\n }, function (err) {\n callback(err, results);\n });\n }\n };\n\n async.iterator = function (tasks) {\n var makeCallback = function (index) {\n var fn = function () {\n if (tasks.length) {\n tasks[index].apply(null, arguments);\n }\n return fn.next();\n };\n fn.next = function () {\n return (index < tasks.length - 1) ? makeCallback(index + 1): null;\n };\n return fn;\n };\n return makeCallback(0);\n };\n\n async.apply = function (fn) {\n var args = Array.prototype.slice.call(arguments, 1);\n return function () {\n return fn.apply(\n null, args.concat(Array.prototype.slice.call(arguments))\n );\n };\n };\n\n var _concat = function (eachfn, arr, fn, callback) {\n var r = [];\n eachfn(arr, function (x, cb) {\n fn(x, function (err, y) {\n r = r.concat(y || []);\n cb(err);\n });\n }, function (err) {\n callback(err, r);\n });\n };\n async.concat = doParallel(_concat);\n async.concatSeries = doSeries(_concat);\n\n async.whilst = function (test, iterator, callback) {\n if (test()) {\n iterator(function (err) {\n if (err) {\n return callback(err);\n }\n async.whilst(test, iterator, callback);\n });\n }\n else {\n callback();\n }\n };\n\n async.doWhilst = function (iterator, test, callback) {\n iterator(function (err) {\n if (err) {\n return callback(err);\n }\n var args = Array.prototype.slice.call(arguments, 1);\n if (test.apply(null, args)) {\n async.doWhilst(iterator, test, callback);\n }\n else {\n callback();\n }\n });\n };\n\n async.until = function (test, iterator, callback) {\n if (!test()) {\n iterator(function (err) {\n if (err) {\n return callback(err);\n }\n async.until(test, iterator, callback);\n });\n }\n else {\n callback();\n }\n };\n\n async.doUntil = function (iterator, test, callback) {\n iterator(function (err) {\n if (err) {\n return callback(err);\n }\n var args = Array.prototype.slice.call(arguments, 1);\n if (!test.apply(null, args)) {\n async.doUntil(iterator, test, callback);\n }\n else {\n callback();\n }\n });\n };\n\n async.queue = function (worker, concurrency) {\n if (concurrency === undefined) {\n concurrency = 1;\n }\n function _insert(q, data, pos, callback) {\n if (!q.started){\n q.started = true;\n }\n if (!_isArray(data)) {\n data = [data];\n }\n if(data.length == 0) {\n // call drain immediately if there are no tasks\n return async.setImmediate(function() {\n if (q.drain) {\n q.drain();\n }\n });\n }\n _each(data, function(task) {\n var item = {\n data: task,\n callback: typeof callback === 'function' ? callback : null\n };\n\n if (pos) {\n q.tasks.unshift(item);\n } else {\n q.tasks.push(item);\n }\n\n if (q.saturated && q.tasks.length === q.concurrency) {\n q.saturated();\n }\n async.setImmediate(q.process);\n });\n }\n\n var workers = 0;\n var q = {\n tasks: [],\n concurrency: concurrency,\n saturated: null,\n empty: null,\n drain: null,\n started: false,\n paused: false,\n push: function (data, callback) {\n _insert(q, data, false, callback);\n },\n kill: function () {\n q.drain = null;\n q.tasks = [];\n },\n unshift: function (data, callback) {\n _insert(q, data, true, callback);\n },\n process: function () {\n if (!q.paused && workers < q.concurrency && q.tasks.length) {\n var task = q.tasks.shift();\n if (q.empty && q.tasks.length === 0) {\n q.empty();\n }\n workers += 1;\n var next = function () {\n workers -= 1;\n if (task.callback) {\n task.callback.apply(task, arguments);\n }\n if (q.drain && q.tasks.length + workers === 0) {\n q.drain();\n }\n q.process();\n };\n var cb = only_once(next);\n worker(task.data, cb);\n }\n },\n length: function () {\n return q.tasks.length;\n },\n running: function () {\n return workers;\n },\n idle: function() {\n return q.tasks.length + workers === 0;\n },\n pause: function () {\n if (q.paused === true) { return; }\n q.paused = true;\n },\n resume: function () {\n if (q.paused === false) { return; }\n q.paused = false;\n // Need to call q.process once per concurrent\n // worker to preserve full concurrency after pause\n for (var w = 1; w <= q.concurrency; w++) {\n async.setImmediate(q.process);\n }\n }\n };\n return q;\n };\n\n async.priorityQueue = function (worker, concurrency) {\n\n function _compareTasks(a, b){\n return a.priority - b.priority;\n };\n\n function _binarySearch(sequence, item, compare) {\n var beg = -1,\n end = sequence.length - 1;\n while (beg < end) {\n var mid = beg + ((end - beg + 1) >>> 1);\n if (compare(item, sequence[mid]) >= 0) {\n beg = mid;\n } else {\n end = mid - 1;\n }\n }\n return beg;\n }\n\n function _insert(q, data, priority, callback) {\n if (!q.started){\n q.started = true;\n }\n if (!_isArray(data)) {\n data = [data];\n }\n if(data.length == 0) {\n // call drain immediately if there are no tasks\n return async.setImmediate(function() {\n if (q.drain) {\n q.drain();\n }\n });\n }\n _each(data, function(task) {\n var item = {\n data: task,\n priority: priority,\n callback: typeof callback === 'function' ? callback : null\n };\n\n q.tasks.splice(_binarySearch(q.tasks, item, _compareTasks) + 1, 0, item);\n\n if (q.saturated && q.tasks.length === q.concurrency) {\n q.saturated();\n }\n async.setImmediate(q.process);\n });\n }\n\n // Start with a normal queue\n var q = async.queue(worker, concurrency);\n\n // Override push to accept second parameter representing priority\n q.push = function (data, priority, callback) {\n _insert(q, data, priority, callback);\n };\n\n // Remove unshift function\n delete q.unshift;\n\n return q;\n };\n\n async.cargo = function (worker, payload) {\n var working = false,\n tasks = [];\n\n var cargo = {\n tasks: tasks,\n payload: payload,\n saturated: null,\n empty: null,\n drain: null,\n drained: true,\n push: function (data, callback) {\n if (!_isArray(data)) {\n data = [data];\n }\n _each(data, function(task) {\n tasks.push({\n data: task,\n callback: typeof callback === 'function' ? callback : null\n });\n cargo.drained = false;\n if (cargo.saturated && tasks.length === payload) {\n cargo.saturated();\n }\n });\n async.setImmediate(cargo.process);\n },\n process: function process() {\n if (working) return;\n if (tasks.length === 0) {\n if(cargo.drain && !cargo.drained) cargo.drain();\n cargo.drained = true;\n return;\n }\n\n var ts = typeof payload === 'number'\n ? tasks.splice(0, payload)\n : tasks.splice(0, tasks.length);\n\n var ds = _map(ts, function (task) {\n return task.data;\n });\n\n if(cargo.empty) cargo.empty();\n working = true;\n worker(ds, function () {\n working = false;\n\n var args = arguments;\n _each(ts, function (data) {\n if (data.callback) {\n data.callback.apply(null, args);\n }\n });\n\n process();\n });\n },\n length: function () {\n return tasks.length;\n },\n running: function () {\n return working;\n }\n };\n return cargo;\n };\n\n var _console_fn = function (name) {\n return function (fn) {\n var args = Array.prototype.slice.call(arguments, 1);\n fn.apply(null, args.concat([function (err) {\n var args = Array.prototype.slice.call(arguments, 1);\n if (typeof console !== 'undefined') {\n if (err) {\n if (console.error) {\n console.error(err);\n }\n }\n else if (console[name]) {\n _each(args, function (x) {\n console[name](x);\n });\n }\n }\n }]));\n };\n };\n async.log = _console_fn('log');\n async.dir = _console_fn('dir');\n /*async.info = _console_fn('info');\n async.warn = _console_fn('warn');\n async.error = _console_fn('error');*/\n\n async.memoize = function (fn, hasher) {\n var memo = {};\n var queues = {};\n hasher = hasher || function (x) {\n return x;\n };\n var memoized = function () {\n var args = Array.prototype.slice.call(arguments);\n var callback = args.pop();\n var key = hasher.apply(null, args);\n if (key in memo) {\n async.nextTick(function () {\n callback.apply(null, memo[key]);\n });\n }\n else if (key in queues) {\n queues[key].push(callback);\n }\n else {\n queues[key] = [callback];\n fn.apply(null, args.concat([function () {\n memo[key] = arguments;\n var q = queues[key];\n delete queues[key];\n for (var i = 0, l = q.length; i < l; i++) {\n q[i].apply(null, arguments);\n }\n }]));\n }\n };\n memoized.memo = memo;\n memoized.unmemoized = fn;\n return memoized;\n };\n\n async.unmemoize = function (fn) {\n return function () {\n return (fn.unmemoized || fn).apply(null, arguments);\n };\n };\n\n async.times = function (count, iterator, callback) {\n var counter = [];\n for (var i = 0; i < count; i++) {\n counter.push(i);\n }\n return async.map(counter, iterator, callback);\n };\n\n async.timesSeries = function (count, iterator, callback) {\n var counter = [];\n for (var i = 0; i < count; i++) {\n counter.push(i);\n }\n return async.mapSeries(counter, iterator, callback);\n };\n\n async.seq = function (/* functions... */) {\n var fns = arguments;\n return function () {\n var that = this;\n var args = Array.prototype.slice.call(arguments);\n var callback = args.pop();\n async.reduce(fns, args, function (newargs, fn, cb) {\n fn.apply(that, newargs.concat([function () {\n var err = arguments[0];\n var nextargs = Array.prototype.slice.call(arguments, 1);\n cb(err, nextargs);\n }]))\n },\n function (err, results) {\n callback.apply(that, [err].concat(results));\n });\n };\n };\n\n async.compose = function (/* functions... */) {\n return async.seq.apply(null, Array.prototype.reverse.call(arguments));\n };\n\n var _applyEach = function (eachfn, fns /*args...*/) {\n var go = function () {\n var that = this;\n var args = Array.prototype.slice.call(arguments);\n var callback = args.pop();\n return eachfn(fns, function (fn, cb) {\n fn.apply(that, args.concat([cb]));\n },\n callback);\n };\n if (arguments.length > 2) {\n var args = Array.prototype.slice.call(arguments, 2);\n return go.apply(this, args);\n }\n else {\n return go;\n }\n };\n async.applyEach = doParallel(_applyEach);\n async.applyEachSeries = doSeries(_applyEach);\n\n async.forever = function (fn, callback) {\n function next(err) {\n if (err) {\n if (callback) {\n return callback(err);\n }\n throw err;\n }\n fn(next);\n }\n next();\n };\n\n // Node.js\n if (typeof module !== 'undefined' && module.exports) {\n module.exports = async;\n }\n // AMD / RequireJS\n else if (typeof define !== 'undefined' && define.amd) {\n define([], function () {\n return async;\n });\n }\n // included directly via \n\n" }, { "path": "app/scripts/lib/flood/test/flood_test.js", "content": "var FLOOD = new require('../flood.js')\n\t, assert = require('assert')\n\t, scheme = require('../scheme.js');\n\n// mapApply - applyCartesian without nesting\n(function(scheme, FLOOD) {\n\n\tvar add = new FLOOD.nodeTypes.Add();\n\n\t// expected_arg_types\n\tvar options = {};\n\toptions.expected_arg_types = [[Number], [Number]];\n\toptions.replication = \"applyCartesian\";\n\n\tvar arr0 = new FLOOD.QuotedArray();\n\tarr0.push(-10);\n\tarr0.push(2);\n\n\tvar arr1 = new FLOOD.QuotedArray();\n\tarr1.push(2);\n\tarr1.push(3);\t\n\n\tvar res = add.eval.mapApply(add.eval, [arr0, arr1], options);\n\tassert.equal( 4, res.length );\n\tassert.equal( \"[ -8, -7, 4, 5 ]\", res.toString() );\n\n\tvar res = add.eval.mapApply(add.eval, [arr0, 1], options);\n\tassert.equal( 2, res.length );\n\tassert.equal( \"[ -9, 3 ]\", res.toString() );\n\n\tvar res = add.eval.mapApply(add.eval, [1, 1], options);\n\tassert.equal( \"2\", res.toString() );\n\n\tvar res = add.eval.mapApply(add.eval, [1, arr1], options);\n\tassert.equal( 2, res.length );\n\tassert.equal( \"[ 3, 4 ]\", res.toString() );\n\n})(scheme, FLOOD);\n\n// mapApply - applyLongest with nesting\n(function(scheme, FLOOD) {\n\n\tvar add = new FLOOD.nodeTypes.Add();\n\n\t// expected_arg_types\n\tvar options = {};\n\toptions.expected_arg_types = [[Number], [Number]];\n\toptions.replication = \"applyLongest\";\n\n\tvar arrA = new FLOOD.QuotedArray();\n\tvar arr0 = new FLOOD.QuotedArray();\n\tarrA.push(arr0);\n\tarr0.push(1);\n\n\tvar arrB = new FLOOD.QuotedArray();\n\tvar arr1 = new FLOOD.QuotedArray();\n\tarrB.push(arr1);\n\tarr1.push(2);\n\n\tvar res = add.eval.mapApply(eval, [arrA, arrB], options);\n\n\tassert.equal( 1, res.length );\n\tassert.equal( \"[ [ 3 ] ]\", res.toString() );\n\n\tvar res = add.eval.mapApply(eval, [4, arrB], options);\n\n\tassert.equal( 1, res.length );\n\tassert.equal( \"[ [ 6 ] ]\", res.toString() );\n\n\tvar res = add.eval.mapApply(eval, [arrA, 2], options);\n\n\tassert.equal( 1, res.length );\n\tassert.equal( \"[ [ 3 ] ]\", res.toString() );\n\n\tarr0.push(2);\n\tvar res = add.eval.mapApply(eval, [arrA, 2], options);\n\n\tassert.equal( 1, res.length );\n\tassert.equal( \"[ [ 3, 4 ] ]\", res.toString() );\n\n\tvar res = add.eval.mapApply(eval, [arrA, arrA], options);\n\n\tassert.equal( 1, res.length );\n\tassert.equal( \"[ [ 2, 4 ] ]\", res.toString() );\n\n})(scheme, FLOOD);\n\n// mapApply - applyLongest without nesting\n(function(scheme, FLOOD) {\n\n\tvar add = new FLOOD.nodeTypes.Add();\n\n\t// expected_arg_types\n\tvar options = {};\n\toptions.expected_arg_types = [[Number], [Number]];\n\toptions.replication = \"applyLongest\";\n\n\tvar arr = new FLOOD.QuotedArray();\n\tarr.push(8);\n\tarr.push(9);\n\tarr.push(10);\n\n\tvar res = add.eval.mapApply(eval, [1, arr], options);\n\tassert.equal( 3, res.length );\n\tassert.equal( \"[ 9, 10, 11 ]\", res.toString() );\n\n\tvar res = add.eval.mapApply(eval, [arr, arr], options);\n\tassert.equal( 3, res.length );\n\tassert.equal( \"[ 16, 18, 20 ]\", res.toString() );\n\n\tarr.push(11);\n\n\tvar res = add.eval.mapApply(eval, [1, arr], options);\n\tassert.equal( 4, res.length );\n\tassert.equal( \"[ 9, 10, 11, 12 ]\", res.toString() );\n\n})(scheme, FLOOD);\n\n// doAllTypesMatch\n(function(scheme, FLOOD) {\n\n\tvar arg = [null], arg_type = [[ FLOOD.AnyType ]];\n\tassert.equal( true, FLOOD.doAllTypesMatch( arg, arg_type ) );\n\n\tvar arg = [8], arg_type = [[ Number ]];\n\tassert.equal( true, FLOOD.doAllTypesMatch( arg, arg_type ) );\n\n\tvar arrNum = new FLOOD.QuotedArray();\n\tarrNum.push(8);\n\tvar arg = [ 8, arrNum ], arg_type = [[ Number ], [ FLOOD.QuotedArray, Number ]];\n\tassert.equal( true, FLOOD.doAllTypesMatch( arg, arg_type ) );\n\n\tvar arrString = new FLOOD.QuotedArray();\n\tarrString.push(\"frog\");\n\tvar arg = [ 8, arrNum, arrString ], arg_type = [ [ Number ], [ FLOOD.QuotedArray, Number ], [ FLOOD.QuotedArray, String ] ];\n\tassert.equal( true, FLOOD.doAllTypesMatch( arg, arg_type ) );\n\n\tvar arg = [ 8, arrString, arrNum ], arg_type = [ [ Number ], [ FLOOD.QuotedArray, Number ], [ FLOOD.QuotedArray, String ] ];\n\tassert.equal( false, FLOOD.doAllTypesMatch( arg, arg_type ) );\n\n})(scheme, FLOOD);\n\n// isFastTypeMatch\n(function(scheme, FLOOD) {\n\n\tvar arg = null, arg_type = [ FLOOD.AnyType ];\n\tassert.equal( true, FLOOD.isFastTypeMatch(arg, arg_type) );\n\n\tvar arg = new FLOOD.QuotedArray(null), arg_type = [ FLOOD.QuotedArray, FLOOD.AnyType ];\n\tassert.equal( true, FLOOD.isFastTypeMatch(arg, arg_type) );\n\n\tvar arg = null, arg_type = [ FLOOD.QuotedArray, FLOOD.AnyType ];\n\tassert.equal( false, FLOOD.isFastTypeMatch(arg, arg_type) );\n\n\tvar arg = new FLOOD.QuotedArray(), arg_type = [ FLOOD.QuotedArray, Number ];\n\targ.push(8);\n\tassert.equal( true, FLOOD.isFastTypeMatch(arg, arg_type) );\n\n\tvar arg = new FLOOD.QuotedArray(), arg_type = [ FLOOD.QuotedArray, FLOOD.QuotedArray, Number ];\n\targ.push(\"peter\");\n\targ.push(8);\n\tassert.equal( false, FLOOD.isFastTypeMatch(arg, arg_type) );\n\n\tvar arg = [[8, 8]], arg_type = [Array, Array, Number];\n\tassert.equal( true, FLOOD.isFastTypeMatch(arg, arg_type) );\n\n\tvar arg = [[[8]]], arg_type = [Array, Array, Array, Number];\n\tassert.equal( true, FLOOD.isFastTypeMatch(arg, arg_type) );\n\n\t// new constructor function\n\tfunction Turtle(){};\n\tvar arg = [[[new Turtle()]]], arg_type = [Array, Array, Array, Turtle];\n\tassert.equal( true, FLOOD.isFastTypeMatch(arg, arg_type) );\n\n})(scheme, FLOOD);\n\n// isObjectTypeMatch\n(function(scheme, FLOOD) {\n\n\tvar arg = null, arg_type = FLOOD.AnyType;\n\tassert.equal( true, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n\tvar arg = 8, arg_type = Number;\n\tassert.equal( true, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n\tvar arg = -8.23, arg_type = Number;\n\tassert.equal( true, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n\tvar arg = \"peter\", arg_type = String;\n\tassert.equal( true, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n\tvar arg = new FLOOD.QuotedArray(), arg_type = FLOOD.QuotedArray;\n\tassert.equal( true, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n\tvar arg = [], arg_type = Number;\n\tassert.equal( false, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n\tvar arg = \"peter\", arg_type = Number;\n\tassert.equal( false, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n\tvar arg = function(){}, arg_type = Function;\n\tassert.equal( true, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n\tvar arg = function(){}, arg_type = Number;\n\tassert.equal( false, FLOOD.isObjectTypeMatch(arg, arg_type) );\n\n})(scheme, FLOOD);\n\n\n// test case 1\n(function(scheme, FLOOD) {\n\n\tvar add = new FLOOD.nodeTypes.Add();\n\tvar num5 = new FLOOD.nodeTypes.Number();\n\tnum5.value = 5;\n\tvar num2 = new FLOOD.nodeTypes.Number();\n\tnum2.value = 2;\n\n\tadd.inputs[0].connect( num5 );\n\tadd.inputs[1].connect( num2 );\n\n\tassert.equal( add.printExpression() , '(+ 5 2)' );\n\n\tvar S = new scheme.Interpreter();\n\tassert.equal( S.eval( add.compile() ) , 7 );\n\n})(scheme, FLOOD);\n\n\n// test case 2\n(function(scheme, FLOOD) {\n\n\tvar add = new FLOOD.nodeTypes.Add();\n\tvar num5 = new FLOOD.nodeTypes.Number();\n\tnum5.value = 5;\n\n\tvar num2 = new FLOOD.nodeTypes.Number();\n\tnum2.value = 2;\n\n\tadd.inputs[0].connect( num5 );\n\tadd.inputs[1].connect( num2 );\n\n\tvar divide = new FLOOD.nodeTypes.Div();\n\n\tdivide.inputs[0].connect( num5 );\n\tdivide.inputs[1].connect( add );\n\n\tassert.equal( divide.printExpression() , '(/ 5 (+ 5 2))' );\n\n\tvar S = new scheme.Interpreter();\n\tassert.equal( S.eval( divide.compile() ), 5/7);\n\n})(scheme, FLOOD);\n\n\n// test case 3\n(function(scheme, FLOOD) {\n\n\tvar add = new FLOOD.nodeTypes.Add();\n\tvar num5 = new FLOOD.nodeTypes.Number();\n\tnum5.value = 5;\n\tvar num2 = new FLOOD.nodeTypes.Number();\n\tnum2.value = 2;\n\n\tadd.inputs[0].connect( num5 );\n\tadd.inputs[1].connect( num2 );\n\n\tvar divide = new FLOOD.nodeTypes.Div();\n\n\tdivide.inputs[0].connect( num5 );\n\tdivide.inputs[1].connect( add );\n\n\tvar multiply = new FLOOD.nodeTypes.Mult();\n\n\tmultiply.inputs[0].connect( num5 );\n\tmultiply.inputs[1].connect( add );\n\n\tvar begin = new FLOOD.nodeTypes.Begin();\n\n\tbegin.inputs.push( multiply.outputs[0].asInputPort(begin, 0) );\n\tbegin.inputs.push( divide.outputs[0].asInputPort(begin, 0) );\n\n\tbegin.inputs[0].connect( multiply );\n\tbegin.inputs[1].connect( divide );\n\n\tassert.equal( begin.printExpression(), '(begin (* 5 (+ 5 2)) (/ 5 (+ 5 2)))' );\n\n\tvar S = new scheme.Interpreter();\n\tbegin.markDirty();\n\tassert.equal( S.eval( begin.compile() ), 5/7);\n\n})(scheme, FLOOD);\n\n// // test case 4, check that add if curried correctly\n// (function(scheme, FLOOD) {\n\n// \tvar add = new FLOOD.nodeTypes.Add();\n// \tadd.inputs[0].defaultVal = 1;\n// \tadd.inputs[1].useDefault = false;\n\n// \tassert.equal( add.printExpression(), '(+ 1 _)' );\n\n// \tvar S = new scheme.Interpreter();\n// \tadd.markDirty();\n\n// \tvar add1 = S.eval( add.compile() );\n\n// \tassert.equal( add1(6), 7);\n\n// })(scheme, FLOOD);\n\n// // test case 4, use a curried function with map\n// (function(scheme, FLOOD) {\n\n// \tvar num5 = new FLOOD.nodeTypes.Num();\n// \tnum5.value = 5;\n\n// \tvar add = new FLOOD.nodeTypes.Add();\n// \tadd.inputs[0].useDefault = false;\n\n// \tadd.inputs[1].connect( num5 );\n\n// \tvar map = new FLOOD.nodeTypes.Map();\n\n// \tmap.inputs[0].connect( add );\n// \tmap.inputs[1].defaultVal = [\"quote\", [0, 1, 2]];\n\n// \tvar S = new scheme.Interpreter();\n// \tmap.markDirty();\n\n// \tvar mapVal = S.eval( map.compile() );\n\t\n// \tassert.equal( map.value.length, 3);\n// \tassert.equal( map.value[0], 5);\n// \tassert.equal( map.value[1], 6);\n// \tassert.equal( map.value[2], 7);\n\n// })(scheme, FLOOD);\n\n\n\n" }, { "path": "app/scripts/lib/flood/test/scheme_async_test.html", "content": "\n\n\n\n\n" }, { "path": "app/scripts/lib/flood/test/scheme_eval_async_test.js", "content": "var assert = require('assert')\n\t, async = require('../async.js')\n\t, scheme = require('../scheme.js');\n\n\n(function(scheme) {\n\n\tvar S = new scheme.Interpreter();\n\n\tS.eval_async( [\"begin\", 1, 2, 4], undefined, function(res){\n\t\tconsole.log(res);\n\t});\n\n\tS.eval_async( [function(x){ return x * 3; }, [ function(){ return 2; } ] ], undefined, function(res){\n\t\tconsole.log(res);\n\t});\n\n\tS.eval_async( [ \"quote\", \"cool yo\" ], undefined, function(res){\n\t\tconsole.log(res);\n\t});\n\n\t// allows interpreter execution to not block!\n\n})(scheme);" }, { "path": "app/scripts/main.js", "content": "require([\"config\"], function() {\n\n require(['backbone', 'App', 'AppView', 'Three', 'Viewport', 'FLOODCSG', 'bootstrap'], function (Backbone, App, AppView) {\n\n var app = new App();\n\n app.fetch({\n error: function(result) {\n console.error('error');\n console.error(result);\n },\n success: function(){\n app.enableAutosave();\n }\n });\n\n var appView = new AppView({model: app});\n\n });\n\n});\n\n" }, { "path": "app/scripts/models/App.js", "content": "define(['backbone', 'Workspaces', 'Node', 'Login', 'Workspace', 'SearchElements'], \n function(Backbone, Workspaces, Node, Login, Workspace, SearchElements){\n\n return Backbone.Model.extend({\n\n idAttribute: \"_id\",\n\n url: function() {\n return '/mys';\n },\n\n defaults: {\n name: \"DefaultSession\",\n workspaces: new Workspaces(),\n backgroundWorkspaces: [],\n currentWorkspace: null,\n showingBrowser: false,\n showingSearch: false,\n showingFeedback: false,\n showingShare: false,\n showingHelp: false,\n isFirstExperience: false,\n clipBoard: {}\n },\n\n initialize: function(args, options){\n this.on('change:currentWorkspace', this.updateCurrentWorkspace, this);\n this.updateCurrentWorkspace();\n\n this.login = new Login({}, { app: this });\n\n this.SearchElements = new SearchElements({app:this});\n this.SearchElements.fetch();\n\n this.get('workspaces').on('remove', this.workspaceRemoved, this);\n },\n\n workspaceIdsAwaitingParse : [],\n\n parse : function(resp) {\n\n var old = this.get('workspaces').slice();\n\n this.workspaceIdsAwaitingParse = _.pluck( resp.workspaces, '_id');\n\n this.get('workspaces').add(resp.workspaces, {app: this});\n this.get('workspaces').remove(old);\n\n this.workspaceIdsAwaitingParse = [];\n\n resp.workspaces = this.get('workspaces');\n\n return resp;\n\n },\n\n fetch : function(options){\n\n this.login.fetch();\n Backbone.Model.prototype.fetch.call(this, options);\n \n },\n\n toJSON : function() {\n\n if (this._isSerializing) {\n return this.id || this.cid;\n }\n\n this._isSerializing = true;\n\n var json = _.clone(this.attributes);\n\n _.each(json, function(value, name) {\n _.isFunction(value.toJSON) && (json[name] = value.toJSON());\n });\n\n this._isSerializing = false;\n\n // dont save the background workspaces, they will be dynamically\n // loaded on startup\n var backWs = this.get('backgroundWorkspaces');\n json.workspaces = json.workspaces.filter(function(x){\n return !_.contains( backWs, x._id );\n });\n\n return json;\n },\n\n enableAutosave: function(){\n\n this.get('workspaces').on('add remove', function(){ this.sync(\"update\", this); }, this );\n this.on('change:currentWorkspace', function(){ this.sync(\"update\", this); }, this);\n this.on('change:isFirstExperience', function(){ this.sync(\"update\", this); }, this);\n this.on('change:backgroundWorkspaces', function(){ this.sync(\"update\", this); }, this);\n\n },\n\n newNodePosition: [0,0],\n\n makeId: function(){\n return Math.floor(Math.random() * 1e9);\n },\n\n getCurrentWorkspace: function(){\n return this.get('workspaces').get( this.get('currentWorkspace') );\n },\n\n getLoadedWorkspace: function(id){\n return this.get('workspaces').get(id);\n },\n\n newWorkspace: function( callback ){\n\n var that = this;\n\n $.get(\"/nws\", function(data, status){\n\n var ws = new Workspace(data, {app: that });\n that.get('workspaces').add( ws );\n that.set('currentWorkspace', ws.get('_id') );\n if (callback) callback( ws );\n\n }).fail(function(){\n console.error(\"failed to get new workspace\");\n });\n\n },\n\n newNodeWorkspace: function( callback ){\n\n var that = this;\n\n $.get(\"/nws\", function(data, status){\n\n data.isCustomNode = true;\n\n var ws = new Workspace(data, { app: that });\n\n that.get('workspaces').add( ws );\n that.set('currentWorkspace', ws.get('_id') );\n if (callback) callback( ws );\n\n }).fail(function(){\n console.error(\"failed to get new workspace\");\n });\n\n },\n\n loadWorkspaceDependency: function(id){\n\n if ( _.contains( this.workspaceIdsAwaitingParse, id ) ) return;\n\n this.setWorkspaceToBackground( id );\n this.loadWorkspace( id );\n\n },\n\n loadWorkspace: function( id, callback ){\n\n var that = this;\n\n $.get(\"/ws/\" + id, function(data, status){\n\n console.log('workspace loaded ' + data.name )\n\n var ws = new Workspace(data, {app: that});\n that.get('workspaces').add( ws );\n if (callback) callback( ws );\n\n }).fail(function(){\n console.error(\"failed to get workspace with id: \" + id);\n });\n\n },\n\n isBackgroundWorkspace: function(id){\n return this.get('backgroundWorkspaces').indexOf(id) != -1;\n },\n\n setWorkspaceToBackground: function(id){\n\n if ( !this.isBackgroundWorkspace( id ) ){\n var copy = this.get('backgroundWorkspaces').slice(0);\n copy.push(id);\n this.set('backgroundWorkspaces', copy);\n }\n\n },\n\n removeWorkspaceFromBackground: function( id ){\n\n if ( _.contains( this.get('backgroundWorkspaces'), id) ){\n var copy = this.get('backgroundWorkspaces').slice(0);\n copy.remove(copy.indexOf(id));\n this.set('backgroundWorkspaces', copy);\n }\n\n },\n\n openWorkspace: function( id, callback ){\n\n this.removeWorkspaceFromBackground( id );\n\n var ws = this.get('workspaces').get(id);\n\n if ( ws ){\n this.set('currentWorkspace', id);\n }\n\n var that = this;\n\n this.loadWorkspace( id, function(ws){\n\n that.set('currentWorkspace', ws.get('_id') );\n if (callback) callback( ws );\n\n });\n\n },\n\n updateCurrentWorkspace: function(){\n\n if (this.get('workspaces').length === 0)\n return;\n\n this.get('workspaces').each(function(ele){\n ele.set('current', false);\n });\n\n if ( this.get('currentWorkspace') === null || !this.get('workspaces').get(this.get('currentWorkspace'))) {\n var ele = this.get('workspaces').at(0);\n this.set('currentWorkspace', ele.get('_id') );\n } \n\n this.get('workspaces').get(this.get('currentWorkspace')).set('current', true);\n\n },\n\n });\n\n\n})\n\n\n\n\n" }, { "path": "app/scripts/models/Connection.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.Model.extend({\n\n idAttribute: \"_id\",\n\n defaults: {\n startNodeId: 0\n , endNodeId: 0\n , startPortIndex: 0\n , endPortIndex: 0\n , startProxy: false\n , endProxy: false\n , startProxyPosition: [0,0]\n , endProxyPosition: [0,0]\n , hidden: false\n },\n\n workspace : null,\n startNode: null,\n endNode: null,\n\n initialize: function(args, options){\n\n this.workspace = options.workspace;\n\n // proxyconnections bind to the proxyMove event on the workspace\n if ( args.startProxy || args.endProxy ) {\n this.workspace.bind('proxyMove', this.proxyMove, this);\n } else {\n\n // bind to end nodes\n this.startNode = this.workspace.get('nodes').get(args.startNodeId);\n this.endNode = this.workspace.get('nodes').get(args.endNodeId);\n }\n\n },\n\n getOpposite: function(startNode){\n\n if ( startNode === this.startNode )\n {\n return {node: this.endNode, portIndex: this.get('endPortIndex')};\n }\n\n if ( startNode === this.endNode )\n {\n return {node: this.startNode, portIndex: this.get('startPortIndex')};\n }\n\n return {};\n\n }\n\n });\n\n});\n" }, { "path": "app/scripts/models/Feedback.js", "content": "define(['backbone'], function(Backbone) {\n\n\treturn Backbone.Model.extend({\n\n\t defaults: {\n\t \tshowing: false,\n\t \tfailure: false,\n\t \tfailureMessage: \"Unidentified error\"\n\t },\n\n\t send: function(data){\n\n\t \tif ( !data.subject ){\n\t \t\tthis.set('failureMessage', 'Please supply a subject for your feedback!');\n\t \t\tthis.set('failure', true);\n\t \t\treturn;\n\t \t}\n\n\t \tvar that = this;\n\t \t$.post('/feedback', data, function(e){\n\n\t \t\tif (e.length && e.length > 0 ) {\n\t \t\t\tthat.set('failureMessage', e[0].msg);\n\t \t\t\treturn that.set('failure', true);\n\t \t\t}\n\n\t \t\tthat.set('failure', false);\n\t \t\tthat.trigger('success');\n\t \t});\n\n\t }\n\n\t});\n\n});\n\n\n\n" }, { "path": "app/scripts/models/GeometryExport.js", "content": "define(['FileSaver'], function(FileSaver) {\n\n\t/// Adapted from: https://github.com/stephomi/sculptgl/blob/master/src/misc/ExportSTL.js\n\n\t'use strict';\n\n\tvar Export = {};\n\tvar Utils = {};\n\n\t/** Export STL file */\n\tExport.toSTL = function (scene, filename) {\n\n\t\t// merge all Geometry in three.js scene into one big bag of triangles\n\t\tvar numTris = 0;\n\t\tvar vertices = [];\n\t\tvar faces = [];\n\t\tvar faceNormals = [];\n\t\tvar vertOffset = 0;\n\n \tscene.traverse(function(ele) {\n\t \t\n \t\tif (!ele.visible || !(ele instanceof THREE.Mesh) ) return;\n\n \t\t\t// collect vertices\n \t\t\tele.geometry.vertices.forEach(function(v){\n \t\t\t\tvertices.push( v.x );\n \t\t\t\tvertices.push( v.y );\n \t\t\t\tvertices.push( v.z );\n \t\t\t});\n\n \t\t\t// collect faces, face normals\n \t\t\tele.geometry.faces.forEach(function(face){\n \t\t\t\tfaces.push(vertOffset + face.a);\n \t\t\t\tfaces.push(vertOffset + face.b);\n \t\t\t\tfaces.push(vertOffset + face.c);\n\n \t\t\t\tfaceNormals.push( face.normal.x );\n \t\t\t\tfaceNormals.push( face.normal.y );\n \t\t\t\tfaceNormals.push( face.normal.z );\n\n \t\t\t\tnumTris += 1;\n \t\t\t});\n\n \t\t\tvertOffset += ele.geometry.vertices.length;\n\n \t});\n\n \tvar blob = Export.toAsciiSTL(vertices, faces, faceNormals, numTris );\n\n \tFileSaver( blob, filename );\n\t\t\n\t};\n\n\tUtils.normalizeArrayVec3 = function (array, out) {\n\t\tvar arrayOut = out || array;\n\t\tfor (var i = 0, l = array.length; i < l; ++i) {\n\t\t var j = i * 3;\n\t\t var nx = array[j];\n\t\t var ny = array[j + 1];\n\t\t var nz = array[j + 2];\n\t\t var len = 1.0 / Math.sqrt(nx * nx + ny * ny + nz * nz);\n\t\t arrayOut[j] = nx * len;\n\t\t arrayOut[j + 1] = ny * len;\n\t\t arrayOut[j + 2] = nz * len;\n\t\t}\n\t\treturn arrayOut;\n\t};\n\n\t/** Return a buffer array which is at least nbBytes long */\n\tUtils.getMemory = (function () {\n\t\tvar pool = new ArrayBuffer(100000);\n\t\treturn function (nbBytes) {\n\t\t if (pool.byteLength >= nbBytes)\n\t\t return pool;\n\t\t pool = new ArrayBuffer(nbBytes);\n\t\t return pool;\n\t\t};\n\t})();\n\n\t/** Export Ascii STL file */\n\tExport.toAsciiSTL = function (vAr, iAr, origFN, nbTriangles) {\n\n\t\tvar faceNormals = new Float32Array(Utils.getMemory(origFN.length * 4), 0, origFN.length);\n\t\tUtils.normalizeArrayVec3(origFN, faceNormals);\n\t\tvar data = 'solid mesh\\n';\n\n\t\tfor (var i = 0; i < nbTriangles; ++i) {\n\t\t var j = i * 3;\n\t\t data += ' facet normal ' + faceNormals[j] + ' ' + faceNormals[j + 1] + ' ' + faceNormals[j + 2] + '\\n';\n\t\t data += ' outer loop\\n';\n\t\t var iv1 = iAr[j] * 3;\n\t\t var iv2 = iAr[j + 1] * 3;\n\t\t var iv3 = iAr[j + 2] * 3;\n\t\t data += ' vertex ' + vAr[iv1] + ' ' + vAr[iv1 + 1] + ' ' + vAr[iv1 + 2] + '\\n';\n\t\t data += ' vertex ' + vAr[iv2] + ' ' + vAr[iv2 + 1] + ' ' + vAr[iv2 + 2] + '\\n';\n\t\t data += ' vertex ' + vAr[iv3] + ' ' + vAr[iv3 + 1] + ' ' + vAr[iv3 + 2] + '\\n';\n\t\t data += ' endloop\\n';\n\t\t data += ' endfacet\\n';\n\t\t}\n\t\tdata += 'endsolid mesh\\n';\n\n\t\treturn new Blob([data]);\n\t};\n\n\treturn Export;\n\n});" }, { "path": "app/scripts/models/Help.js", "content": "define(['backbone'], function(Backbone) {\n\n\treturn Backbone.Model.extend({\n\n\t defaults: {\n\t \tsections:\n\t \t\t[ { title: \"Workspace Tabs\",\n\t \t\t\t\ttargetId : \"add-workspace-button\",\n\t \t\t\t\toffset: [5, 5],\n\t \t\t\t\ttext: \"Switch between or add new active workspaces\"\n\t \t\t\t},\n\t \t\t\t{ title: \"Node Library\",\n\t \t\t\t\ttargetId : \"bottom-search\",\n\t \t\t\t\toffset: [5, -110],\n\t \t\t\t\ttext: \"This is one place where you can add new nodes. You can also double click on the workspace to add nodes.\"\n\t \t\t\t},\n\t \t\t\t{ title: \"3D Focus Control\",\n\t \t\t\t\ttargetId : \"workspace_hide\",\n\t \t\t\t\toffset: [-170,-100],\n\t \t\t\t\ttext: \"Toggle between the 3D view and your workspace\"\n\t \t\t\t},\n\t \t\t\t{ title: \"Workspace Browser\",\n\t \t\t\t\ttargetId : \"workspace-browser-button\",\n\t \t\t\t\toffset: [-170,0],\n\t \t\t\t\ttext: \"You can find all of your past work in the Workspace Browser\"\n\t \t\t\t},\n\t \t\t\t{ title: \"Export STL\",\n\t \t\t\t\ttargetId : \"export-button\",\n\t \t\t\t\toffset: [20,-110],\n\t \t\t\t\ttext: \"Export all visible geometry to STL for 3D printing\"\n\t \t\t\t},\n\t \t\t\t{ title: \"Share a customizer\",\n\t \t\t\t\ttargetId : \"share-button\",\n\t \t\t\t\toffset: [-200,10],\n\t \t\t\t\ttext: \"Share a customizer with anyone on the internet!\"\n\t \t\t\t},\n // { title: \"Zoom\",\n\t \t\t\t// \ttargetId : \"zoomreset-button\",\n\t \t\t\t// \toffset: [20,-110],\n\t \t\t\t// \ttext: \"Use this control the workspace zoom, or use Ctrl +, Ctrl -\"\n\t \t\t\t// }\n\t \t\t]\n\t }\n\n\t});\n});\n" }, { "path": "app/scripts/models/Login.js", "content": "define(['backbone'], function(Backbone) {\n\n\treturn Backbone.Model.extend({\n\n\t defaults: {\n\t \tisLoggedIn : false,\n\t \tfailed : false,\n\t \tfailureMessage : \"\",\n\t \tshowing: false,\n\t \temail : \"\"\n\t },\n\n\tinitialize: function(atts, vals) {\n\t \tthis.app = vals.app;\n\t },\n\n\t fetch : function(){\n\n\t \tvar that = this;\n\t \t$.get('/email', function(e){\n\t \t\tif (e.email) {\n\t \t\t\tthat.set('email', e.email);\n\t \t\t\tthat.set('isLoggedIn', true); \n\t \t\t} else {\n\t \t\t\tthat.set('isLoggedIn', false);\n\t \t\t}\n\t \t});\n\n\t },\n\n\t\ttoggle: function(){\n\t\t return this.get('showing') ? this.hide() : this.show();\n\t\t},\n\n\t\tshow: function() {\n\t\t this.set('showing', true);\n\t\t},\n\n\t\thide: function() {\n\t\t this.set('showing', false);\n\t\t},\n\n\t signup: function(data){\n\n\t \tvar that = this;\n\t \t$.post('/signup', data, function(e){\n\n\t \t\tif (e.length && e.length > 0 ) {\n\t \t\t\tthat.set('failureMessage', e[0].msg);\n\t \t\t\treturn that.set('failed', true);\n\t \t\t}\n\n\t \t\tthat.set('failed', false);\n\t \t\tthat.app.fetch();\n\t \t});\n\n\t },\n\n\t login: function(data){\n\n\t \tvar that = this;\n\t \t$.post('/login', data, function(e){\n\n\t \t\tif (e.length && e.length > 0 ) {\n\t \t\t\tthat.set('failureMessage', e[0].msg);\n\t \t\t\treturn that.set('failed', true);\n\t \t\t}\n\n\t \t\tthat.set('failed', false);\n\t \t\tthat.app.fetch();\n\t \t});\n\n\t },\n\n\t logout: function(){\n\n\t \tvar that = this;\n\t \t$.get('/logout', {}, function(e){\n\t \t\tthat.app.fetch();\n\t \t});\n\n\t }\n\n\t});\n});\n" }, { "path": "app/scripts/models/Marquee.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.Model.extend({\n\n idAttribute: \"_id\",\n\n defaults: {\n x: 10\n , y: 10\n , width: 50\n , height: 50\n , hidden: true\n },\n\n startCorner: [10,10],\n\n endCorner: [20, 20],\n\n initialize: function(args, options){\n\n this.workspace = options.workspace;\n\n },\n\n updateRawValues: function(){\n\n this.set('width', Math.abs( this.startCorner[0] - this.endCorner[0] ) );\n this.set('height', Math.abs( this.startCorner[1] - this.endCorner[1] ) );\n this.set('x', Math.min( this.startCorner[0], this.endCorner[0] ) );\n this.set('y', Math.min( this.startCorner[1], this.endCorner[1] ) );\n\n },\n\n setStartCorner: function( posInWorkspace ){\n\n this.startCorner = posInWorkspace;\n this.endCorner = posInWorkspace;\n\n this.updateRawValues();\n\n },\n\n setEndCorner: function( posInWorkspace ){\n\n this.endCorner = posInWorkspace;\n\n this.updateRawValues();\n\n }\n\n });\n\n});\n" }, { "path": "app/scripts/models/Node.js", "content": "var app = app || {};\n\ndefine(['backbone', 'FLOOD'], function(Backbone, FLOOD) {\n\n return Backbone.Model.extend({\n\n idAttribute: \"_id\",\n\n defaults: {\n name: 'DefaultNodeName'\n , position: [10, 10]\n , typeName: 'Add'\n , type: null\n , inputConnections: []\n , outputConnections: []\n , selected: true\n , lastValue: null\n , failureMessage: null\n , visible: true\n , replication: \"applyLongest\"\n , extra: {}\n , ignoreDefaults: []\n , isEvaluating: false\n },\n\n initialize: function(atts, vals) {\n\n // we need to know the type in order to create the node\n if ( atts.typeName != null && FLOOD.nodeTypes[atts.typeName] != undefined){\n this.set( 'type', new FLOOD.nodeTypes[ atts.typeName ]() );\n } else if ( atts.typeName != null && FLOOD.internalNodeTypes[atts.typeName] != undefined ) {\n this.set( 'type', new FLOOD.internalNodeTypes[ atts.typeName ]() );\n } else {\n this.set( 'type', new FLOOD.nodeTypes.Add() );\n }\n\n if (atts.extra){ this.get('type').extend( atts.extra ); }\n\n if (atts.lastValue){\n this.get('type').value = atts.lastValue;\n }\n\n if (atts.ignoreDefaults && atts.ignoreDefaults.length > 0){\n\n for (var i = 0; i < this.get('type').inputs.length; i++){\n this.get('type').inputs[i].useDefault = !atts.ignoreDefaults[i];\n }\n \n } else {\n atts.ignoreDefaults = this.get('type').inputs.map(function(x){ return !x.useDefault; });\n }\n\n this.set('ignoreDefaults', atts.ignoreDefaults );\n \n var that = this;\n this.on('connection', this.onConnectPort);\n \n this.on('disconnection', this.onDisconnectPort);\n this.workspace = vals.workspace;\n\n this.on('remove', this.onRemove);\n\n this.initializePorts();\n \n },\n\n // called when saving the node to server\n serialize : function() {\n\n var vals = {\n name: this.get(\"name\")\n , position: this.get('position')\n , typeName: this.get('typeName')\n , selected: this.get('selected')\n , visible: this.get('visible')\n , ignoreDefaults: this.get('ignoreDefaults')\n , _id: this.get('_id')\n , replication: this.get('replication')\n , extra: this.get('extra')\n };\n\n return vals;\n\n },\n\n initializePorts: function() {\n\n var type = this.get('type');\n \n this.set('inputConnections', new Array( type.inputs.length ));\n this.set('outputConnections', new Array( type.outputs.length ));\n\n },\n\n onRemove: function(){\n\n this.trigger('removed');\n\n },\n\n onEvalFailed: function(ex){\n\n this.trigger('evalFailed', ex);\n\n },\n\n onEvalBegin: function(isNew){\n\n if (!isNew) return;\n this.trigger('evalBegin');\n this.set('isEvaluating', true);\n\n },\n\n onEvalComplete: function(isNew, value, prettyValue){\n\n if (!isNew) return;\n\n this.set('lastValue', value);\n this.set('prettyLastValue', prettyValue);\n this.set('isEvaluating', false);\n this.trigger('evalComplete');\n\n },\n\n select: function() {\n this.set('selected', false);\n },\n\n deselect: function() {\n this.set('selected', true);\n },\n\n // get the input or output ports of a node\n getPorts: function(isOutput){\n return isOutput ? this.get('outputConnections') : this.get('inputConnections');\n },\n\n // determine if a given port is connected or not\n isPortConnected: function(index, isOutput){\n\n if ( !this.isValidPort(index, isOutput) ) {\n return true;\n }\n\n var ports = this.getPorts(isOutput);\n return ports[index] != null && ports[index].length > 0;\n\n },\n\n isPartialFunctionApplication: function(){\n\n var numInPorts = this.get('inputConnections').length;\n\n for (var i = 0; i < numInPorts; i++){\n if (!this.isPortConnected(i, false) && !this.isInputPortUsingDefault(i) ){\n return true;\n } \n }\n\n return false;\n\n },\n\n isInputPortUsingDefault: function(index){\n\n if ( !this.isValidPort(index, false) ) {\n return false;\n }\n\n return !this.get('ignoreDefaults')[index];\n\n },\n\n // get the type of a given node port\n getPortType: function(index, isOutput){\n \n if (index < 0)\n return null;\n\n var type = this.get('type')\n , ports = isOutput ? type.outputs : type.inputs;\n\n if ( ports.length > index )\n return ports[index].type\n\n return null;\n\n },\n\n isValidPort: function(index, isOutput){\n return this.getPortType(index, isOutput) != null;\n },\n\n // get the node and index of the opposite end of a port\n // returns object containing \"node\", \"portIndex\" fields\n // if out of range, returns null\n getOppositeNodeAndPort: function(index, isOutput){\n\n if ( !this.isValidPort(index, isOutput) ) {\n return null;\n }\n\n return this.getPorts(isOutput)[index];\n },\n\n isOutputNode: function(){\n return this.get('outputConnections').reduce(function(memo, ele){\n return memo && (ele.length === 0);\n }, true);\n },\n\n connectPort: function( portIndex, isOutput, connection ) {\n\n if ( !this.isValidPort(portIndex, isOutput) ) {\n return null; // the port doesn't exist\n }\n\n // initialize if necessary\n if ( this.getPorts( isOutput )[portIndex] === undefined )\n this.getPorts( isOutput )[portIndex] = [];\n\n // add the connection to the array\n this.getPorts( isOutput )[portIndex].push(connection);\n\n // listen for deletion or update of the connection\n var that = this;\n this.listenTo( connection, 'remove', (function(){\n return function(){\n that.disconnectPort( portIndex, connection, isOutput );\n };\n })());\n\n this.trigger('connection', portIndex, isOutput, connection);\n this.trigger('change');\n\n return this;\n\n },\n\n getConnectionAtIndex: function( portIndex, isOutput, connectionIndex ){\n\n var ports = this.getAllConnectionsAtPort( portIndex, isOutput );\n\n if (ports == null) return null;\n if ( connectionIndex === undefined ) connectionIndex = 0;\n if ( connectionIndex >= ports.length || connectionIndex < 0) return null;\n\n return ports[connectionIndex];\n\n },\n\n getAllConnectionsAtPort: function( portIndex, isOutput ){\n\n if (!this.isValidPort(portIndex, isOutput)) return null;\n\n if (isOutput === undefined) isOutput = false;\n\n var ports = this.getPorts(isOutput)[portIndex];\n return ports;\n\n },\n\n disconnectPort: function( portIndex, connection, isOutput ){\n\n if (!this.isValidPort(portIndex, isOutput)){\n return;\n }\n\n var port = this.getPorts(isOutput)[portIndex];\n\n if (port == null)\n return;\n\n var index = -1;\n if ( connection ){\n\n var index = port.indexOf(connection);\n\n } else if (!isOutput && port.length > 0) {\n\n index = 0;\n connection = port[0];\n isOutput = false;\n this.workspace.get('connections').remove( connection );\n\n }\n \n if (index === -1) return;\n \n // remove the requested connection on the port\n port.remove(index);\n\n this.trigger('disconnection', portIndex, isOutput, connection);\n this.trigger('change');\n \n },\n\n onConnectPort: function( portIndex, isOutput, connection){\n \n if (isOutput)\n return;\n\n // connect the logic nodes\n var type = this.get('type')\n , opp = connection.getOpposite( this )\n , oppType = opp.node.get('type')\n , oppIndex = opp.portIndex;\n\n type.inputs[portIndex].connect( oppType, oppIndex );\n\n },\n\n onDisconnectPort: function( portIndex, isOutput, connection ){\n \n if (isOutput){\n return;\n }\n\n if (!isOutput){\n this.get('type').inputs[portIndex].disconnect();\n }\n\n if (this.workspace)\n this.workspace.run();\n\n }\n\n });\n\n});\n\n\n\n" }, { "path": "app/scripts/models/Runner.js", "content": "define(['backbone','underscore'], function(Backbone, _) {\n\n\treturn Backbone.Model.extend({\n\n\t defaults: {\n\t \tisRunning : false\n\t },\n\n\t\tinitialize: function(atts, vals) {\n\n\t\t\tthis.app = vals.app;\n\t\t\tvar ws = vals.workspace;\n\t\t\tthis.workspace = ws;\n\n\t\t\tthis.set('id', ws.get('_id') );\n\n\t\t\tthis.reset();\n\n\t\t\tvals.workspace.get('connections').on('add', this.addConnection, this );\n\t\t\tvals.workspace.get('connections').on('remove', this.removeConnection, this );\n\n\t\t\tvals.workspace.get('nodes').on('add', this.addNode, this );\n\t\t\tvals.workspace.get('nodes').on('remove', this.removeNode, this );\n\n\t\t\tthis.runCount = 0;\n\t\t\tthis.averageRunTime = 0;\n\n\t\t\tthis.run = _.throttle(this.run, 120);\n\n\t },\n\n\t post: function(data, quiet){\n\n\t \tif (!data.workspace_id)\n\t \t\tdata.workspace_id = this.workspace.get('_id');\n\n\t \tthis.worker.postMessage(data);\n\n\t \tif (quiet) return;\n\n\t \tthis.trigger('post', data );\n\n\t },\n\n\t onWorkerMessage: function(data){\n\n\t \tvar cb = this[\"on_\" + data.kind];\n\t \tif ( cb ) cb.call(this, data);\n\t\t\t\n\t },\n\n\t initWorker: function(){\n\n\t \tthis.worker = new Worker(\"scripts/lib/flood/flood_runner.js\");\n\n\t \tvar that = this;\n\n\t\t\tthis.worker.addEventListener('message', function(e) {\n\t\t\t\treturn that.onWorkerMessage.call(that, e.data);\t\n\t\t\t}, false);\n\n\t },\n\n\t initWorkspace: function(){\n\n\t \tthis.post({kind: 'addWorkspace'});\n\n\t \tvar wsc = this.workspace.toJSON();\n\t \tvar ncb = function(){ this.updateNode( node ); };\n\n\t \tvar that = this;\n\t \tthis.workspace.get('nodes').each(function(x){\n\t \t\tthat.watchNodeEvents.call(that, x);\n\t \t});\n\n\t \twsc.kind = \"setWorkspaceContents\";\n \t this.post( wsc );\n\n\t },\n\n\t on_nodeEvalComplete: function(data){\n\n\t \tvar node = this.workspace.get('nodes').get( data._id );\n\t \tif (node)\n\t \t\tnode.onEvalComplete( data.isNew, data.value, data.prettyValue );\n\n\t },\n\n\t \ton_nodeEvalFailed: function(data){\n\n\t \t\tvar node = this.workspace.get('nodes').get( data._id );\n\t \tif (node)\n\t \t\tthis.workspace.get('nodes').get( data._id ).onEvalFailed(data.exception);\n\n\t },\n\n\t \ton_nodeEvalBegin: function(data){\n\n\t \t\tvar node = this.workspace.get('nodes').get( data._id );\n\t \tif (node)\n\t \t\tthis.workspace.get('nodes').get( data._id ).onEvalBegin( data.isNew );\n\n\t },\n\n\t on_run: function(data){\n\n\t \tconsole.log( data );\n\t \tthis.set('isRunning', false);\n\t \tthis.runCount++;\n\n\t \tthis.trigger('runComplete');\n\n\t },\n\n\t cancel: function(){\n\n\t \tthis.set('isRunning', false);\n\t \tthis.worker.terminate();\n\t \tthis.reset();\n\n\t },\n\n\t runQueued : false,\n\n\t run: function( bottomIds ){\n\n\t \tthis.post({ kind: \"run\", bottom_ids: bottomIds });\n\t \tthis.set('isRunning', true);\n\n\t },\n\n\t watchNodeEvents: function( node ){\n\n\t \tvar u = function(){ this.updateNode( node ); };\n\t \tnode.on('change:replication', u, this );\n node.on('change:ignoreDefaults', u, this);\n \t\tnode.on('updateRunner', u, this );\n\n\t },\n\n\t updateNode: function( node ){\n\n\t \tvar n = node.serialize();\n\n\t \tn.kind = \"updateNode\";\n\t \tn.workspace_id = node.workspace.id;\n\n\t \tthis.post( n );\n\n\t },\n\n\t addNode: function(node){\n\n\t \tvar n = node.serialize();\n\t \tn.kind = \"addNode\";\n\t \tn.workspace_id = node.workspace.id;\n\n\t \tthis.watchNodeEvents( node );\n\n\t \tthis.post(n);\n\n\t },\n\n\t removeNode: function(node){\n\n\t \tvar n = node.serialize();\n\t \tn.kind = \"removeNode\";\n\t \tn.workspace_id = node.workspace.id;\n\n\t \tthis.post( n );\n\n\t },\n\n\t addConnection: function(connection, workspace){\n\n\t \tvar c = connection.toJSON();\n\t \tc.kind = \"addConnection\";\n\t \tc.id = connection.get('_id');\n\t \tc.workspace_id = connection.workspace.id;\n\n\t \tthis.post(c);\n\n\t },\n\n\t removeConnection: function(connection){\n\n\t \tvar c = connection.toJSON();\n\t \tc.kind = \"removeConnection\";\n\t \tc.id = connection.get('endNodeId');\n\t \tc.portIndex = connection.get('endPortIndex');\n\t \tc.workspace_id = connection.workspace.id;\n\n\t \tthis.post( c );\n\n\t },\t\n\n\t recompile: function(workspace){\n\n\t \tvar c = workspace.toJSON();\n\t \tc.kind = \"recompile\";\n\n\t \tthis.post( c );\n\n\t },\n\n\t \taddDefinition: function(workspace){\n\n\t \tvar c = workspace.toJSON();\n\t \tc.kind = \"addDefinition\";\n\t \tc.workspace_id = c._id;\n\n\t \tvar that = this;\n\t \tworkspace.get('nodes').each(function(x){\n\t \t\tthat.watchNodeEvents.call(that, x);\n\t \t});\n\n\t\t\tworkspace.get('connections').on('add', function(x){ \n\t\t\t\tthis.addConnection(x);\n\t\t\t\tthis.recompile(workspace);\n\t\t\t\tthis.workspace.trigger('requestRun');\n\t\t\t}, this );\n\n\t\t\tworkspace.get('connections').on('remove', function(x){ \n\t\t\t\tthis.removeConnection(x);\n\t\t\t\tthis.recompile(workspace);\n\t\t\t\tthis.workspace.trigger('requestRun');\n\t\t\t}, this );\n\n\t\t\tworkspace.get('nodes').on('add', function(x){ \n\t\t\t\tthis.addNode(x);\n\t\t\t\tthis.recompile(workspace);\n\t\t\t\tthis.workspace.trigger('requestRun');\n\t\t\t}, this );\n\n\t\t\tworkspace.get('nodes').on('remove', function(x){ \n\t\t\t\tthis.removeNode(x);\n\t\t\t\tthis.recompile(workspace);\n\t\t\t\tthis.workspace.trigger('requestRun');\n\t\t\t}, this );\n\n\t \tthis.post( c );\n\n\t },\t\n\n\t on_recompile: function(data){\n\t \tconsole.log(data);\n\t },\n\n\t reset: function(){\n\n\t \tthis.initWorker();\n\t \tthis.initWorkspace();\n\n\t }\n\n\t});\n});" }, { "path": "app/scripts/models/Search.js", "content": "define(['backbone'], function(Backbone) {\n\n\treturn Backbone.Model.extend({\n\n\t defaults: {\n\n\t },\n\n\t initialize: function(atts, vals) {\n\t \t\n\t }\n\n\t});\n\n});\n\n\n\n" }, { "path": "app/scripts/models/SearchElement.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.Model.extend({\n\n defaults: {\n name: null,\n isCustomNode: false,\n functionId: -1\n }, \n \n initialize: function(a, b) {\n this.app = a.app;\n }\n\n });\n\n});\n\n\n" }, { "path": "app/scripts/models/Share.js", "content": "define(['backbone'], function(Backbone) {\n\n\treturn Backbone.Model.extend({\n\n\t defaults: {\n\t \tisProjectWorkspace: false,\n\t },\n\n\t initialize: function(atts, vals) {\n\n\t \tthis.app = atts.app;\n\n\t \t// this.app.on('change:currentWorkspace', function(x){\n\t \t// \tconsole.log( this.app.getCurrentWorkspace() );\n\t \t// }, this);\n\n\t },\n\n\t});\n\n});" }, { "path": "app/scripts/models/Workspace.js", "content": "define(['backbone', 'Nodes', 'Connection', 'Connections', 'scheme', 'FLOOD', 'Runner', 'Node', 'Marquee', 'WorkspaceResolver', 'GeometryExport'], \n function(Backbone, Nodes, Connection, Connections, scheme, FLOOD, Runner, Node, Marquee, WorkspaceResolver, GeometryExport) {\n\n return Backbone.Model.extend({\n\n idAttribute: \"_id\",\n\n url: function(){\n return '/ws/' + this.get('_id');\n },\n\n defaults: {\n name: \"Unnamed Workspace\",\n nodes: null,\n connections: null,\n zoom: 1,\n current: false,\n isPublic: false,\n isRunning: false,\n lastSaved: Date.now(),\n offset: [4000,4000],\n\n // undo/redo stack\n undoStack: [],\n redoStack: [],\n clipBoard: [],\n\n // for custom nodes\n workspaceDependencyIds: [],\n isCustomNode: false,\n isCustomizer: false\n },\n\n // connection creation\n draggingProxy: false,\n proxyConnection: null,\n\n // marquee selection\n dragSelect: false,\n\n runAllowed: false,\n\n initialize: function(atts, arr) {\n\n atts = atts || {};\n\n // if offset is not defined\n if (!atts.offset || isNaN( atts.offset[0] ) || isNaN( atts.offset[1] )){\n atts.offset = this.defaults.offset;\n this.set( 'offset', this.defaults.offset );\n }\n\n\n this.app = arr.app;\n\n this.set('nodes', new Nodes( atts.nodes, { workspace: this }) );\n this.set('connections', new Connections( atts.connections, { workspace: this}) );\n\n // tell all nodes about connections\n _.each( this.get('connections').where({startProxy: false, endProxy: false}), function(ele, i) {\n this.get('nodes').get(ele.get('startNodeId')).connectPort( ele.get('startPortIndex'), true, ele);\n this.get('nodes').get(ele.get('endNodeId')).connectPort(ele.get('endPortIndex'), false, ele);\n }, this);\n\n // updates to connections and nodes are emitted to listeners\n var that = this;\n\n this.get('connections').on('add remove', function(){ \n that.trigger('change:connections'); \n that.trigger('requestRun');\n });\n\n this.get('nodes').on('add remove', function(){ \n that.trigger('change:nodes'); \n that.trigger('requestRun');\n });\n\n this.proxyConnection = new Connection({\n _id: -1, \n startProxy: true, \n endProxy: true, \n startProxyPosition: [0,0], \n endProxyPosition: [0,0],\n hidden: true }, { workspace: this });\n\n this.marquee = new Marquee({\n _id: -1, \n hidden: true }, { workspace: this });\n\n this.runAllowed = true;\n\n if ( !this.get('isCustomNode') ) this.initializeRunner();\n\n this.sync = _.throttle(this.sync, 2000);\n\n // save on every change\n var throttledSync = _.throttle(function(){ this.sync('update', this); }, 1000);\n this.on('runCommand', throttledSync, this);\n this.on('change:name', throttledSync, this);\n this.on('change:zoom', throttledSync, this);\n this.on('change:offset', throttledSync, this);\n this.on('change:workspaceDependencyIds', throttledSync, this);\n this.on('requestRun', this.run, this);\n\n // this should not be throttled\n this.on('change:isCustomizer', function(){ this.sync('update', this); }, this);\n\n if ( this.get('isCustomNode') ) this.initializeCustomNode();\n\n this.resolver = new WorkspaceResolver(null, { app : this.app, workspace : this });\n this.resolver.resolveAll();\n\n this.app.trigger('workspaceLoaded', this);\n\n },\n\n getCustomizerUrl: function(){\n\n // if (!this.get('isCustomizer')){\n // return \"none\";\n // }\n\n var domain = document.URL.match(/:\\/\\/(.[^/]+)/)[1];\n return domain + \"/customize-\" + this.id;\n },\n\n exportSTL: function(){\n\n GeometryExport.toSTL(scene, this.get('name') + \".stl\" );\n\n },\n\n customNode : null,\n\n initializeCustomNode: function(){\n\n this.customNode = new FLOOD.internalNodeTypes.CustomNode( this.get('name'), this.get('_id') );\n\n var ni = this.get('nodes').where({typeName: \"Input\"}).length;\n var no = this.get('nodes').where({typeName: \"Output\"}).length;\n\n this.customNode.setNumInputs(ni);\n this.customNode.setNumOutputs(no);\n\n this.app.SearchElements.addCustomNode( this.customNode );\n\n var that = this;\n\n this.on('change:name', function(){\n that.customNode.functionName = that.get('name');\n that.app.SearchElements.addCustomNode( that.customNode );\n }, this);\n\n },\n\n toJSON : function() {\n\n this.set('undoStack', _.last( this.get('undoStack'), 10) );\n this.set('redoStack', _.last( this.get('redoStack'), 10) );\n\n if (this._isSerializing) {\n return this.id || this.cid;\n }\n\n this._isSerializing = true;\n\n var json = _.clone(this.attributes);\n\n _.each(json, function(value, name) {\n _.isFunction(value.toJSON) && (json[name] = value.toJSON());\n });\n\n this._isSerializing = false;\n\n return json;\n },\n\n initializeRunner: function(){\n\n this.runner = new Runner({id : this.get('_id') }, { workspace: this });\n\n var that = this;\n this.runner.on('change:isRunning', function(v){\n that.set('isRunning', v.get('isRunning'));\n });\n\n },\n\n getCustomNodeInputsOutputs: function(getOutputs){\n\n var typeName = getOutputs ? \"Output\" : \"Input\";\n\n return this.get('nodes').filter(function(x){\n return x.get('type').typeName === typeName;\n });\n\n },\n\n getCustomNodes: function(){\n\n return this.get('nodes').filter(function(x){\n return x.get('type') instanceof FLOOD.internalNodeTypes.CustomNode;\n });\n\n },\n\n getCustomNodesWithId: function(functionId){\n\n return this.getCustomNodes().filter(function(x){\n return x.get('type').functionId === functionId;\n });\n\n },\n\n\n zoomIn: function(){\n\n if ( this.get('zoom') + 0.2 > 1 ){\n return this.set('zoom', 1);\n }\n\n this.set('zoom', this.get('zoom') + 0.2);\n\n },\n\n zoomOut: function(){\n\n if ( this.get('zoom') - 0.2 < 0.2 ){\n return this.set('zoom', 0.2);\n }\n\n this.set('zoom', this.get('zoom') - 0.2);\n\n },\n\n parse : function(resp) {\n resp.nodes = new Nodes( resp.nodes );\n resp.connections = new Connections( resp.connections )\n return resp;\n },\n\n printModel: function(){\n console.log(this.toJSON());\n },\n\n addToUndoAndClearRedo: function(cmd){\n\n this.get('undoStack').push(cmd);\n this.get('redoStack').length = 0;\n\n }, \n\n removeSelected: function(){\n\n // get all selected nodes\n var that = this;\n var nodeFound = false;\n var nodesToRemove = {};\n this.get('nodes')\n .each(function(x){ \n if ( x.get('selected') ){\n nodeFound = true;\n nodesToRemove[ x.get('_id') ] = x.serialize();\n }\n });\n\n if (!nodeFound) return;\n\n // get all relevant connections\n var connsToRemove = {};\n this.get('connections')\n .each(function(x){\n if ( nodesToRemove[ x.get('startNodeId') ] || nodesToRemove[ x.get('endNodeId') ] ){\n if ( !connsToRemove[ x.get('_id') ] ){\n connsToRemove[ x.get('_id') ] = x.toJSON();\n } \n }\n });\n\n // construct composite command\n var multipleCmd = { kind: \"multiple\", commands: [] };\n\n // first remove all connections\n for (var connId in connsToRemove){\n var connToRemove = connsToRemove[connId];\n connToRemove.kind = \"removeConnection\";\n multipleCmd.commands.push( connToRemove );\n }\n\n // then remove all nodes\n for (var nodeId in nodesToRemove){\n var nodeToRemove = nodesToRemove[nodeId];\n nodeToRemove.kind = \"removeNode\";\n multipleCmd.commands.push( nodeToRemove );\n }\n\n this.runInternalCommand( multipleCmd );\n this.addToUndoAndClearRedo( multipleCmd );\n\n },\n\n makeId: function(){\n return this.app.makeId();\n },\n\n copy: function(){\n\n // get all selected nodes\n var that = this;\n var nodeFound = false;\n var copyNodes = {};\n this.get('nodes')\n .each(function(x){ \n if ( x.get('selected') ){\n nodeFound = true;\n copyNodes[ x.get('_id') ] = x.serialize();\n }\n });\n\n // TODO: clear the clipboard!\n if (!nodeFound) return;\n\n // get all relevant connections\n var copyConns = {};\n var connCount = 0;\n this.get('connections')\n .each(function(x){\n\n if (x.get('_id') === -1 || x.get('startProxy') || x.get('endProxy')) return;\n\n if ( ( copyNodes[ x.get('startNodeId') ] && copyNodes[ x.get('endNodeId') ] ) || copyNodes[ x.get('endNodeId') ] ){\n\n if ( !copyConns[ x.get('_id') ] ){\n connCount++;\n copyConns[ x.get('_id') ] = x.toJSON();\n } \n }\n });\n\n this.app.set('clipboard', { nodes: copyNodes, connections: copyConns });\n\n },\n\n paste: function(){\n\n // build the command\n var cb = JSON.parse( JSON.stringify( this.app.get('clipboard') ) );\n\n var that = this;\n\n var nodes = {};\n\n var centerX = (1 / this.get('zoom')) * (this.get('offset')[0] + 80);\n var centerY = (1 / this.get('zoom')) * (this.get('offset')[1] + 80);\n\n var topLeft = _.reduce(cb.nodes, function(a, x){\n return [ Math.min(a[0], x.position[0] ), Math.min(a[1], x.position[1] )];\n }, [ 1e8, 1e8 ] );\n\n var nodeCount = 0;\n\n _.each(cb.nodes, function(x){\n\n // give new id for building the paste\n nodes[x._id] = x;\n\n var posX = x.position[0] - topLeft[0] + centerX;\n var posY = x.position[1] - topLeft[1] + centerY;\n\n nodes[x._id].position = [ posX, posY ];\n nodes[x._id]._id = that.makeId();\n nodeCount++;\n\n });\n\n if (nodeCount > 0) this.get('nodes').deselectAll();\n\n var connections = {};\n\n _.each(cb.connections, function(x){\n\n if ( nodes[ x.endNodeId ] ){\n x.endNodeId = nodes[ x.endNodeId ]._id;\n }\n\n if ( nodes[x.startNodeId]){\n x.startNodeId = nodes[ x.startNodeId ]._id;\n }\n\n connections[x._id] = x;\n connections[x._id]._id = that.makeId();\n\n });\n\n // build the command\n var multipleCmd = { kind: \"multiple\", commands: [] };\n\n // build all of the nodes\n for (var id in nodes){\n var cpnode = cb.nodes[id];\n cpnode.kind = \"addNode\";\n multipleCmd.commands.push( cpnode );\n }\n\n // then builds the connections\n for (var id in connections){\n var cpConn = connections[id];\n cpConn.kind = \"addConnection\";\n multipleCmd.commands.push( cpConn );\n }\n\n this.runInternalCommand( multipleCmd );\n this.addToUndoAndClearRedo( multipleCmd );\n\n },\n\n addNodeByNameAndPosition: function(name, position){\n\n if (name === undefined || position === undefined ) return;\n\n var se = this.app.SearchElements.where({ name: name })[0];\n\n if (!se) {\n console.warn('Could not find node with name in Library: ' + name)\n return;\n }\n\n if (se.get('isCustomNode')){\n\n var sec = { typeName: \"CustomNode\"\n , position: position\n , _id: this.makeId() };\n\n sec.extra = { functionId: se.get('functionId')\n , functionName: se.get('functionName')\n , numInputs: se.get('numInputs')\n , numOutputs: se.get('numOutputs')\n };\n\n return this.addNode( sec );\n\n }\n\n this.addNode({ typeName: name, position: position, _id: this.makeId() });\n\n },\n\n regenerateDependencies: function(){\n\n var that = this;\n var directDependencies = this.getCustomNodes().map(function(x){ return x.get('type').functionId; });\n var indirectDependencies = directDependencies.map(function(x){ return that.app.get('workspaces').get(x); }).map(function(x){ return x.get('workspaceDependencyIds'); });\n\n var allDependencyLists = directDependencies.concat( indirectDependencies );\n\n return _.union.apply(null, allDependencyLists );\n\n },\n\n addNode: function(data){\n\n this.get('nodes').deselectAll();\n\n if ( data.typeName === \"CustomNode\" ){\n var id = data.extra.functionId;\n\n // do not allow recursion\n if (id === this.get('_id')) return;\n\n this.addWorkspaceDependency( id, true );\n this.sendCompleteDefinitionRunner( id );\n }\n\n var datac = JSON.parse( JSON.stringify( data ) );\n datac.kind = \"addNode\";\n this.runInternalCommand(datac);\n this.addToUndoAndClearRedo( datac );\n\n if ( data.typeName === \"CustomNode\" ){\n this.syncCustomNodesWithWorkspace( id );\n }\n\n this.trigger('requestRun');\n\n },\n\n addWorkspaceDependency: function(id, watchDependency){\n\n this.resolver.addWorkspaceDependency(id, watchDependency);\n\n },\n\n syncCustomNodesWithWorkspace: function(workspace){\n\n this.resolver.syncCustomNodesWithWorkspace(workspace);\n\n },\n\n sendCompleteDefinitionRunner: function( id ){\n\n // custom node workspace\n if (!this.runner) {\n return;\n }\n\n var ws = this.app.getLoadedWorkspace( id );\n\n var allDeps = ws.regenerateDependencies().concat([id]);\n\n var that = this;\n allDeps.forEach(function(depId){\n that.sendDefinitionToRunner( depId );\n });\n\n },\n\n sendDefinitionToRunner: function( id ){\n\n // custom node workspace\n if (!this.runner) {\n return;\n }\n\n var ws = this.app.getLoadedWorkspace( id );\n\n this.runner.addDefinition( ws );\n\n },\n\n removeNode: function(data){\n\n var datac = JSON.parse( JSON.stringify( data ) );\n datac.kind = \"removeNode\";\n this.runInternalCommand(datac);\n this.addToUndoAndClearRedo( datac );\n\n },\n\n addConnection: function(data){\n\n var datac = JSON.parse( JSON.stringify( data ) );\n datac.kind = \"addConnection\";\n this.runInternalCommand(datac);\n this.addToUndoAndClearRedo( datac );\n\n },\n\n addConnectionAndRemoveExisting : function(startNodeId, startPort, endNodeId, endPort) {\n \n var multiCmd = { kind: \"multiple\", commands: [] };\n\n // remove any existing connection\n var endNode = this.get('nodes').get(endNodeId)\n if ( !endNode ) return this;\n var existingConnection = endNode.getConnectionAtIndex( endPort );\n\n if (existingConnection != null){\n var rmConn = existingConnection.toJSON();\n rmConn.kind = \"removeConnection\";\n multiCmd.commands.push( rmConn );\n }\n\n var newConn = {\n kind: \"addConnection\",\n startNodeId: startNodeId,\n startPortIndex: startPort,\n endNodeId: endNodeId,\n endPortIndex: endPort,\n _id: this.app.makeId()\n }; \n\n multiCmd.commands.push( newConn );\n\n this.runInternalCommand( multiCmd );\n this.addToUndoAndClearRedo( multiCmd );\n\n return this;\n },\n\n removeConnection: function(data){\n\n var datac = JSON.parse( JSON.stringify( data ) );\n datac.kind = \"removeConnection\";\n this.runInternalCommand(datac);\n this.addToUndoAndClearRedo( datac );\n\n }, \n\n setNodeProperty: function(data){\n\n var datac = JSON.parse( JSON.stringify( data ) );\n datac.kind = \"setNodeProperty\";\n this.runInternalCommand(datac);\n this.addToUndoAndClearRedo( datac );\n\n },\n\n internalCommands: {\n\n multiple: function(data){\n\n // we prevent runs until all of the changes have been committed\n var previousRunAllowedState = this.runAllowed;\n this.runAllowed = false;\n\n // run all of the commands\n var that = this;\n data.commands.forEach(function(x){\n that.runInternalCommand.call(that, x);\n });\n\n // restore previous runAllowed state and, if necessary, do run\n this.runAllowed = previousRunAllowedState;\n if (this.runRejected) this.run();\n\n },\n\n addNode: function(data){\n\n var node = new Node( data, { workspace: this });\n this.get('nodes').add( node );\n\n },\n\n removeNode: function(data){\n\n var node = this.get('nodes').get(data._id);\n this.get('nodes').remove( node );\n\n }, \n\n addConnection: function(data){\n\n var nodes = this.get('nodes');\n if ( !nodes.get( data.startNodeId ) || !nodes.get( data.endNodeId ) ) return;\n\n var conn = new Connection(data, { workspace: this });\n this.get('connections').add( conn );\n this.get('nodes').get(conn.get('startNodeId')).connectPort( conn.get('startPortIndex'), true, conn);\n this.get('nodes').get(conn.get('endNodeId')).connectPort(conn.get('endPortIndex'), false, conn);\n\n }, \n\n removeConnection: function(data){\n\n var conn = this.get('connections').get(data._id);\n if (conn) this.get('connections').remove( conn );\n\n }, \n\n setNodeProperty: function(data){\n\n var node = this.get('nodes').get( data._id );\n var prop = data.property;\n if (!data.oldValue) data.oldValue = JSON.parse( JSON.stringify( node.get(prop) ) ); \n\n node.set( prop, data.newValue );\n\n }\n\n },\n\n runInternalCommand: function(commandData){\n\n var cmd = this.internalCommands[ commandData.kind ];\n if (cmd){\n cmd.call(this, commandData);\n this.trigger('runCommand');\n return;\n } \n\n console.warn('Could not find the command: ' + cmd.kind);\n\n },\n\n redo: function(){\n\n var rs = this.get('redoStack');\n\n if (rs.length === 0) {\n return console.warn(\"Nothing to redo!\");\n }\n\n var data = rs.pop();\n this.get('undoStack').push(data);\n this.runInternalCommand(data);\n \n },\n\n undo: function(){\n\n var us = this.get('undoStack');\n if (us.length === 0) {\n return;\n }\n\n var command = us.pop();\n var undoCommand = this.invertCommand( command );\n this.get('redoStack').push( command );\n\n this.runInternalCommand(undoCommand);\n\n },\n\n invertCommand: function(cmd){\n\n var inverter = this.commandInversions[cmd.kind];\n if ( inverter ){\n return inverter.call(this, cmd);\n }\n\n return {};\n\n },\n\n commandInversions: {\n\n addNode: function( cmd ){\n\n var cmdcop = JSON.parse( JSON.stringify( cmd ) );\n cmdcop.kind = \"removeNode\";\n return cmdcop;\n\n },\n\n multiple: function( cmd ){\n\n var cmdcop = JSON.parse( JSON.stringify( cmd ) );\n\n var that = this;\n cmdcop.commands = cmdcop.commands.map(function(x){\n return that.invertCommand.call(that, x);\n });\n cmdcop.commands.reverse();\n \n return cmdcop;\n\n },\n\n removeNode: function( cmd ){\n\n var cmdcop = JSON.parse( JSON.stringify( cmd ) );\n cmdcop.kind = \"addNode\";\n return cmdcop;\n\n },\n\n addConnection: function(cmd){\n\n var cmdcop = JSON.parse( JSON.stringify( cmd ) );\n cmdcop.kind = \"removeConnection\";\n return cmdcop;\n\n },\n\n removeConnection: function(cmd){\n\n var cmdcop = JSON.parse( JSON.stringify( cmd ) );\n cmdcop.kind = \"addConnection\";\n return cmdcop;\n\n },\n\n setNodeProperty: function(cmd){\n\n var cmdcop = JSON.parse( JSON.stringify( cmd) ); \n\n var temp = cmdcop.oldValue;\n cmdcop.oldValue = cmdcop.newValue;\n cmdcop.newValue = temp;\n return cmdcop; \n\n }\n\n },\n\n run: function() {\n\n if ( !this.runAllowed || this.get('isCustomNode') ){\n this.runRejected = true;\n return;\n }\n\n this.runReject = false;\n\n if (this.get('nodes').length === 0){\n return;\n }\n \n var bottomNodes = this.get('nodes')\n .filter(function(ele){\n return ele.isOutputNode() && ele.get('type').outputs.length > 0;\n }).map(function(ele){\n return ele.get('_id');\n });\n\n this.runner.run( bottomNodes );\n\n },\n\n startMarqueeSelect: function(startPosition) {\n\n this.set('marqueeStart', startPosition );\n this.set('marqueeEnd', startPosition );\n this.set('marqueeSelectEnabled', true);\n\n return this;\n },\n\n endMarqueeSelect: function() {\n\n this.set('marqueeSelectEnabled', false);\n \n return this;\n },\n\n startProxyConnection: function(startNodeId, nodePort, startPosition) {\n\n // Note: this is a quick fix for when the proxy connection\n this.set('proxyStartId', startNodeId);\n this.set('proxyStartPortIndex', nodePort);\n\n // set the initial properties for a dragging proxy\n this.proxyConnection.set('hidden', false);\n this.proxyConnection.set('startNodeId', startNodeId);\n\n this.proxyConnection.set('startPortIndex', nodePort );\n\n this.proxyConnection.set('startProxy', false );\n\n this.proxyConnection.set('endProxy', true );\n this.proxyConnection.set('endProxyPosition', startPosition);\n\n this.draggingProxy = true;\n\n this.trigger('startProxyDrag');\n return this;\n },\n\n completeProxyConnection: function(endNodeId, endPortIndex) {\n\n this.draggingProxy = false;\n this.trigger('endProxyDrag');\n\n var startNodeId = this.proxyConnection.get('startNodeId')\n , startPortIndex = this.proxyConnection.get('startPortIndex');\n\n this.addConnectionAndRemoveExisting(startNodeId, startPortIndex, endNodeId, endPortIndex);\n \n return this;\n },\n\n endProxyConnection: function() {\n\n this.proxyConnection.set('hidden', true);\n this.draggingProxy = false;\n return this;\n\n }\n\n });\n\n});\n\n\n\n" }, { "path": "app/scripts/models/WorkspaceBrowser.js", "content": "define(['backbone', 'WorkspaceBrowserElements'], function(Backbone, WorkspaceBrowserElements) {\n\n\treturn Backbone.Model.extend({\n\n\t defaults: {\n workspaces: new WorkspaceBrowserElements()\n\t },\n\n\t initialize: function(atts, vals) {\n\t \tthis.get('workspaces').fetch();\n\t },\n\n\t refresh: function(){\n\t \tthis.get('workspaces').reset();\n\t \tthis.get('workspaces').fetch();\n\t }\n\n\t});\n});" }, { "path": "app/scripts/models/WorkspaceBrowserElement.js", "content": "define(['backbone'], function(Backbone) {\n\n\treturn Backbone.Model.extend({\n\n\t\tidAttribute: \"_id\",\n\n defaults: {\n name: \"Unnamed Workspace\",\n isPublic: false,\n isCustomNode: false,\n lastSaved: Date.now()\n },\n\n\t initialize: function(atts, vals) {\n\n\t }\n\n\t});\n});" }, { "path": "app/scripts/models/WorkspaceResolver.js", "content": "define(['backbone', 'FLOOD'], \n function(Backbone, FLOOD) {\n\n return Backbone.Model.extend({\n\n initialize: function(atts, arr) {\n\n this.workspace = arr.workspace;\n this.app = arr.app;\n\n },\n\n resolveAll: function(){\n this.initializeDependencies( this.workspace.get('workspaceDependencyIds') );\n },\n\n initializeDependencies: function(depIds){\n\n if (depIds.length === 0 || !depIds ) {\n this.workspace.trigger('requestRun');\n return;\n }\n\n this.awaitedWorkspaceDependencyIds = [];\n\n var that = this;\n this.app.get('workspaces').on('add', function(ws){ that.resolveDependency.call(that, ws); }, this);\n\n depIds.forEach(function(x){\n that.awaitOrResolveDependency.call(that, x);\n });\n },\n\n cleanupDependencies: function(){\n this.workspace.set( 'workspaceDependencyIds', this.workspace.regenerateDependencies() );\n },\n\n awaitOrResolveDependency: function(id){\n\n var ws = this.app.getLoadedWorkspace(id);\n if (ws) return this.resolveDependency(ws);\n \n this.awaitedWorkspaceDependencyIds.push(id);\n this.app.loadWorkspaceDependency( id ); \n\n },\n\n resolveDependency: function(workspace){\n\n if (workspace.id === this.id) return;\n\n var index = this.awaitedWorkspaceDependencyIds.indexOf( workspace.id );\n\n if (index < 0) return;\n\n this.awaitedWorkspaceDependencyIds.remove(index);\n this.workspace.sendDefinitionToRunner( workspace.id );\n this.watchOneDependency( workspace );\n this.syncCustomNodesWithWorkspace( workspace );\n\n if (this.awaitedWorkspaceDependencyIds.length === 0) {\n this.workspace.run();\n this.cleanupDependencies();\n }\n\n },\n\n addWorkspaceDependency: function( id, watch ){\n\n var ws = this.app.getLoadedWorkspace(id);\n\n if (!ws) throw new Error(\"You tried to add an unloaded workspace as a dependency!\")\n\n var depDeps = ws.get('workspaceDependencyIds')\n , currentDeps = this.workspace.get('workspaceDependencyIds')\n , unionDeps = _.union( [id], currentDeps, depDeps );\n\n this.workspace.set( 'workspaceDependencyIds', unionDeps );\n\n if (watch) this.watchDependency( id );\n\n },\n\n watchDependency: function( id ){\n\n var ws = this.app.getLoadedWorkspace(id);\n\n var allDepWorkspaces = ws.get('workspaceDependencyIds').concat( id );\n\n allDepWorkspaces.forEach(function(depWs){\n this.watchOneDependency( depWs );\n }.bind( this ) );\n\n },\n\n watchedDependencies: {},\n\n watchOneDependency: function( customNodeWorkspace ){\n\n if ( !customNodeWorkspace.id ){\n customNodeWorkspace = this.app.getLoadedWorkspace( customNodeWorkspace );\n } \n\n if ( this.watchedDependencies[ customNodeWorkspace.id ] ) return;\n this.watchedDependencies[ customNodeWorkspace.id ] = true;\n\n var that = this;\n\n var sync = function(){ that.syncCustomNodesWithWorkspace.call(that, customNodeWorkspace) }\n , syncAndRequestRun = function(){ that.syncCustomNodesWithWorkspace.call(that, customNodeWorkspace); that.workspace.trigger('requestRun'); }\n , syncAndUpdateRunner = function(){ that.syncCustomNodesWithWorkspace.call(that, customNodeWorkspace); that.workspace.trigger('updateRunner'); };\n\n customNodeWorkspace.on('change:name', sync, this);\n customNodeWorkspace.on('change:workspaceDependencyIds', sync, this);\n customNodeWorkspace.on('requestRun', syncAndRequestRun, this );\n customNodeWorkspace.on('updateRunner', syncAndUpdateRunner, this );\n\n },\n\n syncCustomNodesWithWorkspace: function(workspace){\n\n if (typeof workspace === \"string\") workspace = this.app.getLoadedWorkspace(workspace);\n\n this.syncDependencies( workspace );\n this.syncDirectlyAffectedCustomNodesWithWorkspace( workspace );\n this.syncIndirectlyAffectedCustomNodesWithWorkspace( workspace );\n\n },\n\n syncDependencies: function( depWorkspace ){\n\n // if a new dependency is now added, make sure we add it to this workspace's runner\n var currDeps = this.workspace.get('workspaceDependencyIds');\n var depDeps = depWorkspace.get('workspaceDependencyIds');\n \n var newDeps = _.difference( depDeps, currDeps );\n\n newDeps.forEach(function(id){\n this.workspace.sendDefinitionToRunner( this.app.getLoadedWorkspace( id ) );\n this.addWorkspaceDependency( id, true );\n }.bind(this));\n\n },\n\n syncDirectlyAffectedCustomNodesWithWorkspace: function(workspace){\n\n // get the nodes directly affected by this change\n var directlyAffectedCustomNodes = this.workspace.getCustomNodesWithId(workspace.id);\n\n // get the workspace inputs/outputs\n var inputNodes = workspace.getCustomNodeInputsOutputs();\n var outputNodes = workspace.getCustomNodeInputsOutputs(true);\n\n directlyAffectedCustomNodes.forEach(function(x){\n\n // cleanup hanging input connections\n var inputConns = x.get('inputConnections');\n var diff = inputNodes.length - inputConns.length;\n\n if (diff > 0){\n for (var i = 0; i < diff; i++){\n inputConns.push([]);\n }\n } else {\n for (var i = 0; i < -diff; i++){\n\n var inConn = x.getConnectionAtIndex(inputConns.length - 1);\n\n if (inConn != null){\n x.workspace.removeConnection(inConn);\n }\n\n inputConns.pop();\n }\n\n }\n\n // clean up hanging output connections\n\n var outputConns = x.get('outputConnections');\n var diff2 = outputNodes.length - outputConns.length;\n\n if (diff2 > 0){\n\n for (var i = 0; i < diff2; i++){\n outputConns.push( [] );\n }\n\n } else {\n\n for (var i = 0; i < -diff2; i++){\n\n var ocs = x.get('outputConnections')\n .last();\n\n if (ocs){\n ocs.slice(0).forEach(function(outConn){ x.workspace.removeConnection(outConn); })\n }\n\n outputConns.pop();\n }\n\n }\n\n // set the type\n\n x.get('type').functionName = workspace.get('name');\n x.get('type').setNumInputs(inputNodes.length);\n x.get('type').setNumOutputs(outputNodes.length);\n\n // save to extra \n\n var extraCop = JSON.parse( JSON.stringify( x.get('extra') ) );\n\n extraCop.numInputs = inputNodes.length;\n extraCop.numOutputs = outputNodes.length;\n extraCop.functionName = workspace.get('name');\n\n // sync the input names ------------------------\n\n extraCop.inputNames = inputNodes.map(function(inputNode, ind){\n var ex = inputNode.get('extra');\n\n if (ex === undefined || !ex.name || ex.name === \"\" ){\n return String.fromCharCode(97 + ind);\n } \n\n return ex.name;\n });\n\n extraCop.inputNames.forEach(function(name, ind) {\n x.get('type').inputs[ind].name = name;\n });\n\n // sync the output names ------------------------\n\n extraCop.outputNames = outputNodes.map(function(outputNode, ind){\n var ex = outputNode.get('extra');\n\n if (ex === undefined || !ex.name || ex.name === \"\" ){\n return String.fromCharCode(97 + ind);\n } \n\n return ex.name;\n });\n\n extraCop.outputNames.forEach(function(name, ind) {\n x.get('type').outputs[ind].name = name;\n });\n\n // silently set for serialization\n x.set('extra', extraCop);\n\n // triggers a redraw\n x.trigger('requestRender');\n\n // update runner\n x.trigger('updateRunner');\n\n });\n\n if (directlyAffectedCustomNodes.length > 0) this.workspace.sync('update', this.workspace);\n\n },\n\n syncIndirectlyAffectedCustomNodesWithWorkspace: function(workspace){\n\n var indirectlyAffectedNodes = this.getIndirectlyAffectedCustomNodes( workspace.id );\n\n indirectlyAffectedNodes.forEach(function(x){\n x.trigger('updateRunner');\n });\n\n if (indirectlyAffectedNodes.length > 0) this.workspace.sync('update', this.workspace );\n\n },\n\n getIndirectlyAffectedCustomNodes: function(functionId){\n\n var cns = this.workspace.getCustomNodes();\n\n var thisApp = this.app;\n return cns.filter(function(cn){\n\n var id = cn.get('type').functionId\n , ws = thisApp.getLoadedWorkspace( id );\n\n if (!ws) return false;\n\n var wsd = ws.get('workspaceDependencyIds');\n return id != functionId && wsd.indexOf( functionId ) != -1;\n\n });\n\n },\n\n\n });\n\n});\n\n\n\n" }, { "path": "app/scripts/models/customizer/CustomizerApp.js", "content": "define(['backbone', 'App'], \n function(Backbone, App){\n\n return App.extend({\n\n url: function() {\n\n // get the url from the page\n // customize this url\n\n var comps = document.URL.split('/customize-');\n return '/custdata/' + comps[ comps.length - 1];\n },\n\n parse : function(resp) {\n\n resp._id = 1;\n\n this.get('workspaces').add(resp, {app: this});\n\n var modresp = {};\n\n modresp.name = resp.name;\n modresp.currentWorkspace = 1;\n\n return modresp;\n\n },\n\n fetch : function(options){\n\n // this.login.fetch();\n Backbone.Model.prototype.fetch.call(this, options);\n \n },\n\n enableAutosave: function(){\n\n // this.get('workspaces').on('add remove', function(){ this.sync(\"update\", this); }, this );\n // this.on('change:currentWorkspace', function(){ this.sync(\"update\", this); }, this);\n // this.on('change:isFirstExperience', function(){ this.sync(\"update\", this); }, this);\n // this.on('change:backgroundWorkspaces', function(){ this.sync(\"update\", this); }, this);\n\n }\n\n });\n\n})\n\n\n\n\n" }, { "path": "app/scripts/views/AppView.js", "content": "define([ 'backbone', \n 'App', \n 'WorkspaceView', \n 'Search', \n 'SearchView', \n 'WorkspaceControlsView', \n 'WorkspaceTabView', \n 'Workspace',\n 'WorkspaceBrowser',\n 'WorkspaceBrowserView',\n 'HelpView',\n 'Help',\n 'LoginView',\n 'Login',\n 'FeedbackView',\n 'Feedback', \n 'ShareView',\n 'Share',\n 'fastclick' ], \n function(Backbone, App, WorkspaceView, Search, SearchView, WorkspaceControlsView, \n WorkspaceTabView, Workspace, WorkspaceBrowser, WorkspaceBrowserView, HelpView, \n Help, LoginView, Login, FeedbackView, Feedback, ShareView, Share, fastclick ) {\n\n return Backbone.View.extend({\n\n el: '#app',\n\n initialize: function() { \n\n var f = new fastclick(document.body);\n\n this.listenTo(this.model, 'change', this.render);\n this.$workspace_tabs = this.$('#workspace-tabs');\n\n this.model.get('workspaces').on('add', this.workspaceAdded, this);\n this.model.get('workspaces').on('remove', this.workspaceRemoved, this);\n\n this.model.on('change:showingSettings', this.viewSettings, this);\n this.model.on('change:showingFeedback', this.viewFeedback, this);\n this.model.on('change:showingShare', this.viewShare, this);\n this.model.on('change:showingHelp', this.viewHelp, this);\n this.model.on('change:showingBrowser', this.viewBrowser, this);\n\n this.model.login.on('change:isLoggedIn', this.showHelpOnFirstExperience, this );\n this.model.login.on('change:isFirstExperience', this.showHelpOnFirstExperience, this );\n\n $(document).bind('keydown', $.proxy( this.keydownHandler, this) );\n\n // deactivate the context menu\n $(document).bind(\"contextmenu\",function(e){ return false; });\n\n },\n\n events: {\n 'click #save-button' : 'saveClick',\n 'click .workspaces_curtain' : 'endSearch',\n 'click #help-button': 'toggleHelp',\n 'click #settings-button': 'showSettings',\n 'click #workspace_hide' : 'toggleViewer',\n 'click #workspace-browser-button': 'toggleBrowser',\n 'click #feedback-button': 'toggleFeedback',\n 'click #share-button': 'toggleShare',\n\n 'click #add-project-workspace' : 'newWorkspace',\n 'click #add-node-workspace' : 'newNodeWorkspace',\n\n 'mouseover #add-workspace-button': 'showAddWorkspaceSelect',\n 'mouseout #add-workspace-button': 'hideAddWorkspaceSelect',\n 'mouseover #add-workspace-select-element': 'showAddWorkspaceSelect',\n 'mouseout #add-workspace-select-element': 'hideAddWorkspaceSelect',\n\n // touch\n 'touchstart #add-workspace-button': 'toggleAddWorkspaceSelect'\n\n },\n\n toggleAddWorkspaceSelect: function(){\n\n $('#add-workspace-select-element').toggle();\n\n },\n\n showHelpOnFirstExperience: function(){\n\n var that = this;\n\n setTimeout(function(){\n if (that.model.login.get('isLoggedIn') && that.model.get('isFirstExperience')){\n that.model.set( 'showingHelp', true);\n } else {\n that.model.set( 'showingHelp', false);\n }\n }, 800);\n\n },\n\n showAddWorkspaceSelect: function(){\n $('#add-workspace-select-element').show();\n },\n\n hideAddWorkspaceSelect: function(){\n $('#add-workspace-select-element').hide();\n },\n\n newWorkspace: function(){\n this.model.newWorkspace();\n this.hideAddWorkspaceSelect();\n },\n\n newNodeWorkspace: function(){\n this.model.newNodeWorkspace();\n this.hideAddWorkspaceSelect();\n },\n\n keydownHandler: function(e){\n\n var isBackspaceOrDelete = e.keyCode === 46 || e.keyCode === 8;\n\n if ( !(e.metaKey || e.ctrlKey) && !isBackspaceOrDelete ) return;\n\n // do not capture from input\n if (e.originalEvent.srcElement && e.originalEvent.srcElement.nodeName === \"INPUT\" ) return;\n if (e.target.nodeName === \"INPUT\") return;\n\n // do not capture from textarea\n if (e.originalEvent.srcElement && e.originalEvent.srcElement.nodeName === \"TEXTAREA\" ) return;\n if (e.target.nodeName === \"TEXTAREA\") return;\n\n // keycodes: http://css-tricks.com/snippets/javascript/javascript-keycodes/\n switch (e.keyCode) {\n case 78:\n this.newWorkspace();\n return e.preventDefault();\n }\n\n this.currentWorkspaceView.keydownHandler(e);\n },\n\n saveClick: function(e){\n this.model.sync(\"update\", this.model);\n }, \n\n endSearch: function() {\n this.model.set('showingSearch', false);\n },\n\n toggleBrowser: function(e){\n\n if (this.model.get('showingBrowser') === true){\n $(e.currentTarget).removeClass('workspace-browser-button-active');\n this.model.set('showingBrowser', false);\n } else {\n $(e.currentTarget).addClass('workspace-browser-button-active');\n this.model.set('showingBrowser', true);\n }\n\n },\n\n viewBrowser: function(){\n if (!this.browserView){\n this.browserView = new WorkspaceBrowserView({model: new WorkspaceBrowser() }, { app: this.model });\n this.browserView.render();\n }\n\n if (this.model.get('showingBrowser') === true){\n this.browserView.$el.show(); \n } else {\n this.browserView.$el.hide();\n }\n },\n\n viewHelp: function(){\n if (!this.helpView){\n this.helpView = new HelpView({model: new Help() }, { app: this.model });\n }\n \n if (this.model.get('showingHelp') === true){\n this.focusWorkspace();\n this.helpView.render();\n this.helpView.$el.fadeIn(); \n } else {\n this.helpView.$el.fadeOut();\n }\n },\n\n viewFeedback: function(){\n if (!this.feedbackView){\n this.feedbackView = new FeedbackView({model: new Feedback() }, { app: this.model });\n this.feedbackView.render();\n }\n\n if (this.model.get('showingFeedback') === true){\n this.feedbackView.$el.fadeIn(); \n } else {\n this.feedbackView.$el.fadeOut();\n }\n },\n\n viewShare: function(){\n if (!this.shareView){\n this.shareView = new ShareView({model: new Share({ app : this.model }) }, { app: this.model });\n }\n\n if (this.model.get('showingShare') === true){\n this.shareView.render();\n this.shareView.$el.fadeIn(); \n } else {\n this.shareView.$el.fadeOut();\n }\n },\n\n toggleHelp: function(){\n this.model.set('showingHelp', !this.model.get('showingHelp'));\n },\n\n toggleFeedback: function(){\n this.model.set('showingFeedback', !this.model.get('showingFeedback'));\n },\n\n toggleShare: function(){\n this.model.set('showingShare', !this.model.get('showingShare'));\n },\n\n showHelp: function(){\n this.model.set('showingHelp', true);\n },\n\n hideHelp: function(){\n this.model.set('showingHelp', false);\n },\n\n showFeedback: function(){\n this.model.set('showingFeedback', true);\n },\n\n hideFeedback: function(){\n this.model.set('showingFeedback', false);\n },\n\n showLogin: function(){\n this.model.set('showingLogin', true);\n },\n\n showSettings: function(){\n this.model.showSettings();\n },\n\n showSearch: function() {\n\n if (this.model.get('showingSearch') === true) {\n \n // darken the workspace container\n this.$el.find('.workspaces_curtain').css('display', 'block');\n\n // if we haven't already, create the search view element and add to the ui\n if (this.searchView === undefined){\n this.searchView = new SearchView( { model: new Search() }, {app: this.model, appView: this } );\n this.searchView.render();\n this.$el.find('#workspaces').prepend(this.searchView.$el);\n\n } else {\n this.searchView.$el.css('display', 'block');\n }\n\n $('.workspace_container').addClass('blur');\n this.searchView.$el.find('.library-search-input').focus();\n\n } else {\n\n $('.workspace_container').removeClass('blur');\n \n this.$el.find('.workspaces_curtain').css('display', 'none');\n if (this.searchView != undefined) {\n this.searchView.$el.css('display', 'none');\n }\n\n }\n\n },\n\n showingHelp: false,\n showingBrowser: false,\n showingSettings: false,\n showingSearch: false,\n showingLogin: false,\n\n currentWorkspaceView: null,\n currentWorkspaceId: null,\n workspaceTabViews: {},\n workspaceViews: {},\n\n workspaceCounter: 1,\n\n workspaceAdded: function(workspace){\n\n if ( this.model.isBackgroundWorkspace(workspace.id) ) return;\n\n if ( this.workspaceTabViews[workspace.get('_id')] != undefined) return;\n\n var view = new WorkspaceTabView({ model: workspace });\n this.workspaceTabViews[workspace.get('_id')] = view;\n\n view.render();\n this.$workspace_tabs.append( view.$el );\n\n },\n\n workspaceRemoved: function(workspace){\n\n // The Workspace can no longer be current\n workspace.set('current', false);\n\n // check if the removed workspace is the current one\n if (workspace.get('_id') == this.model.get('currentWorkspace') ){\n\n // are there any more workspaces?\n if ( this.model.get('workspaces').length != 0 ){\n this.model.set('currentWorkspace', this.model.get('workspaces').first().get('_id') );\n\n // if we're out of workspaces, just add a new one\n } else {\n var that = this;\n this.newWorkspace();\n }\n }\n\n this.workspaceTabViews[workspace.get('_id')].$el.remove();\n delete this.workspaceTabViews[workspace.get('_id')];\n delete this.workspaceViews[workspace.get('_id')];\n\n },\n\n getCurrentWorkspaceCenter: function(){\n\n var w = this.currentWorkspaceView.$el.width()\n , h = this.currentWorkspaceView.$el.height()\n , ho = this.currentWorkspaceView.$el.scrollTop()\n , wo = this.currentWorkspaceView.$el.scrollLeft()\n , zoom = 1 / this.model.getCurrentWorkspace().get('zoom');\n\n return [zoom * (wo + w / 2), zoom * (ho + h / 2)];\n\n },\n\n getWorkspaceView: function(workspaceModel) {\n\n if (!workspaceModel) return;\n\n var workspaceId = workspaceModel.get('_id');\n\n if ( !this.workspaceViewIsInstantiated( workspaceId )){\n\n var workspaceView = new WorkspaceView( {\n model: workspaceModel,\n app: this\n });\n \n this.workspaceViews[workspaceId] = workspaceView;\n\n } else {\n var workspaceView = this.workspaceViews[ workspaceId ];\n }\n\n return workspaceView;\n },\n\n workspaceViewIsInstantiated: function(workspaceId){\n return (this.workspaceViews[workspaceId] != undefined);\n },\n\n hideWorkspace: function(workspaceView){\n if (workspaceView != undefined)\n workspaceView.$el.css('display','none');\n },\n\n showWorkspace: function(workspaceView){\n\n // if the workspace tab does not exist\n this.model.removeWorkspaceFromBackground( workspaceView.model.id );\n this.workspaceAdded( workspaceView.model );\n\n if (!$.contains(document.documentElement, workspaceView.$el[0])){\n this.$el.children('#workspaces').append( this.currentWorkspaceView.$el );\n }\n \n workspaceView.$el.css('display','block');\n\n },\n\n render: function(arg) {\n\n var model = this.model;\n var workspaces = this.model.get('workspaces')\n var currentWorkspaceId = this.model.get('currentWorkspace');\n\n if (!currentWorkspaceId){\n var currentWorkspace = workspaces.first();\n } else {\n var currentWorkspace = workspaces.get(currentWorkspaceId);\n }\n \n this.model.updateCurrentWorkspace();\n \n // render search\n if (!this.workspaceControlsView){\n\n this.workspaceControlsView = new WorkspaceControlsView( { model: new Search() }, {app: this.model, appView : this } );\n this.workspaceControlsView.render();\n\n this.$el.find('#workspaces').prepend( this.workspaceControlsView.$el );\n\n }\n\n // render tabs\n if (!this.workspaceTabViews){\n this.workspaceTabViews = {};\n\n workspaces.each( this.workspaceAdded, this );\n }\n\n // hide current workspace, show workspace\n\n if (this.model.changed.currentWorkspace && currentWorkspace){\n\n this.hideWorkspace(this.currentWorkspaceView);\n this.currentWorkspaceView = this.getWorkspaceView( currentWorkspace );\n\n this.showWorkspace( this.currentWorkspaceView );\n this.currentWorkspaceView.render();\n this.currentWorkspaceId = currentWorkspaceId;\n this.focusWorkspace();\n }\n\n this.showSearch();\n this.renderLogin();\n\n return this;\n\n },\n\n renderLogin: function(){\n\n if (!this.loginView){\n this.loginView = new LoginView({model: this.model.login }, { app: this.model });\n this.loginView.render();\n }\n\n },\n\n lookingAtViewer: false,\n\n focusWorkspace: function(){\n\n this.$el.find('#workspace_hide').removeClass('leftside');\n this.$el.find('#workspace_hide').addClass('rightside');\n\n this.$el.find('#workspace_hide i').removeClass('icon-arrow-right');\n this.$el.find('#workspace_hide i').addClass('icon-arrow-left');\n\n // change whether workspace_container is visible or not\n this.currentWorkspaceView.$el.css('display','block');\n this.workspaceControlsView.$el.css('display','block');\n\n $('#viewer').addClass('blur');\n },\n\n focusViewer: function(){\n\n this.$el.find('#workspace_hide').addClass('leftside');\n this.$el.find('#workspace_hide').removeClass('rightside');\n\n this.$el.find('#workspace_hide i').removeClass('icon-arrow-left');\n this.$el.find('#workspace_hide i').addClass('icon-arrow-right');\n\n this.currentWorkspaceView.$el.hide();\n this.workspaceControlsView.$el.hide();\n\n $('#viewer').removeClass('blur');\n\n },\n\n getCurrentWorkspace: function(){\n return this.get('workspaces').get(this.get('currentWorkspace'));\n },\n\n toggleViewer: function(event) {\n\n this.lookingAtViewer = !this.lookingAtViewer;\n\n if ( this.lookingAtViewer ){\n this.focusViewer();\n } else {\n this.focusWorkspace();\n }\n\n }\n\n });\n});\n\n\n\n\n\n" }, { "path": "app/scripts/views/ConnectionView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n template: _.template( $('#connection-template').html() ),\n\n workspaceView : null,\n\n initialize: function( args ) {\n\n this.model = args.model;\n\n if (args.isProxy ){\n this.isProxy = true;\n }\n\n this.workspace = args.workspace;\n this.workspaceView = args.workspaceView;\n\n if (this.model.startNode){\n this.model.startNode.on('change:ignoreDefaults', this.render, this);\n }\n\n },\n\n delegateEvents: function() {\n\n Backbone.View.prototype.delegateEvents.apply(this, arguments);\n\n if (!this.isProxy ){\n this.startId = this.model.get('startNodeId');\n this.endId = this.model.get('endNodeId');\n var nodes = this.workspace.get('nodes');\n\n if (nodes.get(this.endId) != undefined ){\n this.listenTo( nodes.get(this.endId), 'change:position resized', this.render);\n }\n \n if (nodes.get(this.startId) != undefined ){\n this.listenTo( nodes.get(this.startId), 'change:position resized', this.render);\n }\n }\n \n this.listenTo(this.model, 'change', this.render);\n\n },\n\n render: function() {\n\n this.makeCurveOnce();\n\n return this.updateControlPoints()\n .updateHidden()\n .updateColor();\n\n },\n\n updateControlPoints: function(){\n this.el.setAttribute('d', this.template( this.getControlPoints() ))\n return this;\n },\n\n updateHidden: function(){\n\n if (this.model.get('hidden')) {\n this.el.setAttribute('class','connection collapsed');\n } else {\n this.el.setAttribute('class','connection');\n }\n\n return this;\n\n },\n\n updateColor: function(){\n\n var startNode = this.model.startNode;\n\n if (!startNode) return this;\n\n if (startNode.isPartialFunctionApplication()){\n this.el.setAttribute('class','partial-function-connection');\n } else {\n this.el.setAttribute('class','connection');\n }\n\n return this;\n },\n\n curveInit: false, \n\n makeCurveOnce: function() {\n\n if (!this.curveInit) {\n var crv = document.createElementNS('http://www.w3.org/2000/svg','path');\n crv.setAttribute('class','connection');\n this.el = crv;\n this.$el = $(crv);\n this.curveInit = true;\n }\n return this.el;\n\n },\n\n // construct the control points for a bezier curve\n getControlPoints: function() {\n\n if (!this.model.get('startProxy') || !this.model.get('endProxy')) {\n\n var nodeViews = this.workspaceView.nodeViews\n , startId = this.model.get('startNodeId')\n , endId = this.model.get('endNodeId')\n , startPortIndex = this.model.get('startPortIndex')\n , endPortIndex = this.model.get('endPortIndex')\n } \n\n if (!this.model.get('startProxy')) {\n if (!this.workspaceView.nodeViews[startId] ){\n startId = this.model.workspace.get('proxyStartId');\n startPortIndex = this.model.workspace.get('proxyStartPortIndex');\n }\n\n startPos = this.workspaceView.nodeViews[startId].getPortPosition(startPortIndex, true);\n } else {\n startPos = this.model.get('startProxyPosition');\n }\n\n if (!this.model.get('endProxy')) {\n endPos = nodeViews[endId].getPortPosition(endPortIndex, false);\n } else {\n endPos = this.model.get('endProxyPosition');\n }\n\n var offset = 0.65 * Math.sqrt( Math.pow( endPos[0]-startPos[0], 2 ) + Math.pow( startPos[1]-endPos[1], 2 ) );\n\n return {\n aX : startPos[0]\n , aY : startPos[1]\n , bX : startPos[0] + offset\n , bY : startPos[1]\n , dX : endPos[0]\n , dY : endPos[1]\n , cX : endPos[0] - offset\n , cY : endPos[1]\n };\n }\n\n });\n\n});\n" }, { "path": "app/scripts/views/FeedbackView.js", "content": "define(['backbone'], function(Backbone) {\n\n 'use strict';\n\n return Backbone.View.extend({\n\n el: '#feedback',\n\n events: { 'click #exit-feedback' : 'clickExit',\n 'submit #submit-feedback' : 'clickSend', \n 'click #submit-feedback' : 'clickSend',\n 'click' : 'clickExit',\n 'click .modal-box': 'stopPropagation' \n },\n\n template: _.template( $('#feedback-template').html() ),\n\n initialize: function( args, atts ) {\n this.app = atts.app;\n\n this.model.on('change:failure', this.fail, this );\n this.model.on('success', this.success, this );\n },\n\n render: function() {\n\n this.$el.html( this.template( this.model.toJSON() ) );\n\n this.subject = this.$el.find('#feedback-subject');\n this.message = this.$el.find('#feedback-message');\n this.failureView = this.$el.find('#feedback-failure-message');\n this.successView = this.$el.find('#feedback-success-message');\n this.sendingView = this.$el.find('#feedback-sending-message');\n\n return this;\n\n },\n\n stopPropagation: function(e){\n e.stopPropagation();\n },\n\n fail: function(){\n\n this.sendingView.hide();\n\n if (!this.failureView) return;\n\n if (!this.model.get('failure')) {\n this.failureView.hide();\n return;\n }\n\n this.failureView.html( this.model.get('failureMessage') );\n this.failureView.show();\n\n },\n\n success: function(){\n\n this.sendingView.hide();\n this.successView.show();\n\n var that = this;\n\n setTimeout(function(){\n that.app.set(\"showingFeedback\", false);\n\n that.subject.val(\"\");\n that.message.val(\"\");\n\n that.successView.fadeOut();\n }, 800);\n\n },\n\n clickExit: function(e){\n this.app.set(\"showingFeedback\", false);\n },\n\n clickSend: function(e) {\n \n e.preventDefault();\n this.sendingView.show();\n this.model.send({ subject: this.subject.val(), message: this.message.val() });\n\n }\n\n });\n});" }, { "path": "app/scripts/views/HelpView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n el: '#help',\n\n events: { \"click .exit-help\": 'hide', \n 'click .enter-help-section' : 'clickEnterHelpSection',\n 'click .exit-all-help' : 'hide',\n 'click .exit-help-section' : 'clickExitHelpSection' \n },\n\n initialize: function( args, atts ) {\n this.app = atts.app;\n },\n\n render: function() {\n\n var template = _.template( $('#help-section-template').html() );\n\n var that = this;\n\n this.$el.empty();\n\n this.model.get('sections').forEach(function(section){\n\n var el = $('#' + section.targetId );\n \n if (!el) return;\n\n var offset = el.offset();\n var height = el.height();\n var width = el.width();\n\n if (section.offset[0] < 0) {\n width = -10;\n }\n\n if (section.offset[1] < 0) {\n height = -10;\n width -= 10;\n }\n\n section.elementPosition = [ offset.left + width, offset.top + height ];\n that.$el.append(template( section ));\n\n });\n\n return this;\n\n },\n\n getHelpSection: function(e){\n\n var ui = $(e.target);\n var attr = ui.attr('data-target-id');\n\n return this.$el.find(\".help-section[data-target-id='\" + attr + \"']\");\n\n },\n\n clickEnterHelpSection: function(e){\n\n var ele = this.getHelpSection(e);\n var ui = $(e.target);\n\n ele.fadeIn();\n ui.fadeOut();\n\n },\n\n clickExitHelpSection: function(e){\n\n var ele = this.getHelpSection(e);\n ele.fadeOut();\n\n },\n\n hide: function() {\n this.app.set('showingHelp', false);\n }\n\n });\n});" }, { "path": "app/scripts/views/LoginView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n el: '#login',\n\n template: _.template( $('#login-template').html() ),\n\n events: { 'submit #login-form' : 'login',\n 'submit #signup-form' : 'signup',\n 'click #logout' : 'logout',\n \"click .exit-login\": 'hide', \n 'click #signup-tab-button': 'focusSignup',\n 'click #login-tab-button': 'focusLogin'},\n\n initialize: function( args, atts ) {\n\n this.app = atts.app;\n this.model.on('change:showing', this.render, this);\n this.model.on('change:isLoggedIn', this.render, this);\n this.model.on('change:failed', this.render, this);\n this.model.on('change:failureMessage', this.render, this);\n\n var that = this;\n $('#login-button').click(function(){ that.tabClick.call(that); });\n },\n\n rendered : false,\n\n render: function() {\n\n if ( !this.rendered ) {\n this.$el.find('.login-container').html( this.template( this.model.toJSON() ) );\n this.rendered = true;\n\n this.$el.find('.login-container').show(); \n }\n\n var failureMessage = this.$el.find('#login-failure-message');\n\n if (this.model.get('failed')){\n failureMessage.html( this.model.get('failureMessage') );\n failureMessage.show();\n } else {\n failureMessage.hide();\n }\n\n if (this.model.get('showing') === true){\n this.$el.show(); \n } else {\n this.$el.hide();\n }\n\n this.renderLoginState();\n\n return this;\n },\n\n focusSignup: function(e){\n \n this.model.set('failed', false);\n this.$el.find('#login-tab-button').removeClass('tab-button-hilite');\n this.$el.find('#signup-tab-button').addClass('tab-button-hilite');\n this.$el.find('#login-form').hide();\n this.$el.find('#signup-form').show();\n\n },\n\n focusLogin: function(e){\n\n this.model.set('failed', false);\n this.$el.find('#signup-tab-button').removeClass('tab-button-hilite');\n this.$el.find('#login-tab-button').addClass('tab-button-hilite');\n this.$el.find('#signup-form').hide();\n this.$el.find('#login-form').show();\n },\n\n renderLoginState: function(){\n\n if( this.model.get('isLoggedIn') ){\n this.model.hide();\n } else {\n this.$el.show();\n }\n\n return this;\n },\n\n tabClick: function(){\n\n if (this.model.get('isLoggedIn')){\n this.model.logout();\n } else {\n this.model.toggle();\n }\n\n },\n\n signup: function(e) { \n e.preventDefault();\n this.model.signup( this.$('#signup-form').serialize());\n },\n\n login: function(e) { \n e.preventDefault();\n this.model.login( this.$('#login-form').serialize() );\n }\n\n });\n});" }, { "path": "app/scripts/views/MarqueeView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n workspaceView : null,\n\n initialize: function( args ) {\n\n this.model = args.model;\n this.workspace = args.workspace;\n this.workspaceView = args.workspaceView;\n\n this.listenTo(this.model, 'change', this.render);\n\n },\n\n render: function() {\n\n this.makeElementOnce();\n\n return this.updateCorners()\n .updateHidden()\n .updateColor()\n .updateStroke();\n\n },\n\n updateCorners: function(){\n this.el.setAttribute('d', this.template( this.getCorners() ))\n return this;\n },\n\n updateHidden: function(){\n\n if (this.model.get('hidden')) {\n this.el.setAttribute('class','marquee collapsed');\n } else {\n this.el.setAttribute('class','marquee');\n }\n\n return this;\n\n },\n\n updateColor: function(){\n return this;\n },\n\n curveInit: false, \n\n makeElementOnce: function() {\n\n if (!this.curveInit) {\n\n var crv = document.createElementNS('http://www.w3.org/2000/svg','rect');\n crv.setAttribute('class','marquee');\n\n this.updateCorners();\n this.updateStroke();\n\n this.el = crv;\n this.$el = $(crv);\n this.curveInit = true;\n\n }\n return this.el;\n\n },\n\n updateCorners: function() {\n\n this.el.setAttribute('x',this.model.get('x'));\n this.el.setAttribute('y',this.model.get('y'));\n this.el.setAttribute('width',this.model.get('width'));\n this.el.setAttribute('height',this.model.get('height'));\n\n return this;\n\n },\n\n updateStroke: function() {\n\n // we scale the stroke to avoid the marquee being overly thin or thick\n // when zoomed\n var zoom = 1 / this.workspace.get('zoom');\n\n this.el.setAttribute('stroke-dasharray', (zoom * 4) + \",\" + (zoom * 4) );\n this.el.setAttribute('stroke', zoom * 2 );\n\n return this;\n }\n\n });\n\n});" }, { "path": "app/scripts/views/NodeViews/Base.js", "content": "define(['backbone', 'jqueryuidraggable', 'bootstrap', 'Hammer'], function(Backbone, jqueryuidraggable, bootstrap, Hammer) {\n\n return Backbone.View.extend({\n\n tagName: 'div',\n className: 'node',\n\n template: _.template( $('#node-template').html() ),\n\n portHeight: 29, \n\n events: {\n 'mousedown .node-port-output': 'beginPortConnection',\n 'mousedown .node-port-input': 'beginPortDisconnection',\n 'mouseup .node-port-input': 'endPortConnection',\n\n 'touchstart .node-port-output': 'beginTouchConnection',\n 'touchstart .node-port-input': 'beginTouchDisconnection',\n \n 'touchstart': 'touchstart',\n 'click': 'selectThis',\n\n 'change .use-default-checkbox': 'useDefaultClick',\n 'blur .name-input': 'updateName',\n 'click .toggle-vis': 'toggleGeomVis',\n 'click .rep-type': 'replicationClick'\n },\n\n initialize: function(args) {\n\n this.workspace = args.workspace;\n this.workspaceView = args.workspaceView;\n\n this.listenTo(this.model, 'requestRender', this.render );\n this.listenTo(this.model, 'change:position', this.move );\n this.listenTo(this.model, 'change:lastValue', this.renderLastValue );\n this.listenTo(this.model, 'change:failureMessage', this.renderLastValue );\n this.listenTo(this.model, 'change:ignoreDefaults', this.colorPorts );\n this.listenTo(this.model, 'change:name', this.render );\n this.listenTo(this.model, 'connection', this.colorPorts);\n this.listenTo(this.model, 'disconnection', this.colorPorts);\n this.listenTo(this.model, 'change:selected', this.colorSelected);\n this.listenTo(this.model, 'change:visible', this.render);\n this.listenTo(this.model, 'change:isEvaluating', this.colorEvaluating);\n this.listenTo(this.model, 'evalFailed', this.onEvalFailed );\n this.listenTo(this.model, 'evalBegin', this.onEvalBegin );\n\n this.makeDraggable();\n this.$workspace_canvas = $('#workspace_canvas');\n this.position = this.model.get('position');\n\n },\n\n updateName: function(e){\n var val = this.$el.find('.name-input').val();\n if (this.model.get('name') === val) return;\n \n var cmd = { property: 'name', _id: this.model.get('_id'), newValue : val };\n this.model.workspace.setNodeProperty(cmd);\n },\n\n onEvalFailed: function(exception){\n this.$el.addClass('node-failed');\n this.model.set('failureMessage', exception);\n },\n\n onEvalBegin: function(){\n this.$el.removeClass('node-failed');\n },\n\n useDefaultClick : function(e){\n\n var index = parseInt( $(e.currentTarget).attr('data-index') );\n\n var ign = JSON.parse( JSON.stringify( this.model.get('ignoreDefaults') ) );\n ign[index] = !$(e.target).is(':checked');\n\n var cmd = { property: 'ignoreDefaults', _id: this.model.get('_id'), \n newValue : ign };\n\n this.model.workspace.setNodeProperty(cmd);\n this.model.workspace.run();\n\n },\n\n replicationClick : function(e){\n\n var cmd = { property: 'replication', _id: this.model.get('_id'), \n newValue : $(e.target).attr('data-rep-type') };\n this.model.workspace.setNodeProperty(cmd);\n this.model.workspace.run();\n\n },\n\n // should be part of nodeView subclass\n toggleGeomVis: function(e) {\n this.model.set('visible', !this.model.get('visible') );\n e.stopPropagation()\n },\n\n makeDraggable: function() {\n\n var that = this;\n this.initPos = [];\n this.$el.draggable( {\n drag : function(e, ui) {\n var zoom = 1 / that.workspace.get('zoom');\n\n ui.position.left = zoom * ui.position.left;\n ui.position.top = zoom * ui.position.top;\n\n that.workspace.get('nodes').moveSelected([ ui.position.left - that.initPos[0], ui.position.top - that.initPos[1]], that);\n\n that.model.set('position', [ ui.position.left, ui.position.top ]);\n\n },\n start : function(startEvent) {\n\n if ( !that.model.get('selected') ){\n that.model.workspace.get('nodes').deselectAll();\n }\n\n that.model.set('selected', true );\n that.workspace.get('nodes').startDragging(that);\n\n var zoom = 1 / that.model.workspace.get('zoom');\n var pos = that.model.get('position');\n\n that.initPos = [ pos[0], pos[1] ];\n\n },\n stop : function() {\n\n var start = [ that.initPos[0], that.initPos[1] ];\n var pos = that.model.get('position');\n var end = [ pos[0], pos[1] ];\n\n var cmd = { property: 'position', _id: that.model.get('_id'), \n oldValue: start, newValue : end };\n that.model.workspace.setNodeProperty( cmd );\n\n }\n }); \n this.$el.css('position', 'absolute');\n\n },\n\n beginPortDisconnection: function(e){\n var index = parseInt( $(e.currentTarget).attr('data-index') );\n\n if ( !this.model.isPortConnected(index, false) )\n return;\n\n var inputConnections = this.model.get('inputConnections')\n , connection = inputConnections[index][0]\n , oppos = connection.getOpposite( this.model );\n\n this.workspace.startProxyConnection( oppos.node.get('_id'), oppos.portIndex, this.getPortPosition(index, false));\n this.workspace.removeConnection( connection.toJSON() );\n\n e.stopPropagation();\n },\n\n beginPortConnection: function(e){\n var index = parseInt( $(e.currentTarget).attr('data-index') );\n this.workspace.startProxyConnection(this.model.get('_id'), index, this.getPortPosition(index, true));\n e.stopPropagation();\n },\n\n endPortConnection: function(e){\n\n if ( !this.workspace.draggingProxy )\n return;\n\n var index = parseInt( $(e.currentTarget).attr('data-index') );\n this.workspace.completeProxyConnection(this.model.get('_id'), index );\n e.stopPropagation();\n\n },\n\n // touch-specific handlers\n\n // simply kill the connection\n beginTouchDisconnection: function(e){\n \n var index = parseInt( $(e.currentTarget).attr('data-index') );\n\n if ( !this.model.isPortConnected(index, false) )\n return;\n\n var inputConnections = this.model.get('inputConnections')\n , connection = inputConnections[index][0]\n , oppos = connection.getOpposite( this.model );\n\n this.workspace.removeConnection( connection.toJSON() );\n\n e.stopPropagation();\n e.preventDefault();\n },\n\n // special handling of touch events\n beginTouchConnection: function(e){\n \n $('body').one('touchend', function(e){\n\n var changedTouches = e.originalEvent.changedTouches[0];\n var elem = $( document.elementFromPoint(changedTouches.pageX, changedTouches.pageY) );\n\n if (!elem.hasClass(\"node-port-input\")){\n elem = elem.parent('.node-port-input')\n }\n\n if (!elem.attr('data-index')) return;\n\n this.workspace.draggingProxy = true;\n\n var e = $.Event( \"mouseup\" );\n elem.trigger(e);\n\n this.workspace.draggingProxy = false;\n\n }.bind( this ));\n\n },\n\n select: function() {\n this.model.set( 'selected', true );\n },\n\n touchstart: function(event){\n // is the user pressing on an input?\n var shouldIgnore = event.target != null \n && ( event.target.tagName.toLowerCase() == \"input\" || event.target.tagName.toLowerCase() == \"textarea\" );\n\n if(shouldIgnore) {\n // need to focus the input - on iOS the input never gets focussed\n event.target.focus();\n\n // we prevent the node from being selected\n this.selectable = false;\n setTimeout(function(){ this.selectable = true; }.bind(this), 300);\n }\n },\n\n selectable: true,\n\n selectThis: function(event) {\n\n if (!this.selectable) return;\n\n if ( !this.model.get('selected') ){\n if (!event.shiftKey)\n this.workspace.get('nodes').deselectAll();\n this.model.set('selected', true );\n } else {\n this.workspace.get('nodes').deselectAll();\n }\n\n },\n\n render: function() {\n\n this\n .renderNode()\n .colorSelected()\n .colorEvaluating()\n .moveNode()\n .renderPorts();\n\n return this;\n\n },\n\n renderNode: function() {\n\n var json = this.model.toJSON();\n\n json.preview = this.formatPreview( json.lastValue );\n\n this.$el.html( this.template( json ) );\n\n if (this.getCustomContents){\n this.$el.find('.node-data-container').html( this.getCustomContents() );\n }\n\n return this;\n },\n\n truncatePreview: function( value, maxElements ){\n\n if (typeof value === \"string\") return value;\n\n if (!value || value.length === undefined || value.length < 100) {\n return value;\n }\n\n if ( maxElements === undefined ) maxElements = 20;\n\n var shortVal = {};\n var count = 0;\n for (var k in value){\n if (count > maxElements) break;\n shortVal[k] = value[k];\n count++;\n }\n\n shortVal.length = value.length;\n\n return shortVal;\n\n },\n\n formatPreview: function( value ){\n\n var that = this;\n return JSON.stringify( this.truncatePreview( value ), function(k, v){ return that.prettyPrint.call(that, k, v);} );\n\n },\n\n prettyPrint: function(key, val){\n\n if (typeof val === \"number\"){\n return val.toPrecision(4);\n }\n\n if (typeof val === \"string\"){\n return val.replace(new RegExp(\"\\t\", 'g'), \"\").replace(new RegExp(\"\\n\", 'g'), \"\")\n }\n\n if (val && val.length != undefined && val.length > 100) {\n return this.truncatePreview( val );\n }\n\n return val;\n },\n\n renderLastValue: function() {\n\n return this.renderNode();\n\n },\n\n colorEvaluating: function() {\n\n if ( this.model.get('isEvaluating') ){\n this.$el.addClass('node-evaluating');\n } else {\n this.$el.removeClass('node-evaluating');\n }\n\n return this;\n\n },\n\n colorSelected: function() {\n\n if ( this.model.get('selected') ){\n this.$el.addClass('node-selected');\n } else {\n this.$el.removeClass('node-selected');\n }\n\n return this;\n\n },\n\n svgTransform: function() {\n return 'translate(' + this.position[0] + ' ' + this.position[1] +')';\n },\n\n // Get the position of a particular port. Only valid after render()\n // has been called\n getPortPosition: function( index, isOutputPort ) {\n \n var x = this.position[0]\n , y = this.position[1];\n\n if (isOutputPort) {\n try {\n x += parseInt( this.outputPorts[index].getAttribute('cx')) + 5;\n y += parseInt( this.outputPorts[index].getAttribute('cy')); \n } catch (e){\n\n }\n \n } else {\n try {\n x += parseInt( this.inputPorts[index].getAttribute('cx')) - 5;\n y += parseInt( this.inputPorts[index].getAttribute('cy')); \n } catch (e){\n\n }\n }\n\n return [x, y];\n\n },\n\n colorPorts: function() {\n\n // update port colors\n var that = this;\n var isPartial = false;\n\n this.inputPorts.forEach(function(ele, ind){\n\n ele.setAttribute('stroke','black');\n\n if (that.model.isPortConnected(ind, false) ){\n ele.setAttribute('fill','black');\n } else if (that.model.isInputPortUsingDefault(ind)){\n ele.setAttribute('fill','white');\n } else {\n isPartial = true;\n ele.setAttribute('fill','grey');\n ele.setAttribute('stroke','white');\n }\n \n });\n\n this.outputPorts.forEach(function(ele, ind){\n\n ele.setAttribute('stroke','black');\n\n if (that.model.isPortConnected(ind, true)){\n ele.setAttribute('fill','black');\n } else if (isPartial) {\n ele.setAttribute('fill','grey');\n ele.setAttribute('stroke','white');\n } else {\n ele.setAttribute('fill','white');\n }\n \n });\n\n return this;\n\n },\n\n move: function() {\n return this.moveNode().movePorts();\n },\n\n moveNode: function() {\n \n var pos = this.model.get('position');\n\n if (pos[0] < 0) pos[0] = 0;\n if (pos[1] < 0) pos[1] = 0;\n\n this.position = pos;\n\n this.$el.css(\"left\", this.position[0] );\n this.$el.css(\"top\", this.position[1] );\n\n return this;\n },\n\n movePorts: function(){\n if (this.portGroup) { \n this.portGroup.setAttribute( 'transform', this.svgTransform() );\n }\n\n return this;\n },\n\n renderPorts: function() {\n\n if ( this.portGroup ) {\n // we need to redraw the ports\n $(this.portGroup).empty();\n } else {\n // create an svg group to hold the port circles\n this.portGroup = document.createElementNS('http://www.w3.org/2000/svg','g');\n this.portGroup.setAttribute( 'transform', this.svgTransform() );\n }\n\n // create data structures to store the input ports\n this.inputPorts = [];\n this.outputPorts = [];\n\n // draw the circles\n var that = this;\n var inIndex = 0;\n var outIndex = 0;\n\n // set the zoom from the workspace container\n var zoom = 1.0\n , ele = this.$el.parent().css('transform');\n\n if (ele != \"none\") zoom = ele.match(/-?[0-9\\.]+/g)[0];\n \n\n this.$el.find('.node-port').each(function(index, ele) {\n\n var nodeCircle = document.createElementNS('http://www.w3.org/2000/svg','circle');\n \n // assign default appearance\n nodeCircle.setAttribute('r',3);\n nodeCircle.setAttribute('stroke','black');\n nodeCircle.setAttribute('fill','white');\n nodeCircle.setAttribute('stroke-width','1.5');\n\n // position input ports on left side, output ports on right side\n if ( $(ele).hasClass('node-port-input') ) {\n nodeCircle.setAttribute('cx', 0);\n nodeCircle.setAttribute('cy', that.portHeight / 2 + 1/zoom * $(ele).position().top ); \n that.inputPorts.push(nodeCircle);\n inIndex++;\n } else {\n nodeCircle.setAttribute('cx', that.$el.width() + 2.5 );\n nodeCircle.setAttribute('cy', that.portHeight / 2 + 1/zoom * $(ele).position().top ); \n that.outputPorts.push(nodeCircle);\n outIndex++;\n }\n \n // append \n that.portGroup.appendChild(nodeCircle);\n\n });\n\n this.colorPorts();\n\n return this;\n\n },\n\n remove: function() {\n this.$el.remove();\n if (this.portGroup.parentNode)\n this.portGroup.parentNode.removeChild(this.portGroup);\n }\n\n });\n\n});\n" }, { "path": "app/scripts/views/NodeViews/CustomNode.js", "content": "define(['underscore', 'jquery', 'ThreeCSGNodeView'], function(_, $, ThreeCSGNodeView) {\n\n return ThreeCSGNodeView.extend({\n\n innerTemplate : _.template( $('#node-custom-template').html() ),\n\n getCustomContents: function() {\n\n var that = this;\n\n // open the parent workspace on double click\n this.$el.bind('dblclick', function(){\n this.model.workspace.app.openWorkspace( this.model.get('type').functionId );\n }.bind(this) );\n\n var js = this.model.toJSON() ;\n if (!js.extra.script) js.extra.script = this.model.get('type').script;\n\n return this.innerTemplate( js );\n\n }\n\n });\n\n});" }, { "path": "app/scripts/views/NodeViews/Input.js", "content": "define(['backbone', 'underscore', 'jquery', 'BaseNodeView'], function(Backbone, _, $, BaseNodeView) {\n\n return BaseNodeView.extend({\n\n template: _.template( $('#node-input-template').html() ),\n\n initialize: function(args) {\n BaseNodeView.prototype.initialize.apply(this, arguments);\n\n this.model.on('change:extra', function() { \n \n var ex = this.model.get('extra') ;\n var name = ex != undefined ? ex.name : \"\";\n \n this.silentSyncUI( name );\n this.model.trigger('updateRunner'); \n\n }, this);\n\n },\n\n render: function(){\n\n BaseNodeView.prototype.render.apply(this, arguments);\n\n this.$el.addClass('input-node');\n\n var that = this;\n var extra = this.model.get('extra');\n var name = extra.name != undefined ? extra.name : \"\";\n\n this.inputText = this.$el.find(\".text-input\");\n this.inputText.val( name );\n this.inputText.change( function(e){ that.nameChanged.call(that, e); e.stopPropagation(); });\n\n return this;\n\n },\n\n nameChanged: function(){\n this.inputSet();\n this.model.workspace.trigger('updateRunner');\n },\n\n silentSyncUI: function(name){\n\n this.silent = true;\n this.inputText.val( name );\n this.silent = false;\n\n },\n\n inputSet: function(e,ui) {\n\n if ( this.silent ) return;\n\n var newValue = { name: this.inputText.val() };\n this.model.workspace.setNodeProperty({property: 'extra', _id: this.model.get('_id'), newValue: newValue }); \n\n }\n\n });\n\n});\n" }, { "path": "app/scripts/views/NodeViews/NodeViews.js", "content": "define(['BaseNodeView', 'WatchNodeView', 'NumNodeView', 'ThreeCSGNodeView', 'ScriptView', 'OutputView', 'InputView','CustomNodeView'], \n function(BaseNodeView, WatchNodeView, NumNodeView, ThreeCSGNodeView, ScriptView, OutputView, InputView, CustomNodeView){\n\n var nodeViewTypes = {};\n\n nodeViewTypes.Base = ThreeCSGNodeView;\n nodeViewTypes.Show = WatchNodeView;\n nodeViewTypes.Number = NumNodeView;\n nodeViewTypes.CustomNode = CustomNodeView;\n\n nodeViewTypes.Script = ScriptView;\n nodeViewTypes.Input = InputView;\n nodeViewTypes.Output = OutputView;\n\n return nodeViewTypes;\n\n});\n" }, { "path": "app/scripts/views/NodeViews/Num.js", "content": "define(['backbone', 'underscore', 'jquery', 'BaseNodeView', 'jqueryuislider'], function(Backbone, _, $, BaseNodeView) {\n\n return BaseNodeView.extend({\n\n template: _.template( $('#node-num-template').html() ),\n\n initialize: function(args) {\n\n BaseNodeView.prototype.initialize.apply(this, arguments);\n this.rendered = false;\n\n this.model.on('change:extra', function() { \n \n var ex = this.model.get('extra') ;\n\n this.silentSyncUI( ex );\n\n this.model.trigger('updateRunner'); \n this.model.workspace.trigger('requestRun');\n\n }, this);\n\n },\n \n render: function() {\n \n BaseNodeView.prototype.render.apply(this, arguments);\n\n if (this.rendered) return this;\n\n // make the slider\n this.slider = this.$el.find('.slider');\n if (!this.slider) return;\n\n var extra = this.model.get('extra');\n var min = extra.min != undefined ? extra.min : -150;\n var max = extra.max != undefined ? extra.max : 150;\n var step = extra.step != undefined ? extra.step : 0.1;\n var lock = extra.lock != undefined ? extra.lock : false;\n var value = extra.value != undefined ? extra.value : 0;\n if (value === undefined ) value = this.model.get('lastValue');\n\n var that = this;\n this.slider.slider(\n { min: min, \n max: max, \n step: step, \n value: value,\n change: function(e, ui){ that.inputSet.call(that, e, ui); },\n slide: function(e, ui){ that.inputChanged.call(that, e, ui); } \n });\n\n this.currentValueInput = this.$el.find('.currentValue');\n this.currentValueInput.val( value );\n this.currentValueInput.change( function(e){ that.valChanged.call(that, e); e.stopPropagation(); });\n\n this.minInput = this.$el.find('.num-min');\n this.minInput.val(min);\n this.minInput.change( function(e){ that.minChanged.call(that, e); e.stopPropagation(); });\n\n this.maxInput = this.$el.find('.num-max');\n this.maxInput.val(max);\n this.maxInput.change( function(e){ that.maxChanged.call(that, e); e.stopPropagation(); });\n\n this.stepInput = this.$el.find('.num-step');\n this.stepInput.val(step);\n this.stepInput.change( function(e){ that.stepChanged.call(that, e); e.stopPropagation(); });\n\n this.lockInput = this.$el.find('.lock-input');\n this.lockInput.val( lock );\n this.lockInput.change( function(e){ that.lockChanged.call(that, e); e.stopPropagation(); });\n\n // adjust settings dropdown so that it stays open while editing\n // doesn't select the node when you're editing\n $('.dropdown.keep-open').on({\n \"shown.bs.dropdown\": function() {\n that.selectable = false;\n that.model.set('selected', false);\n $(this).data('closable', false);\n },\n \"mouseleave\": function() {\n $(this).data('closable', true);\n },\n \"click\": function() {\n $(this).data('closable', false);\n },\n \"hide.bs.dropdown\": function() {\n if ( $(this).data('closable') ) that.selectable = true;\n return $(this).data('closable');\n }\n });\n\n // this.rendered = true;\n\n return this;\n\n },\n\n silentSyncUI: function(data){\n\n this.silent = true;\n this.currentValueInput.val( data.value );\n this.setSliderValue( data.value );\n this.minInput.html( data.min );\n this.maxInput.html( data.max );\n this.stepInput.html( data.step );\n this.lockInput.val( data.lock );\n this.silent = false;\n\n },\n\n currentValue: function(){\n return this.slider.slider(\"option\", \"value\");\n },\n\n setSliderValue: function(val){\n return this.slider.slider(\"option\", \"value\", val);\n },\n\n valChanged: function(val){\n var val = parseFloat( this.currentValueInput.val() );\n if (isNaN(val)) return;\n return this.setSliderValue( val );\n },\n\n minChanged: function(e, u){\n var val = parseFloat( this.minInput.val() );\n if (isNaN(val)) return;\n if (this.currentValue < val) this.setSliderValue(val);\n this.slider.slider(\"option\", \"min\", val);\n },\n\n maxChanged: function(e){\n var val = parseFloat( this.maxInput.val() );\n if (isNaN(val)) return;\n if (this.currentValue > val) this.setSliderValue(val);\n this.slider.slider(\"option\", \"max\", val);\n },\n\n stepChanged: function(e){\n var val = parseFloat( this.stepInput.val() );\n if (isNaN(val)) return;\n this.slider.slider(\"option\", \"step\", val);\n },\n\n lockChanged: function(e){\n this.inputSet();\n },\n\n inputChanged: function(e,ui) {\n var val = ui.value;\n this.$el.find('.currentValue').html(val);\n },\n\n inputSet: function() {\n\n if ( this.silent ) return;\n\n var newValue = { value: this.slider.slider(\"option\", \"value\"), min: this.slider.slider(\"option\", \"min\"), \n step: this.slider.slider(\"option\", \"step\"), max: this.slider.slider(\"option\", \"max\"), lock: this.lockInput.is(':checked') };\n\n this.model.workspace.setNodeProperty({property: 'extra', _id: this.model.get('_id'), newValue: newValue }); \n\n }\n\n });\n\n});" }, { "path": "app/scripts/views/NodeViews/Output.js", "content": "define(['backbone', 'underscore', 'jquery', 'BaseNodeView'], function(Backbone, _, $, BaseNodeView) {\n\n return BaseNodeView.extend({\n\n template: _.template( $('#node-output-template').html() ),\n\n initialize: function(args) {\n BaseNodeView.prototype.initialize.apply(this, arguments);\n\n this.model.on('change:extra', function() { \n \n var ex = this.model.get('extra') ;\n var name = ex != undefined ? ex.name : \"\";\n \n this.silentSyncUI( name );\n this.model.trigger('updateRunner'); \n\n }, this);\n\n },\n\n render: function(){\n\n BaseNodeView.prototype.render.apply(this, arguments);\n\n this.$el.addClass('output-node');\n\n var that = this;\n var extra = this.model.get('extra');\n var name = extra.name != undefined ? extra.name : \"\";\n\n this.inputText = this.$el.find(\".text-input\");\n this.inputText.val( name );\n this.inputText.change( function(e){ that.nameChanged.call(that, e); e.stopPropagation(); });\n\n return this;\n\n },\n\n nameChanged: function(){\n this.inputSet();\n this.model.workspace.trigger('updateRunner');\n },\n\n silentSyncUI: function(name){\n this.silent = true;\n this.inputText.val( name );\n this.silent = false;\n },\n\n inputSet: function(e,ui) {\n if ( this.silent ) return;\n\n var newValue = { name: this.inputText.val() };\n this.model.workspace.setNodeProperty({property: 'extra', _id: this.model.get('_id'), newValue: newValue }); \n }\n\n });\n\n});\n" }, { "path": "app/scripts/views/NodeViews/Script.js", "content": "define(['backbone', 'underscore', 'jquery', 'ThreeCSGNodeView', 'FLOOD', 'codemirror', 'codemirror/mode/javascript/javascript','codemirror/addon/hint/show-hint', 'codemirror/addon/hint/javascript-hint' ], function(Backbone, _, $, ThreeCSGNodeView, FLOOD, CodeMirror) {\n\n return ThreeCSGNodeView.extend({\n\n initialize: function(args) {\n ThreeCSGNodeView.prototype.initialize.apply(this, arguments);\n this.listenTo(this.model,'change:extra', this.onChangedExtra);\n },\n\n innerTemplate : _.template( $('#node-script-template').html() ),\n\n getCustomContents: function() {\n\n var js = this.model.toJSON() ;\n if (!js.extra.script) js.extra.script = this.model.get('type').script;\n\n return this.innerTemplate( js );\n\n },\n\n onChangedExtra: function(){\n\n var ex = this.model.get('extra') || {};\n\n if (ex.numInputs != undefined ){\n this.setNumInputConnections( ex.numInputs )\n this.model.get('type').setNumInputs( ex.numInputs );\n }\n\n \tthis.render();\n \tthis.model.trigger('updateRunner');\n\t\t this.model.workspace.run();\n },\n\n setNumInputConnections: function(num){\n\n if (num === undefined) return;\n\n var inputConns = this.model.get('inputConnections');\n\n var diff = num - inputConns.length;\n\n if (diff === 0) return;\n\n if (diff > 0){\n for (var i = 0; i < diff; i++){\n inputConns.push([]);\n }\n } else {\n for (var i = 0; i < -diff; i++){\n\n var conn = this.model.getConnectionAtIndex(inputConns.length - 1);\n\n if (conn != null){\n this.model.workspace.removeConnection(conn);\n }\n\n inputConns.pop();\n }\n\n }\n\n },\n\n extendScope: _.once(function(){\n\n var or = CodeMirror.hint.javascript;\n CodeMirror.hint.javascript = function(editor, options){\n\toptions.globalScope = FLOOD.nodeTypes;\n\treturn or(editor, options);\t\n }\n }),\n\n renderNode: function() {\n ThreeCSGNodeView.prototype.renderNode.apply(this, arguments);\n\n this.extendScope();\n\n var ta = this.$el.find('.script-text-input');\n var cm = CodeMirror.fromTextArea(ta[0], \n \t{ extraKeys: {\"Ctrl-Space\": \"autocomplete\"},\n\t mode: { name :\"javascript\" }\n\t});\n\t\n var that = this;\n \n cm.on(\"focus\",function(e){\n\tthat.selectable = false;\n \tthat.model.set('selected', false);\n });\n\n cm.on(\"change\", function(){\n\t// we need to update the ports and connectors after moving the node\n setTimeout(function(){ \n\t\t// update the position of the node ports\n\t\tthat.renderPorts(); \n\t\t// update the position of the connections\n\t\tthat.model.trigger('resized'); \n\t}, 0);\n });\n\n cm.on(\"blur\",function(){\n \tvar ex = JSON.parse( JSON.stringify( that.model.get('extra') ) );\n \tif ( ex.script === cm.getValue() ) return;\n\n \tex.script = cm.getValue();\n\n \tthat.model.workspace.setNodeProperty({property: \"extra\", _id: that.model.get('_id'), newValue: ex });\n \tthat.selectable = true;\n });\n \n this.$el.find('.add-input').click(function(){ that.addInput.call(that); });\n this.$el.find('.remove-input').click(function(){ that.removeInput.call(that); });\n \n return this;\n },\n\n setNumInputsProperty: function(numInputs){\n if (numInputs === undefined) return;\n\n var ex = this.model.get('extra');\n var exCopy = JSON.parse( JSON.stringify( ex ) );\n\n exCopy.numInputs = numInputs;\n this.model.workspace.setNodeProperty({property: \"extra\", _id: this.model.get('_id'), newValue: exCopy, oldValue: ex });\n },\n\n addInput: function(){\n\n \tvar type = this.model.get('type');\n var ex = this.model.get('extra');\n \t var numInputs = ex.numInputs;\n\n \t if (numInputs === undefined) numInputs = 0;\n \t if (type.inputs.length === 26) return;\n\n this.setNumInputsProperty(numInputs + 1);\n\n },\n\n removeInput: function(){\n\n \tvar type = this.model.get('type');\n var ex = this.model.get('extra');\n \t var numInputs = ex.numInputs;\n\n \t if (numInputs === undefined) numInputs = 1;\n \t if (type.inputs.length === 0) return;\n\n this.setNumInputsProperty(numInputs - 1);\n\n }\n\n });\n\n});\n" }, { "path": "app/scripts/views/NodeViews/ThreeCSG.js", "content": "define(['backbone', 'underscore', 'jquery', 'BaseNodeView'], function(Backbone, _, $, BaseNodeView) {\n\n return BaseNodeView.extend({\n\n initialize: function(args) {\n\n BaseNodeView.prototype.initialize.apply(this, arguments);\n\n this.model.on('change:selected', this.colorSelected, this);\n this.model.on('change:visible', this.changeVisibility, this);\n this.model.on('remove', this.onRemove, this);\n this.model.on('change:prettyLastValue', this.onEvalComplete, this );\n this.model.workspace.on('change:current', this.changeVisibility, this);\n\n this.onEvalComplete();\n\n },\n\n setMaterials: function(partMat, meshMat, lineMat){\n\n this.threeGeom.traverse(function(ele) {\n if (ele instanceof THREE.Mesh) {\n ele.material = meshMat;\n } else if (ele instanceof THREE.Line) {\n ele.material = lineMat;\n } else {\n ele.material = partMat;\n }\n });\n\n },\n\n colorSelected: function(){\n\n BaseNodeView.prototype.colorSelected.apply(this, arguments);\n\n if ( !( this.threeGeom && this.model.get('visible')) ) return this;\n\n if (this.model.get('selected')) {\n\n var meshMat = new THREE.MeshPhongMaterial({color: 0x66d6ff });\n var partMat = new THREE.ParticleBasicMaterial({color: 0x66d6ff, size: 5, sizeAttenuation: false});\n var lineMat = new THREE.LineBasicMaterial({ color: 0x66d6ff });\n\n } else {\n\n var meshMat = new THREE.MeshPhongMaterial({color: 0x999999});\n var partMat = new THREE.ParticleBasicMaterial({color: 0x999999, size: 5, sizeAttenuation: false});\n var lineMat = new THREE.LineBasicMaterial({ color: 0x000000 });\n\n }\n\n this.setMaterials(partMat, meshMat, lineMat);\n\n return this;\n\n }, \n\n formatPreview: function(data){\n\n // ugh this is terrible code\n\n if (data == null || data === undefined)\n return BaseNodeView.prototype.formatPreview.apply(this, arguments);\n\n if (data.length === undefined && !data.normal && !data.polygons && !data.vertices) \n return BaseNodeView.prototype.formatPreview.apply(this, arguments);\n\n if (data.length > 0 && !data[0].normal && !data[0].polygons && !data[0].vertices) \n return BaseNodeView.prototype.formatPreview.apply(this, arguments);\n\n if (data.normal) return \"Plane\";\n if (data.polygons) return \"Solid\";\n if (data.vertices) return \"Polygon\";\n\n if (data.length) {\n\n var solidCount = 0;\n var polyCount = 0;\n var planeCount = 0;\n\n for (var i = 0; i < data.length; i++) {\n if ( data[i].polygons ) solidCount++;\n if ( data[i].normal ) planeCount++;\n if ( data[i].vertices ) polyCount++;\n }\n\n var solidString = solidCount + \" Solids\";\n var polyString = polyCount + \" Polygons\";\n var planeString = planeCount + \" Planes\";\n\n var stringArr = [];\n\n if (solidCount > 0) stringArr.push(solidString);\n if (planeCount > 0) stringArr.push(planeString);\n if (polyCount > 0) stringArr.push(polyString);\n\n if (planeCount === 0 && solidCount === 0 && polyCount === 0) return \"Nothing\";\n\n return stringArr.join(',');\n\n }\n return \"Nothing\";\n\n },\n\n // 3D move to node subclass\n onRemove: function(){\n this.model.workspace.off('change:current', this.changeVisibility, this);\n scene.remove(this.threeGeom); \n }, \n\n evaluated: false,\n\n toThreeGeom: function( rawGeom ) {\n\n var threeGeom = new THREE.Geometry(), face;\n\n if (!rawGeom) return threeGeom;\n\n if (!rawGeom.vertices && !rawGeom.linestrip ) return threeGeom;\n\n if (rawGeom.linestrip) return this.addLineStrip( rawGeom, threeGeom );\n\n if (rawGeom.vertices && !rawGeom.faces) return this.addPoints( rawGeom, threeGeom );\n\n for ( var i = 0; i < rawGeom.vertices.length; i++ ) {\n var v = rawGeom.vertices[i];\n threeGeom.vertices.push( new THREE.Vector3( v[0], v[1], v[2] ) );\n }\n\n if (!rawGeom.faces) return threeGeom;\n\n for ( var i = 0; i < rawGeom.faces.length; i++ ) {\n var f = rawGeom.faces[i];\n face = new THREE.Face3( f[0], f[1], f[2], new THREE.Vector3( f[3][0], f[3][1], f[3][2] ) );\n threeGeom.faces.push( face );\n }\n \n threeGeom._floodType = 0;\n\n return threeGeom;\n\n },\n\n addPoints: function( rawGeom, threeGeom ){\n\n for ( var i = 0; i < rawGeom.vertices.length; i++ ) {\n var v = rawGeom.vertices[i];\n threeGeom.vertices.push( new THREE.Vector3( v[0], v[1], v[2] ) );\n }\n\n threeGeom._floodType = 1;\n\n return threeGeom;\n },\n\n addLineStrip: function( rawGeom, threeGeom ){\n\n for ( var i = 0; i < rawGeom.linestrip.length; i++ ) {\n var v = rawGeom.linestrip[i];\n threeGeom.vertices.push( new THREE.Vector3( v[0], v[1], v[2] ) );\n }\n\n threeGeom._floodType = 2;\n\n return threeGeom;\n \n },\n\n onEvalComplete: function(a, b, newValue){\n\n if (!newValue && this.evaluated) return;\n\n this.evaluated = true;\n\n var lastValue = this.model.get('prettyLastValue');\n var temp;\n\n if ( !lastValue ) return;\n\n if ( lastValue.vertices || lastValue.linestrip ){ \n temp = [];\n temp.push(lastValue);\n } else {\n temp = lastValue; // extract the list\n } \n\n var threeTemp = new THREE.Object3D();\n this.drawChunked( threeTemp, temp, function() { \n\n if ( this.threeGeom ){\n scene.remove( this.threeGeom );\n }\n\n this.threeGeom = threeTemp;\n scene.add( this.threeGeom );\n this.changeVisibility();\n\n }, this );\n\n }, \n\n // creating this data may be quite slow, we'll need to be careful\n drawChunked: function(geom, list, callback, that){\n\n var i = 0;\n var tick = function() {\n\n var start = new Date().getTime();\n for (; i < list.length && (new Date().getTime()) - start < 50; i++) {\n \n var g3 = that.toThreeGeom( list[i] );\n\n if (that.model.get('selected')){\n var color = 0x66d6ff;\n } else {\n var color = 0x999999;\n }\n\n switch (g3._floodType) {\n case 0:\n geom.add( new THREE.Mesh(g3, new THREE.MeshPhongMaterial({color: color})) );\n break;\n case 1:\n geom.add( new THREE.ParticleSystem(g3, new THREE.ParticleBasicMaterial({color: color, size: 5, sizeAttenuation: false}) ));\n break;\n case 2:\n geom.add( new THREE.Line(g3, new THREE.LineBasicMaterial({ color: 0x000000 })));\n break;\n }\n\n }\n\n if (i < list.length) {\n setTimeout(tick, 25);\n } else {\n callback.call(that);\n }\n\n };\n\n setTimeout(tick, 0);\n\n },\n\n changeVisibility: function(){\n\n if ( !this.threeGeom ){\n return;\n }\n \n if (!this.model.get('visible') || !this.model.workspace.get('current') )\n {\n this.threeGeom.traverse(function(e) { e.visible = false; });\n } else if ( this.model.get('visible') )\n {\n this.threeGeom.traverse(function(e) { e.visible = true; });\n }\n\n },\n\n renderNode: function() {\n \n BaseNodeView.prototype.renderNode.apply(this, arguments);\n\n this.$toggleVis = this.$el.find('.toggle-vis');\n this.$toggleVis.show();\n\n var icon = this.$toggleVis.find('i');\n var label = this.$toggleVis.find('span');\n\n if (this.model.get('visible')){\n icon.addClass('fa-eye');\n icon.removeClass('fa-eye-slash');\n label.html('Hide geometry');\n } else {\n icon.removeClass('fa-eye');\n icon.addClass('fa-eye-slash');\n label.html('Show geometry');\n }\n\n return this;\n\n },\n\n });\n\n});\n" }, { "path": "app/scripts/views/NodeViews/Watch.js", "content": "define(['backbone', 'underscore', 'jquery', 'BaseNodeView'], function(Backbone, _, $, BaseNodeView) {\n\n return BaseNodeView.extend({\n\n template: _.template( $('#node-watch-template').html() ),\n\n initialize: function(args) {\n\n BaseNodeView.prototype.initialize.apply(this, arguments);\n this.model.on( 'change:lastValue', this.renderNode, this );\n this.model.on( 'disconnection', this.renderNode, this );\n\n },\n\n renderNode: function(){\n\n \tvar pretty = this.model.get('lastValue') != undefined ? JSON.stringify(this.model.get('lastValue'), this.prettyPrint, 2) : this.model.get('lastValue');\n \tthis.model.set('prettyValue', pretty );\n\n \treturn BaseNodeView.prototype.renderNode.apply(this, arguments);\n\n },\n\n prettyPrint: function(key, val){\n\n \tif (typeof val === \"number\"){\n \t\treturn val.toPrecision(4);\n \t}\n\n \tif (typeof val === \"string\"){\n \t\treturn val.replace(new RegExp(\"\\t\", 'g'), \"\").replace(new RegExp(\"\\n\", 'g'), \"
\")\n \t}\n\n \treturn val;\n }\n\n });\n\n});\n" }, { "path": "app/scripts/views/SearchElementView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n tagName: 'li',\n className: 'search-element',\n\n template: _.template( $('#search-element-template').html() ),\n\n events: {\n 'click': 'click'\n },\n\n initialize: function(a, arr){\n this.app = arr.app;\n this.appView = arr.appView;\n this.elementClick = arr.click;\n },\n\n render: function() {\n this.$el.html( this.template( this.model.toJSON() ) );\n },\n\n click: function(e) {\n if (!this.elementClick) return;\n this.elementClick(this);\n }\n\n });\n\n});" }, { "path": "app/scripts/views/SearchView.js", "content": "define(['backbone', 'List', 'SearchElementView'], function(Backbone, List, SearchElementView) {\n\n return Backbone.View.extend({\n\n tagName: 'div',\n className: 'search-container row',\n\n initialize: function(atts, arr) {\n this.app = arr.app;\n this.app.on('change:showingSearch', this.highlightInput, this );\n this.app.SearchElements.on('add remove', this.render, this);\n },\n\n template: _.template( $('#search-template').html() ),\n\n events: {\n 'keyup .library-search-input': 'searchKeyup'\n },\n\n render: function(arg) {\n\n this.$el.html( this.template( this.model.toJSON() ) );\n\n this.$input = this.$('.library-search-input');\n this.$list = this.$('.search-list');\n\n this.$list.empty();\n\n var that = this;\n\n this.app.SearchElements.forEach(function(ele) {\n\n if (ele.name === null) return;\n\n var eleView = new SearchElementView({ model: ele }, { app: that.app, click: function(e){ that.elementClick.call(that, e) } });\n\n eleView.render();\n that.$list.append( eleView.$el );\n\n });\n\n var options = {\n valueNames: [ 'name' ]\n };\n\n this.list = new List(this.el, options);\n\n },\n\n highlightInput: function(){\n\n if (this.app.get('showingSearch')) {\n this.$input.focus().select();\n } else {\n this.$input.blur();\n }\n },\n\n addNode: function(name){\n this.app.getCurrentWorkspace().addNodeByNameAndPosition( name, this.app.newNodePosition );\n },\n\n elementClick: function(ele){\n\n this.addNode(ele.model.get('name'));\n this.app.set('showingSearch', false);\n\n },\n\n searchKeyup: function(event) {\n\n if ( event.keyCode === 13) { // enter key causes first result to be inserted\n var nodeName = this.$list.find('.search-element').first().find('.name').first().html();\n if (nodeName === undefined ) return;\n\n this.addNode( nodeName );\n this.app.set('showingSearch', false);\n \n } else if ( event.keyCode === 27) { // esc key exits search\n this.app.set('showingSearch', false);\n }\n } \n\n });\n\n});\n\n" }, { "path": "app/scripts/views/ShareView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n el: '#share',\n\n events: { \n 'click #exit-share' : 'clickExit', \n 'click' : 'clickExit',\n 'click .modal-box': 'stopPropagation',\n 'click .is-customizer-checkbox': 'checkboxChanged'\n },\n\n template: _.template( $('#share-template').html() ),\n\n initialize: function( args, atts ) {\n this.app = atts.app;\n\n this.model.on('success', this.success, this );\n },\n\n stopPropagation: function(e){\n e.stopPropagation();\n },\n\n render: function() {\n\n var ws = this.app.getCurrentWorkspace();\n\n this.$el.html( this.template({\n name: ws.get('name'),\n isCustomizer: ws.get('isCustomizer'),\n url: ws.getCustomizerUrl()\n }) );\n\n if (!ws.isCustomizer){\n // we defer this as the input isn't necessarily yet in the dom\n _.defer(function(){ this.$el.find('.customizer-url').focus().select(); }.bind(this) );\n }\n\n this.updatePublicPrivate();\n\n return this;\n\n },\n\n updatePublicPrivate: function(){\n\n if ( this.app.getCurrentWorkspace().get('isCustomizer') ){\n this.$el.find('.is-customizer-checkbox').removeClass(\"fa-toggle-off\");\n this.$el.find('.is-customizer-checkbox').addClass(\"fa-toggle-on\");\n this.$el.find('.public').show();\n this.$el.find('.private').hide();\n } else {\n this.$el.find('.is-customizer-checkbox').removeClass(\"fa-toggle-on\");\n this.$el.find('.is-customizer-checkbox').addClass(\"fa-toggle-off\");\n this.$el.find('.public').hide();\n this.$el.find('.private').show();\n }\n\n },\n\n checkboxChanged: function(){\n\n var ws = this.app.getCurrentWorkspace();\n ws.set('isCustomizer', !ws.get('isCustomizer') );\n\n this.updatePublicPrivate();\n\n },\n\n clickExit: function(e){\n this.app.set(\"showingShare\", false);\n }\n\n });\n});" }, { "path": "app/scripts/views/WorkspaceBrowserElementView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n tagName: 'li',\n className: 'workspace-browser-element',\n\n template: _.template( $('#workspace-browser-element-template').html() ),\n\n events: {\n 'click': 'clickOpen',\n 'click .delete-workspace': 'clickDelete',\n 'mouseenter': 'mouseenter',\n 'mouseleave': 'mouseleave'\n },\n\n initialize: function(_, vals){\n this.app = vals.app;\n },\n\n render: function() {\n\n var v = this.model.toJSON();\n var lastSave = this.model.get('lastSaved');\n\n if (typeof lastSave === \"string\") {\n v[\"prettyDate\"] = this.prettyDate( new Date(lastSave) );\n } else {\n v[\"prettyDate\"] = \"Unknown\";\n }\n \n this.$el.html( this.template( v ) );\n this.$open = this.$el.find('.workspace-browser-element-open');\n\n },\n\n prettyDate: function(date){\n\n var diff = (((new Date()).getTime() - date.getTime()) / 1000),\n day_diff = Math.floor(diff / 86400);\n \n if ( isNaN(day_diff) || day_diff < 0 || day_diff >= 31 )\n return;\n \n return day_diff == 0 && (\n diff < 60 && \"just now\" ||\n diff < 120 && \"1 minute ago\" ||\n diff < 3600 && Math.floor( diff / 60 ) + \" minutes ago\" ||\n diff < 7200 && \"1 hour ago\" ||\n diff < 86400 && Math.floor( diff / 3600 ) + \" hours ago\") ||\n day_diff == 1 && \"Yesterday\" ||\n day_diff < 7 && day_diff + \" days ago\" ||\n day_diff < 31 && Math.ceil( day_diff / 7 ) + \" weeks ago\";\n },\n\n clickOpen: function(e) {\n this.app.openWorkspace( this.model.get('_id') );\n },\n\n clickDelete: function(e){\n\n }\n\n });\n\n});" }, { "path": "app/scripts/views/WorkspaceBrowserView.js", "content": "define(['backbone', 'WorkspaceBrowserElementView'], function(Backbone, WorkspaceBrowserElementView) {\n\n return Backbone.View.extend({\n\n el: '#workspace-browser',\n\n initialize: function(atts, arr) {\n this.app = arr.app;\n\n this.model.get('workspaces').on('reset', this.render, this );\n this.model.get('workspaces').on('add', this.addWorkspaceElement, this );\n this.model.get('workspaces').on('remove', this.removeWorkspaceElement, this );\n\n this.render();\n },\n\n template: _.template( $('#workspace-browser-template').html() ),\n\n events: { \n 'click .workspace-browser-refresh': \"refreshClick\",\n 'click #workspace-browser-header-custom-nodes': \"customNodeHeaderClick\",\n 'click #workspace-browser-header-projects': \"projectHeaderClick\"\n },\n\n render: function(arg) {\n\n if (!this.rendered) {\n this.$el.html( this.template( this.model.toJSON() ) );\n this.contents = this.$el.find('#workspace-browser-contents');\n this.customNodes = this.$el.find('#workspace-browser-custom-nodes');\n this.projects = this.$el.find('#workspace-browser-projects');\n }\n\n this.rendered = true;\n \n this.customNodes.empty();\n this.projects.empty();\n\n },\n\n refreshClick: function(e){\n this.model.refresh();\n e.stopPropagation();\n },\n\n customNodeHeaderClick: function(e){\n\n // do not resize when refresh is clicked\n if ( $(e.target).hasClass('workspace-browser-refresh') ) return;\n\n this.projects.hide();\n this.customNodes.show();\n\n $('#workspace-browser-header-custom-nodes').css('bottom','').css('top','40px');\n\n },\n\n projectHeaderClick: function(e){\n\n if ( $(e.target).hasClass('workspace-browser-refresh') ) return;\n \n this.customNodes.hide();\n this.projects.show();\n\n $('#workspace-browser-header-custom-nodes').css('bottom','0').css('top','');\n\n },\n\n addWorkspaceElement: function(x){\n\n if (!this.contents) this.render();\n\n var v = new WorkspaceBrowserElementView( { model: x }, { app : this.app } );\n v.render();\n\n if ( x.get('isCustomNode') ){\n this.customNodes.append( v.$el );\n } else {\n this.projects.append( v.$el );\n }\n \n }, \n\n removeWorkspaceElement: function(ws){\n\n if (!this.contents) return;\n this.contents.find('.workspace-browser-element[data-id*=' + ws.get('_id') + ']').remove();\n\n }\n\n });\n\n});\n\n" }, { "path": "app/scripts/views/WorkspaceControlsView.js", "content": "define(['backbone', 'List', 'SearchElementView', 'bootstrap', 'jquery'], function(Backbone, List, SearchElementView, bootstrap, $) {\n\n return Backbone.View.extend({\n\n tagName: 'div',\n className: 'workspace-search',\n\n initialize: function(atts, arr) {\n this.app = arr.app;\n this.appView = arr.appView;\n\n this.app.SearchElements.on('add remove', this.render, this);\n },\n\n template: _.template( $('#workspace-search-template').html() ),\n\n events: {\n 'keyup .library-search-input': 'searchKeyup',\n 'focus .library-search-input': 'focus',\n 'blur .library-search-input': 'blur',\n 'click #delete-button': 'deleteClick',\n 'click #undo-button': 'undoClick',\n 'click #redo-button': 'redoClick',\n 'click #copy-button': 'copyClick',\n 'click #paste-button': 'pasteClick',\n 'click #zoomin-button': 'zoominClick',\n 'click #zoomout-button': 'zoomoutClick',\n 'click #zoomreset-button': 'zoomresetClick',\n 'click #export-button': 'exportClick'\n },\n\n render: function(arg) {\n\n this.$el.html( this.template( this.model.toJSON() ) );\n\n this.$input = this.$('.library-search-input');\n this.$list = this.$('.search-list');\n\n // highlight text in the search input when focussed\n this.$input.focus(function(){ this.select(); });\n\n this.$list.empty();\n\n var that = this;\n\n this.app.SearchElements.forEach(function(ele) {\n\n var eleView = new SearchElementView({ model: ele }, { appView: that.appView, app: that.app,\n click: function(e){ that.elementClick.call(that, e); }\n });\n\n eleView.render();\n that.$list.append( eleView.$el );\n\n });\n\n var options = {\n valueNames: [ 'name' ]\n };\n\n this.list = new List(this.el, options);\n\n // build button tooltips\n this.$el.find('#undo-button').tooltip({title: \"Undo\"});\n this.$el.find('#redo-button').tooltip({title: \"Redo\"});\n\n this.$el.find('#copy-button').tooltip({title: \"Copy\"});\n this.$el.find('#paste-button').tooltip({title: \"Paste\"});\n\n this.$el.find('#delete-button').tooltip({title: \"Delete\"});\n\n this.$el.find('#zoomin-button').tooltip({title: \"Zoom in\"});\n this.$el.find('#zoomout-button').tooltip({title: \"Zoom out\"});\n this.$el.find('#zoomreset-button').tooltip({title: \"Zoom fit\"});\n\n this.$el.find('#export-button').tooltip({title: \"Export as STL\"});\n\n $('#workspace_hide').tooltip({title: \"Switch between 3D view and nodes\"});\n\n $('#help-button').tooltip({title: \"Help\", placement: \"left\"});\n $('#feedback-button').tooltip({title: \"Feedback\", placement: \"left\"});\n $('#share-button').tooltip({title: \"Share\", placement: \"left\"});\n\n },\n\n focus: function(event){\n this.$('.search-list').show();\n this.$('.library-search-input').select();\n },\n\n blur: function(event){\n var that = this;\n window.setTimeout(function(){\n that.$('.search-list').hide();\n }, 100);\n },\n\n deleteClick: function(){\n this.app.getCurrentWorkspace().removeSelected();\n },\n\n copyClick: function(){\n this.app.getCurrentWorkspace().copy();\n },\n\n pasteClick: function(){\n this.app.getCurrentWorkspace().paste();\n },\n\n undoClick: function(){\n this.app.getCurrentWorkspace().undo();\n },\n\n redoClick: function(){\n this.app.getCurrentWorkspace().redo();\n },\n\n zoomresetClick: function(){\n this.appView.currentWorkspaceView.zoomAll();\n },\n\n zoominClick: function(){\n this.app.getCurrentWorkspace().zoomIn();\n },\n\n zoomoutClick: function(){\n this.app.getCurrentWorkspace().zoomOut();\n },\n\n addNode: function(name){\n\n if (name === undefined ) return;\n this.app.getCurrentWorkspace().addNodeByNameAndPosition( name, this.appView.getCurrentWorkspaceCenter() );\n\n },\n\n exportClick: function(e){\n\n this.app.getCurrentWorkspace().exportSTL();\n\n },\n\n elementClick: function(ele){\n\n this.addNode( ele.model.get('name') );\n\n },\n\n searchKeyup: function(event) {\n\n // enter key causes first result to be inserted\n if ( event.keyCode === 13) {\n\n var nodeName = this.$list.find('.search-element').first().find('.name').first().html();\n if (nodeName === undefined ) return;\n\n this.addNode( nodeName );\n\n }\n\n }\n\n });\n\n});\n\n" }, { "path": "app/scripts/views/WorkspaceTabView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n tagName: 'div',\n className: 'workspace-tab',\n\n initialize: function(atts) { \n\n this.app = this.model.app;\n this.listenTo( this.model, 'change:name', this.render);\n this.listenTo( this.model, 'change:current', this.render);\n\n },\n\n template: _.template( $('#workspace-tab-template').html() ),\n\n events: {\n\n 'click': 'click',\n 'click .remove-button': 'remove',\n 'mouseover': 'showEditButton',\n 'mouseout': 'hideEditButton',\n 'click .edit-button': 'startEdit',\n 'blur .workspace-name': 'endEdit',\n\n // touch\n 'touchstart .edit-button': 'startEdit',\n 'touchstart': 'toggleShowingEditButton'\n\n },\n\n render: function() {\n\n this.$el.html( this.template( this.model.toJSON() ) );\n\n if (this.model.get('current') === true){\n this.$el.addClass('current-workspace')\n } else {\n this.$el.removeClass('current-workspace')\n }\n\n this.$input = this.$('.workspace-name');\n\n },\n\n toggleShowingEditButton: function(){\n\n if ( this.editButtonShown ){\n this.editButtonShown = false;\n this.hideEditButton();\n } else {\n this.editButtonShown = true;\n this.showEditButton();\n }\n\n },\n\n showEditButton: function() {\n this.$('.edit-button').css('visibility', 'visible');\n },\n\n hideEditButton: function() {\n this.$('.edit-button').css('visibility', 'hidden');\n },\n\n startEdit: function(e) {\n \n this.$input.prop('disabled', false);\n this.$input.focus().select();\n this.$input.css('pointer-events', 'auto');\n\n e.stopPropagation();\n },\n\n endEdit: function() {\n\n // the edit button is still visible on touch devices\n this.hideEditButton();\n\n this.$input.prop('disabled', true);\n this.$input.css('pointer-events', 'none');\n this.model.set('name', this.$input.val() );\n },\n\n click: function(e) {\n this.model.app.set('currentWorkspace', this.model.get('_id'));\n },\n\n remove: function(e){\n this.model.app.get('workspaces').remove(this.model);\n e.stopPropagation();\n }\n\n });\n\n});" }, { "path": "app/scripts/views/WorkspaceView.js", "content": "define(['backbone', 'Workspace', 'ConnectionView', 'MarqueeView', 'NodeViewTypes', 'Hammer'], function(Backbone, Workspace, ConnectionView, MarqueeView, NodeViewTypes, Hammer){\n\n return Backbone.View.extend({\n\n tagName: 'div',\n className: 'workspace_container row',\n\n events: {\n 'mousedown .workspace_back': 'deselectAll',\n 'touchstart .workspace_back': 'deselectAll',\n 'mousedown .workspace_back': 'startWorkspaceDrag',\n 'dblclick .workspace_back': 'showNodeSearch',\n\n // mousewheel\n 'mousewheel': 'mousewheelMove',\n 'DOMMouseScroll': 'mousewheelMove',\n 'MozMousePixelScroll': 'mousewheelMove',\n },\n\n initialize: function(atts) { \n\n this.nodeViews = {};\n this.connectionViews = {};\n\n this.app = this.model.app;\n\n this.$workspace = $('
', {class: 'workspace'});\n\n this.$workspace_back = $('
', {class: 'workspace_back'});\n this.$workspace_canvas = $('');\n\n this.$el.append( this.$workspace );\n this.$workspace.append( this.$workspace_back );\n this.$workspace.append( this.$workspace_canvas );\n\n var that = this;\n\n this.listenTo(this.model, 'change:connections', function() {\n that.cleanup().renderConnections();\n });\n\n this.model.on('change:zoom', this.updateZoom, this );\n this.model.on('change:offset', this.updateOffset, this );\n this.model.on('change:isRunning', this.renderRunnerStatus, this);\n\n this.listenTo(this.model, 'change:nodes', function() {\n that.cleanup().renderNodes();\n });\n\n this.listenTo(this.model, 'change:current', this.onChangeCurrent );\n\n this.listenTo(this.model, 'startProxyDrag', this.startProxyDrag);\n this.listenTo(this.model, 'endProxyDrag', this.endProxyDrag);\n\n this.renderProxyConnection();\n this.renderMarquee();\n\n this.renderRunnerStatus();\n\n },\n\n render: function() {\n\n return this\n .cleanup()\n .renderNodes()\n .renderConnections()\n .renderNodes()\n .renderRunnerStatus()\n .updateZoom()\n .updateOffset()\n .setupHammer();\n },\n\n hammerSetupDone: false,\n\n inWorkspaceCoordinates: function(x, y){\n var offset = this.$workspace.offset()\n , zoom = this.model.get('zoom');\n\n return [ (1 / zoom) * (x - offset.left), (1 / zoom) * ( y - offset.top) ];\n },\n\n setupHammer: function(){\n\n if (this.hammerSetupDone) return this;\n this.hammerSetupDone = true;\n\n function isTouchDevice() { \n return 'ontouchstart' in window // works on most browsers \n || 'onmsgesturechange' in window; // works on ie10\n }\n\n if (!isTouchDevice()) return;\n\n this.$workspace_back.on('touchmove', function(e){\n e.preventDefault();\n })\n\n // marquee - single finger on .workspace_back\n\n var mcm = new Hammer.Manager(this.$workspace_back.get(0));\n mcm.add( new Hammer.Pan({ direction: Hammer.DIRECTION_ALL, pointers: 1 }) );\n\n // start marquee\n mcm.on('panstart', function(event){\n\n this.model.marquee.setStartCorner( this.inWorkspaceCoordinates(event.center.x, event.center.y) );\n\n }.bind(this));\n\n // marquee\n mcm.on('pan', function(event) {\n\n this.model.marquee.set('hidden', false);\n this.model.marquee.setEndCorner( this.inWorkspaceCoordinates(event.center.x, event.center.y) );\n this.doMarqueeSelect();\n\n }.bind(this));\n\n // end marquee\n mcm.on('panend', function(){\n\n this.model.marquee.set('hidden', true);\n\n }.bind(this));\n\n\n var mc = new Hammer.Manager(this.el);\n mc.add( new Hammer.Pan({ direction: Hammer.DIRECTION_ALL, pointers: 3 }) );\n\n // start pan\n mc.on('panstart', function(){\n this.scrollStart = [ this.$el.scrollLeft(), this.$el.scrollTop() ];\n }.bind(this));\n\n // pan\n mc.on('pan', function(ev) {\n this.model.set('offset', [ this.scrollStart[0] - ev.deltaX, this.scrollStart[1] - ev.deltaY ] );\n }.bind(this));\n\n // end pan\n mc.on('panend', function(){\n this.zoomDisabled = true;\n setTimeout(function(){ this.zoomDisabled = false; }.bind(this), 200)\n }.bind(this));\n\n // pinching\n mc.add( new Hammer.Pinch({ threshold: 0.1 }) );\n\n mc.on('pinchstart', function(ev) {\n this.zoomStart = this.model.get('zoom');\n }.bind( this ));\n\n mc.on('pinch', function(ev) {\n if (this.zoomDisabled) return;\n\n var val = this.zoomStart * ev.scale;\n\n if (val < 0.25) val = 0.25;\n if (val > 1.2) val = 1.2;\n\n this.model.set('zoom', val );\n }.bind( this ));\n\n\n // tap\n mc.add( new Hammer.Tap({ taps: 2 }) );\n\n mc.on('tap', function(e) {\n this.showNodeSearch({ clientX: e.center.x, clientY: e.center.y });\n }.bind( this ));\n\n return this;\n\n },\n\n mousewheelMove: function(e){\n\n this.isMouseWheel = true;\n this.clientX = e.clientX;\n this.clientY = e.clientY;\n\n var delta = 0;\n\n if ( e.originalEvent.wheelDelta !== undefined ) { // WebKit / Opera / Explorer 9\n delta = e.originalEvent.wheelDelta;\n } else if ( e.originalEvent.detail !== undefined ) { // Firefox\n delta = -e.originalEvent.detail;\n }\n\n if( delta > 0 ) {\n if (this.model.get('zoom') < 1) \n this.model.set('zoom', Math.min(1, this.model.get('zoom') + delta * 0.0005 ));\n } else {\n if (this.model.get('zoom') > 0.25) \n this.model.set('zoom', Math.max( 0.25, this.model.get('zoom') + delta * 0.0005 ));\n }\n\n this.isMouseWheel = false;\n\n return false;\n\n },\n\n startWorkspaceDrag: function(event){\n this.deselectAll();\n\n if (event.ctrlKey || event.which === 2){\n this.startWorkspacePan(event);\n } else {\n this.startMarqueeDrag(event);\n }\n },\n\n // workspace panning\n\n panStart: [0,0],\n\n startWorkspacePan: function(event){\n event.preventDefault();\n\n this.panStart = [ event.pageX, event.pageY ];\n this.scrollStart = [ this.$el.scrollLeft(), this.$el.scrollTop() ];\n \n this.$workspace.bind('mousemove', $.proxy( this.workspacePan, this) );\n this.$workspace.bind('mouseup', $.proxy( this.endWorkspacePan, this) );\n },\n\n endWorkspacePan: function(event){\n this.model.set('offset', [this.$el.scrollLeft(), this.$el.scrollTop()])\n this.$workspace.unbind('mousemove', this.workspacePan);\n this.$workspace.unbind('mouseup', this.endWorkspacePan);\n },\n\n workspacePan: function(event){\n this.$el.scrollLeft( this.scrollStart[0] + this.panStart[0] - event.pageX );\n this.$el.scrollTop( this.scrollStart[1] + this.panStart[1] - event.pageY );\n },\n\n // marquee drag\n\n startMarqueeDrag: function(event){\n this.model.marquee.setStartCorner( this.inWorkspaceCoordinates(event.pageX, event.pageY) );\n \n this.$workspace.bind('mousemove', $.proxy( this.marqueeDrag, this) );\n this.$workspace.bind('mouseup', $.proxy( this.endMarqueeDrag, this) );\n },\n\n endMarqueeDrag: function(event){\n this.model.marquee.set('hidden', true);\n this.$workspace.unbind('mousemove', this.marqueeDrag);\n this.$workspace.unbind('mouseup', this.endMarqueeDrag);\n },\n\n marqueeDrag: function(event){\n\n this.model.marquee.set('hidden', false);\n this.model.marquee.setEndCorner( this.inWorkspaceCoordinates(event.pageX, event.pageY) );\n this.doMarqueeSelect();\n\n },\n\n doMarqueeSelect: function(){\n\n var x1 = this.model.marquee.get('x')\n , y1 = this.model.marquee.get('y')\n , x2 = this.model.marquee.get('x') + this.model.marquee.get('width')\n , y2 = this.model.marquee.get('y') + this.model.marquee.get('height');\n\n for (var nodeId in this.nodeViews ){ \n\n var node = this.nodeViews[nodeId];\n\n var w = node.$el.width();\n var h = node.$el.height();\n\n var px = node.model.get('position');\n var x = px[0], y = px[1];\n\n var corners = [ [x, y], [x + w, y], [x + w, y + h], [x, y + h] ];\n\n var cornerIn = false;\n\n corners.forEach(function(c){\n\n var cx = c[0], cy = c[1];\n if ( cx < x2 && cx > x1 && cy > y1 && cy < y2 ) {\n cornerIn = true;\n }\n\n });\n\n if (cornerIn && !node.model.get('selected') ){\n node.model.set('selected', true);\n } else if ( !cornerIn && node.model.get('selected') ){\n node.model.set('selected', false);\n }\n\n }\n\n },\n\n getCenter: function(){\n\n var w = this.$el.width()\n , h = this.$el.height()\n , ho = this.$el.scrollTop()\n , wo = this.$el.scrollLeft()\n , zoom = 1 / this.model.get('zoom');\n\n return [zoom * (wo + w / 2), zoom * (ho + h / 2)];\n\n },\n\n updateZoom: function(){\n\n if (this.model.get('zoom') < 0) {\n this.model.set('zoom', 0.25); \n return this;\n }\n\n if (this.cachedZoom === this.model.get('zoom')) {\n return this;\n }\n\n this.zoomFactor = this.model.get('zoom') / (this.cachedZoom ? this.cachedZoom : this.model.get('zoom') );\n this.cachedZoom = this.model.get('zoom');\n\n this.$workspace.css('transform', 'scale(' + this.model.get('zoom') + ')' );\n this.$workspace.css('transform-origin', \"0 0\" );\n\n // get scroll here, because it gets removed by the following lines\n if (this.isMouseWheel){\n var s = this.getNewScroll( this.clientX, this.clientY );\n } else {\n var s = this.getNewScroll();\n }\n\n this.model.set('offset', s);\n\n return this;\n\n },\n\n getNewScroll: function(x, y){\n\n var z = this.zoomFactor;\n var ox = this.model.get('offset')[0];\n var oy = this.model.get('offset')[1];\n\n if (!x || !y){\n var w = this.$el.width();\n var h = this.$el.height();\n\n // this is the offset from the center in document coordinates\n var centerOffset = [w / 2, h / 2]; \n } else {\n var centerOffset = [x,y];\n }\n\n var sx = z * ( ox + centerOffset[0] ) - centerOffset[0];\n var sy = z * ( oy + centerOffset[1] ) - centerOffset[1];\n\n if (sx < 0) sx = 0;\n if (sy < 0) sy = 0;\n\n return [sx,sy];\n },\n\n boundingBox: function(){\n\n // build list of nodeViews in ws\n var nvs = [];\n for (var nv in this.nodeViews){ \n nvs.push( this.nodeViews[nv] ); \n }\n\n return nvs.reduce(function(a, x){\n\n var p = x.model.get('position');\n var nw = x.$el.width();\n var nh = x.$el.height();\n\n return [ Math.min(p[0], a[0]), \n Math.max(p[0] + nw, a[1]),\n Math.min(p[1], a[2]),\n Math.max(p[1] + nh, a[3]) ];\n\n }, [ Number.MAX_VALUE, 0, Number.MAX_VALUE, 0 ] ); // minx, maxx, miny, maxy\n\n },\n\n zoomAll: function(){\n\n var bb = this.boundingBox();\n\n // this is the min offset we expect from the bounding box in document space\n var o = 20 * (1 / this.model.get('zoom') );\n bb = [bb[0] - o, bb[1] + o, bb[2] - o, bb[3] + o ];\n\n // calculate zoom\n\n // we do this by first determining the width and height of the ws\n var wsw = this.$el.width();\n var wsh = this.$el.height();\n\n // now we determine the width of the node collection\n var ntw = bb[1] - bb[0];\n var nth = bb[3] - bb[2];\n\n // we calculate the zoom from the ratio between the node bbox and workspace size\n var zx = wsw / ntw;\n var zy = wsh / nth;\n var nz = Math.min( zx, zy ); // the new zoom is the lesser of these two - TODO account for zoom min\n\n nz = Math.min(1, nz);\n\n // set the zoom\n this.model.set('zoom', nz );\n\n // set the offset, taking into account the new zoom\n var offset = [ nz * bb[0], nz * bb[2] ];\n this.model.set('offset', offset);\n\n },\n\n updateOffset: function(){\n\n var s = this.model.get('offset');\n\n this.$el.scrollLeft( s[0] );\n this.$el.scrollTop( s[1] );\n\n return this;\n\n },\n\n $runnerStatus : undefined,\n runnerTemplate : _.template( $('#workspace-runner-status-template').html() ),\n renderRunnerStatus: function(){\n\n // placeholder for future work\n return this;\n\n },\n\n showNodeSearch: function(e){\n this.app.set('showingSearch', true);\n\n // the position of the click in workspace coordinates\n var z = 1 / this.model.get('zoom');\n var offX = z * (e.clientX + this.$el.scrollLeft());\n var offY = z * (e.clientY + this.$el.scrollTop());\n\n this.app.newNodePosition = [offX, offY];\n },\n\n startProxyDrag: function(event){\n this.$workspace.bind('touchmove', $.proxy( this.proxyTouchDrag, this) );\n this.$workspace.bind('mousemove', $.proxy( this.proxyDrag, this) );\n this.$workspace.bind('touchend', $.proxy( this.endProxyDrag, this) );\n this.$workspace.bind('mouseup', $.proxy( this.endProxyDrag, this) );\n },\n\n endProxyDrag: function(event){\n this.$workspace.unbind('touchmove', this.proxyTouchDrag );\n this.$workspace.unbind('mousemove', this.proxyDrag);\n this.$workspace.unbind('touchend', this.endProxyDrag);\n this.$workspace.unbind('mouseup', this.endProxyDrag);\n \n this.model.endProxyConnection();\n },\n\n proxyTouchDrag: function(event){\n this.model.proxyConnection.set('endProxyPosition', \n this.inWorkspaceCoordinates(event.originalEvent.touches[0].pageX, event.originalEvent.touches[0].pageY));\n event.preventDefault(); // prevents mousemove\n },\n\n proxyDrag: function(event){\n this.model.proxyConnection.set('endProxyPosition', this.inWorkspaceCoordinates(event.pageX, event.pageY));\n },\n\n renderProxyConnection: function() {\n\n var view = new ConnectionView({ \n model: this.model.proxyConnection, \n workspaceView: this, \n workspace: this.model, \n isProxy: true\n });\n\n view.render();\n this.$workspace_canvas.prepend( view.el );\n\n },\n\n renderMarquee: function() {\n\n var view = new MarqueeView({ \n model: this.model.marquee, \n workspaceView: this, \n workspace: this.model\n });\n\n view.render();\n this.$workspace_canvas.prepend( view.el );\n\n },\n\n cleanup: function() {\n this.clearDeadNodes();\n this.clearDeadConnections();\n return this;\n },\n\n renderNodes: function() {\n\n var this_ = this;\n\n this.model.get('nodes').each(function(nodeModel) {\n\n var nodeView = this_.nodeViews[nodeModel.get('_id')];\n\n // if NodeView has not been drawn\n if ( nodeView === undefined){\n\n var NodeView = NodeViewTypes.Base;\n if ( NodeViewTypes[ nodeModel.get('typeName') ] != undefined)\n {\n NodeView = NodeViewTypes[ nodeModel.get('typeName') ];\n }\n nodeView = new NodeView({ model: nodeModel, workspaceView: this_, workspace: this_.model });\n this_.nodeViews[ nodeView.model.get('_id') ] = nodeView;\n\n this_.$workspace.prepend( nodeView.$el );\n nodeView.render();\n nodeView.makeDraggable();\n nodeView.delegateEvents();\n \n this_.$workspace_canvas.append( nodeView.portGroup );\n\n }\n\n });\n\n return this;\n\n },\n\n keydownHandler: function(e){\n\n var isBackspaceOrDelete = e.keyCode === 46 || e.keyCode === 8;\n\n if ( !(e.metaKey || e.ctrlKey) && !isBackspaceOrDelete ) return;\n\n // do not capture from input\n if (e.originalEvent.srcElement && e.originalEvent.srcElement.nodeName === \"INPUT\") return;\n if (e.target.nodeName === \"INPUT\") return;\n\n // keycodes: http://css-tricks.com/snippets/javascript/javascript-keycodes/\n\n switch (e.keyCode) {\n case 8:\n this.model.removeSelected();\n return e.preventDefault();\n case 46:\n this.model.removeSelected();\n return e.preventDefault();\n case 61:\n case 187:\n this.model.zoomIn();\n return e.preventDefault();\n case 189:\n case 173:\n this.model.zoomOut();\n return e.preventDefault();\n case 67:\n this.model.copy();\n return e.preventDefault();\n case 86:\n this.model.paste();\n return e.preventDefault();\n case 88:\n this.model.copy();\n this.model.removeSelected();\n return e.preventDefault();\n case 89:\n this.model.redo();\n return e.preventDefault();\n case 90:\n this.model.undo();\n return e.preventDefault();\n }\n\n },\n\n renderConnections: function() {\n\n var this_ = this;\n\n this.model.get('connections').forEach( function( cntn ) {\n\n var view = this_.connectionViews[cntn.get('_id')]\n\n if ( this_.connectionViews[cntn.get('_id')] === undefined){\n view = new ConnectionView({ model: cntn, workspaceView: this_, workspace: this_.model });\n }\n\n view.delegateEvents();\n\n if (!view.el.parentNode){\n\n view.render();\n this_.$workspace_canvas.prepend( view.el );\n\n this_.connectionViews[ view.model.get('_id') ] = view;\n }\n\n });\n\n return this;\n\n },\n\n clearDeadNodes: function() {\n\n for (var key in this.nodeViews){\n if (this.model.get('nodes').get(key) === undefined){\n this.nodeViews[key].remove();\n delete this.nodeViews[key];\n }\n }\n\n },\n\n clearDeadConnections: function() {\n for (var key in this.connectionViews){\n if (this.model.get('connections').get(key) === undefined){\n this.connectionViews[key].remove();\n delete this.connectionViews[key];\n }\n }\n },\n\n onRemove: function(){\n this.get('nodes').forEach(function(n){\n if (n.onRemove) n.onRemove();\n })\n },\n\n deselectAll: function() {\n this.model.get('nodes').deselectAll();\n },\n\n });\n});\n" }, { "path": "app/scripts/views/customizer/CustomizerAppView.js", "content": "// the application is constituted by\n\n// CustomizerAppView, CustomizerApp - controls visibility of widget\n// CustomizerWorkspaceView - collection of node widgets, similar to a nodeview, includes mask for which widgets will be visible\n// CustomizerNodeView - similar to a nodeview, but no inputs/outputs, simplified controls, potentially multiple options with labels\n// CustomizerViewer - allows you to view your customized geometry, with saved camera position\n\ndefine(['backbone', 'CustomizerViewerView', 'CustomizerHeaderView', 'CustomizerWorkspaceView'],\n function(Backbone, CustomizerViewer, CustomizerHeaderView, CustomizerWorkspaceView ) {\n\n 'use strict';\n\n return Backbone.View.extend({\n\n el: '#customizer-app ',\n\n events: { },\n\n initialize: function( args, atts ) {\n this.listenTo(this.model, 'change', this.render);\n },\n\n render: _.once(function() {\n\n (new CustomizerViewer()).render();\n var hv = new CustomizerHeaderView({model: this.model.getCurrentWorkspace() })\n this.listenTo( hv, \"download-stl\", function(){ this.model.getCurrentWorkspace().exportSTL() } );;\n hv.render();\n (new CustomizerWorkspaceView({model: this.model.getCurrentWorkspace() })).render();\n\n return this;\n\n }),\n\n });\n});\n" }, { "path": "app/scripts/views/customizer/CustomizerHeaderView.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n el: '#customizer-header',\n\n template: _.template( $('#header-template').html() ),\n\n events: { \"click .stl-download\" : \"downloadStl\" },\n\n initialize: function( args, atts ) {\n this.listenTo(this.model, 'change', this.render);\n },\n\n render: function() {\n\n this.$el.html( this.template( this.model.toJSON() ) );\n return this;\n\n },\n\n downloadStl: function() {\n this.trigger(\"download-stl\")\n }\n\n });\n});\n" }, { "path": "app/scripts/views/customizer/CustomizerViewerView.js", "content": "define(['backbone', 'Three', 'OrbitControls'], function(Backbone) {\n\n\tvar container, $container;\n\tvar camera, controls, renderer;\n\tvar geometry, group;\n\n\tscene = {};\n\n\tvar mouse = new THREE.Vector2(),\n\toffset = new THREE.Vector3(),\n\tINTERSECTED, SELECTED;\n\n\tvar objects = [], plane;\n\n\tvar mouseX = 0, mouseY = 0;\n\tvar animate;\n\n\tvar windowHalfX = window.innerWidth / 2;\n\tvar windowHalfY = window.innerHeight / 2;\n\n return Backbone.View.extend({\n\n el: '#customizer-viewer',\n\n events: { },\n\n initialize: function( args, atts ) {\n\n },\n\n done: false,\n\n render: _.once(function() {\n\n \tthis.init();\n\t\t\tthis.renderView();\n\n }),\n\n init: function() {\n\n\t\t\tcontainer = document.getElementById(\"customizer-viewer\");\n\t\t\t$container = $(container);\n\n\t\t\tcamera = new THREE.PerspectiveCamera( 30, $container.width() / $container.height(), 1, 10000 );\n\n\t\t\tcamera.position.set( 140, 140, 140 );\n\t\t\tcamera.up.set( 0, 0, 1 );\n\t\t\tcamera.lookAt( new THREE.Vector3(0,0,0) );\n\n\t\t\tscene = new THREE.Scene();\n\n\t\t\trenderer = new THREE.WebGLRenderer({antialias: true});\n\t\t\trenderer.setClearColor( 0xffffff, 1 );\n\t\t\trenderer.setSize( $container.width(), $container.height() );\n\t\t\trenderer.sortObjects = false;\n\n\t\t\tcontainer.appendChild( renderer.domElement );\n\t\t\trenderer.domElement.setAttribute(\"id\", \"renderer_canvas\");\n\n\t\t\t// add subtle ambient lighting\n\t\t\tvar ambientLight = new THREE.AmbientLight(0x555555);\n\t\t\tscene.add(ambientLight);\n\n\t\t\t// add directional light source\n\t\t\tvar directionalLight = new THREE.DirectionalLight(0xbbbbbb);\n\t\t\tdirectionalLight.position.set(50, 30, 50);\n\t\t\tscene.add(directionalLight);\n\n\t\t\tvar directionalLight = new THREE.DirectionalLight(0xaaaaaa);\n\t\t\tdirectionalLight.position.set(-0.2, -0.8, 1).normalize();\n\t\t\tscene.add(directionalLight);\n\n\t\t\tthis.makeGrid();\n\n\t\t\tcontrols = new THREE.OrbitControls(camera, container);\n\n\t\t\tvar that = this;\n\n\t\t\tanimate = function(){\n\t\t\t\trequestAnimationFrame( animate );\n\t\t\t\tthat.renderView();\n\t\t\t};\n\n\t\t\trequestAnimationFrame(animate);\n\n\t\t\twindow.addEventListener( 'resize', this.onWindowResize.bind(this), false );\n\n\t\t},\n\n\t\tonWindowResize : function() {\n\n\t\t\twindowHalfX = $container.width() / 2;\n\t\t\twindowHalfY = $container.height() / 2;\n\n\t\t\tcamera.aspect = windowHalfX/ windowHalfY;\n\t\t\tcamera.updateProjectionMatrix();\n\n\t\t\trenderer.setSize( 2*windowHalfX, 2*windowHalfY );\n\n\t\t\tthis.render();\n\n\t\t},\n\n\t\trenderView: function() {\n\n\t\t\tcontrols.update();\n\t\t\trenderer.render( scene, camera );\n\n\t\t},\n\n\t\tmakeGrid: function(){\n\n\t\t\tvar l = 60;\n\n\t\t\tvar axisHelper = new THREE.AxisHelper( l );\n\t\t\tscene.add( axisHelper );\n\n\t\t\tvar geometry = new THREE.Geometry();\n\t\t\tvar geometryThick = new THREE.Geometry();\n\n\t\t\tvar n = l;\n\t\t\tvar inc = 2 * l / n;\n\t\t\tvar rate = 10;\n\n\t\t\tfor (var i = 0; i < n + 1; i++){\n\n\t\t \tvar v1 = new THREE.Vector3(-l, -l + i * inc, 0);\n\t\t\t\tvar v2 = new THREE.Vector3(l, -l + i * inc, 0);\n\n\t\t \tgeometry.vertices.push(v1);\n\t\t \tgeometry.vertices.push(v2);\n\n\t\t \tif (i % rate == 0){\n\t\t\t\t\tgeometryThick.vertices.push(v1);\n\t\t \t\tgeometryThick.vertices.push(v2);\n\t\t \t}\n\t\t\t}\n\n\t\t\tfor (var i = 0; i < n + 1; i++){\n\t\t\t\tvar v1 = new THREE.Vector3(-l + i * inc, l, 0);\n\t\t\t\tvar v2 = new THREE.Vector3(-l + i * inc, -l, 0);\n\n\t\t\t\tgeometry.vertices.push(v1);\n\t\t \tgeometry.vertices.push(v2);\n\n\t\t \tif (i % rate == 0){\n\t\t\t\t\tgeometryThick.vertices.push(v1);\n\t\t \t\tgeometryThick.vertices.push(v2);\n\t\t \t}\n\t\t\t}\n\n\t\t\tvar material = new THREE.LineBasicMaterial({\n\t\t color: 0xeeeeee,\n\t\t linewidth: 0.1\n\t\t });\n\n\t\t var materialThick = new THREE.LineBasicMaterial({\n\t\t color: 0xeeeeee,\n\t\t linewidth: 2\n\t\t });\n\n\t\t var line = new THREE.Line(geometry, material, THREE.LinePieces);\n\t\t var lineThick = new THREE.Line(geometryThick, materialThick, THREE.LinePieces);\n\n\t\t scene.add(line);\n\t\t scene.add(lineThick);\n\n\t\t}\n\n });\n});\n\n\n\n\n" }, { "path": "app/scripts/views/customizer/CustomizerWorkspaceView.js", "content": "define(['backbone', 'BaseWidgetView', 'GeometryWidgetView', 'NumberWidgetView'], \n function(Backbone, BaseWidgetView, GeometryWidgetView, NumberWidgetView) {\n\n return Backbone.View.extend({\n\n el: '#customizer-workspace',\n\n events: { \n \"click #hide-workspace\" : \"hideWorkspace\"\n },\n\n initialize: function( args, atts ) {\n\n },\n\n map: {\n \"Number\" : NumberWidgetView\n },\n\n hasWidgets: false,\n\n buildWidget: function(x){\n\n if (x.get('extra') != undefined && x.get('extra').lock) return;\n\n var widgetView = GeometryWidgetView;\n\n if (x.get('type').typeName in this.map){\n widgetView = this.map[x.get('type').typeName];\n }\n\n var widget = new widgetView({model: x});\n\n if (x.get('type').typeName in this.map){\n this.$el.append( widget.render().$el );\n this.hasWidgets = true;\n }\n\n },\n\n visible: true,\n\n hideWorkspace: function(){\n\n if (this.visible){\n this.$el.addClass('workspace-contracted');\n this.$el.find('.widget').css('visibility', 'hidden');\n this.$el.find('#hide-workspace i').removeClass('fa-arrow-circle-left');\n this.$el.find('#hide-workspace i').addClass('fa-arrow-circle-right');\n this.visible = false;\n } else {\n this.$el.removeClass('workspace-contracted');\n this.$el.find('.widget').css('visibility', 'visible');\n this.$el.find('#hide-workspace i').removeClass('fa-arrow-circle-right');\n this.$el.find('#hide-workspace i').addClass('fa-arrow-circle-left');\n this.visible = true;\n }\n\n },\n\n render: function() {\n\n this.model.get('nodes').each(this.buildWidget.bind(this));\n\n if (!this.hasWidgets) this.$el.hide();\n\n return this;\n\n }\n\n });\n});" }, { "path": "app/scripts/views/customizer/widgets/Base.js", "content": "define(['backbone'], function(Backbone) {\n\n return Backbone.View.extend({\n\n tagName: 'div',\n className: 'widget',\n\n template: _.template( $('#widget-template').html() ),\n\n initialize: function(args) {\n\n this.model.on('evalFailed', this.onEvalFailed, this );\n this.model.on('evalBegin', this.onEvalBegin, this );\n\n this.listenTo(this.model, 'requestRender', this.render );\n this.listenTo(this.model, 'change:position', this.move );\n this.listenTo(this.model, 'change:lastValue', this.renderLastValue );\n this.listenTo(this.model, 'change:failureMessage', this.renderLastValue );\n this.listenTo(this.model, 'change:ignoreDefaults', this.colorPorts );\n this.listenTo(this.model, 'change:selected', this.colorSelected);\n this.listenTo(this.model, 'change:visible', this.render);\n this.listenTo(this.model, 'change:isEvaluating', this.colorEvaluating);\n\n this.model.on('evalFailed', this.onEvalFailed, this );\n this.model.on('evalBegin', this.onEvalBegin, this );\n\n },\n\n colorSelected: function(){\n\n },\n\n render: function() {\n\n this.$el.html( this.template( this.model.toJSON() ) );\n return this;\n\n }\n\n });\n\n});\n" }, { "path": "app/scripts/views/customizer/widgets/Geometry.js", "content": "define(['backbone', 'underscore', 'jquery', 'BaseWidgetView'], function(Backbone, _, $, BaseWidgetView) {\n\n return BaseWidgetView.extend({\n\n initialize: function(args) {\n\n BaseWidgetView.prototype.initialize.apply(this, arguments);\n\n this.model.on('change:selected', this.colorSelected, this);\n this.model.on('change:visible', this.changeVisibility, this);\n this.model.on('remove', this.onRemove, this);\n this.model.on('change:prettyLastValue', this.onEvalComplete, this );\n this.model.workspace.on('change:current', this.changeVisibility, this);\n\n this.onEvalComplete();\n\n },\n\n setMaterials: function(partMat, meshMat, lineMat){\n\n this.threeGeom.traverse(function(ele) {\n if (ele instanceof THREE.Mesh) {\n ele.material = meshMat;\n } else if (ele instanceof THREE.Line) {\n ele.material = lineMat;\n } else {\n ele.material = partMat;\n }\n });\n\n },\n\n colorSelected: function(){\n\n BaseWidgetView.prototype.colorSelected.apply(this, arguments);\n\n if ( !( this.threeGeom && this.model.get('visible')) ) return this;\n\n if (this.model.get('selected')) {\n\n var meshMat = new THREE.MeshPhongMaterial({color: 0x66d6ff });\n var partMat = new THREE.ParticleBasicMaterial({color: 0x66d6ff, size: 5, sizeAttenuation: false});\n var lineMat = new THREE.LineBasicMaterial({ color: 0x66d6ff });\n\n } else {\n\n var meshMat = new THREE.MeshPhongMaterial({color: 0x999999});\n var partMat = new THREE.ParticleBasicMaterial({color: 0x999999, size: 5, sizeAttenuation: false});\n var lineMat = new THREE.LineBasicMaterial({ color: 0x000000 });\n\n }\n\n this.setMaterials(partMat, meshMat, lineMat);\n\n return this;\n\n }, \n\n // 3D move to node subclass\n onRemove: function(){\n this.model.workspace.off('change:current', this.changeVisibility, this);\n scene.remove(this.threeGeom); \n }, \n\n evaluated: false,\n\n toThreeGeom: function( rawGeom ) {\n\n var threeGeom = new THREE.Geometry(), face;\n\n if (!rawGeom) return threeGeom;\n\n if (!rawGeom.vertices && !rawGeom.linestrip ) return threeGeom;\n\n if (rawGeom.linestrip) return this.addLineStrip( rawGeom, threeGeom );\n\n if (rawGeom.vertices && !rawGeom.faces) return this.addPoints( rawGeom, threeGeom );\n\n for ( var i = 0; i < rawGeom.vertices.length; i++ ) {\n var v = rawGeom.vertices[i];\n threeGeom.vertices.push( new THREE.Vector3( v[0], v[1], v[2] ) );\n }\n\n if (!rawGeom.faces) return threeGeom;\n\n for ( var i = 0; i < rawGeom.faces.length; i++ ) {\n var f = rawGeom.faces[i];\n face = new THREE.Face3( f[0], f[1], f[2], new THREE.Vector3( f[3][0], f[3][1], f[3][2] ) );\n threeGeom.faces.push( face );\n }\n \n threeGeom._floodType = 0;\n\n return threeGeom;\n\n },\n\n addPoints: function( rawGeom, threeGeom ){\n\n for ( var i = 0; i < rawGeom.vertices.length; i++ ) {\n var v = rawGeom.vertices[i];\n threeGeom.vertices.push( new THREE.Vector3( v[0], v[1], v[2] ) );\n }\n\n threeGeom._floodType = 1;\n\n return threeGeom;\n },\n\n addLineStrip: function( rawGeom, threeGeom ){\n\n for ( var i = 0; i < rawGeom.linestrip.length; i++ ) {\n var v = rawGeom.linestrip[i];\n threeGeom.vertices.push( new THREE.Vector3( v[0], v[1], v[2] ) );\n }\n\n threeGeom._floodType = 2;\n\n return threeGeom;\n \n },\n\n onEvalComplete: function(a, b, newValue){\n\n if (!newValue && this.evaluated) return;\n\n this.evaluated = true;\n\n var lastValue = this.model.get('prettyLastValue');\n var temp;\n\n if ( !lastValue ) return;\n\n if ( lastValue.vertices || lastValue.linestrip ){ \n temp = [];\n temp.push(lastValue);\n } else {\n temp = lastValue; // extract the list\n } \n\n var threeTemp = new THREE.Object3D();\n this.drawChunked( threeTemp, temp, function() { \n\n if ( this.threeGeom ){\n scene.remove( this.threeGeom );\n }\n\n this.threeGeom = threeTemp;\n scene.add( this.threeGeom );\n this.changeVisibility();\n\n }, this );\n\n }, \n\n // creating this data may be quite slow, we'll need to be careful\n drawChunked: function(geom, list, callback, that){\n\n var i = 0;\n var tick = function() {\n\n var start = new Date().getTime();\n for (; i < list.length && (new Date().getTime()) - start < 50; i++) {\n \n var g3 = that.toThreeGeom( list[i] );\n\n if (that.model.get('selected')){\n var color = 0x66d6ff;\n } else {\n var color = 0x999999;\n }\n\n switch (g3._floodType) {\n case 0:\n geom.add( new THREE.Mesh(g3, new THREE.MeshPhongMaterial({color: color})) );\n break;\n case 1:\n geom.add( new THREE.ParticleSystem(g3, new THREE.ParticleBasicMaterial({color: color, size: 5, sizeAttenuation: false}) ));\n break;\n case 2:\n geom.add( new THREE.Line(g3, new THREE.LineBasicMaterial({ color: 0x000000 })));\n break;\n }\n\n }\n\n if (i < list.length) {\n setTimeout(tick, 25);\n } else {\n callback.call(that);\n }\n\n };\n\n setTimeout(tick, 0);\n\n },\n\n changeVisibility: function(){\n\n if ( !this.threeGeom ){\n return;\n }\n \n if (!this.model.get('visible') || !this.model.workspace.get('current') )\n {\n this.threeGeom.traverse(function(e) { e.visible = false; });\n } else if ( this.model.get('visible') )\n {\n this.threeGeom.traverse(function(e) { e.visible = true; });\n }\n\n },\n\n renderNode: function() {\n \n BaseWidgetView.prototype.renderNode.apply(this, arguments);\n\n // this.$toggleVis = this.$el.find('.toggle-vis');\n // this.$toggleVis.show();\n\n // var icon = this.$toggleVis.find('i');\n // var label = this.$toggleVis.find('span');\n\n // if (this.model.get('visible')){\n // icon.addClass('icon-eye-open');\n // icon.removeClass('icon-eye-close');\n // label.html('Hide geometry');\n // } else {\n // icon.removeClass('icon-eye-open');\n // icon.addClass('icon-eye-close');\n // label.html('Show geometry');\n // }\n\n return this;\n\n },\n\n });\n\n});" }, { "path": "app/scripts/views/customizer/widgets/Number.js", "content": "define(['backbone', 'underscore', 'jquery', 'BaseWidgetView', 'jqueryuislider'], function(Backbone, _, $, BaseWidgetView) {\n\n return BaseWidgetView.extend({\n\n template: _.template( $('#widget-number-template').html() ),\n\n initialize: function(args) {\n\n BaseWidgetView.prototype.initialize.apply(this, arguments);\n this.rendered = false;\n\n this.model.on('change:extra', function() { \n \n var ex = this.model.get('extra') ;\n\n this.silentSyncUI( ex );\n\n this.model.trigger('updateRunner'); \n this.model.workspace.trigger('requestRun');\n\n }, this);\n\n },\n \n render: function() {\n \n BaseWidgetView.prototype.render.apply(this, arguments);\n\n if (this.rendered) return this;\n\n // make the slider\n this.slider = this.$el.find('.slider');\n if (!this.slider) return;\n\n var extra = this.model.get('extra');\n var min = extra.min != undefined ? extra.min : -150;\n var max = extra.max != undefined ? extra.max : 150;\n var step = extra.step != undefined ? extra.step : 0.1;\n var value = extra.value != undefined ? extra.value : 0;\n if (value === undefined ) value = this.model.get('lastValue');\n\n var that = this;\n this.slider.slider(\n { min: min, \n max: max, \n step: step, \n value: value,\n change: function(e, ui){ that.inputSet.call(that, e, ui); },\n slide: function(e, ui){ that.inputChanged.call(that, e, ui); } \n });\n\n // this.currentValueInput = this.$el.find('.currentValue');\n // this.currentValueInput.html( value );\n\n this.currentValueInput = this.$el.find('.currentValue');\n this.currentValueInput.val( value );\n this.currentValueInput.change( function(e){ that.valChanged.call(that, e); e.stopPropagation(); });\n\n this.minInput = this.$el.find('.num-min');\n this.minInput.val(min);\n this.minInput.change( function(e){ that.minChanged.call(that, e); e.stopPropagation(); });\n\n this.maxInput = this.$el.find('.num-max');\n this.maxInput.val(max);\n this.maxInput.change( function(e){ that.maxChanged.call(that, e); e.stopPropagation(); });\n\n this.stepInput = this.$el.find('.num-step');\n this.stepInput.val(step);\n this.stepInput.change( function(e){ that.stepChanged.call(that, e); e.stopPropagation(); });\n\n // adjust settings dropdown so that it stays open while editing\n // doesn't select the node when you're editing\n $('.dropdown.keep-open').on({\n \"shown.bs.dropdown\": function() {\n that.selectable = false;\n that.model.set('selected', false);\n $(this).data('closable', false);\n },\n \"mouseleave\": function() {\n $(this).data('closable', true);\n },\n \"click\": function() {\n $(this).data('closable', false);\n },\n \"hide.bs.dropdown\": function() {\n if ( $(this).data('closable') ) that.selectable = true;\n return $(this).data('closable');\n }\n });\n\n // this.rendered = true;\n\n return this;\n\n },\n\n silentSyncUI: function(data){\n\n this.silent = true;\n this.currentValueInput.val( data.value );\n this.setSliderValue( data.value );\n this.minInput.html( data.min );\n this.maxInput.html( data.max );\n this.stepInput.html( data.step );\n this.silent = false;\n\n },\n\n currentValue: function(){\n return this.slider.slider(\"option\", \"value\");\n },\n\n setSliderValue: function(val){\n return this.slider.slider(\"option\", \"value\", val);\n },\n\n valChanged: function(val){\n var val = parseFloat( this.currentValueInput.val() );\n if (isNaN(val)) return;\n return this.setSliderValue( val );\n },\n\n minChanged: function(e, u){\n var val = parseFloat( this.minInput.val() );\n if (isNaN(val)) return;\n if (this.currentValue < val) this.setSliderValue(val);\n this.slider.slider(\"option\", \"min\", val);\n },\n\n maxChanged: function(e){\n var val = parseFloat( this.maxInput.val() );\n if (isNaN(val)) return;\n if (this.currentValue > val) this.setSliderValue(val);\n this.slider.slider(\"option\", \"max\", val);\n },\n\n stepChanged: function(e){\n var val = parseFloat( this.stepInput.val() );\n if (isNaN(val)) return;\n this.slider.slider(\"option\", \"step\", val);\n },\n\n inputChanged: function(e,ui) {\n\n var val = ui.value;\n this.$el.find('.currentValue').html(val);\n\n },\n\n inputSet: function(e,ui) {\n\n if ( this.silent ) return;\n\n var newValue = { value: this.slider.slider(\"option\", \"value\"), min: this.slider.slider(\"option\", \"min\"), \n step: this.slider.slider(\"option\", \"step\"), max: this.slider.slider(\"option\", \"max\") };\n\n this.model.workspace.setNodeProperty({property: 'extra', _id: this.model.get('_id'), newValue: newValue }); \n\n }\n\n });\n\n});" }, { "path": "app/styles/bootstrap.css", "content": "/*!\n * Bootstrap v3.0.3 (http://getbootstrap.com)\n * Copyright 2013 Twitter, Inc.\n * Licensed under http://www.apache.org/licenses/LICENSE-2.0\n */\n\n/*! 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,samp{font-family:monospace,serif;font-size:1em}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:\"\"}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,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-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{}.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}}`" }, { "path": "app/styles/customizer.css", "content": "#customizer-app {\n\tbackground: #e3e3e3;\n\ttop: 0;\n\tright: 0;\n\tleft: 0;\n\tbottom: 0;\n\tposition: absolute;\n}\n\n#customizer-workspace-header {\n\tposition: absolute;\n\tbottom: -12px;\n\tright: -12px;\n\tcolor: #444;\n\theight: 20px;\n\tpadding: 10px;\n\tfont-size: 18px;\n\ttext-shadow: 0px 1px 1px whitesmoke;\n\ttext-align: right;\n}\n\n\n#customizer-workspace {\n\tcolor: black;\n\tposition: absolute;\n\ttop: 100px;\n\tleft: 0;\n\twidth: 380px;\n\tz-index: 1;\n\tbackground: rgba(0, 0, 0, 0.14);\n}\n\n#customizer-workspace.workspace-contracted {\n\twidth: 20px;\n}\n\n#customizer-viewer {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground: black;\n\tz-index: 0;\n}\n\n#customizer-header {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tleft: 0;\n\theight: 50px;\n\tz-index: 2;\n\tfont-size: 20px;\n\tdisplay: inline-block;\n\tpadding: 20px;\n\tpadding-left: 30px;\n\tfont-color: #222;\n\ttext-shadow: 0px 1px 1px whitesmoke;\n}\n\n.indicator {\n\tmargin-right: 30px;\n}\n\n#customize-header-tag {\n\ttext-transform: uppercase;\n\tfont-size: 13px;\n\tcolor: grey;\n\tfont-weight: bold;\n}\n\n#powered-by {\n\tposition: absolute;\n\tz-index: 2;\n\tright: 0;\n\tbottom: 0;\n\theight: 36px;\n\tpadding: 10px;\n\tfont-size: 12px;\n\tcolor: black;\n\ttext-shadow: 0px 1px 0px grey;\n}\n\n#customize-header-title {\n\tpadding-left: 20px;\n\tfont-size: 24px;\n}\n\n#customizer-header-controls {\n\tpadding: 30px;\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n}\n\n.widget {\n\twidth:370px;\n\tmargin: 20px;\n}\n\n.widget .name {\n\tfont-weight: bold;\n\ttext-transform: uppercase;\n\tcolor: #222;\n\tdisplay: inline-block;\n\twidth: 130px;\n\ttext-align: right;\n\tpadding-right: 15px;\n\tfont-size: 11px;\n\ttext-shadow: 0px 1px 1px white;\n}" }, { "path": "app/styles/main.css", "content": "body { \n\twidth: 100%;\n \theight: 100%;\n \tmargin: 0px;\n \tmargin: 0;\n \t-webkit-backface-visibility: hidden;\n }\n\n.row, .col { overflow: hidden; position: absolute; }\n.row { left: 0; right: 0; }\n.col { top: 0; bottom: 0; }\n.scroll-x { overflow-x: auto; }\n.scroll-y { overflow-y: auto; }\n\n.btn-block {\n margin-top: 10px;\n margin-bottom: 10px;\n margin-left: auto;\n margin-right: auto;\n display: block;\n width: 200px;\n padding-left: 0;\n padding-right: 0;\n}\n\n.btn-block + .btn-block {\n margin-top: 5px;\n}\n\n/*\n * Social Buttons for Bootstrap\n *\n * Copyright 2013-2014 Panayiotis Lipiridis\n * Licensed under the MIT License\n *\n * https://github.com/lipis/bootstrap-social\n */\n.btn-social {\n position: relative;\n padding-left: 44px;\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.btn-social :first-child {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 32px;\n line-height: 34px;\n font-size: 1.6em;\n text-align: center;\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n}\n.btn-social.btn-lg {\n padding-left: 61px;\n}\n.btn-social.btn-lg :first-child {\n line-height: 45px;\n width: 45px;\n font-size: 1.8em;\n}\n.btn-social.btn-sm {\n padding-left: 38px;\n}\n.btn-social.btn-sm :first-child {\n line-height: 28px;\n width: 28px;\n font-size: 1.4em;\n}\n.btn-social.btn-xs {\n padding-left: 30px;\n}\n.btn-social.btn-xs :first-child {\n line-height: 20px;\n width: 20px;\n font-size: 1.2em;\n}\n.btn-social-icon {\n position: relative;\n padding-left: 44px;\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n border-radius: 2px;\n height: 34px;\n width: 34px;\n padding: 0;\n}\n.btn-social-icon :first-child {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 32px;\n line-height: 34px;\n font-size: 1.6em;\n text-align: center;\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n}\n.btn-social-icon.btn-lg {\n padding-left: 61px;\n}\n.btn-social-icon.btn-lg :first-child {\n line-height: 45px;\n width: 45px;\n font-size: 1.8em;\n}\n.btn-social-icon.btn-sm {\n padding-left: 38px;\n}\n.btn-social-icon.btn-sm :first-child {\n line-height: 28px;\n width: 28px;\n font-size: 1.4em;\n}\n.btn-social-icon.btn-xs {\n padding-left: 30px;\n}\n.btn-social-icon.btn-xs :first-child {\n line-height: 20px;\n width: 20px;\n font-size: 1.2em;\n}\n.btn-social-icon :first-child {\n border: none;\n text-align: center;\n width: 100% !important;\n}\n.btn-social-icon.btn-lg {\n height: 45px;\n width: 45px;\n padding-left: 0;\n padding-right: 0;\n}\n.btn-social-icon.btn-sm {\n height: 30px;\n width: 30px;\n padding-left: 0;\n padding-right: 0;\n}\n.btn-social-icon.btn-xs {\n height: 22px;\n width: 22px;\n padding-left: 0;\n padding-right: 0;\n}\n\n.btn-facebook {\n color: #ffffff;\n background-color: #3b5998;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-facebook:hover,\n.btn-facebook:focus,\n.btn-facebook:active,\n.btn-facebook.active,\n.open .dropdown-toggle .btn-facebook {\n color: #ffffff;\n background-color: #30487b;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-facebook:active,\n.btn-facebook.active,\n.open .dropdown-toggle .btn-facebook {\n background-image: none;\n}\n\n.btn-flood {\n margin-top: 40px;\n color: #ffffff;\n background-color: #AAA;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-flood:hover,\n.btn-flood:focus,\n.btn-flood:active,\n.btn-flood.active,\n.open .dropdown-toggle .btn-flood {\n color: #ffffff;\n background-color: #999;\n border-color: rgba(0, 0, 0, 0.2);\n}\n\n.btn-google-plus {\n margin-top: 40px;\n color: #ffffff;\n background-color: #dd4b39;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-google-plus:hover,\n.btn-google-plus:focus,\n.btn-google-plus:active,\n.btn-google-plus.active,\n.open .dropdown-toggle .btn-google-plus {\n color: #ffffff;\n background-color: #ca3523;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-google-plus:active,\n.btn-google-plus.active,\n.open .dropdown-toggle .btn-google-plus {\n background-image: none;\n}\n.btn-google-plus.disabled,\n.btn-google-plus[disabled],\nfieldset[disabled] .btn-google-plus,\n.btn-google-plus.disabled:hover,\n.btn-google-plus[disabled]:hover,\nfieldset[disabled] .btn-google-plus:hover,\n.btn-google-plus.disabled:focus,\n.btn-google-plus[disabled]:focus,\nfieldset[disabled] .btn-google-plus:focus,\n.btn-google-plus.disabled:active,\n.btn-google-plus[disabled]:active,\nfieldset[disabled] .btn-google-plus:active,\n.btn-google-plus.disabled.active,\n.btn-google-plus[disabled].active,\nfieldset[disabled] .btn-google-plus.active {\n background-color: #dd4b39;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-google-plus .badge {\n color: #dd4b39;\n background-color: #ffffff;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.dropdown-menu {\n\tfont-size: 10px;\n}\n\n.CodeMirror {\n\tfont-family: monospace;\n\theight: auto;\n\tborder: 1px solid rgba(0,0,0,0.2);\n}\n\n.CodeMirror-hints {\n \tz-index: 150;\n\tfont-size: 10px;\n}\n\n.workspace-runner-status {\n\ttop: 90px;\n\tright: 60px;\n\tz-index: 100;\n\tposition: absolute;\n\tbackground: none;\n}\n\n.workspace-search {\n\tbottom: 0px;\n\tleft: 0px;\n\tfont-size: 11px; \n\tposition: absolute;\n\tz-index: 100;\n}\n\n.workspace-tab-function {\n\tfont-style: italic;\n\tfont-family: serif;\n\tcolor: gray;\n\tfont-size: 15px;\n\tpadding-left: 7px;\n}\n\n#workspace-search-input-container {\n\tpadding-left: 10px;\n\tbox-shadow: 0 10px 12px #444;\n}\n\n.workspace-search-container ul {\n\tmax-height: 500px;\n\toverflow-y: scroll;\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.workspace-search-container {\n\tcolor: #BBB;\n\tdisplay: inline-block;\n\tbackground-color: #222;\n}\n\n.workspace-search input {\n\tpadding: 0;\n\tmargin: 0;\n\toutline: 0;\n\tfont-size: 11px; \n\theight: 32px;\n\tdisplay:inline-block; \n}\n\n.workspace-search-container:last-child {\n\tborder-right: none;\n}\n\n.workspace-search-button-active {\n\tcolor: #BBB;\n\tbackground-color: #222;\n\tborder-right: 1px solid #333;\n}\n\n.workspace-search-button-active:hover {\n\tcolor: white;\n\tbackground-color: #333;\n}\n\n.workspace-search-button-active:hover i {\n\topacity: 1;\n}\n\n.workspace-search-button-inactive {\n\tcolor: #444;\n}\n\n.workspace-search-button {\n\theight: 32px;\n\tpadding: 8px;\n\tmargin-left: 0;\n\tborder-right: 1px solid #333;\n\tdisplay:inline-block;\n}\n\n.workspace-search input:focus {\n outline:none;\n}\n\n#present-button {\n\tborder-left: 1px solid #444;\n\tcolor: #444;\n}\n\n.connection {\n\tfill:none; \n\tstroke-width: 3.2;\n\tstroke:#333;\n}\n\n.partial-function-connection {\n\tfill:none; \n\tstroke-width: 2.6;\n\tstroke: white;\n}\n\n.node:hover .node-last-value-container {\n\tdisplay: block;\n\theight: 26px;\n\tbottom: -26px;\n\tpadding: 3px;\n\tborder: 1px solid #999;\n\n\ttransition-delay: 0.3s;\n\t-webkit-transition-delay: 0.3s; /* Safari */\n\ttransition-duration: 0.1s;\n\t-webkit-transition-duration: 0.1s; /* Safari */\n}\n\n.node:hover .node-last-value-container:hover {\n\tright: -100px;\n\tleft: -100px;\n\theight: 60px;\n\tbottom: -60px;\n\toverflow-x: scroll;\n\toverflow-y: scroll;\n}\n\n.node:hover .node-last-value-container:hover .node-last-value {\n\twidth: 100%;\n\tword-wrap: break-word;\n}\n\n.node-failed .node-last-value {\n\tdisplay: none;\n}\n\n.node-failed .node-failure-message {\n\tdisplay: block;\n\twidth: 100%;\n\tcolor: red;\n}\n\n.node-last-value-container {\n\theight: 0;\n\tbottom: 0;\n\tpadding: 0;\n\n\ttransition-duration: 0.2s;\n\t-webkit-transition-duration: 0.2s; /* Safari */\n\n\topacity: 0.8;\n\tposition: absolute;\n\tleft: -1px;\n\tright: -1px;\n\n\tbackground: white;\n\tcolor: #444;\n\n\toverflow-x: hidden;\n\toverflow-y: hidden;\n}\n\n\n#login-failure-message {\n\tpadding: 10px;\n\tmargin: 10px;\n\tbackground-color: #FF7A7A;\n\tcolor: white;\n\tfont-weight: bold;\n}\n\n#extra-menu .menu-element {\n\theight: 38px;\n\twidth: 38px;\n\tfont-size: 14px;\n\tbackground: #222;\n\tborder:none;\n}\n\n#extra-menu #help-button:hover {\n\tcolor: #92d199;\n} \n\n#extra-menu #feedback-button:hover {\n\tcolor: #589cc8;\n} \n\n#feedback-form textarea {\n\tmax-width: 100%;\n}\n\n.node-dropdown-menu .dropdown-header {\n\ttext-transform: uppercase;\n\tfont-size: 9px;\n\tpadding: 2px;\n}\n\n.node-dropown-menu-item {\n\tdisplay: inline-block;\n\tmargin: 5px 0px 5px 10px;\n\tcolor: black;\n}\n\n.node-dropown-menu-item:hover {\n\tcolor: black;\n}\n\n.node-dropdown-menu {\n\tpadding: 10px;\n}\n\n#extra-menu .menu-element:hover {\n\tbackground: #444;\n\tcolor: white;\n}\n\n#extra-menu {\n\tz-index: 99;\n\tposition: absolute;\n\twidth: 38px;\n\ttop: 80px;\n\tright: 0px;\n}\n\n.modal-box p {\n\tfont-style: 12px;\n\tpadding: 5px;\n}\n\n#feedback-sending-message {\n\tdisplay: none;\n\tpadding: 10px;\n\tmargin: 10px;\n\tbackground-color: lightblue;\n\tcolor: white;\n\tfont-weight: bold;\n}\n\n#feedback-success-message {\n\tdisplay: none;\n\tpadding: 10px;\n\tmargin: 10px;\n\tbackground-color: green;\n\tcolor: white;\n\tfont-weight: bold;\n}\n\n.script-add-remove-ports {\n\tfloat: left;\n}\n\n#feedback-failure-message {\n\tdisplay: none;\n\tpadding: 10px;\n\tmargin: 10px;\n\tbackground-color: #FF7A7A;\n\tcolor: white;\n\tfont-weight: bold;\n}\n\n.node-failure-message {\n\tdisplay: none;\n\tpadding: 2px;\n\tleft: 0;\n\tright: 0;\n}\n\n.node-last-value {\n\tdisplay: inline-block;\n\tpadding: 2px;\n\tleft: 0;\n\tright: 0;\n}\n\n.tab-button {\n\tdisplay: inline-block;\n\tpadding: 5px;\n}\n\n.menu-element i {\n\tmargin-left: 2px;\n\tmargin-right: 2px;\n}\n\n.tab-button a {\n\tcolor: grey;\n}\n\n.tab-button:hover a {\n\tcolor: #222;\n}\n\n.tab-button-hilite a {\n\tcolor: black;\n}\n\n#tab-button-container {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 300px;\n}\n\n#workspace-browser {\n\tbackground: #e0e0e0;\n\tcolor: #666;\n\tdisplay: none;\n\tz-index: 105;\n\tright: 0;\n\twidth: 200px;\n\tbottom: 0;\n\ttop: 30px;\n}\n\n.workspace-browser-header {\n\tbackground: #DDD;\n\tcolor: #444;\n\tpadding: 10px;\n\tdisplay: block;\n\twidth: 100%;\n\theight: 40px;\n\tborder-bottom: 1px solid #c7bbb1;\n}\n\n.workspace-browser-header:hover {\n\tbackground: white;\n}\n\n#workspace-browser-header-projects {\n\ttop: 0px;\n\tz-index: 1;\n}\n\n#workspace-browser-header-custom-nodes {\n\tbottom: 0px;\n}\n\n.workspace-browser-element-list {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding : 0;\n\tbackground: #222;\n}\t\n\n#workspace-browser-projects {\n\ttop: 40px;\n\tbottom: 40px;\n}\n\n#workspace-browser-custom-nodes {\n\tdisplay: none;\n\ttop: 80px;\n\tbottom: 0px;\n}\n\n.workspace-name {\n pointer-events: none;\n}\n\n.workspace-browser-element-ellipsis {\n\tfloat: right;\n}\n\n.workspace-browser-element-open {\n\tfloat: right;\n\tcolor: #666;\n}\n\n.workspace-browser-element-open:hover {\n\tcolor: white;\n}\n\n.workspace-browser-element {\n\tfont-size: 12px;\n}\n\n.workspace-browser-element-date {\n\tfont-size: 10px;\n}\n\n.workspace-browser-element {\n\tmargin: 0;\n\tpadding: 5px;\n\tpadding-left: 14px;\n\n\tbackground: #333;\n\tcolor: white;\n\tborder-top: solid 1px #444;\n\tborder-bottom: solid 1px #222;\n}\n\n.workspace-browser-header-refresh {\n\tmargin: 5px;\n\tfloat: right;\n}\n\n.workspace-browser-element:hover {\n\tbackground: #444;\n\tcolor: white;\n}\n\n#help {\n\tdisplay: none;\n\tz-index: 100;\n\toverflow: visible;\n}\n\n.help-section {\n\tfont-size: 11px;\n\tdisplay: none;\n\tposition: absolute;\n\tbackground: whitesmoke;\n\tborder: 1px solid #AAA;\n\twidth: 200px;\t\n\tpadding: 10px;\n\tbox-shadow: 1px 1px 10px #444;\n}\n\n.help-section span {\n\tcolor: grey;\n\tfont-size: 13px;\n\tdisplay: block;\n\tpadding-bottom: 8px;\n}\n\n.exit-help-section {\n\tdisplay: inline-block;\n\tfont-size: 12px;\n\tpadding: 2px 10px 2px 30px;\n}\n\n.exit-help {\n\tdisplay: inline-block;\n\tcolor: grey;\n\tpadding: 2px 10px 2px 10px;\n}\n\n.enter-help-section {\n\tbox-shadow: 0 0 10px white;\n\tcolor: white;\n\tposition: absolute;\n\theight: 24px;\n\twidth: 24px;\n\tpadding: 3px;\n\tpadding-left: 8px;\n\tborder-radius: 15px;\n\tbackground: #92d199;\n}\n\n.help-container {\n\tmargin: 30px;\n}\n\n#share .inner-box {\n\tpadding-top: 8px;\n\tpadding-bottom: 15px;\n}\n\n#share .inner-box .label {\n\tfont-weight: bold;\n\tcolor: grey;\n}\n\n#share .is-customizer-checkbox {\n\tpadding: 8px;\n\tmargin: 10px;\n\tmargin-right: 24px;\n\tfont-size: 20px;\n}\n\n.indicator {\n\tborder-radius: 2px;\n\tcolor: white;\n\tpadding: 8px;\n\tfont-size: 14px;\n\ttext-transform: uppercase;\n}\n\n.private {\n\tbackground-color: #666;\n}\n\n.public {\n\tbackground-color: green;\n}\n\n#share .customizer-url {\n\twidth: 100%;\n\tfont-size: 14px;\n\tcolor: black;\n\tpadding: 4px;\n}\n\n#share span {\n\ttext-transform: uppercase;\n\tpadding: 5px;\n\tfont-size: 14px;\n}\n\n#exit-share {\n\tposition: absolute;\n\tright: 10px;\n\ttop: 10px;\n}\n\n.modal {\n\tz-index: 130;\n\tdisplay: none;\n\ttop: 0;\n\tright: 0;\n\tleft: 0;\n\tbottom: 0;\n\tbackground-color: rgba(0,0,0,0.6);\n}\n\n.white-icon {\n\tcolor: white;\n}\n\n.modal-box {\n\tbackground: whitesmoke;\n\tborder: 1px solid #AAA;\n\tposition: relative;\n\tpadding: 18px;\n\ttop: 70px;\n\twidth: 400px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tmargin-bottom: auto;\n}\n\n.modal p {\n\tfont-size: 18px;\n\tcolor: #444;\n\tpadding-top: 20px;\n\tpadding-bottom: 10px;\n\ttext-shadow: 0px 1px 0px white;\n}\n\n.modal-box h3 {\n\tcolor: #444;\n\ttext-shadow: 0px 1px 0px white;\n\tfont-size: 35px;\n}\n\n#exit-feedback {\n\tposition: absolute;\n\tright: 10px;\n\ttop: 10px;\n}\n\n#top_container { \n\tz-index: 100;\n\tcolor: black;\n\tfont-size: 11px;\n\ttop: 0;\n\theight: 30px;\n\tbackground: #e3e3e3;\n\twidth: 100%;\n\tborder-bottom: 1px solid #c7bbb1;\n}\n\n#menus {\n\tfloat: right;\n\tpadding-left: 20px;\n\tpadding-top: 10px;\n}\n\n.menu {\n\tpadding-right: 15px;\n\tcolor: gray;\n}\n\n#file span { \n\tfont-weight: 100;\n\tpadding-top: 50px;\n\tmargin-left: 20px;\n}\n\n#bottom-search {\n\n}\n\n.search-container {\n\tz-index: 105;\n\ttop: 40%;\n\tleft: 50%;\n\tmax-height: 500px;\n\tmargin-top: -150px;\n\tmargin-left: -100px;\n\twidth: 130px;\n\tbackground: none;\n}\n\n.search-title {\n\tcolor: white;\n\tpadding: 5px;\n\tmargin: 0px;\n}\n\n.search-list {\n\tmax-height: 300px;\n\toverflow-y: scroll;\n\toverflow-x: hidden;\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.search-element {\n\tbackground: #333;\n\tcolor: white;\n\tdisplay: block;\n\twidth: 100%;\n\tmargin: 0;\n\tfont-size: 11px;\n\tborder-top: solid 1px #444;\n\tborder-bottom: solid 1px #222;\n\tpadding: 5px;\n}\n\n.search-element:hover {\n\tbackground: #444;\n}\n\n.library-search-input {\n\tcolor: whitesmoke;\n\tpadding: 10px;\n\twidth: 130px;\n\tbackground: #222;\n\tborder: none;\n\tfont-size: 15px;\n}\n\n.library-search-input:focus {\n outline:none;\n}\n\n#workspaces {\n\toverflow:hidden; /*hide the scrollbar*/\n}\n\n#viewer {\n\tposition: absolute;\n\ttop: 0px;\n\tbottom: 0px;\n}\n\n.workspace_container {\n\tposition: absolute;\n\ttop: 26px;\n\toverflow: auto;\n\n\t/* hide the scrollbar */\n\tbottom: -18px;\n\tright: -18px;\n}\n\n.menu-element {\n\tcolor: #666;\n\tfont-size: 11px;\n\tfont-weight: bold;\n\theight: 30px;\n\tfloat: right;\n\tpadding: 7px;\n\tdisplay: inline-block;\n\tborder-left: 1px solid #c7bbb1;\n}\n\n.menu-element:hover {\n\tcolor: black;\n\tbackground: #FFF;\n}\n\n#add-workspace-button {\n\tpadding: 5px;\n\tborder-right: 1px solid #c7bbb1;\n}\n\n#add-workspace-button i {\n\tcolor: black;\n\tfont-size: 12px;\n\tpadding-top: 3px;\n}\n\n#add-workspace-select-element {\n\tfloat: left; \n\toverflow: visible;\n\tdisplay: none;\n}\n\n#add-workspace-select-container {\n\tz-index: 200; \n\tposition:relative; \n\ttop: 30px; \n\tleft: -25px; \n\twidth: 80px;\n\tcolor: #DDD\n}\n\n#add-workspace-select-container ul {\n\tbackground: #444; \n\tlist-style: none; \n\tpadding: 0; \n\tmargin: 0;\n}\n\n#add-workspace-select-container li {\n\tpadding: 5px;\n\tbackground: #333;\n\tcolor: white;\n\tborder-top: solid 1px #444;\n\tborder-bottom: solid 1px #222;\n}\n\n#add-workspace-select-container li:hover {\n\tbackground: #444;\n\tcolor: white;\n}\n\n.workspace-browser-button-active {\n\tcolor: black;\n\tbackground: #C6c6c6;\n}\n\n.dim-button {\n\topacity: 0.4;\n}\n\n.dim-button:hover{\n\topacity: 1;\n}\n\n.workspace-tab {\n\tfont-size: 11px;\n\tfloat: left;\n\theight: 30px;\n\tcolor: #e3e3e3;\n\tdisplay: inline-block;\n\tborder-left: 1px solid #c7bbb1;\n}\n\n.workspace-tab i {\n\tcolor: black;\n\tfont-size: 12px;\n}\n\n.workspace-tab input{\n\tborder: none;\n\tmargin: 0px 5px 0px 0px;\n\tpadding: 8px 0 5px 5px;\n\tdisplay: inline-block;\n\tbackground: rgba(0,0,0,0);\n}\n\n.workspace-tab input:focus{\n\toutline: none;\n\tbackground: rgba(0,0,0,0.1);\n}\n\n.current-workspace {\n\tcolor: black;\n\tbackground: #C6c6c6;\n}\n\n.workspace-tab:hover {\n\tcolor: black;\n\tbackground: #FFF;\n}\n\n.workspaces_curtain {\n\tdisplay: none;\n\topacity: 0.4;\n\tbackground: black;\n\ttop: 0;\n\tbottom: 0;\n\tz-index: 95;\n}\n\n.collapsed {\n\topacity: 0;\n}\n\n.marquee {\n\tfill: none;\n\tstroke: black;\n}\n\n.workspace {\n\tz-index: 90;\n\tposition: absolute;\n\twidth: 20000px;\n\theight: 20000px;\n}\n\n.workspace_back {\n\tz-index: 50;\n\tposition: absolute;\n\twidth: 20000px;\n\theight: 20000px;\n}\n\n.workspace_canvas {\n\tposition: absolute;\n\twidth: 20000px;\n\theight: 20000px;\n\tbackground-color: rgba(0,0,0,0.3);\n}\n\n#workspace_hide {\n\tfont-size: 12px;\n\tbottom: 0px;\n\tbackground: #222;\n\tposition: absolute;\n\tz-index: 100;\n\tpadding: 15px;\n}\n\n#workspace_hide span {\n\tfont-weight: bold;\n}\n\n#workspace_hide:hover {\n\tbackground: #333;\n\tcolor: white;\n}\n\n.rightside {\n\tright: 0;\n}\n\n.leftside {\n\tright: 0;\n}\n\n.remove-button {\n\tmargin: 0 10px 0 0;\n}\n\n.node {\n\n\tfont-size: 10px;\n\t-webkit-user-select: none; /* Chrome/Safari */ \n\t-moz-user-select: none; /* Firefox */\n\t-ms-user-select: none; /* IE10+ */\n\n\t/* Rules below not implemented in browsers yet */\n\t-o-user-select: none;\n\tuser-select: none;\n\n\tz-index: 98;\n\n\tposition: absolute;\n\tbackground: #e3e3e3;\n\tpadding-top: 2px;\n\tpadding-bottom: 2px;\n\tcolor: #111;\n\n\tborder: 1px solid #999;\n}\n\n.node a {\n\toutline: 0;\n\tcolor: #a5a5a5;\n\ttext-decoration: none;\n}\n\n.node a:hover{\n\toutline: 0;\n\ttext-decoration: none;\n}\n\n.node a:link{\n\toutline: 0;\n\ttext-decoration: none;\n}\n\n.node a:visited{\n\toutline: 0;\n\ttext-decoration: none;\n}\n\n.node a:active{\n\toutline: 0;\n\ttext-decoration: none;\n}\n\n.currentValue {\n\tcolor:black;\n}\n\n.node-settings {\n\tposition: absolute;\n\tbottom: 0;\n\tright: 0;\n\topacity: 0.3;\n\tpadding: 1px 2px 1px 1px;\n}\n\n.node-settings:hover {\n\topacity: 1;\n}\n\n.toggle-vis {\n\tdisplay: none;\n}\n\n.toggle-vis i {\n\tfont-size: 13px;\n}\n\n.node-number-input {\n\tpadding:2px;\n\tmargin:2px;\n}\n\n.currentValue {\n\tbox-shadow: none;\n}\n\n.currentValue:-moz-placeholder,\n.currentValue:focus {\n box-shadow:none !important;\n}\n\n.node-evaluating {\n\tcolor: #444;\n\tbackground-color: #C6c6c6;\n}\n\n.node-failed {\n\tbackground-color: #FF7A7A;\n}\n\n.node-selected {\n\tz-index: 99;\n\tborder: 1px solid #0BB;\n\tcolor: black;\n\tbackground-color: #aed1d1;\n}\n\n.node-data-container {\n\tcolor: #555;\n\tfont-weight: bold;\n\tdisplay: inline-block;\n\tfloat: left;\n\tpadding: 5px 10px 14px 5px;\n}\n\n.node-data-container input {\n\tfont-family: monospace;\n\tfont-weight: normal;\n}\n\n.watch-data-container{\n\tmax-width: 300px;\n\tmax-height: 200px;\n\tmargin: 0px 5px 0px 10px;\n\tpadding: 2px;\n\tcolor: black;\n\toverflow-y: scroll;\n\toverflow-x: scroll;\n\tbackground: #f6f6f6;\n\tborder: 1px solid #BBB;\n}\n\n.watch-data-container pre {\n\tpadding: none;\n\tmargin: none;\n\ttext-align: left;\n}\n\n.num-data-container input{\n\twidth: 60px;\n\tmargin-left: 5px;\n}\n\n.input-node {\n\tbackground: #f7e5a3;\n}\n\n.output-node {\n\tbackground: #f7e5a3;\n}\n\n.node-inputs, .node-outputs {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: inline-block;\n\tborder-bottom: 1px solid rgba(0,0,0,0.2);\n\tfloat: left;\n}\n\n.node-outputs {\n\tmargin-bottom: 8px; /* particularly useful for node output collections */\n}\n\n.node-inputs-extra {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: inline-block;\n\tfloat: left;\n}\n\n.node-port-extra {\n\tpadding: 5px;\n\tmargin: 0;\n\tcolor: #AAA;\n\tborder: 1px solid rgba(0,0,0,0);\n\tborder-bottom: none;\n}\n\n.node-port-extra:hover {\n\tcolor: #FFF;\n}\n\n.node-port {\n\tpadding: 5px;\n\tmargin: 0;\n\n\tborder: 1px solid rgba(0,0,0,0.2);\n\tborder-bottom: none;\n}\n\n.node-port:hover {\n\tcolor: black;\n\tbackground: #FFF;\n}\n\n.node-port-output {\n\tborder-right: none;\n}\n\n.node-port-input {\n\tborder-left: none;\n}\n\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.btn-group-xs {\n\tfont-size: 20px;\n}\n\n/*!\n * jQuery UI Slider @VERSION\n * http://jqueryui.com\n *\n * Copyright 2013 jQuery Foundation and other contributors\n * Released under the MIT license.\n * http://jquery.org/license\n *\n * http://docs.jquery.com/UI/Slider#theming\n */\n.ui-slider {\n\tposition: relative;\n\ttext-align: left;\n}\n.ui-slider .ui-slider-handle {\n\tposition: absolute;\n\tz-index: 2;\n\twidth: 1.2em;\n\theight: 1.2em;\n\tcursor: default;\n}\n.ui-slider .ui-slider-range {\n\tposition: absolute;\n\tz-index: 1;\n\tfont-size: .7em;\n\tdisplay: block;\n\tborder: 0;\n\tbackground-position: 0 0;\n}\n\n/* For IE8 - See #6727 */\n.ui-slider.ui-state-disabled .ui-slider-handle,\n.ui-slider.ui-state-disabled .ui-slider-range {\n\tfilter: inherit;\n}\n\n.ui-slider-horizontal {\n\theight: .8em;\n}\n.ui-slider-horizontal .ui-slider-handle {\n\ttop: -.3em;\n\tmargin-left: -.6em;\n}\n.ui-slider-horizontal .ui-slider-range {\n\ttop: 0;\n\theight: 100%;\n}\n.ui-slider-horizontal .ui-slider-range-min {\n\tleft: 0;\n}\n.ui-slider-horizontal .ui-slider-range-max {\n\tright: 0;\n}\n\n.ui-slider-vertical {\n\twidth: .8em;\n\theight: 100px;\n}\n.ui-slider-vertical .ui-slider-handle {\n\tleft: -.3em;\n\tmargin-left: 0;\n\tmargin-bottom: -.6em;\n}\n.ui-slider-vertical .ui-slider-range {\n\tleft: 0;\n\twidth: 100%;\n}\n.ui-slider-vertical .ui-slider-range-min {\n\tbottom: 0;\n}\n.ui-slider-vertical .ui-slider-range-max {\n\ttop: 0;\n}\n" }, { "path": "bower.json", "content": "{\n \"name\": \"flood\",\n \"version\": \"0.0.0\",\n \"dependencies\": {\n \"jquery\": \"1.9.1\",\n \"requirejs\": \"~2.1.5\",\n \"requirejs-text\": \"~2.0.5\",\n \"backbone-amd\": \"~1.0.0\",\n \"almond\": \"0.2.6\",\n \"bootstrap\": \"3.0.3\",\n \"underscore-amd\": \"~1.4.4\",\n \"threejs\": \"r67\",\n \"jquery.ui\": \"1.10.3\",\n \"listjs\": \"1.0.0\",\n \"modernizr\": \"~2.6.2\",\n \"q\": \"1.0\",\n \"jqueryui-touch-punch\": \"furf/jquery-ui-touch-punch\",\n \"pace\": \"0.5.1\",\n \"components-font-awesome\": \"4.3.0\",\n \"hammerjs\": \"~2.0.4\",\n \"fastclick\": \"~1.0.3\",\n \"FileSaver\": \"eliGrey/FileSaver.js\",\n \"CodeMirror\": \"~5.3.0\"\n },\n \"devDependencies\": {}\n}\n" }, { "path": "package.json", "content": "{\n \"name\": \"flood\",\n \"version\": \"0.0.4\",\n \"description\": \"A visual programming language for JavaScript, based on Scheme\",\n \"dependencies\": {\n \n },\n \"devDependencies\": {\n \"grunt-node-webkit-builder\": \"~0.1.13\",\n \"grunt\": \"0.4.2\",\n \"grunt-processhtml\": \"~0.2.6\",\n \"grunt-contrib-copy\": \"0.4.1\",\n \"grunt-contrib-concat\": \"0.3.0\",\n \"grunt-contrib-uglify\": \"0.2.7\",\n \"grunt-contrib-compass\": \"0.7.0\",\n \"grunt-contrib-jshint\": \"0.7.2\",\n \"grunt-contrib-cssmin\": \"0.7.0\",\n \"grunt-contrib-connect\": \"0.3.0\",\n \"grunt-contrib-clean\": \"0.5.0\",\n \"grunt-contrib-imagemin\": \"0.4.0\",\n \"grunt-contrib-livereload\": \"0.1.2\",\n \"grunt-mocha\": \"0.4.7\",\n \"grunt-bower-requirejs\": \"0.8.0\",\n \"grunt-requirejs\": \"0.4.0\",\n \"grunt-regarde\": \"0.1.1\",\n \"grunt-open\": \"0.2.2\",\n \"matchdep\": \"0.3.0\",\n \"amdefine\": \">=0.0.5\",\n \"webworker\": \"*\"\n },\n \"engines\": {\n \"node\": \">=0.10.0\"\n }\n\n}\n" }, { "path": "server/.gitignore", "content": "lib-cov\n*.seed\n*.log\n*.csv\n*.dat\n*.out\n*.pid\n*.gz\n*.swp\n\npids\nlogs\nresults\ntmp\n\nnpm-debug.log\nnode_modules\n.idea\n*.iml\n.DS_Store\nThumbs.db\n\npublic/css/styles.css\n\nbuiltAssets\n\nssl\n" }, { "path": "server/.travis.yml", "content": "language: node_js\n\nservices:\n - mongodb\n\nnode_js:\n - '0.10'" }, { "path": "server/app.js", "content": "/**\n * Module dependencies.\n */\n\nvar express = require('express');\nvar cookieParser = require('cookie-parser');\nvar compress = require('compression');\nvar session = require('express-session');\nvar bodyParser = require('body-parser');\nvar logger = require('morgan');\nvar errorHandler = require('errorhandler');\n// var csrf = require('csurf');\nvar methodOverride = require('method-override');\n\nvar MongoStore = require('connect-mongo')({ session: session });\nvar flash = require('express-flash');\nvar path = require('path');\nvar mongoose = require('mongoose');\nvar passport = require('passport');\nvar expressValidator = require('express-validator');\nvar connectAssets = require('connect-assets');\nvar https = require('https');\nvar http = require('http');\nvar fs = require('fs');\n\n/**\n * Load controllers.\n */\n\nvar feedbackController = require('./controllers/feedback');\nvar floodController = require('./controllers/flood');\nvar homeController = require('./controllers/home');\nvar userController = require('./controllers/user');\nvar apiController = require('./controllers/api');\nvar contactController = require('./controllers/contact');\n\n/**\n * API keys + Passport configuration.\n */\n\nvar secrets = require('./config/secrets');\nvar passportConf = require('./config/passport');\n\n/**\n * Create Express server.\n */\n\nvar app = express();\n\n/**\n * Mongoose configuration.\n */\n\nmongoose.connect(secrets.db);\nmongoose.connection.on('error', function() {\n console.error('✗ MongoDB Connection Error. Please make sure MongoDB is running.');\n});\n\n/**\n * Express configuration.\n */\nvar hour = 3600000;\nvar day = hour * 24;\nvar week = day * 7;\n\napp.set('port', process.env.PORT || 3000);\napp.set('views', path.join(__dirname, 'views'));\napp.set('view engine', 'jade');\napp.use(connectAssets({\n paths: ['public/css', 'public/js'],\n helperContext: app.locals\n}));\napp.use(compress());\napp.use(logger('dev'));\napp.use(bodyParser.json());\napp.use(bodyParser.urlencoded());\napp.use(expressValidator());\napp.use(methodOverride());\napp.use(cookieParser());\napp.use(session({\n secret: secrets.sessionSecret,\n store: new MongoStore({\n url: secrets.db,\n auto_reconnect: true\n })\n}));\n// app.use(csrf());\napp.use(passport.initialize());\napp.use(passport.session());\napp.use(function(req, res, next) {\n res.locals.user = req.user;\n // res.locals._csrf = req.csrfToken();\n res.locals.secrets = secrets;\n next();\n});\napp.use(flash());\n\nvar staticFolder = process.env.FLOOD_STATIC || '../app';\napp.use(express.static(path.join(__dirname, staticFolder )));\napp.use(function(req, res, next) {\n // Keep track of previous URL\n if (req.method !== 'GET') return next();\n var path = req.path.split('/')[1];\n if (/(auth|login|logout|signup)$/i.test(path)) return next();\n req.session.returnTo = req.path;\n next();\n});\n\n/**\n * Application routes.\n */\n\n// flood routes\n\n// customizer (experimental)\napp.get('/customize-:id',function(req,res){\n var fileStream = fs.createReadStream(staticFolder + '/customizer.html');\n fileStream.on('open', function () {\n fileStream.pipe(res);\n });\n});\n\napp.get('/custdata/:id', floodController.getCustomizerWorkspace);\n\napp.get('/mys', floodController.getMySession);\napp.put('/mys', floodController.putMySession);\napp.get('/nws', floodController.getNewWorkspace );\n\napp.get('/ws', floodController.getWorkspaces);\n\napp.get('/ws/:id', floodController.getWorkspace);\napp.put('/ws/:id', floodController.putWorkspace);\n\napp.get('/', homeController.index);\n\napp.get('/email', userController.getEmail );\n\napp.post('/feedback', feedbackController.postFeedback );\n\napp.get('/login', userController.getLogin);\napp.get('/login2', userController.getLogin);\napp.post('/login', userController.postLogin);\napp.get('/logout', userController.logout);\napp.get('/forgot', userController.getForgot);\napp.post('/forgot', userController.postForgot);\napp.get('/reset/:token', userController.getReset);\napp.post('/reset/:token', userController.postReset);\napp.get('/signup', userController.getSignup);\napp.post('/signup', userController.postSignup);\napp.get('/contact', contactController.getContact);\napp.post('/contact', contactController.postContact);\napp.post('/contact', contactController.postContact);\napp.get('/account', passportConf.isAuthenticated, userController.getAccount);\napp.post('/account/profile', passportConf.isAuthenticated, userController.postUpdateProfile);\napp.post('/account/password', passportConf.isAuthenticated, userController.postUpdatePassword);\napp.post('/account/delete', passportConf.isAuthenticated, userController.postDeleteAccount);\napp.get('/account/unlink/:provider', passportConf.isAuthenticated, userController.getOauthUnlink);\n\napp.get('/api', apiController.getApi);\napp.get('/api/lastfm', apiController.getLastfm);\napp.get('/api/nyt', apiController.getNewYorkTimes);\napp.get('/api/aviary', apiController.getAviary);\napp.get('/api/paypal', apiController.getPayPal);\napp.get('/api/paypal/success', apiController.getPayPalSuccess);\napp.get('/api/paypal/cancel', apiController.getPayPalCancel);\napp.get('/api/steam', apiController.getSteam);\napp.get('/api/scraping', apiController.getScraping);\napp.get('/api/twilio', apiController.getTwilio);\napp.post('/api/twilio', apiController.postTwilio);\napp.get('/api/clockwork', apiController.getClockwork);\napp.post('/api/clockwork', apiController.postClockwork);\napp.get('/api/foursquare', passportConf.isAuthenticated, passportConf.isAuthorized, apiController.getFoursquare);\napp.get('/api/tumblr', passportConf.isAuthenticated, passportConf.isAuthorized, apiController.getTumblr);\napp.get('/api/facebook', passportConf.isAuthenticated, passportConf.isAuthorized, apiController.getFacebook);\napp.get('/api/github', passportConf.isAuthenticated, passportConf.isAuthorized, apiController.getGithub);\napp.get('/api/twitter', passportConf.isAuthenticated, passportConf.isAuthorized, apiController.getTwitter);\napp.get('/api/venmo', passportConf.isAuthenticated, passportConf.isAuthorized, apiController.getVenmo);\napp.post('/api/venmo', passportConf.isAuthenticated, passportConf.isAuthorized, apiController.postVenmo);\napp.get('/api/linkedin', passportConf.isAuthenticated, passportConf.isAuthorized, apiController.getLinkedin);\n\n/**\n * OAuth routes for sign-in.\n */\n\napp.get('/auth/facebook', passport.authenticate('facebook', { scope: ['email', 'user_location'] }));\napp.get('/auth/facebook/callback', passport.authenticate('facebook', { failureRedirect: '/login' }), function(req, res) {\n res.redirect('/app.html');\n});\napp.get('/auth/github', passport.authenticate('github'));\napp.get('/auth/github/callback', passport.authenticate('github', { failureRedirect: '/login' }), function(req, res) {\n res.redirect(req.session.returnTo || '/');\n});\napp.get('/auth/google', passport.authenticate('google', { scope: 'profile email' }));\napp.get('/auth/google/callback', passport.authenticate('google', { failureRedirect: '/login' }), function(req, res) {\n res.redirect('/app.html');\n});\napp.get('/auth/twitter', passport.authenticate('twitter'));\napp.get('/auth/twitter/callback', passport.authenticate('twitter', { failureRedirect: '/login' }), function(req, res) {\n res.redirect(req.session.returnTo || '/');\n});\napp.get('/auth/linkedin', passport.authenticate('linkedin', { state: 'SOME STATE' }));\napp.get('/auth/linkedin/callback', passport.authenticate('linkedin', { failureRedirect: '/login' }), function(req, res) {\n res.redirect(req.session.returnTo || '/');\n});\n\n/**\n * OAuth routes for API examples that require authorization.\n */\n\napp.get('/auth/foursquare', passport.authorize('foursquare'));\napp.get('/auth/foursquare/callback', passport.authorize('foursquare', { failureRedirect: '/api' }), function(req, res) {\n res.redirect('/api/foursquare');\n});\napp.get('/auth/tumblr', passport.authorize('tumblr'));\napp.get('/auth/tumblr/callback', passport.authorize('tumblr', { failureRedirect: '/api' }), function(req, res) {\n res.redirect('/api/tumblr');\n});\napp.get('/auth/venmo', passport.authorize('venmo', { scope: 'make_payments access_profile access_balance access_email access_phone' }));\napp.get('/auth/venmo/callback', passport.authorize('venmo', { failureRedirect: '/api' }), function(req, res) {\n res.redirect('/api/venmo');\n});\n\n\n// 404 error handler\napp.use(function(req, res) {\n res.status(404);\n res.render('404');\n});\n\n// 500 error handler\napp.use(errorHandler());\n\n/**\n * Start Express server.\n */\n\nvar keyfn = 'ssl/server.key';\nvar crtfn = 'ssl/server.crt';\nvar intafn = 'ssl/int_ssl_a.pem';\nvar intbfn = 'ssl/int_ssl_b.pem';\nvar intcfn = 'ssl/int_ssl_c.pem';\n\nif ( fs.existsSync( keyfn ) && fs.existsSync( crtfn ) \n && fs.existsSync( intafn ) && fs.existsSync( intbfn ) && fs.existsSync( intcfn )){\n\n var key = fs.readFileSync(keyfn, 'utf8');\n var crt = fs.readFileSync(crtfn, 'utf8');\n var inta = fs.readFileSync(intafn, 'utf8');\n var intb = fs.readFileSync(intbfn, 'utf8');\n var intc = fs.readFileSync(intcfn, 'utf8');\n\n var cred = { key: key, cert: crt, ca: [ inta, intb, intc ] };\n\n https.createServer(cred, app).listen(443, function() {\n console.log(\"✔ Secure Express server listening on port %d in %s mode\", 443, app.get('env'));\n });\n\n}\n\napp.listen( app.get('port'), function() {\n console.log(\"✔ Express server listening on port %d in %s mode\", app.get('port'), app.get('env'));\n});\n\nmodule.exports = app;\n" }, { "path": "server/cluster_app.js", "content": "/**\n * Module dependencies.\n */\n\nvar os = require('os');\nvar cluster = require('cluster');\n\n/**\n * Cluster setup.\n */\n\n// Setup the cluster to use app.js\ncluster.setupMaster({\n exec: 'app.js'\n});\n\n// Listen for dying workers\ncluster.on('exit', function(worker) {\n console.log('Worker ' + worker.id + ' died');\n // Replace the dead worker\n cluster.fork();\n});\n\n// Fork a worker for each available CPU\nfor (var i = 0; i < os.cpus().length; i++) {\n cluster.fork();\n}\n" }, { "path": "server/config/passport.js", "content": "var _ = require('underscore');\nvar passport = require('passport');\nvar LocalStrategy = require('passport-local').Strategy;\nvar FacebookStrategy = require('passport-facebook').Strategy;\nvar TwitterStrategy = require('passport-twitter').Strategy;\nvar GitHubStrategy = require('passport-github').Strategy;\nvar GoogleStrategy = require('passport-google-oauth').OAuth2Strategy;\nvar LinkedInStrategy = require('passport-linkedin-oauth2').Strategy;\nvar OAuthStrategy = require('passport-oauth').OAuthStrategy; // Tumblr\nvar OAuth2Strategy = require('passport-oauth').OAuth2Strategy; // Venmo, Foursquare\nvar User = require('../models/User');\nvar secrets = require('./secrets');\n\npassport.serializeUser(function(user, done) {\n done(null, user.id);\n});\n\npassport.deserializeUser(function(id, done) {\n User.findById(id, function(err, user) {\n done(err, user);\n });\n});\n\n/**\n * Sign in using Email and Password.\n */\n\npassport.use(new LocalStrategy({ usernameField: 'email' }, function(email, password, done) {\n User.findOne({ email: email }, function(err, user) {\n if (!user) return done(null, false, { message: 'Email ' + email + ' not found'});\n user.comparePassword(password, function(err, isMatch) {\n if (isMatch) {\n return done(null, user);\n } else {\n return done(null, false, { message: 'Invalid email or password.' });\n }\n });\n });\n}));\n\n/**\n * OAuth Strategy Overview\n *\n * - User is already logged in.\n * - Check if there is an existing account with a provider id or email.\n * - If there is, return an error message. (Account merging not supported)\n * - Else link new OAuth account with currently logged-in user.\n * - User is not logged in.\n * - Check if it's a returning user.\n * - If returning user, sign in and we are done.\n * - Else check if there is an existing account with user's email.\n * - If there is, return an error message.\n * - Else create a new account.\n */\n\n/**\n * Sign in with Facebook.\n */\n\npassport.use(new FacebookStrategy(secrets.facebook, function(req, accessToken, refreshToken, profile, done) {\n if (req.user) {\n User.findOne({ $or: [{ facebook: profile.id }, { email: profile.email }] }, function(err, existingUser) {\n if (existingUser) {\n req.flash('errors', { msg: 'There is already a Facebook account that belongs to you. Sign in with that account or delete it, then link it with your current account.' });\n done(err);\n } else {\n User.findById(req.user.id, function(err, user) {\n user.facebook = profile.id;\n user.tokens.push({ kind: 'facebook', accessToken: accessToken });\n user.profile.name = user.profile.name || profile.displayName;\n user.profile.gender = user.profile.gender || profile._json.gender;\n user.profile.picture = user.profile.picture || 'https://graph.facebook.com/' + profile.id + '/picture?type=large';\n user.save(function(err) {\n req.flash('info', { msg: 'Facebook account has been linked.' });\n done(err, user);\n });\n });\n }\n });\n } else {\n User.findOne({ facebook: profile.id }, function(err, existingUser) {\n if (existingUser) return done(null, existingUser);\n User.findOne({ email: profile._json.email }, function(err, existingEmailUser) {\n if (existingEmailUser) {\n req.flash('errors', { msg: 'There is already an account using this email address. Sign in to that account and link it with Facebook manually from Account Settings.' });\n done(err);\n } else {\n var user = new User();\n user.email = profile._json.email;\n user.facebook = profile.id;\n user.tokens.push({ kind: 'facebook', accessToken: accessToken });\n user.profile.name = profile.displayName;\n user.profile.gender = profile._json.gender;\n user.profile.picture = 'https://graph.facebook.com/' + profile.id + '/picture?type=large';\n user.profile.location = (profile._json.location) ? profile._json.location.name : '';\n user.save(function(err) {\n done(err, user);\n });\n }\n });\n });\n }\n}));\n\n/**\n * Sign in with GitHub.\n */\n\npassport.use(new GitHubStrategy(secrets.github, function(req, accessToken, refreshToken, profile, done) {\n if (req.user) {\n User.findOne({ $or: [{ github: profile.id }, { email: profile.email }] }, function(err, existingUser) {\n if (existingUser) {\n req.flash('errors', { msg: 'There is already a GitHub account that belongs to you. Sign in with that account or delete it, then link it with your current account.' });\n done(err);\n } else {\n User.findById(req.user.id, function(err, user) {\n user.github = profile.id;\n user.tokens.push({ kind: 'github', accessToken: accessToken });\n user.profile.name = user.profile.name || profile.displayName;\n user.profile.picture = user.profile.picture || profile._json.avatar_url;\n user.profile.location = user.profile.location || profile._json.location;\n user.profile.website = user.profile.website || profile._json.blog;\n user.save(function(err) {\n req.flash('info', { msg: 'GitHub account has been linked.' });\n done(err, user);\n });\n });\n }\n });\n } else {\n User.findOne({ github: profile.id }, function(err, existingUser) {\n if (existingUser) return done(null, existingUser);\n User.findOne({ email: profile._json.email }, function(err, existingEmailUser) {\n if (existingEmailUser) {\n req.flash('errors', { msg: 'There is already an account using this email address. Sign in to that account and link it with GitHub manually from Account Settings.' });\n done(err);\n } else {\n var user = new User();\n user.email = profile._json.email;\n user.github = profile.id;\n user.tokens.push({ kind: 'github', accessToken: accessToken });\n user.profile.name = profile.displayName;\n user.profile.picture = profile._json.avatar_url;\n user.profile.location = profile._json.location;\n user.profile.website = profile._json.blog;\n user.save(function(err) {\n done(err, user);\n });\n }\n });\n });\n }\n}));\n\n/**\n * Sign in with Twitter.\n */\n\npassport.use(new TwitterStrategy(secrets.twitter, function(req, accessToken, tokenSecret, profile, done) {\n if (req.user) {\n User.findOne({ twitter: profile.id }, function(err, existingUser) {\n if (existingUser) {\n req.flash('errors', { msg: 'There is already a Twitter account that belongs to you. Sign in with that account or delete it, then link it with your current account.' });\n done(err);\n } else {\n User.findById(req.user.id, function(err, user) {\n user.twitter = profile.id;\n user.tokens.push({ kind: 'twitter', accessToken: accessToken, tokenSecret: tokenSecret });\n user.profile.name = user.profile.name || profile.displayName;\n user.profile.location = user.profile.location || profile._json.location;\n user.profile.picture = user.profile.picture || profile._json.profile_image_url;\n user.save(function(err) {\n req.flash('info', { msg: 'Twitter account has been linked.' });\n done(err, user);\n });\n });\n }\n });\n\n } else {\n User.findOne({ twitter: profile.id }, function(err, existingUser) {\n if (existingUser) return done(null, existingUser);\n var user = new User();\n // Twitter will not provide an email address. Period.\n // But a person’s twitter username is guaranteed to be unique\n // so we can \"fake\" a twitter email address as follows:\n user.email = profile.username + \"@twitter.com\";\n user.twitter = profile.id;\n user.tokens.push({ kind: 'twitter', accessToken: accessToken, tokenSecret: tokenSecret });\n user.profile.name = profile.displayName;\n user.profile.location = profile._json.location;\n user.profile.picture = profile._json.profile_image_url;\n user.save(function(err) {\n done(err, user);\n });\n });\n }\n}));\n\n/**\n * Sign in with Google.\n */\n\npassport.use(new GoogleStrategy(secrets.google, function(req, accessToken, refreshToken, profile, done) {\n if (req.user) {\n User.findOne({ $or: [{ google: profile.id }, { email: profile.email }] }, function(err, existingUser) {\n if (existingUser) {\n req.flash('errors', { msg: 'There is already a Google account that belongs to you. Sign in with that account or delete it, then link it with your current account.' });\n done(err);\n } else {\n User.findById(req.user.id, function(err, user) {\n user.google = profile.id;\n user.tokens.push({ kind: 'google', accessToken: accessToken });\n user.profile.name = user.profile.name || profile.displayName;\n user.profile.gender = user.profile.gender || profile._json.gender;\n user.profile.picture = user.profile.picture || profile._json.picture;\n user.save(function(err) {\n req.flash('info', { msg: 'Google account has been linked.' });\n done(err, user);\n });\n });\n }\n });\n } else {\n User.findOne({ google: profile.id }, function(err, existingUser) {\n if (existingUser) return done(null, existingUser);\n User.findOne({ email: profile._json.email }, function(err, existingEmailUser) {\n if (existingEmailUser) {\n req.flash('errors', { msg: 'There is already an account using this email address. Sign in to that account and link it with Google manually from Account Settings.' });\n done(err);\n } else {\n var user = new User();\n user.email = profile._json.email;\n user.google = profile.id;\n user.tokens.push({ kind: 'google', accessToken: accessToken });\n user.profile.name = profile.displayName;\n user.profile.gender = profile._json.gender;\n user.profile.picture = profile._json.picture;\n user.save(function(err) {\n done(err, user);\n });\n }\n });\n });\n }\n}));\n\n/**\n * Sign in with LinkedIn.\n */\n\npassport.use(new LinkedInStrategy(secrets.linkedin, function(req, accessToken, refreshToken, profile, done) {\n if (req.user) {\n User.findOne({ $or: [\n { linkedin: profile.id },\n { email: profile._json.emailAddress }\n ] }, function(err, existingUser) {\n if (existingUser) {\n req.flash('errors', { msg: 'There is already a LinkedIn account that belongs to you. Sign in with that account or delete it, then link it with your current account.' });\n done(err);\n } else {\n User.findById(req.user.id, function(err, user) {\n user.linkedin = profile.id;\n user.tokens.push({ kind: 'linkedin', accessToken: accessToken });\n user.profile.name = user.profile.name || profile.displayName;\n user.profile.location = user.profile.location || profile._json.location.name;\n user.profile.picture = user.profile.picture || profile._json.pictureUrl;\n user.profile.website = user.profile.website || profile._json.publicProfileUrl;\n user.save(function(err) {\n req.flash('info', { msg: 'LinkedIn account has been linked.' });\n done(err, user);\n });\n });\n }\n });\n } else {\n User.findOne({ linkedin: profile.id }, function(err, existingUser) {\n if (existingUser) return done(null, existingUser);\n User.findOne({ email: profile._json.emailAddress }, function(err, existingEmailUser) {\n if (existingEmailUser) {\n req.flash('errors', { msg: 'There is already an account using this email address. Sign in to that account and link it with LinkedIn manually from Account Settings.' });\n done(err);\n } else {\n var user = new User();\n user.linkedin = profile.id;\n user.tokens.push({ kind: 'linkedin', accessToken: accessToken });\n user.email = profile._json.emailAddress;\n user.profile.name = profile.displayName;\n user.profile.location = profile._json.location.name;\n user.profile.picture = profile._json.pictureUrl;\n user.profile.website = profile._json.publicProfileUrl;\n user.save(function(err) {\n done(err, user);\n });\n }\n });\n });\n }\n}));\n\n/**\n * Tumblr API\n * Uses OAuth 1.0a Strategy.\n */\n\npassport.use('tumblr', new OAuthStrategy({\n requestTokenURL: 'http://www.tumblr.com/oauth/request_token',\n accessTokenURL: 'http://www.tumblr.com/oauth/access_token',\n userAuthorizationURL: 'http://www.tumblr.com/oauth/authorize',\n consumerKey: secrets.tumblr.consumerKey,\n consumerSecret: secrets.tumblr.consumerSecret,\n callbackURL: secrets.tumblr.callbackURL,\n passReqToCallback: true\n },\n function(req, token, tokenSecret, profile, done) {\n User.findById(req.user._id, function(err, user) {\n user.tokens.push({ kind: 'tumblr', accessToken: token, tokenSecret: tokenSecret });\n user.save(function(err) {\n done(err, user);\n });\n });\n }\n));\n\n/**\n * Foursquare API\n * Uses OAuth 2.0 Strategy.\n */\n\npassport.use('foursquare', new OAuth2Strategy({\n authorizationURL: 'https://foursquare.com/oauth2/authorize',\n tokenURL: 'https://foursquare.com/oauth2/access_token',\n clientID: secrets.foursquare.clientId,\n clientSecret: secrets.foursquare.clientSecret,\n callbackURL: secrets.foursquare.redirectUrl,\n passReqToCallback: true\n },\n function(req, accessToken, refreshToken, profile, done) {\n User.findById(req.user._id, function(err, user) {\n user.tokens.push({ kind: 'foursquare', accessToken: accessToken });\n user.save(function(err) {\n done(err, user);\n });\n });\n }\n));\n\n/**\n * Venmo API\n * Uses OAuth 2.0 Strategy.\n */\n\npassport.use('venmo', new OAuth2Strategy({\n authorizationURL: 'https://api.venmo.com/v1/oauth/authorize',\n tokenURL: 'https://api.venmo.com/v1/oauth/access_token',\n clientID: secrets.venmo.clientId,\n clientSecret: secrets.venmo.clientSecret,\n callbackURL: secrets.venmo.redirectUrl,\n passReqToCallback: true\n },\n function(req, accessToken, refreshToken, profile, done) {\n User.findById(req.user._id, function(err, user) {\n user.tokens.push({ kind: 'venmo', accessToken: accessToken });\n user.save(function(err) {\n done(err, user);\n });\n });\n }\n));\n\n/**\n * Login Required middleware.\n */\n\nexports.isAuthenticated = function(req, res, next) {\n if (req.isAuthenticated()) return next();\n res.redirect('/login');\n};\n\n/**\n * Authorization Required middleware.\n */\n\nexports.isAuthorized = function(req, res, next) {\n var provider = req.path.split('/').slice(-1)[0];\n if (_.findWhere(req.user.tokens, { kind: provider })) next();\n else res.redirect('/auth/' + provider);\n};\n" }, { "path": "server/config/secrets.js", "content": "module.exports = {\n db: process.env.MONGODB|| 'mongodb://localhost:27017/test',\n\n sessionSecret: process.env.SESSION_SECRET || 'Your Session Secret goes here',\n\n localAuth: true,\n\n feedback: { \n email: process.env.FEEDBACK_EMAIL || \"Your email\"\n },\n\n mailgun: {\n login: process.env.MAILGUN_LOGIN || 'Your Mailgun SMTP Username',\n password: process.env.MAILGUN_PASSWORD || 'Your Mailgun SMTP Password'\n },\n\n sendgrid: {\n user: process.env.SENDGRID_USER || 'Your SendGrid Username',\n password: process.env.SENDGRID_PASSWORD || 'Your SendGrid Password'\n },\n\n nyt: {\n key: process.env.NYT_KEY || 'Your New York Times API Key'\n },\n\n lastfm: {\n api_key: process.env.LASTFM_KEY || 'Your API Key',\n secret: process.env.LASTFM_SECRET || 'Your API Secret'\n },\n\n facebookAuth: true,\n facebook: {\n clientID: process.env.FACEBOOK_ID || 'Your App ID',\n clientSecret: process.env.FACEBOOK_SECRET || 'Your App Secret',\n callbackURL: '/auth/facebook/callback',\n passReqToCallback: true\n },\n\n githubAuth: false,\n github: {\n clientID: process.env.GITHUB_ID || 'Your Client ID',\n clientSecret: process.env.GITHUB_SECRET || 'Your Client Secret',\n callbackURL: '/auth/github/callback',\n passReqToCallback: true\n },\n\n twitterAuth: false,\n twitter: {\n consumerKey: process.env.TWITTER_KEY || 'Your Consumer Key',\n consumerSecret: process.env.TWITTER_SECRET || 'Your Consumer Secret',\n callbackURL: '/auth/twitter/callback',\n passReqToCallback: true\n },\n\n googleAuth: true,\n google: {\n clientID: process.env.GOOGLE_ID || 'Your Client ID',\n clientSecret: process.env.GOOGLE_SECRET || 'Your Client Secret',\n callbackURL: '/auth/google/callback',\n passReqToCallback: true\n },\n\n linkedinAuth: false,\n linkedin: {\n clientID: process.env.LINKEDIN_ID || 'Your Client ID',\n clientSecret: process.env.LINKEDIN_SECRET || 'Your Client Secret',\n callbackURL: '/auth/linkedin/callback',\n scope: ['r_fullprofile', 'r_emailaddress', 'r_network'],\n passReqToCallback: true\n },\n\n steam: {\n apiKey: process.env.STEAM_KEY || 'Your Steam API Key'\n },\n\n twilio: {\n sid: process.env.TWILIO_SID || 'Your Twilio SID',\n token: process.env.TWILIO_TOKEN || 'Your Twilio token'\n },\n\n clockwork: {\n apiKey: process.env.CLOCKWORK_KEY || 'Your Clockwork SMS API Key'\n },\n\n tumblr: {\n consumerKey: process.env.TUMBLR_KEY || 'Your Consumer Key',\n consumerSecret: process.env.TUMBLR_SECRET || 'Your Consumer Secret',\n callbackURL: '/auth/tumblr/callback'\n },\n\n foursquare: {\n clientId: process.env.FOURSQUARE_ID || 'Your Client ID',\n clientSecret: process.env.FOURSQUARE_SECRET || 'Your Client Secret',\n redirectUrl: process.env.FOURSQUARE_REDIRECT_URL || 'http://localhost:3000/auth/foursquare/callback'\n },\n\n venmo: {\n clientId: process.env.VENMO_ID || 'Your Venmo Client ID',\n clientSecret: process.env.VENMO_SECRET || 'Your Venmo Client Secret',\n redirectUrl: process.env.VENMO_REDIRECT_URL || 'http://localhost:3000/auth/venmo/callback'\n },\n\n paypal: {\n host: process.env.PAYPAL_HOST || 'api.sandbox.paypal.com',\n client_id: process.env.PAYPAL_ID || 'Your Client ID',\n client_secret: process.env.PAYPAL_SECRET || 'Your Client Secret',\n returnUrl: process.env.PAYPAL_RETURN_URL || 'http://localhost:3000/api/paypal/success',\n cancelUrl: process.env.PAYPAL_CANCEL_URL || 'http://localhost:3000/api/paypal/cancel'\n }\n};\n" }, { "path": "server/controllers/api.js", "content": "var secrets = require('../config/secrets');\nvar User = require('../models/User');\nvar querystring = require('querystring');\nvar validator = require('validator');\nvar async = require('async');\nvar cheerio = require('cheerio');\nvar request = require('request');\nvar _ = require('underscore');\nvar graph = require('fbgraph');\nvar LastFmNode = require('lastfm').LastFmNode;\nvar tumblr = require('tumblr.js');\nvar foursquare = require('node-foursquare')({ secrets: secrets.foursquare });\nvar Github = require('github-api');\nvar Twit = require('twit');\nvar paypal = require('paypal-rest-sdk');\nvar twilio = require('twilio')(secrets.twilio.sid, secrets.twilio.token);\nvar Linkedin = require('node-linkedin')(secrets.linkedin.clientID, secrets.linkedin.clientSecret, secrets.linkedin.callbackURL);\nvar clockwork = require('clockwork')({key: secrets.clockwork.apiKey});\n\n/**\n * GET /api\n * List of API examples.\n */\n\nexports.getApi = function(req, res) {\n res.render('api/index', {\n title: 'API Browser'\n });\n};\n\n/**\n * GET /api/foursquare\n * Foursquare API example.\n */\n\nexports.getFoursquare = function(req, res, next) {\n var token = _.findWhere(req.user.tokens, { kind: 'foursquare' });\n async.parallel({\n trendingVenues: function(callback) {\n foursquare.Venues.getTrending('40.7222756', '-74.0022724', { limit: 50 }, token.accessToken, function(err, results) {\n callback(err, results);\n });\n },\n venueDetail: function(callback) {\n foursquare.Venues.getVenue('49da74aef964a5208b5e1fe3', token.accessToken, function(err, results) {\n callback(err, results);\n });\n },\n userCheckins: function(callback) {\n foursquare.Users.getCheckins('self', null, token.accessToken, function(err, results) {\n callback(err, results);\n });\n }\n },\n function(err, results) {\n if (err) return next(err);\n res.render('api/foursquare', {\n title: 'Foursquare API',\n trendingVenues: results.trendingVenues,\n venueDetail: results.venueDetail,\n userCheckins: results.userCheckins\n });\n });\n};\n\n/**\n * GET /api/tumblr\n * Tumblr API example.\n */\n\nexports.getTumblr = function(req, res) {\n var token = _.findWhere(req.user.tokens, { kind: 'tumblr' });\n var client = tumblr.createClient({\n consumer_key: secrets.tumblr.consumerKey,\n consumer_secret: secrets.tumblr.consumerSecret,\n token: token.accessToken,\n token_secret: token.tokenSecret\n });\n client.posts('goddess-of-imaginary-light.tumblr.com', { type: 'photo' }, function(err, data) {\n res.render('api/tumblr', {\n title: 'Tumblr API',\n blog: data.blog,\n photoset: data.posts[0].photos\n });\n });\n};\n\n/**\n * GET /api/facebook\n * Facebook API example.\n */\n\nexports.getFacebook = function(req, res, next) {\n var token = _.findWhere(req.user.tokens, { kind: 'facebook' });\n graph.setAccessToken(token.accessToken);\n async.parallel({\n getMe: function(done) {\n graph.get(req.user.facebook, function(err, me) {\n done(err, me);\n });\n },\n getMyFriends: function(done) {\n graph.get(req.user.facebook + '/friends', function(err, friends) {\n done(err, friends.data);\n });\n }\n },\n function(err, results) {\n if (err) return next(err);\n res.render('api/facebook', {\n title: 'Facebook API',\n me: results.getMe,\n friends: results.getMyFriends\n });\n });\n};\n\n/**\n * GET /api/scraping\n * Web scraping example using Cheerio library.\n */\n\nexports.getScraping = function(req, res, next) {\n request.get('https://news.ycombinator.com/', function(err, request, body) {\n if (err) return next(err);\n var $ = cheerio.load(body);\n var links = [];\n $(\".title a[href^='http'], a[href^='https']\").each(function() {\n links.push($(this));\n });\n res.render('api/scraping', {\n title: 'Web Scraping',\n links: links\n });\n });\n};\n\n/**\n * GET /api/github\n * GitHub API Example.\n */\nexports.getGithub = function(req, res) {\n var token = _.findWhere(req.user.tokens, { kind: 'github' });\n var github = new Github({ token: token.accessToken });\n var repo = github.getRepo('sahat', 'requirejs-library');\n repo.show(function(err, repo) {\n res.render('api/github', {\n title: 'GitHub API',\n repo: repo\n });\n });\n\n};\n\n/**\n * GET /api/aviary\n * Aviary image processing example.\n */\n\nexports.getAviary = function(req, res) {\n res.render('api/aviary', {\n title: 'Aviary API'\n });\n};\n\n/**\n * GET /api/nyt\n * New York Times API example.\n */\n\nexports.getNewYorkTimes = function(req, res, next) {\n var query = querystring.stringify({ 'api-key': secrets.nyt.key, 'list-name': 'young-adult' });\n var url = 'http://api.nytimes.com/svc/books/v2/lists?' + query;\n request.get(url, function(error, request, body) {\n if (request.statusCode === 403) return next(Error('Missing or Invalid New York Times API Key'));\n var bestsellers = JSON.parse(body);\n res.render('api/nyt', {\n title: 'New York Times API',\n books: bestsellers.results\n });\n });\n};\n\n/**\n * GET /api/lastfm\n * Last.fm API example.\n */\n\nexports.getLastfm = function(req, res, next) {\n var lastfm = new LastFmNode(secrets.lastfm);\n async.parallel({\n artistInfo: function(done) {\n lastfm.request(\"artist.getInfo\", {\n artist: 'Epica',\n handlers: {\n success: function(data) {\n done(null, data);\n },\n error: function(err) {\n done(err);\n }\n }\n });\n },\n artistTopAlbums: function(done) {\n lastfm.request(\"artist.getTopAlbums\", {\n artist: 'Epica',\n handlers: {\n success: function(data) {\n var albums = [];\n _.each(data.topalbums.album, function(album) {\n albums.push(album.image.slice(-1)[0]['#text']);\n });\n done(null, albums.slice(0, 4));\n },\n error: function(err) {\n done(err);\n }\n }\n });\n }\n },\n function(err, results) {\n if (err) return next(err.message);\n var artist = {\n name: results.artistInfo.artist.name,\n image: results.artistInfo.artist.image.slice(-1)[0]['#text'],\n tags: results.artistInfo.artist.tags.tag,\n bio: results.artistInfo.artist.bio.summary,\n stats: results.artistInfo.artist.stats,\n similar: results.artistInfo.artist.similar.artist,\n topAlbums: results.artistTopAlbums\n };\n res.render('api/lastfm', {\n title: 'Last.fm API',\n artist: artist\n });\n });\n};\n\n/**\n * GET /api/twitter\n * Twiter API example.\n */\n\nexports.getTwitter = function(req, res, next) {\n var token = _.findWhere(req.user.tokens, { kind: 'twitter' });\n var T = new Twit({\n consumer_key: secrets.twitter.consumerKey,\n consumer_secret: secrets.twitter.consumerSecret,\n access_token: token.accessToken,\n access_token_secret: token.tokenSecret\n });\n T.get('search/tweets', { q: 'hackathon since:2013-01-01', geocode: '40.71448,-74.00598,5mi', count: 50 }, function(err, reply) {\n if (err) return next(err);\n res.render('api/twitter', {\n title: 'Twitter API',\n tweets: reply.statuses\n });\n });\n};\n\n/**\n * GET /api/paypal\n * PayPal SDK example.\n */\n\nexports.getPayPal = function(req, res, next) {\n paypal.configure(secrets.paypal);\n\n var paymentDetails = {\n intent: 'sale',\n payer: {\n payment_method: 'paypal'\n },\n redirect_urls: {\n return_url: secrets.paypal.returnUrl,\n cancel_url: secrets.paypal.cancelUrl\n },\n transactions: [\n {\n description: 'Node.js Boilerplate',\n amount: {\n currency: 'USD',\n total: '2.99'\n }\n }\n ]\n };\n\n paypal.payment.create(paymentDetails, function(err, payment) {\n if (err) return next(err);\n req.session.paymentId = payment.id;\n var links = payment.links;\n for (var i = 0; i < links.length; i++) {\n if (links[i].rel === 'approval_url') {\n res.render('api/paypal', {\n approval_url: links[i].href\n });\n }\n }\n });\n};\n\n/**\n * GET /api/paypal/success\n * PayPal SDK example.\n */\n\nexports.getPayPalSuccess = function(req, res, next) {\n var paymentId = req.session.paymentId;\n var paymentDetails = { 'payer_id': req.query.PayerID };\n paypal.payment.execute(paymentId, paymentDetails, function(err, payment) {\n if (err) {\n res.render('api/paypal', {\n result: true,\n success: false\n });\n } else {\n res.render('api/paypal', {\n result: true,\n success: true\n });\n }\n });\n};\n\n/**\n * GET /api/paypal/cancel\n * PayPal SDK example.\n */\n\nexports.getPayPalCancel = function(req, res, next) {\n req.session.payment_id = null;\n res.render('api/paypal', {\n result: true,\n canceled: true\n });\n};\n\n/**\n * GET /api/steam\n * Steam API example.\n */\n\nexports.getSteam = function(req, res, next) {\n var steamId = '76561197982488301';\n var query = { l: 'english', steamid: steamId, key: secrets.steam.apiKey };\n\n async.parallel({\n playerAchievements: function(done) {\n query.appid = '49520';\n var qs = querystring.stringify(query);\n request.get({ url: 'http://api.steampowered.com/ISteamUserStats/GetPlayerAchievements/v0001/?' + qs, json: true }, function(error, request, body) {\n if (request.statusCode === 401) return done(new Error('Missing or Invalid Steam API Key'));\n done(error, body);\n });\n },\n playerSummaries: function(done) {\n query.steamids = steamId;\n var qs = querystring.stringify(query);\n request.get({ url: 'http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?' + qs, json: true }, function(error, request, body) {\n if (request.statusCode === 401) return done(new Error('Missing or Invalid Steam API Key'));\n done(error, body);\n });\n },\n ownedGames: function(done) {\n query.include_appinfo = 1;\n query.include_played_free_games = 1;\n var qs = querystring.stringify(query);\n request.get({ url: 'http://api.steampowered.com/IPlayerService/GetOwnedGames/v0001/?' + qs, json: true }, function(error, request, body) {\n if (request.statusCode === 401) return done(new Error('Missing or Invalid Steam API Key'));\n done(error, body);\n });\n }\n },\n function(err, results) {\n if (err) return next(err);\n res.render('api/steam', {\n title: 'Steam Web API',\n ownedGames: results.ownedGames.response.games,\n playerAchievemments: results.playerAchievements.playerstats,\n playerSummary: results.playerSummaries.response.players[0]\n });\n });\n};\n\n/**\n * GET /api/twilio\n * Twilio API example.\n */\n\nexports.getTwilio = function(req, res, next) {\n res.render('api/twilio', {\n title: 'Twilio API'\n });\n};\n\n/**\n * POST /api/twilio\n * Twilio API example.\n * @param telephone\n */\n\nexports.postTwilio = function(req, res, next) {\n var message = {\n to: req.body.telephone,\n from: '+13472235148',\n body: 'Hello from the Hackathon Starter'\n };\n twilio.sendMessage(message, function(err, responseData) {\n if (err) return next(err.message);\n req.flash('success', { msg: 'Text sent to ' + responseData.to + '.'})\n res.redirect('/api/twilio');\n });\n};\n\n/**\n * GET /api/clockwork\n * Clockwork SMS API example.\n */\n\nexports.getClockwork = function(req, res) {\n res.render('api/clockwork', {\n title: 'Clockwork SMS API'\n });\n};\n\n/**\n * POST /api/clockwork\n * Clockwork SMS API example.\n * @param telephone\n */\n\nexports.postClockwork = function(req, res, next) {\n var message = {\n To: req.body.telephone,\n From: 'Hackathon',\n Content: 'Hello from the Hackathon Starter'\n };\n clockwork.sendSms(message, function(err, responseData) {\n if (err) return next(err.errDesc);\n req.flash('success', { msg: 'Text sent to ' + responseData.responses[0].to });\n res.redirect('/api/clockwork');\n });\n};\n\n/**\n * GET /api/venmo\n * Venmo API example.\n */\n\nexports.getVenmo = function(req, res, next) {\n var token = _.findWhere(req.user.tokens, { kind: 'venmo' });\n var query = querystring.stringify({ access_token: token.accessToken });\n\n async.parallel({\n getProfile: function(done) {\n request.get({ url: 'https://api.venmo.com/v1/me?' + query, json: true }, function(err, request, body) {\n done(err, body);\n });\n },\n getRecentPayments: function(done) {\n request.get({ url: 'https://api.venmo.com/v1/payments?' + query, json: true }, function(err, request, body) {\n done(err, body);\n\n });\n }\n },\n function(err, results) {\n if (err) return next(err);\n res.render('api/venmo', {\n title: 'Venmo API',\n profile: results.getProfile.data,\n recentPayments: results.getRecentPayments.data\n });\n });\n};\n\n/**\n * POST /api/venmo\n * @param user\n * @param note\n * @param amount\n * Send money.\n */\n\nexports.postVenmo = function(req, res, next) {\n req.assert('user', 'Phone, Email or Venmo User ID cannot be blank').notEmpty();\n req.assert('note', 'Please enter a message to accompany the payment').notEmpty();\n req.assert('amount', 'The amount you want to pay cannot be blank').notEmpty();\n\n var errors = req.validationErrors();\n\n if (errors) {\n req.flash('errors', errors);\n return res.redirect('/api/venmo');\n }\n\n var token = _.findWhere(req.user.tokens, { kind: 'venmo' });\n\n var formData = {\n access_token: token.accessToken,\n note: req.body.note,\n amount: req.body.amount\n };\n\n if (validator.isEmail(req.body.user)) {\n formData.email = req.body.user;\n } else if (validator.isNumeric(req.body.user) &&\n validator.isLength(req.body.user, 10, 11)) {\n formData.phone = req.body.user;\n } else {\n formData.user_id = req.body.user;\n }\n\n request.post('https://api.venmo.com/v1/payments', { form: formData }, function(err, request, body) {\n if (err) return next(err);\n if (request.statusCode !== 200) {\n req.flash('errors', { msg: JSON.parse(body).error.message });\n return res.redirect('/api/venmo');\n }\n req.flash('success', { msg: 'Venmo money transfer complete' });\n res.redirect('/api/venmo');\n });\n};\n\n/**\n * GET /api/linkedin\n * LinkedIn API example.\n */\n\nexports.getLinkedin = function(req, res, next) {\n var token = _.findWhere(req.user.tokens, { kind: 'linkedin' });\n var linkedin = Linkedin.init(token.accessToken);\n\n linkedin.people.me(function(err, $in) {\n if (err) return next(err);\n res.render('api/linkedin', {\n title: 'LinkedIn API',\n profile: $in\n });\n });\n};\n" }, { "path": "server/controllers/contact.js", "content": "var secrets = require('../config/secrets');\nvar nodemailer = require(\"nodemailer\");\nvar smtpTransport = nodemailer.createTransport('SMTP', {\n// service: 'Mailgun',\n// auth: {\n// user: secrets.mailgun.login,\n// pass: secrets.mailgun.password\n// }\n service: 'SendGrid',\n auth: {\n user: secrets.sendgrid.user,\n pass: secrets.sendgrid.password\n }\n});\n\n/**\n * GET /contact\n * Contact form page.\n */\n\nexports.getContact = function(req, res) {\n res.render('contact', {\n title: 'Contact'\n });\n};\n\n/**\n * POST /contact\n * Send a contact form via Nodemailer.\n * @param email\n * @param name\n * @param message\n */\n\nexports.postContact = function(req, res) {\n req.assert('name', 'Name cannot be blank').notEmpty();\n req.assert('email', 'Email is not valid').isEmail();\n req.assert('message', 'Message cannot be blank').notEmpty();\n\n var errors = req.validationErrors();\n\n if (errors) {\n req.flash('errors', errors);\n return res.redirect('/contact');\n }\n\n var from = req.body.email;\n var name = req.body.name;\n var body = req.body.message;\n var to = 'your@email.com';\n var subject = 'Contact Form | Flood';\n\n var mailOptions = {\n to: to,\n from: from,\n subject: subject,\n text: body\n };\n\n smtpTransport.sendMail(mailOptions, function(err) {\n if (err) {\n req.flash('errors', { msg: err.message });\n return res.redirect('/contact');\n }\n req.flash('success', { msg: 'Email has been sent successfully!' });\n res.redirect('/contact');\n });\n};\n" }, { "path": "server/controllers/exampleWorkspaces.js", "content": "exports.myFirstProject = \n{ \n \"connections\":[ \n { \n \"kind\":\"addConnection\",\n \"startNodeId\":398809118,\n \"startPortIndex\":0,\n \"endNodeId\":23624844,\n \"endPortIndex\":0,\n \"_id\":964734507,\n \"startProxy\":false,\n \"endProxy\":false,\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"hidden\":false\n },\n { \n \"kind\":\"addConnection\",\n \"startNodeId\":604762864,\n \"startPortIndex\":0,\n \"endNodeId\":398809118,\n \"endPortIndex\":0,\n \"_id\":647386019,\n \"startProxy\":false,\n \"endProxy\":false,\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"hidden\":false\n },\n { \n \"kind\":\"addConnection\",\n \"startNodeId\":598617458,\n \"startPortIndex\":0,\n \"endNodeId\":23624844,\n \"endPortIndex\":1,\n \"_id\":564971549,\n \"startProxy\":false,\n \"endProxy\":false,\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"hidden\":false\n },\n { \n \"kind\":\"addConnection\",\n \"startNodeId\":3271050,\n \"startPortIndex\":0,\n \"endNodeId\":598617458,\n \"endPortIndex\":2,\n \"_id\":742143501,\n \"startProxy\":false,\n \"endProxy\":false,\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"hidden\":false\n },\n { \n \"kind\":\"addConnection\",\n \"startNodeId\":440238000,\n \"startPortIndex\":0,\n \"endNodeId\":42665510,\n \"endPortIndex\":0,\n \"_id\":661808583,\n \"startProxy\":false,\n \"endProxy\":false,\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"hidden\":false\n },\n { \n \"kind\":\"addConnection\",\n \"startNodeId\":42665510,\n \"startPortIndex\":0,\n \"endNodeId\":945248858,\n \"endPortIndex\":0,\n \"_id\":359041827,\n \"startProxy\":false,\n \"endProxy\":false,\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"hidden\":false\n },\n { \n \"kind\":\"addConnection\",\n \"startNodeId\":604762864,\n \"startPortIndex\":0,\n \"endNodeId\":398809118,\n \"endPortIndex\":1,\n \"_id\":899758279,\n \"startProxy\":false,\n \"endProxy\":false,\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"hidden\":false\n },\n { \n \"kind\":\"addConnection\",\n \"startNodeId\":823934643,\n \"startPortIndex\":0,\n \"endNodeId\":42665510,\n \"endPortIndex\":1,\n \"_id\":764520692,\n \"startProxy\":false,\n \"endProxy\":false,\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"hidden\":false\n },\n { \n \"hidden\":false,\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxy\":false,\n \"startProxy\":false,\n \"_id\":794491759,\n \"endPortIndex\":1,\n \"endNodeId\":440238000,\n \"startPortIndex\":0,\n \"startNodeId\":282252545,\n \"kind\":\"addConnection\"\n },\n { \n \"hidden\":false,\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxy\":false,\n \"startProxy\":false,\n \"_id\":965267809,\n \"endPortIndex\":2,\n \"endNodeId\":440238000,\n \"startPortIndex\":0,\n \"startNodeId\":498266200,\n \"kind\":\"addConnection\"\n },\n { \n \"hidden\":false,\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxy\":false,\n \"startProxy\":false,\n \"_id\":267211310,\n \"endPortIndex\":0,\n \"endNodeId\":317753978,\n \"startPortIndex\":0,\n \"startNodeId\":440238000,\n \"kind\":\"addConnection\"\n },\n { \n \"hidden\":false,\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxy\":false,\n \"startProxy\":false,\n \"_id\":573083411,\n \"endPortIndex\":2,\n \"endNodeId\":42665510,\n \"startPortIndex\":0,\n \"startNodeId\":317753978,\n \"kind\":\"addConnection\"\n }\n ],\n \"nodes\":[ \n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4596,\n 4119\n ],\n \"typeName\":\"SolidExtrusion\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n true,\n false\n ],\n \"_id\":23624844,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"script\":\"A;\"\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4350,\n 4067\n ],\n \"typeName\":\"RegularPolygon\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n false,\n false,\n false\n ],\n \"_id\":398809118,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"script\":\"A;\"\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4062,\n 4085\n ],\n \"typeName\":\"Number\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n\n ],\n \"_id\":604762864,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"value\":8,\n \"min\":0,\n \"step\":0.1,\n \"max\":20\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4351,\n 4181\n ],\n \"typeName\":\"Vector\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n false,\n false,\n false\n ],\n \"_id\":598617458,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"script\":\"A;\"\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4063,\n 4230\n ],\n \"typeName\":\"Number\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n\n ],\n \"_id\":3271050,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"max\":40,\n \"step\":0.1,\n \"min\":-40,\n \"value\":15\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4346,\n 4449\n ],\n \"typeName\":\"Range\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n false,\n false,\n false\n ],\n \"_id\":440238000,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"script\":\"A;\"\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4859,\n 4452\n ],\n \"typeName\":\"Vector\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n false,\n false,\n false\n ],\n \"_id\":42665510,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"script\":\"A;\"\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 5006,\n 4451\n ],\n \"typeName\":\"Point\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n false\n ],\n \"_id\":945248858,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"script\":\"A;\"\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4047,\n 4442\n ],\n \"typeName\":\"Number\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n\n ],\n \"_id\":282252545,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"max\":100,\n \"step\":0.1,\n \"min\":0,\n \"value\":20\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4534,\n 4486\n ],\n \"typeName\":\"Number\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n\n ],\n \"_id\":823934643,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"max\":150,\n \"step\":0.1,\n \"min\":-150,\n \"value\":30\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4050,\n 4532\n ],\n \"typeName\":\"Number\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n\n ],\n \"_id\":498266200,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"max\":150,\n \"step\":0.1,\n \"min\":0,\n \"value\":150\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4501,\n 4561\n ],\n \"typeName\":\"Script\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n false\n ],\n \"_id\":317753978,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"script\":\"10 * Sin(A);\"\n }\n }\n ],\n \"name\":\"Example Project\",\n};\n\nexports.myFirstCustomNode = \n{\n \"connections\":[ \n { \n \"hidden\":false,\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxy\":false,\n \"startProxy\":false,\n \"_id\":137881318,\n \"endPortIndex\":0,\n \"endNodeId\":263728761,\n \"startPortIndex\":0,\n \"startNodeId\":253762878,\n \"kind\":\"addConnection\"\n },\n { \n \"hidden\":false,\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxy\":false,\n \"startProxy\":false,\n \"_id\":525878839,\n \"endPortIndex\":1,\n \"endNodeId\":263728761,\n \"startPortIndex\":0,\n \"startNodeId\":253762878,\n \"kind\":\"addConnection\"\n },\n { \n \"hidden\":false,\n \"endProxyPosition\":[ \n 0,\n 0\n ],\n \"startProxyPosition\":[ \n 0,\n 0\n ],\n \"endProxy\":false,\n \"startProxy\":false,\n \"_id\":144876797,\n \"endPortIndex\":0,\n \"endNodeId\":892555475,\n \"startPortIndex\":0,\n \"startNodeId\":263728761,\n \"kind\":\"addConnection\"\n }\n ],\n \"nodes\":[ \n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4107,\n 4161\n ],\n \"typeName\":\"Input\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n\n ],\n \"_id\":253762878,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"name\":\"X\"\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4548,\n 4156\n ],\n \"typeName\":\"Output\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n true\n ],\n \"_id\":892555475,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n \"name\":\"X * X\"\n }\n },\n { \n \"name\":\"DefaultNodeName\",\n \"position\":[ \n 4359,\n 4152\n ],\n \"typeName\":\"Multiply\",\n \"selected\":false,\n \"visible\":true,\n \"ignoreDefaults\":[ \n false,\n false\n ],\n \"_id\":263728761,\n \"replication\":\"applyLongest\",\n \"extra\":{ \n\n }\n }\n ],\n \"name\":\"Example Custom Node\",\n \"isCustomNode\": true\n};" }, { "path": "server/controllers/feedback.js", "content": "var _ = require('underscore')\n\t, nodemailer = require('nodemailer')\n\t, secrets = require('../config/secrets');\n\n\nvar smtpTransport = nodemailer.createTransport('SMTP', {\n service: 'Mailgun',\n auth: {\n user: secrets.mailgun.login,\n pass: secrets.mailgun.password\n }\n});\n\nvar emailTarget = secrets.feedback.email;\n\nexports.postFeedback = function(req, res) {\n\n\tif (!req.user) return res.status(401).send(\"You are not logged in\");\n\n\tif (!req.body) return res.status(500).send('Malformed body');\n\n\tvar ns = req.body;\n\n\tif (!emailTarget) return res.status(500).send({ msg: \"Feedback temporarily unsupported\" });\n\n\tsmtpTransport.sendMail({\n\t from: req.user.email,\n\t to: emailTarget,\n\t subject: \"[FLOOD FEEDBACK] : \\\"\" + ns.subject ? ns.subject : \"Empty subject\" + \"\\\"\",\n\t text: ns.message ? ns.message : \"Empty body\",\n\t\t}, function(err) {\n\t if (err) {\n\t return res.status(500).send({ msg: \"Could not send feedback! Try again later!\" });\n\t }\n\t return res.send({ msg: 'Feedback has been sent successfully!' });\n\t });\n\n};" }, { "path": "server/controllers/flood.js", "content": "var mongoose = require('mongoose')\n\t, Session = require('../models/Workspace').SessionModel\n\t, Workspace = require('../models/Workspace').WorkspaceModel\n\t, User = require('../models/User')\n\t, async = require('async')\n\t, _ = require('underscore')\n\t, ExampleWorkspaces = require('./exampleWorkspaces');\n\nvar initNonUserSession = function(req, res){\n\n\tvar user = req.user;\n\tvar nws = new Workspace({name : \"My first workspace\"});\n\tvar newSesh = new Session({name : \"Empty session\", workspaces : [ nws ]});\n\n\tnws.save(function(errWs){\n\n\t\tif (errWs) return res.status(500).send(\"Failed to initialize user workspace\");\n\n\t\tnewSesh.save(function(errSesh){\n\n\t\t\t\tif (errSesh) return res.status(500).send(\"Failed to initialize user session\");\n\n\t\t\t\tSession\n\t\t\t\t\t.findById(newSesh.id)\n\t\t\t\t\t.populate('workspaces')\n\t\t\t\t\t.exec( function(err, sesh){\n\n\t\t\t\t\t\tif (err || !sesh ) return res.status(500).send(\"Failed to obtain user session\");\n\t\t\t\t\t\treturn res.send(sesh);\n\t\t\t\t\t});\n\t\t\t});\n\t});\n\n}\n\nvar initUserSession = function(req, res){\n\n\tvar user = req.user;\n\tvar nws = new Workspace(ExampleWorkspaces.myFirstProject);\n\tvar nws1 = new Workspace(ExampleWorkspaces.myFirstCustomNode);\n\tvar newSesh = new Session({name : \"Session\", workspaces : [ nws, nws1 ]});\n\n\tnws.maintainers = [ req.user ];\n\tnws1.maintainers = [ req.user ];\n\n\tnws.save(function(errWs){\n\n\t\tif (errWs) return res.status(500).send(\"Failed to initialize user workspace\");\n\n\t\tnws1.save(function(errWs1){\n\n\t\t\tif (errWs1) return res.status(500).send(\"Failed to initialize user workspace\");\n\n\t\t\tnewSesh.save(function(errSesh){\n\n\t\t\t\tif (errSesh) return res.status(500).send(\"Failed to initialize user session\");\n\n\t\t\t\tuser.lastSession = newSesh;\n\t\t\t\tuser.workspaces = [ nws, nws1 ];\n\t\t\t\tuser.markModified(\"lastSession workspaces\");\n\n\t\t\t\tuser.save(function(err){\n\t\t\t\t\tif (err) return res.status(500).send(\"Failed to save user session\");\n\n\t\t\t\t\tSession\n\t\t\t\t\t.findById(user.lastSession )\n\t\t\t\t\t.populate('workspaces')\n\t\t\t\t\t.exec( function(err, sesh){\n\n\t\t\t\t\t\tif (err || !sesh ) return res.status(500).send(\"Failed to obtain user session\");\n\t\t\t\t\t\treturn res.send(sesh);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\n\t\t});\n\n\t});\n\n};\n\nexports.getCustomizerWorkspace = function(req, res){\n\n\tWorkspace.findById( req.params.id, function(err, ws){\n\n\t\tif (err || !ws) res.status(404).send(\"Workspace not found!\");\n\n\t\t// its a public customizable workspace\n\t\tif (ws.isCustomizer === true) return res.send( ws );\n\n\t\t// its the users workspace, so they can see it\n\t\tif (req.user && ws.maintainers.indexOf(req.user._id) != -1) return res.send( ws );\n\n\t\treturn res.status(401).send(\"This workspace is either not public or you are not authorized to access it.\")\n\n\t});\n}\n\nexports.getMySession = function(req, res) {\n\n\tvar user = req.user;\n\n\tif (!req.user) {\n\t\treturn initNonUserSession(req,res);\n\t}\n\n\tif (!user.lastSession){\n\t\treturn initUserSession(req, res);\n\t}\n\n\tSession\n\t.findById(user.lastSession )\n\t.populate('workspaces')\n\t.exec( function(err, sesh){\n\t\tif (err || !sesh || !sesh.workspaces || sesh.workspaces.length == 0 ) {\n\t\t\treturn initUserSession(req, res);\n\t\t}\n\t\tsesh.isFirstExperience = false;\n\t\treturn res.send(sesh);\n\t});\n\n};\n\nexports.putMySession = function(req, res) {\n\n\tif (!req.user) {\n\t\treturn res.status(401).send(\"You are not logged in\");\n\t}\n\n\tif (!req.body || !req.body._id) return res.status(500).send('Malformed body');\n\n var ns = req.body;\n var sid = ns._id;\n\n\t// build all of the workspace saves\n\tvar workspaceSaves = ns.workspaces.map(function(x){\n\n\t\treturn function(callback){\n\n\t\t\tWorkspace.findById(x._id, function(e, w){\n\n\t\t\t\tif (e || !w) return callback(\"Failed to find workspace\");\n\n\t\t\t\t// todo optimize this\n\t\t\t\tw.name = x.name || w.name;\n\t\t\t\tw.nodes = x.nodes || w.nodes;\n\t\t\t\tw.connections = x.connections || w.connections;\n\t\t\t\tw.currentWorkspace = x.currentWorkspace || w.currentWorkspace;\n\t\t\t\tw.selectedNodes = x.selectedNodes || w.selectedNodes;\n\t\t\t\tw.zoom = x.zoom || w.zoom;\n\t\t\t\tw.offset = x.offset || w.offset;\n\t\t\t\tw.lastSaved = Date.now();\n\t\t\t\tw.redoStack = x.redoStack || w.redoStack;\n\t\t\t\tw.undoStack = x.undoStack || w.undoStack;\n\t\t\t\tw.workspaceDependencyIds = x.workspaceDependencyIds || w.workspaceDependencyIds;\n\t\t\t\tw.isCustomNode = ( x.isCustomNode != undefined ) ? x.isCustomNode : w.isCustomNode;\n\t\t\t\tw.isEdited = true;\n\t\t\t\tw.isCustomizer = ( x.isCustomizer != undefined ) ? x.isCustomizer : w.isCustomizer;\n\n\t\t\t\tw.markModified(\"workspaceDependencyIds offset isCustomNode isCustomizer isEditor name nodes connections currentWorkspace selectedNodes zoom lastSaved undoStack redoStack\");\n\n\t\t\t\tw.save(function(se){\n\t\t\t\t\tif (se) return callback(se);\n\t\t\t\t\treturn callback();\n\t\t\t\t});\n\n\t\t\t});\n\n\t\t};\n\n\t});\n\n\tasync.waterfall(workspaceSaves, function(err) {\n\n\t\tif (err) return res.status(500).send(err);\n\n\t\t// save session\n\t\tSession.findById( sid, function(e, s) {\n\n\t\t\tif (e || !s) return res.status(500).send('Invalid session id');\n\n\t\t\ts.name = ns.name || s.name;\n\n\t\t\t// TODO: validate ids\n\t\t\ts.workspaces = ns.workspaces.map(function(x){ return x._id; });\n\t\t\ts.currentWorkspace = ns.currentWorkspace;\n\t\t\ts.isFirstExperience = false;\n\t\t\ts.lastSaved = Date.now();\n\n\t\t\ts.markModified('isFirstExperience workspaces currentWorkspace lastSave name');\n\n\t\t\ts.save(function(e){\n\t\t\t\tif (e) return res.status(500).send(\"Failed to save session\");\n\t\t\t\treturn res.send(\"Success\");\n\t\t\t});\n\n\t\t});\n\n\t});\n\n};\n\nexports.getNewWorkspace = function(req, res){\n\n\tvar user = req.user;\n\n\tif (!user) return res.status(403).send(\"Must be logged in to create a new workspace\")\n\n\tvar nws = new Workspace({name : \"New workspace\", maintainers : [ user._id ] });\n\n\tnws.save(function(e){\n\n\t\tif (e) return res.status(500).send(\"Failed to create new workspace\");\n\n\t\tuser.workspaces.push(nws);\n\t\tuser.markModified('workspaces');\n\n\t\tuser.save(function(eu){\n\n\t\t\tif (eu) return res.status(500).send(\"Failed to update user profile\");\n\t\t\treturn res.send(nws);\n\n\t\t})\n\n\t});\n\n};\n\nvar dateSort = function(a, b){\n\n\tif (a.lastSaved && !b.lastSaved){\n\t\treturn -1;\n\t}\n\n\tif (b.lastSaved && !a.lastSaved){\n\t\treturn 1;\n\t}\n\n\tif ( !b.lastSaved && !a.lastSaved )\n\t\treturn 0;\n\n\tif ( a.lastSaved > b.lastSaved )\n return -1;\n\n if ( a.lastSaved < b.lastSaved )\n return 1;\n\n return 0;\n}\n\nexports.getWorkspaces = function(req, res) {\n\n\tvar user = req.user;\n\n\tif (!user) return res.status(403).send(\"Must be logged in to list your workspaces\")\n\n\tUser.findById( user._id )\n\t\t.populate('workspaces', 'name lastSaved isPublic maintainers isEdited isCustomNode')\n\t\t.exec(function(e, u) {\n return res.send(u.workspaces );\n\t});\n\n};\n\nexports.getWorkspace = function(req, res) {\n\n var wid = req.params.id;\n\n\tWorkspace.findById( wid , function(e, ws) {\n\n\t\tif (e) {\n\t \t\treturn res.send('Workspace not found');\n\t\t}\n\n\t\treturn res.send(ws);\n\n\t});\n\n};\n\nexports.putWorkspace = function(req, res) {\n\n var wid = req.params.id;\n\tvar x = req.body;\n\n\tif (!req.user) {\n\t\treturn res.status(401).send(\"You need to be logged in to save a workspace\");\n\t}\n\n\tWorkspace.findById( wid , function(e, w) {\n\n\t\tif (e) {\n\t \t\treturn res.status(404).send('Workspace not found');\n\t\t}\n\n\t\tw.name = x.name || w.name;\n\t\tw.nodes = x.nodes || w.nodes;\n\t\tw.connections = x.connections || w.connections;\n\t\tw.currentWorkspace = x.currentWorkspace || w.currentWorkspace;\n\t\tw.selectedNodes = x.selectedNodes || w.selectedNodes;\n\t\tw.zoom = x.zoom || w.zoom;\n\t\tw.lastSaved = Date.now();\n\t\tw.redoStack = x.redoStack || w.redoStack;\n\t\tw.undoStack = x.undoStack || w.undoStack;\n\t\tw.isCustomNode = ( x.isCustomNode != undefined ) ? x.isCustomNode : w.isCustomNode;\n\t\tw.isCustomizer = ( x.isCustomizer != undefined ) ? x.isCustomizer : w.isCustomizer;\n\t\tw.workspaceDependencyIds = x.workspaceDependencyIds || w.workspaceDependencyIds;\n\t\tw.offset = x.offset || w.offset;\n\t\tw.isEdited = true;\n\n\t\tw.markModified(\"workspaceDependencyIds name isCustomNode isCustomizer nodes connections currentWorkspace selectedNodes zoom offset lastSaved undoStack redoStack isEdited\");\n\n\t\tw.save(function(se){\n\t\t\tif (se) return res.status(500).send('Could not save the workspace');\n\t\t\treturn res.status(200).send('Saved workspace');\n\t\t});\n\n\t});\n\n};\n\n" }, { "path": "server/controllers/home.js", "content": "var flood = require('../models/Workspace');\n\n/**\n * GET /\n * Home page.\n */\n\nexports.index = function(req, res) {\n res.render('home', {\n title: 'Home'\n });\n};" }, { "path": "server/controllers/user.js", "content": "var _ = require('underscore');\nvar async = require('async');\nvar crypto = require('crypto');\nvar nodemailer = require('nodemailer');\nvar passport = require('passport');\nvar User = require('../models/User');\nvar secrets = require('../config/secrets');\n\n/**\n* GET /email\n* Get user email\n*/\n\nexports.getEmail = function(req, res ){\n if (!req.user) {\n return res.send(\"Not logged in\");\n }\n return res.send({ email: req.user.email });\n}\n\n/**\n * GET /login\n * Login page.\n */\n\nexports.getLogin = function(req, res) {\n if (req.user) return res.redirect('/');\n res.render('account/login', {\n title: 'Login'\n });\n};\n\n/**\n * POST /login\n * Sign in using email and password.\n * @param email\n * @param password\n */\n\nexports.postLogin = function(req, res, next) {\n req.assert('email', 'Email is not valid').isEmail();\n req.assert('password', 'Password cannot be blank').notEmpty();\n\n var errors = req.validationErrors();\n\n if (errors) {\n // req.flash('errors', errors);\n // return res.redirect('/login');\n return res.send(errors);\n }\n\n passport.authenticate('local', function(err, user, info) {\n if (err) return next(err);\n if (!user) {\n return res.send([{ msg: info.message }]);\n }\n req.logIn(user, function(err) {\n if (err) return next(err);\n return res.send({ msg: 'Success! You are logged in.' });\n });\n })(req, res, next);\n};\n\n/**\n * GET /logout\n * Log out.\n */\n\nexports.logout = function(req, res) {\n req.logout();\n res.send({ msg: 'Success! You are logged out.' });\n};\n\n/**\n * GET /signup\n * Signup page.\n */\n\nexports.getSignup = function(req, res) {\n if (req.user) return res.redirect('/');\n res.render('account/signup', {\n title: 'Create Account'\n });\n};\n\n/**\n * POST /signup\n * Create a new local account.\n * @param email\n * @param password\n */\n\nexports.postSignup = function(req, res, next) {\n req.assert('email', 'Email is not valid').isEmail();\n req.assert('password', 'Password must be at least 4 characters long').len(4);\n req.assert('confirmPassword', 'Passwords do not match').equals(req.body.password);\n\n var errors = req.validationErrors();\n\n if (errors) {\n return res.send(errors);\n }\n\n var user = new User({\n email: req.body.email,\n password: req.body.password\n });\n\n user.save(function(err) {\n if (err) {\n if (err.code === 11000) {\n return res.send([{ msg: 'User with that email already exists.' }]);\n }\n res.status(500).send({msg: 'Unknown error on signup'});\n }\n req.logIn(user, function(err) {\n if (err) return next(err);\n return res.send({ msg: 'Successful signup' });\n });\n });\n};\n\n/**\n * GET /account\n * Profile page.\n */\n\nexports.getAccount = function(req, res) {\n res.render('account/profile', {\n title: 'Account Management'\n });\n};\n\n/**\n * POST /account/profile\n * Update profile information.\n */\n\nexports.postUpdateProfile = function(req, res, next) {\n User.findById(req.user.id, function(err, user) {\n if (err) return next(err);\n user.email = req.body.email || '';\n user.profile.name = req.body.name || '';\n user.profile.gender = req.body.gender || '';\n user.profile.location = req.body.location || '';\n user.profile.website = req.body.website || '';\n\n user.save(function(err) {\n if (err) return next(err);\n req.flash('success', { msg: 'Profile information updated.' });\n res.redirect('/account');\n });\n });\n};\n\n/**\n * POST /account/password\n * Update current password.\n * @param password\n */\n\nexports.postUpdatePassword = function(req, res, next) {\n req.assert('password', 'Password must be at least 4 characters long').len(4);\n req.assert('confirmPassword', 'Passwords do not match').equals(req.body.password);\n\n var errors = req.validationErrors();\n\n if (errors) {\n req.flash('errors', errors);\n return res.redirect('/account');\n }\n\n User.findById(req.user.id, function(err, user) {\n if (err) return next(err);\n\n user.password = req.body.password;\n\n user.save(function(err) {\n if (err) return next(err);\n req.flash('success', { msg: 'Password has been changed.' });\n res.redirect('/account');\n });\n });\n};\n\n/**\n * POST /account/delete\n * Delete user account.\n * @param id - User ObjectId\n */\n\nexports.postDeleteAccount = function(req, res, next) {\n User.remove({ _id: req.user.id }, function(err) {\n if (err) return next(err);\n req.logout();\n res.redirect('/');\n });\n};\n\n/**\n * GET /account/unlink/:provider\n * Unlink OAuth2 provider from the current user.\n * @param provider\n * @param id - User ObjectId\n */\n\nexports.getOauthUnlink = function(req, res, next) {\n var provider = req.params.provider;\n User.findById(req.user.id, function(err, user) {\n if (err) return next(err);\n\n user[provider] = undefined;\n user.tokens = _.reject(user.tokens, function(token) { return token.kind === provider; });\n\n user.save(function(err) {\n if (err) return next(err);\n req.flash('info', { msg: provider + ' account has been unlinked.' });\n res.redirect('/account');\n });\n });\n};\n\n/**\n * GET /reset/:token\n * Reset Password page.\n */\n\nexports.getReset = function(req, res) {\n if (req.isAuthenticated()) {\n return res.redirect('/');\n }\n\n User\n .findOne({ resetPasswordToken: req.params.token })\n .where('resetPasswordExpires').gt(Date.now())\n .exec(function(err, user) {\n if (!user) {\n req.flash('errors', { msg: 'Password reset token is invalid or has expired.' });\n return res.redirect('/forgot');\n }\n res.render('account/reset', {\n title: 'Password Reset'\n });\n });\n};\n\n/**\n * POST /reset/:token\n * Process the reset password request.\n */\n\nexports.postReset = function(req, res, next) {\n req.assert('password', 'Password must be at least 4 characters long.').len(4);\n req.assert('confirm', 'Passwords must match.').equals(req.body.password);\n\n var errors = req.validationErrors();\n\n if (errors) {\n req.flash('errors', errors);\n return res.redirect('back');\n }\n\n async.waterfall([\n function(done) {\n User\n .findOne({ resetPasswordToken: req.params.token })\n .where('resetPasswordExpires').gt(Date.now())\n .exec(function(err, user) {\n if (!user) {\n req.flash('errors', { msg: 'Password reset token is invalid or has expired.' });\n return res.redirect('back');\n }\n\n user.password = req.body.password;\n user.resetPasswordToken = undefined;\n user.resetPasswordExpires = undefined;\n\n user.save(function(err) {\n if (err) return next(err);\n req.logIn(user, function(err) {\n done(err, user);\n });\n });\n });\n },\n function(user, done) {\n var smtpTransport = nodemailer.createTransport('SMTP', {\n service: 'SendGrid',\n auth: {\n user: secrets.sendgrid.user,\n pass: secrets.sendgrid.password\n }\n });\n var mailOptions = {\n to: user.email,\n from: 'hackathon@starter.com',\n subject: 'Your Hackathon Starter password has been changed',\n text: 'Hello,\\n\\n' +\n 'This is a confirmation that the password for your account ' + user.email + ' has just been changed.\\n'\n };\n smtpTransport.sendMail(mailOptions, function(err) {\n req.flash('success', { msg: 'Success! Your password has been changed.' });\n done(err);\n });\n }\n ], function(err) {\n if (err) return next(err);\n res.redirect('/');\n });\n};\n\n/**\n * GET /forgot\n * Forgot Password page.\n */\n\nexports.getForgot = function(req, res) {\n if (req.isAuthenticated()) {\n return res.redirect('/');\n }\n res.render('account/forgot', {\n title: 'Forgot Password'\n });\n};\n\n/**\n * POST /forgot\n * Create a random token, then the send user an email with a reset link.\n * @param email\n */\n\nexports.postForgot = function(req, res, next) {\n req.assert('email', 'Please enter a valid email address.').isEmail();\n\n var errors = req.validationErrors();\n\n if (errors) {\n req.flash('errors', errors);\n return res.redirect('/forgot');\n }\n\n async.waterfall([\n function(done) {\n crypto.randomBytes(16, function(err, buf) {\n var token = buf.toString('hex');\n done(err, token);\n });\n },\n function(token, done) {\n User.findOne({ email: req.body.email.toLowerCase() }, function(err, user) {\n if (!user) {\n req.flash('errors', { msg: 'No account with that email address exists.' });\n return res.redirect('/forgot');\n }\n\n user.resetPasswordToken = token;\n user.resetPasswordExpires = Date.now() + 3600000; // 1 hour\n\n user.save(function(err) {\n done(err, token, user);\n });\n });\n },\n function(token, user, done) {\n var smtpTransport = nodemailer.createTransport('SMTP', {\n service: 'SendGrid',\n auth: {\n user: secrets.sendgrid.user,\n pass: secrets.sendgrid.password\n }\n });\n var mailOptions = {\n to: user.email,\n from: 'hackathon@starter.com',\n subject: 'Reset your password on Hackathon Starter',\n text: 'You are receiving this email because you (or someone else) have requested the reset of the password for your account.\\n\\n' +\n 'Please click on the following link, or paste this into your browser to complete the process:\\n\\n' +\n 'http://' + req.headers.host + '/reset/' + token + '\\n\\n' +\n 'If you did not request this, please ignore this email and your password will remain unchanged.\\n'\n };\n smtpTransport.sendMail(mailOptions, function(err) {\n req.flash('info', { msg: 'An e-mail has been sent to ' + user.email + ' with further instructions.' });\n done(err, 'done');\n });\n }\n ], function(err) {\n if (err) return next(err);\n res.redirect('/forgot');\n });\n};\n" }, { "path": "server/controllers/workspaces.js", "content": "" }, { "path": "server/models/Session.js", "content": "" }, { "path": "server/models/User.js", "content": "var mongoose = require('mongoose');\nvar bcrypt = require('bcrypt-nodejs');\nvar crypto = require('crypto');\nvar models = require('./Workspace')\n\nvar userSchema = new mongoose.Schema({\n \n email: { type: String, unique: true, lowercase: true },\n password: String,\n\n facebook: String,\n twitter: String,\n google: String,\n github: String,\n linkedin: String,\n tokens: Array,\n\n profile: {\n name: { type: String, default: '' },\n gender: { type: String, default: '' },\n location: { type: String, default: '' },\n website: { type: String, default: '' },\n picture: { type: String, default: '' }\n },\n\n resetPasswordToken: String,\n resetPasswordExpires: Date,\n\n lastSession: {type: mongoose.Schema.ObjectId, ref: 'Session' },\n workspaces: [{type: mongoose.Schema.ObjectId, ref: 'Workspace' }]\n\n});\n\n/**\n * Hash the password for security.\n * \"Pre\" is a Mongoose middleware that executes before each user.save() call.\n */\n\nuserSchema.pre('save', function(next) {\n var user = this;\n\n if (!user.isModified('password')) return next();\n\n bcrypt.genSalt(5, function(err, salt) {\n if (err) return next(err);\n\n bcrypt.hash(user.password, salt, null, function(err, hash) {\n if (err) return next(err);\n user.password = hash;\n next();\n });\n });\n});\n\n/**\n * Validate user's password.\n * Used by Passport-Local Strategy for password validation.\n */\n\nuserSchema.methods.comparePassword = function(candidatePassword, cb) {\n bcrypt.compare(candidatePassword, this.password, function(err, isMatch) {\n if (err) return cb(err);\n cb(null, isMatch);\n });\n};\n\n/**\n * Get URL to a user's gravatar.\n * Used in Navbar and Account Management page.\n */\n\nuserSchema.methods.gravatar = function(size, defaults) {\n if (!size) size = 200;\n if (!defaults) defaults = 'retro';\n\n if (!this.email) {\n return 'https://gravatar.com/avatar/?s=' + size + '&d=' + defaults;\n }\n\n var md5 = crypto.createHash('md5').update(this.email);\n return 'https://gravatar.com/avatar/' + md5.digest('hex').toString() + '?s=' + size + '&d=' + defaults;\n};\n\nmodule.exports = mongoose.model('User', userSchema);\n" }, { "path": "server/models/Workspace.js", "content": "var mongoose = require('mongoose')\n , Schema = mongoose.Schema;\n\nvar sessionSchema = new Schema({\n name: { type: String, default: '' }\n , currentWorkspace: {type: Schema.ObjectId, ref: 'Workspace' }\n , workspaces: [ {type: Schema.ObjectId, ref: 'Workspace' } ]\n , lastSaved: Date\n , isFirstExperience: { type: Boolean, default: true }\n});\n\nvar workspaceSchema = new Schema({\n name: { type: String, default: '' }\n , nodes: [ Schema.Types.Mixed ]\n , connections: [ Schema.Types.Mixed ]\n , selectedNodes: [ Schema.Types.Mixed ]\n , isPublic: { type: Boolean, default: false }\n , zoom: { type: Number, default: 1 }\n , offset: [{ type: Number }]\n , lastSaved: Date\n , maintainers: [{type: Schema.ObjectId, ref: 'User' }]\n , undoStack: [ Schema.Types.Mixed ]\n , redoStack: [ Schema.Types.Mixed ]\n , isEdited: { type: Boolean, default: false }\n , isCustomNode: { type: Boolean, default: false }\n , isCustomizer: { type: Boolean, default: false }\n , workspaceDependencyIds: [{type: Schema.ObjectId, ref: 'Workspace' }]\n});\n\nexports.SessionModel = mongoose.model('Session', sessionSchema);\nexports.WorkspaceModel = mongoose.model('Workspace', workspaceSchema);\n" }, { "path": "server/package.json", "content": "{\n \"name\": \"flood-server\",\n \"version\": \"0.0.0\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"\"\n },\n \"scripts\": {\n \"start\": \"node app.js\",\n \"test\": \"mocha\"\n },\n \"dependencies\": {\n \"async\": \"^0.7.0\",\n \"bcrypt-nodejs\": \"^0.0.3\",\n \"body-parser\": \"^1.0.1\",\n \"cheerio\": \"^0.15.0\",\n \"clockwork\": \"^0.1.1\",\n \"compression\": \"^1.0.1\",\n \"connect-assets\": \"^3.0.0-beta2\",\n \"connect-mongo\": \"^0.4.0\",\n \"cookie-parser\": \"^1.0.1\",\n \"csso\": \"^1.3.11\",\n \"csurf\": \"^1.1.0\",\n \"errorhandler\": \"^1.0.0\",\n \"express\": \"^4.0.0\",\n \"express-flash\": \"^0.0.2\",\n \"express-session\": \"^1.0.2\",\n \"express-validator\": \"^2.1.1\",\n \"fbgraph\": \"^0.2.10\",\n \"github-api\": \"^0.7.0\",\n \"jade\": \"^1.3.0\",\n \"lastfm\": \"^0.9.0\",\n \"less\": \"^1.7.0\",\n \"method-override\": \"^1.0.0\",\n \"mongoose\": \"4.0.5\",\n \"morgan\": \"^1.0.0\",\n \"node-foursquare\": \"^0.2.0\",\n \"node-linkedin\": \"^0.1.5\",\n \"nodemailer\": \"^0.6.1\",\n \"passport\": \"^0.2.0\",\n \"passport-facebook\": \"^1.0.3\",\n \"passport-github\": \"^0.1.5\",\n \"passport-google-oauth\": \"^0.1.5\",\n \"passport-linkedin-oauth2\": \"^1.1.1\",\n \"passport-local\": \"^1.0.0\",\n \"passport-oauth\": \"^1.0.0\",\n \"passport-twitter\": \"^1.0.2\",\n \"paypal-rest-sdk\": \"^0.7.0\",\n \"request\": \"^2.34.0\",\n \"static-favicon\": \"^1.0.2\",\n \"tumblr.js\": \"^0.0.4\",\n \"twilio\": \"^1.6.0\",\n \"twit\": \"^1.1.12\",\n \"uglify-js\": \"^2.4.12\",\n \"underscore\": \"^1.6.0\",\n \"validator\": \"^3.8.0\"\n },\n \"devDependencies\": {\n \"mocha\": \"^1.18.2\",\n \"chai\": \"^1.9.1\",\n \"supertest\": \"^0.10.0\"\n }\n}\n" }, { "path": "server/public/css/lib/animate.css", "content": "@charset \"UTF-8\";\n\n\n/*!\nAnimate.css - http://daneden.me/animate\nLicensed under the MIT license\n\nCopyright (c) 2013 Daniel Eden\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n}\n\n.animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n}\n\n@-webkit-keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 40% {\n -webkit-transform: translateY(-30px);\n transform: translateY(-30px);\n }\n\n 60% {\n -webkit-transform: translateY(-15px);\n transform: translateY(-15px);\n }\n}\n\n@keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n\n 40% {\n -webkit-transform: translateY(-30px);\n -ms-transform: translateY(-30px);\n transform: translateY(-30px);\n }\n\n 60% {\n -webkit-transform: translateY(-15px);\n -ms-transform: translateY(-15px);\n transform: translateY(-15px);\n }\n}\n\n.bounce {\n -webkit-animation-name: bounce;\n animation-name: bounce;\n}\n\n@-webkit-keyframes flash {\n 0%, 50%, 100% {\n opacity: 1;\n }\n\n 25%, 75% {\n opacity: 0;\n }\n}\n\n@keyframes flash {\n 0%, 50%, 100% {\n opacity: 1;\n }\n\n 25%, 75% {\n opacity: 0;\n }\n}\n\n.flash {\n -webkit-animation-name: flash;\n animation-name: flash;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1);\n }\n\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.pulse {\n -webkit-animation-name: pulse;\n animation-name: pulse;\n}\n\n@-webkit-keyframes shake {\n 0%, 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px);\n }\n\n 20%, 40%, 60%, 80% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px);\n }\n}\n\n@keyframes shake {\n 0%, 100% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translateX(-10px);\n -ms-transform: translateX(-10px);\n transform: translateX(-10px);\n }\n\n 20%, 40%, 60%, 80% {\n -webkit-transform: translateX(10px);\n -ms-transform: translateX(10px);\n transform: translateX(10px);\n }\n}\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake;\n}\n\n@-webkit-keyframes swing {\n 20% {\n -webkit-transform: rotate(15deg);\n transform: rotate(15deg);\n }\n\n 40% {\n -webkit-transform: rotate(-10deg);\n transform: rotate(-10deg);\n }\n\n 60% {\n -webkit-transform: rotate(5deg);\n transform: rotate(5deg);\n }\n\n 80% {\n -webkit-transform: rotate(-5deg);\n transform: rotate(-5deg);\n }\n\n 100% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n\n@keyframes swing {\n 20% {\n -webkit-transform: rotate(15deg);\n -ms-transform: rotate(15deg);\n transform: rotate(15deg);\n }\n\n 40% {\n -webkit-transform: rotate(-10deg);\n -ms-transform: rotate(-10deg);\n transform: rotate(-10deg);\n }\n\n 60% {\n -webkit-transform: rotate(5deg);\n -ms-transform: rotate(5deg);\n transform: rotate(5deg);\n }\n\n 80% {\n -webkit-transform: rotate(-5deg);\n -ms-transform: rotate(-5deg);\n transform: rotate(-5deg);\n }\n\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n\n.swing {\n -webkit-transform-origin: top center;\n -ms-transform-origin: top center;\n transform-origin: top center;\n -webkit-animation-name: swing;\n animation-name: swing;\n}\n\n@-webkit-keyframes tada {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 10%, 20% {\n -webkit-transform: scale(0.9) rotate(-3deg);\n transform: scale(0.9) rotate(-3deg);\n }\n\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale(1.1) rotate(3deg);\n transform: scale(1.1) rotate(3deg);\n }\n\n 40%, 60%, 80% {\n -webkit-transform: scale(1.1) rotate(-3deg);\n transform: scale(1.1) rotate(-3deg);\n }\n\n 100% {\n -webkit-transform: scale(1) rotate(0);\n transform: scale(1) rotate(0);\n }\n}\n\n@keyframes tada {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n }\n\n 10%, 20% {\n -webkit-transform: scale(0.9) rotate(-3deg);\n -ms-transform: scale(0.9) rotate(-3deg);\n transform: scale(0.9) rotate(-3deg);\n }\n\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale(1.1) rotate(3deg);\n -ms-transform: scale(1.1) rotate(3deg);\n transform: scale(1.1) rotate(3deg);\n }\n\n 40%, 60%, 80% {\n -webkit-transform: scale(1.1) rotate(-3deg);\n -ms-transform: scale(1.1) rotate(-3deg);\n transform: scale(1.1) rotate(-3deg);\n }\n\n 100% {\n -webkit-transform: scale(1) rotate(0);\n -ms-transform: scale(1) rotate(0);\n transform: scale(1) rotate(0);\n }\n}\n\n.tada {\n -webkit-animation-name: tada;\n animation-name: tada;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes wobble {\n 0% {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n }\n\n 15% {\n -webkit-transform: translateX(-25%) rotate(-5deg);\n transform: translateX(-25%) rotate(-5deg);\n }\n\n 30% {\n -webkit-transform: translateX(20%) rotate(3deg);\n transform: translateX(20%) rotate(3deg);\n }\n\n 45% {\n -webkit-transform: translateX(-15%) rotate(-3deg);\n transform: translateX(-15%) rotate(-3deg);\n }\n\n 60% {\n -webkit-transform: translateX(10%) rotate(2deg);\n transform: translateX(10%) rotate(2deg);\n }\n\n 75% {\n -webkit-transform: translateX(-5%) rotate(-1deg);\n transform: translateX(-5%) rotate(-1deg);\n }\n\n 100% {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n }\n}\n\n@keyframes wobble {\n 0% {\n -webkit-transform: translateX(0%);\n -ms-transform: translateX(0%);\n transform: translateX(0%);\n }\n\n 15% {\n -webkit-transform: translateX(-25%) rotate(-5deg);\n -ms-transform: translateX(-25%) rotate(-5deg);\n transform: translateX(-25%) rotate(-5deg);\n }\n\n 30% {\n -webkit-transform: translateX(20%) rotate(3deg);\n -ms-transform: translateX(20%) rotate(3deg);\n transform: translateX(20%) rotate(3deg);\n }\n\n 45% {\n -webkit-transform: translateX(-15%) rotate(-3deg);\n -ms-transform: translateX(-15%) rotate(-3deg);\n transform: translateX(-15%) rotate(-3deg);\n }\n\n 60% {\n -webkit-transform: translateX(10%) rotate(2deg);\n -ms-transform: translateX(10%) rotate(2deg);\n transform: translateX(10%) rotate(2deg);\n }\n\n 75% {\n -webkit-transform: translateX(-5%) rotate(-1deg);\n -ms-transform: translateX(-5%) rotate(-1deg);\n transform: translateX(-5%) rotate(-1deg);\n }\n\n 100% {\n -webkit-transform: translateX(0%);\n -ms-transform: translateX(0%);\n transform: translateX(0%);\n }\n}\n\n.wobble {\n -webkit-animation-name: wobble;\n animation-name: wobble;\n}\n\n@-webkit-keyframes bounceIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(.3);\n transform: scale(.3);\n }\n\n 50% {\n opacity: 1;\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n }\n\n 70% {\n -webkit-transform: scale(.9);\n transform: scale(.9);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes bounceIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(.3);\n -ms-transform: scale(.3);\n transform: scale(.3);\n }\n\n 50% {\n opacity: 1;\n -webkit-transform: scale(1.05);\n -ms-transform: scale(1.05);\n transform: scale(1.05);\n }\n\n 70% {\n -webkit-transform: scale(.9);\n -ms-transform: scale(.9);\n transform: scale(.9);\n }\n\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.bounceIn {\n -webkit-animation-name: bounceIn;\n animation-name: bounceIn;\n}\n\n@-webkit-keyframes bounceInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translateY(30px);\n transform: translateY(30px);\n }\n\n 80% {\n -webkit-transform: translateY(-10px);\n transform: translateY(-10px);\n }\n\n 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes bounceInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n -ms-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translateY(30px);\n -ms-transform: translateY(30px);\n transform: translateY(30px);\n }\n\n 80% {\n -webkit-transform: translateY(-10px);\n -ms-transform: translateY(-10px);\n transform: translateY(-10px);\n }\n\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n.bounceInDown {\n -webkit-animation-name: bounceInDown;\n animation-name: bounceInDown;\n}\n\n@-webkit-keyframes bounceInLeft {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translateX(30px);\n transform: translateX(30px);\n }\n\n 80% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px);\n }\n\n 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes bounceInLeft {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n -ms-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translateX(30px);\n -ms-transform: translateX(30px);\n transform: translateX(30px);\n }\n\n 80% {\n -webkit-transform: translateX(-10px);\n -ms-transform: translateX(-10px);\n transform: translateX(-10px);\n }\n\n 100% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.bounceInLeft {\n -webkit-animation-name: bounceInLeft;\n animation-name: bounceInLeft;\n}\n\n@-webkit-keyframes bounceInRight {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translateX(-30px);\n transform: translateX(-30px);\n }\n\n 80% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px);\n }\n\n 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes bounceInRight {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n -ms-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translateX(-30px);\n -ms-transform: translateX(-30px);\n transform: translateX(-30px);\n }\n\n 80% {\n -webkit-transform: translateX(10px);\n -ms-transform: translateX(10px);\n transform: translateX(10px);\n }\n\n 100% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.bounceInRight {\n -webkit-animation-name: bounceInRight;\n animation-name: bounceInRight;\n}\n\n@-webkit-keyframes bounceInUp {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(2000px);\n transform: translateY(2000px);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translateY(-30px);\n transform: translateY(-30px);\n }\n\n 80% {\n -webkit-transform: translateY(10px);\n transform: translateY(10px);\n }\n\n 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes bounceInUp {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(2000px);\n -ms-transform: translateY(2000px);\n transform: translateY(2000px);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translateY(-30px);\n -ms-transform: translateY(-30px);\n transform: translateY(-30px);\n }\n\n 80% {\n -webkit-transform: translateY(10px);\n -ms-transform: translateY(10px);\n transform: translateY(10px);\n }\n\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n.bounceInUp {\n -webkit-animation-name: bounceInUp;\n animation-name: bounceInUp;\n}\n\n@-webkit-keyframes bounceOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 25% {\n -webkit-transform: scale(.95);\n transform: scale(.95);\n }\n\n 50% {\n opacity: 1;\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: scale(.3);\n transform: scale(.3);\n }\n}\n\n@keyframes bounceOut {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n }\n\n 25% {\n -webkit-transform: scale(.95);\n -ms-transform: scale(.95);\n transform: scale(.95);\n }\n\n 50% {\n opacity: 1;\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: scale(.3);\n -ms-transform: scale(.3);\n transform: scale(.3);\n }\n}\n\n.bounceOut {\n -webkit-animation-name: bounceOut;\n animation-name: bounceOut;\n}\n\n@-webkit-keyframes bounceOutDown {\n 0% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateY(-20px);\n transform: translateY(-20px);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(2000px);\n transform: translateY(2000px);\n }\n}\n\n@keyframes bounceOutDown {\n 0% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(2000px);\n -ms-transform: translateY(2000px);\n transform: translateY(2000px);\n }\n}\n\n.bounceOutDown {\n -webkit-animation-name: bounceOutDown;\n animation-name: bounceOutDown;\n}\n\n@-webkit-keyframes bounceOutLeft {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateX(20px);\n transform: translateX(20px);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n}\n\n@keyframes bounceOutLeft {\n 0% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateX(20px);\n -ms-transform: translateX(20px);\n transform: translateX(20px);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n -ms-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n}\n\n.bounceOutLeft {\n -webkit-animation-name: bounceOutLeft;\n animation-name: bounceOutLeft;\n}\n\n@-webkit-keyframes bounceOutRight {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateX(-20px);\n transform: translateX(-20px);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n}\n\n@keyframes bounceOutRight {\n 0% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateX(-20px);\n -ms-transform: translateX(-20px);\n transform: translateX(-20px);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n -ms-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n}\n\n.bounceOutRight {\n -webkit-animation-name: bounceOutRight;\n animation-name: bounceOutRight;\n}\n\n@-webkit-keyframes bounceOutUp {\n 0% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateY(20px);\n transform: translateY(20px);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n}\n\n@keyframes bounceOutUp {\n 0% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateY(20px);\n -ms-transform: translateY(20px);\n transform: translateY(20px);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n -ms-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n}\n\n.bounceOutUp {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp;\n}\n\n@-webkit-keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.fadeIn {\n -webkit-animation-name: fadeIn;\n animation-name: fadeIn;\n}\n\n@-webkit-keyframes fadeInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-20px);\n transform: translateY(-20px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown;\n}\n\n@-webkit-keyframes fadeInDownBig {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInDownBig {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n -ms-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n.fadeInDownBig {\n -webkit-animation-name: fadeInDownBig;\n animation-name: fadeInDownBig;\n}\n\n@-webkit-keyframes fadeInLeft {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-20px);\n transform: translateX(-20px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes fadeInLeft {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-20px);\n -ms-transform: translateX(-20px);\n transform: translateX(-20px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.fadeInLeft {\n -webkit-animation-name: fadeInLeft;\n animation-name: fadeInLeft;\n}\n\n@-webkit-keyframes fadeInLeftBig {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes fadeInLeftBig {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n -ms-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.fadeInLeftBig {\n -webkit-animation-name: fadeInLeftBig;\n animation-name: fadeInLeftBig;\n}\n\n@-webkit-keyframes fadeInRight {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(20px);\n transform: translateX(20px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes fadeInRight {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(20px);\n -ms-transform: translateX(20px);\n transform: translateX(20px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.fadeInRight {\n -webkit-animation-name: fadeInRight;\n animation-name: fadeInRight;\n}\n\n@-webkit-keyframes fadeInRightBig {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes fadeInRightBig {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n -ms-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.fadeInRightBig {\n -webkit-animation-name: fadeInRightBig;\n animation-name: fadeInRightBig;\n}\n\n@-webkit-keyframes fadeInUp {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(20px);\n transform: translateY(20px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInUp {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(20px);\n -ms-transform: translateY(20px);\n transform: translateY(20px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n.fadeInUp {\n -webkit-animation-name: fadeInUp;\n animation-name: fadeInUp;\n}\n\n@-webkit-keyframes fadeInUpBig {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(2000px);\n transform: translateY(2000px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInUpBig {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(2000px);\n -ms-transform: translateY(2000px);\n transform: translateY(2000px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n.fadeInUpBig {\n -webkit-animation-name: fadeInUpBig;\n animation-name: fadeInUpBig;\n}\n\n@-webkit-keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut;\n}\n\n@-webkit-keyframes fadeOutDown {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(20px);\n transform: translateY(20px);\n }\n}\n\n@keyframes fadeOutDown {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(20px);\n -ms-transform: translateY(20px);\n transform: translateY(20px);\n }\n}\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown;\n}\n\n@-webkit-keyframes fadeOutDownBig {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(2000px);\n transform: translateY(2000px);\n }\n}\n\n@keyframes fadeOutDownBig {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(2000px);\n -ms-transform: translateY(2000px);\n transform: translateY(2000px);\n }\n}\n\n.fadeOutDownBig {\n -webkit-animation-name: fadeOutDownBig;\n animation-name: fadeOutDownBig;\n}\n\n@-webkit-keyframes fadeOutLeft {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(-20px);\n transform: translateX(-20px);\n }\n}\n\n@keyframes fadeOutLeft {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(-20px);\n -ms-transform: translateX(-20px);\n transform: translateX(-20px);\n }\n}\n\n.fadeOutLeft {\n -webkit-animation-name: fadeOutLeft;\n animation-name: fadeOutLeft;\n}\n\n@-webkit-keyframes fadeOutLeftBig {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n}\n\n@keyframes fadeOutLeftBig {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n -ms-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n}\n\n.fadeOutLeftBig {\n -webkit-animation-name: fadeOutLeftBig;\n animation-name: fadeOutLeftBig;\n}\n\n@-webkit-keyframes fadeOutRight {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(20px);\n transform: translateX(20px);\n }\n}\n\n@keyframes fadeOutRight {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(20px);\n -ms-transform: translateX(20px);\n transform: translateX(20px);\n }\n}\n\n.fadeOutRight {\n -webkit-animation-name: fadeOutRight;\n animation-name: fadeOutRight;\n}\n\n@-webkit-keyframes fadeOutRightBig {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n}\n\n@keyframes fadeOutRightBig {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n -ms-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n}\n\n.fadeOutRightBig {\n -webkit-animation-name: fadeOutRightBig;\n animation-name: fadeOutRightBig;\n}\n\n@-webkit-keyframes fadeOutUp {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-20px);\n transform: translateY(-20px);\n }\n}\n\n@keyframes fadeOutUp {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n }\n}\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp;\n}\n\n@-webkit-keyframes fadeOutUpBig {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n}\n\n@keyframes fadeOutUpBig {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n -ms-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n}\n\n.fadeOutUpBig {\n -webkit-animation-name: fadeOutUpBig;\n animation-name: fadeOutUpBig;\n}\n\n@-webkit-keyframes flip {\n 0% {\n -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);\n transform: perspective(400px) translateZ(0) rotateY(0) scale(1);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 40% {\n -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\n transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 50% {\n -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\n transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 80% {\n -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\n transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 100% {\n -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\n transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n}\n\n@keyframes flip {\n 0% {\n -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);\n -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);\n transform: perspective(400px) translateZ(0) rotateY(0) scale(1);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 40% {\n -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\n -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\n transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 50% {\n -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\n -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\n transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 80% {\n -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\n -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\n transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 100% {\n -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\n -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\n transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n}\n\n.animated.flip {\n -webkit-backface-visibility: visible;\n -ms-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-animation-name: flip;\n animation-name: flip;\n}\n\n@-webkit-keyframes flipInX {\n 0% {\n -webkit-transform: perspective(400px) rotateX(90deg);\n transform: perspective(400px) rotateX(90deg);\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotateX(-10deg);\n transform: perspective(400px) rotateX(-10deg);\n }\n\n 70% {\n -webkit-transform: perspective(400px) rotateX(10deg);\n transform: perspective(400px) rotateX(10deg);\n }\n\n 100% {\n -webkit-transform: perspective(400px) rotateX(0deg);\n transform: perspective(400px) rotateX(0deg);\n opacity: 1;\n }\n}\n\n@keyframes flipInX {\n 0% {\n -webkit-transform: perspective(400px) rotateX(90deg);\n -ms-transform: perspective(400px) rotateX(90deg);\n transform: perspective(400px) rotateX(90deg);\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotateX(-10deg);\n -ms-transform: perspective(400px) rotateX(-10deg);\n transform: perspective(400px) rotateX(-10deg);\n }\n\n 70% {\n -webkit-transform: perspective(400px) rotateX(10deg);\n -ms-transform: perspective(400px) rotateX(10deg);\n transform: perspective(400px) rotateX(10deg);\n }\n\n 100% {\n -webkit-transform: perspective(400px) rotateX(0deg);\n -ms-transform: perspective(400px) rotateX(0deg);\n transform: perspective(400px) rotateX(0deg);\n opacity: 1;\n }\n}\n\n.flipInX {\n -webkit-backface-visibility: visible !important;\n -ms-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInX;\n animation-name: flipInX;\n}\n\n@-webkit-keyframes flipInY {\n 0% {\n -webkit-transform: perspective(400px) rotateY(90deg);\n transform: perspective(400px) rotateY(90deg);\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotateY(-10deg);\n transform: perspective(400px) rotateY(-10deg);\n }\n\n 70% {\n -webkit-transform: perspective(400px) rotateY(10deg);\n transform: perspective(400px) rotateY(10deg);\n }\n\n 100% {\n -webkit-transform: perspective(400px) rotateY(0deg);\n transform: perspective(400px) rotateY(0deg);\n opacity: 1;\n }\n}\n\n@keyframes flipInY {\n 0% {\n -webkit-transform: perspective(400px) rotateY(90deg);\n -ms-transform: perspective(400px) rotateY(90deg);\n transform: perspective(400px) rotateY(90deg);\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotateY(-10deg);\n -ms-transform: perspective(400px) rotateY(-10deg);\n transform: perspective(400px) rotateY(-10deg);\n }\n\n 70% {\n -webkit-transform: perspective(400px) rotateY(10deg);\n -ms-transform: perspective(400px) rotateY(10deg);\n transform: perspective(400px) rotateY(10deg);\n }\n\n 100% {\n -webkit-transform: perspective(400px) rotateY(0deg);\n -ms-transform: perspective(400px) rotateY(0deg);\n transform: perspective(400px) rotateY(0deg);\n opacity: 1;\n }\n}\n\n.flipInY {\n -webkit-backface-visibility: visible !important;\n -ms-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInY;\n animation-name: flipInY;\n}\n\n@-webkit-keyframes flipOutX {\n 0% {\n -webkit-transform: perspective(400px) rotateX(0deg);\n transform: perspective(400px) rotateX(0deg);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform: perspective(400px) rotateX(90deg);\n transform: perspective(400px) rotateX(90deg);\n opacity: 0;\n }\n}\n\n@keyframes flipOutX {\n 0% {\n -webkit-transform: perspective(400px) rotateX(0deg);\n -ms-transform: perspective(400px) rotateX(0deg);\n transform: perspective(400px) rotateX(0deg);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform: perspective(400px) rotateX(90deg);\n -ms-transform: perspective(400px) rotateX(90deg);\n transform: perspective(400px) rotateX(90deg);\n opacity: 0;\n }\n}\n\n.flipOutX {\n -webkit-animation-name: flipOutX;\n animation-name: flipOutX;\n -webkit-backface-visibility: visible !important;\n -ms-backface-visibility: visible !important;\n backface-visibility: visible !important;\n}\n\n@-webkit-keyframes flipOutY {\n 0% {\n -webkit-transform: perspective(400px) rotateY(0deg);\n transform: perspective(400px) rotateY(0deg);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform: perspective(400px) rotateY(90deg);\n transform: perspective(400px) rotateY(90deg);\n opacity: 0;\n }\n}\n\n@keyframes flipOutY {\n 0% {\n -webkit-transform: perspective(400px) rotateY(0deg);\n -ms-transform: perspective(400px) rotateY(0deg);\n transform: perspective(400px) rotateY(0deg);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform: perspective(400px) rotateY(90deg);\n -ms-transform: perspective(400px) rotateY(90deg);\n transform: perspective(400px) rotateY(90deg);\n opacity: 0;\n }\n}\n\n.flipOutY {\n -webkit-backface-visibility: visible !important;\n -ms-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipOutY;\n animation-name: flipOutY;\n}\n\n@-webkit-keyframes lightSpeedIn {\n 0% {\n -webkit-transform: translateX(100%) skewX(-30deg);\n transform: translateX(100%) skewX(-30deg);\n opacity: 0;\n }\n\n 60% {\n -webkit-transform: translateX(-20%) skewX(30deg);\n transform: translateX(-20%) skewX(30deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: translateX(0%) skewX(-15deg);\n transform: translateX(0%) skewX(-15deg);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform: translateX(0%) skewX(0deg);\n transform: translateX(0%) skewX(0deg);\n opacity: 1;\n }\n}\n\n@keyframes lightSpeedIn {\n 0% {\n -webkit-transform: translateX(100%) skewX(-30deg);\n -ms-transform: translateX(100%) skewX(-30deg);\n transform: translateX(100%) skewX(-30deg);\n opacity: 0;\n }\n\n 60% {\n -webkit-transform: translateX(-20%) skewX(30deg);\n -ms-transform: translateX(-20%) skewX(30deg);\n transform: translateX(-20%) skewX(30deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: translateX(0%) skewX(-15deg);\n -ms-transform: translateX(0%) skewX(-15deg);\n transform: translateX(0%) skewX(-15deg);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform: translateX(0%) skewX(0deg);\n -ms-transform: translateX(0%) skewX(0deg);\n transform: translateX(0%) skewX(0deg);\n opacity: 1;\n }\n}\n\n.lightSpeedIn {\n -webkit-animation-name: lightSpeedIn;\n animation-name: lightSpeedIn;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n\n@-webkit-keyframes lightSpeedOut {\n 0% {\n -webkit-transform: translateX(0%) skewX(0deg);\n transform: translateX(0%) skewX(0deg);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform: translateX(100%) skewX(-30deg);\n transform: translateX(100%) skewX(-30deg);\n opacity: 0;\n }\n}\n\n@keyframes lightSpeedOut {\n 0% {\n -webkit-transform: translateX(0%) skewX(0deg);\n -ms-transform: translateX(0%) skewX(0deg);\n transform: translateX(0%) skewX(0deg);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform: translateX(100%) skewX(-30deg);\n -ms-transform: translateX(100%) skewX(-30deg);\n transform: translateX(100%) skewX(-30deg);\n opacity: 0;\n }\n}\n\n.lightSpeedOut {\n -webkit-animation-name: lightSpeedOut;\n animation-name: lightSpeedOut;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n}\n\n@-webkit-keyframes rotateIn {\n 0% {\n -webkit-transform-origin: center center;\n transform-origin: center center;\n -webkit-transform: rotate(-200deg);\n transform: rotate(-200deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: center center;\n transform-origin: center center;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n@keyframes rotateIn {\n 0% {\n -webkit-transform-origin: center center;\n -ms-transform-origin: center center;\n transform-origin: center center;\n -webkit-transform: rotate(-200deg);\n -ms-transform: rotate(-200deg);\n transform: rotate(-200deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: center center;\n -ms-transform-origin: center center;\n transform-origin: center center;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n.rotateIn {\n -webkit-animation-name: rotateIn;\n animation-name: rotateIn;\n}\n\n@-webkit-keyframes rotateInDownLeft {\n 0% {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n@keyframes rotateInDownLeft {\n 0% {\n -webkit-transform-origin: left bottom;\n -ms-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n transform: rotate(-90deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: left bottom;\n -ms-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n.rotateInDownLeft {\n -webkit-animation-name: rotateInDownLeft;\n animation-name: rotateInDownLeft;\n}\n\n@-webkit-keyframes rotateInDownRight {\n 0% {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n@keyframes rotateInDownRight {\n 0% {\n -webkit-transform-origin: right bottom;\n -ms-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: right bottom;\n -ms-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n.rotateInDownRight {\n -webkit-animation-name: rotateInDownRight;\n animation-name: rotateInDownRight;\n}\n\n@-webkit-keyframes rotateInUpLeft {\n 0% {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n@keyframes rotateInUpLeft {\n 0% {\n -webkit-transform-origin: left bottom;\n -ms-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: left bottom;\n -ms-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n.rotateInUpLeft {\n -webkit-animation-name: rotateInUpLeft;\n animation-name: rotateInUpLeft;\n}\n\n@-webkit-keyframes rotateInUpRight {\n 0% {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n@keyframes rotateInUpRight {\n 0% {\n -webkit-transform-origin: right bottom;\n -ms-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n transform: rotate(-90deg);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform-origin: right bottom;\n -ms-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n.rotateInUpRight {\n -webkit-animation-name: rotateInUpRight;\n animation-name: rotateInUpRight;\n}\n\n@-webkit-keyframes rotateOut {\n 0% {\n -webkit-transform-origin: center center;\n transform-origin: center center;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform-origin: center center;\n transform-origin: center center;\n -webkit-transform: rotate(200deg);\n transform: rotate(200deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOut {\n 0% {\n -webkit-transform-origin: center center;\n -ms-transform-origin: center center;\n transform-origin: center center;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform-origin: center center;\n -ms-transform-origin: center center;\n transform-origin: center center;\n -webkit-transform: rotate(200deg);\n -ms-transform: rotate(200deg);\n transform: rotate(200deg);\n opacity: 0;\n }\n}\n\n.rotateOut {\n -webkit-animation-name: rotateOut;\n animation-name: rotateOut;\n}\n\n@-webkit-keyframes rotateOutDownLeft {\n 0% {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutDownLeft {\n 0% {\n -webkit-transform-origin: left bottom;\n -ms-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform-origin: left bottom;\n -ms-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n opacity: 0;\n }\n}\n\n.rotateOutDownLeft {\n -webkit-animation-name: rotateOutDownLeft;\n animation-name: rotateOutDownLeft;\n}\n\n@-webkit-keyframes rotateOutDownRight {\n 0% {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutDownRight {\n 0% {\n -webkit-transform-origin: right bottom;\n -ms-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform-origin: right bottom;\n -ms-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n transform: rotate(-90deg);\n opacity: 0;\n }\n}\n\n.rotateOutDownRight {\n -webkit-animation-name: rotateOutDownRight;\n animation-name: rotateOutDownRight;\n}\n\n@-webkit-keyframes rotateOutUpLeft {\n 0% {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -transform-origin: left bottom;\n -transform: rotate(-90deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutUpLeft {\n 0% {\n -webkit-transform-origin: left bottom;\n -ms-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -transform-origin: left bottom;\n -transform: rotate(-90deg);\n opacity: 0;\n }\n}\n\n.rotateOutUpLeft {\n -webkit-animation-name: rotateOutUpLeft;\n animation-name: rotateOutUpLeft;\n}\n\n@-webkit-keyframes rotateOutUpRight {\n 0% {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutUpRight {\n 0% {\n -webkit-transform-origin: right bottom;\n -ms-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n\n 100% {\n -webkit-transform-origin: right bottom;\n -ms-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n opacity: 0;\n }\n}\n\n.rotateOutUpRight {\n -webkit-animation-name: rotateOutUpRight;\n animation-name: rotateOutUpRight;\n}\n\n@-webkit-keyframes slideInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n\n 100% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes slideInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n -ms-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n.slideInDown {\n -webkit-animation-name: slideInDown;\n animation-name: slideInDown;\n}\n\n@-webkit-keyframes slideInLeft {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n\n 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes slideInLeft {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n -ms-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n\n 100% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.slideInLeft {\n -webkit-animation-name: slideInLeft;\n animation-name: slideInLeft;\n}\n\n@-webkit-keyframes slideInRight {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n\n 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes slideInRight {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n -ms-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n\n 100% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.slideInRight {\n -webkit-animation-name: slideInRight;\n animation-name: slideInRight;\n}\n\n@-webkit-keyframes slideOutLeft {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n}\n\n@keyframes slideOutLeft {\n 0% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(-2000px);\n -ms-transform: translateX(-2000px);\n transform: translateX(-2000px);\n }\n}\n\n.slideOutLeft {\n -webkit-animation-name: slideOutLeft;\n animation-name: slideOutLeft;\n}\n\n@-webkit-keyframes slideOutRight {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n}\n\n@keyframes slideOutRight {\n 0% {\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(2000px);\n -ms-transform: translateX(2000px);\n transform: translateX(2000px);\n }\n}\n\n.slideOutRight {\n -webkit-animation-name: slideOutRight;\n animation-name: slideOutRight;\n}\n\n@-webkit-keyframes slideOutUp {\n 0% {\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n}\n\n@keyframes slideOutUp {\n 0% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-2000px);\n -ms-transform: translateY(-2000px);\n transform: translateY(-2000px);\n }\n}\n\n.slideOutUp {\n -webkit-animation-name: slideOutUp;\n animation-name: slideOutUp;\n}\n\n@-webkit-keyframes hinge {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 20%, 60% {\n -webkit-transform: rotate(80deg);\n transform: rotate(80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 40% {\n -webkit-transform: rotate(60deg);\n transform: rotate(60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 80% {\n -webkit-transform: rotate(60deg) translateY(0);\n transform: rotate(60deg) translateY(0);\n opacity: 1;\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 100% {\n -webkit-transform: translateY(700px);\n transform: translateY(700px);\n opacity: 0;\n }\n}\n\n@keyframes hinge {\n 0% {\n -webkit-transform: rotate(0);\n -ms-transform: rotate(0);\n transform: rotate(0);\n -webkit-transform-origin: top left;\n -ms-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 20%, 60% {\n -webkit-transform: rotate(80deg);\n -ms-transform: rotate(80deg);\n transform: rotate(80deg);\n -webkit-transform-origin: top left;\n -ms-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 40% {\n -webkit-transform: rotate(60deg);\n -ms-transform: rotate(60deg);\n transform: rotate(60deg);\n -webkit-transform-origin: top left;\n -ms-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 80% {\n -webkit-transform: rotate(60deg) translateY(0);\n -ms-transform: rotate(60deg) translateY(0);\n transform: rotate(60deg) translateY(0);\n opacity: 1;\n -webkit-transform-origin: top left;\n -ms-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 100% {\n -webkit-transform: translateY(700px);\n -ms-transform: translateY(700px);\n transform: translateY(700px);\n opacity: 0;\n }\n}\n\n.hinge {\n -webkit-animation-name: hinge;\n animation-name: hinge;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes rollIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-100%) rotate(-120deg);\n transform: translateX(-100%) rotate(-120deg);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px) rotate(0deg);\n transform: translateX(0px) rotate(0deg);\n }\n}\n\n@keyframes rollIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-100%) rotate(-120deg);\n -ms-transform: translateX(-100%) rotate(-120deg);\n transform: translateX(-100%) rotate(-120deg);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px) rotate(0deg);\n -ms-transform: translateX(0px) rotate(0deg);\n transform: translateX(0px) rotate(0deg);\n }\n}\n\n.rollIn {\n -webkit-animation-name: rollIn;\n animation-name: rollIn;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes rollOut {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0px) rotate(0deg);\n transform: translateX(0px) rotate(0deg);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(100%) rotate(120deg);\n transform: translateX(100%) rotate(120deg);\n }\n}\n\n@keyframes rollOut {\n 0% {\n opacity: 1;\n -webkit-transform: translateX(0px) rotate(0deg);\n -ms-transform: translateX(0px) rotate(0deg);\n transform: translateX(0px) rotate(0deg);\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateX(100%) rotate(120deg);\n -ms-transform: translateX(100%) rotate(120deg);\n transform: translateX(100%) rotate(120deg);\n }\n}\n\n.rollOut {\n -webkit-animation-name: rollOut;\n animation-name: rollOut;\n}" }, { "path": "server/public/css/lib/bootstrap/alerts.less", "content": "//\n// Alerts\n// --------------------------------------------------\n\n\n// Base styles\n// -------------------------\n\n.alert {\n padding: @alert-padding;\n margin-bottom: @line-height-computed;\n border: 1px solid transparent;\n border-radius: @alert-border-radius;\n\n // Headings for larger alerts\n h4 {\n margin-top: 0;\n // Specified for the h4 to prevent conflicts of changing @headings-color\n color: inherit;\n }\n // Provide class for links that match alerts\n .alert-link {\n font-weight: @alert-link-font-weight;\n }\n\n // Improve alignment and spacing of inner content\n > p,\n > ul {\n margin-bottom: 0;\n }\n > p + p {\n margin-top: 5px;\n }\n}\n\n// Dismissable alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissable {\n padding-right: (@alert-padding + 20);\n\n // Adjust close link position\n .close {\n position: relative;\n top: -2px;\n right: -21px;\n color: inherit;\n }\n}\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n.alert-success {\n .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);\n}\n.alert-info {\n .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);\n}\n.alert-warning {\n .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);\n}\n.alert-danger {\n .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);\n}\n" }, { "path": "server/public/css/lib/bootstrap/badges.less", "content": "//\n// Badges\n// --------------------------------------------------\n\n\n// Base classes\n.badge {\n display: inline-block;\n min-width: 10px;\n padding: 3px 7px;\n font-size: @font-size-small;\n font-weight: @badge-font-weight;\n color: @badge-color;\n line-height: @badge-line-height;\n vertical-align: baseline;\n white-space: nowrap;\n text-align: center;\n background-color: @badge-bg;\n border-radius: @badge-border-radius;\n\n // Empty badges collapse automatically (not available in IE8)\n &:empty {\n display: none;\n }\n\n // Quick fix for badges in buttons\n .btn & {\n position: relative;\n top: -1px;\n }\n .btn-xs & {\n top: 0;\n padding: 1px 5px;\n }\n}\n\n// Hover state, but only for links\na.badge {\n &:hover,\n &:focus {\n color: @badge-link-hover-color;\n text-decoration: none;\n cursor: pointer;\n }\n}\n\n// Account for counters in navs\na.list-group-item.active > .badge,\n.nav-pills > .active > a > .badge {\n color: @badge-active-color;\n background-color: @badge-active-bg;\n}\n.nav-pills > li > a > .badge {\n margin-left: 3px;\n}\n" }, { "path": "server/public/css/lib/bootstrap/bootstrap.less", "content": "// Core variables and mixins\n@import \"variables.less\";\n@import \"mixins.less\";\n\n// Reset\n@import \"normalize.less\";\n@import \"print.less\";\n\n// Core CSS\n@import \"scaffolding.less\";\n@import \"type.less\";\n@import \"code.less\";\n@import \"grid.less\";\n@import \"tables.less\";\n@import \"forms.less\";\n@import \"buttons.less\";\n\n// Components\n@import \"component-animations.less\";\n@import \"glyphicons.less\";\n@import \"dropdowns.less\";\n@import \"button-groups.less\";\n@import \"input-groups.less\";\n@import \"navs.less\";\n@import \"navbar.less\";\n@import \"breadcrumbs.less\";\n@import \"pagination.less\";\n@import \"pager.less\";\n@import \"labels.less\";\n@import \"badges.less\";\n@import \"jumbotron.less\";\n@import \"thumbnails.less\";\n@import \"alerts.less\";\n@import \"progress-bars.less\";\n@import \"media.less\";\n@import \"list-group.less\";\n@import \"panels.less\";\n@import \"wells.less\";\n@import \"close.less\";\n\n// Components w/ JavaScript\n@import \"modals.less\";\n@import \"tooltip.less\";\n@import \"popovers.less\";\n@import \"carousel.less\";\n\n// Utility classes\n@import \"utilities.less\";\n@import \"responsive-utilities.less\";\n" }, { "path": "server/public/css/lib/bootstrap/breadcrumbs.less", "content": "//\n// Breadcrumbs\n// --------------------------------------------------\n\n\n.breadcrumb {\n padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;\n margin-bottom: @line-height-computed;\n list-style: none;\n background-color: @breadcrumb-bg;\n border-radius: @border-radius-base;\n\n > li {\n display: inline-block;\n\n + li:before {\n content: \"@{breadcrumb-separator}\\00a0\"; // Unicode space added since inline-block means non-collapsing white-space\n padding: 0 5px;\n color: @breadcrumb-color;\n }\n }\n\n > .active {\n color: @breadcrumb-active-color;\n }\n}\n" }, { "path": "server/public/css/lib/bootstrap/button-groups.less", "content": "//\n// Button groups\n// --------------------------------------------------\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-block;\n vertical-align: middle; // match .btn alignment given font-size hack above\n > .btn {\n position: relative;\n float: left;\n // Bring the \"active\" button to the front\n &:hover,\n &:focus,\n &:active,\n &.active {\n z-index: 2;\n }\n &:focus {\n // Remove focus outline when dropdown JS adds it after closing the menu\n outline: none;\n }\n }\n}\n\n// Prevent double borders when buttons are next to each other\n.btn-group {\n .btn + .btn,\n .btn + .btn-group,\n .btn-group + .btn,\n .btn-group + .btn-group {\n margin-left: -1px;\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n margin-left: -5px; // Offset the first child's margin\n &:extend(.clearfix all)\n;\n\n .btn-group,\n .input-group {\n float: left;\n }\n > .btn,\n > .btn-group,\n > .input-group {\n margin-left: 5px;\n }\n}\n\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {\n border-radius: 0;\n}\n\n// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match\n.btn-group > .btn:first-child {\n margin-left: 0;\n &:not(:last-child):not(.dropdown-toggle) {\n .border-right-radius(0);\n }\n}\n\n// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child) {\n .border-left-radius(0);\n}\n\n// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)\n.btn-group > .btn-group {\n float: left;\n}\n\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n\n.btn-group > .btn-group:first-child {\n > .btn:last-child,\n > .dropdown-toggle {\n .border-right-radius(0);\n }\n}\n\n.btn-group > .btn-group:last-child > .btn:first-child {\n .border-left-radius(0);\n}\n\n// On active and open, don't show outline\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n outline: 0;\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-xs > .btn {\n &:extend(.btn-xs)\n;\n}\n\n.btn-group-sm > .btn {\n &:extend(.btn-sm)\n;\n}\n\n.btn-group-lg > .btn {\n &:extend(.btn-lg)\n;\n}\n\n// Split button dropdowns\n// ----------------------\n\n// Give the line between buttons some depth\n.btn-group > .btn + .dropdown-toggle {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.btn-group > .btn-lg + .dropdown-toggle {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n// The clickable button for toggling the menu\n// Remove the gradient and set the same inset shadow as the :active state\n.btn-group.open .dropdown-toggle {\n .box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));\n\n // Show no shadow for `.btn-link` since it has no other button styles.\n &.btn-link {\n .box-shadow(none);\n }\n}\n\n// Reposition the caret\n.btn .caret {\n margin-left: 0;\n}\n\n// Carets in other button sizes\n.btn-lg .caret {\n border-width: @caret-width-large @caret-width-large 0;\n border-bottom-width: 0;\n}\n\n// Upside down carets for .dropup\n.dropup .btn-lg .caret {\n border-width: 0 @caret-width-large @caret-width-large;\n}\n\n// Vertical button groups\n// ----------------------\n\n.btn-group-vertical {\n > .btn,\n > .btn-group,\n > .btn-group > .btn {\n display: block;\n float: none;\n width: 100%;\n max-width: 100%;\n }\n\n // Clear floats so dropdown menus can be properly placed\n > .btn-group {\n &:extend(.clearfix all)\n ;\n > .btn {\n float: none;\n }\n }\n\n > .btn + .btn,\n > .btn + .btn-group,\n > .btn-group + .btn,\n > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0;\n }\n}\n\n.btn-group-vertical > .btn {\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n &:first-child:not(:last-child) {\n border-top-right-radius: @border-radius-base;\n .border-bottom-radius(0);\n }\n &:last-child:not(:first-child) {\n border-bottom-left-radius: @border-radius-base;\n .border-top-radius(0);\n }\n}\n\n.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n\n.btn-group-vertical > .btn-group:first-child:not(:last-child) {\n > .btn:last-child,\n > .dropdown-toggle {\n .border-bottom-radius(0);\n }\n}\n\n.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {\n .border-top-radius(0);\n}\n\n// Justified button groups\n// ----------------------\n\n.btn-group-justified {\n display: table;\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n > .btn,\n > .btn-group {\n float: none;\n display: table-cell;\n width: 1%;\n }\n > .btn-group .btn {\n width: 100%;\n }\n}\n\n// Checkbox and radio options\n[data-toggle=\"buttons\"] > .btn > input[type=\"radio\"],\n[data-toggle=\"buttons\"] > .btn > input[type=\"checkbox\"] {\n display: none;\n}\n" }, { "path": "server/public/css/lib/bootstrap/buttons.less", "content": "//\n// Buttons\n// --------------------------------------------------\n\n// Base styles\n// --------------------------------------------------\n\n.btn {\n display: inline-block;\n margin-bottom: 0; // For input.btn\n font-weight: @btn-font-weight;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid transparent;\n white-space: nowrap;\n .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);\n .user-select(none);\n\n &,\n &:active,\n &.active {\n &:focus {\n .tab-focus();\n }\n }\n\n &:hover,\n &:focus {\n color: @btn-default-color;\n text-decoration: none;\n }\n\n &:active,\n &.active {\n outline: 0;\n background-image: none;\n .box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));\n }\n\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n pointer-events: none; // Future-proof disabling of clicks\n .opacity(.65);\n .box-shadow(none);\n }\n}\n\n// Alternate buttons\n// --------------------------------------------------\n\n.btn-default {\n .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);\n}\n\n.btn-primary {\n .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);\n}\n\n// Success appears as green\n.btn-success {\n .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);\n}\n\n// Info appears as blue-green\n.btn-info {\n .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);\n}\n\n// Warning appears as orange\n.btn-warning {\n .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);\n}\n\n// Danger and error appear as red\n.btn-danger {\n .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);\n}\n\n// Link buttons\n// -------------------------\n\n// Make a button look and behave like a link\n.btn-link {\n color: @link-color;\n font-weight: normal;\n cursor: pointer;\n border-radius: 0;\n\n &,\n &:active,\n &[disabled],\n fieldset[disabled] & {\n background-color: transparent;\n .box-shadow(none);\n }\n &,\n &:hover,\n &:focus,\n &:active {\n border-color: transparent;\n }\n &:hover,\n &:focus {\n color: @link-hover-color;\n text-decoration: underline;\n background-color: transparent;\n }\n &[disabled],\n fieldset[disabled] & {\n &:hover,\n &:focus {\n color: @btn-link-disabled-color;\n text-decoration: none;\n }\n }\n}\n\n// Button Sizes\n// --------------------------------------------------\n\n.btn-lg {\n // line-height: ensure even-numbered height of button next to large input\n .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);\n}\n\n.btn-sm {\n // line-height: ensure proper height of button next to small input\n .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);\n}\n\n.btn-xs {\n .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small);\n}\n\n// Block button\n// --------------------------------------------------\n\n.btn-block {\n display: block;\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n}\n\n// Vertically space out multiple block buttons\n.btn-block + .btn-block {\n margin-top: 5px;\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.btn-block {\n width: 100%;\n }\n}\n" }, { "path": "server/public/css/lib/bootstrap/carousel.less", "content": "//\n// Carousel\n// --------------------------------------------------\n\n// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n > .item {\n display: none;\n position: relative;\n .transition(.6s ease-in-out left);\n\n // Account for jankitude on images\n > img,\n > a > img {\n &:extend(.img-responsive)\n ;\n line-height: 1;\n }\n }\n\n > .active,\n > .next,\n > .prev {\n display: block;\n }\n\n > .active {\n left: 0;\n }\n\n > .next,\n > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n > .next {\n left: 100%;\n }\n > .prev {\n left: -100%;\n }\n > .next.left,\n > .prev.right {\n left: 0;\n }\n\n > .active.left {\n left: -100%;\n }\n > .active.right {\n left: 100%;\n }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: @carousel-control-width;\n .opacity(@carousel-control-opacity);\n font-size: @carousel-control-font-size;\n color: @carousel-control-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n // We can't have this transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Set gradients for backgrounds\n &.left {\n #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));\n }\n &.right {\n left: auto;\n right: 0;\n #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));\n }\n\n // Hover/focus state\n &:hover,\n &:focus {\n outline: none;\n color: @carousel-control-color;\n text-decoration: none;\n .opacity(.9);\n }\n\n // Toggles\n .icon-prev,\n .icon-next,\n .glyphicon-chevron-left,\n .glyphicon-chevron-right {\n position: absolute;\n top: 50%;\n z-index: 5;\n display: inline-block;\n }\n .icon-prev,\n .glyphicon-chevron-left {\n left: 50%;\n }\n .icon-next,\n .glyphicon-chevron-right {\n right: 50%;\n }\n .icon-prev,\n .icon-next {\n width: 20px;\n height: 20px;\n margin-top: -10px;\n margin-left: -10px;\n font-family: serif;\n }\n\n .icon-prev {\n &:before {\n content: '\\2039'; // SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n }\n }\n .icon-next {\n &:before {\n content: '\\203a'; // SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n }\n }\n}\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n margin-left: -30%;\n padding-left: 0;\n list-style: none;\n text-align: center;\n\n li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n border: 1px solid @carousel-indicator-border-color;\n border-radius: 10px;\n cursor: pointer;\n\n // IE8-9 hack for event handling\n //\n // Internet Explorer 8-9 does not support clicks on elements without a set\n // `background-color`. We cannot use `filter` since that's not viewed as a\n // background color by the browser. Thus, a hack is needed.\n //\n // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n // set alpha transparency for the best results possible.\n background-color: #000 \\9; // IE8\n background-color: rgba(0, 0, 0, 0); // IE9\n }\n .active {\n margin: 0;\n width: 12px;\n height: 12px;\n background-color: @carousel-indicator-active-bg;\n }\n}\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption {\n position: absolute;\n left: 15%;\n right: 15%;\n bottom: 20px;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: @carousel-caption-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n & .btn {\n text-shadow: none; // No shadow for button elements in carousel-caption\n }\n}\n\n// Scale up controls for tablets and up\n@media screen and (min-width: @screen-sm-min) {\n\n // Scale up the controls a smidge\n .carousel-control {\n .glyphicon-chevron-left,\n .glyphicon-chevron-right,\n .icon-prev,\n .icon-next {\n width: 30px;\n height: 30px;\n margin-top: -15px;\n margin-left: -15px;\n font-size: 30px;\n }\n }\n\n // Show and left align the captions\n .carousel-caption {\n left: 20%;\n right: 20%;\n padding-bottom: 30px;\n }\n\n // Move up the indicators\n .carousel-indicators {\n bottom: 20px;\n }\n}\n" }, { "path": "server/public/css/lib/bootstrap/close.less", "content": "//\n// Close icons\n// --------------------------------------------------\n\n\n.close {\n float: right;\n font-size: (@font-size-base * 1.5);\n font-weight: @close-font-weight;\n line-height: 1;\n color: @close-color;\n text-shadow: @close-text-shadow;\n .opacity(.2);\n\n &:hover,\n &:focus {\n color: @close-color;\n text-decoration: none;\n cursor: pointer;\n .opacity(.5);\n }\n\n // Additional properties for button version\n // iOS requires the button element instead of an anchor tag.\n // If you want the anchor version, it requires `href=\"#\"`.\n button& {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n }\n}\n" }, { "path": "server/public/css/lib/bootstrap/code.less", "content": "//\n// Code (inline and block)\n// --------------------------------------------------\n\n\n// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: @font-family-monospace;\n}\n\n// Inline code\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @code-color;\n background-color: @code-bg;\n white-space: nowrap;\n border-radius: @border-radius-base;\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @kbd-color;\n background-color: @kbd-bg;\n border-radius: @border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n// Blocks of code\npre {\n display: block;\n padding: ((@line-height-computed - 1) / 2);\n margin: 0 0 (@line-height-computed / 2);\n font-size: (@font-size-base - 1); // 14px to 13px\n line-height: @line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @pre-color;\n background-color: @pre-bg;\n border: 1px solid @pre-border-color;\n border-radius: @border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: @pre-scrollable-max-height;\n overflow-y: scroll;\n}\n" }, { "path": "server/public/css/lib/bootstrap/component-animations.less", "content": "//\n// Component animations\n// --------------------------------------------------\n\n// Heads up!\n//\n// We don't use the `.opacity()` mixin here since it causes a bug with text\n// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.\n\n.fade {\n opacity: 0;\n .transition(opacity .15s linear);\n &.in {\n opacity: 1;\n }\n}\n\n.collapse {\n display: none;\n &.in {\n display: block;\n }\n}\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n .transition(height .35s ease);\n}\n" }, { "path": "server/public/css/lib/bootstrap/dropdowns.less", "content": "//\n// Dropdown menus\n// --------------------------------------------------\n\n\n// Dropdown arrow/caret\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 2px;\n vertical-align: middle;\n border-top: @caret-width-base solid;\n border-right: @caret-width-base solid transparent;\n border-left: @caret-width-base solid transparent;\n}\n\n// The dropdown wrapper (div)\n.dropdown {\n position: relative;\n}\n\n// Prevent the focus on the dropdown toggle when closing dropdowns\n.dropdown-toggle:focus {\n outline: 0;\n}\n\n// The dropdown menu (ul)\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: @zindex-dropdown;\n display: none; // none by default, but block on \"open\" of the menu\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0; // override default ul\n list-style: none;\n font-size: @font-size-base;\n background-color: @dropdown-bg;\n border: 1px solid @dropdown-fallback-border; // IE8 fallback\n border: 1px solid @dropdown-border;\n border-radius: @border-radius-base;\n .box-shadow(0 6px 12px rgba(0,0,0,.175));\n background-clip: padding-box;\n\n // Aligns the dropdown menu to right\n //\n // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`\n &.pull-right {\n right: 0;\n left: auto;\n }\n\n // Dividers (basically an hr) within the dropdown\n .divider {\n .nav-divider(@dropdown-divider-bg);\n }\n\n // Links within the dropdown menu\n > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: normal;\n line-height: @line-height-base;\n color: @dropdown-link-color;\n white-space: nowrap; // prevent links from randomly breaking onto new lines\n }\n}\n\n// Hover/Focus state\n.dropdown-menu > li > a {\n &:hover,\n &:focus {\n text-decoration: none;\n color: @dropdown-link-hover-color;\n background-color: @dropdown-link-hover-bg;\n }\n}\n\n// Active state\n.dropdown-menu > .active > a {\n &,\n &:hover,\n &:focus {\n color: @dropdown-link-active-color;\n text-decoration: none;\n outline: 0;\n background-color: @dropdown-link-active-bg;\n }\n}\n\n// Disabled state\n//\n// Gray out text and ensure the hover/focus state remains gray\n\n.dropdown-menu > .disabled > a {\n &,\n &:hover,\n &:focus {\n color: @dropdown-link-disabled-color;\n }\n}\n// Nuke hover/focus effects\n.dropdown-menu > .disabled > a {\n &:hover,\n &:focus {\n text-decoration: none;\n background-color: transparent;\n background-image: none; // Remove CSS gradient\n .reset-filter();\n cursor: not-allowed;\n }\n}\n\n// Open state for the dropdown\n.open {\n // Show the menu\n > .dropdown-menu {\n display: block;\n }\n\n // Remove the outline when :focus is triggered\n > a {\n outline: 0;\n }\n}\n\n// Menu positioning\n//\n// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown\n// menu with the parent.\n.dropdown-menu-right {\n left: auto; // Reset the default from `.dropdown-menu`\n right: 0;\n}\n// With v3, we enabled auto-flipping if you have a dropdown within a right\n// aligned nav component. To enable the undoing of that, we provide an override\n// to restore the default dropdown menu alignment.\n//\n// This is only for left-aligning a dropdown menu within a `.navbar-right` or\n// `.pull-right` nav component.\n.dropdown-menu-left {\n left: 0;\n right: auto;\n}\n\n// Dropdown section headers\n.dropdown-header {\n display: block;\n padding: 3px 20px;\n font-size: @font-size-small;\n line-height: @line-height-base;\n color: @dropdown-header-color;\n}\n\n// Backdrop to catch body clicks on mobile, etc.\n.dropdown-backdrop {\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n z-index: (@zindex-dropdown - 10);\n}\n\n// Right aligned dropdowns\n.pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n//\n// Just add .dropup after the standard .dropdown class and you're set, bro.\n// TODO: abstract this so that the navbar fixed styles are not placed here?\n\n.dropup,\n.navbar-fixed-bottom .dropdown {\n // Reverse the caret\n .caret {\n border-top: 0;\n border-bottom: @caret-width-base solid;\n content: \"\";\n }\n // Different positioning for bottom up menu\n .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 1px;\n }\n}\n\n\n// Component alignment\n//\n// Reiterate per navbar.less and the modified component alignment there.\n\n@media (min-width: @grid-float-breakpoint) {\n .navbar-right {\n .dropdown-menu {\n .dropdown-menu-right();\n }\n // Necessary for overrides of the default right aligned menu.\n // Will remove come v4 in all likelihood.\n .dropdown-menu-left {\n .dropdown-menu-left();\n }\n }\n}\n\n" }, { "path": "server/public/css/lib/bootstrap/forms.less", "content": "//\n// Forms\n// --------------------------------------------------\n\n// Normalize non-controls\n//\n// Restyle and baseline non-control form elements.\n\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @line-height-computed;\n font-size: (@font-size-base * 1.5);\n line-height: inherit;\n color: @legend-color;\n border: 0;\n border-bottom: 1px solid @legend-border-color;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; /* IE8-9 */\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@padding-base-vertical + 1);\n font-size: @font-size-base;\n line-height: @line-height-base;\n color: @input-color;\n}\n\n// Common form controls\n//\n// Shared size and type resets for form controls. Apply `.form-control` to any\n// of the following form controls:\n//\n// select\n// textarea\n// input[type=\"text\"]\n// input[type=\"password\"]\n// input[type=\"datetime\"]\n// input[type=\"datetime-local\"]\n// input[type=\"date\"]\n// input[type=\"month\"]\n// input[type=\"time\"]\n// input[type=\"week\"]\n// input[type=\"number\"]\n// input[type=\"email\"]\n// input[type=\"url\"]\n// input[type=\"search\"]\n// input[type=\"tel\"]\n// input[type=\"color\"]\n\n.form-control {\n display: block;\n width: 100%;\n height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @padding-base-vertical @padding-base-horizontal;\n font-size: @font-size-base;\n line-height: @line-height-base;\n color: @input-color;\n background-color: @input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @input-border;\n border-radius: @input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n\n // Reset height for `textarea`s\n textarea& {\n height: auto;\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n// Special styles for iOS date input\n//\n// In Mobile Safari, date inputs require a pixel line-height that matches the\n// given height of the input.\n\ninput[type=\"date\"] {\n line-height: @input-height-base;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n margin-bottom: 15px;\n}\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.radio,\n.checkbox {\n display: block;\n min-height: @line-height-computed; // clear the floating input if there is no label text\n margin-top: 10px;\n margin-bottom: 10px;\n padding-left: 20px;\n label {\n display: inline;\n font-weight: normal;\n cursor: pointer;\n }\n}\n\n.radio input[type=\"radio\"],\n.radio-inline input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline input[type=\"checkbox\"] {\n float: left;\n margin-left: -20px;\n}\n\n.radio + .radio,\n.checkbox + .checkbox {\n margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing\n}\n\n// Radios and checkboxes on same line\n.radio-inline,\n.checkbox-inline {\n display: inline-block;\n padding-left: 20px;\n margin-bottom: 0;\n vertical-align: middle;\n font-weight: normal;\n cursor: pointer;\n}\n\n.radio-inline + .radio-inline,\n.checkbox-inline + .checkbox-inline {\n margin-top: 0;\n margin-left: 10px; // space out consecutive inline controls\n}\n\n// Apply same disabled cursor tweak as for inputs\n//\n// Note: Neither radios nor checkboxes can be readonly.\ninput[type=\"radio\"],\ninput[type=\"checkbox\"],\n.radio,\n.radio-inline,\n.checkbox,\n.checkbox-inline {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n\n.input-sm {\n .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);\n}\n\n.input-lg {\n .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);\n}\n\n// Form control feedback states\n//\n// Apply contextual and semantic states to individual form controls.\n\n.has-feedback {\n // Enable absolute positioning\n position: relative;\n\n // Ensure icons don't overlap text\n .form-control {\n padding-right: (@input-height-base * 1.25);\n }\n\n // Feedback icon (requires .glyphicon classes)\n .form-control-feedback {\n position: absolute;\n top: (@line-height-computed + 5); // Height of the `label` and its margin\n right: 0;\n display: block;\n width: @input-height-base;\n height: @input-height-base;\n line-height: @input-height-base;\n text-align: center;\n }\n}\n\n// Feedback states\n.has-success {\n .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);\n}\n\n.has-warning {\n .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);\n}\n\n.has-error {\n .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);\n}\n\n// Static form control text\n//\n// Apply class to a `p` element to make any string of text align with labels in\n// a horizontal form layout.\n\n.form-control-static {\n margin-bottom: 0; // Remove default margin from `p`\n}\n\n// Help text\n//\n// Apply to any element you wish to create light text for placement immediately\n// below a form control. Use for general help, formatting, or instructional text.\n\n.help-block {\n display: block; // account for any element using help-block\n margin-top: 5px;\n margin-bottom: 10px;\n color: lighten(@text-color, 25%); // lighten the text some for contrast\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n//\n// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.\n\n.form-inline {\n\n // Kick in the inline\n @media (min-width: @screen-sm-min) {\n // Inline-block all the things for \"inline\"\n .form-group {\n display: inline-block;\n margin-bottom: 0;\n vertical-align: middle;\n }\n\n // In navbar-form, allow folks to *not* use `.form-group`\n .form-control {\n display: inline-block;\n width: auto; // Prevent labels from stacking above inputs in `.form-group`\n vertical-align: middle;\n }\n\n // Input groups need that 100% width though\n .input-group > .form-control {\n width: 100%;\n }\n\n .control-label {\n margin-bottom: 0;\n vertical-align: middle;\n }\n\n // Remove default margin on radios/checkboxes that were used for stacking, and\n // then undo the floating of radios and checkboxes to match (which also avoids\n // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).\n .radio,\n .checkbox {\n display: inline-block;\n margin-top: 0;\n margin-bottom: 0;\n padding-left: 0;\n vertical-align: middle;\n }\n\n .radio input[type=\"radio\"],\n .checkbox input[type=\"checkbox\"] {\n float: none;\n margin-left: 0;\n }\n\n // Validation states\n //\n // Reposition the icon because it's now within a grid column and columns have\n // `position: relative;` on them. Also accounts for the grid gutter padding.\n .has-feedback .form-control-feedback {\n top: 0;\n }\n }\n}\n\n// Horizontal forms\n//\n// Horizontal forms are built on grid classes and allow you to create forms with\n// labels on the left and inputs on the right.\n\n.form-horizontal {\n\n // Consistent vertical alignment of labels, radios, and checkboxes\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: (@padding-base-vertical + 1); // Default padding plus a border\n }\n // Account for padding we're adding to ensure the alignment and of help text\n // and other content below items\n .radio,\n .checkbox {\n min-height: (@line-height-computed + (@padding-base-vertical + 1));\n }\n\n // Make form groups behave like rows\n .form-group {\n .make-row();\n }\n\n .form-control-static {\n padding-top: (@padding-base-vertical + 1);\n }\n\n // Only right align form labels here when the columns stop stacking\n @media (min-width: @screen-sm-min) {\n .control-label {\n text-align: right;\n }\n }\n\n // Validation states\n //\n // Reposition the icon because it's now within a grid column and columns have\n // `position: relative;` on them. Also accounts for the grid gutter padding.\n .has-feedback .form-control-feedback {\n top: 0;\n right: (@grid-gutter-width / 2);\n }\n}\n" }, { "path": "server/public/css/lib/bootstrap/glyphicons.less", "content": "//\n// Glyphicons for Bootstrap\n//\n// Since icons are fonts, they can be placed anywhere text is placed and are\n// thus automatically sized to match the surrounding child. To use, create an\n// inline element with the appropriate classes, like so:\n//\n// Star\n\n// Import the fonts\n@font-face {\n font-family: 'Glyphicons Halflings';\n src: ~\"url('@{icon-font-path}@{icon-font-name}.eot')\";\n src: ~\"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')\",\n ~\"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')\",\n ~\"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')\",\n ~\"url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg')\";\n}\n\n// Catchall baseclass\n.glyphicon {\n position: relative;\n top: 1px;\n display: inline-block;\n font-family: 'Glyphicons Halflings';\n font-style: normal;\n font-weight: normal;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n// Individual icons\n.glyphicon-asterisk { &:before { content: \"\\2a\"; } }\n.glyphicon-plus { &:before { content: \"\\2b\"; } }\n.glyphicon-euro { &:before { content: \"\\20ac\"; } }\n.glyphicon-minus { &:before { content: \"\\2212\"; } }\n.glyphicon-cloud { &:before { content: \"\\2601\"; } }\n.glyphicon-envelope { &:before { content: \"\\2709\"; } }\n.glyphicon-pencil { &:before { content: \"\\270f\"; } }\n.glyphicon-glass { &:before { content: \"\\e001\"; } }\n.glyphicon-music { &:before { content: \"\\e002\"; } }\n.glyphicon-search { &:before { content: \"\\e003\"; } }\n.glyphicon-heart { &:before { content: \"\\e005\"; } }\n.glyphicon-star { &:before { content: \"\\e006\"; } }\n.glyphicon-star-empty { &:before { content: \"\\e007\"; } }\n.glyphicon-user { &:before { content: \"\\e008\"; } }\n.glyphicon-film { &:before { content: \"\\e009\"; } }\n.glyphicon-th-large { &:before { content: \"\\e010\"; } }\n.glyphicon-th { &:before { content: \"\\e011\"; } }\n.glyphicon-th-list { &:before { content: \"\\e012\"; } }\n.glyphicon-ok { &:before { content: \"\\e013\"; } }\n.glyphicon-remove { &:before { content: \"\\e014\"; } }\n.glyphicon-zoom-in { &:before { content: \"\\e015\"; } }\n.glyphicon-zoom-out { &:before { content: \"\\e016\"; } }\n.glyphicon-off { &:before { content: \"\\e017\"; } }\n.glyphicon-signal { &:before { content: \"\\e018\"; } }\n.glyphicon-cog { &:before { content: \"\\e019\"; } }\n.glyphicon-trash { &:before { content: \"\\e020\"; } }\n.glyphicon-home { &:before { content: \"\\e021\"; } }\n.glyphicon-file { &:before { content: \"\\e022\"; } }\n.glyphicon-time { &:before { content: \"\\e023\"; } }\n.glyphicon-road { &:before { content: \"\\e024\"; } }\n.glyphicon-download-alt { &:before { content: \"\\e025\"; } }\n.glyphicon-download { &:before { content: \"\\e026\"; } }\n.glyphicon-upload { &:before { content: \"\\e027\"; } }\n.glyphicon-inbox { &:before { content: \"\\e028\"; } }\n.glyphicon-play-circle { &:before { content: \"\\e029\"; } }\n.glyphicon-repeat { &:before { content: \"\\e030\"; } }\n.glyphicon-refresh { &:before { content: \"\\e031\"; } }\n.glyphicon-list-alt { &:before { content: \"\\e032\"; } }\n.glyphicon-lock { &:before { content: \"\\e033\"; } }\n.glyphicon-flag { &:before { content: \"\\e034\"; } }\n.glyphicon-headphones { &:before { content: \"\\e035\"; } }\n.glyphicon-volume-off { &:before { content: \"\\e036\"; } }\n.glyphicon-volume-down { &:before { content: \"\\e037\"; } }\n.glyphicon-volume-up { &:before { content: \"\\e038\"; } }\n.glyphicon-qrcode { &:before { content: \"\\e039\"; } }\n.glyphicon-barcode { &:before { content: \"\\e040\"; } }\n.glyphicon-tag { &:before { content: \"\\e041\"; } }\n.glyphicon-tags { &:before { content: \"\\e042\"; } }\n.glyphicon-book { &:before { content: \"\\e043\"; } }\n.glyphicon-bookmark { &:before { content: \"\\e044\"; } }\n.glyphicon-print { &:before { content: \"\\e045\"; } }\n.glyphicon-camera { &:before { content: \"\\e046\"; } }\n.glyphicon-font { &:before { content: \"\\e047\"; } }\n.glyphicon-bold { &:before { content: \"\\e048\"; } }\n.glyphicon-italic { &:before { content: \"\\e049\"; } }\n.glyphicon-text-height { &:before { content: \"\\e050\"; } }\n.glyphicon-text-width { &:before { content: \"\\e051\"; } }\n.glyphicon-align-left { &:before { content: \"\\e052\"; } }\n.glyphicon-align-center { &:before { content: \"\\e053\"; } }\n.glyphicon-align-right { &:before { content: \"\\e054\"; } }\n.glyphicon-align-justify { &:before { content: \"\\e055\"; } }\n.glyphicon-list { &:before { content: \"\\e056\"; } }\n.glyphicon-indent-left { &:before { content: \"\\e057\"; } }\n.glyphicon-indent-right { &:before { content: \"\\e058\"; } }\n.glyphicon-facetime-video { &:before { content: \"\\e059\"; } }\n.glyphicon-picture { &:before { content: \"\\e060\"; } }\n.glyphicon-map-marker { &:before { content: \"\\e062\"; } }\n.glyphicon-adjust { &:before { content: \"\\e063\"; } }\n.glyphicon-tint { &:before { content: \"\\e064\"; } }\n.glyphicon-edit { &:before { content: \"\\e065\"; } }\n.glyphicon-share { &:before { content: \"\\e066\"; } }\n.glyphicon-check { &:before { content: \"\\e067\"; } }\n.glyphicon-move { &:before { content: \"\\e068\"; } }\n.glyphicon-step-backward { &:before { content: \"\\e069\"; } }\n.glyphicon-fast-backward { &:before { content: \"\\e070\"; } }\n.glyphicon-backward { &:before { content: \"\\e071\"; } }\n.glyphicon-play { &:before { content: \"\\e072\"; } }\n.glyphicon-pause { &:before { content: \"\\e073\"; } }\n.glyphicon-stop { &:before { content: \"\\e074\"; } }\n.glyphicon-forward { &:before { content: \"\\e075\"; } }\n.glyphicon-fast-forward { &:before { content: \"\\e076\"; } }\n.glyphicon-step-forward { &:before { content: \"\\e077\"; } }\n.glyphicon-eject { &:before { content: \"\\e078\"; } }\n.glyphicon-chevron-left { &:before { content: \"\\e079\"; } }\n.glyphicon-chevron-right { &:before { content: \"\\e080\"; } }\n.glyphicon-plus-sign { &:before { content: \"\\e081\"; } }\n.glyphicon-minus-sign { &:before { content: \"\\e082\"; } }\n.glyphicon-remove-sign { &:before { content: \"\\e083\"; } }\n.glyphicon-ok-sign { &:before { content: \"\\e084\"; } }\n.glyphicon-question-sign { &:before { content: \"\\e085\"; } }\n.glyphicon-info-sign { &:before { content: \"\\e086\"; } }\n.glyphicon-screenshot { &:before { content: \"\\e087\"; } }\n.glyphicon-remove-circle { &:before { content: \"\\e088\"; } }\n.glyphicon-ok-circle { &:before { content: \"\\e089\"; } }\n.glyphicon-ban-circle { &:before { content: \"\\e090\"; } }\n.glyphicon-arrow-left { &:before { content: \"\\e091\"; } }\n.glyphicon-arrow-right { &:before { content: \"\\e092\"; } }\n.glyphicon-arrow-up { &:before { content: \"\\e093\"; } }\n.glyphicon-arrow-down { &:before { content: \"\\e094\"; } }\n.glyphicon-share-alt { &:before { content: \"\\e095\"; } }\n.glyphicon-resize-full { &:before { content: \"\\e096\"; } }\n.glyphicon-resize-small { &:before { content: \"\\e097\"; } }\n.glyphicon-exclamation-sign { &:before { content: \"\\e101\"; } }\n.glyphicon-gift { &:before { content: \"\\e102\"; } }\n.glyphicon-leaf { &:before { content: \"\\e103\"; } }\n.glyphicon-fire { &:before { content: \"\\e104\"; } }\n.glyphicon-eye-open { &:before { content: \"\\e105\"; } }\n.glyphicon-eye-close { &:before { content: \"\\e106\"; } }\n.glyphicon-warning-sign { &:before { content: \"\\e107\"; } }\n.glyphicon-plane { &:before { content: \"\\e108\"; } }\n.glyphicon-calendar { &:before { content: \"\\e109\"; } }\n.glyphicon-random { &:before { content: \"\\e110\"; } }\n.glyphicon-comment { &:before { content: \"\\e111\"; } }\n.glyphicon-magnet { &:before { content: \"\\e112\"; } }\n.glyphicon-chevron-up { &:before { content: \"\\e113\"; } }\n.glyphicon-chevron-down { &:before { content: \"\\e114\"; } }\n.glyphicon-retweet { &:before { content: \"\\e115\"; } }\n.glyphicon-shopping-cart { &:before { content: \"\\e116\"; } }\n.glyphicon-folder-close { &:before { content: \"\\e117\"; } }\n.glyphicon-folder-open { &:before { content: \"\\e118\"; } }\n.glyphicon-resize-vertical { &:before { content: \"\\e119\"; } }\n.glyphicon-resize-horizontal { &:before { content: \"\\e120\"; } }\n.glyphicon-hdd { &:before { content: \"\\e121\"; } }\n.glyphicon-bullhorn { &:before { content: \"\\e122\"; } }\n.glyphicon-bell { &:before { content: \"\\e123\"; } }\n.glyphicon-certificate { &:before { content: \"\\e124\"; } }\n.glyphicon-thumbs-up { &:before { content: \"\\e125\"; } }\n.glyphicon-thumbs-down { &:before { content: \"\\e126\"; } }\n.glyphicon-hand-right { &:before { content: \"\\e127\"; } }\n.glyphicon-hand-left { &:before { content: \"\\e128\"; } }\n.glyphicon-hand-up { &:before { content: \"\\e129\"; } }\n.glyphicon-hand-down { &:before { content: \"\\e130\"; } }\n.glyphicon-circle-arrow-right { &:before { content: \"\\e131\"; } }\n.glyphicon-circle-arrow-left { &:before { content: \"\\e132\"; } }\n.glyphicon-circle-arrow-up { &:before { content: \"\\e133\"; } }\n.glyphicon-circle-arrow-down { &:before { content: \"\\e134\"; } }\n.glyphicon-globe { &:before { content: \"\\e135\"; } }\n.glyphicon-wrench { &:before { content: \"\\e136\"; } }\n.glyphicon-tasks { &:before { content: \"\\e137\"; } }\n.glyphicon-filter { &:before { content: \"\\e138\"; } }\n.glyphicon-briefcase { &:before { content: \"\\e139\"; } }\n.glyphicon-fullscreen { &:before { content: \"\\e140\"; } }\n.glyphicon-dashboard { &:before { content: \"\\e141\"; } }\n.glyphicon-paperclip { &:before { content: \"\\e142\"; } }\n.glyphicon-heart-empty { &:before { content: \"\\e143\"; } }\n.glyphicon-link { &:before { content: \"\\e144\"; } }\n.glyphicon-phone { &:before { content: \"\\e145\"; } }\n.glyphicon-pushpin { &:before { content: \"\\e146\"; } }\n.glyphicon-usd { &:before { content: \"\\e148\"; } }\n.glyphicon-gbp { &:before { content: \"\\e149\"; } }\n.glyphicon-sort { &:before { content: \"\\e150\"; } }\n.glyphicon-sort-by-alphabet { &:before { content: \"\\e151\"; } }\n.glyphicon-sort-by-alphabet-alt { &:before { content: \"\\e152\"; } }\n.glyphicon-sort-by-order { &:before { content: \"\\e153\"; } }\n.glyphicon-sort-by-order-alt { &:before { content: \"\\e154\"; } }\n.glyphicon-sort-by-attributes { &:before { content: \"\\e155\"; } }\n.glyphicon-sort-by-attributes-alt { &:before { content: \"\\e156\"; } }\n.glyphicon-unchecked { &:before { content: \"\\e157\"; } }\n.glyphicon-expand { &:before { content: \"\\e158\"; } }\n.glyphicon-collapse-down { &:before { content: \"\\e159\"; } }\n.glyphicon-collapse-up { &:before { content: \"\\e160\"; } }\n.glyphicon-log-in { &:before { content: \"\\e161\"; } }\n.glyphicon-flash { &:before { content: \"\\e162\"; } }\n.glyphicon-log-out { &:before { content: \"\\e163\"; } }\n.glyphicon-new-window { &:before { content: \"\\e164\"; } }\n.glyphicon-record { &:before { content: \"\\e165\"; } }\n.glyphicon-save { &:before { content: \"\\e166\"; } }\n.glyphicon-open { &:before { content: \"\\e167\"; } }\n.glyphicon-saved { &:before { content: \"\\e168\"; } }\n.glyphicon-import { &:before { content: \"\\e169\"; } }\n.glyphicon-export { &:before { content: \"\\e170\"; } }\n.glyphicon-send { &:before { content: \"\\e171\"; } }\n.glyphicon-floppy-disk { &:before { content: \"\\e172\"; } }\n.glyphicon-floppy-saved { &:before { content: \"\\e173\"; } }\n.glyphicon-floppy-remove { &:before { content: \"\\e174\"; } }\n.glyphicon-floppy-save { &:before { content: \"\\e175\"; } }\n.glyphicon-floppy-open { &:before { content: \"\\e176\"; } }\n.glyphicon-credit-card { &:before { content: \"\\e177\"; } }\n.glyphicon-transfer { &:before { content: \"\\e178\"; } }\n.glyphicon-cutlery { &:before { content: \"\\e179\"; } }\n.glyphicon-header { &:before { content: \"\\e180\"; } }\n.glyphicon-compressed { &:before { content: \"\\e181\"; } }\n.glyphicon-earphone { &:before { content: \"\\e182\"; } }\n.glyphicon-phone-alt { &:before { content: \"\\e183\"; } }\n.glyphicon-tower { &:before { content: \"\\e184\"; } }\n.glyphicon-stats { &:before { content: \"\\e185\"; } }\n.glyphicon-sd-video { &:before { content: \"\\e186\"; } }\n.glyphicon-hd-video { &:before { content: \"\\e187\"; } }\n.glyphicon-subtitles { &:before { content: \"\\e188\"; } }\n.glyphicon-sound-stereo { &:before { content: \"\\e189\"; } }\n.glyphicon-sound-dolby { &:before { content: \"\\e190\"; } }\n.glyphicon-sound-5-1 { &:before { content: \"\\e191\"; } }\n.glyphicon-sound-6-1 { &:before { content: \"\\e192\"; } }\n.glyphicon-sound-7-1 { &:before { content: \"\\e193\"; } }\n.glyphicon-copyright-mark { &:before { content: \"\\e194\"; } }\n.glyphicon-registration-mark { &:before { content: \"\\e195\"; } }\n.glyphicon-cloud-download { &:before { content: \"\\e197\"; } }\n.glyphicon-cloud-upload { &:before { content: \"\\e198\"; } }\n.glyphicon-tree-conifer { &:before { content: \"\\e199\"; } }\n.glyphicon-tree-deciduous { &:before { content: \"\\e200\"; } }\n" }, { "path": "server/public/css/lib/bootstrap/grid.less", "content": "//\n// Grid system\n// --------------------------------------------------\n\n// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n.container {\n .container-fixed();\n\n @media (min-width: @screen-sm-min) {\n width: @container-sm;\n }\n @media (min-width: @screen-md-min) {\n width: @container-md;\n }\n @media (min-width: @screen-lg-min) {\n width: @container-lg;\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but without any defined\n// width for fluid, full width layouts.\n\n.container-fluid {\n .container-fixed();\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n.row {\n .make-row();\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n.make-grid-columns();\n\n// Extra small grid\n//\n// Columns, offsets, pushes, and pulls for extra small devices like\n// smartphones.\n\n.make-grid(xs);\n\n// Small grid\n//\n// Columns, offsets, pushes, and pulls for the small device range, from phones\n// to tablets.\n\n@media (min-width: @screen-sm-min) {\n .make-grid(sm);\n}\n\n// Medium grid\n//\n// Columns, offsets, pushes, and pulls for the desktop device range.\n\n@media (min-width: @screen-md-min) {\n .make-grid(md);\n}\n\n// Large grid\n//\n// Columns, offsets, pushes, and pulls for the large desktop device range.\n\n@media (min-width: @screen-lg-min) {\n .make-grid(lg);\n}\n" }, { "path": "server/public/css/lib/bootstrap/input-groups.less", "content": "//\n// Input groups\n// --------------------------------------------------\n\n// Base styles\n// -------------------------\n.input-group {\n position: relative; // For dropdowns\n display: table;\n border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table\n\n // Undo padding and float of grid classes\n &[class*=\"col-\"] {\n float: none;\n padding-left: 0;\n padding-right: 0;\n }\n\n .form-control {\n // Ensure that the input is always above the *appended* addon button for\n // proper border colors.\n position: relative;\n z-index: 2;\n\n // IE9 fubars the placeholder attribute in text inputs and the arrows on\n // select elements in input groups. To fix it, we float the input. Details:\n // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855\n float: left;\n\n width: 100%;\n margin-bottom: 0;\n }\n}\n\n// Sizing options\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control,\n.input-group-lg > .input-group-addon,\n.input-group-lg > .input-group-btn > .btn {\n .input-lg();\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .input-group-addon,\n.input-group-sm > .input-group-btn > .btn {\n .input-sm();\n}\n\n// Display as table-cell\n// -------------------------\n.input-group-addon,\n.input-group-btn,\n.input-group .form-control {\n display: table-cell;\n\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n}\n\n// Addon and addon wrapper for buttons\n.input-group-addon,\n.input-group-btn {\n width: 1%;\n white-space: nowrap;\n vertical-align: middle; // Match the inputs\n}\n\n// Text input groups\n// -------------------------\n.input-group-addon {\n padding: @padding-base-vertical @padding-base-horizontal;\n font-size: @font-size-base;\n font-weight: normal;\n line-height: 1;\n color: @input-color;\n text-align: center;\n background-color: @input-group-addon-bg;\n border: 1px solid @input-group-addon-border-color;\n border-radius: @border-radius-base;\n\n // Sizing\n &.input-sm {\n padding: @padding-small-vertical @padding-small-horizontal;\n font-size: @font-size-small;\n border-radius: @border-radius-small;\n }\n &.input-lg {\n padding: @padding-large-vertical @padding-large-horizontal;\n font-size: @font-size-large;\n border-radius: @border-radius-large;\n }\n\n // Nuke default margins from checkboxes and radios to vertically center within.\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n margin-top: 0;\n }\n}\n\n// Reset rounded corners\n.input-group .form-control:first-child,\n.input-group-addon:first-child,\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group > .btn,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {\n .border-right-radius(0);\n}\n\n.input-group-addon:first-child {\n border-right: 0;\n}\n\n.input-group .form-control:last-child,\n.input-group-addon:last-child,\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group > .btn,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child),\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {\n .border-left-radius(0);\n}\n\n.input-group-addon:last-child {\n border-left: 0;\n}\n\n// Button input groups\n// -------------------------\n.input-group-btn {\n position: relative;\n // Jankily prevent input button groups from wrapping with `white-space` and\n // `font-size` in combination with `inline-block` on buttons.\n font-size: 0;\n white-space: nowrap;\n\n // Negative margin for spacing, position for bringing hovered/focused/actived\n // element above the siblings.\n > .btn {\n position: relative;\n + .btn {\n margin-left: -1px;\n }\n // Bring the \"active\" button to the front\n &:hover,\n &:focus,\n &:active {\n z-index: 2;\n }\n }\n\n // Negative margin to only have a 1px border between the two\n &:first-child {\n > .btn,\n > .btn-group {\n margin-right: -1px;\n }\n }\n &:last-child {\n > .btn,\n > .btn-group {\n margin-left: -1px;\n }\n }\n}\n" }, { "path": "server/public/css/lib/bootstrap/jumbotron.less", "content": "//\n// Jumbotron\n// --------------------------------------------------\n\n\n.jumbotron {\n padding: @jumbotron-padding;\n margin-bottom: @jumbotron-padding;\n color: @jumbotron-color;\n background-color: @jumbotron-bg;\n\n h1,\n .h1 {\n color: @jumbotron-heading-color;\n }\n p {\n margin-bottom: (@jumbotron-padding / 2);\n font-size: @jumbotron-font-size;\n font-weight: 200;\n }\n\n .container & {\n border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container\n }\n\n .container {\n max-width: 100%;\n }\n\n @media screen and (min-width: @screen-sm-min) {\n padding-top: (@jumbotron-padding * 1.6);\n padding-bottom: (@jumbotron-padding * 1.6);\n\n .container & {\n padding-left: (@jumbotron-padding * 2);\n padding-right: (@jumbotron-padding * 2);\n }\n\n h1,\n .h1 {\n font-size: (@font-size-base * 4.5);\n }\n }\n}\n" }, { "path": "server/public/css/lib/bootstrap/labels.less", "content": "//\n// Labels\n// --------------------------------------------------\n\n.label {\n display: inline;\n padding: .2em .6em .3em;\n font-size: 75%;\n font-weight: bold;\n line-height: 1;\n color: @label-color;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: .25em;\n\n // Add hover effects, but only for links\n &[href] {\n &:hover,\n &:focus {\n color: @label-link-hover-color;\n text-decoration: none;\n cursor: pointer;\n }\n }\n\n // Empty labels collapse automatically (not available in IE8)\n &:empty {\n display: none;\n }\n\n // Quick fix for labels in buttons\n .btn & {\n position: relative;\n top: -1px;\n }\n}\n\n// Colors\n// Contextual variations (linked labels get darker on :hover)\n\n.label-default {\n .label-variant(@label-default-bg);\n}\n\n.label-primary {\n .label-variant(@label-primary-bg);\n}\n\n.label-success {\n .label-variant(@label-success-bg);\n}\n\n.label-info {\n .label-variant(@label-info-bg);\n}\n\n.label-warning {\n .label-variant(@label-warning-bg);\n}\n\n.label-danger {\n .label-variant(@label-danger-bg);\n}\n" }, { "path": "server/public/css/lib/bootstrap/list-group.less", "content": "//\n// List groups\n// --------------------------------------------------\n\n\n// Base class\n//\n// Easily usable on