[ { "path": ".bowerrc", "content": "{\n \"directory\": \"client/bower_components\"\n}\n" }, { "path": ".buildignore", "content": "*.coffee" }, { "path": ".gitignore", "content": "dist\nnode_modules\n.idea\n.tmp\nclient/bower_components\nserver/config/local.env.js\n" }, { "path": ".travis.yml", "content": "language: node_js\nnode_js:\n - '0.10'\n - '0.11'\nbefore_script:\n - npm install -g bower grunt-cli\n - bower install\nservices: mongodb" }, { "path": ".yo-rc.json", "content": "{\n \"generator-angular-fullstack\": {\n \"insertRoutes\": true,\n \"registerRoutesFile\": \"server/routes.js\",\n \"routesNeedle\": \"// Insert routes below\",\n \"routesBase\": \"/api/\",\n \"pluralizeRoutes\": true,\n \"insertSockets\": true,\n \"registerSocketsFile\": \"server/config/socketio.js\",\n \"socketsNeedle\": \"// Insert sockets below\",\n \"filters\": {\n \"js\": true,\n \"html\": true,\n \"css\": true,\n \"uirouter\": true,\n \"bootstrap\": true,\n \"uibootstrap\": true,\n \"mongoose\": true\n }\n },\n \"generator-ng-component\": {\n \"routeDirectory\": \"client/app/\",\n \"directiveDirectory\": \"client/app/\",\n \"filterDirectory\": \"client/app/\",\n \"serviceDirectory\": \"client/app/\",\n \"basePath\": \"client\",\n \"filters\": [\n \"uirouter\"\n ],\n \"extensions\": [\n \"js\",\n \"html\",\n \"css\"\n ]\n }\n}" }, { "path": "Gruntfile.js", "content": "'use strict';\n\nmodule.exports = function (grunt) {\n var localConfig;\n try {\n localConfig = require('./server/config/local.env');\n } catch (e) {\n localConfig = {};\n }\n\n // Load grunt tasks automatically, when needed\n require('jit-grunt')(grunt, {\n express: 'grunt-express-server',\n useminPrepare: 'grunt-usemin',\n ngtemplates: 'grunt-angular-templates',\n cdnify: 'grunt-google-cdn',\n protractor: 'grunt-protractor-runner',\n injector: 'grunt-asset-injector'\n });\n\n // Time how long tasks take. Can help when optimizing build times\n require('time-grunt')(grunt);\n\n // Define the configuration for all the tasks\n grunt.initConfig({\n\n // Project settings\n yeoman: {\n // configurable paths\n client: require('./bower.json').appPath || 'client',\n dist: 'dist'\n },\n express: {\n options: {\n port: process.env.PORT || 9000\n },\n dev: {\n options: {\n script: 'server/app.js',\n debug: true\n }\n },\n prod: {\n options: {\n script: 'dist/server/app.js'\n }\n }\n },\n open: {\n server: {\n url: 'http://localhost:<%= express.options.port %>'\n }\n },\n watch: {\n injectJS: {\n files: [\n '<%= yeoman.client %>/{app,components}/**/*.js',\n '!<%= yeoman.client %>/{app,components}/**/*.spec.js',\n '!<%= yeoman.client %>/{app,components}/**/*.mock.js',\n '!<%= yeoman.client %>/app/app.js'],\n tasks: ['injector:scripts']\n },\n injectCss: {\n files: [\n '<%= yeoman.client %>/{app,components}/**/*.css'\n ],\n tasks: ['injector:css']\n },\n mochaTest: {\n files: ['server/**/*.spec.js'],\n tasks: ['env:test', 'mochaTest']\n },\n jsTest: {\n files: [\n '<%= yeoman.client %>/{app,components}/**/*.spec.js',\n '<%= yeoman.client %>/{app,components}/**/*.mock.js'\n ],\n tasks: ['newer:jshint:all', 'karma']\n },\n gruntfile: {\n files: ['Gruntfile.js']\n },\n livereload: {\n files: [\n '{.tmp,<%= yeoman.client %>}/{app,components}/**/*.css',\n '{.tmp,<%= yeoman.client %>}/{app,components}/**/*.html',\n '{.tmp,<%= yeoman.client %>}/{app,components}/**/*.js',\n '!{.tmp,<%= yeoman.client %>}{app,components}/**/*.spec.js',\n '!{.tmp,<%= yeoman.client %>}/{app,components}/**/*.mock.js',\n '<%= yeoman.client %>/assets/images/{,*//*}*.{png,jpg,jpeg,gif,webp,svg}'\n ],\n options: {\n livereload: true\n }\n },\n express: {\n files: [\n 'server/**/*.{js,json}'\n ],\n tasks: ['express:dev', 'wait'],\n options: {\n livereload: true,\n nospawn: true //Without this option specified express won't be reloaded\n }\n }\n },\n\n // Make sure code styles are up to par and there are no obvious mistakes\n jshint: {\n options: {\n jshintrc: '<%= yeoman.client %>/.jshintrc',\n reporter: require('jshint-stylish')\n },\n server: {\n options: {\n jshintrc: 'server/.jshintrc'\n },\n src: [ 'server/{,*/}*.js']\n },\n all: [\n '<%= yeoman.client %>/{app,components}/**/*.js',\n '!<%= yeoman.client %>/{app,components}/**/*.spec.js',\n '!<%= yeoman.client %>/{app,components}/**/*.mock.js'\n ],\n test: {\n src: [\n '<%= yeoman.client %>/{app,components}/**/*.spec.js',\n '<%= yeoman.client %>/{app,components}/**/*.mock.js'\n ]\n }\n },\n\n // Empties folders to start fresh\n clean: {\n dist: {\n files: [\n {\n dot: true,\n src: [\n '.tmp',\n '<%= yeoman.dist %>/*',\n '!<%= yeoman.dist %>/.git*',\n '!<%= yeoman.dist %>/.openshift',\n '!<%= yeoman.dist %>/Procfile'\n ]\n }\n ]\n },\n server: '.tmp'\n },\n\n // Add vendor prefixed styles\n autoprefixer: {\n options: {\n browsers: ['last 1 version']\n },\n dist: {\n files: [\n {\n expand: true,\n cwd: '.tmp/',\n src: '{,*/}*.css',\n dest: '.tmp/'\n }\n ]\n }\n },\n\n // Debugging with node inspector\n 'node-inspector': {\n custom: {\n options: {\n 'web-host': 'localhost'\n }\n }\n },\n\n // Use nodemon to run server in debug mode with an initial breakpoint\n nodemon: {\n debug: {\n script: 'server/app.js',\n options: {\n nodeArgs: ['--debug-brk'],\n env: {\n PORT: process.env.PORT || 9000\n },\n callback: function (nodemon) {\n nodemon.on('log', function (event) {\n console.log(event.colour);\n });\n\n // opens browser on initial server start\n nodemon.on('config:update', function () {\n setTimeout(function () {\n require('open')('http://localhost:8080/debug?port=5858');\n }, 500);\n });\n }\n }\n }\n },\n\n // Automatically inject Bower components into the app\n bowerInstall: {\n target: {\n src: '<%= yeoman.client %>/index.html',\n ignorePath: '<%= yeoman.client %>/',\n exclude: [/bootstrap-sass-official/, /bootstrap.js/, '/json3/', '/es5-shim/']\n }\n },\n\n // Renames files for browser caching purposes\n rev: {\n dist: {\n files: {\n src: [\n '<%= yeoman.dist %>/public/{,*/}*.js',\n '<%= yeoman.dist %>/public/{,*/}*.css',\n '<%= yeoman.dist %>/public/assets/fonts/*'\n ]\n }\n }\n },\n\n // Reads HTML for usemin blocks to enable smart builds that automatically\n // concat, minify and revision files. Creates configurations in memory so\n // additional tasks can operate on them\n useminPrepare: {\n html: ['<%= yeoman.client %>/index.html'],\n options: {\n dest: '<%= yeoman.dist %>/public'\n }\n },\n\n // Performs rewrites based on rev and the useminPrepare configuration\n usemin: {\n html: ['<%= yeoman.dist %>/public/{,*/}*.html'],\n css: ['<%= yeoman.dist %>/public/{,*/}*.css'],\n js: ['<%= yeoman.dist %>/public/{,*/}*.js'],\n options: {\n assetsDirs: [\n '<%= yeoman.dist %>/public',\n '<%= yeoman.dist %>/public/assets/images'\n ],\n // This is so we update image references in our ng-templates\n patterns: {\n js: [\n [/(assets\\/images\\/.*?\\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']\n ]\n }\n }\n },\n\n // The following *-min tasks produce minified files in the dist folder\n imagemin: {\n dist: {\n files: [\n {\n expand: true,\n cwd: '<%= yeoman.client %>/assets/images',\n src: '{,*/}*.{png,jpg,jpeg,gif}',\n dest: '<%= yeoman.dist %>/public/assets/images'\n }\n ]\n }\n },\n\n svgmin: {\n dist: {\n files: [\n {\n expand: true,\n cwd: '<%= yeoman.client %>/assets/images',\n src: '{,*/}*.svg',\n dest: '<%= yeoman.dist %>/public/assets/images'\n }\n ]\n }\n },\n\n // Allow the use of non-minsafe AngularJS files. Automatically makes it\n // minsafe compatible so Uglify does not destroy the ng references\n ngAnnotate: {\n dist: {\n files: [\n {\n expand: true,\n cwd: '.tmp/concat',\n src: '*/**.js',\n dest: '.tmp/concat'\n }\n ]\n }\n },\n\n // Package all the html partials into a single javascript payload\n ngtemplates: {\n options: {\n // This should be the name of your apps angular module\n module: 'projectsApp',\n htmlmin: {\n collapseBooleanAttributes: true,\n collapseWhitespace: true,\n removeAttributeQuotes: true,\n removeEmptyAttributes: true,\n removeRedundantAttributes: true,\n removeScriptTypeAttributes: true,\n removeStyleLinkTypeAttributes: true\n },\n usemin: 'app/app.js'\n },\n main: {\n cwd: '<%= yeoman.client %>',\n src: ['{app,components}/**/*.html'],\n dest: '.tmp/templates.js'\n },\n tmp: {\n cwd: '.tmp',\n src: ['{app,components}/**/*.html'],\n dest: '.tmp/tmp-templates.js'\n }\n },\n\n // Replace Google CDN references\n cdnify: {\n dist: {\n html: ['<%= yeoman.dist %>/*.html']\n }\n },\n\n // Copies remaining files to places other tasks can use\n copy: {\n dist: {\n files: [\n {\n expand: true,\n dot: true,\n cwd: '<%= yeoman.client %>',\n dest: '<%= yeoman.dist %>/public',\n src: [\n '*.{ico,png,txt}',\n '.htaccess',\n 'bower_components/**/*',\n 'assets/images/{,*/}*.{webp}',\n 'assets/fonts/**/*',\n 'components/**/*',\n 'index.html'\n ]\n },\n {\n expand: true,\n cwd: '.tmp/images',\n dest: '<%= yeoman.dist %>/public/assets/images',\n src: ['generated/*']\n },\n {\n expand: true,\n dest: '<%= yeoman.dist %>',\n src: [\n 'package.json',\n 'server/**/*'\n ]\n }\n ]\n },\n styles: {\n expand: true,\n cwd: '<%= yeoman.client %>',\n dest: '.tmp/',\n src: ['{app,components}/**/*.css']\n }\n },\n\n // Run some tasks in parallel to speed up the build process\n concurrent: {\n server: [\n ],\n test: [\n ],\n debug: {\n tasks: [\n 'nodemon',\n 'node-inspector'\n ],\n options: {\n logConcurrentOutput: true\n }\n },\n dist: [\n 'imagemin',\n 'svgmin'\n ]\n },\n\n // Test settings\n karma: {\n unit: {\n configFile: 'karma.conf.js',\n singleRun: true\n }\n },\n\n mochaTest: {\n options: {\n reporter: 'spec'\n },\n src: ['server/**/*.spec.js']\n },\n\n protractor: {\n options: {\n configFile: 'protractor.conf.js'\n },\n chrome: {\n options: {\n args: {\n browser: 'chrome'\n }\n }\n }\n },\n\n env: {\n test: {\n NODE_ENV: 'test'\n },\n prod: {\n NODE_ENV: 'production'\n },\n all: localConfig\n },\n\n injector: {\n options: {\n\n },\n // Inject application script files into index.html (doesn't include bower)\n scripts: {\n options: {\n transform: function (filePath) {\n filePath = filePath.replace('/client/', '');\n filePath = filePath.replace('/.tmp/', '');\n return '';\n },\n starttag: '',\n endtag: ''\n },\n files: {\n '<%= yeoman.client %>/index.html': [\n ['{.tmp,<%= yeoman.client %>}/{app,components}/**/*.js',\n '!{.tmp,<%= yeoman.client %>}/app/app.js',\n '!{.tmp,<%= yeoman.client %>}/{app,components}/**/*.spec.js',\n '!{.tmp,<%= yeoman.client %>}/{app,components}/**/*.mock.js']\n ]\n }\n },\n\n // Inject component css into index.html\n css: {\n options: {\n transform: function (filePath) {\n filePath = filePath.replace('/client/', '');\n filePath = filePath.replace('/.tmp/', '');\n return '';\n },\n starttag: '',\n endtag: ''\n },\n files: {\n '<%= yeoman.client %>/index.html': [\n '<%= yeoman.client %>/{app,components}/**/*.css'\n ]\n }\n }\n }\n });\n\n // Used for delaying livereload until after server has restarted\n grunt.registerTask('wait', function () {\n grunt.log.ok('Waiting for server reload...');\n\n var done = this.async();\n\n setTimeout(function () {\n grunt.log.writeln('Done waiting!');\n done();\n }, 1500);\n });\n\n grunt.registerTask('express-keepalive', 'Keep grunt running', function () {\n this.async();\n });\n\n grunt.registerTask('serve', function (target) {\n if (target === 'dist') {\n return grunt.task.run(['build', 'env:all', 'env:prod', 'express:prod', 'wait', 'open', 'express-keepalive']);\n }\n\n if (target === 'debug') {\n return grunt.task.run([\n 'clean:server',\n 'env:all',\n 'concurrent:server',\n 'injector',\n 'bowerInstall',\n 'autoprefixer',\n 'concurrent:debug'\n ]);\n }\n\n grunt.task.run([\n 'clean:server',\n 'env:all',\n 'concurrent:server',\n 'injector',\n 'bowerInstall',\n 'autoprefixer',\n 'express:dev',\n 'wait',\n 'open',\n 'watch'\n ]);\n });\n\n grunt.registerTask('server', function () {\n grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');\n grunt.task.run(['serve']);\n });\n\n grunt.registerTask('test', function (target) {\n if (target === 'server') {\n return grunt.task.run([\n 'env:all',\n 'env:test',\n 'mochaTest'\n ]);\n }\n\n else if (target === 'client') {\n return grunt.task.run([\n 'clean:server',\n 'env:all',\n 'concurrent:test',\n 'injector',\n 'autoprefixer',\n 'karma'\n ]);\n }\n\n else if (target === 'e2e') {\n return grunt.task.run([\n 'clean:server',\n 'env:all',\n 'env:test',\n 'concurrent:test',\n 'injector',\n 'bowerInstall',\n 'autoprefixer',\n 'express:dev',\n 'protractor'\n ]);\n }\n\n else grunt.task.run([\n 'test:server',\n 'test:client'\n ]);\n });\n\n grunt.registerTask('build', [\n 'clean:dist',\n 'concurrent:dist',\n 'injector',\n 'bowerInstall',\n 'useminPrepare',\n 'autoprefixer',\n 'ngtemplates',\n 'concat',\n 'ngAnnotate',\n 'copy:dist',\n 'cdnify',\n 'cssmin',\n 'uglify',\n 'rev',\n 'usemin'\n ]);\n\n grunt.registerTask('default', [\n 'newer:jshint',\n 'test',\n 'build'\n ]);\n};\n" }, { "path": "LICENSE.md", "content": "The MIT License (MIT)\n\nCopyright (c) 2014 Paolo Bernasconi\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 all\ncopies 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 THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "[Ionic Theme Editor](http://ionic-theme-editor.herokuapp.com/)\n==================\n\n[![preview](https://github.com/pbernasconi/ionic-theme-editor/blob/master/Ionic-Theme-Editor.png)](http://ionic-theme-editor.herokuapp.com/)\n\n\n## Website\n\n[http://ionic-theme-editor.herokuapp.com/](http://ionic-theme-editor.herokuapp.com/)\n\n## About\n\nThe Ionic Theme Editor is a simple live-editor for the [Ionic Framework](ionicframework.com). You can visually customize the primary Ionic variables, view your live changes immediately in several previews, and download a compiled css file with your edits.\n\n## Contributing\n\nCurrently the Ionic Theme Editor is hosted in a heroku app. All changes inbetween each release are made to the github repo. I use grunt to build the files. To get setup:\n\n```\ngit clone https://github.com/pbernasconi/ionic-theme-editor.git\ncd ionic-theme-editor\nnpm install\nbower install\ngrunt build\ngrunt serve\n```\n\nMake a new Pull Request for any changes you think are necessary!\n\n\n## Authors\n\n#### Paolo Bernasconi\n\n- https://twitter.com/paolobernasconi\n- https://github.com/pbernasconi\n\n\n## LICENSE\n\nIonic Theme Editor is licensed under the MIT Open Source license. For more information, see the LICENSE file in this repository.\n" }, { "path": "bower.json", "content": "{\n \"name\": \"projects\",\n \"version\": \"0.0.1\",\n \"dependencies\": {\n \"angular\": \">=1.2.*\",\n \"json3\": \"~3.3.1\",\n \"es5-shim\": \"~3.0.1\",\n \"jquery\": \"~1.11.0\",\n \"bootstrap\": \"~3.1.1\",\n \"angular-resource\": \">=1.2.*\",\n \"angular-cookies\": \">=1.2.*\",\n \"angular-sanitize\": \">=1.2.*\",\n \"angular-bootstrap\": \"~0.11.0\",\n \"font-awesome\": \">=4.1.0\",\n \"lodash\": \"~2.4.1\",\n \"angular-ui-router\": \"~0.2.10\",\n \"angular-spectrum-colorpicker\": \"~1.2.0\",\n \"ionicons\": \"~1.5.2\",\n \"ngDialog\": \"~0.3.0\"\n },\n \"devDependencies\": {\n \"angular-mocks\": \">=1.2.*\",\n \"angular-scenario\": \">=1.2.*\",\n \"angular-spectrum-colorpicker\": \"~1.2.0\"\n }\n}\n" }, { "path": "client/.htaccess", "content": "# Apache Configuration File\n\n# (!) Using `.htaccess` files slows down Apache, therefore, if you have access\n# to the main server config file (usually called `httpd.conf`), you should add\n# this logic there: http://httpd.apache.org/docs/current/howto/htaccess.html.\n\n# ##############################################################################\n# # CROSS-ORIGIN RESOURCE SHARING (CORS) #\n# ##############################################################################\n\n# ------------------------------------------------------------------------------\n# | Cross-domain AJAX requests |\n# ------------------------------------------------------------------------------\n\n# Enable cross-origin AJAX requests.\n# http://code.google.com/p/html5security/wiki/CrossOriginRequestSecurity\n# http://enable-cors.org/\n\n# \n# Header set Access-Control-Allow-Origin \"*\"\n# \n\n# ------------------------------------------------------------------------------\n# | CORS-enabled images |\n# ------------------------------------------------------------------------------\n\n# Send the CORS header for images when browsers request it.\n# https://developer.mozilla.org/en/CORS_Enabled_Image\n# http://blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html\n# http://hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/\n\n\n \n \n SetEnvIf Origin \":\" IS_CORS\n Header set Access-Control-Allow-Origin \"*\" env=IS_CORS\n \n \n\n\n# ------------------------------------------------------------------------------\n# | Web fonts access |\n# ------------------------------------------------------------------------------\n\n# Allow access from all domains for web fonts\n\n\n \n Header set Access-Control-Allow-Origin \"*\"\n \n\n\n\n# ##############################################################################\n# # ERRORS #\n# ##############################################################################\n\n# ------------------------------------------------------------------------------\n# | 404 error prevention for non-existing redirected folders |\n# ------------------------------------------------------------------------------\n\n# Prevent Apache from returning a 404 error for a rewrite if a directory\n# with the same name does not exist.\n# http://httpd.apache.org/docs/current/content-negotiation.html#multiviews\n# http://www.webmasterworld.com/apache/3808792.htm\n\nOptions -MultiViews\n\n# ------------------------------------------------------------------------------\n# | Custom error messages / pages |\n# ------------------------------------------------------------------------------\n\n# You can customize what Apache returns to the client in case of an error (see\n# http://httpd.apache.org/docs/current/mod/core.html#errordocument), e.g.:\n\nErrorDocument 404 /404.html\n\n\n# ##############################################################################\n# # INTERNET EXPLORER #\n# ##############################################################################\n\n# ------------------------------------------------------------------------------\n# | Better website experience |\n# ------------------------------------------------------------------------------\n\n# Force IE to render pages in the highest available mode in the various\n# cases when it may not: http://hsivonen.iki.fi/doctype/ie-mode.pdf.\n\n\n Header set X-UA-Compatible \"IE=edge\"\n # `mod_headers` can't match based on the content-type, however, we only\n # want to send this header for HTML pages and not for the other resources\n \n Header unset X-UA-Compatible\n \n\n\n# ------------------------------------------------------------------------------\n# | Cookie setting from iframes |\n# ------------------------------------------------------------------------------\n\n# Allow cookies to be set from iframes in IE.\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# | Screen flicker |\n# ------------------------------------------------------------------------------\n\n# Stop screen flicker in IE on CSS rollovers (this only works in\n# combination with the `ExpiresByType` directives for images from below).\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# # MIME TYPES AND ENCODING #\n# ##############################################################################\n\n# ------------------------------------------------------------------------------\n# | Proper MIME types for all files |\n# ------------------------------------------------------------------------------\n\n\n\n # Audio\n AddType audio/mp4 m4a f4a f4b\n AddType audio/ogg oga ogg\n\n # JavaScript\n # Normalize to standard type (it's sniffed in IE anyways):\n # http://tools.ietf.org/html/rfc4329#section-7.2\n AddType application/javascript js jsonp\n AddType application/json json\n\n # Video\n AddType video/mp4 mp4 m4v f4v f4p\n AddType video/ogg ogv\n AddType video/webm webm\n AddType video/x-flv flv\n\n # Web fonts\n AddType application/font-woff woff\n AddType application/vnd.ms-fontobject eot\n\n # Browsers usually ignore the font MIME types and sniff the content,\n # however, Chrome shows a warning if other MIME types are used for the\n # following fonts.\n AddType application/x-font-ttf ttc ttf\n AddType font/opentype otf\n\n # Make SVGZ fonts work on iPad:\n # https://twitter.com/FontSquirrel/status/14855840545\n AddType image/svg+xml svg svgz\n AddEncoding gzip svgz\n\n # Other\n AddType application/octet-stream safariextz\n AddType application/x-chrome-extension crx\n AddType application/x-opera-extension oex\n AddType application/x-shockwave-flash swf\n AddType application/x-web-app-manifest+json webapp\n AddType application/x-xpinstall xpi\n AddType application/xml atom rdf rss xml\n AddType image/webp webp\n AddType image/x-icon ico\n AddType text/cache-manifest appcache manifest\n AddType text/vtt vtt\n AddType text/x-component htc\n AddType text/x-vcard vcf\n\n\n\n# ------------------------------------------------------------------------------\n# | UTF-8 encoding |\n# ------------------------------------------------------------------------------\n\n# Use UTF-8 encoding for anything served as `text/html` or `text/plain`.\nAddDefaultCharset utf-8\n\n# Force UTF-8 for certain file formats.\n\n AddCharset utf-8 .atom .css .js .json .rss .vtt .webapp .xml\n\n\n\n# ##############################################################################\n# # URL REWRITES #\n# ##############################################################################\n\n# ------------------------------------------------------------------------------\n# | Rewrite engine |\n# ------------------------------------------------------------------------------\n\n# Turning on the rewrite engine and enabling the `FollowSymLinks` option is\n# necessary for the following directives to work.\n\n# If your web host doesn't allow the `FollowSymlinks` option, you may need to\n# comment it out and use `Options +SymLinksIfOwnerMatch` but, be aware of the\n# performance impact: http://httpd.apache.org/docs/current/misc/perf-tuning.html#symlinks\n\n# Also, some cloud hosting services require `RewriteBase` to be set:\n# http://www.rackspace.com/knowledge_center/frequently-asked-question/why-is-mod-rewrite-not-working-on-my-site\n\n\n Options +FollowSymlinks\n # Options +SymLinksIfOwnerMatch\n RewriteEngine On\n # RewriteBase /\n\n\n# ------------------------------------------------------------------------------\n# | Suppressing / Forcing the \"www.\" at the beginning of URLs |\n# ------------------------------------------------------------------------------\n\n# The same content should never be available under two different URLs especially\n# not with and without \"www.\" at the beginning. This can cause SEO problems\n# (duplicate content), therefore, you should choose one of the alternatives and\n# redirect the other one.\n\n# By default option 1 (no \"www.\") is activated:\n# http://no-www.org/faq.php?q=class_b\n\n# If you'd prefer to use option 2, just comment out all the lines from option 1\n# and uncomment the ones from option 2.\n\n# IMPORTANT: NEVER USE BOTH RULES AT THE SAME TIME!\n\n# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -\n\n# Option 1: 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: rewrite example.com → www.example.com\n\n# Be aware that the following 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# # SECURITY #\n# ##############################################################################\n\n# ------------------------------------------------------------------------------\n# | Content Security Policy (CSP) |\n# ------------------------------------------------------------------------------\n\n# You can mitigate the risk of cross-site scripting and other content-injection\n# attacks by setting a Content Security Policy which whitelists trusted sources\n# of content for your site.\n\n# The example header below allows ONLY scripts that are loaded from the current\n# site's origin (no inline scripts, no CDN, etc). This almost certainly won't\n# work as-is for your site!\n\n# To get all the details you'll need to craft a reasonable policy for your site,\n# read: http://html5rocks.com/en/tutorials/security/content-security-policy (or\n# see the specification: http://w3.org/TR/CSP).\n\n# \n# Header set Content-Security-Policy \"script-src 'self'; object-src 'self'\"\n# \n# Header unset Content-Security-Policy\n# \n# \n\n# ------------------------------------------------------------------------------\n# | File access |\n# ------------------------------------------------------------------------------\n\n# Block access to directories without a default document.\n# Usually you should leave this uncommented because you shouldn't allow anyone\n# to surf through every directory on your server (which may includes rather\n# private places like the CMS's directories).\n\n\n Options -Indexes\n\n\n# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -\n\n# Block access to hidden files and directories.\n# This includes directories used by version control systems such as Git and SVN.\n\n\n RewriteCond %{SCRIPT_FILENAME} -d [OR]\n RewriteCond %{SCRIPT_FILENAME} -f\n RewriteRule \"(^|/)\\.\" - [F]\n\n\n# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -\n\n# Block access to backup and source files.\n# These files may be left by some text editors and can pose a great security\n# danger when anyone has access to them.\n\n\n Order allow,deny\n Deny from all\n Satisfy All\n\n\n# ------------------------------------------------------------------------------\n# | Secure Sockets Layer (SSL) |\n# ------------------------------------------------------------------------------\n\n# Rewrite secure requests properly to prevent SSL certificate warnings, e.g.:\n# prevent `https://www.example.com` when your certificate only allows\n# `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# Force client-side SSL redirection.\n\n# If a user types \"example.com\" in his browser, the above rule will redirect him\n# to the secure version of the site. That still leaves a window of opportunity\n# (the initial HTTP connection) for an attacker to downgrade or redirect the\n# request. The following header ensures that browser will ONLY connect to your\n# server via HTTPS, regardless of what the users type in the address bar.\n# http://www.html5rocks.com/en/tutorials/security/transport-layer-security/\n\n# \n# Header set Strict-Transport-Security max-age=16070400;\n# \n\n# ------------------------------------------------------------------------------\n# | Server software information |\n# ------------------------------------------------------------------------------\n\n# Avoid displaying the exact Apache version number, the description of the\n# generic OS-type and the information about Apache's compiled-in modules.\n\n# ADD THIS DIRECTIVE IN THE `httpd.conf` AS IT WILL NOT WORK IN THE `.htaccess`!\n\n# ServerTokens Prod\n\n\n# ##############################################################################\n# # WEB PERFORMANCE #\n# ##############################################################################\n\n# ------------------------------------------------------------------------------\n# | Compression |\n# ------------------------------------------------------------------------------\n\n\n\n # Force compression for mangled headers.\n # http://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 # Compress all output labeled with one of the following MIME-types\n # (for Apache versions below 2.3.7, you don't need to enable `mod_filter`\n # and can remove the `` and `` lines\n # as `AddOutputFilterByType` is still in the core directives).\n \n AddOutputFilterByType DEFLATE application/atom+xml \\\n application/javascript \\\n application/json \\\n application/rss+xml \\\n application/vnd.ms-fontobject \\\n application/x-font-ttf \\\n application/x-web-app-manifest+json \\\n application/xhtml+xml \\\n application/xml \\\n font/opentype \\\n image/svg+xml \\\n image/x-icon \\\n text/css \\\n text/html \\\n text/plain \\\n text/x-component \\\n text/xml\n \n\n\n\n# ------------------------------------------------------------------------------\n# | Content transformations |\n# ------------------------------------------------------------------------------\n\n# Prevent some of the mobile network providers from modifying the content of\n# your site: http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9.5.\n\n# \n# Header set Cache-Control \"no-transform\"\n# \n\n# ------------------------------------------------------------------------------\n# | ETag removal |\n# ------------------------------------------------------------------------------\n\n# Since we're sending far-future expires headers (see below), ETags can\n# be removed: http://developer.yahoo.com/performance/rules.html#etags.\n\n# `FileETag None` is not enough for every server.\n\n Header unset ETag\n\n\nFileETag None\n\n# ------------------------------------------------------------------------------\n# | Expires headers (for better cache control) |\n# ------------------------------------------------------------------------------\n\n# The following expires headers are set pretty far in the future. If you don't\n# control versioning with filename-based cache busting, consider lowering the\n# cache time for resources like CSS and JS to something like 1 week.\n\n\n\n ExpiresActive on\n ExpiresDefault \"access plus 1 month\"\n\n # CSS\n ExpiresByType text/css \"access plus 1 year\"\n\n # Data interchange\n ExpiresByType application/json \"access plus 0 seconds\"\n ExpiresByType application/xml \"access plus 0 seconds\"\n ExpiresByType text/xml \"access plus 0 seconds\"\n\n # Favicon (cannot be renamed!)\n ExpiresByType image/x-icon \"access plus 1 week\"\n\n # HTML components (HTCs)\n ExpiresByType text/x-component \"access plus 1 month\"\n\n # HTML\n ExpiresByType text/html \"access plus 0 seconds\"\n\n # JavaScript\n ExpiresByType application/javascript \"access plus 1 year\"\n\n # Manifest files\n ExpiresByType application/x-web-app-manifest+json \"access plus 0 seconds\"\n ExpiresByType text/cache-manifest \"access plus 0 seconds\"\n\n # Media\n ExpiresByType audio/ogg \"access plus 1 month\"\n ExpiresByType image/gif \"access plus 1 month\"\n ExpiresByType image/jpeg \"access plus 1 month\"\n ExpiresByType image/png \"access plus 1 month\"\n ExpiresByType video/mp4 \"access plus 1 month\"\n ExpiresByType video/ogg \"access plus 1 month\"\n ExpiresByType video/webm \"access plus 1 month\"\n\n # Web feeds\n ExpiresByType application/atom+xml \"access plus 1 hour\"\n ExpiresByType application/rss+xml \"access plus 1 hour\"\n\n # Web fonts\n ExpiresByType application/font-woff \"access plus 1 month\"\n ExpiresByType application/vnd.ms-fontobject \"access plus 1 month\"\n ExpiresByType application/x-font-ttf \"access plus 1 month\"\n ExpiresByType font/opentype \"access plus 1 month\"\n ExpiresByType image/svg+xml \"access plus 1 month\"\n\n\n\n# ------------------------------------------------------------------------------\n# | Filename-based cache busting |\n# ------------------------------------------------------------------------------\n\n# If you're not using a build process to manage your filename version revving,\n# you might want to consider enabling the following directives to route all\n# requests such as `/css/style.12345.css` to `/css/style.css`.\n\n# To understand why this is important and a better idea than `*.css?v231`, read:\n# http://stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring\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# | File concatenation |\n# ------------------------------------------------------------------------------\n\n# Allow concatenation from within specific CSS and JS files, e.g.:\n# Inside of `script.combined.js` you could have\n# \n# \n# and they would be included into this single file.\n\n# \n# \n# Options +Includes\n# AddOutputFilterByType INCLUDES application/javascript application/json\n# SetOutputFilter INCLUDES\n# \n# \n# Options +Includes\n# AddOutputFilterByType INCLUDES text/css\n# SetOutputFilter INCLUDES\n# \n# \n\n# ------------------------------------------------------------------------------\n# | Persistent connections |\n# ------------------------------------------------------------------------------\n\n# Allow multiple requests to be sent over the same TCP connection:\n# http://httpd.apache.org/docs/current/en/mod/core.html#keepalive.\n\n# Enable if you serve a lot of static content but, be aware of the\n# possible disadvantages!\n\n# \n# Header set Connection Keep-Alive\n# \n" }, { "path": "client/.jshintrc", "content": "{\n \"node\": true,\n \"browser\": true,\n \"esnext\": true,\n \"bitwise\": true,\n \"camelcase\": true,\n \"curly\": true,\n \"eqeqeq\": true,\n \"immed\": true,\n \"indent\": 2,\n \"latedef\": true,\n \"newcap\": true,\n \"noarg\": true,\n \"quotmark\": \"single\",\n \"regexp\": true,\n \"undef\": true,\n \"unused\": true,\n \"strict\": true,\n \"trailing\": true,\n \"smarttabs\": true,\n \"globals\": {\n \"jQuery\": true,\n \"angular\": true,\n \"console\": true,\n \"$\": true,\n \"_\": true,\n \"moment\": true,\n \"describe\": true,\n \"beforeEach\": true,\n \"module\": true,\n \"inject\": true,\n \"it\": true,\n \"expect\": true,\n \"browser\": true,\n \"element\": true,\n \"by\": true\n }\n}\n" }, { "path": "client/app/app.css", "content": "/**************************************************\n * Bootstrap Fonts\n */\n\n@font-face {\n font-family: 'Glyphicons Halflings';\n src: url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot');\n src: url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),\n url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'),\n url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'),\n url('../bower_components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');\n}\n\n/**************************************************\n *Font Awesome Fonts\n */\n\n@font-face {\n font-family: 'FontAwesome';\n src: url('../bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.1.0');\n src: url('../bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),\n url('../bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),\n url('../bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),\n url('../bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');\n font-weight: 200;\n font-style: normal;\n}\n\n/**************************************************\n * App-wide Styles\n */\n\n.browsehappy {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0;\n}\n\nhtml, body {\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n height: 100%;\n overflow: hidden;\n color: #575859;\n}\n\nul {\n list-style: none;\n}\n\n.row {\n margin: 0 0 30px;\n}\n\n/***************************************************\n * SIDE PANEL\n */\n\n.side-panel {\n position: absolute;\n left: 0;\n width: 325px;\n height: 100%;\n}\n\n.side-panel section::-webkit-scrollbar {\n display: none;\n}\n\n/**\n * HEADER\n */\n\n.side-panel > header {\n display: inline-block;\n width: 100%;\n height: 55px;\n line-height: 55px;\n color: white;\n background-color: #6795F5;\n z-index: 10;\n}\n\n.side-panel > header .logo {\n float: left;\n padding-left: 10px;\n height: 45px;\n padding-top: 8px;\n vertical-align: middle;\n}\n\n.side-panel > header .logo-title {\n float: left;\n margin-left: 15px;\n font-weight: 200;\n font-size: 15px;\n letter-spacing: 2px;\n border-top: 2px solid transparent;\n text-transform: uppercase;\n}\n\n/**\n * BUTTON ROW\n */\n\n.side-panel .sub-header {\n background: #ffFFFF;\n height: 50px;\n line-height: 50px;\n text-align: center;\n border-right: solid #ECF0F6 1px;\n margin-top: -5px;\n width: 100%;\n border-bottom: 1px solid #ECF0F6;\n z-index: 10;\n box-shadow: -2px 4px 8px rgba(250, 250, 250, 0.7);\n -webkit-box-shadow: -2px 4px 8px rgba(250, 250, 250, 0.7);\n -moz-box-shadow: -2px 4px 8px rgba(250, 250, 250, 0.7);\n}\n\n.sub-header .button-row {\n display: inline-block;\n margin: 0;\n}\n\n.sub-header .button-row a {\n color: #575859;\n display: inline-block;\n border: 1px solid #575859;\n text-decoration: none;\n height: 30px;\n line-height: 30px;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 200;\n width: 130px;\n font-size: 12px;\n cursor: pointer;\n -webkit-transition: 200ms;\n -moz-transition: 200ms;\n -ms-transition: 200ms;\n -o-transition: 200ms;\n transition: 200ms;\n}\n\n.sub-header .button-row a:first-child {\n border-radius: 5px 0 0 5px;\n border-right: none;\n}\n\n.sub-header .button-row a:last-child {\n margin-left: -5px;\n border-radius: 0 5px 5px 0;\n}\n\n.sub-header .button-row a.selected {\n background-color: #575859;\n color: #ffFFFF;\n -webkit-transition: 200ms;\n -moz-transition: 200ms;\n -ms-transition: 200ms;\n -o-transition: 200ms;\n transition: 200ms;\n}\n\n/**\n * SECTION\n */\n\n.side-panel section {\n position: absolute;\n height: 93%;\n width: 100%;\n overflow: auto;\n border-right: solid #ECF0F6 1px;\n}\n\n.side-panel .side-section-download {\n padding: 20px;\n}\n\n.side-panel .btn-download {\n width: 100%;\n background-color: #6795F5;\n color: #fFF;\n font-size: 15px;\n letter-spacing: 1px;\n font-weight: 200;\n text-transform: uppercase;\n border: 1px solid #6795F5;\n -webkit-transition: all 0.20s ease-in-out;\n -moz-transition: all 0.20s ease-in-out;\n -ms-transition: all 0.20s ease-in-out;\n -o-transition: all 0.20s ease-in-out;\n}\n\n.side-panel .btn-download:hover, .side-panel .btn-download:focus {\n outline: none;\n border: 1px solid #6795F5;\n color: #6795F5;\n background-color: #FFFFFF;\n -webkit-transition: all 0.20s ease-in-out;\n -moz-transition: all 0.20s ease-in-out;\n -ms-transition: all 0.20s ease-in-out;\n -o-transition: all 0.20s ease-in-out;\n}\n\n/* side-section - headers */\n\n.side-section .side-section-header {\n display: inline-block;\n background-color: #F3F5F7;\n width: 100%;\n height: 40px;\n line-height: 40px;\n letter-spacing: 2px;\n font-size: 13px;\n padding: 0 10px;\n text-transform: uppercase;\n}\n\n.side-section .btn-revert {\n font-size: 1.1em;\n position: relative;\n float: right;\n margin-right: 8px;\n display: inline-block;\n background-color: transparent;\n padding-top: 5px;\n border: none;\n outline: none;\n}\n\n.side-section .btn-revert:hover, .side-section .btn-revert:active {\n color: #ff4f5a;\n}\n\n/* side-section - colors */\n\n.side-section ul {\n list-style: none;\n padding-left: 20px;\n}\n\n.side-section li {\n padding: 10px 0;\n border-bottom: 1px solid #ECF0F6;\n}\n\n.side-section li:last-child {\n border-bottom: none;\n margin-bottom: 15px;\n}\n\n.side-section .section-color-preview {\n float: right;\n color: #93969F;\n margin-right: 10px;\n}\n\n.side-section-input {\n float: right;\n text-align: right;\n width: 70px;\n margin-right: 20px;\n border: 1px solid #ECF0F6;\n border-radius: 2px;\n padding-right: 5px;\n padding-top: 2px;\n padding-bottom: 2px;\n -webkit-transition: all 0.30s ease-in-out;\n -moz-transition: all 0.30s ease-in-out;\n -ms-transition: all 0.30s ease-in-out;\n -o-transition: all 0.30s ease-in-out;\n}\n\n.side-section-input:focus, .side-section-input:hover {\n border: 1px solid #6795F5;\n outline: none;\n}\n\n.side-section-select {\n float: right;\n text-align: right;\n width: 120px;\n margin-right: 20px;\n border: 1px solid #ECF0F6;\n border-radius: 2px;\n padding-right: 5px;\n padding-top: 3px;\n padding-bottom: 2px;\n -webkit-transition: all 0.30s ease-in-out;\n -moz-transition: all 0.30s ease-in-out;\n -ms-transition: all 0.30s ease-in-out;\n -o-transition: all 0.30s ease-in-out;\n}\n\n.side-section-select:focus, .side-section-select:hover {\n border: 1px solid #6795F5;\n outline: none;\n}\n\n/* side-section - footer */\n\n.side-section-footer {\n position: absolute;\n background-color: #2B3442;\n padding-top: 4px;\n text-align: center;\n width: 100%;\n color: white;\n height: 50px;\n}\n\n.side-section-footer h4 {\n font-weight: lighter !important;\n font-size: 14px;\n letter-spacing: 1px;\n}\n\n/****************************************************\n * COLOR PICKER\n */\n\n.sp-container {\n background-color: #EFF1F5;\n border: 1px solid #eceef0;\n border-radius: 2px;\n}\n\n.sp-picker-container {\n border: none;\n}\n\n.sp-color {\n border: none;\n border-radius: 2px;\n}\n\n.sp-hue {\n border: none;\n border-radius: 2px;\n}\n\n.sp-alpha-inner {\n border: none;\n}\n\n.sp-slider {\n border-color: #575859;\n border-radius: 1px;\n opacity: 1;\n}\n\n.sp-alpha-handle {\n border-color: #575859;\n border-radius: 1px;\n opacity: 1;\n}\n\n.sp-replacer {\n float: right;\n margin-right: 20px;\n background-color: transparent;\n padding: 0;\n border: none;\n width: 23px;\n height: 23px;\n}\n\n.sp-replacer .sp-preview {\n margin: 0;\n border: 1px solid #ECF0F6;\n width: 23px;\n height: 23px;\n}\n\n.sp-dd {\n display: none;\n}\n\ninput.sp-input {\n background-color: #ffFFFF;\n border: 1px solid #6795F5;\n border-radius: 2px;\n padding: 5px;\n -webkit-transition: all 0.30s ease-in-out;\n -moz-transition: all 0.30s ease-in-out;\n -ms-transition: all 0.30s ease-in-out;\n -o-transition: all 0.30s ease-in-out;\n}\n\ninput.sp-input:focus, input.sp-input:hover {\n outline: none;\n border: 1px solid #6795F5;\n}\n\n.sp-cancel {\n background: #ff4843;\n text-shadow: none;\n color: #fFF !important;\n border-radius: 3px;\n padding: 4px;\n letter-spacing: 1px;\n font-size: 11px;\n font-weight: 200;\n text-transform: uppercase;\n border: 1px solid #ff4843;\n}\n\n.sp-cancel:hover {\n background: #FFF;\n text-decoration: none;\n color: #ff4843 !important;\n border: 1px solid #ff4843;\n\n}\n\n.sp-button-container > button {\n background: #6795F5;\n text-shadow: none;\n color: #fFF;\n letter-spacing: 1px;\n font-size: 11px;\n font-weight: 200;\n text-transform: uppercase;\n border: 1px solid #6795F5;\n}\n\n.sp-button-container > button:hover {\n border: 1px solid #6795F5;\n background: #FFF !important;\n color: #6795F5;\n text-shadow: none;\n}\n\n/****************************************************\n * MAIN PANEL\n */\n\n.main-panel {\n position: absolute;\n top: 0;\n left: 325px;\n bottom: 0;\n right: 0;\n height: 100%;\n}\n\n/* Main - tabs */\n\n.main-panel-tabs {\n list-style: none;\n height: 55px;\n line-height: 55px;\n color: white;\n background-color: #6795F5;\n font-weight: lighter;\n letter-spacing: 1px;\n z-index: 10;\n}\n\n.main-panel-tabs > li {\n font-size: 18px;\n list-style: none;\n box-sizing: border-box;\n margin-right: 20px;\n display: inline-block;\n border-top: 2px solid transparent;\n cursor: pointer;\n}\n\n.main-panel-tabs > li:hover {\n border-top: 2px solid white;\n cursor: pointer;\n}\n\n.main-panel-tabs > li.active {\n border-top: 2px solid white;\n cursor: pointer;\n}\n\n.main-panel-tabs .tabs-left {\n float: right;\n}\n\n.main-panel-tabs .tabs-left > .btn-login {\n background-color: transparent;\n border: none;\n color: white;\n text-decoration: none;\n}\n\n.main-panel-tabs .tabs-left > .btn-login:hover,\n.main-panel-tabs .tabs-left > .btn-login:focus {\n border: none;\n outline: none;\n}\n\n.main-panel .main-panel-view {\n position: absolute;\n top: 55px;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n width: 100%;\n overflow-x: hidden;\n}\n\n.main-panel-view .preview-card {\n height: 150px;\n border-top: 3px solid #93969F;\n box-shadow: 0 1px 3px #e0e4ea;\n margin: 0 8px 34px 8px;\n list-style: none;\n display: inline-block;\n width: 300px;\n}\n\n.preview-card .card-header {\n background-color: #ECF0F6;\n padding: 5px;\n font-size: 15px;\n font-weight: bold;\n}\n\n.preview-card .card-content {\n padding: 5px;\n}\n\n/****************************************************\n * DEVICE PREVIEW\n */\n\n.device-header {\n text-align: center;\n}\n\n.device-bg {\n background-image: url(\"../assets/images/device.png\");\n background-size: 243px 528px;\n height: 528px;\n width: 243px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.device-screen {\n position: relative;\n top: 69px;\n left: 8px;\n z-index: 0;\n width: 341px;\n height: 576px;\n border: 2px solid #22272d;\n background-color: white;\n -ms-zoom: 0.665;\n -moz-transform: scale(0.665);\n -moz-transform-origin: 0 0;\n -o-transform: scale(0.665);\n -o-transform-origin: 0 0;\n -webkit-transform: scale(0.665);\n -webkit-transform-origin: 0 0;\n}\n\n/****************************************************\n * SPINNER\n */\n\n.spinner-background {\n width: 100%;\n height: 100%;\n position: absolute;\n background: rgba(255, 255, 255, 0.33);\n background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.32) 6%, rgba(75, 140, 244, 0.17) 100%);\n background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.33)), color-stop(6%, rgba(255, 255, 255, 0.32)), color-stop(100%, rgba(75, 140, 244, 0.17)));\n background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.32) 6%, rgba(75, 140, 244, 0.17) 100%);\n background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.32) 6%, rgba(75, 140, 244, 0.17) 100%);\n background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.32) 6%, rgba(75, 140, 244, 0.17) 100%);\n background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.32) 6%, rgba(75, 140, 244, 0.17) 100%);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4b8cf4', GradientType=1);\n}\n\n.spinner {\n width: 40px;\n height: 40px;\n position: relative;\n padding: 10px;\n margin-left: auto;\n margin-right: auto;\n margin-top: 300px;\n}\n\n.double-bounce1, .double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #6795F5;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n -webkit-animation: bounce 2.0s infinite ease-in-out;\n animation: bounce 2.0s infinite ease-in-out;\n}\n\n.double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes bounce {\n 0%, 100% {\n -webkit-transform: scale(0.0)\n }\n 50% {\n -webkit-transform: scale(1.0)\n }\n}\n\n@keyframes bounce {\n 0%, 100% {\n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n }\n 50% {\n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n/****************************************************\n * DOWNLOAD MODAL\n */\n\n.ngdialog-content {\n background: #ffffff !important;\n border-radius: 1px !important;\n border: 3px solid #6795F5;\n color: #575859 !important;\n margin: 0 auto;\n max-width: 100%;\n padding: 1em;\n position: relative;\n width: 550px !important;\n}\n\n.imodal {\n width: 100%;\n}\n\n.imodal-title {\n text-align: center;\n padding-bottom: 20px;\n border-bottom: 1px solid #ECF0F6;\n margin-bottom: 20px;\n}\n\n.imodal-content {\n padding: 20px;\n width: 70%;\n margin-right: auto;\n margin-left: auto;\n margin-bottom: 30px;\n}\n\n.imodal-content .input-group {\n padding: 10px;\n}\n\n.imodal-content .input-group:first-child {\n border-bottom: 1px solid #ECF0F6;\n}\n\n.imodal-content label {\n margin-right: 15px;\n}\n\n.imodal-content input {\n border: 1px solid #ECF0F6;\n border-radius: 2px;\n padding: 2px 8px;\n -webkit-transition: all 0.30s ease-in-out;\n -moz-transition: all 0.30s ease-in-out;\n -ms-transition: all 0.30s ease-in-out;\n -o-transition: all 0.30s ease-in-out;\n}\n\n.imodal-content input:focus, .imodal-content input:hover {\n border: 1px solid #6795F5;\n outline: none;\n}\n\n.imodal-buttons {\n width: 100%;\n margin: 0 auto;\n display: inline-block;\n}\n\n.imodal .btn-modal {\n width: 49%;\n margin-right: auto;\n margin-left: auto;\n}\n\n.imodal .btn-modal-cancel {\n margin-left: 3px;\n background: white;\n border: 1px solid #ff4843;\n color: #ff4843;\n -webkit-transition: all 0.30s ease-in-out;\n -moz-transition: all 0.30s ease-in-out;\n -ms-transition: all 0.30s ease-in-out;\n -o-transition: all 0.30s ease-in-out;\n}\n\n.imodal .btn-modal-cancel:hover, .imodal .btn-modal-cancel:focus {\n outline: none;\n border: 1px solid #ff4843;\n color: white;\n background-color: #ff4843;\n -webkit-transition: all 0.30s ease-in-out;\n -moz-transition: all 0.30s ease-in-out;\n -ms-transition: all 0.30s ease-in-out;\n -o-transition: all 0.30s ease-in-out;\n}\n\n.imodal .btn-modal-download {\n background: #6795F5;\n color: #fFF;\n border: 1px solid #6795F5;\n -webkit-transition: all 0.30s ease-in-out;\n -moz-transition: all 0.30s ease-in-out;\n -ms-transition: all 0.30s ease-in-out;\n -o-transition: all 0.30s ease-in-out;\n}\n\n.imodal .btn-modal-download:hover, .imodal .btn-modal-download:focus {\n outline: none;\n border: 1px solid #6795F5;\n color: #6795F5;\n background-color: #FFFFFF;\n -webkit-transition: all 0.30s ease-in-out;\n -moz-transition: all 0.30s ease-in-out;\n -ms-transition: all 0.30s ease-in-out;\n -o-transition: all 0.30s ease-in-out;\n}\n\n.ngdialog.ngdialog-theme-default .ngdialog-close:before {\n background: #6795F5;\n border-radius: 0 !important;\n color: white;\n content: '\\00D7';\n right: 0;\n top: -1px;\n}\n\n.ngdialog-close:hover:before {\n color: #575859 !important;\n}\n\n.icon-lg {\n font-size: 1.75em;\n line-height: 1;\n}\n" }, { "path": "client/app/app.js", "content": "'use strict';\n\nangular.module('projectsApp', [\n 'ngCookies',\n 'ngResource',\n 'ngSanitize',\n 'ui.router',\n 'ui.bootstrap',\n 'angularSpectrumColorpicker',\n 'ngDialog'\n])\n .config(function ($stateProvider, $urlRouterProvider, $locationProvider) {\n $urlRouterProvider\n .otherwise('/');\n\n $locationProvider.html5Mode(true);\n });\n" }, { "path": "client/app/compiler/compiler.service.js", "content": "'use strict';\n\nangular.module('projectsApp')\n .service('Compiler', function ($http) {\n\n return {\n get: function (data) {\n return $http.get('/api/compile/');\n },\n post: function (data, cssType) {\n return $http.post('/api/compile/' + cssType, data);\n }\n }\n\n });\n" }, { "path": "client/app/compiler/compiler.service.spec.js", "content": "'use strict';\n\ndescribe('Service: compiler', function () {\n\n // load the service's module\n beforeEach(module('projectsApp'));\n\n // instantiate service\n var compiler;\n beforeEach(inject(function (_compiler_) {\n compiler = _compiler_;\n }));\n\n it('should do something', function () {\n expect(!!compiler).toBe(true);\n });\n\n});\n" }, { "path": "client/app/main/main.controller.js", "content": "\"use strict\";\n\nangular.module(\"projectsApp\")\n\n .controller(\"MainCtrl\", function ($scope, $timeout, ngDialog) {\n\n // initial variables\n $scope.activeTab = 1;\n $scope.selectedButtonBar = 0;\n $scope.iframeLoaded = false;\n\n // Global variables\n $scope.globals = [\n {name: \"Background Color\", variable: \"$base-background-color\", value: \"#fff\", type: \"color\"},\n {name: \"Text Color\", variable: \"$base-color\", value: \"#000\", type: \"color\"},\n {name: \"Link Color\", variable: \"$link-color\", value: \"#4a87ee\", type: \"color\"}\n ];\n\n // Color variables\n $scope.colors = [\n {name: \"light\", variable: \"$light\", value: \"#fff\", type: \"color\"},\n {name: \"stable\", variable: \"$stable\", value: \"#f8f8f8\", type: \"color\"},\n {name: \"positive\", variable: \"$positive\", value: \"#4a87ee\", type: \"color\"},\n {name: \"calm\", variable: \"$calm\", value: \"#43cee6\", type: \"color\"},\n {name: \"balanced\", variable: \"$balanced\", value: \"#66cc33\", type: \"color\"},\n {name: \"energized\", variable: \"$energized\", value: \"#f0b840\", type: \"color\"},\n {name: \"assertive\", variable: \"$assertive\", value: \"#ef4e3a\", type: \"color\"},\n {name: \"royal\", variable: \"$royal\", value: \"#8a6de9\", type: \"color\"},\n {name: \"dark\", variable: \"$dark\", value: \"#444\", type: \"color\"}\n ];\n\n // Font variables\n $scope.fonts = [\n {name: \"Font Family\", variable: \"$font-family-base\", value: \"$font-family-sans-serif\", type: \"select\"},\n {name: \"Base - font size\", variable: \"$font-size-base\", value: \"14px\", type: \"pixel\"},\n {name: \"Large - font size\", variable: \"$font-size-large\", value: \"18px\", type: \"pixel\"},\n {name: \"Small - font size\", variable: \"$font-size-small\", value: \"11px\", type: \"pixel\"}\n ];\n\n // Padding variables\n $scope.padding = [\n {name: \"Content Padding\", variable: \"$content-padding\", value: \"10px\", type: \"pixel\"},\n {name: \"Base - Vertical\", variable: \"$padding-base-vertical\", value: \"6px\", type: \"pixel\"},\n {name: \"Base - Horizontal\", variable: \"$padding-base-horizontal\", value: \"12px\", type: \"pixel\"},\n {name: \"Small - Vertical\", variable: \"$padding-small-vertical\", value: \"5px\", type: \"pixel\"},\n {name: \"Small - Horizontal\", variable: \"$padding-small-horizontal\", value: \"10px\", type: \"pixel\"},\n {name: \"Large - Vertical\", variable: \"$padding-large-vertical\", value: \"10px\", type: \"pixel\"},\n {name: \"Large - Horizontal\", variable: \"$padding-large-horizontal\", value: \"16px\", type: \"pixel\"}\n ];\n\n // collect all data together\n $scope.groupedVars = _.union($scope.globals, $scope.colors, $scope.fonts, $scope.padding);\n\n // make copies for revert case\n var globalsCopy = angular.copy($scope.globals);\n var colorsCopy = angular.copy($scope.colors);\n var fontsCopy = angular.copy($scope.fonts);\n var paddingCopy = angular.copy($scope.padding);\n\n // setting the button-bar radio like\n $scope.setButtonBar = function (index) {\n $scope.selectedButtonBar = index;\n };\n\n // return index of selected button bar\n $scope.isButtonBar = function (index) {\n return index === $scope.selectedButtonBar;\n };\n\n\n // revert to original data with switch - case\n $scope.revert = function (list) {\n switch (list) {\n case \"globals\" :\n var _gCopy = angular.copy(globalsCopy);\n _.each($scope.globals, function (item, index) {\n item.value = _gCopy[index].value;\n });\n break;\n case \"colors\" :\n var _cCopy = angular.copy(colorsCopy);\n _.each($scope.colors, function (item, index) {\n item.value = _cCopy[index].value;\n });\n break;\n case \"fonts\" :\n var _fCopy = angular.copy(fontsCopy);\n _.each($scope.fonts, function (item, index) {\n item.value = _fCopy[index].value;\n });\n break;\n\n case \"padding\" :\n var _pCopy = angular.copy(paddingCopy);\n _.each($scope.padding, function (item, index) {\n item.value = _pCopy[index].value;\n });\n break;\n default :\n break;\n }\n };\n\n // set the active tab\n $scope.setActiveTab = function (index) {\n if (index == 1) {\n $scope.iframeLoaded = false;\n $scope.iframeCallback();\n }\n return $scope.activeTab = index;\n };\n\n\n // iframe loaded\n $scope.iframeCallback = function () {\n $timeout(function () {\n $scope.iframeLoaded = true;\n }, 1000);\n };\n\n // open modal with download button\n $scope.prepDownload = function () {\n ngDialog.open({\n template: 'downloadModal',\n data: {sassData: $scope.groupedVars},\n controller: 'DownloadModal',\n scope: $scope\n })\n };\n })\n\n\n // Download Controller for modal\n .controller(\"DownloadModal\", function ($scope, ngDialog, Compiler) {\n\n $scope.filename = \"ionic.app.css\";\n $scope.cssType = \"compressed\";\n\n var data = $scope.groupedVars;\n $scope.modalDownload = function () {\n Compiler.post(data, $scope.cssType)\n .success(function (response) {\n if (response.success == true) {\n var id = response.id;\n console.log(id);\n\n var hiddenElement = document.createElement('a'); // create new A element and self click to download\n hiddenElement.href = '/api/compile/download/' + id + '/' + $scope.filename;\n hiddenElement.target = '_blank';\n hiddenElement.download = 'ionic.app.css';\n hiddenElement.click();\n }\n })\n .error(function (error) {\n console.log(error);\n alert(\"An error occurred : \", error);\n })\n };\n\n $scope.modalClose = function () {\n ngDialog.close();\n };\n });\n" }, { "path": "client/app/main/main.controller.spec.js", "content": "'use strict';\n\ndescribe('Controller: MainCtrl', function () {\n\n // load the controller's module\n beforeEach(module('projectsApp'));\n\n var MainCtrl,\n scope,\n $httpBackend;\n\n // Initialize the controller and a mock scope\n beforeEach(inject(function (_$httpBackend_, $controller, $rootScope) {\n $httpBackend = _$httpBackend_;\n $httpBackend.expectGET('/api/things')\n .respond(['HTML5 Boilerplate', 'AngularJS', 'Karma', 'Express']);\n\n scope = $rootScope.$new();\n MainCtrl = $controller('MainCtrl', {\n $scope: scope\n });\n }));\n\n it('should attach a list of things to the scope', function () {\n $httpBackend.flush();\n expect(scope.awesomeThings.length).toBe(4);\n });\n});\n" }, { "path": "client/app/main/main.css", "content": "" }, { "path": "client/app/main/main.html", "content": "
\n\n
\n
\n \n\n
Ionic Tailor
\n
\n\n
\n
\n Customize\n Preset themes \n
\n
\n\n\n
\n
\n \n
\n
\n
\n Globals\n \n
\n
    \n
  • \n {{item.name}}\n \n \n \n
    • \n
\n
\n\n
\n
\n Colors\n \n
\n
    \n
  • \n {{item.name}}\n \n \n \n
    • \n
\n
\n\n
\n
\n Fonts\n \n
\n
    \n
  • \n {{item.name}}\n \n \n
    • \n
\n
\n\n
\n
\n Padding\n \n
\n
    \n
  • \n {{item.name}}\n \n
    • \n
\n
\n\n
\n

Made with by Paolo Bernasconi

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

Made with by Paolo Bernasconi

\n
\n
\n\n
\n\n
\n \n
\n
\n
    \n
  • \n
    Header
    \n\n
    \n
    \n

    bar-positive

    \n
    \n
    \n
    • \n\n
  • \n
    Header
    \n\n
    \n
    \n

    bar-positive

    \n
    \n
    \n
    • \n
  • \n
    Header
    \n\n
    \n
    \n

    bar-positive

    \n
    \n
    \n
    • \n
  • \n
    Header
    \n\n
    \n
    \n

    bar-positive

    \n
    \n
    \n
    • \n
  • \n
    Header
    \n\n
    \n
    \n

    bar-positive

    \n
    \n
    \n
    • \n
  • \n
    Header
    \n\n
    \n
    \n

    bar-positive

    \n
    \n
    \n
    • \n
  • \n
    Header
    \n\n
    \n
    \n

    bar-positive

    \n
    \n
    \n
    • \n
\n
\n
\n
\n \n
\n
\n
\n
\n

Header Bar

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

Button

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

List

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

Form

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

Tabs

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

Card

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

Components

\n\n
\n \n
\n
\n
\n
\n\n
\n\n
\n Examples tab\n
\n\n
\n
\n
\n\n\n\n" }, { "path": "client/app/main/main.js", "content": "'use strict';\n\nangular.module('projectsApp')\n .config(function ($stateProvider) {\n $stateProvider\n .state('main', {\n url: '/',\n templateUrl: 'app/main/main.html',\n controller: 'MainCtrl'\n });\n });" }, { "path": "client/app/theme/theme.directive.js", "content": "'use strict';\n\nangular.module('projectsApp')\n .directive('theme', function () {\n return {\n restrict: 'EA',\n scope: {\n theme: '=',\n callBack: '&onLoad'\n },\n link: function ($scope, $element, $attr) {\n var cw;\n $element.ready(function () {\n cw = $element[0].contentWindow;\n });\n\n $element.on('load', function () {\n return $scope.callBack();\n });\n\n var updatePreview = function (colors) {\n if (!cw) {\n return;\n }\n cw.IonicThemer && cw.IonicThemer.update(colors);\n };\n\n $scope.$watch('theme', function (nv, ov) {\n updatePreview(nv);\n }, true);\n }\n }\n })\n\n .directive('autoFocus', function ($timeout) {\n return {\n restrict: 'AC',\n link: function (_scope, _element) {\n $timeout(function () {\n _element[0].focus();\n }, 0);\n }\n };\n });\n" }, { "path": "client/app/theme/theme.directive.spec.js", "content": "'use strict';\n\ndescribe('Directive: theme', function () {\n\n // load the directive's module\n beforeEach(module('projectsApp'));\n\n var element,\n scope;\n\n beforeEach(inject(function ($rootScope) {\n scope = $rootScope.$new();\n }));\n\n it('should make hidden element visible', inject(function ($compile) {\n element = angular.element('');\n element = $compile(element)(scope);\n expect(element.text()).toBe('this is the theme directive');\n }));\n});" }, { "path": "client/components/preview/preview-buttons.html", "content": "\n\n\n \n \n\n \n\n\n\n\n \n

BUTTONS

\n \n \n\n \n \n \n \n \n \n \n \n \n\n \n\n\n\n\n" }, { "path": "client/components/preview/preview-card.html", "content": "\n\n\n \n \n\n \n\n\n\n\n \n

Title

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

Pretty Hate Machine

\n\n

Nine Inch Nails

\n
\n\n
\n \n
\n\n \n \n Start listening\n \n\n
\n\n \n\n\n\n\n" }, { "path": "client/components/preview/preview-components.html", "content": "\n\n\n \n \n\n \n\n\n\n\n \n

Title

\n \n \n\n \n \n\n\n\n\n" }, { "path": "client/components/preview/preview-form.html", "content": "\n\n\n \n \n\n \n\n\n\n\n \n

Title

\n \n \n\n
\n
\n Inline\n
\n \n \n
\n\n
\n
\n Placeholder labels\n
\n \n \n
\n\n\n
\n
\n Stacked Labels\n
\n \n \n
\n\n\n
\n
\n Floating Labels\n
\n \n \n
\n \n\n\n\n\n" }, { "path": "client/components/preview/preview-header.html", "content": "\n\n\n \n \n\n \n\n\n\n\n \n

bar-light

\n \n \n\n
\n

bar-stable

\n
\n\n
\n

bar-positive

\n
\n\n
\n

bar-calm

\n
\n\n
\n

bar-balanced

\n
\n\n
\n

bar-energized

\n
\n\n
\n

bar-assertive

\n
\n\n
\n

bar-royal

\n
\n\n
\n

bar-dark

\n
\n\n \n\n\n\n\n" }, { "path": "client/components/preview/preview-list.html", "content": "\n\n\n\t\n\t\n\n\t\n\n\n\n\n\t\n\t\t

Title

\n\t\n\t\n\n\t\t
\n\n\t\t\t
\n\t\t\t\tCandy Bars\n\t\t\t
\n\n\t\t\t\n\t\t\t\t\n\t\t\t\tCheck mail\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\tCall Ma\n\t\t\t\t\n\t\t\t\n\n\n\t\t\t\n\t\t\t\t\n\t\t\t\tRecord album\n\t\t\t\tGrammy\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\tFriends\n\t\t\t\t0\n\t\t\t\n\n\t\t\t
\n\t\t\t\tAvatars\n\t\t\t
\n\n\t\t\t\n\t\t\t\tButterfinger\n\t\t\t\n\n\t\t\t\n\t\t\t\tButterfinger\n\t\t\t\n\n\t\t\t
\n\t\t\t\tCall Ma\n\t\t\t\t\n\t\t\t
\n\n\n\t\t\t\n\t\t\t\tButterfinger\n\t\t\t\n\n\n\t\t
\n\n\t\n\n\n\n\n" }, { "path": "client/components/preview/preview-tabs.html", "content": "\n\n\n\t\n\t\n\n\t\n\n\n\n\n\t\n\t\t

Title

\n\t\n\t\n\n\t\n\t\n\n\t\t\n\t\t\t\n\t\t\n\n\t\t\n\t\t\t\n\t\t\n\n\t\t\n\t\t\t\n\t\t\n\n\t\n\n\n\n\n" }, { "path": "client/index.html", "content": "\n\n\n\n\n \n\n \n \n \n Ionic Tailor\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": "client/robots.txt", "content": "# robotstxt.org\n\nUser-agent: *\n" }, { "path": "e2e/main/main.po.js", "content": "/**\n * This file uses the Page Object pattern to define the main page for tests\n * https://docs.google.com/presentation/d/1B6manhG0zEXkC-H-tPo2vwU06JhL8w9-XCF9oehXzAQ\n */\n\n'use strict';\n\nvar MainPage = function() {\n this.heroEl = element(by.css('.hero-unit'));\n this.h1El = this.heroEl.element(by.css('h1'));\n this.imgEl = this.heroEl.element(by.css('img'));\n};\n\nmodule.exports = new MainPage();\n\n" }, { "path": "e2e/main/main.spec.js", "content": "'use strict';\n\ndescribe('Main View', function() {\n var page;\n\n beforeEach(function() {\n browser.get('/');\n page = require('./main.po');\n });\n\n it('should include jumbotron with correct data', function() {\n expect(page.h1El.getText()).toBe('\\'Allo, \\'Allo!');\n expect(page.imgEl.getAttribute('src')).toMatch(/assets\\/images\\/yeoman.png$/);\n expect(page.imgEl.getAttribute('alt')).toBe('I\\'m Yeoman');\n });\n});\n" }, { "path": "karma.conf.js", "content": "// Karma configuration\n// http://karma-runner.github.io/0.10/config/configuration-file.html\n\nmodule.exports = function(config) {\n config.set({\n // base path, that will be used to resolve files and exclude\n basePath: '',\n\n // testing framework to use (jasmine/mocha/qunit/...)\n frameworks: ['jasmine'],\n\n // list of files / patterns to load in the browser\n files: [\n 'client/bower_components/jquery/dist/jquery.js',\n 'client/bower_components/angular/angular.js',\n 'client/bower_components/angular-mocks/angular-mocks.js',\n 'client/bower_components/angular-resource/angular-resource.js',\n 'client/bower_components/angular-cookies/angular-cookies.js',\n 'client/bower_components/angular-sanitize/angular-sanitize.js',\n 'client/bower_components/angular-route/angular-route.js',\n 'client/bower_components/angular-bootstrap/ui-bootstrap-tpls.js',\n 'client/bower_components/lodash/dist/lodash.compat.js',\n 'client/bower_components/angular-ui-router/release/angular-ui-router.js',\n 'client/app/app.js',\n 'client/app/app.coffee',\n 'client/app/**/*.js',\n 'client/app/**/*.coffee',\n 'client/components/**/*.js',\n 'client/components/**/*.coffee',\n 'client/app/**/*.jade',\n 'client/components/**/*.jade',\n 'client/app/**/*.html',\n 'client/components/**/*.html'\n ],\n\n preprocessors: {\n '**/*.jade': 'ng-jade2js',\n '**/*.html': 'html2js',\n '**/*.coffee': 'coffee',\n },\n\n ngHtml2JsPreprocessor: {\n stripPrefix: 'client/'\n },\n\n ngJade2JsPreprocessor: {\n stripPrefix: 'client/'\n },\n\n // list of files / patterns to exclude\n exclude: [],\n\n // web server port\n port: 8080,\n\n // level of logging\n // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG\n logLevel: config.LOG_INFO,\n\n\n // enable / disable watching file and executing tests whenever any file changes\n autoWatch: false,\n\n\n // Start these browsers, currently available:\n // - Chrome\n // - ChromeCanary\n // - Firefox\n // - Opera\n // - Safari (only Mac)\n // - PhantomJS\n // - IE (only Windows)\n browsers: ['PhantomJS'],\n\n\n // Continuous Integration mode\n // if true, it capture browsers, run tests and exit\n singleRun: false\n });\n};\n" }, { "path": "package.json", "content": "{\n \"name\": \"projects\",\n \"version\": \"0.0.0\",\n \"main\": \"server/app.js\",\n \"dependencies\": {\n \"body-parser\": \"~1.0.0\",\n \"composable-middleware\": \"^0.3.0\",\n \"compression\": \"~1.0.1\",\n \"connect-mongo\": \"^0.4.1\",\n \"cookie-parser\": \"~1.0.1\",\n \"ejs\": \"~0.8.4\",\n \"errorhandler\": \"~1.0.0\",\n \"express\": \"~4.8.0\",\n \"express-session\": \"~1.0.2\",\n \"lodash\": \"~2.4.1\",\n \"method-override\": \"~1.0.0\",\n \"mkdirp\": \"^0.5.0\",\n \"mongoose\": \"~3.8.8\",\n \"morgan\": \"~1.0.0\",\n \"node-sass\": \"^0.9.3\",\n \"request\": \"^2.42.0\",\n \"semver\": \"^3.0.1\",\n \"shortid\": \"^2.0.1\",\n \"static-favicon\": \"~1.0.1\"\n },\n \"devDependencies\": {\n \"grunt\": \"~0.4.4\",\n \"grunt-autoprefixer\": \"~0.7.2\",\n \"grunt-bower-install\": \"~1.4.0\",\n \"grunt-concurrent\": \"~0.5.0\",\n \"grunt-contrib-clean\": \"~0.5.0\",\n \"grunt-contrib-concat\": \"~0.4.0\",\n \"grunt-contrib-copy\": \"~0.5.0\",\n \"grunt-contrib-cssmin\": \"~0.9.0\",\n \"grunt-contrib-htmlmin\": \"~0.2.0\",\n \"grunt-contrib-imagemin\": \"~0.7.1\",\n \"grunt-contrib-jshint\": \"~0.10.0\",\n \"grunt-contrib-uglify\": \"~0.4.0\",\n \"grunt-contrib-watch\": \"~0.6.1\",\n \"grunt-google-cdn\": \"~0.4.0\",\n \"grunt-newer\": \"~0.7.0\",\n \"grunt-ng-annotate\": \"^0.2.3\",\n \"grunt-rev\": \"~0.1.0\",\n \"grunt-svgmin\": \"~0.4.0\",\n \"grunt-usemin\": \"~2.1.1\",\n \"grunt-env\": \"~0.4.1\",\n \"grunt-node-inspector\": \"~0.1.5\",\n \"grunt-nodemon\": \"~0.2.0\",\n \"grunt-angular-templates\": \"^0.5.4\",\n \"grunt-dom-munger\": \"^3.4.0\",\n \"grunt-protractor-runner\": \"^1.1.0\",\n \"grunt-asset-injector\": \"^0.1.0\",\n \"grunt-karma\": \"~0.8.2\",\n \"grunt-mocha-test\": \"~0.10.2\",\n \"jit-grunt\": \"^0.5.0\",\n \"time-grunt\": \"~0.3.1\",\n \"grunt-express-server\": \"~0.4.17\",\n \"grunt-open\": \"~0.2.3\",\n \"open\": \"~0.0.4\",\n \"jshint-stylish\": \"~0.1.5\",\n \"connect-livereload\": \"~0.4.0\",\n \"karma-ng-scenario\": \"~0.1.0\",\n \"karma-firefox-launcher\": \"~0.1.3\",\n \"karma-script-launcher\": \"~0.1.0\",\n \"karma-html2js-preprocessor\": \"~0.1.0\",\n \"karma-ng-jade2js-preprocessor\": \"^0.1.2\",\n \"karma-jasmine\": \"~0.1.5\",\n \"karma-chrome-launcher\": \"~0.1.3\",\n \"requirejs\": \"~2.1.11\",\n \"karma-requirejs\": \"~0.2.1\",\n \"karma-coffee-preprocessor\": \"~0.2.1\",\n \"karma-jade-preprocessor\": \"0.0.11\",\n \"karma-phantomjs-launcher\": \"~0.1.4\",\n \"karma\": \"~0.12.9\",\n \"karma-ng-html2js-preprocessor\": \"~0.1.0\",\n \"supertest\": \"~0.11.0\",\n \"should\": \"~3.3.1\"\n },\n \"engines\": {\n \"node\": \">=0.10.0\"\n },\n \"scripts\": {\n \"start\": \"node server/app.js\",\n \"test\": \"grunt test\",\n \"update-webdriver\": \"node node_modules/grunt-protractor-runner/node_modules/protractor/bin/webdriver-manager update\"\n },\n \"private\": true\n}\n" }, { "path": "protractor.conf.js", "content": "// Protractor configuration\n// https://github.com/angular/protractor/blob/master/referenceConf.js\n\n'use strict';\n\nexports.config = {\n // The timeout for each script run on the browser. This should be longer\n // than the maximum time your application needs to stabilize between tasks.\n allScriptsTimeout: 110000,\n\n // A base URL for your application under test. Calls to protractor.get()\n // with relative paths will be prepended with this.\n baseUrl: 'http://localhost:' + (process.env.PORT || '9000'),\n\n // If true, only chromedriver will be started, not a standalone selenium.\n // Tests for browsers other than chrome will not run.\n chromeOnly: true,\n\n // list of files / patterns to load in the browser\n specs: [\n 'e2e/**/*.spec.js'\n ],\n\n // Patterns to exclude.\n exclude: [],\n\n // ----- Capabilities to be passed to the webdriver instance ----\n //\n // For a full list of available capabilities, see\n // https://code.google.com/p/selenium/wiki/DesiredCapabilities\n // and\n // https://code.google.com/p/selenium/source/browse/javascript/webdriver/capabilities.js\n capabilities: {\n 'browserName': 'chrome'\n },\n\n // ----- The test framework -----\n //\n // Jasmine and Cucumber are fully supported as a test and assertion framework.\n // Mocha has limited beta support. You will need to include your own\n // assertion framework if working with mocha.\n framework: 'jasmine',\n\n // ----- Options to be passed to minijasminenode -----\n //\n // See the full list at https://github.com/juliemr/minijasminenode\n jasmineNodeOpts: {\n defaultTimeoutInterval: 30000\n }\n};\n" }, { "path": "server/.jshintrc", "content": "{\n \"node\": true,\n \"esnext\": true,\n \"bitwise\": true,\n \"eqeqeq\": true,\n \"immed\": true,\n \"latedef\": true,\n \"newcap\": true,\n \"noarg\": true,\n \"regexp\": true,\n \"undef\": true,\n \"smarttabs\": true,\n \"asi\": true,\n \"debug\": true\n}" }, { "path": "server/api/compile/compile.controller.js", "content": "'use strict';\n\nvar _ = require('lodash');\nvar Compile = require('./compile.model');\nvar http = require('http');\nvar https = require('https');\nvar fs = require('fs');\nvar request = require('request');\nvar mkdirp = require('mkdirp');\nvar path = require('path');\nvar sass = require('node-sass');\nvar shortId = require('shortid');\n\n\n// GET : download file, remove after success\nexports.download = function (req, res) {\n var id = req.params.id;\n var filename = req.params.filename || \"ionic.app.css\";\n console.log(req.params.filename);\n var file = \"./server/ionic/tmp/ionic-\" + id + \".app.css\";\n\n res.download(path.resolve(file), filename, function (err) { // send file for download\n if (err) {\n console.log(err);\n throw err;\n } else {\n fs.unlink(path.resolve(file), function (err) { // delete file when done\n if (err) {\n console.log(err);\n throw err;\n }\n res.status(200);\n });\n }\n });\n};\n\n\n// POST : Creates a new compile in the DB.\nexports.compile = function (req, res) {\n var postData = req.body;\n var cssType = req.params.cssType;\n var uniqueID = shortId.generate(); // generate a unique ID for tmp file\n var stats = {};\n var sassString = \"\";\n\n mkdirp('./server/ionic/tmp', function (err) { // create temporary folder\n if (err) {\n console.log(err);\n throw err;\n }\n });\n\n console.log(cssType);\n\n if (cssType != \"nested\" && cssType != \"compressed\") {\n res.status(400).json({success: false, id: null, error: \"Wrong CSS type\"}).end();\n }\n\n sassString += \"$ionicons-font-path: '../../../ionic/scss/fonts' !default;\";\n sassString += \"$font-family-sans-serif: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !default;\";\n sassString += \"$font-family-light-sans-serif:'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !default;\"\n sassString += \"$font-family-serif: Georgia, 'Times New Roman', Times, serif !default;\";\n sassString += \"$font-family-monospace: Monaco, Menlo, Consolas, 'Courier New', monospace !default;\";\n\n _.each(postData, function (each) { // create variables SASS compiler string\n sassString += each.variable + \": \" + each.value + \" !default;\\n\";\n });\n\n sassString += \"@import './server/ionic/scss-prod/ionic';\"; // import ionic into SASS compiler string\n\n sass.renderFile({\n data: sassString,\n success: function (css) {\n res.status(200).json({success: true, id: uniqueID});\n },\n error: function (error) {\n console.log(error);\n res.status(400).json({success: false, id: null, error: error});\n },\n outFile: \"./server/ionic/tmp/ionic-\" + uniqueID + \".app.css\",\n outputStyle: cssType,\n stats: stats\n });\n};\n\n\n// GET : compile for live preview\nexports.live = function (req, res) {\n\n var reqData = req.query;\n var sassString = \"\";\n res.set('Content-Type', 'text/css');\n\n sassString += \"$font-family-sans-serif: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !default;\";\n sassString += \"$font-family-light-sans-serif:'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !default;\"\n sassString += \"$font-family-serif: Georgia, 'Times New Roman', Times, serif !default;\";\n sassString += \"$font-family-monospace: Monaco, Menlo, Consolas, 'Courier New', monospace !default;\";\n\n _.each(reqData, function (value, key) {\n sassString += key + \": \" + value + \" !default;\\n\";\n });\n\n sassString += \"@import './server/ionic/scss-live/ionic';\";\n //sassString += \"@function best-text-color($color) { @if (lightness( $color ) > 70) {@return #000000;} @else { @return #FFFFFF;}}\";\n //sassString += \".bar {&.bar-brand { @include bar-style($brand, lighten($brand, 50%), best-text-color($brand));} }\";\n\n\n var stats = {};\n sass.render({\n data: sassString,\n success: function (css) {\n res.send(css);\n },\n error: function (error) {\n console.log(error);\n res.status(400).json({success: false, id: null});\n },\n includePaths: ['ionic/scss/ionic'],\n outputStyle: 'compressed',\n stats: stats\n });\n};\n\n\n// ??? : Update ionic sass files depending on latest version\nexports.update = function (req, res) {\n\n mkdirp('./server/ionic/scss_test', function (err) { // create new scss test folder\n if (!err == null) console.log(err);\n });\n};\n\n\nfunction getNightly(postData) {\n var outputString = \"\";\n var ionicVersion = \"\";\n var githubStr = \"https://github.com/driftyco/ionic/blob/master/\";\n var rawgitStr = \"https://cdn.rawgit.com/driftyco/ionic/master/\";\n\n request('https://cdn.rawgit.com/driftyco/ionic/master/package.json', function (error, response, body) {\n if (!error && response.statusCode == 200) {\n ionicVersion = JSON.parse(body).version;\n\n console.log(ionicVersion);\n\n var gitOptions = {\n url: 'https://api.github.com/repos/driftyco/ionic/contents/scss?', //ref=v' + ionicVersion,\n headers: {'User-Agent': 'request'}\n };\n\n request(gitOptions, function (error, response, body) {\n if (!error && response.statusCode == 200) {\n var scss = JSON.parse(body);\n _.each(scss, function (each) {\n if (each.name != \"ionicons\") {\n var fileIn = each.html_url.replace(githubStr, rawgitStr);\n var fileOut = path.resolve(\"./server/ionic/scss/\" + each.name);\n\n var options = {\n url: fileIn,\n headers: {'User-Agent': 'request'}\n };\n\n request(options, function (error, res, bod) {\n fs.writeFile(path.resolve(fileOut), (bod), function (error) {\n if (error) console.log(\"error : \" + error);\n else {\n _.each(postData, function (each) {\n outputString += each.variable + \": \" + each.value + \" !default;\\n\";\n });\n\n outputString += \"@import './server/ionic/scss/ionic';\";\n\n var dateID = new Date().getTime();\n\n CompileSass(outputString, dateID);\n }\n });\n });\n }\n });\n }\n });\n\n\n }\n });\n}\n\nfunction CompileSass(outputString, dateID) {\n var stats = {};\n sass.renderFile({\n data: outputString,\n success: function (css) {\n //res.status(200).json({success: true, id: dateID});\n },\n error: function (error) {\n console.log(error);\n //res.status(400).json({success: false, id: null});\n },\n includePaths: ['ionic/scss/ionic'],\n outFile: \"./server/ionic/tmp/ionic.app.css\", // + dateID + \".css\",\n outputStyle: 'nested',\n stats: stats\n });\n}\n\nfunction handleError(res, err) {\n return res.send(500, err);\n}\n" }, { "path": "server/api/compile/compile.model.js", "content": "'use strict';\n\nvar mongoose = require('mongoose'),\n Schema = mongoose.Schema;\n\nvar CompileSchema = new Schema({\n name: String,\n info: String,\n active: Boolean\n});\n\nmodule.exports = mongoose.model('Compile', CompileSchema);" }, { "path": "server/api/compile/compile.spec.js", "content": "'use strict';\n\nvar should = require('should');\nvar app = require('../../app');\nvar request = require('supertest');\n\ndescribe('GET /api/compile', function() {\n\n it('should respond with JSON array', function(done) {\n request(app)\n .get('/api/compile')\n .expect(200)\n .expect('Content-Type', /json/)\n .end(function(err, res) {\n if (err) return done(err);\n res.body.should.be.instanceof(Array);\n done();\n });\n });\n});" }, { "path": "server/api/compile/index.js", "content": "'use strict';\n\nvar express = require('express');\nvar controller = require('./compile.controller');\n\nvar router = express.Router();\n\nrouter.get('/download/:id/:filename', controller.download); // download ionic.css\nrouter.get('/live/ionic.css:data', controller.live); // post a live\nrouter.post('/:cssType', controller.compile); // post a new compile script\nrouter.get('/live/:body', controller.live); // post a live\nrouter.put('/:id', controller.update);\n\nmodule.exports = router;\n" }, { "path": "server/api/themes/index.js", "content": "'use strict';\n\nvar express = require('express');\nvar controller = require('./themes.controller');\n\nvar router = express.Router();\n\nrouter.get('/', controller.index);\nrouter.get('/:id', controller.show);\nrouter.post('/', controller.create);\nrouter.put('/:id', controller.update);\nrouter.patch('/:id', controller.update);\nrouter.delete('/:id', controller.destroy);\n\nmodule.exports = router;" }, { "path": "server/api/themes/themes.controller.js", "content": "'use strict';\n\nvar _ = require('lodash');\nvar Themes = require('./themes.model');\n\n// Get list of themess\nexports.index = function(req, res) {\n Themes.find(function (err, themess) {\n if(err) { return handleError(res, err); }\n return res.json(200, themess);\n });\n};\n\n// Get a single themes\nexports.show = function(req, res) {\n Themes.findById(req.params.id, function (err, themes) {\n if(err) { return handleError(res, err); }\n if(!themes) { return res.send(404); }\n return res.json(themes);\n });\n};\n\n// Creates a new themes in the DB.\nexports.create = function(req, res) {\n Themes.create(req.body, function(err, themes) {\n if(err) { return handleError(res, err); }\n return res.json(201, themes);\n });\n};\n\n// Updates an existing themes in the DB.\nexports.update = function(req, res) {\n if(req.body._id) { delete req.body._id; }\n Themes.findById(req.params.id, function (err, themes) {\n if (err) { return handleError(res, err); }\n if(!themes) { return res.send(404); }\n var updated = _.merge(themes, req.body);\n updated.save(function (err) {\n if (err) { return handleError(res, err); }\n return res.json(200, themes);\n });\n });\n};\n\n// Deletes a themes from the DB.\nexports.destroy = function(req, res) {\n Themes.findById(req.params.id, function (err, themes) {\n if(err) { return handleError(res, err); }\n if(!themes) { return res.send(404); }\n themes.remove(function(err) {\n if(err) { return handleError(res, err); }\n return res.send(204);\n });\n });\n};\n\nfunction handleError(res, err) {\n return res.send(500, err);\n}" }, { "path": "server/api/themes/themes.model.js", "content": "'use strict';\n\nvar mongoose = require('mongoose'),\n Schema = mongoose.Schema;\n\nvar ThemesSchema = new Schema({\n name: String,\n info: String,\n active: Boolean\n});\n\nmodule.exports = mongoose.model('Themes', ThemesSchema);" }, { "path": "server/api/themes/themes.spec.js", "content": "'use strict';\n\nvar should = require('should');\nvar app = require('../../app');\nvar request = require('supertest');\n\ndescribe('GET /api/themes', function() {\n\n it('should respond with JSON array', function(done) {\n request(app)\n .get('/api/themes')\n .expect(200)\n .expect('Content-Type', /json/)\n .end(function(err, res) {\n if (err) return done(err);\n res.body.should.be.instanceof(Array);\n done();\n });\n });\n});" }, { "path": "server/app.js", "content": "/**\n * Main application file\n */\n\n'use strict';\n\n// Set default node environment to development\nprocess.env.NODE_ENV = process.env.NODE_ENV || 'development';\n\nvar express = require('express');\nvar mongoose = require('mongoose');\nvar config = require('./config/environment');\n\n// Connect to database\nmongoose.connect(config.mongo.uri, config.mongo.options);\n\n// Populate DB with sample dat\n// Setup server\nvar app = express();\nvar server = require('http').createServer(app);\nrequire('./config/express')(app);\nrequire('./routes')(app);\n\n// Start server\nserver.listen(config.port, config.ip, function () {\n console.log('Express server listening on %d, in %s mode', config.port, app.get('env'));\n});\n\n// Expose app\nexports = module.exports = app;\n" }, { "path": "server/components/errors/index.js", "content": "/**\n * Error responses\n */\n\n'use strict';\n\nmodule.exports[404] = function pageNotFound(req, res) {\n var viewFilePath = '404';\n var statusCode = 404;\n var result = {\n status: statusCode\n };\n\n res.status(result.status);\n res.render(viewFilePath, function (err) {\n if (err) { return res.json(result, result.status); }\n\n res.render(viewFilePath);\n });\n};\n" }, { "path": "server/config/environment/development.js", "content": "'use strict';\n\n// Development specific configuration\n// ==================================\nmodule.exports = {\n // MongoDB connection options\n mongo: {\n uri: 'mongodb://localhost/projects-dev'\n },\n\n seedDB: true\n};\n" }, { "path": "server/config/environment/index.js", "content": "'use strict';\n\nvar path = require('path');\nvar _ = require('lodash');\n\nfunction requiredProcessEnv(name) {\n if(!process.env[name]) {\n throw new Error('You must set the ' + name + ' environment variable');\n }\n return process.env[name];\n}\n\n// All configurations will extend these options\n// ============================================\nvar all = {\n env: process.env.NODE_ENV,\n\n // Root path of server\n root: path.normalize(__dirname + '/../../..'),\n\n // Server port\n port: process.env.PORT || 9000,\n\n // Should we populate the DB with sample data?\n seedDB: false,\n\n // Secret for session, you will want to change this and make it an environment variable\n secrets: {\n session: 'projects-secret'\n },\n\n // List of user roles\n userRoles: ['guest', 'user', 'admin'],\n\n // MongoDB connection options\n mongo: {\n options: {\n db: {\n safe: true\n }\n }\n },\n\n};\n\n// Export the config object based on the NODE_ENV\n// ==============================================\nmodule.exports = _.merge(\n all,\n require('./' + process.env.NODE_ENV + '.js') || {});" }, { "path": "server/config/environment/production.js", "content": "'use strict';\n\n// Production specific configuration\n// =================================\nmodule.exports = {\n // Server IP\n ip: process.env.OPENSHIFT_NODEJS_IP ||\n process.env.IP ||\n undefined,\n\n // Server port\n port: process.env.OPENSHIFT_NODEJS_PORT ||\n process.env.PORT ||\n 8080,\n\n // MongoDB connection options\n mongo: {\n uri: process.env.MONGOLAB_URI ||\n process.env.MONGOHQ_URL ||\n process.env.OPENSHIFT_MONGODB_DB_URL+process.env.OPENSHIFT_APP_NAME ||\n 'mongodb://localhost/projects'\n }\n};" }, { "path": "server/config/environment/test.js", "content": "'use strict';\n\n// Test specific configuration\n// ===========================\nmodule.exports = {\n // MongoDB connection options\n mongo: {\n uri: 'mongodb://localhost/projects-test'\n }\n};" }, { "path": "server/config/express.js", "content": "/**\n * Express configuration\n */\n\n'use strict';\n\nvar express = require('express');\nvar favicon = require('static-favicon');\nvar morgan = require('morgan');\nvar compression = require('compression');\nvar bodyParser = require('body-parser');\nvar methodOverride = require('method-override');\nvar cookieParser = require('cookie-parser');\nvar errorHandler = require('errorhandler');\nvar path = require('path');\nvar config = require('./environment');\n\nmodule.exports = function(app) {\n var env = app.get('env');\n\n app.set('views', config.root + '/server/views');\n app.engine('html', require('ejs').renderFile);\n app.set('view engine', 'html');\n app.use(compression());\n app.use(bodyParser.urlencoded({ extended: false }));\n app.use(bodyParser.json());\n app.use(methodOverride());\n app.use(cookieParser());\n \n if ('production' === env) {\n app.use(favicon(path.join(config.root, 'public', 'favicon.ico')));\n app.use(express.static(path.join(config.root, 'public')));\n app.set('appPath', config.root + '/public');\n app.use(morgan('dev'));\n }\n\n if ('development' === env || 'test' === env) {\n app.use(require('connect-livereload')());\n app.use(express.static(path.join(config.root, '.tmp')));\n app.use(express.static(path.join(config.root, 'client')));\n app.set('appPath', 'client');\n app.use(morgan('dev'));\n app.use(errorHandler()); // Error handler - has to be last\n }\n};" }, { "path": "server/ionic/scss-live/_action-sheet.scss", "content": "/**\n * Action Sheets\n * --------------------------------------------------\n */\n\n.action-sheet-backdrop {\n @include transition(background-color 300ms ease-in-out);\n position: fixed;\n top: 0;\n left: 0;\n z-index: $z-index-action-sheet;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0);\n\n &.active {\n background-color: rgba(0,0,0,0.4);\n }\n}\n\n.action-sheet-wrapper {\n @include translate3d(0, 100%, 0);\n @include transition(all ease-in-out 300ms);\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n\n.action-sheet-up {\n @include translate3d(0, 0, 0);\n}\n\n.action-sheet {\n margin-left: $sheet-margin;\n margin-right: $sheet-margin;\n width: auto;\n z-index: $z-index-action-sheet;\n overflow: hidden;\n\n .button {\n display: block;\n padding: 1px;\n width: 100%;\n border-radius: 0;\n border-color: $sheet-options-border-color;\n background-color: transparent;\n\n color: $sheet-options-text-color;\n font-size: 21px;\n\n &:hover {\n color: $sheet-options-text-color;\n }\n &.destructive {\n color: #ff3b30;\n &:hover {\n color: #ff3b30;\n }\n }\n }\n\n .button.active, .button.activated {\n box-shadow: none;\n border-color: $sheet-options-border-color;\n color: $sheet-options-text-color;\n background: $sheet-options-bg-active-color;\n }\n}\n\n.action-sheet-has-icons .icon {\n position: absolute;\n left: 16px;\n}\n\n.action-sheet-title {\n padding: $sheet-margin * 2;\n color: #8f8f8f;\n text-align: center;\n font-size: 13px;\n}\n\n.action-sheet-group {\n margin-bottom: $sheet-margin;\n border-radius: $sheet-border-radius;\n background-color: #fff;\n overflow: hidden;\n\n .button {\n border-width: 1px 0px 0px 0px;\n }\n .button:first-child:last-child {\n border-width: 0;\n }\n}\n\n.action-sheet-options {\n background: $sheet-options-bg-color;\n}\n\n.action-sheet-cancel {\n .button {\n font-weight: 500;\n }\n}\n\n.action-sheet-open {\n pointer-events: none;\n\n &.modal-open .modal {\n pointer-events: none;\n }\n\n .action-sheet-backdrop {\n pointer-events: auto;\n }\n}\n\n\n.platform-android {\n\n .action-sheet-backdrop.active {\n background-color: rgba(0,0,0,0.2);\n }\n\n .action-sheet {\n margin: 0;\n\n .action-sheet-title,\n .button {\n text-align: left;\n border-color: transparent;\n font-size: 16px;\n color: inherit;\n }\n\n .action-sheet-title {\n font-size: 14px;\n padding: 16px;\n color: #666;\n }\n\n .button.active,\n .button.activated {\n background: #e8e8e8;\n }\n }\n\n .action-sheet-group {\n margin: 0;\n border-radius: 0;\n background-color: #fafafa;\n }\n\n .action-sheet-cancel {\n display: none;\n }\n\n .action-sheet-has-icons {\n\n .button {\n padding-left: 56px;\n }\n\n }\n\n}\n" }, { "path": "server/ionic/scss-live/_animations.scss", "content": "\n// Slide up from the bottom, used for modals\n// -------------------------------\n\n.slide-in-up {\n @include translate3d(0, 100%, 0);\n}\n.slide-in-up.ng-enter,\n.slide-in-up > .ng-enter {\n @include transition(all cubic-bezier(.1, .7, .1, 1) 400ms);\n}\n.slide-in-up.ng-enter-active,\n.slide-in-up > .ng-enter-active {\n @include translate3d(0, 0, 0);\n}\n\n.slide-in-up.ng-leave,\n.slide-in-up > .ng-leave {\n @include transition(all ease-in-out 250ms);\n}\n\n\n// Scale Out\n// Scale from hero (1 in this case) to zero\n// -------------------------------\n\n@-webkit-keyframes scaleOut {\n from { -webkit-transform: scale(1); opacity: 1; }\n to { -webkit-transform: scale(0.8); opacity: 0; }\n}\n@keyframes scaleOut {\n from { transform: scale(1); opacity: 1; }\n to { transform: scale(0.8); opacity: 0; }\n}\n\n\n// Super Scale In\n// Scale from super (1.x) to duper (1 in this case)\n// -------------------------------\n\n@-webkit-keyframes superScaleIn {\n from { -webkit-transform: scale(1.2); opacity: 0; }\n to { -webkit-transform: scale(1); opacity: 1 }\n}\n@keyframes superScaleIn {\n from { transform: scale(1.2); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n}\n" }, { "path": "server/ionic/scss-live/_backdrop.scss", "content": "\n.backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $z-index-backdrop;\n\n width: 100%;\n height: 100%;\n\n background-color: $loading-backdrop-bg-color;\n\n visibility: hidden;\n opacity: 0;\n\n &.visible {\n visibility: visible;\n }\n &.active {\n opacity: 1;\n }\n\n @include transition($loading-backdrop-fadein-duration opacity linear);\n}\n" }, { "path": "server/ionic/scss-live/_badge.scss", "content": "\n/**\n * Badges\n * --------------------------------------------------\n */\n\n.badge {\n @include badge-style($badge-default-bg, $badge-default-text);\n z-index: $z-index-badge;\n display: inline-block;\n padding: 3px 8px;\n min-width: 10px;\n border-radius: $badge-border-radius;\n vertical-align: baseline;\n text-align: center;\n white-space: nowrap;\n font-weight: $badge-font-weight;\n font-size: $badge-font-size;\n line-height: $badge-line-height;\n\n &:empty {\n display: none;\n }\n}\n\n//Be sure to override specificity of rule that 'badge color matches tab color by default'\n.tabs .tab-item .badge,\n.badge {\n &.badge-light {\n @include badge-style($badge-light-bg, $badge-light-text);\n }\n &.badge-stable {\n @include badge-style($badge-stable-bg, $badge-stable-text);\n }\n &.badge-positive {\n @include badge-style($badge-positive-bg, $badge-positive-text);\n }\n &.badge-calm {\n @include badge-style($badge-calm-bg, $badge-calm-text);\n }\n &.badge-assertive {\n @include badge-style($badge-assertive-bg, $badge-assertive-text);\n }\n &.badge-balanced {\n @include badge-style($badge-balanced-bg, $badge-balanced-text);\n }\n &.badge-energized {\n @include badge-style($badge-energized-bg, $badge-energized-text);\n }\n &.badge-royal {\n @include badge-style($badge-royal-bg, $badge-royal-text);\n }\n &.badge-dark {\n @include badge-style($badge-dark-bg, $badge-dark-text);\n }\n}\n\n// Quick fix for labels/badges in buttons\n.button .badge {\n position: relative;\n top: -1px;\n}\n" }, { "path": "server/ionic/scss-live/_bar.scss", "content": "\n/**\n * Bar (Headers and Footers)\n * --------------------------------------------------\n */\n\n.bar {\n @include display-flex();\n @include translate3d(0,0,0);\n @include user-select(none);\n position: absolute;\n right: 0;\n left: 0;\n z-index: $z-index-bar;\n\n box-sizing: border-box;\n padding: $bar-padding-portrait;\n\n width: 100%;\n height: $bar-height;\n border-width: 0;\n border-style: solid;\n border-top: 1px solid transparent;\n border-bottom: 1px solid $bar-default-border;\n\n background-color: $bar-default-bg;\n\n /* border-width: 1px will actually create 2 device pixels on retina */\n /* this nifty trick sets an actual 1px border on hi-res displays */\n background-size: 0;\n @media (min--moz-device-pixel-ratio: 1.5),\n (-webkit-min-device-pixel-ratio: 1.5),\n (min-device-pixel-ratio: 1.5),\n (min-resolution: 144dpi),\n (min-resolution: 1.5dppx) {\n border: none;\n background-image: linear-gradient(0deg, $bar-default-border, $bar-default-border 50%, transparent 50%);\n background-position: bottom;\n background-size: 100% 1px;\n background-repeat: no-repeat;\n }\n\n &.bar-clear {\n border: none;\n background: none;\n color: #fff;\n\n .button {\n color: #fff;\n }\n .title {\n color: #fff;\n }\n }\n\n &.item-input-inset {\n .item-input-wrapper {\n margin-top: -1px;\n\n input {\n padding-left: 8px;\n width: 94%;\n height: 28px;\n background: transparent;\n }\n }\n }\n\n &.bar-light {\n @include bar-style($bar-light-bg, $bar-light-border, $bar-light-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-light-border, $bar-light-border 50%, transparent 50%);\n }\n }\n &.bar-stable {\n @include bar-style($bar-stable-bg, $bar-stable-border, $bar-stable-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-stable-border, $bar-stable-border 50%, transparent 50%);\n }\n }\n &.bar-positive {\n @include bar-style($bar-positive-bg, $bar-positive-border, $bar-positive-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-positive-border, $bar-positive-border 50%, transparent 50%);\n }\n }\n &.bar-calm {\n @include bar-style($bar-calm-bg, $bar-calm-border, $bar-calm-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-calm-border, $bar-calm-border 50%, transparent 50%);\n }\n }\n &.bar-assertive {\n @include bar-style($bar-assertive-bg, $bar-assertive-border, $bar-assertive-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-assertive-border, $bar-assertive-border 50%, transparent 50%);\n }\n }\n &.bar-balanced {\n @include bar-style($bar-balanced-bg, $bar-balanced-border, $bar-balanced-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-balanced-border, $bar-positive-border 50%, transparent 50%);\n }\n }\n &.bar-energized {\n @include bar-style($bar-energized-bg, $bar-energized-border, $bar-energized-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-energized-border, $bar-energized-border 50%, transparent 50%);\n }\n }\n &.bar-royal {\n @include bar-style($bar-royal-bg, $bar-royal-border, $bar-royal-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-royal-border, $bar-royal-border 50%, transparent 50%);\n }\n }\n &.bar-dark {\n @include bar-style($bar-dark-bg, $bar-dark-border, $bar-dark-text);\n &.bar-footer{\n background-image: linear-gradient(180deg, $bar-dark-border, $bar-dark-border 50%, transparent 50%);\n }\n }\n\n // Title inside of a bar is centered\n .title {\n position: absolute;\n\n top: 0;\n right: 0;\n left: 0;\n z-index: $z-index-bar-title;\n overflow: hidden;\n\n margin: 0 10px;\n\n min-width: 30px;\n height: $bar-height - 1;\n\n text-align: center;\n\n // Go into ellipsis if too small\n text-overflow: ellipsis;\n white-space: nowrap;\n\n font-size: $bar-title-font-size;\n font-weight: $headings-font-weight;\n\n line-height: $bar-height;\n\n &.title-left {\n text-align: left;\n }\n &.title-right {\n text-align: right;\n }\n }\n\n .title a {\n color: inherit;\n }\n\n .button {\n z-index: $z-index-bar-button;\n padding: 0 $button-bar-button-padding;\n min-width: initial;\n min-height: $button-bar-button-height - 1;\n font-weight: 400;\n font-size: $button-bar-button-font-size;\n line-height: $button-bar-button-height;\n\n &.button-icon:before,\n .icon:before,\n &.icon:before,\n &.icon-left:before,\n &.icon-right:before {\n padding-right: 2px;\n padding-left: 2px;\n font-size: $button-bar-button-icon-size;\n line-height: $button-bar-button-height;\n }\n\n &.button-icon {\n font-size: $bar-title-font-size;\n .icon:before,\n &:before,\n &.icon-left:before,\n &.icon-right:before {\n vertical-align: top;\n font-size: $button-large-icon-size;\n line-height: $button-bar-button-height;\n }\n }\n &.button-clear {\n padding-right: 2px;\n padding-left: 2px;\n font-weight: 300;\n font-size: $bar-title-font-size;\n\n .icon:before,\n &.icon:before,\n &.icon-left:before,\n &.icon-right:before {\n font-size: $button-large-icon-size;\n line-height: $button-bar-button-height;\n }\n }\n\n &.back-button {\n display: block;\n margin-right: 5px;\n padding: 0;\n white-space: nowrap;\n font-weight: 400;\n }\n\n &.back-button.active,\n &.back-button.activated {\n opacity: 0.2;\n }\n }\n\n .button-bar > .button,\n .buttons > .button {\n min-height: $button-bar-button-height - 1;\n line-height: $button-bar-button-height;\n }\n\n .button-bar + .button,\n .button + .button-bar {\n margin-left: 5px;\n }\n\n // Android 4.4 messes with the display property\n .buttons,\n .buttons.primary-buttons,\n .buttons.secondary-buttons {\n display: inherit;\n }\n .buttons span {\n display: inline-block;\n }\n .buttons-left span {\n margin-right: 5px;\n }\n .buttons-right span {\n margin-left: 5px;\n }\n\n // Place the last button in a bar on the right of the bar\n .title + .button:last-child,\n > .button + .button:last-child,\n > .button.pull-right,\n .buttons.pull-right,\n .title + .buttons {\n position: absolute;\n top: 5px;\n right: 5px;\n bottom: 5px;\n }\n\n}\n\n.platform-android {\n\n .bar {\n\n .back-button .icon:before {\n font-size: 24px;\n }\n\n .title {\n font-size: 19px;\n line-height: 43px;\n }\n }\n\n}\n\n// Default styles for buttons inside of styled bars\n.bar-light {\n .button {\n @include button-style($bar-light-bg, $bar-light-border, $bar-light-active-bg, $bar-light-active-border, $bar-light-text);\n @include button-clear($bar-light-text, $bar-title-font-size);\n }\n}\n.bar-stable {\n .button {\n @include button-style($bar-stable-bg, $bar-stable-border, $bar-stable-active-bg, $bar-stable-active-border, $bar-stable-text);\n @include button-clear($bar-stable-text, $bar-title-font-size);\n }\n}\n.bar-positive {\n .button {\n @include button-style($bar-positive-bg, $bar-positive-border, $bar-positive-active-bg, $bar-positive-active-border, $bar-positive-text);\n @include button-clear(#fff, $bar-title-font-size);\n }\n}\n.bar-calm {\n .button {\n @include button-style($bar-calm-bg, $bar-calm-border, $bar-calm-active-bg, $bar-calm-active-border, $bar-calm-text);\n @include button-clear(#fff, $bar-title-font-size);\n }\n}\n.bar-assertive {\n .button {\n @include button-style($bar-assertive-bg, $bar-assertive-border, $bar-assertive-active-bg, $bar-assertive-active-border, $bar-assertive-text);\n @include button-clear(#fff, $bar-title-font-size);\n }\n}\n.bar-balanced {\n .button {\n @include button-style($bar-balanced-bg, $bar-balanced-border, $bar-balanced-active-bg, $bar-balanced-active-border, $bar-balanced-text);\n @include button-clear(#fff, $bar-title-font-size);\n }\n}\n.bar-energized {\n .button {\n @include button-style($bar-energized-bg, $bar-energized-border, $bar-energized-active-bg, $bar-energized-active-border, $bar-energized-text);\n @include button-clear(#fff, $bar-title-font-size);\n }\n}\n.bar-royal {\n .button {\n @include button-style($bar-royal-bg, $bar-royal-border, $bar-royal-active-bg, $bar-royal-active-border, $bar-royal-text);\n @include button-clear(#fff, $bar-title-font-size);\n }\n}\n.bar-dark {\n .button {\n @include button-style($bar-dark-bg, $bar-dark-border, $bar-dark-active-bg, $bar-dark-active-border, $bar-dark-text);\n @include button-clear(#fff, $bar-title-font-size);\n }\n}\n\n// Header at top\n.bar-header {\n top: 0;\n border-top-width: 0;\n border-bottom-width: 1px;\n &.has-tabs-top{\n border-bottom-width: 0px;\n background-image: none;\n }\n}\n.tabs-top .bar-header{\n border-bottom-width: 0px;\n background-image: none;\n}\n\n// Footer at bottom\n.bar-footer {\n bottom: 0;\n border-top-width: 1px;\n border-bottom-width: 0;\n background-position: top;\n\n height: $bar-footer-height;\n\n &.item-input-inset {\n position: absolute;\n }\n}\n\n// Don't render padding if the bar is just for tabs\n.bar-tabs {\n padding: 0;\n}\n\n.bar-subheader {\n top: $bar-height;\n display: block;\n\n height: $bar-subheader-height;\n}\n.bar-subfooter {\n bottom: $bar-footer-height;\n display: block;\n\n height: $bar-subfooter-height;\n}\n\n.nav-bar-block {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: $z-index-bar;\n}\n\n.bar .back-button.hide,\n.bar .buttons .hide {\n display: none;\n}\n" }, { "path": "server/ionic/scss-live/_button-bar.scss", "content": "\n/**\n * Button Bar\n * --------------------------------------------------\n */\n\n.button-bar {\n @include display-flex();\n @include flex(1);\n width: 100%;\n\n &.button-bar-inline {\n display: block;\n width: auto;\n\n @include clearfix();\n\n > .button {\n width: auto;\n display: inline-block;\n float: left;\n }\n }\n}\n\n.button-bar > .button {\n @include flex(1);\n display: block;\n \n overflow: hidden;\n\n padding: 0 16px;\n\n width: 0;\n\n border-width: 1px 0px 1px 1px;\n border-radius: 0;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:before,\n .icon:before {\n line-height: 44px;\n }\n\n &:first-child {\n border-radius: $button-border-radius 0px 0px $button-border-radius;\n }\n &:last-child {\n border-right-width: 1px;\n border-radius: 0px $button-border-radius $button-border-radius 0px;\n }\n}\n" }, { "path": "server/ionic/scss-live/_button.scss", "content": "\n/**\n * Buttons\n * --------------------------------------------------\n */\n\n.button {\n // set the color defaults\n @include button-style($button-default-bg, $button-default-border, $button-default-active-bg, $button-default-active-border, $button-default-text);\n\n position: relative;\n display: inline-block;\n margin: 0;\n padding: 0 $button-padding;\n\n min-width: ($button-padding * 3) + $button-font-size;\n min-height: $button-height + 5px;\n\n border-width: $button-border-width;\n border-style: solid;\n border-radius: $button-border-radius;\n\n vertical-align: top;\n text-align: center;\n\n text-overflow: ellipsis;\n font-size: $button-font-size;\n line-height: $button-height - $button-border-width + 1px;\n\n cursor: pointer;\n\n &:after {\n // used to create a larger button \"hit\" area\n position: absolute;\n top: -6px;\n right: -6px;\n bottom: -6px;\n left: -6px;\n content: ' ';\n }\n\n .icon {\n vertical-align: top;\n pointer-events: none;\n }\n\n .icon:before,\n &.icon:before,\n &.icon-left:before,\n &.icon-right:before {\n display: inline-block;\n padding: 0 0 $button-border-width 0;\n vertical-align: inherit;\n font-size: $button-icon-size;\n line-height: $button-height - $button-border-width;\n pointer-events: none;\n }\n &.icon-left:before {\n float: left;\n padding-right: .2em;\n padding-left: 0;\n }\n &.icon-right:before {\n float: right;\n padding-right: 0;\n padding-left: .2em;\n }\n\n &.button-block, &.button-full {\n margin-top: $button-block-margin;\n margin-bottom: $button-block-margin;\n }\n\n &.button-light {\n @include button-style($button-light-bg, $button-light-border, $button-light-active-bg, $button-light-active-border, $button-light-text);\n @include button-clear($button-light-border);\n @include button-outline($button-light-border);\n }\n\n &.button-stable {\n @include button-style($button-stable-bg, $button-stable-border, $button-stable-active-bg, $button-stable-active-border, $button-stable-text);\n @include button-clear($button-stable-border);\n @include button-outline($button-stable-border);\n }\n\n &.button-positive {\n @include button-style($button-positive-bg, $button-positive-border, $button-positive-active-bg, $button-positive-active-border, $button-positive-text);\n @include button-clear($button-positive-bg);\n @include button-outline($button-positive-bg);\n }\n\n &.button-calm {\n @include button-style($button-calm-bg, $button-calm-border, $button-calm-active-bg, $button-calm-active-border, $button-calm-text);\n @include button-clear($button-calm-bg);\n @include button-outline($button-calm-bg);\n }\n\n &.button-assertive {\n @include button-style($button-assertive-bg, $button-assertive-border, $button-assertive-active-bg, $button-assertive-active-border, $button-assertive-text);\n @include button-clear($button-assertive-bg);\n @include button-outline($button-assertive-bg);\n }\n\n &.button-balanced {\n @include button-style($button-balanced-bg, $button-balanced-border, $button-balanced-active-bg, $button-balanced-active-border, $button-balanced-text);\n @include button-clear($button-balanced-bg);\n @include button-outline($button-balanced-bg);\n }\n\n &.button-energized {\n @include button-style($button-energized-bg, $button-energized-border, $button-energized-active-bg, $button-energized-active-border, $button-energized-text);\n @include button-clear($button-energized-bg);\n @include button-outline($button-energized-bg);\n }\n\n &.button-royal {\n @include button-style($button-royal-bg, $button-royal-border, $button-royal-active-bg, $button-royal-active-border, $button-royal-text);\n @include button-clear($button-royal-bg);\n @include button-outline($button-royal-bg);\n }\n\n &.button-dark {\n @include button-style($button-dark-bg, $button-dark-border, $button-dark-active-bg, $button-dark-active-border, $button-dark-text);\n @include button-clear($button-dark-bg);\n @include button-outline($button-dark-bg);\n }\n}\n\n.button-small {\n padding: 2px $button-small-padding 1px;\n min-width: $button-small-height;\n min-height: $button-small-height + 2;\n font-size: $button-small-font-size;\n line-height: $button-small-height - $button-border-width - 1;\n\n .icon:before,\n &.icon:before,\n &.icon-left:before,\n &.icon-right:before {\n font-size: $button-small-icon-size;\n line-height: $button-small-icon-size + 3;\n margin-top: 3px;\n }\n}\n\n.button-large {\n padding: 0 $button-large-padding;\n min-width: ($button-large-padding * 3) + $button-large-font-size;\n min-height: $button-large-height + 5;\n font-size: $button-large-font-size;\n line-height: $button-large-height - $button-border-width;\n\n .icon:before,\n &.icon:before,\n &.icon-left:before,\n &.icon-right:before {\n padding-bottom: ($button-border-width * 2);\n font-size: $button-large-icon-size;\n line-height: $button-large-height - ($button-border-width * 2) - 1;\n }\n}\n\n.button-icon {\n @include transition(opacity .1s);\n padding: 0 6px;\n min-width: initial;\n border-color: transparent;\n background: none;\n\n &.button.active,\n &.button.activated {\n border-color: transparent;\n background: none;\n box-shadow: none;\n opacity: 0.3;\n }\n\n .icon:before,\n &.icon:before {\n font-size: $button-large-icon-size;\n }\n}\n\n.button-clear {\n @include button-clear($button-default-border);\n @include transition(opacity .1s);\n padding: 0 $button-clear-padding;\n max-height: $button-height;\n border-color: transparent;\n background: none;\n box-shadow: none;\n\n &.active,\n &.activated {\n opacity: 0.3;\n }\n}\n\n.button-outline {\n @include button-outline($button-default-border);\n @include transition(opacity .1s);\n background: none;\n box-shadow: none;\n}\n\n.padding > .button.button-block:first-child {\n margin-top: 0;\n}\n\n.button-block {\n display: block;\n clear: both;\n\n &:after {\n clear: both;\n }\n}\n\n.button-full,\n.button-full > .button {\n display: block;\n margin-right: 0;\n margin-left: 0;\n border-right-width: 0;\n border-left-width: 0;\n border-radius: 0;\n}\n\nbutton.button-block,\nbutton.button-full,\n.button-full > button.button,\ninput.button.button-block {\n width: 100%;\n}\n\na.button {\n text-decoration: none;\n\n .icon:before,\n &.icon:before,\n &.icon-left:before,\n &.icon-right:before {\n margin-top: 2px;\n }\n}\n\n.button.disabled,\n.button[disabled] {\n opacity: .4;\n cursor: default !important;\n pointer-events: none;\n}\n" }, { "path": "server/ionic/scss-live/_checkbox.scss", "content": "\n/**\n * Checkbox\n * --------------------------------------------------\n */\n\n.checkbox {\n // set the color defaults\n @include checkbox-style($checkbox-off-border-default, $checkbox-on-bg-default, $checkbox-on-border-default);\n\n position: relative;\n display: inline-block;\n padding: ($checkbox-height / 4) ($checkbox-width / 4);\n cursor: pointer;\n}\n.checkbox-light {\n @include checkbox-style($checkbox-off-border-light, $checkbox-on-bg-light, $checkbox-off-border-light);\n}\n.checkbox-stable {\n @include checkbox-style($checkbox-off-border-stable, $checkbox-on-bg-stable, $checkbox-off-border-stable);\n}\n.checkbox-positive {\n @include checkbox-style($checkbox-off-border-positive, $checkbox-on-bg-positive, $checkbox-off-border-positive);\n}\n.checkbox-calm {\n @include checkbox-style($checkbox-off-border-calm, $checkbox-on-bg-calm, $checkbox-off-border-calm);\n}\n.checkbox-assertive {\n @include checkbox-style($checkbox-off-border-assertive, $checkbox-on-bg-assertive, $checkbox-off-border-assertive);\n}\n.checkbox-balanced {\n @include checkbox-style($checkbox-off-border-balanced, $checkbox-on-bg-balanced, $checkbox-off-border-balanced);\n}\n.checkbox-energized{\n @include checkbox-style($checkbox-off-border-energized, $checkbox-on-bg-energized, $checkbox-off-border-energized);\n}\n.checkbox-royal {\n @include checkbox-style($checkbox-off-border-royal, $checkbox-on-bg-royal, $checkbox-off-border-royal);\n}\n.checkbox-dark {\n @include checkbox-style($checkbox-off-border-dark, $checkbox-on-bg-dark, $checkbox-off-border-dark);\n}\n\n.checkbox input:disabled:before,\n.checkbox input:disabled + .checkbox-icon:before {\n border-color: $checkbox-off-border-light;\n}\n\n.checkbox input:disabled:checked:before,\n.checkbox input:disabled:checked + .checkbox-icon:before {\n background: $checkbox-on-bg-light;\n}\n\n\n.checkbox.checkbox-input-hidden input {\n display: none !important;\n}\n\n.checkbox input,\n.checkbox-icon {\n position: relative;\n width: $checkbox-width;\n height: $checkbox-height;\n display: block;\n border: 0;\n background: transparent;\n cursor: pointer;\n -webkit-appearance: none;\n\n &:before {\n // what the checkbox looks like when its not checked\n display: table;\n width: 100%;\n height: 100%;\n border-width: $checkbox-border-width;\n border-style: solid;\n border-radius: $checkbox-border-radius;\n background: $checkbox-off-bg-color;\n content: ' ';\n @include transition(background-color 20ms ease-in-out);\n }\n}\n\n.checkbox input:checked:before,\ninput:checked + .checkbox-icon:before {\n border-width: $checkbox-border-width + 1;\n}\n\n// the checkmark within the box\n.checkbox input:after,\n.checkbox-icon:after {\n @include transition(opacity .05s ease-in-out);\n @include rotate(-45deg);\n position: absolute;\n top: 33%;\n left: 25%;\n display: table;\n width: ($checkbox-width / 2);\n height: ($checkbox-width / 4) - 1;\n border: $checkbox-check-width solid $checkbox-check-color;\n border-top: 0;\n border-right: 0;\n content: ' ';\n opacity: 0;\n}\n\n.platform-android .checkbox-platform input:before,\n.platform-android .checkbox-platform .checkbox-icon:before,\n.checkbox-square input:before,\n.checkbox-square .checkbox-icon:before {\n border-radius: 2px;\n width: 72%;\n height: 72%;\n margin-top: 14%;\n margin-left: 14%;\n border-width: 2px;\n}\n\n.platform-android .checkbox-platform input:after,\n.platform-android .checkbox-platform .checkbox-icon:after,\n.checkbox-square input:after,\n.checkbox-square .checkbox-icon:after {\n border-width: 2px;\n top: 19%;\n left: 25%;\n width: ($checkbox-width / 2) - 1;\n height: 7px;\n}\n\n.grade-c .checkbox input:after,\n.grade-c .checkbox-icon:after {\n @include rotate(0);\n top: 3px;\n left: 4px;\n border: none;\n color: $checkbox-check-color;\n content: '\\2713';\n font-weight: bold;\n font-size: 20px;\n}\n\n// what the checkmark looks like when its checked\n.checkbox input:checked:after,\ninput:checked + .checkbox-icon:after {\n opacity: 1;\n}\n\n// make sure item content have enough padding on left to fit the checkbox\n.item-checkbox {\n padding-left: ($item-padding * 2) + $checkbox-width;\n\n &.active {\n box-shadow: none;\n }\n}\n\n// position the checkbox to the left within an item\n.item-checkbox .checkbox {\n position: absolute;\n top: 50%;\n right: $item-padding / 2;\n left: $item-padding / 2;\n z-index: $z-index-item-checkbox;\n margin-top: (($checkbox-height + ($checkbox-height / 2)) / 2) * -1;\n}\n\n\n.item-checkbox.item-checkbox-right {\n padding-right: ($item-padding * 2) + $checkbox-width;\n padding-left: $item-padding;\n}\n\n.item-checkbox-right .checkbox input,\n.item-checkbox-right .checkbox-icon {\n float: right;\n}\n" }, { "path": "server/ionic/scss-live/_form.scss", "content": "/**\n * Forms\n * --------------------------------------------------\n */\n\n// Make all forms have space below them\nform {\n margin: 0 0 $line-height-base;\n}\n\n// Groups of fields with labels on top (legends)\nlegend {\n display: block;\n margin-bottom: $line-height-base;\n padding: 0;\n width: 100%;\n border: $input-border-width solid $input-border;\n color: $dark;\n font-size: $font-size-base * 1.5;\n line-height: $line-height-base * 2;\n\n small {\n color: $stable;\n font-size: $line-height-base * .75;\n }\n}\n\n// Set font for forms\nlabel,\ninput,\nbutton,\nselect,\ntextarea {\n @include font-shorthand($font-size-base, normal, $line-height-base); // Set size, weight, line-height here\n}\ninput,\nbutton,\nselect,\ntextarea {\n font-family: $font-family-base; // And only set font-family here for those that need it (note the missing label element)\n}\n\n\n// Input List\n// -------------------------------\n\n.item-input {\n @include display-flex();\n @include align-items(center);\n position: relative;\n overflow: hidden;\n padding: 6px 0 5px 16px;\n\n input {\n @include border-radius(0);\n @include flex(1, 0, 220px);\n @include appearance(none);\n margin: 0;\n padding-right: 24px;\n background-color: transparent;\n }\n\n .button .icon {\n @include flex(0, 0, 24px);\n position: static;\n display: inline-block;\n height: auto;\n text-align: center;\n font-size: 16px;\n }\n\n .button-bar {\n @include border-radius(0);\n @include flex(1, 0, 220px);\n @include appearance(none);\n }\n\n .icon {\n min-width: 14px;\n }\n}\n\n.item-input-inset {\n @include display-flex();\n @include align-items(center);\n position: relative;\n overflow: hidden;\n padding: ($item-padding / 3) * 2;\n}\n\n.item-input-wrapper {\n @include display-flex();\n @include flex(1, 0);\n @include align-items(center);\n @include border-radius(4px);\n padding-right: 8px;\n padding-left: 8px;\n background: #eee;\n}\n\n.item-input-inset .item-input-wrapper input {\n padding-left: 4px;\n height: 29px;\n background: transparent;\n line-height: 18px;\n}\n\n.item-input-wrapper ~ .button {\n margin-left: ($item-padding / 3) * 2;\n}\n\n.input-label {\n @include flex(1, 0, 100px);\n display: table;\n padding: 7px 10px 7px 0px;\n max-width: 200px;\n width: 35%;\n color: $input-label-color;\n font-size: 16px;\n}\n\n.placeholder-icon {\n color: #aaa;\n &:first-child {\n padding-right: 6px;\n }\n &:last-child {\n padding-left: 6px;\n }\n}\n\n.item-stacked-label {\n display: block;\n background-color: transparent;\n box-shadow: none;\n\n .input-label, .icon {\n display: inline-block;\n padding: 4px 0 0 0px;\n vertical-align: middle;\n }\n}\n\n.item-stacked-label input,\n.item-stacked-label textarea {\n @include border-radius(2px);\n padding: 4px 8px 3px 0;\n border: none;\n background-color: $input-bg;\n}\n.item-stacked-label input {\n overflow: hidden;\n height: $line-height-computed + $font-size-base + 12px;\n}\n\n.item-floating-label {\n display: block;\n background-color: transparent;\n box-shadow: none;\n\n .input-label {\n position: relative;\n padding: 5px 0 0 0;\n opacity: 0;\n top: 10px;\n @include transition(opacity .15s ease-in, top .2s linear);\n\n &.has-input {\n opacity: 1;\n top: 0;\n @include transition(opacity .15s ease-in, top .2s linear);\n }\n }\n}\n\n\n// Form Controls\n// -------------------------------\n\n// Shared size and type resets\ntextarea,\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"] {\n display: block;\n padding-top: 2px;\n padding-left: 0;\n height: $line-height-computed + $font-size-base;\n color: $input-color;\n vertical-align: middle;\n font-size: $font-size-base;\n line-height: $font-size-base + 2;\n}\n\n.platform-ios,\n.platform-android {\n input[type=\"datetime-local\"],\n input[type=\"date\"],\n input[type=\"month\"],\n input[type=\"time\"],\n input[type=\"week\"] {\n padding-top: 8px;\n }\n}\n\ninput,\ntextarea {\n width: 100%;\n}\ntextarea {\n padding-left: 0;\n @include placeholder($input-color-placeholder, -3px);\n}\n\n// Reset height since textareas have rows\ntextarea {\n height: auto;\n}\n\n// Everything else\ntextarea,\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"] {\n border: 0;\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 0;\n line-height: normal;\n}\n\n// Reset width of input images, buttons, radios, checkboxes\ninput[type=\"file\"],\ninput[type=\"image\"],\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"],\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n width: auto; // Override of generic input selector\n}\n\n// Set the height of file to match text inputs\ninput[type=\"file\"] {\n line-height: $input-height-base;\n}\n\n// Text input classes to hide text caret during scroll\n.previous-input-focus,\n.cloned-text-input + input,\n.cloned-text-input + textarea {\n position: absolute !important;\n left: -9999px;\n width: 200px;\n}\n\n\n// Placeholder\n// -------------------------------\ninput,\ntextarea {\n @include placeholder();\n}\n\n\n// DISABLED STATE\n// -------------------------------\n\n// Disabled and read-only inputs\ninput[disabled],\nselect[disabled],\ntextarea[disabled],\ninput[readonly]:not(.cloned-text-input),\ntextarea[readonly]:not(.cloned-text-input),\nselect[readonly] {\n background-color: $input-bg-disabled;\n cursor: not-allowed;\n}\n// Explicitly reset the colors here\ninput[type=\"radio\"][disabled],\ninput[type=\"checkbox\"][disabled],\ninput[type=\"radio\"][readonly],\ninput[type=\"checkbox\"][readonly] {\n background-color: transparent;\n}\n" }, { "path": "server/ionic/scss-live/_grid.scss", "content": "/**\n * Grid\n * --------------------------------------------------\n * Using flexbox for the grid, inspired by Philip Walton:\n * http://philipwalton.github.io/solved-by-flexbox/demos/grids/\n * By default each .col within a .row will evenly take up\n * available width, and the height of each .col with take\n * up the height of the tallest .col in the same .row.\n */\n\n.row {\n @include display-flex();\n padding: ($grid-padding-width / 2);\n width: 100%;\n}\n\n.row-wrap {\n @include flex-wrap(wrap);\n}\n\n.row + .row {\n margin-top: ($grid-padding-width / 2) * -1;\n padding-top: 0;\n}\n\n.col {\n @include flex(1);\n display: block;\n padding: ($grid-padding-width / 2);\n width: 100%;\n}\n\n\n/* Vertically Align Columns */\n/* .row-* vertically aligns every .col in the .row */\n.row-top {\n @include align-items(flex-start);\n}\n.row-bottom {\n @include align-items(flex-end);\n}\n.row-center {\n @include align-items(center);\n}\n.row-stretch {\n @include align-items(stretch);\n}\n.row-baseline {\n @include align-items(baseline);\n}\n\n/* .col-* vertically aligns an individual .col */\n.col-top {\n @include align-self(flex-start);\n}\n.col-bottom {\n @include align-self(flex-end);\n}\n.col-center {\n @include align-self(center);\n}\n\n/* Column Offsets */\n.col-offset-10 {\n margin-left: 10%;\n}\n.col-offset-20 {\n margin-left: 20%;\n}\n.col-offset-25 {\n margin-left: 25%;\n}\n.col-offset-33, .col-offset-34 {\n margin-left: 33.3333%;\n}\n.col-offset-50 {\n margin-left: 50%;\n}\n.col-offset-66, .col-offset-67 {\n margin-left: 66.6666%;\n}\n.col-offset-75 {\n margin-left: 75%;\n}\n.col-offset-80 {\n margin-left: 80%;\n}\n.col-offset-90 {\n margin-left: 90%;\n}\n\n\n/* Explicit Column Percent Sizes */\n/* By default each grid column will evenly distribute */\n/* across the grid. However, you can specify individual */\n/* columns to take up a certain size of the available area */\n.col-10 {\n @include flex(0, 0, 10%);\n max-width: 10%;\n}\n.col-20 {\n @include flex(0, 0, 20%);\n max-width: 20%;\n}\n.col-25 {\n @include flex(0, 0, 25%);\n max-width: 25%;\n}\n.col-33, .col-34 {\n @include flex(0, 0, 33.3333%);\n max-width: 33.3333%;\n}\n.col-50 {\n @include flex(0, 0, 50%);\n max-width: 50%;\n}\n.col-66, .col-67 {\n @include flex(0, 0, 66.6666%);\n max-width: 66.6666%;\n}\n.col-75 {\n @include flex(0, 0, 75%);\n max-width: 75%;\n}\n.col-80 {\n @include flex(0, 0, 80%);\n max-width: 80%;\n}\n.col-90 {\n @include flex(0, 0, 90%);\n max-width: 90%;\n}\n\n\n/* Responsive Grid Classes */\n/* Adding a class of responsive-X to a row */\n/* will trigger the flex-direction to */\n/* change to column and add some margin */\n/* to any columns in the row for clearity */\n\n@include responsive-grid-break('.responsive-sm', $grid-responsive-sm-break);\n@include responsive-grid-break('.responsive-md', $grid-responsive-md-break);\n@include responsive-grid-break('.responsive-lg', $grid-responsive-lg-break);\n" }, { "path": "server/ionic/scss-live/_items.scss", "content": "/**\n * Items\n * --------------------------------------------------\n */\n\n.item {\n @include item-style($item-default-bg, $item-default-border, $item-default-text);\n\n position: relative;\n z-index: $z-index-item; // Make sure the borders and stuff don't get hidden by children\n display: block;\n\n margin: $item-border-width * -1;\n padding: $item-padding;\n\n border-width: $item-border-width;\n border-style: solid;\n font-size: $item-font-size;\n\n h2 {\n margin: 0 0 2px 0;\n font-size: 16px;\n font-weight: normal;\n }\n h3 {\n margin: 0 0 4px 0;\n font-size: 14px;\n }\n h4 {\n margin: 0 0 4px 0;\n font-size: 12px;\n }\n h5, h6 {\n margin: 0 0 3px 0;\n font-size: 10px;\n }\n p {\n color: #666;\n font-size: 14px;\n margin-bottom: 2px;\n }\n\n h1:last-child,\n h2:last-child,\n h3:last-child,\n h4:last-child,\n h5:last-child,\n h6:last-child,\n p:last-child {\n margin-bottom: 0;\n }\n\n // Align badges within items\n .badge {\n @include display-flex();\n position: absolute;\n top: $item-padding;\n right: ($item-padding * 2);\n }\n &.item-button-right .badge {\n right: ($item-padding * 2) + 35;\n }\n &.item-divider .badge {\n top: ceil($item-padding / 2);\n }\n .badge + .badge {\n margin-right: 5px;\n }\n\n // Different themes for items\n &.item-light {\n @include item-style($item-light-bg, $item-light-border, $item-light-text);\n }\n &.item-stable {\n @include item-style($item-stable-bg, $item-stable-border, $item-stable-text);\n }\n &.item-positive {\n @include item-style($item-positive-bg, $item-positive-border, $item-positive-text);\n }\n &.item-calm {\n @include item-style($item-calm-bg, $item-calm-border, $item-calm-text);\n }\n &.item-assertive {\n @include item-style($item-assertive-bg, $item-assertive-border, $item-assertive-text);\n }\n &.item-balanced {\n @include item-style($item-balanced-bg, $item-balanced-border, $item-balanced-text);\n }\n &.item-energized {\n @include item-style($item-energized-bg, $item-energized-border, $item-energized-text);\n }\n &.item-royal {\n @include item-style($item-royal-bg, $item-royal-border, $item-royal-text);\n }\n &.item-dark {\n @include item-style($item-dark-bg, $item-dark-border, $item-dark-text);\n }\n\n &[ng-click]:hover {\n cursor: pointer;\n }\n\n}\n\n.list-borderless .item,\n.item-borderless {\n border-width: 0;\n}\n\n// Link and Button Active States\n.item.active,\n.item.activated,\n.item-complex.active .item-content,\n.item-complex.activated .item-content,\n.item .item-content.active,\n.item .item-content.activated {\n @include item-active-style($item-default-active-bg, $item-default-active-border);\n\n // Different active themes for and