├── .gitignore ├── .meteor ├── .finished-upgraders ├── .gitignore ├── .id ├── cordova-plugins ├── packages ├── platforms ├── release ├── smart.json └── versions ├── LICENSE ├── README.md ├── both ├── NCSchemas.js ├── _config │ ├── _config.js │ ├── accounts.js │ ├── adminConfig.js │ ├── emails.js │ └── seo.js ├── app.js ├── collections │ ├── _schemas.js │ ├── attachments.js │ ├── posts.js │ ├── profile_pictures.js │ └── users.js └── router.js ├── client ├── customTemplates.js ├── index.html ├── layouts │ ├── home_layout │ │ └── home_layout.html │ └── master_layout │ │ ├── master_layout.html │ │ ├── master_layout.js │ │ ├── master_layout.less │ │ ├── navbar.less │ │ └── xs-sidebar.less ├── libraries │ ├── skrollr.js │ └── wow.min.js ├── shared │ ├── deps.js │ ├── favoriteButtons.html │ ├── footer.html │ ├── helpers.js │ ├── loading.html │ ├── navbar.html │ └── not_found.html ├── style │ ├── bootstrap-variables.less │ ├── libraries │ │ ├── animate.css │ │ └── bootstrap.less │ └── style.less ├── tracker.js └── views │ ├── account │ ├── account.html │ └── account.js │ ├── dashboard │ ├── dashboard.html │ └── dashboard.js │ ├── home │ ├── home.html │ ├── home.js │ └── home.less │ └── profile │ ├── profile.html │ └── profile.js ├── packages └── bootstrap │ ├── .gitignore │ ├── README.md │ ├── bootstrap.import.less │ ├── lib │ ├── fonts │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ └── glyphicons-halflings-regular.woff │ ├── js │ │ ├── affix.js │ │ ├── alert.js │ │ ├── button.js │ │ ├── carousel.js │ │ ├── collapse.js │ │ ├── dropdown.js │ │ ├── modal.js │ │ ├── popover.js │ │ ├── scrollspy.js │ │ ├── tab.js │ │ ├── tooltip.js │ │ └── transition.js │ └── less │ │ ├── alerts.import.less │ │ ├── badges.import.less │ │ ├── bootstrap.import.less │ │ ├── bootswatch.less │ │ ├── breadcrumbs.import.less │ │ ├── button-groups.import.less │ │ ├── buttons.import.less │ │ ├── carousel.import.less │ │ ├── close.import.less │ │ ├── code.import.less │ │ ├── component-animations.import.less │ │ ├── dropdowns.import.less │ │ ├── forms.import.less │ │ ├── glyphicons.import.less │ │ ├── grid.import.less │ │ ├── input-groups.import.less │ │ ├── jumbotron.import.less │ │ ├── labels.import.less │ │ ├── list-group.import.less │ │ ├── media.import.less │ │ ├── mixins.import.less │ │ ├── mixins │ │ ├── alerts.import.less │ │ ├── background-variant.import.less │ │ ├── border-radius.import.less │ │ ├── buttons.import.less │ │ ├── center-block.import.less │ │ ├── clearfix.import.less │ │ ├── forms.import.less │ │ ├── gradients.import.less │ │ ├── grid-framework.import.less │ │ ├── grid.import.less │ │ ├── hide-text.import.less │ │ ├── image.import.less │ │ ├── labels.import.less │ │ ├── list-group.import.less │ │ ├── nav-divider.import.less │ │ ├── nav-vertical-align.import.less │ │ ├── opacity.import.less │ │ ├── pagination.import.less │ │ ├── panels.import.less │ │ ├── progress-bar.import.less │ │ ├── reset-filter.import.less │ │ ├── resize.import.less │ │ ├── responsive-visibility.import.less │ │ ├── size.import.less │ │ ├── tab-focus.import.less │ │ ├── table-row.import.less │ │ ├── text-emphasis.import.less │ │ ├── text-overflow.import.less │ │ └── vendor-prefixes.import.less │ │ ├── modals.import.less │ │ ├── navbar.import.less │ │ ├── navs.import.less │ │ ├── normalize.import.less │ │ ├── pager.import.less │ │ ├── pagination.import.less │ │ ├── panels.import.less │ │ ├── popovers.import.less │ │ ├── print.import.less │ │ ├── progress-bars.import.less │ │ ├── responsive-embed.import.less │ │ ├── responsive-utilities.import.less │ │ ├── scaffolding.import.less │ │ ├── tables.import.less │ │ ├── theme.import.less │ │ ├── thumbnails.import.less │ │ ├── tooltip.import.less │ │ ├── type.import.less │ │ ├── utilities.import.less │ │ └── wells.import.less │ ├── package.js │ ├── versions.json │ ├── yogiben:bootstrap-tests.js │ └── yogiben:bootstrap.js ├── public └── img │ ├── background-intro.jpg │ ├── ipad.png │ └── screenshot.png ├── readme ├── 1.png ├── 2.png ├── 3.png ├── 4.png ├── account.png ├── config.png ├── like_comment.png ├── login.png ├── meteor-starter-5.png ├── meteor-starter-6.png ├── post.png └── profile.png └── server ├── allow.js ├── main.js ├── methods └── account.js └── publish ├── collections.js └── user.js /.gitignore: -------------------------------------------------------------------------------- 1 | .meteor/local 2 | .meteor/meteorite 3 | .idea 4 | -------------------------------------------------------------------------------- /.meteor/.finished-upgraders: -------------------------------------------------------------------------------- 1 | # This file contains information which helps Meteor properly upgrade your 2 | # app when you run 'meteor update'. You should check it into version control 3 | # with your project. 4 | 5 | notices-for-0.9.0 6 | notices-for-0.9.1 7 | 0.9.4-platform-file 8 | -------------------------------------------------------------------------------- /.meteor/.gitignore: -------------------------------------------------------------------------------- 1 | local 2 | -------------------------------------------------------------------------------- /.meteor/.id: -------------------------------------------------------------------------------- 1 | # This file contains a token that is unique to your project. 2 | # Check it into your repository along with the rest of this directory. 3 | # It can be used for purposes such as: 4 | # - ensuring you don't accidentally deploy one app on top of another 5 | # - providing package authors with aggregated statistics 6 | 7 | uzp5lwxs8rpki09vei 8 | -------------------------------------------------------------------------------- /.meteor/cordova-plugins: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /.meteor/packages: -------------------------------------------------------------------------------- 1 | # Meteor packages used by this project, one per line. 2 | # 3 | # 'meteor add' and 'meteor remove' will edit this file for you, 4 | # but you can also edit it by hand. 5 | 6 | meteor-platform 7 | coffeescript 8 | less 9 | accounts-base 10 | accounts-password 11 | aldeed:autoform 12 | alanning:roles 13 | aldeed:collection2 14 | aldeed:simple-schema 15 | joshowens:accounts-entry 16 | chrismbeckett:fontawesome4 17 | raix:handlebar-helpers 18 | cfs:standard-packages 19 | cfs:gridfs 20 | aldeed:template-extension 21 | yogiben:alerts 22 | cfs:graphicsmagick 23 | yogiben:helpers 24 | yogiben:user-helpers 25 | iron:router@1.0.0 26 | yogiben:autoform-modals@0.2.8 27 | yogiben:favorites@0.0.4 28 | yogiben:comments@0.0.8 29 | yogiben:notifications@0.0.6 30 | yogiben:pretty-emails 31 | yogiben:pretty-email 32 | yogiben:autoform-file 33 | yogiben:admin 34 | yogiben:autoform-map@0.0.2 35 | multiply:iron-router-progress 36 | manuelschoebel:ms-seo 37 | spiderable 38 | accounts-facebook 39 | accounts-google 40 | accounts-twitter 41 | bootstrap 42 | accounts-ui 43 | 44 | jparker:gravatar 45 | -------------------------------------------------------------------------------- /.meteor/platforms: -------------------------------------------------------------------------------- 1 | server 2 | browser 3 | -------------------------------------------------------------------------------- /.meteor/release: -------------------------------------------------------------------------------- 1 | METEOR@1.1 2 | -------------------------------------------------------------------------------- /.meteor/smart.json: -------------------------------------------------------------------------------- 1 | { 2 | "packages": { 3 | "bootstrap3-less": {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /.meteor/versions: -------------------------------------------------------------------------------- 1 | accounts-base@1.2.0 2 | accounts-facebook@1.0.4 3 | accounts-google@1.0.4 4 | accounts-oauth@1.1.5 5 | accounts-password@1.1.1 6 | accounts-twitter@1.0.4 7 | accounts-ui@1.1.5 8 | accounts-ui-unstyled@1.1.7 9 | alanning:roles@1.2.13 10 | aldeed:autoform@4.2.2 11 | aldeed:collection2@2.3.3 12 | aldeed:simple-schema@1.3.2 13 | aldeed:template-extension@3.4.3 14 | alethes:pages@1.7.2 15 | autoupdate@1.2.1 16 | base64@1.0.3 17 | binary-heap@1.0.3 18 | blaze@2.1.1 19 | blaze-tools@1.0.3 20 | boilerplate-generator@1.0.3 21 | bootstrap@0.3.1 22 | callback-hook@1.0.3 23 | cfs:access-point@0.1.46 24 | cfs:base-package@0.0.29 25 | cfs:collection@0.5.5 26 | cfs:collection-filters@0.2.4 27 | cfs:data-man@0.0.6 28 | cfs:file@0.1.17 29 | cfs:graphicsmagick@0.0.18 30 | cfs:gridfs@0.0.33 31 | cfs:http-methods@0.0.27 32 | cfs:http-publish@0.0.13 33 | cfs:power-queue@0.9.11 34 | cfs:reactive-list@0.0.9 35 | cfs:reactive-property@0.0.4 36 | cfs:standard-packages@0.5.7 37 | cfs:storage-adapter@0.2.2 38 | cfs:tempstore@0.1.5 39 | cfs:upload-http@0.0.20 40 | cfs:worker@0.1.4 41 | check@1.0.5 42 | chrismbeckett:fontawesome4@4.2.2 43 | cmather:handlebars-server@0.2.0 44 | coffeescript@1.0.6 45 | ddp@1.1.0 46 | deps@1.0.7 47 | ejson@1.0.6 48 | email@1.0.6 49 | facebook@1.2.0 50 | fastclick@1.0.3 51 | geojson-utils@1.0.3 52 | google@1.1.5 53 | handlebars@1.0.3 54 | html-tools@1.0.4 55 | htmljs@1.0.4 56 | http@1.1.0 57 | id-map@1.0.3 58 | iron:controller@1.0.7 59 | iron:core@1.0.7 60 | iron:dynamic-template@1.0.7 61 | iron:layout@1.0.7 62 | iron:location@1.0.7 63 | iron:middleware-stack@1.0.7 64 | iron:router@1.0.7 65 | iron:url@1.0.7 66 | joshowens:accounts-entry@1.0.3 67 | joshowens:simple-form@0.2.2 68 | jparker:crypto-core@0.1.0 69 | jparker:crypto-md5@0.1.1 70 | jparker:gravatar@0.3.1 71 | jquery@1.11.3_2 72 | json@1.0.3 73 | launch-screen@1.0.2 74 | less@1.0.14 75 | livedata@1.0.13 76 | localstorage@1.0.3 77 | logging@1.0.7 78 | manuelschoebel:ms-seo@0.4.1 79 | meteor@1.1.6 80 | meteor-platform@1.2.2 81 | minifiers@1.1.5 82 | minimongo@1.0.8 83 | mobile-status-bar@1.0.3 84 | momentjs:moment@2.9.0 85 | mongo@1.1.0 86 | mongo-livedata@1.0.8 87 | mpowaga:string-template@0.1.0 88 | mquandalle:jade@0.2.9 89 | mrt:googlemaps@0.0.2 90 | mrt:moment@2.8.1 91 | mrt:underscore-string-latest@2.3.3 92 | multiply:iron-router-progress@1.0.1 93 | npm-bcrypt@0.7.8_2 94 | oauth@1.1.4 95 | oauth1@1.1.4 96 | oauth2@1.1.3 97 | observe-sequence@1.0.6 98 | ordered-dict@1.0.3 99 | raix:eventemitter@0.1.2 100 | raix:handlebar-helpers@0.2.4 101 | random@1.0.3 102 | reactive-dict@1.1.0 103 | reactive-var@1.0.5 104 | reload@1.1.3 105 | retry@1.0.3 106 | reywood:publish-composite@1.3.6 107 | routepolicy@1.0.5 108 | schnie:uploader@2.0.3 109 | service-configuration@1.0.4 110 | session@1.1.0 111 | sha@1.0.3 112 | softwarerero:accounts-t9n@1.0.8 113 | spacebars@1.0.6 114 | spacebars-compiler@1.0.6 115 | spiderable@1.0.7 116 | srp@1.0.3 117 | templating@1.1.1 118 | tracker@1.0.7 119 | twitter@1.1.4 120 | ui@1.0.6 121 | underscore@1.0.3 122 | url@1.0.4 123 | webapp@1.2.0 124 | webapp-hashing@1.0.3 125 | yogiben:admin@1.1.0 126 | yogiben:alerts@0.0.2 127 | yogiben:autoform-file@0.2.0 128 | yogiben:autoform-map@0.0.3 129 | yogiben:autoform-modals@0.3.2 130 | yogiben:comments@0.1.0 131 | yogiben:favorites@0.0.4 132 | yogiben:helpers@0.0.5 133 | yogiben:notifications@0.0.6 134 | yogiben:pretty-email@0.0.3 135 | yogiben:pretty-emails@0.0.2 136 | yogiben:user-helpers@0.0.8 137 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Benjamin Peter Jones (ben.p.js@gmail.com) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Meteor Starter (Pure Javascript) 2 | ============== 3 | 4 | A Meteor boilerplate with a lot packed in. Written in Coffeescript. Converted to Pure Javascript for non-coffee drinkers. 5 | 6 | [Origianl Github Repo](https://github.com/yogiben/meteor-starter) 7 | 8 | [Demo](http://starter.meteor.com) - For admin, log in with: `starter@meteorfactory.io` and `meteorrocks` 9 | 10 | [Tutorials](http://learn.meteorfactory.io/meteor-starter/) 11 | 12 | [MIT License](http://choosealicense.com/licenses/mit/) 13 | 14 | ### Setup #### 15 | 16 | Follow these steps to create your own project with an initialized local git repo then run the app 17 | ``` 18 | git clone https://github.com/willjleong/meteor-starter-pure-js.git myapp 19 | cd myapp 20 | rm -rf .git 21 | git init 22 | meteor 23 | ``` 24 | 25 | ### What's included ### 26 | #### Visitors#### 27 | * Sexy landing page 28 | 29 | ####Users#### 30 | * Login / Sign up etc. from [Accounts Entry](https://github.com/Differential/accounts-entry) 31 | * Sign in with Facebook etc. with automatic photo import 32 | * Profile Page - add a photo, location and other fields defined in schema 33 | * Have a username (or not) 34 | * Change their password and delete their account 35 | 36 | #### Admin #### 37 | * Manage everything via an [admin dahsboard](https://github.com/yogiben/meteor-admin/) (go to `/admin`) 38 | 39 | #### Interactions #### 40 | * Create / edit posts with image upload 41 | * Favorite / comment on posts 42 | 43 | ### Customisation ### 44 | Detailed tutorails coming soon. 45 | 46 | First steps: 47 | * Edit basic setting in `/both/_config/_config.js` 48 | * Delete / modify HTML in `/client/views/home.html` 49 | * Update colors in `/client/style/bootstrap-variables.less` 50 | * Add / edit collections in `/both/collections/` 51 | * Create routes and views in `/both/router.js` and `/client/views` folder 52 | 53 | ### Screenshots ### 54 | ![alt tag](https://raw.githubusercontent.com/yogiben/meteor-starter/master/readme/meteor-starter-5.png) 55 | ![alt tag](https://raw.githubusercontent.com/yogiben/meteor-starter/master/readme/login.png) 56 | ![alt tag](https://raw.githubusercontent.com/yogiben/meteor-starter/master/readme/profile.png) 57 | ![alt tag](https://raw.githubusercontent.com/yogiben/meteor-starter/master/readme/like_comment.png) 58 | -------------------------------------------------------------------------------- /both/NCSchemas.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | NCSchemas = {}; 6 | 7 | NCSchemas.updatePassword = new SimpleSchema({ 8 | old: { 9 | type: String, 10 | label: "Current Password", 11 | max: 50 12 | }, 13 | "new": { 14 | type: String, 15 | min: 6, 16 | max: 20, 17 | label: "New Password" 18 | }, 19 | confirm: { 20 | type: String, 21 | min: 6, 22 | max: 20, 23 | label: "Confirm new Password" 24 | } 25 | }); -------------------------------------------------------------------------------- /both/_config/_config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Config = { 6 | name: 'My App', 7 | title: 'Make Meteor Apps. Fast.', 8 | subtitle: 'A boilerplate from MeteorFactory.io', 9 | logo: function() { 10 | return '' + this.name + ''; 11 | }, 12 | footer: function() { 13 | return this.name + ' - Copyright ' + new Date().getFullYear(); 14 | }, 15 | emails: { 16 | from: 'noreply@' + Meteor.absoluteUrl() 17 | }, 18 | blog: 'http://meteorfactory.io', 19 | about: 'http://meteorfactory.io', 20 | username: false, 21 | homeRoute: '/', 22 | dashboardRoute: '/dashboard', 23 | socialMedia: { 24 | facebook: { 25 | url: 'http://facebook.com/benjaminpeterjones', 26 | icon: 'facebook' 27 | }, 28 | twitter: { 29 | url: 'http://twitter.com/BenPeterJones', 30 | icon: 'twitter' 31 | }, 32 | github: { 33 | url: 'http://github.com/yogiben', 34 | icon: 'github' 35 | }, 36 | info: { 37 | url: 'http://meteorfactory.io', 38 | icon: 'link' 39 | } 40 | }, 41 | publicRoutes: ['home'] 42 | }; -------------------------------------------------------------------------------- /both/_config/accounts.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Accounts.config({ 6 | sendVerificationEmail: true 7 | }); 8 | 9 | if (Meteor.isClient) { 10 | Meteor.startup(function() { 11 | if (Config.username) { 12 | return AccountsEntry.config({ 13 | homeRoute: '/', 14 | dashboardRoute: '/dashboard', 15 | profileRoute: 'profile', 16 | passwordSignupFields: 'USERNAME_AND_EMAIL' 17 | }); 18 | } else { 19 | return AccountsEntry.config({ 20 | homeRoute: '/', 21 | dashboardRoute: '/dashboard', 22 | profileRoute: 'profile', 23 | passwordSignupFields: 'EMAIL_ONLY' 24 | }); 25 | } 26 | }); 27 | } -------------------------------------------------------------------------------- /both/_config/adminConfig.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | var AdminConfig; 6 | 7 | AdminConfig = { 8 | name: Config.name, 9 | collections: { 10 | Posts: { 11 | color: 'red', 12 | icon: 'pencil', 13 | auxCollections: ['Attachments'], 14 | tableColumns: [ 15 | { 16 | label: 'Title', 17 | name: 'title' 18 | }, { 19 | label: 'User', 20 | name: 'owner', 21 | collection: 'Users' 22 | } 23 | ] 24 | }, 25 | Comments: { 26 | color: 'green', 27 | icon: 'comments', 28 | auxCollections: ['Posts'], 29 | tableColumns: [ 30 | { 31 | label: 'Content', 32 | name: 'content' 33 | }, { 34 | label: 'Post', 35 | name: 'doc', 36 | collection: 'Posts', 37 | collection_property: 'title' 38 | }, { 39 | label: 'User', 40 | name: 'owner', 41 | collection: 'Users' 42 | } 43 | ] 44 | } 45 | }, 46 | dashboard: { 47 | homeUrl: '/dashboard' 48 | }, 49 | autoForm: { 50 | omitFields: ['createdAt', 'updatedAt'] 51 | } 52 | }; 53 | 54 | if (Meteor.isClient) { 55 | window.AdminConfig = AdminConfig; 56 | } else if (Meteor.isServer) { 57 | global.AdminConfig = AdminConfig; 58 | } -------------------------------------------------------------------------------- /both/_config/emails.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | if (Meteor.isServer) { 6 | PrettyEmail.options = { 7 | facebook: 'http://facebook.com/onthecode', 8 | twitter: 'http://twitter.com/BenPeterJones', 9 | website: 'http://benjaminpeterjones.com', 10 | siteName: 'Meteor Starter', 11 | companyAddress: 'Jessnerstrasse 18, 12047 Berlin', 12 | companyName: 'Code to Create', 13 | companyUrl: 'http://code2create.com' 14 | }; 15 | } -------------------------------------------------------------------------------- /both/_config/seo.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Meteor.startup(function() { 6 | if (Meteor.isClient) { 7 | return SEO.config({ 8 | title: this.Config.name, 9 | meta: { 10 | description: this.Config.subtitle 11 | } 12 | }); 13 | } 14 | }); -------------------------------------------------------------------------------- /both/app.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | App = { 6 | alertSuccess: function(message) { 7 | Session.set('alertSuccess', message); 8 | return Session.set('alertError', ''); 9 | }, 10 | alertError: function(message) { 11 | Session.set('alertError', message); 12 | return Session.set('alertSuccess', ''); 13 | } 14 | }; -------------------------------------------------------------------------------- /both/collections/_schemas.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Schemas = {}; -------------------------------------------------------------------------------- /both/collections/attachments.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Attachments = new FS.Collection("Attachments", { 6 | stores: [ 7 | new FS.Store.GridFS("attachments", { 8 | transformWrite: function(fileObj, readStream, writeStream) { 9 | if (gm.isAvailable) { 10 | if (fileObj.original.type.substr(0, 5) === 'image') { 11 | return gm(readStream, fileObj.name()).autoOrient().stream().pipe(writeStream); 12 | } else { 13 | return readStream.pipe(writeStream); 14 | } 15 | } else { 16 | return readStream.pipe(writeStream); 17 | } 18 | } 19 | }) 20 | ] 21 | }); -------------------------------------------------------------------------------- /both/collections/posts.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Posts = new Meteor.Collection('posts'); 6 | 7 | Schemas.Posts = new SimpleSchema({ 8 | title: { 9 | type: String, 10 | max: 60 11 | }, 12 | content: { 13 | type: String, 14 | autoform: { 15 | rows: 5 16 | } 17 | }, 18 | createdAt: { 19 | type: Date, 20 | autoValue: function() { 21 | if (this.isInsert) { 22 | return new Date(); 23 | } 24 | } 25 | }, 26 | updatedAt: { 27 | type: Date, 28 | optional: true, 29 | autoValue: function() { 30 | if (this.isUpdate) { 31 | return new Date(); 32 | } 33 | } 34 | }, 35 | picture: { 36 | type: String, 37 | autoform: { 38 | afFieldInput: { 39 | type: 'fileUpload', 40 | collection: 'Attachments' 41 | } 42 | } 43 | }, 44 | owner: { 45 | type: String, 46 | regEx: SimpleSchema.RegEx.Id, 47 | autoValue: function() { 48 | if (this.isInsert) { 49 | return Meteor.userId(); 50 | } 51 | }, 52 | autoform: { 53 | options: function() { 54 | return _.map(Meteor.users.find().fetch(), function(user) { 55 | return { 56 | label: user.emails[0].address, 57 | value: user._id 58 | }; 59 | }); 60 | } 61 | } 62 | } 63 | }); 64 | 65 | Posts.attachSchema(Schemas.Posts); -------------------------------------------------------------------------------- /both/collections/profile_pictures.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | ProfilePictures = new FS.Collection("profilePictures", { 6 | stores: [ 7 | new FS.Store.GridFS("images", { 8 | transformWrite: function(fileObj, readStream, writeStream) { 9 | if (gm.isAvailable) { 10 | return gm(readStream, fileObj.name()).autoOrient().stream().pipe(writeStream); 11 | } else { 12 | return readStream.pipe(writeStream); 13 | } 14 | } 15 | }), new FS.Store.GridFS("thumbs", { 16 | transformWrite: function(fileObj, readStream, writeStream) { 17 | var size; 18 | if (gm.isAvailable) { 19 | size = { 20 | width: 100, 21 | height: 100 22 | }; 23 | return gm(readStream, fileObj.name()).autoOrient().resize(size.width + "^>", size.height + "^>").gravity("Center").extent(size.width, size.height).stream().pipe(writeStream); 24 | } else { 25 | return readStream.pipe(writeStream); 26 | } 27 | } 28 | }) 29 | ], 30 | filter: { 31 | allow: { 32 | contentTypes: ['image/*'] 33 | } 34 | } 35 | }); -------------------------------------------------------------------------------- /both/collections/users.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Schemas.UserProfile = new SimpleSchema({ 6 | picture: { 7 | type: String, 8 | optional: true, 9 | label: 'Profile picture', 10 | autoform: { 11 | afFieldInput: { 12 | type: 'fileUpload', 13 | collection: 'ProfilePictures' 14 | } 15 | } 16 | }, 17 | firstName: { 18 | type: String, 19 | optional: true 20 | }, 21 | lastName: { 22 | type: String, 23 | optional: true 24 | }, 25 | birthday: { 26 | type: Date, 27 | optional: true 28 | }, 29 | bio: { 30 | type: String, 31 | optional: true, 32 | autoform: { 33 | rows: 4 34 | } 35 | }, 36 | location: { 37 | type: String, 38 | optional: true, 39 | autoform: { 40 | type: 'map', 41 | geolocation: true, 42 | searchBox: true, 43 | autolocate: true 44 | } 45 | }, 46 | country: { 47 | type: String, 48 | label: 'Nationality', 49 | allowedValues: ["Select Country", "Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Anguilla", "Antigua & Barbuda", "Argentina", "Armenia", "Aruba", "Australia", "Austria", "Azerbaijan", "Bahamas", "Bahrain", "Bangladesh", "Barbados", "Belarus", "Belgium", "Belize", "Benin", "Bermuda", "Bhutan", "Bolivia", "Bosnia & Herzegovina", "Botswana", "Brazil", "British Virgin Islands", "Brunei", "Bulgaria", "Burkina Faso", "Burundi", "Cambodia", "Cameroon", "Cape Verde", "Cayman Islands", "Chad", "Chile", "China", "Colombia", "Congo", "Cook Islands", "Costa Rica", "Cote D Ivoire", "Croatia", "Cruise Ship", "Cuba", "Cyprus", "Czech Republic", "Denmark", "Djibouti", "Dominica", "Dominican Republic", "Ecuador", "Egypt", "El Salvador", "Equatorial Guinea", "Estonia", "Ethiopia", "Falkland Islands", "Faroe Islands", "Fiji", "Finland", "France", "French Polynesia", "French West Indies", "Gabon", "Gambia", "Georgia", "Germany", "Ghana", "Gibraltar", "Greece", "Greenland", "Grenada", "Guam", "Guatemala", "Guernsey", "Guinea", "Guinea Bissau", "Guyana", "Haiti", "Honduras", "Hong Kong", "Hungary", "Iceland", "India", "Indonesia", "Iran", "Iraq", "Ireland", "Isle of Man", "Israel", "Italy", "Jamaica", "Japan", "Jersey", "Jordan", "Kazakhstan", "Kenya", "Kuwait", "Kyrgyz Republic", "Laos", "Latvia", "Lebanon", "Lesotho", "Liberia", "Libya", "Liechtenstein", "Lithuania", "Luxembourg", "Macau", "Macedonia", "Madagascar", "Malawi", "Malaysia", "Maldives", "Mali", "Malta", "Mauritania", "Mauritius", "Mexico", "Moldova", "Monaco", "Mongolia", "Montenegro", "Montserrat", "Morocco", "Mozambique", "Namibia", "Nepal", "Netherlands", "Netherlands Antilles", "New Caledonia", "New Zealand", "Nicaragua", "Niger", "Nigeria", "Norway", "Oman", "Pakistan", "Palestine", "Panama", "Papua New Guinea", "Paraguay", "Peru", "Philippines", "Poland", "Portugal", "Puerto Rico", "Qatar", "Reunion", "Romania", "Russia", "Rwanda", "Saint Pierre & Miquelon", "Samoa", "San Marino", "Satellite", "Saudi Arabia", "Senegal", "Serbia", "Seychelles", "Sierra Leone", "Singapore", "Slovakia", "Slovenia", "South Africa", "South Korea", "Spain", "Sri Lanka", "St Kitts & Nevis", "St Lucia", "St Vincent", "St. Lucia", "Sudan", "Suriname", "Swaziland", "Sweden", "Switzerland", "Syria", "Taiwan", "Tajikistan", "Tanzania", "Thailand", "Timor L'Este", "Togo", "Tonga", "Trinidad & Tobago", "Tunisia", "Turkey", "Turkmenistan", "Turks & Caicos", "Uganda", "Ukraine", "United Arab Emirates", "United Kingdom", "United States", "Uruguay", "Uzbekistan", "Venezuela", "Vietnam", "Virgin Islands (US)", "Yemen", "Zambia", "Zimbabwe"], 50 | optional: true 51 | } 52 | }); 53 | 54 | Schemas.User = new SimpleSchema({ 55 | username: { 56 | type: String, 57 | regEx: /^[a-z0-9A-Z_]{3,15}$/, 58 | optional: true 59 | }, 60 | emails: { 61 | type: [Object], 62 | optional: true 63 | }, 64 | "emails.$.address": { 65 | type: String, 66 | regEx: SimpleSchema.RegEx.Email 67 | }, 68 | "emails.$.verified": { 69 | type: Boolean 70 | }, 71 | createdAt: { 72 | type: Date 73 | }, 74 | profile: { 75 | type: Schemas.UserProfile, 76 | optional: true 77 | }, 78 | services: { 79 | type: Object, 80 | optional: true, 81 | blackbox: true 82 | }, 83 | roles: { 84 | type: [String], 85 | blackbox: true, 86 | optional: true 87 | } 88 | }); 89 | 90 | Meteor.users.attachSchema(Schemas.User); 91 | 92 | StarterSchemas = Schemas; -------------------------------------------------------------------------------- /both/router.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | var prepareView, publicRoutes, saveRedirectUrl, signInProhibited, signInRequired; 6 | 7 | Router.configure({ 8 | layoutTemplate: "masterLayout", 9 | loadingTemplate: "loading", 10 | notFoundTemplate: "notFound", 11 | routeControllerNameConverter: "camelCase", 12 | onBeforeAction: function() { 13 | if (Config.username && Meteor.userId() && !Meteor.user().username) { 14 | this.redirect('/setUserName'); 15 | } 16 | return this.next(); 17 | } 18 | }); 19 | 20 | Router.map(function() { 21 | this.route("home", { 22 | path: "/", 23 | layoutTemplate: "homeLayout" 24 | }); 25 | this.route("dashboard", { 26 | path: "/dashboard", 27 | waitOn: function() { 28 | return [Meteor.subscribe('posts'), Meteor.subscribe('favorites'), Meteor.subscribe('comments'), Meteor.subscribe('attachments')]; 29 | }, 30 | onBeforeAction: function() { 31 | var url; 32 | url = Session.get('redirectToAfterSignIn'); 33 | if (url) { 34 | Session.set('redirectToAfterSignIn', null); 35 | Router.go(url); 36 | } 37 | return this.next(); 38 | }, 39 | data: function() { 40 | return { 41 | Posts: Posts.find({}, { 42 | sort: { 43 | createdAt: -1 44 | } 45 | }).fetch() 46 | }; 47 | } 48 | }); 49 | this.route("profile", { 50 | path: "/profile", 51 | waitOn: function() { 52 | return Meteor.subscribe('profilePictures'); 53 | } 54 | }); 55 | this.route("account", { 56 | path: "/account", 57 | onStop: function() { 58 | return Alert.clear(); 59 | } 60 | }); 61 | return this.route("setUserName", { 62 | path: "/setUserName", 63 | onBeforeAction: function() { 64 | if (!Config.username || (Meteor.userId() && Meteor.user().username)) { 65 | this.redirect('/dashboard'); 66 | } 67 | return this.next(); 68 | } 69 | }); 70 | }); 71 | 72 | Router.waitOn(function() { 73 | Meteor.subscribe('user'); 74 | return Meteor.subscribe('userPicture'); 75 | }); 76 | 77 | prepareView = function() { 78 | var $bd,$body; 79 | $bd = $('.modal-backdrop'); 80 | $body = $('body'); 81 | window.scrollTo(0, 0); 82 | $body.removeClass('sidebar-active'); 83 | $bd.removeClass('in'); 84 | setTimeout(function() { 85 | return $bd.remove(); 86 | }, 300); 87 | return $body.attr('style', ''); 88 | }; 89 | 90 | Router.onAfterAction(prepareView); 91 | 92 | signInRequired = function() { 93 | AccountsEntry.signInRequired(this); 94 | if (this.next) { 95 | return this.next(); 96 | } 97 | }; 98 | 99 | saveRedirectUrl = function() { 100 | if (!Meteor.loggingIn()) { 101 | if (!Meteor.user()) { 102 | Session.set('redirectToAfterSignIn', this.url); 103 | } 104 | } 105 | return this.next(); 106 | }; 107 | 108 | publicRoutes = _.union(Config.publicRoutes, ['entrySignIn', 'entrySignUp', 'entryForgotPassword']); 109 | 110 | Router.onBeforeAction(saveRedirectUrl, { 111 | except: _.union(publicRoutes, ['entrySignOut']) 112 | }); 113 | 114 | Router.onBeforeAction(signInRequired, { 115 | except: publicRoutes 116 | }); 117 | 118 | signInProhibited = function() { 119 | if (Meteor.user()) { 120 | return Router.go('dashboard'); 121 | } else { 122 | if (this.next) { 123 | return this.next(); 124 | } 125 | } 126 | }; 127 | 128 | Router.onBeforeAction(signInProhibited, { 129 | only: ['entrySignUp', 'entrySignUp', 'entryForgotPassword'] 130 | }); -------------------------------------------------------------------------------- /client/customTemplates.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Template.myFavoriteButtonFavorited.replaces("favoriteButtonFavorited"); 6 | 7 | Template.myFavoriteButtonNotFavorited.replaces("favoriteButtonNotFavorited"); -------------------------------------------------------------------------------- /client/index.html: -------------------------------------------------------------------------------- 1 | 2 | Meteor Starter 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /client/layouts/home_layout/home_layout.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /client/layouts/master_layout/master_layout.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /client/layouts/master_layout/master_layout.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Template.masterLayout.events({ 6 | 'click .toggle-sidebar': function() { 7 | if ($('body').hasClass('sidebar-active')) { 8 | return $('body').removeClass('sidebar-active'); 9 | } else { 10 | return $('body').addClass('sidebar-active'); 11 | } 12 | }, 13 | 'click .open-sidebar': function() { 14 | return $('body').addClass('sidebar-active'); 15 | }, 16 | 'click .close-sidebar': function() { 17 | return $('body').removeClass('sidebar-active'); 18 | } 19 | }); -------------------------------------------------------------------------------- /client/layouts/master_layout/master_layout.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willjleong/meteor-starter-pure-js/7cdec3b7260ae0870b76fc8093887ecb463d2309/client/layouts/master_layout/master_layout.less -------------------------------------------------------------------------------- /client/layouts/master_layout/navbar.less: -------------------------------------------------------------------------------- 1 | .master-layout 2 | { 3 | .navbar-toggle 4 | { 5 | float: left; 6 | position: relative; 7 | 8 | i 9 | { 10 | color: white; 11 | cursor: pointer; 12 | position: absolute; 13 | font-size: 1.3em; 14 | font-weight: 100; 15 | top: 6px; 16 | } 17 | 18 | &.xs-mobile-cta 19 | { 20 | float: right; 21 | } 22 | } 23 | 24 | } -------------------------------------------------------------------------------- /client/layouts/master_layout/xs-sidebar.less: -------------------------------------------------------------------------------- 1 | @import "/client/style/bootstrap-variables.less"; 2 | @sidebar-width: 300px; 3 | 4 | @media (max-width: @screen-xs-max) { 5 | 6 | #xs-sidebar-overlay 7 | { 8 | position: absolute; 9 | top: -100%; 10 | left: 0; 11 | bottom:0; 12 | right:0; 13 | background-color: black; 14 | opacity: 0; 15 | display: none; 16 | cursor: pointer; 17 | 18 | 19 | -webkit-transition: opacity 0.4s; 20 | transition: opacity 0.4s; 21 | 22 | } 23 | 24 | 25 | .master-layout, .navbar-collapse 26 | { 27 | -webkit-transition: transform 0.4s; 28 | transition: transform 0.4s; 29 | } 30 | 31 | .navbar-collapse 32 | { 33 | 34 | position: fixed; 35 | // -webkit-transform: translate(-@sidebar-width,0px); 36 | -webkit-transform: translate(-301px,0px); 37 | top: 0; 38 | width: 300px; 39 | height: 100%; 40 | background-color: black; 41 | display: block !important; 42 | 43 | } 44 | 45 | body.sidebar-active 46 | { 47 | .navbar-collapse 48 | { 49 | display: inherit; 50 | } 51 | 52 | .master-layout 53 | { 54 | position: relative; 55 | -webkit-transform: translate(@sidebar-width,0px); 56 | } 57 | 58 | #xs-sidebar-overlay 59 | { 60 | display: block; 61 | opacity: 0.7; 62 | } 63 | } 64 | } -------------------------------------------------------------------------------- /client/libraries/wow.min.js: -------------------------------------------------------------------------------- 1 | /*! WOW - v0.1.5 - 2014-03-05 2 | * Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b=function(a,b){return function(){return a.apply(b,arguments)}};a=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in a)d=a[c],null!=d&&(b[c]=d);return b},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a}(),this.WOW=function(){function c(a){null==a&&(a={}),this.scrollCallback=b(this.scrollCallback,this),this.scrollHandler=b(this.scrollHandler,this),this.start=b(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults)}return c.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0},c.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():document.addEventListener("DOMContentLoaded",this.start)},c.prototype.start=function(){var a,b,c,d;if(this.boxes=this.element.getElementsByClassName(this.config.boxClass),this.boxes.length){if(this.disabled())return this.resetStyle();for(d=this.boxes,b=0,c=d.length;c>b;b++)a=d[b],this.applyStyle(a,!0);return window.addEventListener("scroll",this.scrollHandler,!1),window.addEventListener("resize",this.scrollHandler,!1),this.interval=setInterval(this.scrollCallback,50)}},c.prototype.stop=function(){return window.removeEventListener("scroll",this.scrollHandler,!1),window.removeEventListener("resize",this.scrollHandler,!1),null!=this.interval?clearInterval(this.interval):void 0},c.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},c.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),a.setAttribute("style",this.customStyle(b,d,c,e))},c.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.setAttribute("style","visibility: visible;"));return e},c.prototype.customStyle=function(a,b,c,d){var e;return e=a?"visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;":"visibility: visible;",b&&(e+="-webkit-animation-duration: "+b+"; -moz-animation-duration: "+b+"; animation-duration: "+b+";"),c&&(e+="-webkit-animation-delay: "+c+"; -moz-animation-delay: "+c+"; animation-delay: "+c+";"),d&&(e+="-webkit-animation-iteration-count: "+d+"; -moz-animation-iteration-count: "+d+"; animation-iteration-count: "+d+";"),e},c.prototype.scrollHandler=function(){return this.scrolled=!0},c.prototype.scrollCallback=function(){var a;return this.scrolled&&(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),!this.boxes.length)?this.stop():void 0},c.prototype.offsetTop=function(a){var b;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},c.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+this.element.clientHeight-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},c.prototype.util=function(){return this._util||(this._util=new a)},c.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},c}()}).call(this); -------------------------------------------------------------------------------- /client/shared/deps.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Deps.autorun(function() { 6 | if (Session.get('language')) { 7 | Session.set('Language', Languages[Session.get('language')]); 8 | } else { 9 | Session.set('Language', null); 10 | } 11 | if (Meteor.user()) { 12 | Session.set('learning', Meteor.user().learning); 13 | } 14 | if (Session.get('learning')) { 15 | Session.set('Learning', _.map(Session.get('learning'), function(string) { 16 | return Languages[string]; 17 | })); 18 | } 19 | if (Meteor.userId() && !_.isNull(Router.current()) && Router.current().route.name === 'entrySignIn') { 20 | Router.go('dashboard'); 21 | } 22 | if (Meteor.userId() && !_.isNull(Router.current()) && Router.current().route.name === 'entrySignUp') { 23 | return Router.go('dashboard'); 24 | } 25 | }); -------------------------------------------------------------------------------- /client/shared/favoriteButtons.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /client/shared/footer.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /client/shared/helpers.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Template.registerHelper('Config', function() { 6 | return Config; 7 | }); 8 | 9 | Template.registerHelper('NCSchemas', function() { 10 | return NCSchemas; 11 | }); 12 | 13 | Template.registerHelper('socialMedia', function() { 14 | return _.map(Config.socialMedia, function(obj) { 15 | return obj; 16 | }); 17 | }); -------------------------------------------------------------------------------- /client/shared/loading.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /client/shared/navbar.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /client/shared/not_found.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /client/style/libraries/bootstrap.less: -------------------------------------------------------------------------------- 1 | @import "/client/style/bootstrap-variables.less"; 2 | @import "/packages/bootstrap/bootstrap.import.less"; -------------------------------------------------------------------------------- /client/style/style.less: -------------------------------------------------------------------------------- 1 | @import url("//fonts.googleapis.com/css?family=Lato:300,400,700,300italic"); 2 | @import "/client/style/bootstrap-variables.less"; 3 | 4 | @footer-height: 250px; 5 | 6 | html, body 7 | { 8 | height:100%; 9 | } 10 | 11 | .layout { 12 | min-height: 100%; 13 | height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */ 14 | height: 100%; 15 | margin: 0 auto -@footer-height; /* the bottom margin is the negative value of the footer's height */ 16 | } 17 | 18 | 19 | 20 | footer, .push { 21 | clear: both; 22 | } 23 | 24 | footer, .push 25 | { 26 | height: @footer-height; 27 | } 28 | 29 | footer 30 | { margin-top: 150px; 31 | background-color: #333; 32 | padding-top: 30px; 33 | color: white; 34 | 35 | ul 36 | { 37 | padding-left: 0; 38 | li 39 | { 40 | display: inline-block; 41 | } 42 | } 43 | } 44 | 45 | button.navbar-toggle { 46 | background: inherit; 47 | } 48 | 49 | .navbar { 50 | margin-left: 0; 51 | } 52 | 53 | #iron-router-progress { 54 | background-color : darken(@brand-primary,20%); 55 | box-shadow : 0 0 5px darken(@brand-primary,20%); 56 | } 57 | 58 | #iron-router-progress.spinner:before { 59 | border-color : darken(@brand-primary,20%); 60 | } -------------------------------------------------------------------------------- /client/tracker.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Tracker.autorun(function() { 6 | if (Meteor.userId() && !_.isNull(Router.current()) && Router.current().route.name === 'entrySignIn') { 7 | Router.go('dashboard'); 8 | } 9 | if (Meteor.userId() && !_.isNull(Router.current()) && Router.current().route.name === 'entrySignUp') { 10 | Router.go('dashboard'); 11 | } 12 | Meteor.subscribe('user'); 13 | Meteor.subscribe('users'); 14 | return Meteor.subscribe('userPicture'); 15 | }); -------------------------------------------------------------------------------- /client/views/account/account.html: -------------------------------------------------------------------------------- 1 | 46 | 47 | 60 | 61 | -------------------------------------------------------------------------------- /client/views/account/account.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | AutoForm.hooks({ 6 | updatePassword: { 7 | onSubmit: function(insertDoc, updateDoc, currentDoc) { 8 | if (insertDoc["new"] !== insertDoc.confirm) { 9 | Alert.error('Passwords do not match'); 10 | return false; 11 | } 12 | Accounts.changePassword(insertDoc.old, insertDoc["new"], function(e) { 13 | $('.btn-primary').attr('disabled', null); 14 | if (e) { 15 | return Alert.error(e.message); 16 | } else { 17 | return Alert.success('Password Updated'); 18 | } 19 | }); 20 | return false; 21 | } 22 | } 23 | }); 24 | 25 | Template.account.events({ 26 | 'click .js-delete-account': function() { 27 | return Meteor.call('deleteAccount', Meteor.userId()); 28 | } 29 | }); 30 | 31 | Template.setUserName.helpers({ 32 | user: function() { 33 | return Meteor.user(); 34 | } 35 | }); -------------------------------------------------------------------------------- /client/views/dashboard/dashboard.html: -------------------------------------------------------------------------------- 1 | 16 | 17 | 18 | 35 | 36 | 46 | 47 | 92 | 93 | -------------------------------------------------------------------------------- /client/views/dashboard/dashboard.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | AutoForm.hooks({ 6 | add: { 7 | onError: function(operation, error) { 8 | return App.alertError(error); 9 | } 10 | } 11 | }); -------------------------------------------------------------------------------- /client/views/home/home.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | Template.home.rendered = function() { 6 | var options, w, winHeight, winWidth; 7 | w = new WOW().init(); 8 | winWidth = $(window).width(); 9 | winHeight = $(window).height(); 10 | $("#intro").css({ 11 | width: winWidth, 12 | height: winHeight 13 | }); 14 | $(window).resize(function() { 15 | return $("#intro").css({ 16 | width: $(window).width(), 17 | height: $(window).height() 18 | }); 19 | }); 20 | if (/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i.test(navigator.userAgent || navigator.vendor || window.opera)) { 21 | $('#intro').addClass('mobile'); 22 | } else { 23 | options = { 24 | forceHeight: false, 25 | smoothScrolling: false 26 | }; 27 | skrollr.init(options).refresh(); 28 | } 29 | return $(document).ready(function() { 30 | return $('#loading-overlay').fadeOut(800); 31 | }); 32 | }; -------------------------------------------------------------------------------- /client/views/home/home.less: -------------------------------------------------------------------------------- 1 | @import "/client/style/bootstrap-variables.less"; 2 | 3 | @home-intro-bg: url(img/background-intro.jpg); 4 | @home-colored-section-bg: @brand-primary; 5 | @home-colored-section-color: white; 6 | 7 | .home-layout 8 | { 9 | @media (max-width: 768px) 10 | { 11 | #ipad { 12 | h3 { 13 | padding-top: 0; 14 | } 15 | } 16 | } 17 | #intro 18 | { 19 | padding-top: 0; 20 | padding-bottom: 200px; 21 | background-color: black; 22 | h1 23 | { 24 | padding-top: 100px; 25 | } 26 | &.mobile 27 | { 28 | background: @home-intro-bg; 29 | background-size: cover; 30 | } 31 | } 32 | #how-it-works 33 | { 34 | .fa 35 | { 36 | margin-top: 60px; 37 | margin-bottom: 30px; 38 | } 39 | } 40 | #ipad 41 | { 42 | padding-bottom: 0 !important; 43 | overflow-x: hidden; 44 | h3 { 45 | padding-top: 100px; 46 | } 47 | } 48 | #final 49 | { 50 | padding-bottom: 0; 51 | .btn 52 | { 53 | margin-top: 20px; 54 | } 55 | } 56 | 57 | .navbar { 58 | background-color: transparent; 59 | border: 0; 60 | } 61 | #main-nav 62 | { 63 | border: none; 64 | box-shadow: none; 65 | } 66 | section { 67 | padding-top: 100px; 68 | padding-bottom: 100px; 69 | &.colored { 70 | background: @home-colored-section-bg; 71 | color: @home-colored-section-color; 72 | } 73 | } 74 | header { 75 | z-index: 1000; 76 | position: relative; 77 | width: 100%; 78 | padding-top: 50px; 79 | } 80 | .social-links { 81 | float: right; 82 | #home-login li 83 | { 84 | position: relative; 85 | bottom: 4px; 86 | } 87 | li 88 | { 89 | float: left; 90 | display: inline-block; 91 | padding-left: 10px; 92 | padding-top: 20px; 93 | } 94 | } 95 | .social-links a li { 96 | color: #ffffff; 97 | font-size: 18px; 98 | -webkit-transition: color 0.2s; 99 | -moz-transition: color 0.2s; 100 | transition: color 0.2s; 101 | } 102 | .social-links a li:hover { 103 | text-decoration: none; 104 | color: #717171; 105 | } 106 | #footer-home 107 | { 108 | margin-top: 50px; 109 | } 110 | } 111 | 112 | 113 | //Mobile 114 | @media (max-width: 768px) { 115 | .home-layout 116 | { 117 | #ipad 118 | { 119 | h3 120 | { 121 | padding-top:0; 122 | } 123 | .btn 124 | { 125 | margin-bottom: 100px; 126 | } 127 | } 128 | } 129 | 130 | } 131 | 132 | // Skrollr 133 | #skroll-background-intro 134 | { 135 | opacity: 0.7; 136 | 137 | &>div 138 | { 139 | background-image: @home-intro-bg; 140 | } 141 | } 142 | .parallax-image-wrapper { 143 | position:fixed; 144 | left:0; 145 | width:100%; 146 | overflow:hidden; 147 | } 148 | 149 | .parallax-image-wrapper-50 { 150 | height:50%; 151 | top:-50%; 152 | } 153 | 154 | .parallax-image-wrapper-100 { 155 | height:100%; 156 | top:-100%; 157 | } 158 | 159 | .parallax-image { 160 | display:none; 161 | position:absolute; 162 | bottom:0; 163 | left:0; 164 | width:100%; 165 | background-repeat:no-repeat; 166 | background-position:center; 167 | background-size:cover; 168 | } 169 | 170 | .parallax-image-50 { 171 | height:200%; 172 | top:-50%; 173 | } 174 | 175 | .parallax-image-100 { 176 | height:100%; 177 | top:0; 178 | } 179 | 180 | .parallax-image.skrollable-between { 181 | display:block; 182 | } 183 | 184 | .no-skrollr .parallax-image-wrapper { 185 | display:none !important; 186 | } 187 | 188 | #skrollr-body { 189 | height:100%; 190 | overflow:visible; 191 | position:relative; 192 | } 193 | 194 | .gap { 195 | background:transparent center no-repeat; 196 | background-size:cover; 197 | } 198 | 199 | .skrollr .gap { 200 | background:transparent !important; 201 | } 202 | 203 | .gap-50 { 204 | height:50%; 205 | } 206 | 207 | .gap-100 { 208 | height:100%; 209 | } 210 | 211 | .header, .content { 212 | background:#fff; 213 | padding:1em; 214 | 215 | -webkit-box-sizing:border-box; 216 | -moz-box-sizing:border-box; 217 | box-sizing:border-box; 218 | } 219 | 220 | .content-full { 221 | height:100%; 222 | } 223 | 224 | #done { 225 | height:100%; 226 | } -------------------------------------------------------------------------------- /client/views/profile/profile.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /client/views/profile/profile.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by williamleong on 4/20/15. 3 | */ 4 | 5 | AutoForm.hooks({ 6 | updateProfile: { 7 | onSuccess: function(operation, result, template) { 8 | return Alert.success('Profile picture updated'); 9 | }, 10 | onError: function(operation, error, template) { 11 | return Alert.error('Profile picture updated'); 12 | } 13 | }, 14 | updatePicture: { 15 | onSuccess: function(operation, result, template) { 16 | return App.alertSuccess('Picture Updated'); 17 | }, 18 | onError: function(operation, error, template) { 19 | return App.alertError(error); 20 | } 21 | } 22 | }); -------------------------------------------------------------------------------- /packages/bootstrap/.gitignore: -------------------------------------------------------------------------------- 1 | .build* 2 | -------------------------------------------------------------------------------- /packages/bootstrap/README.md: -------------------------------------------------------------------------------- 1 | # Bootstrap 3 easily customisable variables 2 | 3 | **The code has to be manually added to your packages folder. The core concept is [not supported by the packaging system](https://github.com/meteor/meteor/issues/2796).** 4 | 5 | ### Set up ### 6 | 1. `cd` to your `packages` folder 7 | 2. `git clone https://github.com/yogiben/meteor-bootstrap/edit/master/README.md yogiben:bootstrap` 8 | 3. `rm -R -f yogiben:bootstrap/.git` (so you can commit the code) 9 | 2. Choose a starting theme from [Bootswatch](http://bootswatch.com/) like [Flatly](http://bootswatch.com/flatly/) 10 | 3. Download the `variables.less` file into your client folder or a subfolder e.g. `/client/variables.less` 11 | 4. Create a less file in your client folder referencing the `variables.less` file 12 | 13 | e.g. `/client/bootstrap.less` 14 | ``` 15 | @import "/client/variables.less"; 16 | @import "/packages/yogiben:bootstrap/bootstrap.import.less"; 17 | ``` 18 | ### Fonts ### 19 | Copy the font import line from the `bootswatch.less` download from Bootswatch.com into your `bootstrap.less` file. 20 | 21 | ### Result ### 22 | A bootstrap that is completely in your control. 23 | -------------------------------------------------------------------------------- /packages/bootstrap/bootstrap.import.less: -------------------------------------------------------------------------------- 1 | // Defines where the package is 2 | @bootstrap3-less-root: "/packages/bootstrap"; 3 | 4 | // Import Bootstrap core variables and mixin 5 | // --------------------------------------- 6 | // (you need these first, to get the default setup for bootstrap) 7 | 8 | @import "@{bootstrap3-less-root}/lib/less/mixins.import.less"; 9 | 10 | // Application Overrides (config) 11 | // --------------------------------------- 12 | // (Here you can override any variables defined in the default set above) 13 | 14 | @icon-font-path: "@{bootstrap3-less-root}/lib/fonts/"; 15 | 16 | 17 | // Import Bootstrap 18 | // --------------------------------------- 19 | // (This is the full set of package files, include only what you need) 20 | 21 | // Reset and dependencies 22 | @import "@{bootstrap3-less-root}/lib/less/normalize.import.less"; 23 | @import "@{bootstrap3-less-root}/lib/less/print.import.less"; 24 | @import "@{bootstrap3-less-root}/lib/less/glyphicons.import.less"; 25 | 26 | // Core CSS 27 | @import "@{bootstrap3-less-root}/lib/less/scaffolding.import.less"; 28 | @import "@{bootstrap3-less-root}/lib/less/type.import.less"; 29 | @import "@{bootstrap3-less-root}/lib/less/code.import.less"; 30 | @import "@{bootstrap3-less-root}/lib/less/grid.import.less"; 31 | @import "@{bootstrap3-less-root}/lib/less/tables.import.less"; 32 | @import "@{bootstrap3-less-root}/lib/less/forms.import.less"; 33 | @import "@{bootstrap3-less-root}/lib/less/buttons.import.less"; 34 | 35 | // Components 36 | @import "@{bootstrap3-less-root}/lib/less/component-animations.import.less"; 37 | @import "@{bootstrap3-less-root}/lib/less/dropdowns.import.less"; 38 | @import "@{bootstrap3-less-root}/lib/less/button-groups.import.less"; 39 | @import "@{bootstrap3-less-root}/lib/less/input-groups.import.less"; 40 | @import "@{bootstrap3-less-root}/lib/less/navs.import.less"; 41 | @import "@{bootstrap3-less-root}/lib/less/navbar.import.less"; 42 | @import "@{bootstrap3-less-root}/lib/less/breadcrumbs.import.less"; 43 | @import "@{bootstrap3-less-root}/lib/less/pagination.import.less"; 44 | @import "@{bootstrap3-less-root}/lib/less/pager.import.less"; 45 | @import "@{bootstrap3-less-root}/lib/less/labels.import.less"; 46 | @import "@{bootstrap3-less-root}/lib/less/badges.import.less"; 47 | @import "@{bootstrap3-less-root}/lib/less/jumbotron.import.less"; 48 | @import "@{bootstrap3-less-root}/lib/less/thumbnails.import.less"; 49 | @import "@{bootstrap3-less-root}/lib/less/alerts.import.less"; 50 | @import "@{bootstrap3-less-root}/lib/less/progress-bars.import.less"; 51 | @import "@{bootstrap3-less-root}/lib/less/media.import.less"; 52 | @import "@{bootstrap3-less-root}/lib/less/list-group.import.less"; 53 | @import "@{bootstrap3-less-root}/lib/less/panels.import.less"; 54 | @import "@{bootstrap3-less-root}/lib/less/responsive-embed.import.less"; 55 | @import "@{bootstrap3-less-root}/lib/less/wells.import.less"; 56 | @import "@{bootstrap3-less-root}/lib/less/close.import.less"; 57 | 58 | // Components w/ JavaScript 59 | @import "@{bootstrap3-less-root}/lib/less/modals.import.less"; 60 | @import "@{bootstrap3-less-root}/lib/less/tooltip.import.less"; 61 | @import "@{bootstrap3-less-root}/lib/less/popovers.import.less"; 62 | @import "@{bootstrap3-less-root}/lib/less/carousel.import.less"; 63 | 64 | // Utility classes 65 | @import "@{bootstrap3-less-root}/lib/less/utilities.import.less"; 66 | @import "@{bootstrap3-less-root}/lib/less/responsive-utilities.import.less"; 67 | 68 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willjleong/meteor-starter-pure-js/7cdec3b7260ae0870b76fc8093887ecb463d2309/packages/bootstrap/lib/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /packages/bootstrap/lib/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willjleong/meteor-starter-pure-js/7cdec3b7260ae0870b76fc8093887ecb463d2309/packages/bootstrap/lib/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /packages/bootstrap/lib/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willjleong/meteor-starter-pure-js/7cdec3b7260ae0870b76fc8093887ecb463d2309/packages/bootstrap/lib/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/affix.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: affix.js v3.2.0 3 | * http://getbootstrap.com/javascript/#affix 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // AFFIX CLASS DEFINITION 14 | // ====================== 15 | 16 | var Affix = function (element, options) { 17 | this.options = $.extend({}, Affix.DEFAULTS, options) 18 | 19 | this.$target = $(this.options.target) 20 | .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) 21 | .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) 22 | 23 | this.$element = $(element) 24 | this.affixed = 25 | this.unpin = 26 | this.pinnedOffset = null 27 | 28 | this.checkPosition() 29 | } 30 | 31 | Affix.VERSION = '3.2.0' 32 | 33 | Affix.RESET = 'affix affix-top affix-bottom' 34 | 35 | Affix.DEFAULTS = { 36 | offset: 0, 37 | target: window 38 | } 39 | 40 | Affix.prototype.getPinnedOffset = function () { 41 | if (this.pinnedOffset) return this.pinnedOffset 42 | this.$element.removeClass(Affix.RESET).addClass('affix') 43 | var scrollTop = this.$target.scrollTop() 44 | var position = this.$element.offset() 45 | return (this.pinnedOffset = position.top - scrollTop) 46 | } 47 | 48 | Affix.prototype.checkPositionWithEventLoop = function () { 49 | setTimeout($.proxy(this.checkPosition, this), 1) 50 | } 51 | 52 | Affix.prototype.checkPosition = function () { 53 | if (!this.$element.is(':visible')) return 54 | 55 | var scrollHeight = $(document).height() 56 | var scrollTop = this.$target.scrollTop() 57 | var position = this.$element.offset() 58 | var offset = this.options.offset 59 | var offsetTop = offset.top 60 | var offsetBottom = offset.bottom 61 | 62 | if (typeof offset != 'object') offsetBottom = offsetTop = offset 63 | if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) 64 | if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) 65 | 66 | var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : 67 | offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : 68 | offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false 69 | 70 | if (this.affixed === affix) return 71 | if (this.unpin != null) this.$element.css('top', '') 72 | 73 | var affixType = 'affix' + (affix ? '-' + affix : '') 74 | var e = $.Event(affixType + '.bs.affix') 75 | 76 | this.$element.trigger(e) 77 | 78 | if (e.isDefaultPrevented()) return 79 | 80 | this.affixed = affix 81 | this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null 82 | 83 | this.$element 84 | .removeClass(Affix.RESET) 85 | .addClass(affixType) 86 | .trigger($.Event(affixType.replace('affix', 'affixed'))) 87 | 88 | if (affix == 'bottom') { 89 | this.$element.offset({ 90 | top: scrollHeight - this.$element.height() - offsetBottom 91 | }) 92 | } 93 | } 94 | 95 | 96 | // AFFIX PLUGIN DEFINITION 97 | // ======================= 98 | 99 | function Plugin(option) { 100 | return this.each(function () { 101 | var $this = $(this) 102 | var data = $this.data('bs.affix') 103 | var options = typeof option == 'object' && option 104 | 105 | if (!data) $this.data('bs.affix', (data = new Affix(this, options))) 106 | if (typeof option == 'string') data[option]() 107 | }) 108 | } 109 | 110 | var old = $.fn.affix 111 | 112 | $.fn.affix = Plugin 113 | $.fn.affix.Constructor = Affix 114 | 115 | 116 | // AFFIX NO CONFLICT 117 | // ================= 118 | 119 | $.fn.affix.noConflict = function () { 120 | $.fn.affix = old 121 | return this 122 | } 123 | 124 | 125 | // AFFIX DATA-API 126 | // ============== 127 | 128 | $(window).on('load', function () { 129 | $('[data-spy="affix"]').each(function () { 130 | var $spy = $(this) 131 | var data = $spy.data() 132 | 133 | data.offset = data.offset || {} 134 | 135 | if (data.offsetBottom) data.offset.bottom = data.offsetBottom 136 | if (data.offsetTop) data.offset.top = data.offsetTop 137 | 138 | Plugin.call($spy, data) 139 | }) 140 | }) 141 | 142 | }(jQuery); 143 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/alert.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: alert.js v3.2.0 3 | * http://getbootstrap.com/javascript/#alerts 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // ALERT CLASS DEFINITION 14 | // ====================== 15 | 16 | var dismiss = '[data-dismiss="alert"]' 17 | var Alert = function (el) { 18 | $(el).on('click', dismiss, this.close) 19 | } 20 | 21 | Alert.VERSION = '3.2.0' 22 | 23 | Alert.prototype.close = function (e) { 24 | var $this = $(this) 25 | var selector = $this.attr('data-target') 26 | 27 | if (!selector) { 28 | selector = $this.attr('href') 29 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 30 | } 31 | 32 | var $parent = $(selector) 33 | 34 | if (e) e.preventDefault() 35 | 36 | if (!$parent.length) { 37 | $parent = $this.hasClass('alert') ? $this : $this.parent() 38 | } 39 | 40 | $parent.trigger(e = $.Event('close.bs.alert')) 41 | 42 | if (e.isDefaultPrevented()) return 43 | 44 | $parent.removeClass('in') 45 | 46 | function removeElement() { 47 | // detach from parent, fire event then clean up data 48 | $parent.detach().trigger('closed.bs.alert').remove() 49 | } 50 | 51 | $.support.transition && $parent.hasClass('fade') ? 52 | $parent 53 | .one('bsTransitionEnd', removeElement) 54 | .emulateTransitionEnd(150) : 55 | removeElement() 56 | } 57 | 58 | 59 | // ALERT PLUGIN DEFINITION 60 | // ======================= 61 | 62 | function Plugin(option) { 63 | return this.each(function () { 64 | var $this = $(this) 65 | var data = $this.data('bs.alert') 66 | 67 | if (!data) $this.data('bs.alert', (data = new Alert(this))) 68 | if (typeof option == 'string') data[option].call($this) 69 | }) 70 | } 71 | 72 | var old = $.fn.alert 73 | 74 | $.fn.alert = Plugin 75 | $.fn.alert.Constructor = Alert 76 | 77 | 78 | // ALERT NO CONFLICT 79 | // ================= 80 | 81 | $.fn.alert.noConflict = function () { 82 | $.fn.alert = old 83 | return this 84 | } 85 | 86 | 87 | // ALERT DATA-API 88 | // ============== 89 | 90 | $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) 91 | 92 | }(jQuery); 93 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/button.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: button.js v3.2.0 3 | * http://getbootstrap.com/javascript/#buttons 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // BUTTON PUBLIC CLASS DEFINITION 14 | // ============================== 15 | 16 | var Button = function (element, options) { 17 | this.$element = $(element) 18 | this.options = $.extend({}, Button.DEFAULTS, options) 19 | this.isLoading = false 20 | } 21 | 22 | Button.VERSION = '3.2.0' 23 | 24 | Button.DEFAULTS = { 25 | loadingText: 'loading...' 26 | } 27 | 28 | Button.prototype.setState = function (state) { 29 | var d = 'disabled' 30 | var $el = this.$element 31 | var val = $el.is('input') ? 'val' : 'html' 32 | var data = $el.data() 33 | 34 | state = state + 'Text' 35 | 36 | if (data.resetText == null) $el.data('resetText', $el[val]()) 37 | 38 | $el[val](data[state] == null ? this.options[state] : data[state]) 39 | 40 | // push to event loop to allow forms to submit 41 | setTimeout($.proxy(function () { 42 | if (state == 'loadingText') { 43 | this.isLoading = true 44 | $el.addClass(d).attr(d, d) 45 | } else if (this.isLoading) { 46 | this.isLoading = false 47 | $el.removeClass(d).removeAttr(d) 48 | } 49 | }, this), 0) 50 | } 51 | 52 | Button.prototype.toggle = function () { 53 | var changed = true 54 | var $parent = this.$element.closest('[data-toggle="buttons"]') 55 | 56 | if ($parent.length) { 57 | var $input = this.$element.find('input') 58 | if ($input.prop('type') == 'radio') { 59 | if ($input.prop('checked') && this.$element.hasClass('active')) changed = false 60 | else $parent.find('.active').removeClass('active') 61 | } 62 | if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') 63 | } 64 | 65 | if (changed) this.$element.toggleClass('active') 66 | } 67 | 68 | 69 | // BUTTON PLUGIN DEFINITION 70 | // ======================== 71 | 72 | function Plugin(option) { 73 | return this.each(function () { 74 | var $this = $(this) 75 | var data = $this.data('bs.button') 76 | var options = typeof option == 'object' && option 77 | 78 | if (!data) $this.data('bs.button', (data = new Button(this, options))) 79 | 80 | if (option == 'toggle') data.toggle() 81 | else if (option) data.setState(option) 82 | }) 83 | } 84 | 85 | var old = $.fn.button 86 | 87 | $.fn.button = Plugin 88 | $.fn.button.Constructor = Button 89 | 90 | 91 | // BUTTON NO CONFLICT 92 | // ================== 93 | 94 | $.fn.button.noConflict = function () { 95 | $.fn.button = old 96 | return this 97 | } 98 | 99 | 100 | // BUTTON DATA-API 101 | // =============== 102 | 103 | $(document).on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { 104 | var $btn = $(e.target) 105 | if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') 106 | Plugin.call($btn, 'toggle') 107 | e.preventDefault() 108 | }) 109 | 110 | }(jQuery); 111 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/collapse.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: collapse.js v3.2.0 3 | * http://getbootstrap.com/javascript/#collapse 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // COLLAPSE PUBLIC CLASS DEFINITION 14 | // ================================ 15 | 16 | var Collapse = function (element, options) { 17 | this.$element = $(element) 18 | this.options = $.extend({}, Collapse.DEFAULTS, options) 19 | this.transitioning = null 20 | 21 | if (this.options.parent) this.$parent = $(this.options.parent) 22 | if (this.options.toggle) this.toggle() 23 | } 24 | 25 | Collapse.VERSION = '3.2.0' 26 | 27 | Collapse.DEFAULTS = { 28 | toggle: true 29 | } 30 | 31 | Collapse.prototype.dimension = function () { 32 | var hasWidth = this.$element.hasClass('width') 33 | return hasWidth ? 'width' : 'height' 34 | } 35 | 36 | Collapse.prototype.show = function () { 37 | if (this.transitioning || this.$element.hasClass('in')) return 38 | 39 | var startEvent = $.Event('show.bs.collapse') 40 | this.$element.trigger(startEvent) 41 | if (startEvent.isDefaultPrevented()) return 42 | 43 | var actives = this.$parent && this.$parent.find('> .panel > .in') 44 | 45 | if (actives && actives.length) { 46 | var hasData = actives.data('bs.collapse') 47 | if (hasData && hasData.transitioning) return 48 | Plugin.call(actives, 'hide') 49 | hasData || actives.data('bs.collapse', null) 50 | } 51 | 52 | var dimension = this.dimension() 53 | 54 | this.$element 55 | .removeClass('collapse') 56 | .addClass('collapsing')[dimension](0) 57 | 58 | this.transitioning = 1 59 | 60 | var complete = function () { 61 | this.$element 62 | .removeClass('collapsing') 63 | .addClass('collapse in')[dimension]('') 64 | this.transitioning = 0 65 | this.$element 66 | .trigger('shown.bs.collapse') 67 | } 68 | 69 | if (!$.support.transition) return complete.call(this) 70 | 71 | var scrollSize = $.camelCase(['scroll', dimension].join('-')) 72 | 73 | this.$element 74 | .one('bsTransitionEnd', $.proxy(complete, this)) 75 | .emulateTransitionEnd(350)[dimension](this.$element[0][scrollSize]) 76 | } 77 | 78 | Collapse.prototype.hide = function () { 79 | if (this.transitioning || !this.$element.hasClass('in')) return 80 | 81 | var startEvent = $.Event('hide.bs.collapse') 82 | this.$element.trigger(startEvent) 83 | if (startEvent.isDefaultPrevented()) return 84 | 85 | var dimension = this.dimension() 86 | 87 | this.$element[dimension](this.$element[dimension]())[0].offsetHeight 88 | 89 | this.$element 90 | .addClass('collapsing') 91 | .removeClass('collapse') 92 | .removeClass('in') 93 | 94 | this.transitioning = 1 95 | 96 | var complete = function () { 97 | this.transitioning = 0 98 | this.$element 99 | .trigger('hidden.bs.collapse') 100 | .removeClass('collapsing') 101 | .addClass('collapse') 102 | } 103 | 104 | if (!$.support.transition) return complete.call(this) 105 | 106 | this.$element 107 | [dimension](0) 108 | .one('bsTransitionEnd', $.proxy(complete, this)) 109 | .emulateTransitionEnd(350) 110 | } 111 | 112 | Collapse.prototype.toggle = function () { 113 | this[this.$element.hasClass('in') ? 'hide' : 'show']() 114 | } 115 | 116 | 117 | // COLLAPSE PLUGIN DEFINITION 118 | // ========================== 119 | 120 | function Plugin(option) { 121 | return this.each(function () { 122 | var $this = $(this) 123 | var data = $this.data('bs.collapse') 124 | var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) 125 | 126 | if (!data && options.toggle && option == 'show') option = !option 127 | if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) 128 | if (typeof option == 'string') data[option]() 129 | }) 130 | } 131 | 132 | var old = $.fn.collapse 133 | 134 | $.fn.collapse = Plugin 135 | $.fn.collapse.Constructor = Collapse 136 | 137 | 138 | // COLLAPSE NO CONFLICT 139 | // ==================== 140 | 141 | $.fn.collapse.noConflict = function () { 142 | $.fn.collapse = old 143 | return this 144 | } 145 | 146 | 147 | // COLLAPSE DATA-API 148 | // ================= 149 | 150 | $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { 151 | var href 152 | var $this = $(this) 153 | var target = $this.attr('data-target') 154 | || e.preventDefault() 155 | || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 156 | var $target = $(target) 157 | var data = $target.data('bs.collapse') 158 | var option = data ? 'toggle' : $this.data() 159 | var parent = $this.attr('data-parent') 160 | var $parent = parent && $(parent) 161 | 162 | if (!data || !data.transitioning) { 163 | if ($parent) $parent.find('[data-toggle="collapse"][data-parent="' + parent + '"]').not($this).addClass('collapsed') 164 | $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed') 165 | } 166 | 167 | Plugin.call($target, option) 168 | }) 169 | 170 | }(jQuery); 171 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/dropdown.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: dropdown.js v3.2.0 3 | * http://getbootstrap.com/javascript/#dropdowns 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // DROPDOWN CLASS DEFINITION 14 | // ========================= 15 | 16 | var backdrop = '.dropdown-backdrop' 17 | var toggle = '[data-toggle="dropdown"]' 18 | var Dropdown = function (element) { 19 | $(element).on('click.bs.dropdown', this.toggle) 20 | } 21 | 22 | Dropdown.VERSION = '3.2.0' 23 | 24 | Dropdown.prototype.toggle = function (e) { 25 | var $this = $(this) 26 | 27 | if ($this.is('.disabled, :disabled')) return 28 | 29 | var $parent = getParent($this) 30 | var isActive = $parent.hasClass('open') 31 | 32 | clearMenus() 33 | 34 | if (!isActive) { 35 | if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { 36 | // if mobile we use a backdrop because click events don't delegate 37 | $('
').insertAfter($(this)).on('click', clearMenus) 38 | } 39 | 40 | var relatedTarget = { relatedTarget: this } 41 | $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) 42 | 43 | if (e.isDefaultPrevented()) return 44 | 45 | $this.trigger('focus') 46 | 47 | $parent 48 | .toggleClass('open') 49 | .trigger('shown.bs.dropdown', relatedTarget) 50 | } 51 | 52 | return false 53 | } 54 | 55 | Dropdown.prototype.keydown = function (e) { 56 | if (!/(38|40|27)/.test(e.keyCode)) return 57 | 58 | var $this = $(this) 59 | 60 | e.preventDefault() 61 | e.stopPropagation() 62 | 63 | if ($this.is('.disabled, :disabled')) return 64 | 65 | var $parent = getParent($this) 66 | var isActive = $parent.hasClass('open') 67 | 68 | if (!isActive || (isActive && e.keyCode == 27)) { 69 | if (e.which == 27) $parent.find(toggle).trigger('focus') 70 | return $this.trigger('click') 71 | } 72 | 73 | var desc = ' li:not(.divider):visible a' 74 | var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc) 75 | 76 | if (!$items.length) return 77 | 78 | var index = $items.index($items.filter(':focus')) 79 | 80 | if (e.keyCode == 38 && index > 0) index-- // up 81 | if (e.keyCode == 40 && index < $items.length - 1) index++ // down 82 | if (!~index) index = 0 83 | 84 | $items.eq(index).trigger('focus') 85 | } 86 | 87 | function clearMenus(e) { 88 | if (e && e.which === 3) return 89 | $(backdrop).remove() 90 | $(toggle).each(function () { 91 | var $parent = getParent($(this)) 92 | var relatedTarget = { relatedTarget: this } 93 | if (!$parent.hasClass('open')) return 94 | $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) 95 | if (e.isDefaultPrevented()) return 96 | $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) 97 | }) 98 | } 99 | 100 | function getParent($this) { 101 | var selector = $this.attr('data-target') 102 | 103 | if (!selector) { 104 | selector = $this.attr('href') 105 | selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 106 | } 107 | 108 | var $parent = selector && $(selector) 109 | 110 | return $parent && $parent.length ? $parent : $this.parent() 111 | } 112 | 113 | 114 | // DROPDOWN PLUGIN DEFINITION 115 | // ========================== 116 | 117 | function Plugin(option) { 118 | return this.each(function () { 119 | var $this = $(this) 120 | var data = $this.data('bs.dropdown') 121 | 122 | if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) 123 | if (typeof option == 'string') data[option].call($this) 124 | }) 125 | } 126 | 127 | var old = $.fn.dropdown 128 | 129 | $.fn.dropdown = Plugin 130 | $.fn.dropdown.Constructor = Dropdown 131 | 132 | 133 | // DROPDOWN NO CONFLICT 134 | // ==================== 135 | 136 | $.fn.dropdown.noConflict = function () { 137 | $.fn.dropdown = old 138 | return this 139 | } 140 | 141 | 142 | // APPLY TO STANDARD DROPDOWN ELEMENTS 143 | // =================================== 144 | 145 | $(document) 146 | .on('click.bs.dropdown.data-api', clearMenus) 147 | .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) 148 | .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) 149 | .on('keydown.bs.dropdown.data-api', toggle + ', [role="menu"], [role="listbox"]', Dropdown.prototype.keydown) 150 | 151 | }(jQuery); 152 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/popover.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: popover.js v3.2.0 3 | * http://getbootstrap.com/javascript/#popovers 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // POPOVER PUBLIC CLASS DEFINITION 14 | // =============================== 15 | 16 | var Popover = function (element, options) { 17 | this.init('popover', element, options) 18 | } 19 | 20 | if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') 21 | 22 | Popover.VERSION = '3.2.0' 23 | 24 | Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { 25 | placement: 'right', 26 | trigger: 'click', 27 | content: '', 28 | template: '' 29 | }) 30 | 31 | 32 | // NOTE: POPOVER EXTENDS tooltip.js 33 | // ================================ 34 | 35 | Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) 36 | 37 | Popover.prototype.constructor = Popover 38 | 39 | Popover.prototype.getDefaults = function () { 40 | return Popover.DEFAULTS 41 | } 42 | 43 | Popover.prototype.setContent = function () { 44 | var $tip = this.tip() 45 | var title = this.getTitle() 46 | var content = this.getContent() 47 | 48 | $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) 49 | $tip.find('.popover-content').empty()[ // we use append for html objects to maintain js events 50 | this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' 51 | ](content) 52 | 53 | $tip.removeClass('fade top bottom left right in') 54 | 55 | // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do 56 | // this manually by checking the contents. 57 | if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() 58 | } 59 | 60 | Popover.prototype.hasContent = function () { 61 | return this.getTitle() || this.getContent() 62 | } 63 | 64 | Popover.prototype.getContent = function () { 65 | var $e = this.$element 66 | var o = this.options 67 | 68 | return $e.attr('data-content') 69 | || (typeof o.content == 'function' ? 70 | o.content.call($e[0]) : 71 | o.content) 72 | } 73 | 74 | Popover.prototype.arrow = function () { 75 | return (this.$arrow = this.$arrow || this.tip().find('.arrow')) 76 | } 77 | 78 | Popover.prototype.tip = function () { 79 | if (!this.$tip) this.$tip = $(this.options.template) 80 | return this.$tip 81 | } 82 | 83 | 84 | // POPOVER PLUGIN DEFINITION 85 | // ========================= 86 | 87 | function Plugin(option) { 88 | return this.each(function () { 89 | var $this = $(this) 90 | var data = $this.data('bs.popover') 91 | var options = typeof option == 'object' && option 92 | 93 | if (!data && option == 'destroy') return 94 | if (!data) $this.data('bs.popover', (data = new Popover(this, options))) 95 | if (typeof option == 'string') data[option]() 96 | }) 97 | } 98 | 99 | var old = $.fn.popover 100 | 101 | $.fn.popover = Plugin 102 | $.fn.popover.Constructor = Popover 103 | 104 | 105 | // POPOVER NO CONFLICT 106 | // =================== 107 | 108 | $.fn.popover.noConflict = function () { 109 | $.fn.popover = old 110 | return this 111 | } 112 | 113 | }(jQuery); 114 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/scrollspy.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: scrollspy.js v3.2.0 3 | * http://getbootstrap.com/javascript/#scrollspy 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // SCROLLSPY CLASS DEFINITION 14 | // ========================== 15 | 16 | function ScrollSpy(element, options) { 17 | var process = $.proxy(this.process, this) 18 | 19 | this.$body = $('body') 20 | this.$scrollElement = $(element).is('body') ? $(window) : $(element) 21 | this.options = $.extend({}, ScrollSpy.DEFAULTS, options) 22 | this.selector = (this.options.target || '') + ' .nav li > a' 23 | this.offsets = [] 24 | this.targets = [] 25 | this.activeTarget = null 26 | this.scrollHeight = 0 27 | 28 | this.$scrollElement.on('scroll.bs.scrollspy', process) 29 | this.refresh() 30 | this.process() 31 | } 32 | 33 | ScrollSpy.VERSION = '3.2.0' 34 | 35 | ScrollSpy.DEFAULTS = { 36 | offset: 10 37 | } 38 | 39 | ScrollSpy.prototype.getScrollHeight = function () { 40 | return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) 41 | } 42 | 43 | ScrollSpy.prototype.refresh = function () { 44 | var offsetMethod = 'offset' 45 | var offsetBase = 0 46 | 47 | if (!$.isWindow(this.$scrollElement[0])) { 48 | offsetMethod = 'position' 49 | offsetBase = this.$scrollElement.scrollTop() 50 | } 51 | 52 | this.offsets = [] 53 | this.targets = [] 54 | this.scrollHeight = this.getScrollHeight() 55 | 56 | var self = this 57 | 58 | this.$body 59 | .find(this.selector) 60 | .map(function () { 61 | var $el = $(this) 62 | var href = $el.data('target') || $el.attr('href') 63 | var $href = /^#./.test(href) && $(href) 64 | 65 | return ($href 66 | && $href.length 67 | && $href.is(':visible') 68 | && [[$href[offsetMethod]().top + offsetBase, href]]) || null 69 | }) 70 | .sort(function (a, b) { return a[0] - b[0] }) 71 | .each(function () { 72 | self.offsets.push(this[0]) 73 | self.targets.push(this[1]) 74 | }) 75 | } 76 | 77 | ScrollSpy.prototype.process = function () { 78 | var scrollTop = this.$scrollElement.scrollTop() + this.options.offset 79 | var scrollHeight = this.getScrollHeight() 80 | var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() 81 | var offsets = this.offsets 82 | var targets = this.targets 83 | var activeTarget = this.activeTarget 84 | var i 85 | 86 | if (this.scrollHeight != scrollHeight) { 87 | this.refresh() 88 | } 89 | 90 | if (scrollTop >= maxScroll) { 91 | return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) 92 | } 93 | 94 | if (activeTarget && scrollTop <= offsets[0]) { 95 | return activeTarget != (i = targets[0]) && this.activate(i) 96 | } 97 | 98 | for (i = offsets.length; i--;) { 99 | activeTarget != targets[i] 100 | && scrollTop >= offsets[i] 101 | && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) 102 | && this.activate(targets[i]) 103 | } 104 | } 105 | 106 | ScrollSpy.prototype.activate = function (target) { 107 | this.activeTarget = target 108 | 109 | $(this.selector) 110 | .parentsUntil(this.options.target, '.active') 111 | .removeClass('active') 112 | 113 | var selector = this.selector + 114 | '[data-target="' + target + '"],' + 115 | this.selector + '[href="' + target + '"]' 116 | 117 | var active = $(selector) 118 | .parents('li') 119 | .addClass('active') 120 | 121 | if (active.parent('.dropdown-menu').length) { 122 | active = active 123 | .closest('li.dropdown') 124 | .addClass('active') 125 | } 126 | 127 | active.trigger('activate.bs.scrollspy') 128 | } 129 | 130 | 131 | // SCROLLSPY PLUGIN DEFINITION 132 | // =========================== 133 | 134 | function Plugin(option) { 135 | return this.each(function () { 136 | var $this = $(this) 137 | var data = $this.data('bs.scrollspy') 138 | var options = typeof option == 'object' && option 139 | 140 | if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) 141 | if (typeof option == 'string') data[option]() 142 | }) 143 | } 144 | 145 | var old = $.fn.scrollspy 146 | 147 | $.fn.scrollspy = Plugin 148 | $.fn.scrollspy.Constructor = ScrollSpy 149 | 150 | 151 | // SCROLLSPY NO CONFLICT 152 | // ===================== 153 | 154 | $.fn.scrollspy.noConflict = function () { 155 | $.fn.scrollspy = old 156 | return this 157 | } 158 | 159 | 160 | // SCROLLSPY DATA-API 161 | // ================== 162 | 163 | $(window).on('load.bs.scrollspy.data-api', function () { 164 | $('[data-spy="scroll"]').each(function () { 165 | var $spy = $(this) 166 | Plugin.call($spy, $spy.data()) 167 | }) 168 | }) 169 | 170 | }(jQuery); 171 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/tab.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: tab.js v3.2.0 3 | * http://getbootstrap.com/javascript/#tabs 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // TAB CLASS DEFINITION 14 | // ==================== 15 | 16 | var Tab = function (element) { 17 | this.element = $(element) 18 | } 19 | 20 | Tab.VERSION = '3.2.0' 21 | 22 | Tab.prototype.show = function () { 23 | var $this = this.element 24 | var $ul = $this.closest('ul:not(.dropdown-menu)') 25 | var selector = $this.data('target') 26 | 27 | if (!selector) { 28 | selector = $this.attr('href') 29 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 30 | } 31 | 32 | if ($this.parent('li').hasClass('active')) return 33 | 34 | var previous = $ul.find('.active:last a')[0] 35 | var e = $.Event('show.bs.tab', { 36 | relatedTarget: previous 37 | }) 38 | 39 | $this.trigger(e) 40 | 41 | if (e.isDefaultPrevented()) return 42 | 43 | var $target = $(selector) 44 | 45 | this.activate($this.closest('li'), $ul) 46 | this.activate($target, $target.parent(), function () { 47 | $this.trigger({ 48 | type: 'shown.bs.tab', 49 | relatedTarget: previous 50 | }) 51 | }) 52 | } 53 | 54 | Tab.prototype.activate = function (element, container, callback) { 55 | var $active = container.find('> .active') 56 | var transition = callback 57 | && $.support.transition 58 | && $active.hasClass('fade') 59 | 60 | function next() { 61 | $active 62 | .removeClass('active') 63 | .find('> .dropdown-menu > .active') 64 | .removeClass('active') 65 | 66 | element.addClass('active') 67 | 68 | if (transition) { 69 | element[0].offsetWidth // reflow for transition 70 | element.addClass('in') 71 | } else { 72 | element.removeClass('fade') 73 | } 74 | 75 | if (element.parent('.dropdown-menu')) { 76 | element.closest('li.dropdown').addClass('active') 77 | } 78 | 79 | callback && callback() 80 | } 81 | 82 | transition ? 83 | $active 84 | .one('bsTransitionEnd', next) 85 | .emulateTransitionEnd(150) : 86 | next() 87 | 88 | $active.removeClass('in') 89 | } 90 | 91 | 92 | // TAB PLUGIN DEFINITION 93 | // ===================== 94 | 95 | function Plugin(option) { 96 | return this.each(function () { 97 | var $this = $(this) 98 | var data = $this.data('bs.tab') 99 | 100 | if (!data) $this.data('bs.tab', (data = new Tab(this))) 101 | if (typeof option == 'string') data[option]() 102 | }) 103 | } 104 | 105 | var old = $.fn.tab 106 | 107 | $.fn.tab = Plugin 108 | $.fn.tab.Constructor = Tab 109 | 110 | 111 | // TAB NO CONFLICT 112 | // =============== 113 | 114 | $.fn.tab.noConflict = function () { 115 | $.fn.tab = old 116 | return this 117 | } 118 | 119 | 120 | // TAB DATA-API 121 | // ============ 122 | 123 | $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { 124 | e.preventDefault() 125 | Plugin.call($(this), 'show') 126 | }) 127 | 128 | }(jQuery); 129 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/js/transition.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: transition.js v3.2.0 3 | * http://getbootstrap.com/javascript/#transitions 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) 14 | // ============================================================ 15 | 16 | function transitionEnd() { 17 | var el = document.createElement('bootstrap') 18 | 19 | var transEndEventNames = { 20 | WebkitTransition : 'webkitTransitionEnd', 21 | MozTransition : 'transitionend', 22 | OTransition : 'oTransitionEnd otransitionend', 23 | transition : 'transitionend' 24 | } 25 | 26 | for (var name in transEndEventNames) { 27 | if (el.style[name] !== undefined) { 28 | return { end: transEndEventNames[name] } 29 | } 30 | } 31 | 32 | return false // explicit for ie8 ( ._.) 33 | } 34 | 35 | // http://blog.alexmaccaw.com/css-transitions 36 | $.fn.emulateTransitionEnd = function (duration) { 37 | var called = false 38 | var $el = this 39 | $(this).one('bsTransitionEnd', function () { called = true }) 40 | var callback = function () { if (!called) $($el).trigger($.support.transition.end) } 41 | setTimeout(callback, duration) 42 | return this 43 | } 44 | 45 | $(function () { 46 | $.support.transition = transitionEnd() 47 | 48 | if (!$.support.transition) return 49 | 50 | $.event.special.bsTransitionEnd = { 51 | bindType: $.support.transition.end, 52 | delegateType: $.support.transition.end, 53 | handle: function (e) { 54 | if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) 55 | } 56 | } 57 | }) 58 | 59 | }(jQuery); 60 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/alerts.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: @alert-padding; 11 | margin-bottom: @line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: @alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing @headings-color 19 | color: inherit; 20 | } 21 | // Provide class for links that match alerts 22 | .alert-link { 23 | font-weight: @alert-link-font-weight; 24 | } 25 | 26 | // Improve alignment and spacing of inner content 27 | > p, 28 | > ul { 29 | margin-bottom: 0; 30 | } 31 | > p + p { 32 | margin-top: 5px; 33 | } 34 | } 35 | 36 | // Dismissible alerts 37 | // 38 | // Expand the right padding and account for the close button's positioning. 39 | 40 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 41 | .alert-dismissible { 42 | padding-right: (@alert-padding + 20); 43 | 44 | // Adjust close link position 45 | .close { 46 | position: relative; 47 | top: -2px; 48 | right: -21px; 49 | color: inherit; 50 | } 51 | } 52 | 53 | // Alternate styles 54 | // 55 | // Generate contextual modifier classes for colorizing the alert. 56 | 57 | .alert-success { 58 | .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); 59 | } 60 | .alert-info { 61 | .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); 62 | } 63 | .alert-warning { 64 | .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); 65 | } 66 | .alert-danger { 67 | .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); 68 | } 69 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/badges.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: @font-size-small; 12 | font-weight: @badge-font-weight; 13 | color: @badge-color; 14 | line-height: @badge-line-height; 15 | vertical-align: baseline; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: @badge-bg; 19 | border-radius: @badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | .btn-xs & { 32 | top: 0; 33 | padding: 1px 5px; 34 | } 35 | 36 | // Hover state, but only for links 37 | a& { 38 | &:hover, 39 | &:focus { 40 | color: @badge-link-hover-color; 41 | text-decoration: none; 42 | cursor: pointer; 43 | } 44 | } 45 | 46 | // Account for badges in navs 47 | a.list-group-item.active > &, 48 | .nav-pills > .active > a > & { 49 | color: @badge-active-color; 50 | background-color: @badge-active-bg; 51 | } 52 | .nav-pills > li > a > & { 53 | margin-left: 3px; 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/bootstrap.import.less: -------------------------------------------------------------------------------- 1 | // Defines where the package is 2 | @bootstrap3-less-root: "/packages/app-style"; 3 | 4 | // Import Bootstrap core variables and mixin 5 | // --------------------------------------- 6 | // (you need these first, to get the default setup for bootstrap) 7 | 8 | @import "@{bootstrap3-less-root}/lib/less/variables.import.less"; 9 | @import "@{bootstrap3-less-root}/lib/less/mixins.import.less"; 10 | 11 | // Application Overrides (config) 12 | // --------------------------------------- 13 | // (Here you can override any variables defined in the default set above) 14 | 15 | @icon-font-path: "@{bootstrap3-less-root}/lib/fonts/"; 16 | 17 | 18 | // Import Bootstrap 19 | // --------------------------------------- 20 | // (This is the full set of package files, include only what you need) 21 | 22 | // Reset and dependencies 23 | @import "@{bootstrap3-less-root}/lib/less/normalize.import.less"; 24 | @import "@{bootstrap3-less-root}/lib/less/print.import.less"; 25 | @import "@{bootstrap3-less-root}/lib/less/glyphicons.import.less"; 26 | 27 | // Core CSS 28 | @import "@{bootstrap3-less-root}/lib/less/scaffolding.import.less"; 29 | @import "@{bootstrap3-less-root}/lib/less/type.import.less"; 30 | @import "@{bootstrap3-less-root}/lib/less/code.import.less"; 31 | @import "@{bootstrap3-less-root}/lib/less/grid.import.less"; 32 | @import "@{bootstrap3-less-root}/lib/less/tables.import.less"; 33 | @import "@{bootstrap3-less-root}/lib/less/forms.import.less"; 34 | @import "@{bootstrap3-less-root}/lib/less/buttons.import.less"; 35 | 36 | // Components 37 | @import "@{bootstrap3-less-root}/lib/less/component-animations.import.less"; 38 | @import "@{bootstrap3-less-root}/lib/less/dropdowns.import.less"; 39 | @import "@{bootstrap3-less-root}/lib/less/button-groups.import.less"; 40 | @import "@{bootstrap3-less-root}/lib/less/input-groups.import.less"; 41 | @import "@{bootstrap3-less-root}/lib/less/navs.import.less"; 42 | @import "@{bootstrap3-less-root}/lib/less/navbar.import.less"; 43 | @import "@{bootstrap3-less-root}/lib/less/breadcrumbs.import.less"; 44 | @import "@{bootstrap3-less-root}/lib/less/pagination.import.less"; 45 | @import "@{bootstrap3-less-root}/lib/less/pager.import.less"; 46 | @import "@{bootstrap3-less-root}/lib/less/labels.import.less"; 47 | @import "@{bootstrap3-less-root}/lib/less/badges.import.less"; 48 | @import "@{bootstrap3-less-root}/lib/less/jumbotron.import.less"; 49 | @import "@{bootstrap3-less-root}/lib/less/thumbnails.import.less"; 50 | @import "@{bootstrap3-less-root}/lib/less/alerts.import.less"; 51 | @import "@{bootstrap3-less-root}/lib/less/progress-bars.import.less"; 52 | @import "@{bootstrap3-less-root}/lib/less/media.import.less"; 53 | @import "@{bootstrap3-less-root}/lib/less/list-group.import.less"; 54 | @import "@{bootstrap3-less-root}/lib/less/panels.import.less"; 55 | @import "@{bootstrap3-less-root}/lib/less/responsive-embed.import.less"; 56 | @import "@{bootstrap3-less-root}/lib/less/wells.import.less"; 57 | @import "@{bootstrap3-less-root}/lib/less/close.import.less"; 58 | 59 | // Components w/ JavaScript 60 | @import "@{bootstrap3-less-root}/lib/less/modals.import.less"; 61 | @import "@{bootstrap3-less-root}/lib/less/tooltip.import.less"; 62 | @import "@{bootstrap3-less-root}/lib/less/popovers.import.less"; 63 | @import "@{bootstrap3-less-root}/lib/less/carousel.import.less"; 64 | 65 | // Utility classes 66 | @import "@{bootstrap3-less-root}/lib/less/utilities.import.less"; 67 | @import "@{bootstrap3-less-root}/lib/less/responsive-utilities.import.less"; 68 | 69 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/bootswatch.less: -------------------------------------------------------------------------------- 1 | // Flatly 3.2.0 2 | // Bootswatch 3 | // ----------------------------------------------------- 4 | 5 | @import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic"); 6 | 7 | // Navbar ===================================================================== 8 | 9 | .navbar { 10 | border-width: 0; 11 | 12 | &-default { 13 | 14 | .badge { 15 | background-color: #fff; 16 | color: @navbar-default-bg; 17 | } 18 | } 19 | 20 | &-inverse { 21 | 22 | .badge { 23 | background-color: #fff; 24 | color: @navbar-inverse-bg; 25 | } 26 | } 27 | 28 | &-brand { 29 | padding: 18.5px 15px 20.5px; 30 | } 31 | } 32 | 33 | // Buttons ==================================================================== 34 | 35 | .btn:active { 36 | .box-shadow(none); 37 | } 38 | 39 | .btn-group.open .dropdown-toggle { 40 | .box-shadow(none); 41 | } 42 | 43 | // Typography ================================================================= 44 | 45 | .text-primary, 46 | .text-primary:hover { 47 | color: @brand-primary; 48 | } 49 | 50 | .text-success, 51 | .text-success:hover { 52 | color: @brand-success; 53 | } 54 | 55 | .text-danger, 56 | .text-danger:hover { 57 | color: @brand-danger; 58 | } 59 | 60 | .text-warning, 61 | .text-warning:hover { 62 | color: @brand-warning; 63 | } 64 | 65 | .text-info, 66 | .text-info:hover { 67 | color: @brand-info; 68 | } 69 | 70 | // Tables ===================================================================== 71 | 72 | table, 73 | .table { 74 | 75 | a:not(.btn) { 76 | text-decoration: underline; 77 | } 78 | 79 | .success, 80 | .warning, 81 | .danger, 82 | .info { 83 | color: #fff; 84 | 85 | a { 86 | color: #fff; 87 | } 88 | } 89 | 90 | > thead > tr > th, 91 | > tbody > tr > th, 92 | > tfoot > tr > th, 93 | > thead > tr > td, 94 | > tbody > tr > td, 95 | > tfoot > tr > td { 96 | border: none; 97 | } 98 | 99 | &-bordered > thead > tr > th, 100 | &-bordered > tbody > tr > th, 101 | &-bordered > tfoot > tr > th, 102 | &-bordered > thead > tr > td, 103 | &-bordered > tbody > tr > td, 104 | &-bordered > tfoot > tr > td { 105 | border: 1px solid @table-border-color; 106 | } 107 | } 108 | 109 | // Forms ====================================================================== 110 | 111 | .form-control, 112 | input, { 113 | border-width: 2px; 114 | .box-shadow(none); 115 | 116 | &:focus { 117 | .box-shadow(none); 118 | } 119 | } 120 | 121 | .has-warning { 122 | .help-block, 123 | .control-label, 124 | .radio, 125 | .checkbox, 126 | .radio-inline, 127 | .checkbox-inline, 128 | .form-control-feedback { 129 | color: @brand-warning; 130 | } 131 | 132 | .form-control, 133 | .form-control:focus { 134 | border: 2px solid @brand-warning; 135 | } 136 | 137 | .input-group-addon { 138 | border-color: @brand-warning; 139 | } 140 | } 141 | 142 | .has-error { 143 | .help-block, 144 | .control-label, 145 | .radio, 146 | .checkbox, 147 | .radio-inline, 148 | .checkbox-inline, 149 | .form-control-feedback { 150 | color: @brand-danger; 151 | } 152 | 153 | .form-control, 154 | .form-control:focus { 155 | border: 2px solid @brand-danger; 156 | } 157 | 158 | .input-group-addon { 159 | border-color: @brand-danger; 160 | } 161 | } 162 | 163 | .has-success { 164 | .help-block, 165 | .control-label, 166 | .radio, 167 | .checkbox, 168 | .radio-inline, 169 | .checkbox-inline, 170 | .form-control-feedback { 171 | color: @brand-success; 172 | } 173 | 174 | .form-control, 175 | .form-control:focus { 176 | border: 2px solid @brand-success; 177 | } 178 | 179 | .input-group-addon { 180 | border-color: @brand-success; 181 | } 182 | } 183 | 184 | // Navs ======================================================================= 185 | 186 | .nav { 187 | .open > a, 188 | .open > a:hover, 189 | .open > a:focus { 190 | border-color: transparent; 191 | } 192 | } 193 | 194 | .pager { 195 | a, 196 | a:hover { 197 | color: #fff; 198 | } 199 | 200 | .disabled { 201 | &>a, 202 | &>a:hover, 203 | &>a:focus, 204 | &>span { 205 | background-color: @pagination-disabled-bg; 206 | } 207 | } 208 | } 209 | 210 | // Indicators ================================================================= 211 | 212 | .close { 213 | color: #fff; 214 | text-decoration: none; 215 | opacity: 0.4; 216 | 217 | &:hover, 218 | &:focus { 219 | color: #fff; 220 | opacity: 1; 221 | } 222 | } 223 | 224 | .alert { 225 | 226 | .alert-link { 227 | color: #fff; 228 | text-decoration: underline; 229 | } 230 | } 231 | 232 | // Progress bars ============================================================== 233 | 234 | .progress { 235 | height: 10px; 236 | .box-shadow(none); 237 | .progress-bar { 238 | font-size: 10px; 239 | line-height: 10px; 240 | } 241 | } 242 | 243 | // Containers ================================================================= 244 | 245 | .well { 246 | .box-shadow(none); 247 | } 248 | 249 | .panel { 250 | &-default { 251 | .close { 252 | color: @text-color; 253 | } 254 | } 255 | } 256 | 257 | .modal { 258 | .close { 259 | color: @text-color; 260 | } 261 | } 262 | 263 | .popover { 264 | color: @text-color; 265 | } 266 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/breadcrumbs.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; 8 | margin-bottom: @line-height-computed; 9 | list-style: none; 10 | background-color: @breadcrumb-bg; 11 | border-radius: @border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space 18 | padding: 0 5px; 19 | color: @breadcrumb-color; 20 | } 21 | } 22 | 23 | > .active { 24 | color: @breadcrumb-active-color; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/buttons.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Buttons 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // -------------------------------------------------- 8 | 9 | .btn { 10 | display: inline-block; 11 | margin-bottom: 0; // For input.btn 12 | font-weight: @btn-font-weight; 13 | text-align: center; 14 | vertical-align: middle; 15 | cursor: pointer; 16 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 17 | border: 1px solid transparent; 18 | white-space: nowrap; 19 | .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base); 20 | .user-select(none); 21 | 22 | &, 23 | &:active, 24 | &.active { 25 | &:focus { 26 | .tab-focus(); 27 | } 28 | } 29 | 30 | &:hover, 31 | &:focus { 32 | color: @btn-default-color; 33 | text-decoration: none; 34 | } 35 | 36 | &:active, 37 | &.active { 38 | outline: 0; 39 | background-image: none; 40 | .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); 41 | } 42 | 43 | &.disabled, 44 | &[disabled], 45 | fieldset[disabled] & { 46 | cursor: not-allowed; 47 | pointer-events: none; // Future-proof disabling of clicks 48 | .opacity(.65); 49 | .box-shadow(none); 50 | } 51 | } 52 | 53 | 54 | // Alternate buttons 55 | // -------------------------------------------------- 56 | 57 | .btn-default { 58 | .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); 59 | } 60 | .btn-primary { 61 | .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); 62 | } 63 | // Success appears as green 64 | .btn-success { 65 | .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); 66 | } 67 | // Info appears as blue-green 68 | .btn-info { 69 | .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); 70 | } 71 | // Warning appears as orange 72 | .btn-warning { 73 | .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); 74 | } 75 | // Danger and error appear as red 76 | .btn-danger { 77 | .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); 78 | } 79 | 80 | 81 | // Link buttons 82 | // ------------------------- 83 | 84 | // Make a button look and behave like a link 85 | .btn-link { 86 | color: @link-color; 87 | font-weight: normal; 88 | cursor: pointer; 89 | border-radius: 0; 90 | 91 | &, 92 | &:active, 93 | &[disabled], 94 | fieldset[disabled] & { 95 | background-color: transparent; 96 | .box-shadow(none); 97 | } 98 | &, 99 | &:hover, 100 | &:focus, 101 | &:active { 102 | border-color: transparent; 103 | } 104 | &:hover, 105 | &:focus { 106 | color: @link-hover-color; 107 | text-decoration: underline; 108 | background-color: transparent; 109 | } 110 | &[disabled], 111 | fieldset[disabled] & { 112 | &:hover, 113 | &:focus { 114 | color: @btn-link-disabled-color; 115 | text-decoration: none; 116 | } 117 | } 118 | } 119 | 120 | 121 | // Button Sizes 122 | // -------------------------------------------------- 123 | 124 | .btn-lg { 125 | // line-height: ensure even-numbered height of button next to large input 126 | .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); 127 | } 128 | .btn-sm { 129 | // line-height: ensure proper height of button next to small input 130 | .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); 131 | } 132 | .btn-xs { 133 | .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small); 134 | } 135 | 136 | 137 | // Block button 138 | // -------------------------------------------------- 139 | 140 | .btn-block { 141 | display: block; 142 | width: 100%; 143 | } 144 | 145 | // Vertically space out multiple block buttons 146 | .btn-block + .btn-block { 147 | margin-top: 5px; 148 | } 149 | 150 | // Specificity overrides 151 | input[type="submit"], 152 | input[type="reset"], 153 | input[type="button"] { 154 | &.btn-block { 155 | width: 100%; 156 | } 157 | } 158 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/close.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: (@font-size-base * 1.5); 9 | font-weight: @close-font-weight; 10 | line-height: 1; 11 | color: @close-color; 12 | text-shadow: @close-text-shadow; 13 | .opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: @close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | .opacity(.5); 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | button& { 27 | padding: 0; 28 | cursor: pointer; 29 | background: transparent; 30 | border: 0; 31 | -webkit-appearance: none; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/code.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: @font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: @code-color; 19 | background-color: @code-bg; 20 | border-radius: @border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: @kbd-color; 28 | background-color: @kbd-bg; 29 | border-radius: @border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | box-shadow: none; 36 | } 37 | } 38 | 39 | // Blocks of code 40 | pre { 41 | display: block; 42 | padding: ((@line-height-computed - 1) / 2); 43 | margin: 0 0 (@line-height-computed / 2); 44 | font-size: (@font-size-base - 1); // 14px to 13px 45 | line-height: @line-height-base; 46 | word-break: break-all; 47 | word-wrap: break-word; 48 | color: @pre-color; 49 | background-color: @pre-bg; 50 | border: 1px solid @pre-border-color; 51 | border-radius: @border-radius-base; 52 | 53 | // Account for some code outputs that place code tags in pre tags 54 | code { 55 | padding: 0; 56 | font-size: inherit; 57 | color: inherit; 58 | white-space: pre-wrap; 59 | background-color: transparent; 60 | border-radius: 0; 61 | } 62 | } 63 | 64 | // Enable scrollable blocks of code 65 | .pre-scrollable { 66 | max-height: @pre-scrollable-max-height; 67 | overflow-y: scroll; 68 | } 69 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/component-animations.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | .transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | 21 | &.in { display: block; } 22 | tr&.in { display: table-row; } 23 | tbody&.in { display: table-row-group; } 24 | } 25 | 26 | .collapsing { 27 | position: relative; 28 | height: 0; 29 | overflow: hidden; 30 | .transition(height .35s ease); 31 | } 32 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/dropdowns.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Dropdown menus 3 | // -------------------------------------------------- 4 | 5 | 6 | // Dropdown arrow/caret 7 | .caret { 8 | display: inline-block; 9 | width: 0; 10 | height: 0; 11 | margin-left: 2px; 12 | vertical-align: middle; 13 | border-top: @caret-width-base solid; 14 | border-right: @caret-width-base solid transparent; 15 | border-left: @caret-width-base solid transparent; 16 | } 17 | 18 | // The dropdown wrapper (div) 19 | .dropdown { 20 | position: relative; 21 | } 22 | 23 | // Prevent the focus on the dropdown toggle when closing dropdowns 24 | .dropdown-toggle:focus { 25 | outline: 0; 26 | } 27 | 28 | // The dropdown menu (ul) 29 | .dropdown-menu { 30 | position: absolute; 31 | top: 100%; 32 | left: 0; 33 | z-index: @zindex-dropdown; 34 | display: none; // none by default, but block on "open" of the menu 35 | float: left; 36 | min-width: 160px; 37 | padding: 5px 0; 38 | margin: 2px 0 0; // override default ul 39 | list-style: none; 40 | font-size: @font-size-base; 41 | text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) 42 | background-color: @dropdown-bg; 43 | border: 1px solid @dropdown-fallback-border; // IE8 fallback 44 | border: 1px solid @dropdown-border; 45 | border-radius: @border-radius-base; 46 | .box-shadow(0 6px 12px rgba(0,0,0,.175)); 47 | background-clip: padding-box; 48 | 49 | // Aligns the dropdown menu to right 50 | // 51 | // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` 52 | &.pull-right { 53 | right: 0; 54 | left: auto; 55 | } 56 | 57 | // Dividers (basically an hr) within the dropdown 58 | .divider { 59 | .nav-divider(@dropdown-divider-bg); 60 | } 61 | 62 | // Links within the dropdown menu 63 | > li > a { 64 | display: block; 65 | padding: 3px 20px; 66 | clear: both; 67 | font-weight: normal; 68 | line-height: @line-height-base; 69 | color: @dropdown-link-color; 70 | white-space: nowrap; // prevent links from randomly breaking onto new lines 71 | } 72 | } 73 | 74 | // Hover/Focus state 75 | .dropdown-menu > li > a { 76 | &:hover, 77 | &:focus { 78 | text-decoration: none; 79 | color: @dropdown-link-hover-color; 80 | background-color: @dropdown-link-hover-bg; 81 | } 82 | } 83 | 84 | // Active state 85 | .dropdown-menu > .active > a { 86 | &, 87 | &:hover, 88 | &:focus { 89 | color: @dropdown-link-active-color; 90 | text-decoration: none; 91 | outline: 0; 92 | background-color: @dropdown-link-active-bg; 93 | } 94 | } 95 | 96 | // Disabled state 97 | // 98 | // Gray out text and ensure the hover/focus state remains gray 99 | 100 | .dropdown-menu > .disabled > a { 101 | &, 102 | &:hover, 103 | &:focus { 104 | color: @dropdown-link-disabled-color; 105 | } 106 | } 107 | // Nuke hover/focus effects 108 | .dropdown-menu > .disabled > a { 109 | &:hover, 110 | &:focus { 111 | text-decoration: none; 112 | background-color: transparent; 113 | background-image: none; // Remove CSS gradient 114 | .reset-filter(); 115 | cursor: not-allowed; 116 | } 117 | } 118 | 119 | // Open state for the dropdown 120 | .open { 121 | // Show the menu 122 | > .dropdown-menu { 123 | display: block; 124 | } 125 | 126 | // Remove the outline when :focus is triggered 127 | > a { 128 | outline: 0; 129 | } 130 | } 131 | 132 | // Menu positioning 133 | // 134 | // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown 135 | // menu with the parent. 136 | .dropdown-menu-right { 137 | left: auto; // Reset the default from `.dropdown-menu` 138 | right: 0; 139 | } 140 | // With v3, we enabled auto-flipping if you have a dropdown within a right 141 | // aligned nav component. To enable the undoing of that, we provide an override 142 | // to restore the default dropdown menu alignment. 143 | // 144 | // This is only for left-aligning a dropdown menu within a `.navbar-right` or 145 | // `.pull-right` nav component. 146 | .dropdown-menu-left { 147 | left: 0; 148 | right: auto; 149 | } 150 | 151 | // Dropdown section headers 152 | .dropdown-header { 153 | display: block; 154 | padding: 3px 20px; 155 | font-size: @font-size-small; 156 | line-height: @line-height-base; 157 | color: @dropdown-header-color; 158 | white-space: nowrap; // as with > li > a 159 | } 160 | 161 | // Backdrop to catch body clicks on mobile, etc. 162 | .dropdown-backdrop { 163 | position: fixed; 164 | left: 0; 165 | right: 0; 166 | bottom: 0; 167 | top: 0; 168 | z-index: (@zindex-dropdown - 10); 169 | } 170 | 171 | // Right aligned dropdowns 172 | .pull-right > .dropdown-menu { 173 | right: 0; 174 | left: auto; 175 | } 176 | 177 | // Allow for dropdowns to go bottom up (aka, dropup-menu) 178 | // 179 | // Just add .dropup after the standard .dropdown class and you're set, bro. 180 | // TODO: abstract this so that the navbar fixed styles are not placed here? 181 | 182 | .dropup, 183 | .navbar-fixed-bottom .dropdown { 184 | // Reverse the caret 185 | .caret { 186 | border-top: 0; 187 | border-bottom: @caret-width-base solid; 188 | content: ""; 189 | } 190 | // Different positioning for bottom up menu 191 | .dropdown-menu { 192 | top: auto; 193 | bottom: 100%; 194 | margin-bottom: 1px; 195 | } 196 | } 197 | 198 | 199 | // Component alignment 200 | // 201 | // Reiterate per navbar.import.less and the modified component alignment there. 202 | 203 | @media (min-width: @grid-float-breakpoint) { 204 | .navbar-right { 205 | .dropdown-menu { 206 | .dropdown-menu-right(); 207 | } 208 | // Necessary for overrides of the default right aligned menu. 209 | // Will remove come v4 in all likelihood. 210 | .dropdown-menu-left { 211 | .dropdown-menu-left(); 212 | } 213 | } 214 | } 215 | 216 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/grid.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | .container-fixed(); 12 | 13 | @media (min-width: @screen-sm-min) { 14 | width: @container-sm; 15 | } 16 | @media (min-width: @screen-md-min) { 17 | width: @container-md; 18 | } 19 | @media (min-width: @screen-lg-min) { 20 | width: @container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | .container-fixed(); 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | .make-row(); 41 | } 42 | 43 | 44 | // Columns 45 | // 46 | // Common styles for small and large grid columns 47 | 48 | .make-grid-columns(); 49 | 50 | 51 | // Extra small grid 52 | // 53 | // Columns, offsets, pushes, and pulls for extra small devices like 54 | // smartphones. 55 | 56 | .make-grid(xs); 57 | 58 | 59 | // Small grid 60 | // 61 | // Columns, offsets, pushes, and pulls for the small device range, from phones 62 | // to tablets. 63 | 64 | @media (min-width: @screen-sm-min) { 65 | .make-grid(sm); 66 | } 67 | 68 | 69 | // Medium grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the desktop device range. 72 | 73 | @media (min-width: @screen-md-min) { 74 | .make-grid(md); 75 | } 76 | 77 | 78 | // Large grid 79 | // 80 | // Columns, offsets, pushes, and pulls for the large desktop device range. 81 | 82 | @media (min-width: @screen-lg-min) { 83 | .make-grid(lg); 84 | } 85 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/input-groups.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Input groups 3 | // -------------------------------------------------- 4 | 5 | // Base styles 6 | // ------------------------- 7 | .input-group { 8 | position: relative; // For dropdowns 9 | display: table; 10 | border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table 11 | 12 | // Undo padding and float of grid classes 13 | &[class*="col-"] { 14 | float: none; 15 | padding-left: 0; 16 | padding-right: 0; 17 | } 18 | 19 | .form-control { 20 | // Ensure that the input is always above the *appended* addon button for 21 | // proper border colors. 22 | position: relative; 23 | z-index: 2; 24 | 25 | // IE9 fubars the placeholder attribute in text inputs and the arrows on 26 | // select elements in input groups. To fix it, we float the input. Details: 27 | // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 28 | float: left; 29 | 30 | width: 100%; 31 | margin-bottom: 0; 32 | } 33 | } 34 | 35 | // Sizing options 36 | // 37 | // Remix the default form control sizing classes into new ones for easier 38 | // manipulation. 39 | 40 | .input-group-lg > .form-control, 41 | .input-group-lg > .input-group-addon, 42 | .input-group-lg > .input-group-btn > .btn { 43 | .input-lg(); 44 | } 45 | .input-group-sm > .form-control, 46 | .input-group-sm > .input-group-addon, 47 | .input-group-sm > .input-group-btn > .btn { 48 | .input-sm(); 49 | } 50 | 51 | 52 | // Display as table-cell 53 | // ------------------------- 54 | .input-group-addon, 55 | .input-group-btn, 56 | .input-group .form-control { 57 | display: table-cell; 58 | 59 | &:not(:first-child):not(:last-child) { 60 | border-radius: 0; 61 | } 62 | } 63 | // Addon and addon wrapper for buttons 64 | .input-group-addon, 65 | .input-group-btn { 66 | width: 1%; 67 | white-space: nowrap; 68 | vertical-align: middle; // Match the inputs 69 | } 70 | 71 | // Text input groups 72 | // ------------------------- 73 | .input-group-addon { 74 | padding: @padding-base-vertical @padding-base-horizontal; 75 | font-size: @font-size-base; 76 | font-weight: normal; 77 | line-height: 1; 78 | color: @input-color; 79 | text-align: center; 80 | background-color: @input-group-addon-bg; 81 | border: 1px solid @input-group-addon-border-color; 82 | border-radius: @border-radius-base; 83 | 84 | // Sizing 85 | &.input-sm { 86 | padding: @padding-small-vertical @padding-small-horizontal; 87 | font-size: @font-size-small; 88 | border-radius: @border-radius-small; 89 | } 90 | &.input-lg { 91 | padding: @padding-large-vertical @padding-large-horizontal; 92 | font-size: @font-size-large; 93 | border-radius: @border-radius-large; 94 | } 95 | 96 | // Nuke default margins from checkboxes and radios to vertically center within. 97 | input[type="radio"], 98 | input[type="checkbox"] { 99 | margin-top: 0; 100 | } 101 | } 102 | 103 | // Reset rounded corners 104 | .input-group .form-control:first-child, 105 | .input-group-addon:first-child, 106 | .input-group-btn:first-child > .btn, 107 | .input-group-btn:first-child > .btn-group > .btn, 108 | .input-group-btn:first-child > .dropdown-toggle, 109 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 110 | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { 111 | .border-right-radius(0); 112 | } 113 | .input-group-addon:first-child { 114 | border-right: 0; 115 | } 116 | .input-group .form-control:last-child, 117 | .input-group-addon:last-child, 118 | .input-group-btn:last-child > .btn, 119 | .input-group-btn:last-child > .btn-group > .btn, 120 | .input-group-btn:last-child > .dropdown-toggle, 121 | .input-group-btn:first-child > .btn:not(:first-child), 122 | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { 123 | .border-left-radius(0); 124 | } 125 | .input-group-addon:last-child { 126 | border-left: 0; 127 | } 128 | 129 | // Button input groups 130 | // ------------------------- 131 | .input-group-btn { 132 | position: relative; 133 | // Jankily prevent input button groups from wrapping with `white-space` and 134 | // `font-size` in combination with `inline-block` on buttons. 135 | font-size: 0; 136 | white-space: nowrap; 137 | 138 | // Negative margin for spacing, position for bringing hovered/focused/actived 139 | // element above the siblings. 140 | > .btn { 141 | position: relative; 142 | + .btn { 143 | margin-left: -1px; 144 | } 145 | // Bring the "active" button to the front 146 | &:hover, 147 | &:focus, 148 | &:active { 149 | z-index: 2; 150 | } 151 | } 152 | 153 | // Negative margin to only have a 1px border between the two 154 | &:first-child { 155 | > .btn, 156 | > .btn-group { 157 | margin-right: -1px; 158 | } 159 | } 160 | &:last-child { 161 | > .btn, 162 | > .btn-group { 163 | margin-left: -1px; 164 | } 165 | } 166 | } 167 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/jumbotron.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding: @jumbotron-padding; 8 | margin-bottom: @jumbotron-padding; 9 | color: @jumbotron-color; 10 | background-color: @jumbotron-bg; 11 | 12 | h1, 13 | .h1 { 14 | color: @jumbotron-heading-color; 15 | } 16 | p { 17 | margin-bottom: (@jumbotron-padding / 2); 18 | font-size: @jumbotron-font-size; 19 | font-weight: 200; 20 | } 21 | 22 | > hr { 23 | border-top-color: darken(@jumbotron-bg, 10%); 24 | } 25 | 26 | .container & { 27 | border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container 28 | } 29 | 30 | .container { 31 | max-width: 100%; 32 | } 33 | 34 | @media screen and (min-width: @screen-sm-min) { 35 | padding-top: (@jumbotron-padding * 1.6); 36 | padding-bottom: (@jumbotron-padding * 1.6); 37 | 38 | .container & { 39 | padding-left: (@jumbotron-padding * 2); 40 | padding-right: (@jumbotron-padding * 2); 41 | } 42 | 43 | h1, 44 | .h1 { 45 | font-size: (@font-size-base * 4.5); 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/labels.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: @label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // Add hover effects, but only for links 18 | a& { 19 | &:hover, 20 | &:focus { 21 | color: @label-link-hover-color; 22 | text-decoration: none; 23 | cursor: pointer; 24 | } 25 | } 26 | 27 | // Empty labels collapse automatically (not available in IE8) 28 | &:empty { 29 | display: none; 30 | } 31 | 32 | // Quick fix for labels in buttons 33 | .btn & { 34 | position: relative; 35 | top: -1px; 36 | } 37 | } 38 | 39 | // Colors 40 | // Contextual variations (linked labels get darker on :hover) 41 | 42 | .label-default { 43 | .label-variant(@label-default-bg); 44 | } 45 | 46 | .label-primary { 47 | .label-variant(@label-primary-bg); 48 | } 49 | 50 | .label-success { 51 | .label-variant(@label-success-bg); 52 | } 53 | 54 | .label-info { 55 | .label-variant(@label-info-bg); 56 | } 57 | 58 | .label-warning { 59 | .label-variant(@label-warning-bg); 60 | } 61 | 62 | .label-danger { 63 | .label-variant(@label-danger-bg); 64 | } 65 | -------------------------------------------------------------------------------- /packages/bootstrap/lib/less/list-group.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // List groups 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | // 8 | // Easily usable on