Repository: tart/tartJS Branch: master Commit: 3b677e6969af Files: 144 Total size: 749.3 KB Directory structure: gitextract_2t11nxj1/ ├── .gitignore ├── .gitmodules ├── .travis.yml ├── README.md ├── gulpfile.js ├── package.json ├── scripts/ │ ├── build.sh │ ├── compileAllSpecRunners.sh │ ├── compileForSpecRunner.sh │ ├── deps.sh │ ├── jsdoc-conf.json │ └── runAllSpecRunners.sh ├── tart/ │ ├── Builder.js │ ├── Carousel/ │ │ ├── Carousel.js │ │ └── spec/ │ │ ├── CarouselSpec.js │ │ └── SpecRunner.html │ ├── CircularCarousel/ │ │ ├── CircularCarousel.js │ │ └── spec/ │ │ ├── CircularCarouselSpec.js │ │ └── SpecRunner.html │ ├── Collection.js │ ├── DropdownList/ │ │ ├── DropdownBuilder.js │ │ └── DropdownList.js │ ├── Err.js │ ├── FormValidator/ │ │ ├── FormValidator.js │ │ ├── README.md │ │ └── spec/ │ │ ├── FormValidatorSpec.js │ │ └── SpecRunner.html │ ├── List.js │ ├── Pagination/ │ │ ├── CircularPagination.js │ │ ├── Pagination.js │ │ └── spec/ │ │ ├── PaginationSpec.js │ │ └── SpecRunner.html │ ├── Registry.js │ ├── StateMachine/ │ │ ├── State.js │ │ └── StateMachine.js │ ├── Tabs/ │ │ ├── TabPanel.js │ │ └── Tabs.js │ ├── Validation/ │ │ ├── README.md │ │ ├── Validation.js │ │ └── spec/ │ │ ├── SpecRunner.html │ │ └── ValidationSpec.js │ ├── XhrManager.js │ ├── base/ │ │ ├── Model.js │ │ └── plugin/ │ │ ├── BasePlugin.js │ │ ├── Filter.js │ │ ├── Pager.js │ │ └── Sorter.js │ ├── components/ │ │ ├── Carousel/ │ │ │ ├── Controller.js │ │ │ ├── Model.js │ │ │ ├── Template.js │ │ │ ├── View.js │ │ │ └── Widget.js │ │ ├── Controller.js │ │ ├── RemoteModel.js │ │ ├── ThumbnailedCarousel/ │ │ │ ├── Model.js │ │ │ ├── SpotController.js │ │ │ ├── SpotTemplate.js │ │ │ ├── SpotView.js │ │ │ ├── ThumbnailsController.js │ │ │ ├── ThumbnailsTemplate.js │ │ │ ├── ThumbnailsView.js │ │ │ └── Widget.js │ │ ├── View.js │ │ ├── Widget.js │ │ └── spec/ │ │ ├── ComponentsSpec.js │ │ └── SpecRunner.html │ ├── dataProxy/ │ │ ├── Abstract.js │ │ ├── CircularLocal.js │ │ ├── Local.js │ │ └── Xhr.js │ ├── date/ │ │ ├── DateRange.js │ │ └── date.js │ ├── deps.js │ ├── dom/ │ │ └── dom.js │ ├── events/ │ │ ├── GestureHandler.js │ │ └── HoverHandler.js │ ├── events.js │ ├── externs/ │ │ ├── jasmine.externs.js │ │ ├── jquery-1.4.4.externs.js │ │ └── tart.externs.js │ ├── locale/ │ │ ├── en.js │ │ ├── locale.js │ │ └── tr.js │ ├── mock/ │ │ ├── index.html │ │ └── jQuery/ │ │ └── xhr.js │ ├── money/ │ │ ├── Currency.js │ │ ├── CurrencyTL.js │ │ ├── CurrencyUSD.js │ │ └── Money.js │ ├── mvc/ │ │ ├── Action.js │ │ ├── Application.js │ │ ├── Controller.js │ │ ├── IApplication.js │ │ ├── Layout.js │ │ ├── MobileAction.js │ │ ├── MobileRenderer.js │ │ ├── Model.js │ │ ├── README.md │ │ ├── Renderer.js │ │ ├── View.js │ │ ├── mvc.js │ │ ├── spec/ │ │ │ ├── SpecRunner.html │ │ │ └── mvcSpec.js │ │ ├── test/ │ │ │ ├── Bootstrapper.js │ │ │ ├── application/ │ │ │ │ ├── controllers/ │ │ │ │ │ ├── GamesController.js │ │ │ │ │ └── IndexController.js │ │ │ │ ├── mvcapp.js │ │ │ │ └── views/ │ │ │ │ ├── layouts/ │ │ │ │ │ ├── common.js │ │ │ │ │ └── rare.js │ │ │ │ └── scripts/ │ │ │ │ ├── games/ │ │ │ │ │ ├── index.js │ │ │ │ │ └── list.js │ │ │ │ └── index/ │ │ │ │ └── list.js │ │ │ └── index.html │ │ └── uri/ │ │ ├── Redirection.js │ │ ├── Request.js │ │ ├── Route.js │ │ └── Router.js │ ├── storage/ │ │ └── Storage.js │ ├── string/ │ │ └── string.js │ ├── tart.js │ └── ui/ │ ├── Component.js │ ├── ComponentManager.js │ ├── ComponentModel.js │ ├── DlgComponent.js │ ├── InfiniteScroll/ │ │ ├── InfiniteScrollComponent.js │ │ ├── InfiniteScrollComponentModel.js │ │ └── infinite-scroll.css │ ├── NavBar/ │ │ ├── NavBarComponent.js │ │ └── nav-bar.css │ ├── PullToRefresh/ │ │ ├── P2RComponent.js │ │ ├── P2RComponentModel.js │ │ └── pull-to-refresh.css │ ├── Sidebar/ │ │ ├── SidebarComponent.js │ │ └── sidebar.css │ ├── TabBar/ │ │ ├── TabBarView.js │ │ └── tabbar.css │ ├── View.js │ ├── ViewManager.js │ ├── ViewModel.js │ ├── input/ │ │ ├── DateComponent.js │ │ └── RevealingPassword.js │ └── tooltip/ │ ├── TooltipComponent.js │ └── TooltipComponentModel.js └── third_party/ └── jquery/ └── jquery-1.5.2.js ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitignore ================================================ *.swp *.swo .idea *.DS_Store *.pyc compiled/* /atlassian-ide-plugin.xml compiled.js SpecRunnerCompiled.html node_modules docs ================================================ FILE: .gitmodules ================================================ [submodule "tools"] path = tools url = https://github.com/tart/GUI-Tools.git [submodule "third_party/jasmine"] path = third_party/jasmine url = https://github.com/pivotal/jasmine.git [submodule "third_party/goog"] path = third_party/goog url = https://github.com/tart/closure-library.git ================================================ FILE: .travis.yml ================================================ sudo: false language: node_js node_js: - '0.12' install: - npm -d install - npm install -g gulp before_script: - git config --global user.email "travis@travis-ci.org" - git config --global user.name "Travis-CI" script: - gulp travis env: global: - secure: DeieQoup1BuwAfLvz+2oRNQKEf2mrO65MsgMoBpWZirhRZvoYnzuWFVonByA6EyNPAzgzZI5Kk64aZaogbg9CzZu+mhkAuJE7m4+KgouE517wjbba8IseEFdyZ951I/VdaFp0PC33Xff32SB8L5xlzY+GnIzIUqTwa2rlogD7RA= ================================================ FILE: README.md ================================================ tartJS ====== tartJS is a performance-focused JavaScript framework based on well-tested Google Closure Tools suite. It provides rapid and responsive mobile app infrastructure. Check out [the documentation](http://tart.js.org/docs) and join us on [![tartJS Slack](http://slack.tartjs.org/badge.svg)](http://slack.tartjs.org) for anything about tartJS. Track issues on [![tartJS HuBoard](https://img.shields.io/github/issues/tart/tartjs.svg?style=flat&label=HuBoard)](https://huboard.com/tart/tartJS) Closure Compiler optimizes, checks and cleans up your annotated JavaScript code with best minification rates while helping you to catch errors. ## Getting Started ### From scratch Add tartJS to your project as a submodule: ```sh git submodule add git@github.com:tart/tartJS.git js/lib/tartJS ``` ### Boilerplates/Examples * For TodoMVC implementation and generic boilerplate: http://github.com/tart/tartjs-todomvc * For working mobile project: https://github.com/tart/tartjs-mobile-demo * Generic boilerplate: https://github.com/tart/BoilerPlate ## Documentation (More coming soon) ### Annotation With help of Closure Compiler, class based inheritance and type safety is widely used in tartJS. See [Annotating JavaScript for the Closure Compiler](https://developers.google.com/closure/compiler/docs/js-for-compiler) how JSDoc annotation works. ### Directory structure * [tart](https://github.com/tart/tartJS/tree/master/tart) : Contains core Tart libraries * tools : Contains tools like Google Closure Compiler, Google Closure Linter etc (submodule to [tart/GUI-Tools](https://github.com/tart/GUI-Tools)) * [third_party](https://github.com/tart/tartJS/tree/master/third_party) : Contains third party libraries like Google Closure Library, Jasmine, jQuery etc. ## Examples * Outstanding web audio processor for guitar players: [Pedalboard.js](http://dashersw.github.io/pedalboard.js/) * Example TodoMVC application (useful as a web application boilerplate): [tartjs-todomvc](https://github.com/tart/tartjs-todomvc) * Example TV show mobile app (useful as a mobile boilerplate): [tartjs-mobile-demo](https://github.com/tart/tartjs-mobile-demo) ## Contributing Want to contribute? Great! Fork it, create a branch, make your changes, push and [open pull request](https://github.com/tart/tartJS/pulls) to contribute. Your pull request may not be merged immediately until necessary changes were made to match coding-style, pass tests. We do follow [Google JavaScript Style Guide](https://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml). ## License Copyright 2014 Startup Kitchen. All Rights Reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. ================================================ FILE: gulpfile.js ================================================ var gulp = require('gulp'); var shell = require("gulp-shell"); var runSequence = require('run-sequence'); var GH_TOKEN = process.env.GH_TOKEN || ''; gulp.task('jsdoc', shell.task([ 'rm -rf ./docs', 'jsdoc -c ./scripts/jsdoc-conf.json' ])); gulp.task('gh-pages', ['jsdoc'], shell.task([ 'mv docs docs_new', 'git remote add upstream https://' + GH_TOKEN + '@github.com/tart/tartJS.git/', 'git fetch upstream', 'git checkout -b gh-pages upstream/gh-pages', 'rm -rf docs', 'mv docs_new docs', 'git add docs', 'git commit -m "Update documentation"', 'git push upstream gh-pages', 'git checkout master' ])); gulp.task('travis-master', ['gh-pages']); gulp.task('travis-pull-request', []); gulp.task('travis', function(callback) { var task = process.env.TRAVIS_PULL_REQUEST != 'false' ? 'travis-pull-request' : 'travis-master'; runSequence(task, callback); }); ================================================ FILE: package.json ================================================ { "name": "tartJS", "description": "A performance-obsessed JavaScript framework for desktop, mobile and web applications.", "repository": { "type": "git", "url": "https://github.com/tart/tartJS" }, "dependencies": {}, "devDependencies": { "gulp": "^3.9.0", "gulp-shell": "^0.4.2", "jaguarjs-jsdoc": "git://github.com/davidshimjs/jaguarjs-jsdoc", "jsdoc": "^3.3.2", "run-sequence": "^1.1.2" } } ================================================ FILE: scripts/build.sh ================================================ #!/bin/bash #usage : scripts/build.sh ply.components.AnimatedCarouselExample.SpecRunner ply/components/AnimatedCarouselExample/spec/compiled.js namespace=$1 outputFile=$2 third_party/goog/closure/bin/build/closurebuilder.py \ --root="third_party/goog/" \ --root="tart/" \ --namespace="${namespace}" \ --compiler_flags="--externs=tart/externs/tart.externs.js" \ --compiler_flags="--externs=tart/externs/jasmine.externs.js" \ --compiler_flags="--externs=tart/externs/jquery-1.4.4.externs.js" \ --output_mode="compiled" --compiler_jar=tools/compiler/compiler.jar \ --output_file=${outputFile} \ --compiler_flags="--compilation_level=ADVANCED_OPTIMIZATIONS" \ --compiler_flags="--output_wrapper='(function(){%output%})()'" \ --compiler_flags="--create_source_map='compiled/source_map.js'" \ --compiler_flags="--property_renaming_report='compiled/properties.out'" \ --compiler_flags="--variable_renaming_report='compiled/variables.out'" \ --compiler_flags="--warning_level=VERBOSE" \ --compiler_flags="--formatting=PRETTY_PRINT" \ --compiler_flags="--formatting=PRINT_INPUT_DELIMITER" \ --compiler_flags="--jscomp_warning=accessControls" \ --compiler_flags="--jscomp_error=checkRegExp" \ --compiler_flags="--jscomp_error=checkTypes" \ --compiler_flags="--jscomp_error=nonStandardJsDocs" \ --compiler_flags="--jscomp_error=strictModuleDepCheck" ================================================ FILE: scripts/compileAllSpecRunners.sh ================================================ #!/bin/bash for i in `find * -type f | grep -i spec | grep -i "SpecRunner.html$" | grep -v "third_party"`; do compiledJs=`echo $i | sed -e 's/SpecRunner.html/compiled.js/'` echo -e "========= COMPILING $compiledJs =========" ; scripts/compileForSpecRunner.sh $compiledJs 2> /dev/null; echo -e "========= FINISHED $? =========\n"; done ================================================ FILE: scripts/compileForSpecRunner.sh ================================================ #!/bin/bash #usage : scripts/compileForSpecRunner.sh ply/components/AnimatedCarouselExample/spec/compiled.js outputFile=$1 if [[ $outputFile == *spec/compiled.js* ]] then namespace=`echo $outputFile | sed -e 's/\/spec\/compiled.js//g' | sed -e 's/\//\./g'` namespace=${namespace}.SpecRunner else echo "ERROR : Path should containt spec/compiled.js"; exit 1; fi third_party/goog/closure/bin/build/closurebuilder.py --root="third_party/goog/" --root="tart/" --root="ply/" --namespace="${namespace}" --compiler_flags="--externs=tart/externs/tart.externs.js" --compiler_flags="--externs=tart/externs/jasmine.externs.js" \ --compiler_flags="--externs=tart/externs/jquery-1.4.4.externs.js" \ --output_mode="compiled" --compiler_jar=tools/compiler/compiler.jar \ --output_file=${outputFile} \ --compiler_flags="--compilation_level=ADVANCED_OPTIMIZATIONS" \ --compiler_flags="--output_wrapper='(function(){%output%})()'" \ --compiler_flags="--create_source_map='compiled/source_map.js'" \ --compiler_flags="--property_renaming_report='compiled/properties.out'" \ --compiler_flags="--variable_renaming_report='compiled/variables.out'" \ --compiler_flags="--warning_level=VERBOSE" \ --compiler_flags="--formatting=PRETTY_PRINT" \ --compiler_flags="--formatting=PRINT_INPUT_DELIMITER" \ --compiler_flags="--jscomp_warning=accessControls" \ --compiler_flags="--jscomp_error=checkRegExp" \ --compiler_flags="--jscomp_error=checkTypes" \ --compiler_flags="--jscomp_error=nonStandardJsDocs" \ --compiler_flags="--jscomp_error=strictModuleDepCheck" ================================================ FILE: scripts/deps.sh ================================================ #!/bin/bash #usage : scripts/deps.sh third_party/goog/closure/bin/build/depswriter.py --root_with_prefix='tart/ ../../../../tart/' --output_file='tart/deps.js' ================================================ FILE: scripts/jsdoc-conf.json ================================================ { "tags": { "allowUnknownTags": true, "dictionaries": ["closure", "jsdoc"] }, "source": { "include": ["tart", "README.md"], "includePattern": ".+\\.js(doc)?$", "excludePattern": "(^|\\/|\\\\)_" }, "opts": { "template": "node_modules/jaguarjs-jsdoc", "encoding": "utf8", "destination": "docs/", "recurse": true }, "plugins": ["plugins/markdown"], "templates": { "cleverLinks": true, "monospaceLinks": false, "default": { "outputSourceFiles": true }, "applicationName": "TartJS", "disqus": "", "googleAnalytics": "", "openGraph": { "title": "", "type": "", "image": "", "site_name": "", "url": "" }, "meta": { "title": "tartJS", "description": "", "keyword": "" }, "linenums": true }, "markdown": { "tags": [] } } ================================================ FILE: scripts/runAllSpecRunners.sh ================================================ #!/bin/bash #run all SpecRunner*html files using qasmine for i in `find * -type f | grep -v third_party | grep -i SpecRunner | grep -i "\.html"`; do echo -e "========= RUNNUNG $i =========" ; qasmine $i 2> /dev/null; echo -e "========= FINISHED $? =========\n"; done ================================================ FILE: tart/Builder.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview Generic builder class to build and modify DOM elements. */ goog.provide('tart.Builder'); goog.require('tart.Err'); /** * Constructor method * * @constructor * @param {string} id id for the builder. Can be used as the id of the DOM element this builder will build. * @return {tart.Builder} A builder object. */ tart.Builder = function(id) { this.id_ = id || ''; return this; }; /** * @type {jQueryObject} * @protected */ tart.Builder.prototype.$dom = null; /** * @type {Object} Templates holder object. */ tart.Builder.templates = {}; /** * Builds the DOM element. * @param {*} owner Owner class for the builder. */ tart.Builder.prototype.buildDOM = goog.abstractMethod; /** * Returns built ready-to-use DOM part in jQuery object format. * * @return {?jQueryObject} the DOM object built by the builder. */ tart.Builder.prototype.getDOM = function() { return this.$dom; }; /** * Removes the DOM part from document. */ tart.Builder.prototype.removeDOM = goog.abstractMethod; ================================================ FILE: tart/Carousel/Carousel.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.Carousel is an event driven Carousel/Image Slider class * which handles next and previous events and gets visible items on viewport. * * Example usage: * * var items = [ * {name : 'one'}, * {name : 'two'}, * {name : 'three'}, * {name : 'four'}, * {name : 'five'}, * {name : 'six'}, * {name : 'seven'} * ]; //seven items * * var carousel = new tart.Carousel(items); * * carousel.setItemPerViewport(2); //only 2 items is visibile * * goog.events.listen(carousel, tart.Carousel.EventTypes.NEXT, function (e) { * console.info('items moved next'); * console.log (e.itemsToBeRemoved); * console.log (e.itemsToBeInserted); * console.info(carousel.getVisibleItems()); * }); * * goog.events.listen(carousel, tart.Carousel.EventTypes.PREV, function (e) { * console.info('items moved prev'); * console.log (e.itemsToBeRemoved); * console.log (e.itemsToBeInserted); * console.info(carousel.getVisibleItems()); * }); * * //items : 'one', 'two' * carousel.next(1); * //items : 'two', 'three' * carousel.next(4); * //items : 'six', 'seven' * carousel.next(1); * //items : 'six', 'seven' which is end of items, for circular navigation use tart.CircularCarousel instead * carousel.prev(1); * //items : 'five', 'six' * carousel.prev(99999); * //items : 'one', 'two' */ goog.provide('tart.Carousel'); goog.provide('tart.Carousel.EventTypes'); goog.require('goog.debug.ErrorHandler'); goog.require('goog.events.EventHandler'); goog.require('goog.events.EventTarget'); /** * Pagination class to handle all paging events * * @param {Array.<*>=} items array of items. * @extends {goog.events.EventTarget} * @constructor */ tart.Carousel = function(items) { goog.events.EventTarget.call(this); /** @protected */ this.items = items; /** @protected */ this.itemCount = this.items.length; /** @protected */ this.itemPerViewport = 1; /** * First visible item index in viewport * * @protected * */ this.firstVisible = 0; /** * Last visible item index in viewport * * @protected * */ this.lastVisible = this.firstVisible + this.itemPerViewport; }; goog.inherits(tart.Carousel, goog.events.EventTarget); /** * Event types enumaration * * @enum {string} */ tart.Carousel.EventTypes = { MOVED: 'moved', PREV: 'prev', NEXT: 'next' }; /** * Item per visible viewport * * @param {number} itemPerViewport number of visible items. * @return {tart.Carousel} itself for chaining. */ tart.Carousel.prototype.setItemPerViewport = function(itemPerViewport) { this.itemPerViewport = itemPerViewport; this.lastVisible = this.firstVisible + itemPerViewport; return this; }; /** * Get number of visible items in viewport * * @return {number} number of visible items. */ tart.Carousel.prototype.getItemPerViewport = function() { return this.itemPerViewport; }; /** * Get visible items * * @return {Array.<*>} visible items array. */ tart.Carousel.prototype.getVisibleItems = function() { return this.items.slice(this.firstVisible, this.lastVisible); }; /** * Get visible items indexes * * @return {Object} visible items array. */ tart.Carousel.prototype.getVisibleItemIndexes = function() { var indexes = { first: this.firstVisible, last: this.lastVisible }; return indexes; }; /** * Calculate max move count * * @param {string} direction 'next' or 'prev' direction. * @param {number} moveCount number of movement. * @return {number} max move count. * @private */ tart.Carousel.prototype.getMaxMoveCount_ = function(direction, moveCount) { var maxMoveCount; if (direction == 'next') { maxMoveCount = this.itemCount - this.lastVisible; } else { maxMoveCount = this.firstVisible; } return maxMoveCount; }; /** * Find which items to be removed and inserted after move * * @param {number} moveCount item move count. * @return {Object} object literal which has itemsToBeInserted and itemsToBeRemoved nodes. */ tart.Carousel.prototype.getItemsToBeInsertedAndRemoved = function(moveCount) { var i, previousItemsIndex = [], nextItemsIndex = []; for (i = this.firstVisible; i < this.lastVisible; i++) { previousItemsIndex.push(i); nextItemsIndex.push(i + moveCount); } var moveDiff = this.getMoveDiff(previousItemsIndex, nextItemsIndex, moveCount); return moveDiff; }; /** * Get difference between visible items, after move and before move * * @param {Array.} a1 first array. * @param {Array.} a2 second array. * @param {number} moveCount item move count. * @return {Object} generated diff. * @protected */ tart.Carousel.prototype.getMoveDiff = function(a1, a2, moveCount) { var direction = (moveCount > 0) ? 'next' : 'prev'; moveCount = Math.abs(moveCount); var i = 0, index = 0, itemsToBeInserted = [], itemsToBeRemoved = [], itemCount = this.itemCount; var tmpItems; if (direction == 'prev') { tmpItems = { toBeInserted: a2.slice(0, moveCount), toBeRemoved: a1.slice(-1 * moveCount, a1.length) }; } else { tmpItems = { toBeRemoved: a1.slice(0, moveCount), toBeInserted: a2.slice(-1 * moveCount, a2.length) }; } for (i = 0; i < tmpItems.toBeInserted.length; i++) { index = (tmpItems.toBeInserted[i] + itemCount) % itemCount; itemsToBeInserted.push(this.items[index]); } for (i = 0; i < tmpItems.toBeRemoved.length; i++) { index = (tmpItems.toBeRemoved[i] + itemCount) % itemCount; itemsToBeRemoved.push(this.items[index]); } return { itemsToBeInserted: itemsToBeInserted, itemsToBeRemoved: itemsToBeRemoved }; }; /** * Move cursor to next or previous item * * @param {string} direction 'next' or 'prev' movement direction. * @param {*} moveCount cursor move count. * @protected */ tart.Carousel.prototype.move = function(direction, moveCount) { moveCount = moveCount || 1; moveCount = Math.abs(moveCount); var maxMoveCount = this.getMaxMoveCount_(direction, moveCount); moveCount = moveCount <= maxMoveCount ? moveCount : maxMoveCount; var eventToDispatch = tart.Carousel.EventTypes.NEXT; if (direction == 'prev') { moveCount = moveCount * -1; eventToDispatch = tart.Carousel.EventTypes.PREV; } var moveDiff = this.getItemsToBeInsertedAndRemoved(moveCount); this.firstVisible = this.firstVisible + moveCount; this.lastVisible = this.lastVisible + moveCount; var eventObj = {type: eventToDispatch, itemsToBeRemoved: moveDiff.itemsToBeRemoved, itemsToBeInserted: moveDiff.itemsToBeInserted}; this.dispatchEvent(eventObj); }; /** * Move cursor to next * * @param {number|*} moveCount cursor move count. */ tart.Carousel.prototype.next = function(moveCount) { this.move('next', moveCount); }; /** * Move cursor to previous * * @param {number|*} moveCount cursor move count. */ tart.Carousel.prototype.prev = function(moveCount) { this.move('prev', moveCount); }; ================================================ FILE: tart/Carousel/spec/CarouselSpec.js ================================================ goog.require('tart.Carousel'); goog.provide('tart.Carousel.SpecRunner'); describe('Carousel', function() { var carousel; var items = [ {name: 'one'}, {name: 'two'}, {name: 'three'}, {name: 'four'}, {name: 'five'}, {name: 'six'}, {name: 'seven'} ]; beforeEach(function() { carousel = new tart.Carousel(items); }); describe('some parameters should be set and get', function() { it('should set itemPerViewport', function() { carousel.setItemPerViewport(10); expect(carousel.getItemPerViewport()).toEqual(10); }); it('should return visible items', function() { carousel.setItemPerViewport(2); var visibleItems = carousel.getVisibleItems(); expect(visibleItems[0].name == 'one' && visibleItems[1].name == 'two').toBeTruthy(); }); }); describe('will navigate through items', function() { it('should move one item next', function() { carousel.setItemPerViewport(3); var previousItems = carousel.getVisibleItems(), visibleItems; goog.events.listen(carousel, tart.Carousel.EventTypes.NEXT, function(e) { visibleItems = carousel.getVisibleItems(); }); carousel.next(1); expect(visibleItems[0].name == 'two' && visibleItems[1].name == 'three').toBeTruthy(); }); it('should move more than item next', function() { carousel.setItemPerViewport(3); var visibleItems; goog.events.listen(carousel, tart.Carousel.EventTypes.NEXT, function(e) { visibleItems = carousel.getVisibleItems(); }); carousel.next(3); expect(visibleItems[0].name == 'four' && visibleItems[1].name == 'five').toBeTruthy(); }); it('should not move more than item count', function() { carousel.setItemPerViewport(2); var visibleItems; goog.events.listen(carousel, tart.Carousel.EventTypes.NEXT, function(e) { visibleItems = carousel.getVisibleItems(); }); carousel.next(99999); expect(visibleItems[0].name == 'six' && visibleItems[1].name == 'seven').toBeTruthy(); }); }); }); /** * Run jasmine spec */ tart.Carousel.SpecRunner = function() { jasmine.getEnv()['addReporter'](new jasmine.TrivialReporter()); jasmine.getEnv()['execute'](); }(); ================================================ FILE: tart/Carousel/spec/SpecRunner.html ================================================ Jasmine Test Runner ================================================ FILE: tart/CircularCarousel/CircularCarousel.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.CircularCarousel is an event driven Carousel/Image Slider class which * handles next and previous events and gets visible items on viewport. * * Example usage: * * var items = [ * {name : 'one'}, * {name : 'two'}, * {name : 'three'}, * {name : 'four'}, * {name : 'five'}, * {name : 'six'}, * {name : 'seven'} * ]; //seven items * * var carousel = new tart.CircularCarousel(items); * * carousel.setItemPerViewport(2); //only 2 items is visibile * * goog.events.listen(carousel, tart.Carousel.EventTypes.NEXT, function (e) { * console.info('items moved next'); * console.log (e.itemsToBeRemoved); * console.log (e.itemsToBeInserted); * console.info(carousel.getVisibleItems()); * }); * * goog.events.listen(carousel, tart.Carousel.EventTypes.PREV, function (e) { * console.info('items moved prev'); * console.log (e.itemsToBeRemoved); * console.log (e.itemsToBeInserted); * console.info(carousel.getVisibleItems()); * }); * * carousel.prev(3); * carousel.next(1); */ goog.provide('tart.CircularCarousel'); goog.require('goog.events.EventTarget'); goog.require('tart.Carousel'); /** * Pagination class to handle all paging events * * @param {Array.<*>=} items array of items. * @extends {tart.Carousel} * @constructor */ tart.CircularCarousel = function(items) { goog.base(this, items); }; goog.inherits(tart.CircularCarousel, tart.Carousel); /** * Find which items to be removed and inserted after move * * @param {number} moveCount item move count. * @return {Object} object literal which has itemsToBeInserted and itemsToBeRemoved nodes. */ tart.CircularCarousel.prototype.getItemsToBeInsertedAndRemoved = function(moveCount) { var i, previousItemsIndex = [], nextItemsIndex = [], start = this.firstVisible + moveCount; for (i = 0; i < this.lastVisible; i++) { previousItemsIndex.push(i); } for (i = start; i < start + this.itemPerViewport; i++) { nextItemsIndex.push(i); } var moveDiff = this.getMoveDiff(previousItemsIndex, nextItemsIndex, moveCount); return moveDiff; }; /** * low level move which handles next and prev methods * * @param {string} direction 'next' or 'prev' direction of movement. * @param {*} moveCount item move count. * @override * @protected */ tart.CircularCarousel.prototype.move = function(direction, moveCount) { moveCount = moveCount || 1; moveCount = Math.abs(moveCount); moveCount = moveCount % this.itemCount; var tmpCursor = 0; //default event dispatched var eventToDispatch = tart.Carousel.EventTypes.NEXT; if (direction == 'prev') { moveCount = moveCount * -1; tmpCursor = this.itemCount; eventToDispatch = tart.Carousel.EventTypes.PREV; } var tmp = [].concat(this.items).concat(this.items); var moveDiff = this.getItemsToBeInsertedAndRemoved(moveCount); this.firstVisible = this.firstVisible + tmpCursor + moveCount; this.lastVisible = this.lastVisible + tmpCursor + moveCount; this.items = tmp.slice(this.firstVisible, this.firstVisible + this.itemCount); this.firstVisible = 0; this.lastVisible = this.itemPerViewport; var eventObj = {type: eventToDispatch, itemsToBeRemoved: moveDiff.itemsToBeRemoved, itemsToBeInserted: moveDiff.itemsToBeInserted}; this.dispatchEvent(eventObj); }; ================================================ FILE: tart/CircularCarousel/spec/CircularCarouselSpec.js ================================================ goog.require('tart.CircularCarousel'); goog.provide('tart.CircularCarousel.SpecRunner'); describe('CircularCarousel', function() { var carousel; var items = [ {name: 'one'}, {name: 'two'}, {name: 'three'}, {name: 'four'}, {name: 'five'}, {name: 'six'}, {name: 'seven'} ]; beforeEach(function() { carousel = new tart.CircularCarousel(items); }); describe('extends from tart.Carousel', function() { it('is an isstance of tart.Carousel', function() { expect(carousel instanceof tart.Carousel).toBeTruthy(); }); }); describe('has circular navigation', function() { it('will navigate to seventh element after prev if current item is first item', function() { carousel.setItemPerViewport(2); var previousItems = carousel.getVisibleItems(), nextItems; goog.events.listen(carousel, tart.Carousel.EventTypes.PREV, function(e) { nextItems = carousel.getVisibleItems(); }); carousel.prev(1); expect(previousItems[0].name == 'one' && nextItems[0].name == 'seven').toBeTruthy(); }); it('will navigate to second element after 6 previous steps', function() { carousel.setItemPerViewport(2); var previousItems = carousel.getVisibleItems(), nextItems; goog.events.listen(carousel, tart.Carousel.EventTypes.PREV, function(e) { nextItems = carousel.getVisibleItems(); }); carousel.prev(6); expect(previousItems[0].name == 'one' && nextItems[0].name == 'two').toBeTruthy(); }); it('will navigate to seventh element after 8 previous steps which it means circular', function() { carousel.setItemPerViewport(2); var previousItems = carousel.getVisibleItems(), nextItems; goog.events.listen(carousel, tart.Carousel.EventTypes.PREV, function(e) { nextItems = carousel.getVisibleItems(); }); carousel.prev(8); expect(previousItems[0].name == 'one' && nextItems[0].name == 'seven').toBeTruthy(); }); it('will navigate to second element after 8 next steps which it means circular', function() { carousel.setItemPerViewport(2); var previousItems = carousel.getVisibleItems(), nextItems; goog.events.listen(carousel, tart.Carousel.EventTypes.NEXT, function(e) { nextItems = carousel.getVisibleItems(); }); carousel.next(8); expect(previousItems[0].name == 'one' && nextItems[0].name == 'two').toBeTruthy(); }); it('will navigate to third element after 2 next steps', function() { carousel.setItemPerViewport(2); var previousItems = carousel.getVisibleItems(), nextItems; goog.events.listen(carousel, tart.Carousel.EventTypes.NEXT, function(e) { nextItems = carousel.getVisibleItems(); }); carousel.next(2); expect(previousItems[0].name == 'one' && nextItems[0].name == 'three').toBeTruthy(); }); }); }); /** * Run jasmine spec */ tart.CircularCarousel.SpecRunner = function() { jasmine.getEnv()['addReporter'](new jasmine.TrivialReporter()); jasmine.getEnv()['execute'](); }(); ================================================ FILE: tart/CircularCarousel/spec/SpecRunner.html ================================================ Jasmine Test Runner ================================================ FILE: tart/Collection.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.Collection is a useful data construct that also features an "active item". It is a key-value pair * collection with easy to use methods. It is also event-driven, so observers are notified when the index of the * active item changes. * * Example usage: * * var items = { foo : 'bar' }; * var list = new tart.Collection(items); * * OR * * var items = ['A','B', 'C', 'D']; * var list = new tart.Collection(items); * * OR * * var items = { foo : 'bar', baz:'zoo' }; * var list = new tart.Collection(items, 1); // Set activeItemIndex to 1 */ goog.provide('tart.Collection'); goog.require('goog.array'); goog.require('goog.pubsub.PubSub'); goog.require('tart.Err'); /** * Constructor method * * @constructor * @extends {goog.pubsub.PubSub} * @param {tart.JSON=} initialList Default list items in JSON format. * @param {number=} activeItem Default selected item index. * @return {tart.Collection} A list object. */ tart.Collection = function(initialList, activeItem) { // define privileged methods and properties here... goog.base(this); var initials = initialList || []; this.activeItemIndex_ = (activeItem === undefined) ? -1 : activeItem; this.values_ = []; // Values of all list elements. this.keys_ = []; // Keys of all list elements. this.items_ = []; // All key-val pairs in collection. Format [{a:1},{b:2},{c:x}] // Initial values given like this: {a:b,c:d,e:f} //@todo This loop should be coded in generic javascript instead of jQuery. var _self = this; $.each(initials, function(a, b) { _self.addItem(a, b); }); this.setActiveItemIndex(this.activeItemIndex_); return this; }; goog.inherits(tart.Collection, goog.pubsub.PubSub); /** * Adds a new key-value pair to the collection. * * @param {number|string} key Key for the pair. * @param {*} value Value for the pair. * @return {boolean} Returns true if the add operation was successful. */ tart.Collection.prototype.addItem = function(key, value) { if (key === undefined || value === undefined) { throw new tart.Err('Missing arguments (key: ' + key + ' value: ' + value + ')- you must give a key' + 'and a value to add a new item.'); } else if (this.getByKey(key)) { // Deffensive check: key's must be unique throw new tart.Err('Key "' + key + '" already in collection. Keys should be unique.'); } else { var item = {}; item[key] = value; this.keys_.push(key); this.values_.push(value); this.items_.push(item); return true; } }; /** * Returns active item as JSON object. * * @return {tart.JSON} returns the active key-value pair from the collection. */ tart.Collection.prototype.getActiveItem = function() { return this.items_[this.getActiveItemIndex()]; }; /** * Returns active item's key. * * @return {string|number} returns the active key from the collection. */ tart.Collection.prototype.getActiveItemKey = function() { return this.keys_[this.getActiveItemIndex()]; }; /** * Returns active item's value. * * @return {*} returns the active value from the collection. */ tart.Collection.prototype.getActiveItemValue = function() { return this.values_[this.getActiveItemIndex()]; }; /** * Returns active item's index. * @return {number} returns the active index in the collection. */ tart.Collection.prototype.getActiveItemIndex = function() { return this.activeItemIndex_; }; /** * Returns item by given key. If not found, returns boolean false. * * @param {string|number} key key to search for. * @return {tart.JSON} returns the key-value pair given a specific key. */ tart.Collection.prototype.getByKey = function(key) { return this.items_[goog.array.indexOf(this.keys_, key)]; }; /** * Returns item by given value. If not found, returns boolean false. * * @param {string|number} val value to search for. * @return {tart.JSON} returns the key-value pair given a specific value. */ tart.Collection.prototype.getByValue = function(val) { return this.items_[goog.array.indexOf(this.values_, val)]; }; /** * Returns item by given index. * * @param {number} index Index to search in the collection. * @return {tart.JSON|boolean|undefined} returns the key-value pair given an index. */ tart.Collection.prototype.getByIndex = function(index) { if (index >= this.keys_.length || index < 0 || index === undefined || isNaN(index)) { return undefined; } else { return this.items_[index]; } }; /** * Dumps all items in an array. * @return {Array} returns all pairs as an array. */ tart.Collection.prototype.getAll = function() { return this.items_; }; /** Returns all values in an array. * @return {Array} returns all values in an array. */ tart.Collection.prototype.getValues = function() { return this.values_; }; /** Returns all keys in an array. * @return {Array} returns all keys in an array. */ tart.Collection.prototype.getKeys = function() { return this.keys_; }; /** * Returns all items in a kvp format. * @return {tart.JSON} obj returns an object that contains keys as its keys and values as its values. */ tart.Collection.prototype.getItems = function() { var obj = {}; for (var i = 0, l = this.items_.length; i < l; i++) { var item = this.items_[i]; $.each(item, function(key, value) { obj[key] = value; }); } return obj; }; /** * Removes an item from collection which given by index and rebuilds the item collection. * Returns new activeItemIndex if item successfully removed or FALSE if not. * * @param {number} index Index to remove. * @return {number|boolean|undefined} Condition of the operation or the active item index. */ tart.Collection.prototype.removeByIndex = function(index) { if (index >= this.keys_.length || index < 0 || index === undefined || isNaN(index)) { return undefined; } else { var oldActiveKey = this.getActiveItemKey(); this.items_.splice(index, 1); this.keys_.splice(index, 1); this.values_.splice(index, 1); var oldActiveIndex = goog.array.indexOf(this.keys_, oldActiveKey); if (oldActiveIndex > -1) { this.setActiveItemIndex(oldActiveIndex); } else { this.setActiveItemIndex(-1); } return this.activeItemIndex_; } }; /** * Removes items by key. * @param {string} key Game items key. */ tart.Collection.prototype.removeByKey = function(key) { var keys = this.getKeys(); var index = goog.array.indexOf(keys, key); this.removeByIndex(index); }; /** * Sets active item index. * @param {number} newIndex index to set as the new active item. * @return {boolean} Whether the method was able to set the item. */ tart.Collection.prototype.setActiveItemIndex = function(newIndex) { // Deffensive check; active item index should not greater than total items in collection. if (newIndex > this.values_.length - 1 || newIndex === undefined || isNaN(newIndex) || newIndex == this.activeItemIndex_) { return false; } else { var oldIndex = this.activeItemIndex_; this.activeItemIndex_ = newIndex; this.publish('indexChanged', this.activeItemIndex_, oldIndex); return true; } }; ================================================ FILE: tart/DropdownList/DropdownBuilder.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview Builder class for dropdown lists. */ goog.require('tart.Builder'); goog.provide('tart.DropdownBuilder'); /** * DropdownBuilder class builds the DOM for DropdownList class. * * @constructor * @extends {tart.Builder} * @param {string} id id for the builder. Can be used as the id of the DOM element this builder will build. * @return {tart.DropdownBuilder} A builder object. */ tart.DropdownBuilder = function(id) { goog.base(this, id); this.owner = null; return this; }; goog.inherits(tart.DropdownBuilder, tart.Builder); /** * Main namespace of HTML templates for DOM structure. */ tart.DropdownBuilder.templates = {}; /** * Select menu template. * @param {string} id Id of the container. * @param {string} optionListHTML HTML of the list of options. * @return {string} the container HTML. */ tart.DropdownBuilder.templates.container = function(id, optionListHTML) { return ''; }; /** * Generates a select menu element, converts it to a jQuery object and passes to this.$dom. * * @param {tart.Collection} owner Owner tart.Collection instance. */ tart.DropdownBuilder.prototype.buildDOM = function(owner) { this.owner = owner; var opts = []; for (var k = 0, z = this.owner.keys_.length; k < z; k++) { var option = tart.DropdownBuilder.templates.option( this.owner.keys_[k], this.owner.values_[k], (k == this.owner.getActiveItemIndex())); opts.push(option); } var finalDOM = tart.DropdownBuilder.templates.container(this.id_, opts.join('')); this.$dom = $(finalDOM); this.$dom.change(function() { owner.switchIndex($(this).attr('selectedIndex')); }); }; /** * Generates a single option element which ready-to-use in a HTML select menu element. * * @param {string|number} key Option value. * @param {string|number} value Option value. * @param {boolean} selected Whether the option is selected. * @return {string} the option HTML. */ tart.DropdownBuilder.templates.option = function(key, value, selected) { var active = (selected) ? ' selected="selected"' : ''; return ''; }; /** * Sets an select option's "selected" property to True. * * @param {number} newIndex the new index of the element to set the dropdown list to. */ tart.DropdownBuilder.prototype.changeActiveItem = function(newIndex) { this.$dom.attr('selectedIndex', newIndex).change(); }; /** * Removes a single select option from DOM by index which given as parameter. * * @param {number} index the index of the element to remove from the list. */ tart.DropdownBuilder.prototype.removeOption = function(index) { this.$dom.children().eq(index).remove(); }; /** * Creates a single select option and attachs it to the current DOM. * * @param {string|number} key value for the option. * @param {string|number} value Text for the option. * @return {jQueryObject} the jQuery object that holds the DOM object of the dropdown list. */ tart.DropdownBuilder.prototype.addOption = function(key, value) { return this.$dom.append(tart.DropdownBuilder.templates.option(key, value, false)); }; /** * @inheritDoc */ tart.DropdownBuilder.prototype.removeDOM = function() { this.$dom.remove(); }; ================================================ FILE: tart/DropdownList/DropdownList.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview Dropdown list class is an example of an HTML select box. * * Example usage: * * var items = {key1:'val1',key2:'val2',key3:'val3'}; * var builder = new tart.DropdownBuilder('elementId'); * var selectedItem = 1; * var list = new tart.DropdownList(items, builder, selectedItem); * list.getAll(); // Outputs [{key1:'val1'},{key2:'val2'},{key3:'val3'}] * list.getDOM(); // Returns a select (dropdown) menu in jquery format jQuery(select#elementId) * list.setActiveItemIndex(2); // Sets key3:val3 option element selected property to TRUE; * list.getActiveItemIndex(); // Returns an Object { key3="val3" } */ goog.provide('tart.DropdownList'); goog.require('tart.Collection'); goog.require('tart.DropdownBuilder'); /** * Constructor method for DropdownList. * * @constructor * @extends {tart.Collection} * @param {Object|Array} initialList initial list of items. * @param {tart.Builder=} opt_builder builder class. * @param {number=} opt_activeItem index of the active item. */ tart.DropdownList = function(initialList, opt_builder, opt_activeItem) { goog.base(this, initialList, opt_activeItem); this.builder = opt_builder || new tart.DropdownBuilder(''); this.builder.buildDOM(this); }; goog.inherits(tart.DropdownList, tart.Collection); /** * @inheritDoc */ tart.DropdownList.prototype.removeByIndex = function(index) { var result = this.constructor.superClass_.removeByIndex.call(this, index); if (result === false) { return -1; } else if (result === -1) { this.setActiveItemIndex(0); return 0; } else { if (this.builder) { this.builder.removeOption(result); } return result; } }; /** * Removes current DOM element of dropdownlist instance from window.document. */ tart.DropdownList.prototype.removeDOM = function() { this.builder.removeDOM(); }; /** * Returns current DOM element of dropdownlist instance. * * @return {jQueryObject} The jQuery object that wraps the DOM. */ tart.DropdownList.prototype.getDOM = function() { return this.builder.getDOM(); }; /** * @inheritDoc */ tart.DropdownList.prototype.setActiveItemIndex = function(newIndex) { this.switchIndex(newIndex); if (this.builder) { this.builder.changeActiveItem(this.getActiveItemIndex()); return true; } return false; }; /** * Set active item belongs to value parameter. * @param {(string|number)} value of an array. */ tart.DropdownList.prototype.setActiveItemByValue = function(value) { var that = this; var items = this.getValues(); var index = goog.array.findIndex(items, function(item) { return value == item; }); that.setActiveItemIndex(index); }; /** * Triggered by this.builder.dom_ element when user change the index by non-programatically way. * Important: This method shouldn't be called in any implementation code. Developers should use * this.setActiveItemIndex() method instead of this. * * @param {number} newIndex index of the item to set as active. */ tart.DropdownList.prototype.switchIndex = function(newIndex) { this.constructor.superClass_.setActiveItemIndex.call(this, ((newIndex < 0) ? 0 : newIndex)); }; /** * @inheritDoc */ tart.DropdownList.prototype.addItem = function(key, value) { var added = this.constructor.superClass_.addItem.call(this, key, value); if (this.builder && added === true) { this.builder.addOption(key, value); return true; } return false; }; ================================================ FILE: tart/Err.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tartJS error library and utility functions. */ goog.provide('tart.Err'); goog.require('tart'); /** * Returns a new Error object which contains a custom error name and message. * * @param {string=} message Message to set as the error message. * @param {string=} name Optional error name. * @extends {Error} * @constructor */ tart.Err = function(message, name) { this.name = name || 'Error'; this.message = message || ''; }; goog.inherits(tart.Err, Error); /** * Returns a new Error object which contains a implementation error message. * * @param {string} methodName Name of the unimplemented method. This will be set as the error message. * @throws {Error} Error object containing the details. */ tart.Err.unimplementedMethod = function(methodName) { throw new tart.Err('Wrong implementation', 'You should implement your own ' + methodName + ' method in child class which you want to use.'); }; ================================================ FILE: tart/FormValidator/FormValidator.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.FormValidator is a form validation library which uses tart.Validation instance as validator. * * Example usage: * * var form = $("form"); * var validationForSubmit = function (errors) { * //do some stuff with 'errors' object * }; * var validationForBlur = function (errors) { * //do some stuff with 'errors' object * }; * tart.FormValidator(form).validateOnSubmit(validationForSubmit); * tart.FormValidator(form).validateOnBlur(validateOnBlur); * * More examples can be seen from spec/FormValidationSpec.js file */ goog.require('tart.Validation'); goog.provide('tart.FormValidator'); /** * Attach validator to formEl * * @param {Object} formEl jQuery element for selected form. * @constructor * @return {tart.FormValidator} . */ tart.FormValidator = function(formEl) { //TODO: this is tightly coupled to tart.Validation /* @protected */ this.validator = tart.Validation; /* @protected */ this.form = formEl; /* @protected */ this.errors = []; return this; }; /** * Set validation rules to attached form * * @param {Object} rules given rules in object literal notation. * @return {tart.FormValidator} . * @this {tart.FormValidator} . */ tart.FormValidator.prototype.setRules = function(rules) { this.rules = rules; return this; }; /** * Find element with elementName in given form object * * @param {string} elementName name of element which to be find in form. * @return {Object} jQuery object for given element. */ tart.FormValidator.prototype.getFormElementByName = function(elementName) { var el = this.form.find('input[name=' + elementName + ']'); return el; }; /** * Find related element attribute for given input type * * @param {Object} el jQuery object of element. * @return {string} elements value for related input type. */ tart.FormValidator.prototype.getElementAttributeToCheck = function(el) { //TODO: this can vary on elements type such has "attr" return el.val(); }; /** * Rule key for tart.Validation * * @param {string} ruleKey key of rule. * @return {Function} elements value for related input type. */ tart.FormValidator.prototype.getValidationRuleByKey = function(ruleKey) { var rule; //TODO: this swich case should be looked up from an object literal switch (ruleKey) { case 'isEmail' : rule = this.validator.is.email; break; case 'isNotOnlySpace' : rule = this.validator.is.notOnlySpace; break; case 'isNumeric' : rule = this.validator.is.numeric; break; case 'isDigitAndNonDigit' : rule = this.validator.is.digitAndNonDigit; break; case 'hasMaxLength' : rule = this.validator.has.maxLength; break; case 'hasMinLength' : rule = this.validator.has.minLength; break; case 'hasMaxValue' : rule = this.validator.has.maxValue; break; case 'hasMinValue' : rule = this.validator.has.minValue; break; } return rule; }; /** * Get rule key and rule options from rule object * * @param {Object} rule rule object whom key is ruleName and value is rule options. * @return {Object} object which has .key and .options nodes. */ tart.FormValidator.prototype.getRuleKeyAndOptions = function(rule) { var results = []; //TODO: there should be a smarter way to do this for (var i in rule) { results.push({key: i, options: rule[i]}); } return results; }; /** * Apply rule and generate result in object literal * * @param {Object} el jQuery object to rule rule object whom key is ruleName and value is rule options. * @param {Object} rule rule to be applied to el. * @return {Object} result object which has .success and .item nodes. */ tart.FormValidator.prototype.applyRule = function(el, rule) { var value = this.getElementAttributeToCheck(el); var keyAndOptionsArray = this.getRuleKeyAndOptions(rule); var keyAndOptions, key, validationRule, options, result, failed = false; for (var i = 0; i < keyAndOptionsArray.length; i++) { keyAndOptions = keyAndOptionsArray[i]; key = keyAndOptions.key; options = keyAndOptions.options; validationRule = this.getValidationRuleByKey(key); result = validationRule(value, options.value); //return on first error if (!result) { break; } } return {success: result, item: {el: el, text: options.text}}; }; /** * Validate given form object with given rules, if any errors occured this.errors array will be populated * * @return {tart.FormValidator} . */ tart.FormValidator.prototype.validate = function() { this.errors = []; var el, rule, result; for (var i in this.rules) { el = this.getFormElementByName(i); rule = this.rules[i]; result = this.applyRule(el, rule); if (!result.success) { this.errors.push(result.item); break; } } return this; }; /** * Check if validation operation is successful or not by looking at this.errors array * * @return {boolean} validation is successful or not. */ tart.FormValidator.prototype.isValid = function() { if (this.errors.length == 0) { return true; } else { return false; } }; /** * Get generated errors array which contains element (el) and error text(text) * * @return {Array} errors array. */ tart.FormValidator.prototype.getErrors = function() { return this.errors; }; /** * Validate form on submit * * @param {Function} callback callback function after submit. */ tart.FormValidator.prototype.validateOnSubmit = function(callback) { callback = callback || function() {}; var that = this; this.form.submit(function(e) { that.validate(); if (!that.isValid()) { //if an error occured e.preventDefault(); e.stopImmediatePropagation(); //stop other events propagation callback(that.getErrors()); } }); }; ================================================ FILE: tart/FormValidator/README.md ================================================ # Tart FormValidator A JavaScript validation library which validates form elements using tart.Validation ## Testing specs You need [jasmine](http://pivotal.github.com/jasmine/) to run the specs You better have [qasmine](https://github.com/tart/qasmine) to automatize the testing process ### How to run qasmine Simlpy, run qasmine spec/SpecRunner.html ## Validation checks * Rules should be written in object literal like this 
var rules = {
    testInput1 : {
        isNumeric : {
            text : "Input is not numeric"
        },
        hasMaxLength : {
            text : "Input's length is more than 9",
            value : 9
        },
        hasMinLength : {
            text : "Input's length is less than 6",
            value : 6
        }
    }
};


var form = $("form");

var rules = {
    testInput1 : {
        isNumeric : {
            text : "Input is not numeric"
        },
        hasMaxLength : {
            text : "Input's length is more than 9",
            value : 9
        },
        hasMinLength : {
            text : "Input's length is less than 6",
            value : 6
        }
    }
};


var validator = new tart.FormValidator(form);

validator.setRules(rules).validate();

if(validator.isValid()) {
    //its valid
}
else {
    //its not valid, do some stuff with error object
    var errors = validator.getErrors();
}
### Form bindings It can also binded before form submit and validation process can be done automatically and results will be returned to a callback function ================================================ FILE: tart/FormValidator/spec/FormValidatorSpec.js ================================================ goog.require('tart.FormValidator'); goog.provide('tart.FormValidator.SpecRunner'); describe('Form Validator', function() { var validator, form, formFields = []; beforeEach(function() { //create mock form object form = $('
'); formFields[0] = $('').attr('name', 'testInput1').appendTo(form); formFields[1] = $('').attr('name', 'testInput2').appendTo(form); validator = new tart.FormValidator(form); }); it('validator should be object', function() { expect(typeof validator).toEqual('object'); }); describe('Form validator for email', function() { var ruleErrorText = 'Not a valid email'; var rules = { 'testInput1': { 'isEmail': { 'text': ruleErrorText } } }; it("should validate an input which has 'foo@bar.com' as valid email", function() { formFields[0].val('foo@bar.com'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should not validate in input which has 'foo@bar.xxxxx' as valid email", function() { formFields[0].val('foo@bar.xxxxx'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate in input which has 'foo@bar.xxxxx' with text 'Not a valid email'", function() { formFields[0].val('foo@bar.xxxxx'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); it("should not validate in input which has '' an errr text should be 'Not a valid email'", function() { formFields[0].val(' '); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); }); describe('Form validator for not only space', function() { var ruleErrorText = 'You have ve to write at least one char or digit'; var rules = { 'testInput1': { 'isNotOnlySpace': { 'text': ruleErrorText } } }; it("should validate an input which starts with space but has some chars like ' foo bar '", function() { formFields[0].val(' foo bar '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should not validate an input which has only spaces like ' '", function() { formFields[0].val(' '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate an empty string ''", function() { formFields[0].val(''); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should return error text 'You have ve to write at least one char or digit' on error", function() { formFields[0].val(''); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); }); describe('Form validator for numeric control', function() { var ruleErrorText = 'You can type only numbers between 0-9'; var rules = { 'testInput1': { 'isNumeric': { 'text': ruleErrorText } } }; it("should validate an input which has only numbers like '12345'", function() { formFields[0].val('12345'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should not validate an input which has numbers and space like ' 1234 5'", function() { formFields[0].val(' 1234 5'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate an input which has numbers and chars like '12345foo'", function() { formFields[0].val('12345foo'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate input with text 'You can type only numbers between 0-9' for 'foo12345bar'", function() { formFields[0].val('foo12345foo'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); }); describe('Form validator for input which contains both digit and non digit char', function() { var ruleErrorText = 'Your input must contain both digit and non digit char'; var rules = { 'testInput1': { 'isDigitAndNonDigit': { 'text': ruleErrorText } } }; it("should not validate an input which has only numbers like '12345'", function() { formFields[0].val('12345'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate an input which has only alpha chars 'foobar'", function() { formFields[0].val('foobar'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate an input which has only spaces ' '", function() { formFields[0].val(' '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should validate an input which has both digit and alpha chars 'foo12345bar'", function() { formFields[0].val('foo12345foo'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should validate an input which has both digit, alpha chars,no nalpha chars 'foo12345bar-_`'", function() { formFields[0].val('foo12345foo-_`'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should validate an input which has both digit and space chars like '12345 '", function() { formFields[0].val('12345 '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should not validate an input which has both alpha and space chars like 'foobar '", function() { formFields[0].val('foobar '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate an input which has non alpha chars and space chars like '~-? '", function() { formFields[0].val('~-? '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should return text 'Your input must contain both digit and non digit char' for invalid input", function() { formFields[0].val('~-? '); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); }); describe('Form validator to check inputs max length', function() { var ruleErrorText = 'Your inputs lenght is more than 7'; var rules = { 'testInput1': { 'hasMaxLength': { 'text': ruleErrorText, 'value': 7 } } }; it("should validate an input like '12345'", function() { formFields[0].val('12345'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should not validate an input like '12345 '", function() { formFields[0].val('12345 '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate an input like ' '", function() { formFields[0].val(' '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should validate an input like '123 5 7'", function() { formFields[0].val('123 5 7'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should return 'Your inputs lenght is more than 7' text on error", function() { formFields[0].val('123 5 7 foo bar'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); }); describe('Form validator to check inputs min length', function() { var ruleErrorText = 'Your inputs lenght is less than 3'; var rules = { 'testInput1': { 'hasMinLength': { 'text': ruleErrorText, 'value': 3 } } }; it("should validate an input like '12345'", function() { formFields[0].val('12345'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should not validate an input like '12'", function() { formFields[0].val('12'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate an input like ' '", function() { formFields[0].val(' '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should validate an input like '1 '", function() { formFields[0].val('1 '); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should return 'Your inputs lenght is less than 3' text on error", function() { formFields[0].val('12'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); }); describe("Form validator to check input's numeric value", function() { var ruleErrorText = 'Your inputs value is more than 10'; var rules = { 'testInput1': { 'hasMaxValue': { 'text': ruleErrorText, 'value': 10 } } }; it("should validate an input like '1'", function() { formFields[0].val('1'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should not validate an input like '12'", function() { formFields[0].val('12'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should return 'Your inputs value is more than 10' text on error", function() { formFields[0].val('12'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); }); describe("Form validator to check input's numeric value", function() { var ruleErrorText = 'Your inputs value is less than 10'; var rules = { 'testInput1': { 'hasMinValue': { 'text': ruleErrorText, 'value': 10 } } }; it("should not validate an input like '1'", function() { formFields[0].val('1'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should validate an input like '12'", function() { formFields[0].val('12'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should return 'Your inputs value is less than 10' text on error", function() { formFields[0].val('1'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual(ruleErrorText); }); }); describe('Form validator for multiple rules', function() { var rules = { 'testInput1': { 'isNumeric': { 'text': 'Input is not numeric' }, 'hasMaxLength': { 'text': "Input's length is more than 9", 'value': 9 }, 'hasMinLength': { 'text': "Input's length is less than 6", 'value': 6 } } }; it("should not validate an input like 'fooobar'", function() { formFields[0].val('fooobar'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should validate an input like '123456'", function() { formFields[0].val('123456'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeTruthy(); }); it("should not validate an input like '12345'", function() { formFields[0].val('12345'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("should not validate an input like '12345678910'", function() { formFields[0].val('12345678910'); validator.setRules(rules).validate(); expect(validator.isValid()).toBeFalsy(); }); it("error text should be 'Input is not numeric' for 'foobar'", function() { formFields[0].val('foobar'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual('Input is not numeric'); }); it("error text should be 'Input\'s length is more than 9' for '1234567890'", function() { formFields[0].val('1234567890'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual("Input's length is more than 9"); }); it("error text should be 'Input\'s length is less than 6' for '12345'", function() { formFields[0].val('12345'); validator.setRules(rules).validate(); var errorText = validator.getErrors()[0].text; expect(errorText).toEqual("Input's length is less than 6"); }); }); describe("Form validate validates form before form's submit", function() { var rules = { 'testInput1': { 'isNumeric': { 'text': 'Input is not numeric' }, 'hasMaxLength': { 'text': "Input's length is more than 9", 'value': 9 }, 'hasMinLength': { 'text': "Input's length is less than 6", 'value': 6 } } }; it('should validate form on submit and return generated errors in callback', function() { formFields[0].val('foobar'); var errorObjects; validator.setRules(rules).validateOnSubmit(function(errors) { errorObjects = errors; }); form.trigger('submit'); expect(errorObjects[0].el.get(0)).toEqual(formFields[0].get(0)); expect(errorObjects[0].text).toEqual('Input is not numeric'); }); }); }); /** * Run jasmine spec */ tart.FormValidator.SpecRunner = function() { jasmine.getEnv()['addReporter'](new jasmine.TrivialReporter()); jasmine.getEnv()['execute'](); }(); ================================================ FILE: tart/FormValidator/spec/SpecRunner.html ================================================ Jasmine Test Runner ================================================ FILE: tart/List.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.List to handle List typed data structures extended from tart.Collection. */ goog.provide('tart.List'); goog.require('tart.Collection'); /** * List data structure * * @extends {tart.Collection} * @constructor */ tart.List = function() { goog.base(this); /** @private **/ this.keyCount_ = 0; }; goog.inherits(tart.List, tart.Collection); /** * Adds a new item to list . * * @param {*} value Value for the pair. * @return {boolean} . */ tart.List.prototype.addItem = function(value) { return tart.Collection.prototype.addItem.call(this, this.keyCount_++, value); }; ================================================ FILE: tart/Pagination/CircularPagination.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.require('tart.Pagination'); goog.provide('tart.CircularPagination'); /** * CircularPagination class to handle circular paging events * * @constructor * @extends {tart.Pagination} */ tart.CircularPagination = function() { goog.base(this); }; goog.inherits(tart.CircularPagination, tart.Pagination); /** * Overriding tart.Pagination's hasPrev method, to return true for all conditions to make circular pages. * * @override * @return {boolean} Whether previous page is available . */ tart.CircularPagination.prototype.hasPrev = function() { return true; }; /** * Overriding tart.Pagination's hasNext method, to return true for all conditions to make circular pages. * * @override * @return {boolean} Whether next page is available . */ tart.CircularPagination.prototype.hasNext = function() { return true; }; /** * @override */ tart.CircularPagination.prototype.getNext = function() { return this.currentPage == this.getTotalPage() ? 1 : this.currentPage + 1; }; /** * @override */ tart.CircularPagination.prototype.getPrev = function() { return this.currentPage == 1 ? this.getTotalPage() : this.currentPage - 1; }; /** * @override */ tart.CircularPagination.prototype.setCurrentPage = function(page) { if (this.getTotalItems() > this.getItemPerPage()) { var oldValue = this.currentPage; this.currentPage = page; this.triggerPageChange_(oldValue, page); } return this; }; ================================================ FILE: tart/Pagination/Pagination.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.Pagination is an event driven Pagination object. * * Example usage: * * var paginator = new tart.Pagination(); * * paginator.setTotalPage(5); * paginator.setCurrentPage(2); * * goog.events.listen(paginator, tart.Pagination.EventTypes.PAGE_CHANGED, function (e) { * console.log("page changed"); * console.log("old page : " + e.oldValue); * console.log("new page : " + e.newValue); * }); * * paginator.setCurrentPage(4); // oldPage : 2, newPage : 4 * paginator.setCurrentPage(7); // oldPage : 4, newpage : 5 (totalPage) * paginator.prev(); // oldPage : 5, newPage: 4 * paginator.setCurrentPage(0); // oldPage : 4, newpage : 1 (at least 1) * paginator.next(); // oldPage : 1, newPage : 2 * */ goog.require('goog.debug.ErrorHandler'); goog.require('goog.events.EventHandler'); goog.require('goog.events.EventTarget'); goog.provide('tart.Pagination'); /** * Pagination class to handle all paging events * * @constructor * @extends {goog.events.EventTarget} */ tart.Pagination = function() { goog.events.EventTarget.call(this); /** @private */ this.totalPage_ = 1; /** @protected */ this.currentPage = 1; /** @private */ this.itemPerPage_ = 1; /** @private */ this.totalItems_ = 1; }; goog.inherits(tart.Pagination, goog.events.EventTarget); /** * Event types enumaration * * @enum {string} */ tart.Pagination.EventTypes = { PAGE_CHANGED: 'pageChanged' }; /** * Trigger page change event * * @param {string|number} oldValue old page value. * @param {string|number} newValue new page value. * @protected */ tart.Pagination.prototype.triggerPageChange_ = function(oldValue, newValue) { if (oldValue != newValue) this.dispatchEvent({type: tart.Pagination.EventTypes.PAGE_CHANGED, oldValue: oldValue, newValue: newValue}); }; /** * Get total page count * * @return {number} page count. */ tart.Pagination.prototype.getTotalPage = function() { return this.totalPage_; }; /** * Set total page count * * @param {number} page page count. * @return {tart.Pagination} . */ tart.Pagination.prototype.setTotalPage = function(page) { this.totalPage_ = page; this.totalItems_ = page * this.itemPerPage_; return this; }; /** * Get current page * * @return {number} current page. */ tart.Pagination.prototype.getCurrentPage = function() { return this.currentPage; }; /** * Set current page * * @param {number} page current page. * @return {tart.Pagination} . */ tart.Pagination.prototype.setCurrentPage = function(page) { var oldValue = this.currentPage; //if page > totalPage page = (page > this.totalPage_) ? this.totalPage_ : page; //if page < 1 page = (page < 1) ? 1 : page; this.currentPage = page; this.triggerPageChange_(oldValue, page); return this; }; /** * Get total item count * * @return {number} number of items. */ tart.Pagination.prototype.getTotalItems = function() { return this.totalItems_; }; /** * Set number of items * * @param {number} itemCount number of items. * @return {tart.Pagination} . */ tart.Pagination.prototype.setTotalItems = function(itemCount) { this.totalItems_ = itemCount; this.totalPage_ = Math.ceil(itemCount / this.itemPerPage_); return this; }; /** * Get number of items to be listed in a page * * @return {number} number of items in a page. */ tart.Pagination.prototype.getItemPerPage = function() { return this.itemPerPage_; }; /** * set number of items to be listed in a page * * @param {number} itemPerPage number of items in a page. * @return {tart.Pagination} . */ tart.Pagination.prototype.setItemPerPage = function(itemPerPage) { this.itemPerPage_ = itemPerPage; return this; }; /** * Determine if next page is available * * @return {boolean} is next page available. */ tart.Pagination.prototype.hasNext = function() { return this.currentPage + 1 <= this.totalPage_; }; /** * Get next page * * @return {number} next page number. */ tart.Pagination.prototype.getNext = function() { return this.hasNext() ? this.currentPage + 1 : this.currentPage; }; /** * Determine if previous page is available * * @return {boolean} is previous page available. */ tart.Pagination.prototype.hasPrev = function() { return this.currentPage - 1 >= 1; }; /** * Get previous page * * @return {number} previous page number. */ tart.Pagination.prototype.getPrev = function() { return this.hasPrev() ? this.currentPage - 1 : this.currentPage; }; /** * Change page to next page */ tart.Pagination.prototype.next = function() { var oldValue = this.currentPage; this.currentPage = this.getNext(); this.triggerPageChange_(oldValue, this.currentPage); }; /** * Change page to previous page */ tart.Pagination.prototype.prev = function() { var oldValue = this.currentPage; this.currentPage = this.getPrev(); this.triggerPageChange_(oldValue, this.currentPage); }; ================================================ FILE: tart/Pagination/spec/PaginationSpec.js ================================================ goog.require('tart.Pagination'); goog.provide('tart.Pagination.SpecRunner'); describe('Pagination', function() { var paginator; beforeEach(function() { paginator = new tart.Pagination(); }); describe('should contain required parameters', function() { it('should have totalPage', function() { expect(paginator.getTotalPage()).toBeGreaterThan(0); }); it('should have currentPage', function() { expect(paginator.getCurrentPage()).toBeGreaterThan(0); }); it('should have itemPerPage', function() { expect(paginator.getItemPerPage()).toBeGreaterThan(0); }); it('should have totalItems', function() { expect(paginator.getTotalItems()).toBeGreaterThan(0); }); it('should set totalPage', function() { paginator.setTotalPage(5); expect(paginator.getTotalPage()).toEqual(5); }); it('should set currentPage', function() { paginator.setTotalPage(5); paginator.setCurrentPage(5); expect(paginator.getCurrentPage()).toEqual(5); }); it('should set itemPerPage', function() { paginator.setItemPerPage(2); expect(paginator.getItemPerPage()).toEqual(2); }); it('should set totalItems', function() { paginator.setTotalItems(2); expect(paginator.getTotalItems()).toEqual(2); }); it('should change page count when totalItem count set', function() { paginator.setItemPerPage(2); paginator.setTotalItems(5); expect(paginator.getTotalPage()).toEqual(3); }); it('should change item count when totalPage count set', function() { paginator.setItemPerPage(2); paginator.setTotalPage(4); expect(paginator.getTotalItems()).toEqual(8); }); it('should set page count to totalPageCount if page > totalPageCount', function() { paginator.setTotalPage(5); paginator.setCurrentPage(6); expect(paginator.getCurrentPage()).toEqual(5); }); it('should set page count to 1 if page < 1', function() { paginator.setTotalPage(5); paginator.setCurrentPage(0); expect(paginator.getCurrentPage()).toEqual(1); }); }); describe('controls navigation', function() { it('should have a next element if currentPage < totalPage', function() { paginator.setCurrentPage(3); paginator.setTotalPage(4); expect(paginator.hasNext()).toBeTruthy(); }); it('should not have a next element if currentPage >= totalPage', function() { paginator.setTotalPage(4).setCurrentPage(4); paginator.setTotalPage(4); expect(paginator.hasNext()).toBeFalsy(); }); it('should have a previous element if currentPage > 1', function() { paginator.setTotalPage(4).setCurrentPage(2); expect(paginator.hasPrev()).toBeTruthy(); }); it('should not have a next element if currentPage <= 1', function() { paginator.setCurrentPage(1); paginator.setTotalPage(4); expect(paginator.hasPrev()).toBeFalsy(); }); }); describe('triggers pageChanged event on some conditions', function() { it('should trigger event on setCurrentPage', function() { var triggeredObject = {}; goog.events.listen(paginator, tart.Pagination.EventTypes.PAGE_CHANGED, function(e) { triggeredObject = e; }); paginator.setCurrentPage(10); //check if newValue and oldValue exists expect(triggeredObject.oldValue && triggeredObject.newValue).toBeTruthy(); }); it('should trigger event on next()', function() { paginator.setTotalPage(12); paginator.setCurrentPage(10); var triggeredObject = {}; goog.events.listen(paginator, tart.Pagination.EventTypes.PAGE_CHANGED, function(e) { triggeredObject = e; }); paginator.next(); //check if newValue and oldValue exists expect(triggeredObject.oldValue && triggeredObject.newValue).toBeTruthy(); }); it('should trigger event on prev()', function() { paginator.setTotalPage(12); paginator.setCurrentPage(10); var triggeredObject = {}; goog.events.listen(paginator, tart.Pagination.EventTypes.PAGE_CHANGED, function(e) { triggeredObject = e; }); paginator.prev(); //check if newValue and oldValue exists expect(triggeredObject.oldValue && triggeredObject.newValue).toBeTruthy(); }); }); }); /** * Run jasmine spec */ tart.Pagination.SpecRunner = function() { jasmine.getEnv()['addReporter'](new jasmine.TrivialReporter()); jasmine.getEnv()['execute'](); }(); ================================================ FILE: tart/Pagination/spec/SpecRunner.html ================================================ Jasmine Test Runner ================================================ FILE: tart/Registry.js ================================================ // Copyright (c) 2009-2010 Techinox Information Technologies (http://www.techinox.com) // Techinox Commercial License // // @author Armagan Amcalar /** * @fileoverview tart.Registry is a convenience class that wraps goog.structs.Map and is intended to use as * a global registry across a web application. */ goog.provide('tart.Registry'); goog.require('goog.structs.Map'); /** * tart Registry class. * @constructor * @extends {goog.structs.Map} */ tart.Registry = function() { goog.base(this); }; goog.inherits(tart.Registry, goog.structs.Map); ================================================ FILE: tart/StateMachine/State.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview State class is used in conjunction with tart.StateMachine. It is a value object that holds two * properties; a function that is executed when the state machine is in this state, and a transitions object for * events that may happen in this state. */ goog.provide('tart.State'); /** * Tart State class for state machines. * @constructor * @param {function()} fn The state function to be executed. */ tart.State = function(fn) { this.fn = fn; this.transitions = {}; }; ================================================ FILE: tart/StateMachine/StateMachine.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This class is an implementation of a Moore state machine that is common in digital electronics, etc. * * The state machine is by it's nature an event-driven system. Events that come at the right state will put the state * machine in another expected state. * * To keep the implementation simple, many details are omitted. The state machine doesn't keep a record of its * states, new states cannot be added after a state machine is started, etc. These rules do not prevent * the functioning of the machine though. * * This class is a base class and not intended to be used on its own. To use a state machine, the developer has to * subclass this base class and override the createStates_ method. This method should hold the * initialization of states in the state machine and should return the first state the machine should begin with. * * This implementation features lazy loading in the sense that the createStates_ method is not called * until the first call to startMachine method. * * Example usage: * * Foo.MooreMachine = function(){ * goog.base(this); * } * goog.inherits(Foo.MooreMachine, tart.StateMachine); * * // Having an enumerated type for events helps readability * Foo.MooreMachine.Events = { * CLICK: '0', * DOUBLECLICK: '1' * } * * Foo.MooreMachine.prototype.createStates_ = function(){ * var STATE1 = new tart.State(function(){ * console.log("state 1"); * }); * * var STATE2 = new tart.State(function(){ * console.log("state 2"); * }); * * STATE1.transitions[Foo.MooreMachine.Events.CLICK] = STATE2; * STATE2.transitions[Foo.MooreMachine.Events.DOUBLECLICK] = STATE1; * * this.addState_(STATE1); * this.addState_(STATE2); * * return STATE1; * } * * var myMachine = new Foo.MooreMachine(); * myMachine.startMachine(); * */ goog.require('goog.array'); goog.require('goog.pubsub.PubSub'); goog.require('tart.State'); goog.provide('tart.StateMachine'); /** * Tart State Machine Class * @constructor * @extends {goog.pubsub.PubSub} */ tart.StateMachine = function() { goog.base(this); /** * @type {Array.} * @private */ this.events_ = []; this.currentState = undefined; }; goog.inherits(tart.StateMachine, goog.pubsub.PubSub); /** * Adds a state to the state machine. * @param {tart.State} state State to be added. * @protected */ tart.StateMachine.prototype.addState = function(state) { for (var event in state.transitions) { goog.array.insert(this.events_, event); } }; /** * Sets the current state disregarding the previous one, and executes it's function. * @param {tart.State} state State to be set as the current state. * @param {Array.<*>=} opt_args Arguments to pass to the new state. * @protected */ tart.StateMachine.prototype.setCurrentState = function(state, opt_args) { opt_args = opt_args || []; this.currentState = state; this.currentState.fn.apply(this, opt_args); }; /** * Starts the state machine. If it's the first time this function is called, it also lazy loads the states via * createStates method. */ tart.StateMachine.prototype.startMachine = function() { if (this.currentState == undefined) { this.firstState = this.createStates(); this.bindEvents_(); this.setCurrentState(this.firstState); } }; tart.StateMachine.prototype.reset = function() { this.firstState && this.setCurrentState(this.firstState); }; /** * This should be overridden by child classes. It holds the initialization of states and is called when the * startMachine method is called for the first time. * @return {tart.State} The first state that the machine will start with. */ tart.StateMachine.prototype.createStates = goog.abstractMethod; /** * Subscribes its handleEvent_ function to its every event * @private */ tart.StateMachine.prototype.bindEvents_ = function() { var self = this; for (var i = 0, l = self.events_.length; i < l; i++) { var eventName = self.events_[i]; self.subscribe(eventName, self.handleEvent_(self, eventName)); } }; /** * Handles incoming events. If any of the events are in the transitions list for the current state, that transition's * target state becomes the current state. * @param {tart.StateMachine} self The State Machine instance (due to the nature of goog.pubsub.PubSub.subscribe, * this function loses its scope. This variable corrects it). * @param {string} event The event to handle. * @return {function()} Returns a closure to use as an eventHandler. * @private */ tart.StateMachine.prototype.handleEvent_ = function(self, event) { return function() { var nextState = self.currentState.transitions[event]; if (nextState) { self.setCurrentState(nextState, Array.prototype.slice.call(arguments)); } } }; ================================================ FILE: tart/Tabs/TabPanel.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview Creates an instance with a tab and panel for using with an existing tabpanel. * * Example Usage: * * var panel1 = new tart.TabPanel({ * title: 'Tab 1', * html: 'This is a basic text' * }); * */ goog.provide('tart.TabPanel'); goog.require('goog.pubsub.PubSub'); /** * Returns an instance of tab and panel for using it in an tabpanel * Options object should include a title as tab's title and html as panel's default html * If Options object is ommited, an empty string will appended as tab title and panel html * @constructor * @extends {goog.pubsub.PubSub} * @param {Object=} options Customized options for panel instance. */ tart.TabPanel = function(options) { goog.base(this); this.initOptions(options); this.$tab = $(this.templates_tab()); this.$panel = $(this.templates_panel()); }; goog.inherits(tart.TabPanel, goog.pubsub.PubSub); /** * Merges custom options object with defaults * @protected * @param {Object=} options Custom config object. */ tart.TabPanel.prototype.initOptions = function(options) { this.props = {}; options = options || {}; this.props.panelCssClass = options['panelCssClass'] || ''; this.props.tabCssClass = options['tabCssClass'] || ''; this.props.title = options.title || ''; this.props.html = options.html || ''; }; /** * @return {string} Tab markup. */ tart.TabPanel.prototype.templates_tab = function() { return '
' + this.props.title + '
'; }; /** * @return {string} Panel markup. */ tart.TabPanel.prototype.templates_panel = function() { return '
' + this.props.html + '
'; }; /** * Callback function that will be triggered before a TabPanel instance is shown. * @type {Function|undefined} */ tart.TabPanel.prototype.onShow = undefined; /** * Callback function that will be triggered before a TabPanel instance is shown. * @type {Function|undefined} */ tart.TabPanel.prototype.onClose = undefined; ================================================ FILE: tart/Tabs/Tabs.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview Tabs is a fully working and customizable tab panel creator class. * * Example Usage: * * * var tabPanel = new tart.Tabs({ * activeTab: 1 * }); * * var panel1 = new tart.TabPanel({ * title: 'Tab 1', * html: 'This is a basic text' * }); * var panel2 = new tart.TabPanel({ * title: 'Tab 2', * html: 'Lorem ipsum dolor sit amet' * }); * var panel3 = new tart.TabPanel({ * title: 'Tab 3', * html: 'Lorem ipsum dolor sit amet is a dummy text' * }); * * tabPanel.addTabPanel(panel1); * tabPanel.addTabPanel(panel2); * tabPanel.addTabPanel(panel3); * * var dom = tabPanel.buildDOM(); * $('body').append(dom); * */ goog.provide('tart.Tabs'); goog.require('goog.pubsub.PubSub'); goog.require('tart.TabPanel'); /** * Tabs is a fully working and customizable tab panel creator class * @constructor * @param {Object=} options Customized initial options for tabpanel. * @extends {goog.pubsub.PubSub} */ tart.Tabs = function(options) { goog.base(this); options = options || {}; this.initOptions(options); this.$tabContainer = $(this.templates_tabContainer()); this.$panelContainer = $(this.templates_panelContainer()); /** * Holds TabPanel objects associated with the tabpanel * @type {Array.} * @protected */ this.tabPanels = []; /** * State of tab panel * @protected */ this.rendered = false; this.initialize(this.props.renderConfig); }; goog.inherits(tart.Tabs, goog.pubsub.PubSub); /** * Initialize the tabpanel with calling buildDOM method * @param {!string} renderCfg Where to container will be appended. */ tart.Tabs.prototype.initialize = function(renderCfg) { var panelDOM = this.buildDOM(); if (renderCfg.insertAfter) { panelDOM.insertAfter(renderCfg.insertAfter); } else if (renderCfg.insertBefore) { panelDOM.insertBefore(renderCfg.insertBefore); } else if (renderCfg.append) { renderCfg.append.append(panelDOM); } }; /** * Adds new tab to existing tab panel * @param {!(Array|tart.TabPanel)} tabPanels An array that holds instance of TabPanel Class to add new tab. * Also tabPanels argument should be a tab panel instance instead of array. */ tart.Tabs.prototype.addTabPanel = function(tabPanels) { var that = this; if (goog.isArray(tabPanels)) { for (var i = 0, len = tabPanels.length; i < len; i++) { that.addTab(tabPanels[i]); } } else { that.addTab(tabPanels); } this.setActiveTab(this.activeTab); }; /** * Adds a new tab to a Tabs instance. * @param {tart.TabPanel} tabPanel instance that's going to be added to a Tabs instance. */ tart.Tabs.prototype.addTab = function(tabPanel) { this.tabPanels.push(tabPanel); this.$tabContainer.append(tabPanel.$tab); this.$panelContainer.append(tabPanel.$panel); this.bindTabPanelEvents(tabPanel); }; /** * Removes the tab with the given index. * @param {!number} index Index number of the tab that you want to remove. */ tart.Tabs.prototype.removeTab = function(index) { var tabsLength = this.getTabsLength(); if (index >= tabsLength || tabsLength === 0) { return; } this.tabPanels[index].$tab.remove(); this.tabPanels[index].$panel.remove(); this.tabPanels.splice(index, 1); try { if (index <= this.activeTab) { if (index === this.activeTab) { this.setActiveTab(index - 1); } else { this.setActiveTab(this.activeTab - 1); } } } catch (e) {} }; /** * Sets the tab as active with the given index. * @param {!number} index Index number of the tab that you want to set as active. */ tart.Tabs.prototype.setActiveTab = function(index) { if (index >= this.getTabsLength()) { return false; } var deActivatedTab = this.getActiveTab(); for (var i = 0, len = this.tabPanels.length; i < len; i++) { if (index != i) { this.tabPanels[i].$tab.removeClass(this.props.activeTabCssClass); this.tabPanels[i].$panel.removeClass(this.props.activePanelCssClass); } } this.tabPanels[index].$tab.addClass(this.props.activeTabCssClass); this.tabPanels[index].$panel.addClass(this.props.activePanelCssClass); this.activeTab = index; var newlyActivatedTab = this.getActiveTab(); if (deActivatedTab.onClose && deActivatedTab != newlyActivatedTab) /* prevent double fn call on initialize */ deActivatedTab.onClose(this); newlyActivatedTab.onShow && newlyActivatedTab.onShow(this); // call newly activated tab's onShow function this.publish('tabChange', this.getActiveTab(), this); }; /** * Returns the active tab object contains tab and panel elements and templates that used in tab and panel. * @return {tart.TabPanel} The active tab. */ tart.Tabs.prototype.getActiveTab = function() { return this.tabPanels[this.activeTab]; }; /** * Binds required events of tabpanel. * @param {!tart.TabPanel} tabPanel Tabpanel instance for binding events to it. */ tart.Tabs.prototype.bindTabPanelEvents = function(tabPanel) { var that = this; var setMeActive = function() { var myIndex = goog.array.indexOf(that.tabPanels, tabPanel); that.setActiveTab(myIndex); }; tabPanel.$tab.click(setMeActive); }; /** * Builds DOM elements for tabpanel and returns DOM as ready to append to a container * @return {jQueryObject} DOM element of the Tabs instance. */ tart.Tabs.prototype.buildDOM = function() { this.$dom = $(this.templates_dom()); this.$dom.append(this.$tabContainer); this.$dom.append(this.$panelContainer); this.rendered = true; return this.$dom; }; /** * @return {boolean} The status of tabpanel, rendered or not. */ tart.Tabs.prototype.isRendered = function() { return this.rendered; }; /** * @return {number} number of tabs associated with the Tabs instance. */ tart.Tabs.prototype.getTabsLength = function() { return this.tabPanels.length; }; /** * Merges custom options object with defaults * @protected * @param {Object=} options Customized options for Tabs instance. */ tart.Tabs.prototype.initOptions = function(options) { var props = this.props = {}; props.axis = options.axis || 'x'; this.activeTab = options.activeTab || 0; props.renderConfig = options.renderConfig || {}; props.tabPanelCssClass = options.tabPanelCssClass || ''; props.tabContainerCssClass = options.tabContainerCssClass || ''; props.panelContainerCssClass = options.panelContainerCssClass || ''; props.activeTabCssClass = options.activeTabCssClass || 'tartActiveTab'; props.activePanelCssClass = options.activePanelCssClass || 'tartActivePanel'; props.panelWrapperCssClass = options.panelWrapperCssClass || ''; }; /** * @return {string} Main container markup. */ tart.Tabs.prototype.templates_dom = function() { return '
'; }; /** * @return {string} Tab container markup. */ tart.Tabs.prototype.templates_tabContainer = function() { return '
'; }; /** * @return {string} Panel container markup. */ tart.Tabs.prototype.templates_panelContainer = function() { return '
'; }; ================================================ FILE: tart/Validation/README.md ================================================ # Tart Validator A JavaScript validation library ## Testing specs You need [jasmine](http://pivotal.github.com/jasmine/) to run the specs You better have [qasmine](https://github.com/tart/qasmine) to automatize the testing process ### How to run qasmine Simlpy, run qasmine spec/SpecRunner.html ## Validation checks * is.email(string) : Checks string as a valid email * is.notOnlySpace(string) : Checks string that it doesnt contains only from whitespaces * is.numeric(string) : Checks string that only contains numeric values * is.digitAndNonDigit(string) : Checks string which contains both digits and non-digit chars, can be useful to check passwords' strength * has.maxLength(string, value) : Checks string for max length * has.minlength(string, value) : Checks string for min length * has.minValue(number, value) : Cheks number for its min value * has.maxValue(number, value) : Cheks number for its max value ================================================ FILE: tart/Validation/Validation.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.Validation is a validation library which checks for variable's format (such as email, number) or * attribute (such as char length). * * Example usage: * * var validator = tart.Validation; * var isValidEmail = validator.is.email("foo@bar.com"); //returns boolean true * var isNumeric = validator.is.numeric("123foo"); // returns boolean false * var hasMaxLength10 = validator.has.maxLength("foobar", 10); //returns boolean true * * * More examples can be seen from spec/ValidationSpec.js file */ goog.provide('tart.Validation'); goog.provide('tart.Validation.has'); goog.provide('tart.Validation.is'); /** * Checks if given text is valid email * * @param {string} text email text to be validated. * @return {boolean} true if its valid email. */ tart.Validation.is.email = function(text) { var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; return pattern.test(text); }; /** * Checks if a value is true. * * @param {boolean} value value to check. * @return {boolean} true if value evaluates to true. */ tart.Validation.is.truthy = function(value) { return value == true; }; /** * Checks if given text doesnt contains only white spaces but some chars or numbers * * @param {string} text text to be validated. * @return {boolean} true if text contains any char or number. */ tart.Validation.is.notOnlySpace = function(text) { var result = text.replace(/^\s+|\s+$/g, '').length > 0; return result; }; /** * Checks if given text contains only numeric chars * * @param {string} text text to be validated. * @return {boolean} true if text contains only numbers. */ tart.Validation.is.numeric = function(text) { var pattern = /^[0-9]+$/; return pattern.test(text); }; /** * Checks if given text contains both digit and non-digit chars * * @param {string} text text to be validated. * @return {boolean} true if text contains both digit and non-digit chars. */ tart.Validation.is.digitAndNonDigit = function(text) { var pattern = /(\d\D)|(\D\d)/; return pattern.test(text); }; /** * Checks if both given arguments are equal * * @param {*} arg1 item to be validated. * @param {*} arg2 item to be validated. * @return {boolean} true if both arguments are equal. */ tart.Validation.is.equal = function(arg1, arg2) { return arg1 == arg2; }; /** * Checks for strings' min length * * @param {string} text string to check for char length. * @param {number} value char length value. * @return {boolean} true if string's length > value. */ tart.Validation.has.minLength = function(text, value) { return (text.length >= value); }; /** * Checks for string's max length * * @param {string} text string to check for char length. * @param {number} value char length value. * @return {boolean} true if string's length < value. */ tart.Validation.has.maxLength = function(text, value) { return (text.length <= value); }; /** * Checks for string or number's min numeric value * * @param {string|number} num number to check value for. * @param {number} value value to check. * @return {boolean} true if string's num < value. */ tart.Validation.has.minValue = function(num, value) { return num >= value; }; /** * Checks for string or number's max numeric value * * @param {string|number} num number to check value for. * @param {number} value value to check. * @return {boolean} true if string's num > value. */ tart.Validation.has.maxValue = function(num, value) { return num <= value; }; ================================================ FILE: tart/Validation/spec/SpecRunner.html ================================================ Jasmine Test Runner ================================================ FILE: tart/Validation/spec/ValidationSpec.js ================================================ goog.require('tart.Validation'); goog.provide('tart.Validation.SpecRunner'); describe('Validation', function() { var validator; beforeEach(function() { validator = tart.Validation; }); it('validator should be object', function() { expect(typeof validator).toEqual('object'); }); describe('Validation.is', function() { describe('Validation.is.email', function() { it('regular email like alnum1@alnum2.tld should pass', function() { var result = validator.is.email('alnum1@alnum2.tld'); expect(result).toBeTruthy(); }); it('should not validate an email which has alnum1@alnum2.tldmorethan4chars', function() { var result = validator.is.email('alnum1@alnum2.tldmorethan4chars'); expect(result).toBeFalsy(); }); it('should not validate an email which containts non@alhanümeric.çars ', function() { var result = validator.is.email('non@alhanümeric.çars'); expect(result).toBeFalsy(); }); it('should validate an email which belongs@to.a.sub.dom.ain', function() { var result = validator.is.email('belongs@to.a.sub.dom.ain'); expect(result).toBeTruthy(); }); it('should not validate email which contains@space.com', function() { var result = validator.is.email('which contains@space.com'); expect(result).toBeFalsy(); }); }); describe('Validation.is.notOnlySpace', function() { it('should not validate an input which has only white space', function() { var result = validator.is.notOnlySpace(' '); expect(result).toBeFalsy(); }); it('should validate an input which starts with whitespace but has other chars', function() { var result = validator.is.notOnlySpace(' foobar'); expect(result).toBeTruthy(); }); it('should validate an input which starts and ends with whitespace but has other chars', function() { var result = validator.is.notOnlySpace(' foobar '); expect(result).toBeTruthy(); }); }); describe('Validation.is.numeric', function() { it('should not validate text which has non numeric chars', function() { var result = validator.is.numeric('foo123bar'); expect(result).toBeFalsy(); }); it('should not validate text which starts with numeric but has non numeric chars', function() { var result = validator.is.numeric('123bar'); expect(result).toBeFalsy(); }); it('should not validate text which starts with space but has only numeric chars', function() { var result = validator.is.numeric(' 123'); expect(result).toBeFalsy(); }); it('should validate text which has only numeric chars', function() { var result = validator.is.numeric('123'); expect(result).toBeTruthy(); }); }); //TODO: add more tests describe('Validation.is.equal', function() { it('should validate same strings', function () { var result = validator.is.equal("osman", "osman"); expect(result).toBeTruthy(); }); it('should validate same numbers', function () { var result = validator.is.equal(1453, 1453); expect(result).toBeTruthy(); }); it('should validate numeric strings', function () { var result = validator.is.equal("1453", 1453); expect(result).toBeTruthy(); }); it('should validate empty strings', function () { var result = validator.is.equal("", ""); expect(result).toBeTruthy(); }); it('should validate falsy values', function () { var result = validator.is.equal("", false); expect(result).toBeTruthy(); }); it('should not validate falsy values with null', function () { var result = validator.is.equal(null, false); expect(result).toBeFalsy(); }); }); describe('Validation.is.digitAndNonDigit', function() { it('should not validate text which has chars but numbers', function() { var result = validator.is.digitAndNonDigit('foobar'); expect(result).toBeFalsy(); }); it('should not validate text which has chars only numbers', function() { var result = validator.is.digitAndNonDigit('1234'); expect(result).toBeFalsy(); }); it('should not validate text which has only whitespaces', function() { var result = validator.is.digitAndNonDigit(' '); expect(result).toBeFalsy(); }); it('should validate text which contains both numbers and chars', function() { var result = validator.is.digitAndNonDigit('foo123bar'); expect(result).toBeTruthy(); }); it('should validate text which contains both numbers, chars and whitespaces', function() { var result = validator.is.digitAndNonDigit('foo 123 bar'); expect(result).toBeTruthy(); }); }); }); describe('Validation.has', function() { describe('Validation.has.minLength', function() { it("should validate 'abc' has minLength 3", function() { var result = validator.has.minLength('abc', 3); expect(result).toBeTruthy(); }); it("should validate 'abc' has minLength 2", function() { var result = validator.has.minLength('abc', 2); expect(result).toBeTruthy(); }); it("should not validate 'abc' has minLength 4", function() { var result = validator.has.minLength('abc', 4); expect(result).toBeFalsy(); }); it("should validate ' ' has minLength 1", function() { var result = validator.has.minLength(' ', 1); expect(result).toBeTruthy(); }); it("should not validate '' has minLength 1", function() { var result = validator.has.minLength('', 1); expect(result).toBeFalsy(); }); }); describe('Validation.has.maxLength', function() { it("should not validate 'abc' has max length 2", function() { var result = validator.has.maxLength('abc', 2); expect(result).toBeFalsy(); }); it("should validate 'ab' has max length 2", function() { var result = validator.has.maxLength('ab', 2); expect(result).toBeTruthy(); }); it("should not validate ' ' has max length 2", function() { var result = validator.has.maxLength(' ', 2); expect(result).toBeFalsy(); }); it("should validate '' has max length 0", function() { var result = validator.has.maxLength('', 0); expect(result).toBeTruthy(); }); }); describe('Validation.has.minValue', function() { it('should validate 3 has min value 1', function() { var result = validator.has.minValue(3, 1); expect(result).toBeTruthy(); }); it('should not validate 3 has min value 4', function() { var result = validator.has.minValue(3, 4); expect(result).toBeFalsy(); }); }); describe('Validation.has.maxValue', function() { it('should validate 3 has max value 4', function() { var result = validator.has.maxValue(3, 4); expect(result).toBeTruthy(); }); it('should not validate 3 has max value 2', function() { var result = validator.has.maxValue(3, 2); expect(result).toBeFalsy(); }); }); }); }); /** * Run jasmine spec */ tart.Validation.SpecRunner = function() { jasmine.getEnv()['addReporter'](new jasmine.TrivialReporter()); jasmine.getEnv()['execute'](); }(); ================================================ FILE: tart/XhrManager.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.XhrManager static class to handle XHR requests. */ goog.provide('tart.XhrManager'); /** * jQuery GET's wrapper * * @param {string} url url to send request. * @param {Object} params POST/GET parameters. * @param {?function(Object)} success success callback. * @param {?function(Object)=} opt_fail fail callback. * @param {string=} opt_dataType data type. * @return {Object} . */ tart.XhrManager.get = function(url, params, success, opt_fail, opt_dataType) { return tart.XhrManager.ajax('GET', url, params, success, opt_fail, opt_dataType); }; /** * jQuery POST's wrapper * * @param {string} url url to send request. * @param {Object} params POST/GET parameters. * @param {?function(Object)} success success callback. * @param {?function(Object)=} opt_fail fail callback. * @param {string=} opt_dataType data type. * @return {Object} . */ tart.XhrManager.post = function(url, params, success, opt_fail, opt_dataType) { return tart.XhrManager.ajax('POST', url, params, success, opt_fail, opt_dataType); }; /** * jQuery POST's wrapper * * @param {string} type request type. * @param {string} url url to send request. * @param {Object} params POST/GET parameters. * @param {?function(Object)} success success callback. * @param {?function(Object)=} opt_fail fail callback. * @param {string=} opt_dataType data type. * @return {Object} . */ tart.XhrManager.ajax = function(type, url, params, success, opt_fail, opt_dataType) { return $.ajax({ 'type': type, 'url': url, 'data': params, 'dataType': opt_dataType || 'json', 'xhrFields': { 'withCredentials': true }, 'success': function(response) { success && success(response); }, 'error': function(response) { opt_fail && opt_fail(response); } }); }; ================================================ FILE: tart/base/Model.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.base.Model base model. */ goog.provide('tart.base.Model'); goog.require('goog.structs.Map'); goog.require('goog.debug.ErrorHandler'); goog.require('goog.events.EventHandler'); goog.require('goog.events.EventTarget'); /** * Base model * * @extends {goog.events.EventTarget} * @constructor */ tart.base.Model = function() { goog.events.EventTarget.call(this); /** @private **/ this.items_ = null; /** @private **/ this.totalItemCount_ = 0; this.params = new goog.structs.Map(); }; goog.inherits(tart.base.Model, goog.events.EventTarget); /** * Abstract method to load data from any resource * @param {Function=} opt_callback method after load. */ tart.base.Model.prototype.load = function (opt_callback) { goog.abstractMethod(); }; /** * getter for items * @param {boolean=} dispatchEvent Whether this method should throw an event when its items are loaded. This may be used in classes that * extend tart.base.Model. * @return {Object} items all items. */ tart.base.Model.prototype.getItems = function(dispatchEvent) { return this.items_; }; /** * Setter for items * @param {Object} items items to be set. */ tart.base.Model.prototype.setItems = function(items) { this.items_ = items; }; /** * Set total item count * @param {number} itemCount total item count for this model. */ tart.base.Model.prototype.setTotalItemCount = function(itemCount) { this.totalItemCount_ = itemCount; }; /** * Get total item count * @return {number} total item count for this model. */ tart.base.Model.prototype.getTotalItemCount = function() { return this.totalItemCount_; }; /** @typedef {{type: string, oldValue, newValue}} */ tart.base.Model.Event; /** * Overriding goog.events.EventTarget's dispatchEvent method, to make this event consistent in application * * @param {Object|string} modelEvent event object which has type, oldValue and newValue fields. * @return {boolean} . * @override */ tart.base.Model.prototype.dispatchEvent = function(modelEvent) { return goog.base(this, 'dispatchEvent', modelEvent); }; ================================================ FILE: tart/base/plugin/BasePlugin.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.base.plugin.BasePlugin to get common properties for a plugin in one class. */ goog.provide('tart.base.plugin.BasePlugin'); goog.require('goog.debug.ErrorHandler'); goog.require('goog.events.EventHandler'); goog.require('goog.events.EventTarget'); goog.require('goog.structs.Map'); /** * @param {tart.base.Model} model * @extends {goog.events.EventTarget} * @constructor */ tart.base.plugin.BasePlugin = function (model) { goog.events.EventTarget.call(this); /** @protected */ this.model = model; /** @protected **/ this.map = new goog.structs.Map(); this.model.params.set(this.key, this.map); }; goog.inherits(tart.base.plugin.BasePlugin, goog.events.EventTarget); /** * clear map for plugin */ tart.base.plugin.BasePlugin.prototype.clear = function () { this.map.clear(); }; /** * Getter for model */ tart.base.plugin.BasePlugin.prototype.getModel = function () { return this.model; }; /** * models key */ tart.base.plugin.BasePlugin.prototype.key = undefined; ================================================ FILE: tart/base/plugin/Filter.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.base.plugin.Filter model filter plugin. */ goog.provide('tart.base.plugin.Filter'); goog.require('tart.base.plugin.BasePlugin'); /** * @param {tart.base.Model} model * * @extends {tart.base.plugin.BasePlugin} * @constructor */ tart.base.plugin.Filter = function (model) { goog.base(this, model); }; goog.inherits(tart.base.plugin.Filter, tart.base.plugin.BasePlugin); /** * Set plugins param key */ tart.base.plugin.Filter.prototype.key = "filterParams"; /** * @param {string} field field to be filtereded. * @param {string} condition condition operator. * @param {string} value field value to filter field for. */ tart.base.plugin.Filter.prototype.addFilter = function (field, condition, value) { /** * There can be multiple condition-value pair for a field */ var fieldFilter = this.map.get(field); //and if this field did not set before create a new object if (!fieldFilter) { fieldFilter = {}; } fieldFilter[condition] = value; this.map.set(field, fieldFilter); }; ================================================ FILE: tart/base/plugin/Pager.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.base.plugin.Pager model pager plugin to handle pagination. */ goog.provide('tart.base.plugin.Pager'); goog.require('tart.Pagination'); goog.require('tart.base.plugin.BasePlugin'); /** * @param {tart.base.Model} model tart.base.Model instance to set pager params. * @param {tart.Pagination=} pagination optional tart.Pagination instance to handle pagination. * * @extends {tart.base.plugin.BasePlugin} * @constructor */ tart.base.plugin.Pager = function(model, pagination) { goog.base(this, model); var that = this; /** @private */ that.pagination_ = pagination || new tart.Pagination(); that.pagination_.setParentEventTarget(this); /** * Change offset on page change events */ goog.events.listen(that.pagination_, tart.Pagination.EventTypes.PAGE_CHANGED, function(e) { var limit = parseInt(that.map.get('limit'), 10); var newOffset = (e.newValue - 1) * limit; that.map.set('offset', newOffset); that.model.params.set(that.key, that.map); }); }; goog.inherits(tart.base.plugin.Pager, tart.base.plugin.BasePlugin); /** * Plugin's parameter key which is inherited from BasePlugin and should be defined */ tart.base.plugin.Pager.prototype.key = 'paginationParams'; /** * @param {number} pageCount number of pages. */ tart.base.plugin.Pager.prototype.setTotalPageCount = function(pageCount) { this.map.set('pageCount', pageCount); }; /** * @param {number} offset cursor start point for paging. */ tart.base.plugin.Pager.prototype.setOffset = function(offset) { this.map.set('offset', offset); }; /** * * @param {number} limit item count to fetch. */ tart.base.plugin.Pager.prototype.setLimit = function(limit) { this.map.set('limit', limit); this.pagination_.setItemPerPage(limit); }; /** * * @return {number} current limit. */ tart.base.plugin.Pager.prototype.getLimit = function() { return this.pagination_.getItemPerPage(); }; /** * @param {number} totalItemCount set total item count for paginator. */ tart.base.plugin.Pager.prototype.setTotalItems = function(totalItemCount) { this.pagination_.setTotalItems(totalItemCount); }; /** * Next wrapper for paginator. */ tart.base.plugin.Pager.prototype.next = function() { this.pagination_.next(); }; /** * Prev wrapper for paginator. */ tart.base.plugin.Pager.prototype.prev = function() { this.pagination_.prev(); }; /** * setCurrentPage wrapper for paginator. * @param {number} currentPageNum current page number. */ tart.base.plugin.Pager.prototype.setCurrentPage = function(currentPageNum) { this.pagination_.setCurrentPage(currentPageNum); }; /** * @return {number} number of pages. */ tart.base.plugin.Pager.prototype.getTotalPage = function() { return this.pagination_.getTotalPage(); }; /** * @return {number} current page number. */ tart.base.plugin.Pager.prototype.getCurrentPage = function() { return this.pagination_.getCurrentPage(); }; /** * @return {boolean} Whether there is a previous page available. */ tart.base.plugin.Pager.prototype.hasPrev = function() { return this.pagination_.hasPrev(); }; /** * @return {boolean} Whether there is a next page available. */ tart.base.plugin.Pager.prototype.hasNext = function() { return this.pagination_.hasNext(); }; ================================================ FILE: tart/base/plugin/Sorter.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.base.plugin.Sorter model sorter plugin. */ goog.provide('tart.base.plugin.Sorter'); goog.require('tart.base.plugin.BasePlugin'); /** * @param {tart.base.Model} model * * @extends {tart.base.plugin.BasePlugin} * @constructor */ tart.base.plugin.Sorter = function (model) { goog.events.EventTarget.call(this); /** @protected */ this.model = model; /** @protected **/ this.sorts = []; this.model.params.set(this.key, this.sorts); }; goog.inherits(tart.base.plugin.Sorter, tart.base.plugin.BasePlugin); /** * Set plugin's param */ tart.base.plugin.Sorter.prototype.key = "sortParams"; /** * @param {string} field field to be sorted. * @param {string} order order by directive, which is asc or desc. */ tart.base.plugin.Sorter.prototype.addSort = function (field, order) { /** * There can be multiple condition-value pair for a field */ var fieldSorter = goog.array.find(this.sorts, function(item){ return goog.object.getAnyKey(item) == field; }); //and if this field did not set before create a new object if (!fieldSorter) { fieldSorter = {}; } fieldSorter[field] = order; this.model.params.get(this.key).push(fieldSorter); }; /** * clear map for plugin */ tart.base.plugin.Sorter.prototype.clear = function () { this.sorts = []; this.model.params.set(this.key, this.sorts); }; ================================================ FILE: tart/components/Carousel/Controller.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr /** * @fileoverview tart.components.Carousel.Controller is a base class for all carousel Controller's. */ goog.require('goog.events.EventTarget'); goog.require('goog.events.EventTarget'); goog.require('tart.Pagination'); goog.require('tart.base.plugin.Pager'); goog.require('tart.components.Carousel.Model'); goog.require('tart.components.Carousel.Template'); goog.require('tart.components.Carousel.View'); goog.require('tart.components.Controller'); goog.provide('tart.components.Carousel.Controller'); /** * Example controller class * * @extends {tart.components.Controller} * * @constructor */ tart.components.Carousel.Controller = function() { this.model = this.model || new this.modelClass(); this.modelPager = new tart.base.plugin.Pager(this.model, new this.paginationClass()); this.modelPager.setOffset(0); this.modelPager.setLimit(this.itemCount); this.view = new this.viewClass(); this.buildDOM(); this.bindEvents(); }; goog.inherits(tart.components.Carousel.Controller, tart.components.Controller); /** * Carousel's View Class */ tart.components.Carousel.Controller.prototype.viewClass = tart.components.Carousel.View; /** * Carousel's Model Class */ tart.components.Carousel.Controller.prototype.modelClass = tart.components.Carousel.Model; /** * Carousel's Pagination Class */ tart.components.Carousel.Controller.prototype.paginationClass = tart.Pagination; /** * Number of carousel items */ tart.components.Carousel.Controller.prototype.itemCount = 5; /** * Build carousel after items' loaded * @param {Object} visibleItems visible items. * @param {number} totalItemCount total item count. */ tart.components.Carousel.Controller.prototype.buildCarouselAction = function(visibleItems, totalItemCount) { if (visibleItems.length == 0) this.view.noResults(); else { //build carousel this.view.buildCarouselItems(visibleItems); //build pagination this.modelPager.setTotalItems(totalItemCount); if (totalItemCount > this.itemCount) { this.view.buildPager(this.modelPager); } } this.view.handleNavigationButtons(this.modelPager.hasNext(), this.modelPager.hasPrev()); }; /** * Go to page in given direction * @param {string} direction move direction. * @param {Number} pageNumber page number to go. */ tart.components.Carousel.Controller.prototype.goToPageAction = function(direction, pageNumber) { var items = this.model.getItems(); this.view.move(direction, items, this.modelPager.getLimit()); this.view.setPageSelected(pageNumber); }; /** * move next page */ tart.components.Carousel.Controller.prototype.nextAction = function() { this.modelPager.next(); }; /** * move previous page * */ tart.components.Carousel.Controller.prototype.prevAction = function() { this.modelPager.prev(); }; /** * Bind controller events * @protected */ tart.components.Carousel.Controller.prototype.bindEvents = function() { var that = this; //triggered when model.getItems() called goog.events.listen(that.model, tart.components.Carousel.Model.EventTypes.ITEMS_LOADED, function(e) { that.buildCarouselAction(e.visibleItems, e.totalItemCount); if (e.visibleItems.length > 0) { goog.style.setStyle(that.view.getDOM(), 'display', 'block'); } }); //Triggered when page changed goog.events.listen(that.modelPager, tart.Pagination.EventTypes.PAGE_CHANGED, function(e) { //dont do anything if page not changed if (e.oldValue != e.newValue) { var direction; if (e.newValue > e.oldValue) { direction = 'next'; } else { direction = 'prev'; } that.goToPageAction(direction, e.newValue); } that.view.handleNavigationButtons(that.modelPager.hasNext(), that.modelPager.hasPrev()); }); goog.events.listen(that.view.get(that.view.domMappings.NEXT)[0], goog.events.EventType.CLICK, this.nextAction, false, this); goog.events.listen(that.view.get(that.view.domMappings.PREV)[0], goog.events.EventType.CLICK, this.prevAction, false, this); }; ================================================ FILE: tart/components/Carousel/Model.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr /** * @fileoverview tart.components.Carousel.Model is a base class for all carousel Model's. */ goog.require('goog.events.EventTarget'); goog.require('tart.Carousel'); goog.require('tart.base.Model'); goog.require('tart.dataProxy.CircularLocal'); goog.provide('tart.components.Carousel.Model'); goog.provide('tart.components.Carousel.Model.EventTypes'); /** * All component models should be inherited from goog.events.EventTarget * to publish events to controllers * * @extends {tart.base.Model} * @constructor */ tart.components.Carousel.Model = function() { goog.base(this); /** @protected */ this.proxy = new tart.dataProxy.CircularLocal(); }; goog.inherits(tart.components.Carousel.Model, tart.base.Model); /** * Model's default offset value. */ tart.components.Carousel.Model.prototype.offset = 0; /** * Model's default limit value. */ tart.components.Carousel.Model.prototype.limit = 0; /** * WidgetModel's remoteModelClass's default value is undefined. */ tart.components.Carousel.Model.prototype.remoteModelClass = undefined; /** * WidgetModel's RemoteModelClass's default value is undefined. */ tart.components.Carousel.Model.prototype.remoteModelClassParams = undefined; /** * event types enumaration * @enum {string} */ tart.components.Carousel.Model.EventTypes = { ITEMS_LOADED: 'loaded' }; /** * Get carousel items * @param {boolean} dispatchEvent whether it dispatches an event. * @return {Array} modelItems is count of items.. */ tart.components.Carousel.Model.prototype.getItems = function(dispatchEvent) { var that = this; var modelItems; this.load(function(items) { if (dispatchEvent) { var eventObject = {type: tart.components.Carousel.Model.EventTypes.ITEMS_LOADED, visibleItems: items, totalItemCount: that.getTotalItemCount() }; that.dispatchEvent(eventObject); } modelItems = items; }); return modelItems; }; /** * @param {Function} callback load callback function. */ tart.components.Carousel.Model.prototype.load = function(callback) { var that = this; var remoteModel; var onProxyFetch = function(data) { that.setItems(data); callback.call(this, data); }; var getremoteModelData = function() { var data = remoteModel.getItems(); that.proxy.setData(data); that.setTotalItemCount(data.length); that.proxy.fetch(onProxyFetch); }; that.proxy.setParams(this.params); if (that.proxy.getData()) { that.proxy.fetch(onProxyFetch); } else if (this.remoteModelClass) { remoteModel = new this.remoteModelClass(this.remoteModelClassParams); if (this.pagination) { var remoteModelPager = new tart.base.plugin.Pager(remoteModel, this.pagination); remoteModelPager.setOffset(this.offset); remoteModelPager.setLimit(this.limit); } remoteModel.load(getremoteModelData); } }; ================================================ FILE: tart/components/Carousel/Template.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr /** * @fileoverview tart.components.Carousel.Template is a base class for all carousel Template's. */ goog.provide('tart.components.Carousel.Template'); /** * @constructor */ tart.components.Carousel.Template = function() { this.properties = { CAROUSEL_WIDTH: this.carouselWidth }; this.domMappings = { NAVIGATION: '.navigation', PREV: '.navigation.prev', NEXT: '.navigation.next', ITEMS: '.contents', PAGER: '.pager', PAGER_ITEMS: '.pagerItems', PAGER_ITEM: 'span' }; }; /** * Header * * @return {string} header markup. */ tart.components.Carousel.Template.prototype.header = function() { return ''; }; tart.components.Carousel.Template.prototype.carouselWidth = 780; /** * Footer * * @return {string} footer markup. */ tart.components.Carousel.Template.prototype.footer = function() { return '
' + '
' + '
'; }; /** * Base markup for carousel * * @return {string} base markup. */ tart.components.Carousel.Template.prototype.base = function() { return '
' + this.header() + '' + '' + '
' + '
' + '
' + this.footer() + '
'; }; /** * Markup for carousel group * * @param {Array.<*>} itemArray carousel items. * @return {(Node)} base markup. */ tart.components.Carousel.Template.prototype.carouselItems = goog.abstractMethod; /** * * @param {number} pageNum is number of selected page. * @param {boolean} selected class. * @return {string} markup. */ tart.components.Carousel.Template.prototype.pagerItem = function(pageNum, selected) { var selectedClass = selected ? 'selected' : ''; return ''; }; /** * @return {string} */ tart.components.Carousel.Template.prototype.noResults = function() { return ''; }; ================================================ FILE: tart/components/Carousel/View.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr /** * @fileoverview tart.components.Carousel.View is a base class for all carousel View's. */ goog.require('tart.components.View'); goog.provide('tart.components.Carousel.View'); /** * @extends {tart.components.View} * @constructor */ tart.components.Carousel.View = function() { goog.base(this); this.template = new this.templateClass(); this.domMappings = this.template.domMappings; this.pagerItemsCache = {}; this.activeItems = null; }; goog.inherits(tart.components.Carousel.View, tart.components.View); /** * */ tart.components.Carousel.View.prototype.templateClass = tart.components.Carousel.Template; /** * Build carousel items from item array * * @param {Array.} itemArray carousel data array. */ tart.components.Carousel.View.prototype.buildCarouselItems = function(itemArray) { goog.dom.classlist.remove(this.getDOM(), 'loading'); var carouselItems = this.template.carouselItems(itemArray); this.get(this.domMappings.ITEMS)[0].innerHTML = ''; goog.dom.appendChild(this.get(this.domMappings.ITEMS)[0], carouselItems); this.itemsAppended(carouselItems); this.activeItems = carouselItems; }; /** * Render method which has to be overriden * * @return {string} markup. */ tart.components.Carousel.View.prototype.render = function() { return this.template.base(); }; /** * get all carousel items' DOM reference * * @return {Object} DOM refernce. * @protected */ tart.components.Carousel.View.prototype.getAllCarouselItemsDomReference = function() { var carouselItems = this.get(this.domMappings.ITEMS)[0]; return goog.dom.getChildren(carouselItems); }; /** * Animate carousel with given rule * * @param {string} direction 'next' or 'previous' TODO: this should be enumarated. * @param {Array.} diff items to be inserted. * @param {number} moveCount count of move. */ tart.components.Carousel.View.prototype.move = function(direction, diff, moveCount) { var that = this; if (diff.length > 0) { var carouselItems = $(that.get(that.domMappings.ITEMS)); //prevent glitch on rapid movements carouselItems.stop(true, true); var marginLeft; var moveWidth = this.template.properties.CAROUSEL_WIDTH; var allCarouselItems = $(that.getAllCarouselItemsDomReference()); var markup = $(this.template.carouselItems(diff)); this.activeItems = markup; for (var i = 0; i < markup.length; i++) { for (var j = 0; j < allCarouselItems.length; j++) { if (markup[i] === allCarouselItems[j]) allCarouselItems = allCarouselItems.not(markup[i]); } } if (direction == 'next') { carouselItems.append(markup); this.itemsAppended(markup); marginLeft = '-=' + moveWidth + 'px'; } else { carouselItems.prepend(markup); this.itemsAppended(markup); carouselItems.css('margin-left', (-1 * moveWidth) + 'px'); marginLeft = '+=' + moveWidth + 'px'; } carouselItems.animate({ 'margin-left': marginLeft }, 500, '', function(){ allCarouselItems.detach(); carouselItems.css('margin-left', '0px'); }); } }; tart.components.Carousel.View.prototype.itemsAppended = function(items) { }; /** * Method to hide previous button. */ tart.components.Carousel.View.prototype.hidePrev = function() { goog.style.showElement(this.get(this.domMappings.PREV)[0], false); }; /** * * @param {tart.base.plugin.Pager} pager to build pager. */ tart.components.Carousel.View.prototype.buildPager = function(pager) { var that = this; var pagerElement = that.get(that.domMappings.PAGER)[0]; var totalPage = pager.getTotalPage(); var navigation = that.get(that.domMappings.NAVIGATION)[0]; if (totalPage > 1) { //show pager if only totalPage > 1 if (pagerElement.length > 0) { var pagerItems = pagerElement.querySelectorAll(that.domMappings.PAGER_ITEMS)[0]; //for each pager create pager button and attach event for (var i = 1; i <= totalPage; i++) { (function(i) { var selected = (i == 1); var pagerItem = tart.dom.createElement(that.template.pagerItem(i, selected))[0]; goog.events.listen(pagerItem, goog.events.EventType.CLICK, function(){ pager.setCurrentPage(i); }); goog.dom.appendChild(pagerItems, pagerItem); that.pagerItemsCache[i] = pagerItem; })(i); } goog.style.showElement(pagerElement, true); } goog.style.showElement(navigation, true); if (!pager.hasPrev()) that.hidePrev(); } else { //hide pager if totalPage < 2 pagerElement.hide(); navigation.hide(); } }; /** * * @param {number} pageNum number of selected page. */ tart.components.Carousel.View.prototype.setPageSelected = function(pageNum) { var that = this; var pager = that.get(that.domMappings.PAGER)[0]; var pagerItems = pager.querySelector(that.domMappings.PAGER_ITEMS).querySelectorAll(that.domMappings.PAGER_ITEM); goog.array.forEach(pagerItems, function(pagerItem) { goog.dom.classlist.remove(pagerItem, 'selected'); }); that.pagerItemsCache[pageNum] && goog.dom.classlist.add(that.pagerItemsCache[pageNum], 'selected'); }; /** * * @param {boolean} hasNext Whether there is a previous page. * @param {boolean} hasPrev Whether there is a next page. */ tart.components.Carousel.View.prototype.handleNavigationButtons = function(hasNext, hasPrev) { var pagerNext = this.get(this.domMappings.NEXT)[0]; var pagerPrev = this.get(this.domMappings.PREV)[0]; goog.style.showElement(pagerNext, true); goog.style.showElement(pagerPrev, true); if (!hasNext) goog.style.showElement(pagerNext, false); if (!hasPrev) goog.style.showElement(pagerPrev, false); }; /** * No results handler * */ tart.components.Carousel.View.prototype.noResults = function() { goog.dom.classlist.remove(this.getDOM(), 'loading'); var carouselText = this.template.noResults(); this.get(this.domMappings.ITEMS)[0].innerHTML = carouselText; this.itemsAppended(carouselText); this.activeItems = carouselText; }; ================================================ FILE: tart/components/Carousel/Widget.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr /** * @fileoverview tart.components.Carousel.Widget is a base for all carousel widgets. */ goog.provide('tart.components.Carousel.Widget'); goog.require('tart.components.Carousel.Controller'); goog.require('tart.components.Widget'); /** * @constructor * @extends {tart.components.Widget} */ tart.components.Carousel.Widget = function() { this.controller = new this.controllerClass(); goog.base(this); this.init(); }; goog.inherits(tart.components.Carousel.Widget, tart.components.Widget); /** * */ tart.components.Carousel.Widget.prototype.controllerClass = tart.components.Carousel.Controller; tart.components.Carousel.Widget.prototype.init = function() { this.controller.model.getItems(true); }; ================================================ FILE: tart/components/Controller.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.components.Controller is a base class for all components Controller's. * * Example usage: * * var ViewClass = function () { * goog.base(this); * }; * goog.inherits(ViewClass, tart.components.View); * * ViewClass.prototype.render = function () { * return "

Foo

"; * }; * var view = new ViewClass(); * * var ModelClass = function () { * goog.base(this); * }; * goog.inherits(ModelClass, tart.base.Model); * * * var model = new ModelClass(); * * var ControllerClass = function () { * goog.base(this); * }; * goog.inherits(ControllerClass, tart.components.Controller); * * var controller = new ControllerClass(model, view); * var dom = controller.buildDOM(); */ goog.require('tart.base.Model'); goog.require('tart.components.View'); goog.provide('tart.components.Controller'); /** * Base controller * * @param {tart.base.Model=} opt_model Data model. * @param {tart.components.View=} opt_view View object. * @constructor */ tart.components.Controller = function(opt_model, opt_view) { this.model = opt_model || new tart.base.Model(); this.view = opt_view || new tart.components.View(); }; /** * Build DOM from view * * @return {Element} generated DOM of attached View object. */ tart.components.Controller.prototype.buildDOM = function() { var dom = this.view.render(); // TODO : render should always be string so we should remove string check. if(goog.isString(dom)) dom = /** @type {Element} */(tart.dom.createElement(dom)); this.view.setDOM(/** @type {Element} */(dom)); return /** @type {Element} */ (dom); }; /** * Get DOM generated by view and attached by controller * * @return {Element} DOM reference. */ tart.components.Controller.prototype.getDOM = function() { return this.view.getDOM(); }; ================================================ FILE: tart/components/RemoteModel.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr /** * @fileoverview tart.components.RemoteModel RemoteModel which gets data from Xhr. */ goog.provide('tart.components.models.RemoteModel'); goog.require('tart.base.Model'); goog.require('tart.dataProxy.Xhr'); /** * Remote Model * * @extends {tart.base.Model} * @constructor */ tart.components.models.RemoteModel = function() { goog.base(this); this.params.set('method_', 'post'); this.params.set('url_', this.url); this.totalCount = 0; this.proxy = new this.proxyClass(); }; goog.inherits(tart.components.models.RemoteModel, tart.base.Model); /** * RemoteModel's entity class. Default value is undefined. */ tart.components.models.RemoteModel.prototype.entityClass = undefined; tart.components.models.RemoteModel.prototype.proxyClass = tart.dataProxy.Xhr; /** * RemoteModel's request url. Default value is undefined. */ tart.components.models.RemoteModel.prototype.url = undefined; /** * Load data and map data to entity. * @param {Function=} opt_callback method to call after load. */ tart.components.models.RemoteModel.prototype.load = function(opt_callback) { var that = this; that.proxy.setParams(this.params); that.proxy.fetch(function(data) { that.mapDataToEntities(data); if (opt_callback) { opt_callback.call(this, that.getItems()); } }); }; /** * map data to entity class. * @param {Object} xhrData data returned from xhr request. * @protected */ tart.components.models.RemoteModel.prototype.mapDataToEntities = function(xhrData) { var items = [], collection = xhrData['data']; for (var i = 0, l = collection.length; i < l; i++) { items.push(new this.entityClass(collection[i])); } this.totalCount = items.length; this.setItems(items); }; ================================================ FILE: tart/components/ThumbnailedCarousel/Model.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr goog.require('tart.components.Carousel.Model'); goog.provide('tart.components.ThumbnailedCarousel.Model'); /** * @extends {tart.components.Carousel.Model} * @constructor */ tart.components.ThumbnailedCarousel.Model = function() { goog.base(this); }; goog.inherits(tart.components.ThumbnailedCarousel.Model, tart.components.Carousel.Model); /** * @param {Array} activeItem Active carousel items. */ tart.components.ThumbnailedCarousel.Model.prototype.setActiveItem = function(activeItem) { this.activeItem = activeItem; this.dispatchEvent({ type: this.EventTypes.ACTIVE_ITEM, activeItem: activeItem }); }; tart.components.ThumbnailedCarousel.Model.prototype.EventTypes = { ACTIVE_ITEM: 'activeItem' }; ================================================ FILE: tart/components/ThumbnailedCarousel/SpotController.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr goog.require('tart.CircularPagination'); goog.require('tart.components.Carousel.Controller'); goog.require('tart.components.ThumbnailedCarousel.Model'); goog.require('tart.components.ThumbnailedCarousel.ThumbnailsController'); goog.require('tart.components.ThumbnailedCarousel.ThumbnailsTemplate'); goog.require('tart.components.ThumbnailedCarousel.SpotView'); goog.provide('tart.components.ThumbnailedCarousel.SpotController'); /** * @constructor * @extends {tart.components.Carousel.Controller} */ tart.components.ThumbnailedCarousel.SpotController = function() { this.pagination = new tart.CircularPagination(); goog.base(this); }; goog.inherits(tart.components.ThumbnailedCarousel.SpotController, tart.components.Carousel.Controller); /** * @override */ tart.components.ThumbnailedCarousel.SpotController.prototype.paginationClass = tart.CircularPagination; /** * @override */ tart.components.ThumbnailedCarousel.SpotController.prototype.itemCount = 1; /** * @override */ tart.components.ThumbnailedCarousel.SpotController.prototype.viewClass = tart.components.ThumbnailedCarousel.SpotView; /** * @override */ tart.components.ThumbnailedCarousel.SpotController.prototype.modelClass = tart.components.ThumbnailedCarousel.Model; /** * Thumbnailed Carousel's thumbnails template class */ tart.components.ThumbnailedCarousel.SpotController.prototype.thumbnailsTemplateClass = tart.components.ThumbnailedCarousel.ThumbnailsTemplate; /** * Thumbnailed Carousel's thumbnails controller class */ tart.components.ThumbnailedCarousel.SpotController.prototype.thumbnailsControllerClass = tart.components.ThumbnailedCarousel.ThumbnailsController; /** * @override */ tart.components.ThumbnailedCarousel.SpotController.prototype.buildCarouselAction = function(visibleItems, totalItemCount) { goog.base(this, 'buildCarouselAction', visibleItems, totalItemCount); this.thumbnailsController = new this.thumbnailsControllerClass(this.model); var $thumbnails = this.thumbnailsController.getDOM(); this.view.appendThumbnails($thumbnails); }; /** * @override */ tart.components.ThumbnailedCarousel.SpotController.prototype.bindEvents = function() { goog.base(this, 'bindEvents'); var that = this; goog.events.listen(this.modelPager, tart.Pagination.EventTypes.PAGE_CHANGED, function(e) { that.model.setActiveItem(e.newValue); }); goog.events.listen(this.model, this.model.EventTypes.ACTIVE_ITEM, function(e) { that.modelPager.setCurrentPage(e.activeItem); }); }; ================================================ FILE: tart/components/ThumbnailedCarousel/SpotTemplate.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr goog.require('tart.components.Carousel.Template'); goog.provide('tart.components.ThumbnailedCarousel.SpotTemplate'); /** * @extends {tart.components.Carousel.Template} * @constructor */ tart.components.ThumbnailedCarousel.SpotTemplate = function() { goog.base(this); this.domMappings.THUMBNAILS_CONTAINER = '.thumbs'; }; goog.inherits(tart.components.ThumbnailedCarousel.SpotTemplate, tart.components.Carousel.Template); /** * Base function to create dom. * * @return {string} base markup of spot. */ tart.components.ThumbnailedCarousel.SpotTemplate.prototype.base = function() { var markup = '
' + '' + '' + '
' + '
' + '
' + '
'; return markup; }; ================================================ FILE: tart/components/ThumbnailedCarousel/SpotView.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.trr> goog.require('tart.components.Carousel.View'); goog.require('tart.components.ThumbnailedCarousel.SpotTemplate'); goog.provide('tart.components.ThumbnailedCarousel.SpotView'); /** * @extends {tart.components.Carousel.View} * @constructor */ tart.components.ThumbnailedCarousel.SpotView = function() { goog.base(this); }; goog.inherits(tart.components.ThumbnailedCarousel.SpotView, tart.components.Carousel.View); tart.components.ThumbnailedCarousel.SpotView.prototype.templateClass = tart.components.ThumbnailedCarousel.SpotTemplate; /** * @param {string|jQueryObject} $dom for append thumbnails to carousel. */ tart.components.ThumbnailedCarousel.SpotView.prototype.appendThumbnails = function($dom) { this.get(this.domMappings.THUMBNAILS_CONTAINER).append($dom); }; ================================================ FILE: tart/components/ThumbnailedCarousel/ThumbnailsController.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr goog.require('tart.CircularPagination'); goog.require('tart.components.Carousel.Controller'); goog.require('tart.components.ThumbnailedCarousel.ThumbnailsView'); goog.provide('tart.components.ThumbnailedCarousel.ThumbnailsController'); /** * @constructor * @extends {tart.components.Carousel.Controller} */ tart.components.ThumbnailedCarousel.ThumbnailsController = function(model) { this.pagination = new this.paginationClass(); this.model = model || new this.modelClass(); this.modelPager = new tart.base.plugin.Pager(this.model, new this.paginationClass()); this.modelPager.setOffset(0); this.modelPager.setLimit(this.itemCount); this.view = new this.viewClass(); this.buildDOM(); this.bindEvents(); var items = this.model.getItems(); // true = trigger load event after items loaded this.buildCarouselAction(items, this.model.getTotalItemCount()); }; goog.inherits(tart.components.ThumbnailedCarousel.ThumbnailsController, tart.components.Carousel.Controller); /** * @override */ tart.components.ThumbnailedCarousel.ThumbnailsController.prototype.viewClass = tart.components.ThumbnailedCarousel.ThumbnailsView; /** * @override */ tart.components.ThumbnailedCarousel.ThumbnailsController.prototype.bindEvents = function() { goog.base(this, 'bindEvents'); var that = this; goog.events.listen(that.model, this.model.EventTypes.ACTIVE_ITEM, function(e) { that.modelPager.setCurrentPage(Math.ceil(e.activeItem / that.modelPager.pagination_.getItemPerPage())); that.view.setActiveItem(e.activeItem); }); }; /** * * @param visibleItems * @param totalItemCount */ tart.components.ThumbnailedCarousel.ThumbnailsController.prototype.buildCarouselAction = function(visibleItems, totalItemCount) { goog.base(this, 'buildCarouselAction', visibleItems, totalItemCount); this.bindThumbnailEvents(); this.view.setActiveItem(1); }; tart.components.ThumbnailedCarousel.ThumbnailsController.prototype.goToPageAction = function(p) { goog.base(this, 'goToPageAction', p, null); this.bindThumbnailEvents(); }; tart.components.ThumbnailedCarousel.ThumbnailsController.prototype.bindThumbnailEvents = function() { var that = this; var items = that.model.getItems(); goog.array.forEach(items, function(item, i) { goog.events.removeAll(item.$thumbnail[0], goog.events.EventType.CLICK); (function(item, i) { goog.events.listen(item.$thumbnail[0], goog.events.EventType.CLICK, function(e) { var offset = (that.modelPager.getCurrentPage() - 1) * that.modelPager.getLimit(); that.model.setActiveItem(offset + i); }); })(item, i + 1); }); }; ================================================ FILE: tart/components/ThumbnailedCarousel/ThumbnailsTemplate.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr goog.require('tart.components.Carousel.Template'); goog.provide('tart.components.ThumbnailedCarousel.ThumbnailsTemplate'); /** * @extends {tart.components.Carousel.Template} * @constructor */ tart.components.ThumbnailedCarousel.ThumbnailsTemplate = function() { goog.base(this); }; goog.inherits(tart.components.ThumbnailedCarousel.ThumbnailsTemplate, tart.components.Carousel.Template); /** * @override */ tart.components.ThumbnailedCarousel.ThumbnailsTemplate.prototype.footer = function() { return ''; } ================================================ FILE: tart/components/ThumbnailedCarousel/ThumbnailsView.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.trr> goog.require('tart.components.Carousel.View'); goog.require('tart.components.ThumbnailedCarousel.ThumbnailsTemplate'); goog.provide('tart.components.ThumbnailedCarousel.ThumbnailsView'); /** * @extends {tart.components.Carousel.View} * @constructor */ tart.components.ThumbnailedCarousel.ThumbnailsView = function() { goog.base(this); }; goog.inherits(tart.components.ThumbnailedCarousel.ThumbnailsView, tart.components.Carousel.View); tart.components.ThumbnailedCarousel.ThumbnailsView.prototype.templateClass = tart.components.ThumbnailedCarousel.ThumbnailsTemplate; ================================================ FILE: tart/components/ThumbnailedCarousel/Widget.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // @author Firat Yalavuz firat.yalavuz@tart.com.tr goog.require('tart.components.Carousel.Widget'); goog.require('tart.components.ThumbnailedCarousel.SpotController'); goog.provide('tart.components.ThumbnailedCarousel.Widget'); /** * @extends {tart.components.Carousel.Widget} * @constructor */ tart.components.ThumbnailedCarousel.Widget = function() { goog.base(this); }; goog.inherits(tart.components.ThumbnailedCarousel.Widget, tart.components.Carousel.Widget); tart.components.ThumbnailedCarousel.Widget.prototype.controllerClass = tart.components.ThumbnailedCarousel.SpotController; ================================================ FILE: tart/components/View.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.components.View is a base class for all components View's. * * Example usage: * * SubViewClass = function() { * goog.base(this); * * this.domMappings = { * HEADER: 'h1' * }; * }; * goog.inherits(SubViewClass, tart.components.View); * * SubViewClass.prototype.templates_header = function(text) { * text = text || ''; * return '

' + text + '

'; * }; * * SubViewClass.prototype.render = function() { * return this.templates_header(); * }; * * var subView = new SubViewClass(); * * var dummyDiv = tart.dom.createElement(subView.render()); * * subView.setDOM(dummyDiv); * subView.get(subView.domMappings.HEADER); * * Known issues: * - Templates will be injected withing Templates object */ goog.provide('tart.components.View'); /** * View class base * @constructor */ tart.components.View = function() { /** @protected */ this.domCache = {}; }; /** @type {Element} */ tart.components.View.prototype.dom; /** * Render abstract method, which all subclasses should implement * @throws {Error} * @return {string} */ tart.components.View.prototype.render = function() { throw new Error('Not implemented yet'); }; /** * Sets base DOM tree for component * @param {Element} dom base DOM reference for component. */ tart.components.View.prototype.setDOM = function(dom) { this.dom = dom; }; /** * get current DOM reference * * @return {Element} */ tart.components.View.prototype.getDOM = function() { return this.dom; }; /** * Get item, which is indicated on domMappings node * Cache them to domCache and return item * Example of usage with an id as selector: * this.get("[id='elementId']") or this.get("[id=elementId]") * * @param {string} key Object key from domMappings node. * @return {{length: number}} found object after traverse. */ tart.components.View.prototype.get = function(key) { if (!this.dom) { throw new Error('DOM not set yet'); } this.domCache[key] = this.domCache[key] || this.dom.querySelectorAll(key); return this.domCache[key]; }; /** * Clears the view's dom cache. This might come in handy where you find yourself with dangling HTMLElement's who are * not in DOM anymore but bugs you because they are in cache. This also helps with memory leaks; you should often clear * your cache. TODO: Make this default with a deconstructor for view */ tart.components.View.prototype.clearCache = function() { this.domCache = {}; }; ================================================ FILE: tart/components/Widget.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.components.Widget is a base class for all components Widget's. */ goog.require('tart'); goog.provide('tart.components.Widget'); /** * Base widget * @constructor */ tart.components.Widget = function() { /** @private */ this.componentId_ = tart.getUid(); }; /** * Renders the component in a given element or in its placeholder that should already be in the DOM. * * @param {Element=} rootEl If provided, the widget will render into this rootEl. * Otherwise, it will look for its placeholder in DOM. */ tart.components.Widget.prototype.render = function (rootEl) { rootEl = rootEl || goog.dom.getElement(this.componentId_); rootEl.appendChild(this.controller.getDOM()); }; /** * Get placeholder template * @return {string} placeholder markup. */ tart.components.Widget.prototype.getPlaceholder = function () { return this.templates_placeholder(); }; /** * Component's placeholder template * @return {string} placeholder markup. */ tart.components.Widget.prototype.templates_placeholder = function () { return '
'; }; /** * Get component id * @return {Number} component id. */ tart.components.Widget.prototype.getId = function () { return this.componentId_; }; ================================================ FILE: tart/components/spec/ComponentsSpec.js ================================================ goog.require('tart.components.Controller'); goog.require('tart.base.Model'); goog.require('tart.components.View'); goog.provide('tart.components.SpecRunner'); describe('Component', function() { var opt_model = new tart.base.Model(); var opt_view = new tart.components.View(); describe('ComponentController', function() { describe('has model and view objects in it', function() { it('should have model object', function() { var controller = new tart.components.Controller(opt_model, opt_view); expect(controller.model instanceof tart.base.Model).toBeTruthy(); }); it('should have view object', function() { var controller = new tart.components.Controller(opt_model, opt_view); expect(controller.view instanceof tart.components.View).toBeTruthy(); }); }); describe('will get components DOM with buildDOM method', function() { /** * @constructor * @extends {tart.components.View} */ var ViewClass = function() { goog.base(this); }; goog.inherits(ViewClass, tart.components.View); /** * @return {string} markup string . */ ViewClass.prototype.render = function() { return '

Foo

'; }; var view = new ViewClass(); var controller = new tart.components.Controller(opt_model, view); var dom = controller.buildDOM(); expect(dom).toBeTruthy(); }); }); describe('Component Model', function() { describe('is event driven', function() { it('should be inherited from goog.events.EventTarget', function() { var model = new tart.base.Model(); expect(model instanceof goog.events.EventTarget).toBeTruthy(); }); it("should supply events to it's sub classes", function() { /** * @constructor * @extends {tart.base.Model} * */ var SubModelClass = function() { goog.base(this); }; goog.inherits(SubModelClass, tart.base.Model); SubModelClass.EventTypes = { SOMETHING_HAPPENED: 'foo' }; var subModel = new SubModelClass(); var text; goog.events.listen(subModel, SubModelClass.EventTypes.SOMETHING_HAPPENED, function(e) { text = 'something triggered from model'; }); subModel.dispatchEvent({type: SubModelClass.EventTypes.SOMETHING_HAPPENED }); expect(text).toEqual('something triggered from model'); }); }); }); describe('ComponentView', function() { describe('is an abstract class which sub classes should implement thier own "render" method', function() { it('should throw en exception when "render" method called from own instance', function() { var view = new tart.components.View(); var fn = function() { view.render(); }; expect(fn).toThrow(); }); it('should render markup if sub class implemented its own "render" method', function() { /** * @constructor * @extends {tart.components.View} */ var SubViewClass = function() { goog.base(this); }; goog.inherits(SubViewClass, tart.components.View); /** * @return {string} markup . */ SubViewClass.prototype.render = function() { return 'this is rendered' + text + ''; }; SubViewClass.prototype.render = function() { return this.templates_header(); }; }); it('should find related element on DOM', function() { var subView = new SubViewClass(); //TODO: make it work with closure var dummyDiv = $('
').append(subView.render()); subView.setDOM(dummyDiv); expect(subView.get(subView.domMappings.HEADER)[0]).toBe(dummyDiv.find('h1')[0]); }); it('should throw a "DOM not set yet" exception if DOM not set yet', function() { var fn = function() { var subView = new SubViewClass(); subView.get(subView.domMappings.HEADER); }; expect(fn).toThrow('DOM not set yet'); }); }); }); }); /** * Run jasmine specs */ tart.components.SpecRunner = function() { jasmine.getEnv()['addReporter'](new jasmine.TrivialReporter()); jasmine.getEnv()['execute'](); }(); ================================================ FILE: tart/components/spec/SpecRunner.html ================================================ Jasmine Test Runner ================================================ FILE: tart/dataProxy/Abstract.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.dataProxy.Abstract base abstract class for local and xhr data proxies. */ goog.provide('tart.dataProxy.Abstract'); goog.require('goog.structs.Map'); /** * Base model to handle xhr requests * * @constructor */ tart.dataProxy.Abstract = function() { /** @protected **/ this.params = new goog.structs.Map(); }; /** * Set params as hash map. * @param {goog.structs.Map} params hash map to hold fetch params */ tart.dataProxy.Abstract.prototype.setParams = function (params) { this.params = new goog.structs.Map(params); }; /** * Abstract method, which all inherited classes should implement * @param {Function} callback callback method after fetch. */ tart.dataProxy.Abstract.prototype.fetch = function(callback) { goog.abstractMethod(); }; ================================================ FILE: tart/dataProxy/CircularLocal.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.dataProxy.CircularLocal XHR data proxy. */ goog.provide('tart.dataProxy.CircularLocal'); goog.require('tart.dataProxy.Local'); /** * * Base model to handle xhr requests * * @extends {tart.dataProxy.Local} * @constructor */ tart.dataProxy.CircularLocal = function() { goog.base(this); }; goog.inherits(tart.dataProxy.CircularLocal, tart.dataProxy.Local); /** * Fetch data from xhr and call a function with returned data * @param {Function=} callback function to call with returned data. */ tart.dataProxy.CircularLocal.prototype.fetch = function(callback) { var fetchedData = this.getData(); var pagerParam = this.params.get('paginationParams'); if (!fetchedData || !pagerParam) callback.call(this); var offset = pagerParam.get('offset'), limit = pagerParam.get('limit'), length = fetchedData.length, tmp = [], pos; if (limit > length) limit = length; for (var i = offset, loopCount = offset + limit; i < loopCount; i++) { pos = (i % length + length) % length; tmp.push(fetchedData[pos]); } fetchedData = tmp; callback.call(this, fetchedData); }; ================================================ FILE: tart/dataProxy/Local.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.dataProxy.Local XHR data proxy. */ goog.provide('tart.dataProxy.Local'); goog.require('tart.dataProxy.Abstract'); goog.require('goog.array'); /** * Base model to handle xhr requests * * @extends {tart.dataProxy.Abstract} * @constructor */ tart.dataProxy.Local = function() { goog.base(this); /** @private **/ this.data_ = undefined; }; goog.inherits(tart.dataProxy.Local, tart.dataProxy.Abstract); /** * Fetch data from xhr and call a function with returned data * @param {Function=} callback function to call with returned data. */ tart.dataProxy.Local.prototype.fetch = function(callback) { var fetchedData = this.data_; var pagerParam = this.params.get("paginationParams"); if (pagerParam) { var offset = pagerParam.get("offset"); var limit = pagerParam.get("limit"); var tmp = []; for(var i = offset; i < offset + limit; i++) { if (fetchedData && fetchedData[i]) { tmp.push(fetchedData[i]); } } fetchedData = tmp; } callback.call(this, fetchedData); }; tart.dataProxy.Local.prototype.setData = function(data) { this.data_ = data; }; tart.dataProxy.Local.prototype.getData = function() { return this.data_; }; ================================================ FILE: tart/dataProxy/Xhr.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tart.dataProxy.Xhr XHR data proxy. */ goog.provide('tart.dataProxy.Xhr'); goog.require('tart.XhrManager'); goog.require('tart.dataProxy.Abstract'); /** * Base model to handle xhr requests * * @extends {tart.dataProxy.Abstract} * @constructor */ tart.dataProxy.Xhr = function() { goog.base(this); }; goog.inherits(tart.dataProxy.Xhr, tart.dataProxy.Abstract); /** * Fetch data from xhr and call a function with returned data * @param {?function(Object)} callback function to call with returned data. * @param {function(Object)=} opt_fail function to call when request failed. */ tart.dataProxy.Xhr.prototype.fetch = function(callback, opt_fail) { var url = this.params.get('url_'); this.params.remove('url_'); url = '' + url; //cast to string to make it type safe for XhrManager.get var method = this.params.get('method_'); var methodFn; this.params.remove('method_'); switch (method) { case 'post' : methodFn = tart.XhrManager.post; break; default: methodFn = tart.XhrManager.get; } /** * get plain objects from Maps from given plugins */ var pluginParams = this.params.getKeys(); for (var i = 0, ii = pluginParams.length; i < ii; i++) { var param = this.params.get(pluginParams[i]); if (param && param.constructor == goog.structs.Map) { this.params.set(pluginParams[i], param.toObject()); } else { this.params.set(pluginParams[i], param); } } methodFn(url, this.params.toObject(), callback, opt_fail); }; ================================================ FILE: tart/date/DateRange.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This file provides utility functions and classes for dateranges. */ goog.require('goog.date.DateRange'); goog.provide('tart.date.DateRange'); /** * @constructor * @extends {goog.date.DateRange} * @inheritDoc */ tart.date.DateRange = function(startDate, endDate) { goog.base(this, startDate, endDate); }; goog.inherits(tart.date.DateRange, goog.date.DateRange); /** * Returns the range that includes the thirty days that end today. * @param {goog.date.Date=} opt_today The date to consider today. * Defaults to today. * @return {goog.date.DateRange} The range that includes the thirty days that end today. */ tart.date.DateRange.last30Days = function(opt_today) { var today = opt_today || new goog.date.Date(); var month = today.clone(); month.add(new goog.date.Interval(goog.date.Interval.DAYS, -30)); return new goog.date.DateRange(month, today); }; ================================================ FILE: tart/date/date.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This file provides utility functions and classes for dates. */ goog.require('goog.date.DateTime'); goog.require('goog.i18n.DateTimeFormat'); goog.require('goog.math'); goog.provide('tart.date'); goog.provide('tart.date.Date'); /** * @constructor * @extends {goog.date.Date} */ tart.date.Date = function() { goog.base(this); }; goog.inherits(tart.date.Date, goog.date.Date); /** * Returns a random time. * @return {Date} Random time. */ tart.date.randomTime = function() { return new Date(goog.math.randomInt(2147483648000)); }; /** * Returns a random time between two given times. * @param {(goog.date.DateLike|goog.date.DateTime)} Date1 A boundary time. * @param {(goog.date.DateLike|goog.date.DateTime)} Date2 Another boundary time. * @return {Date} random time. */ tart.date.randomTimeInBetween = function(Date1, Date2) { var smaller = Date1, bigger = Date2; if (Date1 > Date2) { smaller = Date2; bigger = Date1; } return new Date(goog.math.uniformRandom(smaller.getTime(), bigger.getTime())); }; /** * Returns a random time between now and a given interval. * @param {goog.date.Interval} interval Any interval of any length. Can be both positive or negative. * @return {Date} Random time. */ tart.date.randomTimeInInterval = function(interval) { var now = new goog.date.DateTime(), then = now.clone(); then.add(interval); return tart.date.randomTimeInBetween(now, then); }; (function() { var date = new goog.date.DateTime(); var formatterCache = {}; var rvCache = {}; /** * Formats milliseconds by a given pattern. * * Usage: tart.date.formatMilliseconds(1320676229977, 'd MMMM, EEEE') returns "7 Kasım, Pazartesi". * If you want to format by a specific timeZone, pass timeZone difference as minute, * e.g. for GMT+2 pass goog.i18n.TimeZone.createTimeZone(-120). * For further information about patterns, please check out datetimeformat.js under goog/i18n. * * @param {!number} milliseconds Milliseconds that will be formatted. * @param {!string} pattern Format pattern. * @param {goog.i18n.TimeZone=} opt_timeZone Timezone that will be used when formatting. * @return {string} Formatted date. */ tart.date.formatMilliseconds = function(milliseconds, pattern, opt_timeZone) { date.setTime(milliseconds); var formatter = formatterCache[pattern]; if (!formatter) formatter = formatterCache[pattern] = new goog.i18n.DateTimeFormat(pattern); var cacheKey = milliseconds + pattern + (opt_timeZone ? opt_timeZone.getTimeZoneId() : ''); var rv = rvCache[cacheKey]; if (!rv) rv = rvCache[cacheKey] = formatter.format(date, opt_timeZone); return rv; }; })(); /** * Get day from given date. * * @param {Date} date Date. * @return {Date} Day. */ tart.date.getDay = function(date) { var timestamp = date.getTime(); return new Date(tart.date.getDayTimestamp(timestamp)); }; /** * Get day timestamp from given timestamp. * Subtracts the modulo of a full day time from given timestamp. * * @param {number} timestamp Timestamp. * @return {number} Day. */ tart.date.getDayTimestamp = function(timestamp) { return timestamp - (timestamp % (1000 * 60 * 60 * 24)); }; ================================================ FILE: tart/deps.js ================================================ // This file was autogenerated by third_party/goog/closure/bin/build/depswriter.py. // Please do not edit. goog.addDependency('../../../../tart/Builder.js', ['tart.Builder'], ['tart.Err'], false); goog.addDependency('../../../../tart/Carousel/Carousel.js', ['tart.Carousel', 'tart.Carousel.EventTypes'], ['goog.debug.ErrorHandler', 'goog.events.EventHandler', 'goog.events.EventTarget'], false); goog.addDependency('../../../../tart/Carousel/spec/CarouselSpec.js', ['tart.Carousel.SpecRunner'], ['tart.Carousel'], false); goog.addDependency('../../../../tart/CircularCarousel/CircularCarousel.js', ['tart.CircularCarousel'], ['goog.events.EventTarget', 'tart.Carousel'], false); goog.addDependency('../../../../tart/CircularCarousel/spec/CircularCarouselSpec.js', ['tart.CircularCarousel.SpecRunner'], ['tart.CircularCarousel'], false); goog.addDependency('../../../../tart/Collection.js', ['tart.Collection'], ['goog.array', 'goog.pubsub.PubSub', 'tart.Err'], false); goog.addDependency('../../../../tart/DropdownList/DropdownBuilder.js', ['tart.DropdownBuilder'], ['tart.Builder'], false); goog.addDependency('../../../../tart/DropdownList/DropdownList.js', ['tart.DropdownList'], ['tart.Collection', 'tart.DropdownBuilder'], false); goog.addDependency('../../../../tart/Err.js', ['tart.Err'], ['tart'], false); goog.addDependency('../../../../tart/FormValidator/FormValidator.js', ['tart.FormValidator'], ['tart.Validation'], false); goog.addDependency('../../../../tart/FormValidator/spec/FormValidatorSpec.js', ['tart.FormValidator.SpecRunner'], ['tart.FormValidator'], false); goog.addDependency('../../../../tart/List.js', ['tart.List'], ['tart.Collection'], false); goog.addDependency('../../../../tart/Pagination/CircularPagination.js', ['tart.CircularPagination'], ['tart.Pagination'], false); goog.addDependency('../../../../tart/Pagination/Pagination.js', ['tart.Pagination'], ['goog.debug.ErrorHandler', 'goog.events.EventHandler', 'goog.events.EventTarget'], false); goog.addDependency('../../../../tart/Pagination/spec/PaginationSpec.js', ['tart.Pagination.SpecRunner'], ['tart.Pagination'], false); goog.addDependency('../../../../tart/Registry.js', ['tart.Registry'], ['goog.structs.Map'], false); goog.addDependency('../../../../tart/StateMachine/State.js', ['tart.State'], [], false); goog.addDependency('../../../../tart/StateMachine/StateMachine.js', ['tart.StateMachine'], ['goog.array', 'goog.pubsub.PubSub', 'tart.State'], false); goog.addDependency('../../../../tart/Tabs/TabPanel.js', ['tart.TabPanel'], ['goog.pubsub.PubSub'], false); goog.addDependency('../../../../tart/Tabs/Tabs.js', ['tart.Tabs'], ['goog.pubsub.PubSub', 'tart.TabPanel'], false); goog.addDependency('../../../../tart/Validation/Validation.js', ['tart.Validation', 'tart.Validation.has', 'tart.Validation.is'], [], false); goog.addDependency('../../../../tart/Validation/spec/ValidationSpec.js', ['tart.Validation.SpecRunner'], ['tart.Validation'], false); goog.addDependency('../../../../tart/XhrManager.js', ['tart.XhrManager'], [], false); goog.addDependency('../../../../tart/base/Model.js', ['tart.base.Model'], ['goog.debug.ErrorHandler', 'goog.events.EventHandler', 'goog.events.EventTarget', 'goog.structs.Map'], false); goog.addDependency('../../../../tart/base/plugin/BasePlugin.js', ['tart.base.plugin.BasePlugin'], ['goog.debug.ErrorHandler', 'goog.events.EventHandler', 'goog.events.EventTarget', 'goog.structs.Map'], false); goog.addDependency('../../../../tart/base/plugin/Filter.js', ['tart.base.plugin.Filter'], ['tart.base.plugin.BasePlugin'], false); goog.addDependency('../../../../tart/base/plugin/Pager.js', ['tart.base.plugin.Pager'], ['tart.Pagination', 'tart.base.plugin.BasePlugin'], false); goog.addDependency('../../../../tart/base/plugin/Sorter.js', ['tart.base.plugin.Sorter'], ['tart.base.plugin.BasePlugin'], false); goog.addDependency('../../../../tart/components/Carousel/Controller.js', ['tart.components.Carousel.Controller'], ['goog.events.EventTarget', 'tart.Pagination', 'tart.base.plugin.Pager', 'tart.components.Carousel.Model', 'tart.components.Carousel.Template', 'tart.components.Carousel.View', 'tart.components.Controller'], false); goog.addDependency('../../../../tart/components/Carousel/Model.js', ['tart.components.Carousel.Model', 'tart.components.Carousel.Model.EventTypes'], ['goog.events.EventTarget', 'tart.Carousel', 'tart.base.Model', 'tart.dataProxy.CircularLocal'], false); goog.addDependency('../../../../tart/components/Carousel/Template.js', ['tart.components.Carousel.Template'], [], false); goog.addDependency('../../../../tart/components/Carousel/View.js', ['tart.components.Carousel.View'], ['tart.components.View'], false); goog.addDependency('../../../../tart/components/Carousel/Widget.js', ['tart.components.Carousel.Widget'], ['tart.components.Carousel.Controller', 'tart.components.Widget'], false); goog.addDependency('../../../../tart/components/Controller.js', ['tart.components.Controller'], ['tart.base.Model', 'tart.components.View'], false); goog.addDependency('../../../../tart/components/RemoteModel.js', ['tart.components.models.RemoteModel'], ['tart.base.Model', 'tart.dataProxy.Xhr'], false); goog.addDependency('../../../../tart/components/ThumbnailedCarousel/Model.js', ['tart.components.ThumbnailedCarousel.Model'], ['tart.components.Carousel.Model'], false); goog.addDependency('../../../../tart/components/ThumbnailedCarousel/SpotController.js', ['tart.components.ThumbnailedCarousel.SpotController'], ['tart.CircularPagination', 'tart.components.Carousel.Controller', 'tart.components.ThumbnailedCarousel.Model', 'tart.components.ThumbnailedCarousel.SpotView', 'tart.components.ThumbnailedCarousel.ThumbnailsController', 'tart.components.ThumbnailedCarousel.ThumbnailsTemplate'], false); goog.addDependency('../../../../tart/components/ThumbnailedCarousel/SpotTemplate.js', ['tart.components.ThumbnailedCarousel.SpotTemplate'], ['tart.components.Carousel.Template'], false); goog.addDependency('../../../../tart/components/ThumbnailedCarousel/SpotView.js', ['tart.components.ThumbnailedCarousel.SpotView'], ['tart.components.Carousel.View', 'tart.components.ThumbnailedCarousel.SpotTemplate'], false); goog.addDependency('../../../../tart/components/ThumbnailedCarousel/ThumbnailsController.js', ['tart.components.ThumbnailedCarousel.ThumbnailsController'], ['tart.CircularPagination', 'tart.components.Carousel.Controller', 'tart.components.ThumbnailedCarousel.ThumbnailsView'], false); goog.addDependency('../../../../tart/components/ThumbnailedCarousel/ThumbnailsTemplate.js', ['tart.components.ThumbnailedCarousel.ThumbnailsTemplate'], ['tart.components.Carousel.Template'], false); goog.addDependency('../../../../tart/components/ThumbnailedCarousel/ThumbnailsView.js', ['tart.components.ThumbnailedCarousel.ThumbnailsView'], ['tart.components.Carousel.View', 'tart.components.ThumbnailedCarousel.ThumbnailsTemplate'], false); goog.addDependency('../../../../tart/components/ThumbnailedCarousel/Widget.js', ['tart.components.ThumbnailedCarousel.Widget'], ['tart.components.Carousel.Widget', 'tart.components.ThumbnailedCarousel.SpotController'], false); goog.addDependency('../../../../tart/components/View.js', ['tart.components.View'], [], false); goog.addDependency('../../../../tart/components/Widget.js', ['tart.components.Widget'], ['tart'], false); goog.addDependency('../../../../tart/components/spec/ComponentsSpec.js', ['tart.components.SpecRunner'], ['tart.base.Model', 'tart.components.Controller', 'tart.components.View'], false); goog.addDependency('../../../../tart/dataProxy/Abstract.js', ['tart.dataProxy.Abstract'], ['goog.structs.Map'], false); goog.addDependency('../../../../tart/dataProxy/CircularLocal.js', ['tart.dataProxy.CircularLocal'], ['tart.dataProxy.Local'], false); goog.addDependency('../../../../tart/dataProxy/Local.js', ['tart.dataProxy.Local'], ['goog.array', 'tart.dataProxy.Abstract'], false); goog.addDependency('../../../../tart/dataProxy/Xhr.js', ['tart.dataProxy.Xhr'], ['tart.XhrManager', 'tart.dataProxy.Abstract'], false); goog.addDependency('../../../../tart/date/DateRange.js', ['tart.date.DateRange'], ['goog.date.DateRange'], false); goog.addDependency('../../../../tart/date/date.js', ['tart.date', 'tart.date.Date'], ['goog.date.DateTime', 'goog.i18n.DateTimeFormat', 'goog.math'], false); goog.addDependency('../../../../tart/dom/dom.js', ['tart.dom'], [], false); goog.addDependency('../../../../tart/events.js', ['tart.events'], [], false); goog.addDependency('../../../../tart/events/GestureHandler.js', ['tart.events.GestureHandler'], ['goog.dom', 'goog.events.EventTarget', 'goog.math.Coordinate'], false); goog.addDependency('../../../../tart/events/HoverHandler.js', ['tart.events.HoverHandler'], ['goog.dom', 'goog.events.EventTarget'], false); goog.addDependency('../../../../tart/locale/en.js', ['tart.locale.en'], [], false); goog.addDependency('../../../../tart/locale/locale.js', ['tart.locale'], ['tart.locale.en', 'tart.locale.tr'], false); goog.addDependency('../../../../tart/locale/tr.js', ['tart.locale.tr'], [], false); goog.addDependency('../../../../tart/mock/jQuery/xhr.js', ['tart.mock.jQuery.xhr'], [], false); goog.addDependency('../../../../tart/money/Currency.js', ['tart.Currency'], [], false); goog.addDependency('../../../../tart/money/CurrencyTL.js', ['tart.CurrencyTL'], ['tart.Currency'], false); goog.addDependency('../../../../tart/money/CurrencyUSD.js', ['tart.CurrencyUSD'], ['tart.Currency'], false); goog.addDependency('../../../../tart/money/Money.js', ['tart.Money'], ['tart.CurrencyTL', 'tart.CurrencyUSD'], false); goog.addDependency('../../../../tart/mvc/Action.js', ['tart.mvc.Action'], [], false); goog.addDependency('../../../../tart/mvc/Application.js', ['tart.mvc.Application'], ['goog.History', 'goog.debug.ErrorHandler', 'goog.events', 'tart.dom', 'tart.mvc.Action', 'tart.mvc.Controller', 'tart.mvc.IApplication', 'tart.mvc.Layout', 'tart.mvc.Model', 'tart.mvc.Renderer', 'tart.mvc.uri.Route', 'tart.mvc.uri.Router'], false); goog.addDependency('../../../../tart/mvc/Controller.js', ['tart.mvc.Controller'], [], false); goog.addDependency('../../../../tart/mvc/IApplication.js', ['tart.mvc.IApplication'], [], false); goog.addDependency('../../../../tart/mvc/Layout.js', ['tart.mvc.Layout'], ['tart.mvc.View'], false); goog.addDependency('../../../../tart/mvc/MobileAction.js', ['tart.mvc.MobileAction'], [], false); goog.addDependency('../../../../tart/mvc/MobileRenderer.js', ['tart.mvc.MobileRenderer'], ['tart.mvc.MobileAction', 'tart.mvc.Renderer'], false); goog.addDependency('../../../../tart/mvc/Model.js', ['tart.mvc.Model'], [], false); goog.addDependency('../../../../tart/mvc/Renderer.js', ['tart.mvc.Renderer'], ['tart.mvc.Action', 'tart.mvc.Layout', 'tart.mvc.View', 'tart.mvc.uri.Redirection'], false); goog.addDependency('../../../../tart/mvc/View.js', ['tart.mvc.View'], [], false); goog.addDependency('../../../../tart/mvc/mvc.js', ['tart.mvc'], ['tart.mvc.Application'], false); goog.addDependency('../../../../tart/mvc/test/Bootstrapper.js', ['mvcapp.Bootstrapper'], ['mvcapp.Application'], false); goog.addDependency('../../../../tart/mvc/test/application/controllers/GamesController.js', ['mvcapp.controllers.GamesController'], ['mvcapp.views.layouts.rare', 'mvcapp.views.scripts.games.index', 'mvcapp.views.scripts.games.list', 'tart.mvc.Controller'], false); goog.addDependency('../../../../tart/mvc/test/application/controllers/IndexController.js', ['mvcapp.controllers.IndexController'], ['mvcapp.views.scripts.index.list', 'tart.mvc.Controller'], false); goog.addDependency('../../../../tart/mvc/test/application/mvcapp.js', ['mvcapp.Application'], ['mvcapp.controllers.GamesController', 'mvcapp.controllers.IndexController', 'mvcapp.views.layouts.common', 'tart.mvc'], false); goog.addDependency('../../../../tart/mvc/test/application/views/layouts/common.js', ['mvcapp.views.layouts.common'], [], false); goog.addDependency('../../../../tart/mvc/test/application/views/layouts/rare.js', ['mvcapp.views.layouts.rare'], [], false); goog.addDependency('../../../../tart/mvc/test/application/views/scripts/games/index.js', ['mvcapp.views.scripts.games.index'], [], false); goog.addDependency('../../../../tart/mvc/test/application/views/scripts/games/list.js', ['mvcapp.views.scripts.games.list'], [], false); goog.addDependency('../../../../tart/mvc/test/application/views/scripts/index/list.js', ['mvcapp.views.scripts.index.list'], [], false); goog.addDependency('../../../../tart/mvc/uri/Redirection.js', ['tart.mvc.uri.Redirection'], [], false); goog.addDependency('../../../../tart/mvc/uri/Request.js', ['tart.mvc.uri.Request'], ['goog.Uri'], false); goog.addDependency('../../../../tart/mvc/uri/Route.js', ['tart.mvc.uri.Route'], ['tart.Err'], false); goog.addDependency('../../../../tart/mvc/uri/Router.js', ['tart.mvc.uri.Router'], ['goog.array', 'goog.object', 'tart.mvc.uri.Redirection', 'tart.mvc.uri.Request'], false); goog.addDependency('../../../../tart/storage/Storage.js', ['tart.storage.Storage'], ['goog.json'], false); goog.addDependency('../../../../tart/string/string.js', ['tart.string'], [], false); goog.addDependency('../../../../tart/tart.js', ['tart'], [], false); goog.addDependency('../../../../tart/ui/Component.js', ['tart.ui.Component'], ['goog.events.EventTarget', 'tart', 'tart.dom'], false); goog.addDependency('../../../../tart/ui/ComponentManager.js', ['tart.ui.ComponentManager'], ['goog.array', 'goog.events.EventType', 'tart.events', 'tart.events.GestureHandler', 'tart.events.HoverHandler'], false); goog.addDependency('../../../../tart/ui/ComponentModel.js', ['tart.ui.ComponentModel'], ['goog.events.EventTarget'], false); goog.addDependency('../../../../tart/ui/DlgComponent.js', ['tart.ui.DlgComponent'], ['goog.events.EventTarget', 'tart', 'tart.dom', 'tart.ui.ComponentManager'], false); goog.addDependency('../../../../tart/ui/InfiniteScroll/InfiniteScrollComponent.js', ['tart.ui.InfiniteScrollComponent'], ['goog.async.Throttle', 'tart.ui.DlgComponent', 'tart.ui.InfiniteScrollComponentModel'], false); goog.addDependency('../../../../tart/ui/InfiniteScroll/InfiniteScrollComponentModel.js', ['tart.ui.InfiniteScrollComponentModel'], ['tart.ui.ComponentModel'], false); goog.addDependency('../../../../tart/ui/NavBar/NavBarComponent.js', ['tart.ui.NavBarComponent'], ['tart.ui.DlgComponent'], false); goog.addDependency('../../../../tart/ui/PullToRefresh/P2RComponent.js', ['tart.ui.P2RComponent'], ['goog.async.Throttle', 'tart.ui.DlgComponent', 'tart.ui.P2RComponentModel'], false); goog.addDependency('../../../../tart/ui/PullToRefresh/P2RComponentModel.js', ['tart.ui.P2RComponentModel'], ['tart.ui.ComponentModel'], false); goog.addDependency('../../../../tart/ui/Sidebar/SidebarComponent.js', ['tart.ui.SidebarComponent'], ['tart.ui.DlgComponent'], false); goog.addDependency('../../../../tart/ui/TabBar/TabBarView.js', ['tart.ui.TabBarView'], ['tart.ui.View'], false); goog.addDependency('../../../../tart/ui/View.js', ['tart.ui.View'], ['tart.ui.DlgComponent', 'tart.ui.ViewManager'], false); goog.addDependency('../../../../tart/ui/ViewManager.js', ['tart.ui.ViewManager'], ['goog.math'], false); goog.addDependency('../../../../tart/ui/ViewModel.js', ['tart.ui.ViewModel'], ['tart.ui.ComponentModel'], false); goog.addDependency('../../../../tart/ui/input/DateComponent.js', ['tart.ui.input.DateComponent'], ['goog.events.EventTarget', 'tart.ui.DlgComponent'], false); goog.addDependency('../../../../tart/ui/input/RevealingPassword.js', ['tart.ui.input.RevealingPassword'], ['tart.ui.DlgComponent'], false); goog.addDependency('../../../../tart/ui/tooltip/TooltipComponent.js', ['tart.ui.TooltipComponent'], ['goog.dom', 'goog.style', 'tart.ui.Component', 'tart.ui.TooltipComponentModel'], false); goog.addDependency('../../../../tart/ui/tooltip/TooltipComponentModel.js', ['tart.ui.TooltipComponentModel'], ['tart.StateMachine', 'tart.ui.ComponentModel'], false); ================================================ FILE: tart/dom/dom.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This file provides commonly used DOM functions. */ goog.provide('tart.dom'); (function() { var tempDiv = document.createElement('div'); /** * Stripped down version of goog.dom.htmlToDocumentFragment. Its performance is fantastic across all browsers. * * This version won't work with ================================================ FILE: tart/mock/jQuery/xhr.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mock.jQuery.xhr'); jQuery.ajaxSetup({ 'converters': { 'mockup text': function(requestOptions) { return tart.mock.jQuery.xhr(requestOptions); }, 'mockup json': function(requestOptions) { return tart.mock.jQuery.xhr(requestOptions); }, 'mockup xml': function(requestOptions) { return tart.mock.jQuery.xhr(requestOptions); } } }); jQuery.ajaxTransport('mockup', function(options) { return { 'send': function(headers, callback) { setTimeout(function () { callback(200, 'OK', { 'mockup': options }); }, 1); } }; }); // Switch to mockup jQuery.ajaxSetup({ 'mock': true }); jQuery.ajaxPrefilter(function(options) { if (options['mock']) { var finalDataType = options['dataTypes']['pop'](); options['dataTypes'] = [finalDataType === '*' ? 'text' : finalDataType]; return 'mockup'; } }); ================================================ FILE: tart/money/Currency.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.Currency'); /** * Tart Currency class for defining prefix, suffix, separator of tart.Money object. * @constructor */ tart.Currency = function() {}; /** * Prefix Value of Currency. */ tart.Currency.prototype.prefix = ''; /** * Suffix Value of Currency. */ tart.Currency.prototype.suffix = ''; /** * Separator Value of Currency. */ tart.Currency.prototype.separator = ''; /** * Converts Money to currency type. * @param {tart.Money} money Retrieves money object from tart.Money. * @return {string} Returns Money with currency type. */ tart.Currency.prototype.convert = function(money) { var prefix = ''; var suffix = ''; //Adds space after prefix. if (this.prefix) { prefix = this.prefix + ' '; } //Adds space before suffix. if (this.suffix) { suffix = ' ' + this.suffix; } return prefix + money.getCapital() + this.separator + money.getFraction() + suffix; }; /** * Gets Currency Type. Like TL, USD etc. * @return {string} Returns currency Type. */ tart.Currency.prototype.getType = function() { return this.prefix || this.suffix; }; ================================================ FILE: tart/money/CurrencyTL.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.CurrencyTL'); goog.require('tart.Currency'); /** * TL Currency Type of Money. * @constructor * @extends {tart.Currency} */ tart.CurrencyTL = function() { goog.base(this); }; goog.inherits(tart.CurrencyTL, tart.Currency); /** * Prefix Value of Currency. */ tart.CurrencyTL.prototype.prefix = ''; /** * Suffix Value of Currency. */ tart.CurrencyTL.prototype.suffix = 'TL'; /** * Separator Value of Currency. */ tart.CurrencyTL.prototype.separator = ','; ================================================ FILE: tart/money/CurrencyUSD.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.CurrencyUSD'); goog.require('tart.Currency'); /** * USD Currency Type of Money. * @constructor * @extends {tart.Currency} */ tart.CurrencyUSD = function() { goog.base(this); }; goog.inherits(tart.CurrencyUSD, tart.Currency); /** * Prefix Value of Currency. */ tart.CurrencyUSD.prototype.prefix = '$'; /** * Suffix Value of Currency. */ tart.CurrencyUSD.prototype.suffix = ''; /** * Separator Value of Currency. */ tart.CurrencyUSD.prototype.separator = '.'; ================================================ FILE: tart/money/Money.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. // // HELP // ----------------------------- // var currency = new tart.CurrencyUSD(); //You can add other currencies as a new file to tart/money/CurrencyNAME.js. // var money = new tart.Money(12.500, currency); //Default value is tart.CurrencyTL (leave blank 2nd param). // // money.toCurrency(); //Gets Full Currency Like USD 12.50 // money.getCapital(); //Gets Only Capital Of Money Like 12 // money.getFraction(); //Gets Only Fraction Of Money Line 50 // money.toArray(); //Gets As Array Like [12, 50] // money.getCurrency().getType(); //Gets Type Of Money Like USD goog.provide('tart.Money'); goog.require('tart.CurrencyTL'); goog.require('tart.CurrencyUSD'); /** * Tart Money Class for defining money type. * @constructor * @param {number} amount Retrieves Amount for convert to currency. * @param {tart.Currency=} currency Currency type. */ tart.Money = function(amount, currency) { /** @private */ this.amount_ = amount; this.currency_ = currency || new tart.CurrencyTL(); }; /** * Converts Money and Currency to Array. * @return {Array} Returns capital and fraction as array. */ tart.Money.prototype.toArray = function() { return [this.getCapital(), this.getFraction()]; }; /** * Gets Capital of money. * @return {string} Returns capital of money. */ tart.Money.prototype.getCapital = function() { return parseInt(this.amount_, 10).toString(); }; /** * @return {string} Returns fraction of money. */ tart.Money.prototype.getFraction = function() { //JavaScript math calculation fix for floating point arithmetic //http://stackoverflow.com/questions/588004/is-javascripts-math-broken/588053#588053 var mathFix = ((this.amount_).toFixed(2) - this.getCapital()).toFixed(2); var result = mathFix.substr(2,2); if (result.length == 1) { result = '0' + result; } return result; }; /** * Gets amount of Money. * @return {number} Returns full amount of money. */ tart.Money.prototype.getAmount = function() { return this.amount_; }; /** * Gets Value of Money. * @return {number} Returns full amount of money. */ tart.Money.prototype.valueOf = function() { return this.getAmount(); }; /** * Gets object of currency. * @return {Object} Returns object of tart.Currency. */ tart.Money.prototype.getCurrency = function() { return this.currency_; }; /** * Gets tart.Currency.convert Method. * @return {string} Returns converted currency. */ tart.Money.prototype.toCurrency = function() { return this.currency_.convert(this); }; ================================================ FILE: tart/mvc/Action.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mvc.Action'); /** * @constructor * @param {Object} params Params. * @param {tart.mvc.LayoutTemplate} layout Layout. * @param {tart.mvc.View} view View. * @param {tart.mvc.Controller} controller Controller. */ tart.mvc.Action = function(params, layout, view, controller) { this.params = params; this.view = view; this.layout_ = layout; this.controller = controller; }; /** * * @param {tart.mvc.LayoutTemplate} layout Layout. */ tart.mvc.Action.prototype.setLayout = function(layout) { this.layout_ = layout; }; /** @nosideeffects */ tart.mvc.Action.prototype.params; /** @nosideeffects */ tart.mvc.Action.prototype.layout; /** @nosideeffects */ tart.mvc.Action.prototype.view; /** * @return {tart.mvc.LayoutTemplate} The layout template (whether custom or default) that belongs to the action. */ tart.mvc.Action.prototype.getLayout = function() { return this.layout_; }; /** * Deconstructor method of this action. Developers should override this property in an action function like; * * this.deconstructor = function() {} * * and should deallocate the memory they have used in the action. This is also helpful for resolving issues that arise * because of tartMVC's statefullness; such as removed but dangling DOM nodes, etc. */ tart.mvc.Action.prototype.deconstructor = null; /** * @return {tart.mvc.ViewTemplate} The view script that belongs to the action. */ tart.mvc.Action.prototype.getViewScript = function() { if (!this.viewScript_) throw new tart.Err('No view script set for the action', 'tartMVC Action Exception'); return this.viewScript_; }; /** * Sets the action's view script. * @param {tart.mvc.ViewTemplate} viewScript view script. */ tart.mvc.Action.prototype.setViewScript = function(viewScript) { this.viewScript_ = viewScript; }; ================================================ FILE: tart/mvc/Application.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This class implements the base application. The users of tart.mvc should extend this class * in order to create their own MVC application. */ goog.require('goog.History'); goog.require('goog.debug.ErrorHandler'); goog.require('goog.events'); goog.require('tart.dom'); goog.require('tart.mvc.Action'); goog.require('tart.mvc.Controller'); goog.require('tart.mvc.IApplication'); goog.require('tart.mvc.Layout'); goog.require('tart.mvc.Model'); goog.require('tart.mvc.Renderer'); goog.require('tart.mvc.uri.Route'); goog.require('tart.mvc.uri.Router'); goog.provide('tart.mvc.Application'); /** * Base application class for tart.mvc. * @constructor * @implements {tart.mvc.IApplication} * @param {HTMLElement=} dom Optional DOM element to render the application in. */ tart.mvc.Application = function(dom) { var uri = new goog.Uri(window.location), uriString = uri.toString(), uriPath = uri.getPath(), myPath = ''; this.id = tart.getUid(); if (dom) this.dom = dom; else { this.dom = /** @type {Element} */(tart.dom.createElement(this.template_container())); goog.dom.appendChild(document.body, this.dom); } if (goog.string.startsWith(uriPath, this.basePath)) { myPath = uriPath.substr(this.basePath.length - 1); if (myPath.length > 1 && !goog.string.endsWith(myPath, '/')) { myPath = myPath + '/'; } uri.setPath(myPath); } if (myPath.length > 1 && (!uri.hasFragment() || uriString.indexOf(myPath) < uriString.indexOf(uri.getFragment()))) window.location = this.basePath + '#!' + myPath; else { if (!this.defaultRoute) throw new tart.Err('No default route is set.', 'tartMVC Application Exception'); var historyCallback, that = this; var hiddenInput = /** @type {HTMLInputElement} */(tart.dom.createElement('input')); /** @private */ this.history_ = new goog.History(false, undefined, hiddenInput); this.initRouting(); /** * every time the URI changes, this.router_ routes the request to the appropriate controller/action. */ goog.events.listen(this.history_, goog.history.EventType.NAVIGATE, this.onNavigate, false, this); this.history_.setEnabled(true); } }; /** * @protected */ tart.mvc.Application.prototype.onNavigate = function() { this.getRouter().route(); }; /** * @return {tart.mvc.Renderer} The renderer instance. This method creates a single renderer instance if it's not * already been created. */ tart.mvc.Application.prototype.getRenderer = function() { if (!this.renderer_) this.renderer_ = new tart.mvc.Renderer(this.defaultLayout, this.dom); return this.renderer_; }; /** * @return {string} Container template for the application. Developers may override this method for their own likes; * or not use it at all if they provide a dom object to this class's constructor. */ tart.mvc.Application.prototype.template_container = function() { return '
'; }; /** * @return {tart.mvc.uri.Router} The router of the application. */ tart.mvc.Application.prototype.getRouter = function() { if (!this.router_) this.router_ = new tart.mvc.uri.Router(this.basePath, this.defaultRoute, this.getRenderer(), this.redirectionType); return this.router_; }; /** * Users of tartMVC should implement this method. It should include all the routing jobs (adding routes to the router) */ tart.mvc.Application.prototype.initRouting = goog.abstractMethod; /** * The base path for the application. If your application will run in the root domain (such as http://www.foo.com) * your application doesn't need to override this property. On the other hand, if it will run in a subdirectory * (such as http://www.foo.com/bar/) you need to override and set this property to the subdirectory (such as '/bar/'). * @type {string} * @protected */ tart.mvc.Application.prototype.basePath = '/'; /** * The default route fallback, which will be used if there are no matching routes found for a given url. * @type {tart.mvc.uri.Route} * @protected */ tart.mvc.Application.prototype.defaultRoute = null; /** * The default layout view of the application. * @protected * @type {tart.mvc.LayoutTemplate} */ tart.mvc.Application.prototype.defaultLayout = function() { }; /** * The default redirection type for an MVC application. * @type {tart.mvc.uri.Router.RedirectionType} * @protected */ tart.mvc.Application.prototype.redirectionType = tart.mvc.uri.Router.RedirectionType.CLASSICAL; ================================================ FILE: tart/mvc/Controller.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mvc.Controller'); /** * @constructor */ tart.mvc.Controller = function() { }; ================================================ FILE: tart/mvc/IApplication.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This file combines the requirements of tart.mvc in a single requirement called tart.mvc so that * projects that use the tart.mvc need only require tart.mvc. It also implements the base application. The users of * tart.mvc should implement this tart.mvc.IApplication class. */ goog.provide('tart.mvc.IApplication'); /** * Base application class for tart.mvc. * @interface */ tart.mvc.IApplication = function() {}; /** * The base path for the application. If your application will run in the root domain (such as http://www.foo.com) * your application doesn't need to override this property. On the other hand, if it will run in a subdirectory * (such as http://www.foo.com/bar/) you need to override and set this property to the subdirectory (such as '/bar/'). */ tart.mvc.IApplication.prototype.basePath; /** * Default scheme for the application. Each application should implement a default controller and an action as these * will be called when there are no matching controller / actions. */ tart.mvc.IApplication.prototype.defaultRoute; ================================================ FILE: tart/mvc/Layout.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview The instances of this class will hold the root HTML markups for the MVC application. */ goog.provide('tart.mvc.Layout'); goog.require('tart.mvc.View'); /** * Layout class. * @constructor * @param {tart.mvc.View} view View instance that will be rendered in this layout. */ tart.mvc.Layout = function(view) { this.view = view; }; /** * Sets the content of the layout. This will generally be the output of a view script associated with an action. * @param {string} content Output of a view script. */ tart.mvc.Layout.prototype.setContent = function(content) { this.content_ = content; }; /** * @return {string} Current content of the layout. */ tart.mvc.Layout.prototype.getContent = function() { return this.content_; }; /** * Renders the layout. */ tart.mvc.Layout.prototype.render = function(body) { if (this.resetLayout == true) { body.innerHTML = this.markup; this.resetLayout = false; goog.typeOf(this.onRender) == 'function' && this.onRender(); } else this.getContentArea(body).innerHTML = this.getContent(); }; /** * If resetLayout is true, the layout will be redrawn upon next action call whatever the circumstance. */ tart.mvc.Layout.prototype.resetLayout = false; /** @nosideeffects */ tart.mvc.Layout.prototype.body; /** @nosideeffects */ tart.mvc.Layout.prototype.contentArea; /** @nosideeffects */ tart.mvc.Layout.prototype.view; /** * Default markup of a layout. */ tart.mvc.Layout.prototype.markup = ''; /** * Default content of a layout. * @private */ tart.mvc.Layout.prototype.content_ = ''; /** * Returns the content are element where the content will be placed. * @param {Element} body * @return {Element} The main element the contents will reside in. */ tart.mvc.Layout.prototype.getContentArea = function(body) { if (!this.contentArea) { this.contentArea = body.querySelector('[id="content"]'); if (!this.contentArea) { this.contentArea = body; } } return this.contentArea; }; /** * @nosideeffects */ tart.mvc.Layout.prototype.onRender; /** * Deconstructor method of this layout. Developers should override this property in an action function like; * * this.deconstructor = function() {} * * and should deallocate the memory they have used in this layout. This is also helpful for resolving issues that arise * because of tartMVC's statefullness; such as removed but dangling DOM nodes, etc. */ tart.mvc.Layout.prototype.deconstructor = null; ================================================ FILE: tart/mvc/MobileAction.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mvc.MobileAction'); /** * @constructor * @param {Object} params Params. * @param {tart.mvc.LayoutTemplate} layout Layout. * @param {tart.mvc.View} view View. * @param {tart.mvc.Controller} controller Controller. * @extends {tart.mvc.Action} */ tart.mvc.MobileAction = function(params, layout, view, controller) { goog.base(this, params, layout, view, controller); this.refresh = true; }; goog.inherits(tart.mvc.MobileAction, tart.mvc.Action); ================================================ FILE: tart/mvc/MobileRenderer.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mvc.MobileRenderer'); goog.require('tart.mvc.MobileAction'); goog.require('tart.mvc.Renderer'); /** * @constructor * @extends {tart.mvc.Renderer} * @param {tart.mvc.LayoutTemplate} layout The default layout of the application. This layout will be used when an * action chooses not to set its own layout. * @param {Element} dom DOM element this renderer will render the application in. */ tart.mvc.MobileRenderer = function(layout, dom) { goog.base(this, layout, dom); }; goog.inherits(tart.mvc.MobileRenderer, tart.mvc.Renderer); /** * Renders the final view; executing the action and putting the resulting view script in a related layout. * @param {tart.mvc.uri.Router} router Application's router. */ tart.mvc.MobileRenderer.prototype.render = function(router) { var oldLayout = this.currentLayout, oldLayoutContext = this.currentLayoutContext, oldViewScript = this.currentViewScript, oldAction = this.currentAction, viewMarkup, layout, view = new tart.mvc.View(), controller = new (router.getController())(), action = this.currentAction = new tart.mvc.MobileAction(router.getParams(), this.defaultLayout, view, controller); // if there is an action already executed and it has a deconstructor, call it. if (oldAction) goog.typeOf(oldAction.deconstructor) == 'function' && oldAction.deconstructor(); if (this.currentLayout && this.currentLayout.beforeViewRender) goog.typeOf(this.currentLayout.beforeViewRender) == 'function' && this.currentLayout.beforeViewRender.call(layout); // execute the action var actionResult = router.getAction().call(action); if (actionResult instanceof tart.mvc.uri.Redirection) { return; } this.currentViewScript = action.view; // generate the view markup viewMarkup = action.getViewScript().call(action.view); if (viewMarkup instanceof tart.mvc.uri.Redirection) { return; } // instantiate the layout, set its content and then markup. layout = new tart.mvc.Layout(action.view); layout.setContent(viewMarkup); this.currentLayout = action.getLayout(); // have to reset the layout if the action's layout is different than the previous one if (this.currentLayout != oldLayout) { layout.resetLayout = true; // if there is a layout already rendered and it has a deconstructor, call it. if (oldLayoutContext) goog.typeOf(oldLayout.deconstructor) == 'function' && oldLayout.deconstructor.call(oldLayoutContext); this.currentLayout.call(layout); } var isSameView = oldAction && oldAction.getViewScript() == action.getViewScript(); // if there is an action already executed and it has a deconstructor, call it. if ((!isSameView || (isSameView && action.refresh != false)) && oldViewScript) goog.typeOf(oldViewScript.deconstructor) == 'function' && oldViewScript.deconstructor(); if (!isSameView || (isSameView && action.refresh != false) || !oldViewScript) layout.render(this.dom_); // call respective render callback functions; if there are any. These let the developers // watch out for rendering events. goog.typeOf(action.view.onRender) == 'function' && action.view.onRender(); if (this.currentLayout.onViewRender) goog.typeOf(this.currentLayout.onViewRender) == 'function' && this.currentLayout.onViewRender.call(layout); this.currentLayoutContext = layout; }; ================================================ FILE: tart/mvc/Model.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mvc.Model'); /** * @constructor */ tart.mvc.Model = function() { }; ================================================ FILE: tart/mvc/README.md ================================================ # tart.mvc Tart MVC framework is a classical web MVC framework for Javascript. The framework is based upon Google Closure Library so it plays very well with Google Closure Compiler. # Idea Tart MVC framework is a micro-framework in that it only provides core MVC functionality without infringing any implementation details, which means, as a developer, you are free to choose your own way of development; therefore there are no such convenient methods as Model.find, etc. The library's main concern is performance, so every care is taken for performance to be bulletproof. ================================================ FILE: tart/mvc/Renderer.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mvc.Renderer'); goog.require('tart.mvc.Action'); goog.require('tart.mvc.Layout'); goog.require('tart.mvc.View'); goog.require('tart.mvc.uri.Redirection'); /** * @constructor * @param {tart.mvc.LayoutTemplate} layout The default layout of the application. This layout will be used when an * action chooses not to set its own layout. * @param {Element} dom DOM element this renderer will render the application in. */ tart.mvc.Renderer = function(layout, dom) { this.defaultLayout = layout; this.dom_ = dom; }; /** * Renders the final view; executing the action and putting the resulting view script in a related layout. * @param {tart.mvc.uri.Router} router Application's router. */ tart.mvc.Renderer.prototype.render = function(router) { var oldLayout = this.currentLayout, oldLayoutContext = this.currentLayoutContext, oldViewScript = this.currentViewScript, oldAction = this.currentAction, viewMarkup, layout, view = new tart.mvc.View(), controller = new (router.getController())(), action = this.currentAction = new tart.mvc.Action(router.getParams(), this.defaultLayout, view, controller); // if there is an action already executed and it has a deconstructor, call it. if (oldAction) goog.typeOf(oldAction.deconstructor) == 'function' && oldAction.deconstructor(); // execute the action var actionResult = router.getAction().call(action); if (actionResult instanceof tart.mvc.uri.Redirection) { return; } // if there is a view script already rendered and it has a deconstructor, call it. if (oldViewScript) goog.typeOf(oldViewScript.deconstructor) == 'function' && oldViewScript.deconstructor(); this.currentViewScript = action.view; // generate the view markup viewMarkup = action.getViewScript().call(action.view); if (viewMarkup instanceof tart.mvc.uri.Redirection) { return; } // instantiate the layout, set its content and then markup. layout = new tart.mvc.Layout(action.view); layout.setContent(viewMarkup); this.currentLayout = action.getLayout(); // have to reset the layout if the action's layout is different than the previous one if (this.currentLayout != oldLayout) { layout.resetLayout = true; // if there is a layout already rendered and it has a deconstructor, call it. if (oldLayoutContext) goog.typeOf(oldLayout.deconstructor) == 'function' && oldLayout.deconstructor.call(oldLayoutContext); this.currentLayout.call(layout); } layout.render(this.dom_); // call respective render callback functions; if there are any. These let the developers // watch out for rendering events. goog.typeOf(action.view.onRender) == 'function' && action.view.onRender(); if (this.currentLayout.onViewRender) goog.typeOf(this.currentLayout.onViewRender) == 'function' && this.currentLayout.onViewRender.call(layout); this.currentLayoutContext = layout; }; ================================================ FILE: tart/mvc/View.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview The View class. */ goog.provide('tart.mvc.View'); /** * @constructor */ tart.mvc.View = function() { }; /** * Deconstructor method of this view. Developers should override this property in an action function like; * * this.deconstructor = function() {} * * and should deallocate the memory they have used in this view. This is also helpful for resolving issues that arise * because of tartMVC's statefullness; such as removed but dangling DOM nodes, etc. */ tart.mvc.View.prototype.deconstructor = null; ================================================ FILE: tart/mvc/mvc.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This file provides a single namespace to include tart.mvc in your application. It also sets the * basic needs such as type definitions. */ goog.require('tart.mvc.Application'); goog.provide('tart.mvc'); /** @typedef {function(this:tart.mvc.Layout)} */ tart.mvc.LayoutTemplate; /** @typedef {function(new:tart.mvc.Controller)} */ tart.mvc.ControllerTemplate; /** @typedef {function(this:tart.mvc.Action)} */ tart.mvc.ActionTemplate; /** @typedef {function(this:tart.mvc.View)} */ tart.mvc.ViewTemplate; ================================================ FILE: tart/mvc/spec/SpecRunner.html ================================================ Jasmine Test Runner ================================================ FILE: tart/mvc/spec/mvcSpec.js ================================================ describe('MVC', function() { var app = new tart.mvc.Application(), basePath = '/', defaultRoute = new tart.mvc.uri.Route({ name: 'default', format: '/', controller: tart.mvc.Controller, action: function() { return 'action1'; } }); describe('MVC Application', function() { it('should instantiate', function() { expect(app instanceof tart.mvc.Application).toBeTruthy(); }); }); describe('URI Router', function() { var router; var controller1, controller2, action1, action2, action3, action4, route1, route2, route3; controller1 = tart.mvc.Controller; action1 = function() { return 'action1'; }; action2 = function() { return 'action2'; }; action3 = function() { return 'action3'; }; action4 = function() { return 'action4'; }; beforeEach(function() { router = new tart.mvc.uri.Router(basePath, defaultRoute); router.setBasePath('/'); route1 = new tart.mvc.uri.Route({ name: 'controller1', format: 'controller1/action1', controller: controller1, action: action1 }); route2 = new tart.mvc.uri.Route({ name: 'controller1.2', format: 'controller1/action2', controller: controller1, action: action2 }); route3 = new tart.mvc.uri.Route({ name: 'controller2', format: 'controller1/action2/*', controller: controller2, action: action3 }); }); it('should set a default basePath', function() { router.setBasePath(''); expect(router.getBasePath()).toEqual('/'); }); it('should set a basePath', function() { router.setBasePath('/test'); expect(router.getBasePath()).toEqual('/test'); }); it('should resolve the default route if no appropriate route is found', function() { router.route('/test'); expect(router.getCurrentRoute()).toEqual(defaultRoute); }); describe('Route logic', function() { beforeEach(function() { router = new tart.mvc.uri.Router('/', defaultRoute); }); it('should add a new route', function() { router.addRoute(route1); expect(router.getRoutes().length).toEqual(1); }); it('should add more routes', function() { router.addRoute(route1); router.addRoute(route2); expect(router.getRoutes().length).toEqual(2); }); it('should set the controller of the route', function() { router.addRoute(route1); router.addRoute(route2); router.route('/#!/controller1/action1/'); expect(router.getController()).toEqual(controller1); }); it('should set the action of the route too', function() { router.addRoute(route1); router.addRoute(route2); router.route('/#!/controller1/action1/'); expect(router.getAction()).toEqual(action1); }); it('should set some params too', function() { router.addRoute(route1); router.addRoute(route2); router.addRoute(route3); router.route('/#!/controller1/action2/key1/value1/key2/value2/'); expect(router.getParams()).toEqual({ 'key1': 'value1', 'key2': 'value2' }); }); }); }); describe('Request', function() { }); }); ================================================ FILE: tart/mvc/test/Bootstrapper.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('mvcapp.Bootstrapper'); goog.require('mvcapp.Application'); /** * Bootstrapper of the example application. * @constructor */ mvcapp.Bootstrapper = function() { new mvcapp.Application(); }; goog.exportSymbol('mvcapp.Bootstrapper', mvcapp.Bootstrapper); ================================================ FILE: tart/mvc/test/application/controllers/GamesController.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('mvcapp.controllers.GamesController'); goog.require('mvcapp.views.layouts.rare'); goog.require('mvcapp.views.scripts.games.index'); goog.require('mvcapp.views.scripts.games.list'); goog.require('tart.mvc.Controller'); /** * @constructor * @extends {tart.mvc.Controller} */ mvcapp.controllers.GamesController = function() { goog.base(this); }; goog.inherits(mvcapp.controllers.GamesController, tart.mvc.Controller); /** * @this {tart.mvc.Action} * @return {tart.mvc.uri.Redirection} This action redirects to 'home anything' route. */ mvcapp.controllers.GamesController.indexAction = function() { this.setViewScript(mvcapp.views.scripts.games.index); this.setLayout(mvcapp.views.layouts.rare); console.log('games index'); this.view.p1 = this.params['p1']; this.view.p2 = this.params['p2']; this.view.a = this.params['a']; this.view.b = this.params['b']; if (this.view.p1 == 'a') return mvcapp.router.redirectToRoute('home anything', {'p1': 'pe1', 'p2': 'pe2', 'c': 'd'}); return null; }; /** * @this {tart.mvc.Action} */ mvcapp.controllers.GamesController.listAction = function() { this.setViewScript(mvcapp.views.scripts.games.list); this.view.vp1 = this.params['param1']; this.view.vp2 = this.params['param2']; console.log('games list'); }; /** * @this {tart.mvc.Action} */ mvcapp.controllers.GamesController.showAction = function() { this.setViewScript(mvcapp.views.scripts.games.index); console.log('games show'); }; ================================================ FILE: tart/mvc/test/application/controllers/IndexController.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('mvcapp.controllers.IndexController'); goog.require('mvcapp.views.scripts.index.list'); goog.require('tart.mvc.Controller'); /** * @constructor * @extends {tart.mvc.Controller} */ mvcapp.controllers.IndexController = function() { goog.base(this); }; goog.inherits(mvcapp.controllers.IndexController, tart.mvc.Controller); /** * @this {tart.mvc.Action} */ mvcapp.controllers.IndexController.indexAction = function() { console.log('Index'); console.log(this); }; /** * @this {tart.mvc.Action} */ mvcapp.controllers.IndexController.listAction = function() { this.setViewScript(mvcapp.views.scripts.index.list); console.log('list'); this.view.id = 'id: 3'; console.log(this); }; /** * @this {tart.mvc.Action} */ mvcapp.controllers.IndexController.showAction = function() { console.log('show'); }; ================================================ FILE: tart/mvc/test/application/mvcapp.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.require('mvcapp.controllers.GamesController'); goog.require('mvcapp.controllers.IndexController'); goog.require('mvcapp.views.layouts.common'); goog.require('tart.mvc'); goog.provide('mvcapp.Application'); /** * @constructor * @extends {tart.mvc.Application} */ mvcapp.Application = function() { mvcapp.app = this; this.defaultRoute = new tart.mvc.uri.Route({ name: 'default', format: '', controller: mvcapp.controllers.IndexController, action: mvcapp.controllers.IndexController.listAction }); goog.base(this); }; goog.inherits(mvcapp.Application, tart.mvc.Application); /** * @inheritDoc */ mvcapp.Application.prototype.basePath = '/tart/mvc/test/'; /** * @inheritDoc */ mvcapp.Application.prototype.defaultLayout = mvcapp.views.layouts.common; /** * @inheritDoc */ mvcapp.Application.prototype.initRouting = function() { var router = this.getRouter(); mvcapp.router = router; router.addRoute(new tart.mvc.uri.Route({ name: 'homeshow', format: 'home/show/', controller: mvcapp.controllers.GamesController, action: mvcapp.controllers.GamesController.showAction })); router.addRoute(new tart.mvc.uri.Route({ name: 'homeList', format: 'home/list/:param1/:param2/', controller: mvcapp.controllers.GamesController, action: mvcapp.controllers.GamesController.listAction })); router.addRoute(new tart.mvc.uri.Route({ name: 'homeList', format: 'home/list/', controller: mvcapp.controllers.GamesController, action: mvcapp.controllers.GamesController.listAction })); router.addRoute(new tart.mvc.uri.Route({ name: 'home anything', format: 'home/list/:p1/:p2/*', controller: mvcapp.controllers.GamesController, action: mvcapp.controllers.GamesController.indexAction })); }; ================================================ FILE: tart/mvc/test/application/views/layouts/common.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('mvcapp.views.layouts.common'); /** * @this {tart.mvc.Layout} */ mvcapp.views.layouts.common = function() { this.markup = '' + '
' + this.getContent() + '
' + ''; }; ================================================ FILE: tart/mvc/test/application/views/layouts/rare.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('mvcapp.views.layouts.rare'); /** * @this {tart.mvc.Layout} */ mvcapp.views.layouts.rare = function() { this.onRender = function() { console && console.log('rare layout render callback'); }; this.markup = '' + this.view.layoutName + '
' + this.getContent() + '
' + ''; }; ================================================ FILE: tart/mvc/test/application/views/scripts/games/index.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('mvcapp.views.scripts.games.index'); /** * @this {tart.mvc.View} * @return {string} Output. */ mvcapp.views.scripts.games.index = function() { this.layoutName = 'layoutname: games index'; var ps = [this.p1, this.p2, this.a, this.b]; if (this.p1 == 'b') return mvcapp.router.redirectToRoute('home anything', {'p1': 'pe3', 'p2': 'pe2', 'c': 'd'}); this.onRender = function() { console && console.log('games index view script render callback'); } return 'games index content ' + ps.join(' ') + ' will be here'; }; ================================================ FILE: tart/mvc/test/application/views/scripts/games/list.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('mvcapp.views.scripts.games.list'); /** * @this {tart.mvc.View} * @return {string} Output. */ mvcapp.views.scripts.games.list = function() { return 'list vp1: ' + this.vp1 + ', vp2: ' + this.vp2; }; ================================================ FILE: tart/mvc/test/application/views/scripts/index/list.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('mvcapp.views.scripts.index.list'); /** * @this {tart.mvc.View} * @return {string} Output. */ mvcapp.views.scripts.index.list = function() { return 'list' + this.id; }; ================================================ FILE: tart/mvc/test/index.html ================================================ ================================================ FILE: tart/mvc/uri/Redirection.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This is a special return value that is used to identify a redirection. If a redirection is in place * the tart.mvc.Router returns an instance of this class, so that the redirector won't resume after the redirection * takes place. */ goog.provide('tart.mvc.uri.Redirection'); /** * Special return value for a redirection in tart.mvc.Router. * @constructor */ tart.mvc.uri.Redirection = function() { }; ================================================ FILE: tart/mvc/uri/Request.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mvc.uri.Request'); goog.require('goog.Uri'); /** * Represents a request made to the application, storing its controller, action and parameters. * @constructor * @param {Location|string} uriString uri to be routed. This can either be a string of the uri or a Location such as * window.location. * @param {tart.mvc.uri.Router} router uri router. */ tart.mvc.uri.Request = function(uriString, router) { var basePath = router.getBasePath(), uri = new goog.Uri(uriString), requestPath; var fragment = uri.getFragment(); //@TODO We should implement pushing extra parameters to the request parameters, as supporting both //"url?key=value" and "url/key/value" var parameters = fragment.split('?'); if (parameters.length > 0) { fragment = parameters[0]; this.customQuery = parameters[1]; } if (uri.hasFragment() && !goog.string.endsWith(basePath, '#!/')) basePath = basePath + '#!/'; requestPath = uri.getPath() + (uri.hasFragment() ? '#' + fragment : ''); if (goog.string.startsWith(requestPath, basePath)) this.path = requestPath.substr(basePath.length); else throw new tart.Err('Request cannot be handled by application.', 'Request Error'); if (!goog.string.endsWith(this.path, '/')) this.path += '/'; this.fragments = this.path.split('/'); this.fragments = goog.array.filter(this.fragments, function(el) { return (el != ''); }); }; /** * @type {?string} Custom query field of Request object. This field holds extra parameter which followed by "?". */ tart.mvc.uri.Request.prototype.customQuery = null; ================================================ FILE: tart/mvc/uri/Route.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.mvc.uri.Route'); goog.require('tart.Err'); /** * Represents a request made to the application, storing its controller, action and parameters. * @constructor * @param {tart.mvc.uri.routeTemplate} template uri route template object. */ tart.mvc.uri.Route = function(template) { this.name = template.name; this.controller = template.controller; this.action = template.action; this.setFormat(template.format); }; /** * Parses a route's human readable format into hard-core RegExp. * @param {string} format Route's format. */ tart.mvc.uri.Route.prototype.setFormat = function(format) { this.templateFormat = format; var fields, wildchars; wildchars = format.match(/\*/g); if (wildchars && wildchars.length > 1) throw new tart.Err('Route cannot contain more than one wildchar.', 'Routing Error'); if (goog.string.endsWith(format, '/') == false) format += '/'; format = '^' + format + '$'; format = format.replace(/\*/g, '(.*?)'); fields = format.match(/((:\w+)|\(\.\*\?\))/g); if (fields) { this.params = []; format = format.replace(/(:\w+)/g, '([^?#\/]+)'); for (var i = 0, l = fields.length; i < l; i++) { this.params.push(fields[i].substr(1)); } } format = format.replace(/\//g, '\\/'); this.format = new RegExp(format); }; /** @typedef * {{ * name: string, * format: string, * controller: function(new:tart.mvc.Controller), * action: function(this:tart.mvc.Action) * }} * **/ tart.mvc.uri.routeTemplate; ================================================ FILE: tart/mvc/uri/Router.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview URI Router class that takes a given URI and resolves the necessary controller / action. */ goog.provide('tart.mvc.uri.Router'); goog.require('goog.array'); goog.require('goog.object'); goog.require('tart.mvc.uri.Redirection'); goog.require('tart.mvc.uri.Request'); /** * Router class that is responsible for routing the incoming request to appropriate controller and actions * with appropriate parameters. * The application routes are added to the Router instance and every time the URI * changes, it routes the request to the appropriate controller/action. * @param {string} basePath The URI to parse. * @param {tart.mvc.uri.Route} defaultRoute Default URI route that is used as fallback when no appropriate * controller/action is found. * @param {tart.mvc.Renderer} renderer Renderer instance to actually execute the routing and draw the layout and view. * @param {tart.mvc.uri.Router.RedirectionType=} redirectionType How the redirection will affect the url. By default, all * redirections change the url. * @constructor */ tart.mvc.uri.Router = function(basePath, defaultRoute, renderer, redirectionType) { this.setBasePath(basePath); /** * @type {Array.} * @private */ this.routes_ = []; this.defaultRoute = defaultRoute; this.addRoute(this.defaultRoute); this.renderer_ = renderer; this.redirectionType = redirectionType || tart.mvc.uri.Router.RedirectionType.CLASSICAL; }; /** * Constant values for redirection types. * CLASSICAL makes all redirections with the url changing and reflecting the new path. * SILENT_ALL makes all redirections without the url changing. * SILENT_ONLY_DEFAULT makes only the error redirections silent. All the other ones are CLASSICAL. * * @enum */ tart.mvc.uri.Router.RedirectionType = { CLASSICAL: 0, SILENT_ALL: 1, SILENT_ONLY_DEFAULT: 2, SILENT: 3 }; /** * Responsible for routing the incoming request to appropriate controller and actions with appropriate parameters. * The application routes are added to the uri.Router instance. * @param {string=} uri The URI to parse. */ tart.mvc.uri.Router.prototype.route = function(uri) { var route; try { this.request = new tart.mvc.uri.Request(uri || window.location, this); route = this.resolve_(this.request); } catch (e) { this.redirectToRoute(this.getDefaultRoute()); return; } this.setCurrentRoute_(route); this.process_(this.request); this.renderer_.render(this); }; /** * Redirects to a given route with given parameters. * * @param {tart.mvc.uri.Route|string} route The name of the route the redirection will be made to. * This method will first search for the given route and may throw a tart.Err if the requested route is undefined. * @param {Object.=} params The object that contains parameters to be sent to the route. Make sure that * the parameters fully match the route's requirements, otherwise a tart.Err may be thrown. * @param {tart.mvc.uri.Router.RedirectionType=} redirectionType How the redirection will affect the url. * @return {tart.mvc.uri.Redirection} Explicitly make known that this is a redirection, so that the redirector stops * execution after this action. */ tart.mvc.uri.Router.prototype.redirectToRoute = function(route, params, redirectionType) { var url, validParams, customParamArray = [], routeContainsCustomParams, requestParams = {}, paramsLength, routeParams, silentRedirect = false; if (params && goog.typeOf(params) == 'object') requestParams = params; paramsLength = goog.object.getCount(requestParams); if (route instanceof tart.mvc.uri.Route) route = route.name; try { route = this.getRoute(route); } catch (e) { throw e; } if (( redirectionType && redirectionType != tart.mvc.uri.Router.RedirectionType.CLASSICAL) || redirectionType == tart.mvc.uri.Router.RedirectionType.SILENT || this.redirectionType == tart.mvc.uri.Router.RedirectionType.SILENT_ALL || (this.redirectionType == tart.mvc.uri.Router.RedirectionType.SILENT_ONLY_DEFAULT && route == this.getDefaultRoute())) { silentRedirect = true; } // we'll construct the url in this variable and we start with the given template of a route. url = route.templateFormat; routeContainsCustomParams = url.indexOf('*') > -1; // find required parameters with ":paramName" notation. routeParams = url.match(/:\w+/g); if (routeParams) { // validParams is true whenever each and every one of those required parameters are present in params array. validParams = goog.array.every(routeParams, function(routeParam) { return routeParam.substr(1) in requestParams; }); // check number of parameters match. if (!routeContainsCustomParams && paramsLength != routeParams.length || routeContainsCustomParams && paramsLength <= routeParams.length) validParams = false; // if parameters do not match the route's requirements; throw an error. if (!validParams) throw new tart.Err('Given parameters do not match the required parameters of the route', 'Routing Error'); // replace route parameters with their equivalents in params object. goog.array.forEach(routeParams, function(routeParam) { routeParam = routeParam.substr(1); url = url.replace(':' + routeParam, requestParams[routeParam]); delete requestParams[routeParam]; }); // convert all remaining custom parameters to an array for easier addition to url. if (routeContainsCustomParams) for (var key in requestParams) customParamArray.push(key, requestParams[key]); } // construct the final url by replacing custom parameter placeholder with custom parameters url = this.getBasePath() + '#!/' + url.replace('*', customParamArray.join('/')); if (silentRedirect) // route the request but don't change the url. this.route(url); else // set the url. Since the application listens url changes; it will trigger the correct redirection window.location = url; // since this is a redirection; return a proof that it really is; so that a renderer knows a redirection took place // and doesn't go on executing the previous action / view scripts' remaining tasks. if (!this.redirectionReturnValue) this.redirectionReturnValue = new tart.mvc.uri.Redirection(); return this.redirectionReturnValue; }; /** * Redirects to a given controller and action with given parameters. This method is a convenience method for * redirectToRoute in that one may use without hard-coding the name of the route. Keep in mind that there still * needs to be an actual route that will resolve to the given controller and action. * * @param {tart.mvc.ControllerTemplate} controller The controller child class that the redirection will resolve to. * @param {tart.mvc.ActionTemplate} action The action that the redirection will reeolve to. * @param {Object.=} params The object that contains parameters to be sent to the route. Make sure that * the parameters fully match the route's requirements, otherwise a tart.Err may be thrown. * @param {tart.mvc.uri.Router.RedirectionType=} redirectionType How the redirection will affect the url. * @return {tart.mvc.uri.Redirection} Explicitly make known that this is a redirection, so that the redirector stops * execution after this action. */ tart.mvc.uri.Router.prototype.redirectToAction = function(controller, action, params, redirectionType) { var route = goog.array.find(this.getRoutes(), function(route) { return route.controller = controller && route.action == action; }); return this.redirectToRoute(route.name, params, redirectionType); }; /** * Set base path * * @param {string} path uri base path. */ tart.mvc.uri.Router.prototype.setBasePath = function(path) { this.basePath = path || '/'; }; /** * Return uri base path * * @return {string} uri base path. */ tart.mvc.uri.Router.prototype.getBasePath = function() { return this.basePath; }; /** * Resolves routes. * If the request matches any route, this function resolves it. Or else, it will throw a tart.Err. * @private * @param {tart.mvc.uri.Request} request Request to look for a route match. * @return {?tart.mvc.uri.Route} Resolved route that holds the details of handling the request. Note that this * function never returns null; this is a Google Closure Compiler fix. */ tart.mvc.uri.Router.prototype.resolve_ = function(request) { var response, route, responseValue, responseArray, that = this; // Find a matching route in our routes list route = goog.array.find(this.routes_, function(/** tart.mvc.uri.Route */ route) { if (response = request.path.match(route.format)) { // response holds the parameters if the format matches var fragments = []; for (var i = 0; i < response.length - 1; i++) { responseValue = response[i + 1]; // the first item will be the full uri so skip it. responseArray = responseValue.split('/'); /* if the parameter contains a slash, this means a wildchar was used; so we have to turn each of them into real parameters. */ if (responseArray.length > 1) { that.fixOddParams_(responseArray); // there can be an odd number of parameters so let's fix them fragments = fragments.concat(responseArray); } else /* no slashes, this is a valid parameter, so we should add it (responseValue) with its respective owner that was given as :name (route.params[i]) */ fragments.push(route.params[i], responseValue); } request.params = fragments; return true; } return false; }); if (!route) throw new tart.Err('The request cannot be resolved to a route.', 'Routing Error'); if (route instanceof tart.mvc.uri.Route) // workaround for casting goog.array.find return type to route. return route; return null; }; /** * This function sets the current route and the related controllers, actions and parameters. * @private * @param {tart.mvc.uri.Request} request Request to be processed. */ tart.mvc.uri.Router.prototype.process_ = function(request) { var route = this.getCurrentRoute(); this.setController_(route.controller); this.setAction_(route.action); this.setParams_(request.params); this.setCustomQuery_(request.customQuery); }; /** * Sets a URL route as the current route. * @param {tart.mvc.uri.Route} route Route to set as the current one. * @private */ tart.mvc.uri.Router.prototype.setCurrentRoute_ = function(route) { this.currentRoute_ = route; }; /** * @return {tart.mvc.uri.Route} the active URI route. */ tart.mvc.uri.Router.prototype.getCurrentRoute = function() { return this.currentRoute_; }; /** * Sets custom query parameter. * @param {?string} customQuery Retrieved key and parameter pair from uri followed by ? to set as customQuery. * @private */ tart.mvc.uri.Router.prototype.setCustomQuery_ = function(customQuery) { this.customQuery_ = customQuery; }; /** * Returns custom query parameter. * @return {?string} customQuery Retrieved key and parameter pair from uri. */ tart.mvc.uri.Router.prototype.getCustomQuery = function() { return this.customQuery_; }; /** * Sets the current controller required by the request. If there are no such controllers, default controller is set. * @private * @param {tart.mvc.ControllerTemplate} controller Controller present on the route. */ tart.mvc.uri.Router.prototype.setController_ = function(controller) { this.controller_ = controller; }; /** * Sets the current action required by the request. If there are no such actions, default action is set. * @private * @param {tart.mvc.ActionTemplate} action Action present on the route. */ tart.mvc.uri.Router.prototype.setAction_ = function(action) { this.action_ = action; }; /** * Sets the parameters. Notice that if there are odd number of parameters, an empty value is added to the end of * the array for convenient operation of sending only the keys (where values are unimportant to the backend) * @private * @param {Array.} paramsArray Array of parameters. */ tart.mvc.uri.Router.prototype.setParams_ = function(paramsArray) { var params = {}; if (this.getCurrentRoute() == this.getDefaultRoute()) { this.params_ = {}; return; } if (paramsArray && paramsArray.length > 0) { this.fixOddParams_(paramsArray); params = goog.object.create(paramsArray); } this.params_ = params; }; /** * This little function fixes parameters in case there are odd number of elements so that it's impossible to construct * a valid key value pair. It adds an empty item at the end; making the last item a key with empty value. This is * quite handy when you only want the key present and no value is necessary. * @param {Array} params Request parameters. * @private */ tart.mvc.uri.Router.prototype.fixOddParams_ = function(params) { if (params.length % 2 == 1) params.push(true); }; /** * Returns the active controller. * @return {(function (new:tart.mvc.Controller))} Active controller. */ tart.mvc.uri.Router.prototype.getController = function() { return this.controller_; }; /** * Returns the active action. * @return {Function} Active action. */ tart.mvc.uri.Router.prototype.getAction = function() { return this.action_; }; /** * @return {Object} The active parameters. */ tart.mvc.uri.Router.prototype.getParams = function() { return this.params_; }; /** * Adds a route to the router. * @param {tart.mvc.uri.Route} route Route to be added. */ tart.mvc.uri.Router.prototype.addRoute = function(route) { this.routes_.push(route); }; /** * @return {Array.} The array of routes in this router. */ tart.mvc.uri.Router.prototype.getRoutes = function() { return this.routes_; }; /** * Returns a route with a given name. If no matching route is found, this method throws a tart.Err. * @param {string} name Route name to look up. * @return {?tart.mvc.uri.Route} Route with the given name. Note that this function never returns null; this is a * Google Closure Compiler fix. */ tart.mvc.uri.Router.prototype.getRoute = function(name) { var route = goog.array.find(this.getRoutes(), function(route) { return route.name == name; }); if (!route) throw new tart.Err('Route name "' + name + '" cannot be found', 'Routing Error'); if (route instanceof tart.mvc.uri.Route) // workaround for casting goog.array.find return type to route. return route; return null; }; /** * Returns the default route associated with this router. * @return {tart.mvc.uri.Route} Default route. */ tart.mvc.uri.Router.prototype.getDefaultRoute = function() { return this.defaultRoute; }; ================================================ FILE: tart/storage/Storage.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This file provides localStorage extensions that are essential to Tart. Basically, the localStorage * only allows you to store strings. tart.storage.Storage can store any type of object via serialization. * * Example usage: * * var storage = new tart.storage.Storage(); * storage.set('foo', {bar: 'baz'}); * storage.get('foo'); * // you can still iterate through localStorage as before with for .. in; * for (var key in localStorage) { * var object = storage.get(key); * //do something with the object * } */ goog.provide('tart.storage.Storage'); goog.require('goog.json'); /** * Basic local storage class that adds object storage abilities to the standard html5 localStorage by * serializing objects. * @constructor */ tart.storage.Storage = function() { }; /** * Sets a key value pair to the local storage. * @param {string} key Key of the pair to be stored. * @param {*} value Value of the pair to be stored. The value will be stored serialized. */ tart.storage.Storage.prototype.set = function(key, value) { var val; try { val = JSON.stringify(value); } catch (e) { val = goog.json.serialize(value); } localStorage.setItem(key, val); }; /** * Fetches an item from the storage. * @param {string} key Key of the value to be fetched from the storage. * @return {*} Value of the item. */ tart.storage.Storage.prototype.get = function(key) { var rv = null, val = localStorage.getItem(key); try { rv = JSON.parse(val); } catch (e) { rv = goog.json.parse(val); } return rv; }; /** * Remove value from storage. * * @param {string} key Key of the associated pair. */ tart.storage.Storage.prototype.remove = function(key) { localStorage.removeItem(key); }; /** * Clear all values from storage. */ tart.storage.Storage.prototype.clear = function() { localStorage.clear(); }; /** * Get the number of stored key-value pairs. * @return {number} Number of stored elements */ tart.storage.Storage.prototype.getCount = function() { return localStorage.length; }; ================================================ FILE: tart/string/string.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview Provides utility functions for string operations. */ goog.provide('tart.string'); (function() { var loremIpsum = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nisi tortor, porta ac lobortis vel, euismod sit amet turpis. Vivamus tempus turpis velit. Phasellus tincidunt tellus vitae lorem placerat rutrum. Quisque varius purus non nibh molestie eget lacinia neque tristique. Cras nec felis nec lorem egestas egestas quis ut quam. Praesent aliquam bibendum tellus, non pulvinar ante blandit vel. Sed quis mollis nibh. Praesent sagittis, nunc ac dapibus mattis, mi est rhoncus risus, nec volutpat tellus urna at lectus. Sed est enim, vulputate sed consequat sed, rutrum sed tellus. Suspendisse lacinia sapien at libero auctor id condimentum dui lobortis. Curabitur auctor posuere elementum. Cras vestibulum urna eu lectus vestibulum rhoncus. Suspendisse mattis eleifend ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc et nisi ut sapien placerat commodo. In convallis sem orci, convallis auctor orci. Suspendisse sed urna dolor. Suspendisse id dui ante, ac lobortis turpis. Maecenas tristique posuere lacus in venenatis. Aliquam cursus fermentum dui vestibulum adipiscing. Duis dui ipsum, tempor et gravida eu, varius id diam. Integer volutpat est eu nunc mollis quis accumsan tellus ultricies. Vestibulum fermentum luctus lacus quis rhoncus. Donec eleifend rutrum urna eget lobortis. Sed vitae erat erat, vel adipiscing mauris. Aenean malesuada posuere auctor. Donec in semper nulla. Vivamus venenatis enim ut purus tempor eu posuere mauris ullamcorper. Proin semper felis sit amet urna auctor at hendrerit magna commodo. Maecenas dictum mi nec odio luctus suscipit. Sed mattis, leo sed feugiat pulvinar, quam risus adipiscing mi, vitae pretium erat metus ac risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel velit quis arcu venenatis elementum quis vitae libero. Maecenas rutrum, erat et porta hendrerit, felis eros scelerisque erat, in venenatis lacus est in leo. Fusce ac ante quis ipsum interdum interdum non ac quam. Sed nulla quam, gravida quis dapibus vel, pharetra ac elit. Curabitur sed metus eu enim eleifend hendrerit id id lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis feugiat diam nec lorem tempus aliquet. Mauris imperdiet, mauris sit amet viverra dignissim, augue elit pellentesque sapien, eget blandit turpis nunc sed est. Praesent lacinia sapien in mi molestie sit amet posuere lacus vehicula. Aliquam quam ligula, aliquam id dictum vel, vehicula sed ipsum. Aliquam vestibulum eros id erat mattis imperdiet. In pretium, ante sed rhoncus tincidunt, mauris felis porttitor felis, sed tempor elit libero eu arcu. Phasellus molestie, ligula sit amet placerat tincidunt, tortor elit tristique arcu, eu eleifend massa nisi ut leo. Nulla sagittis erat eget nulla cursus tristique. Mauris turpis arcu, rhoncus nec hendrerit a, tincidunt in lorem. Praesent dapibus mauris nec risus vestibulum feugiat. Vestibulum ac sem leo. Quisque sodales rutrum purus a egestas. Duis placerat, ante et viverra molestie, augue neque faucibus tortor, sit amet pellentesque ante nulla vel ante'; var loremIpsumArray = loremIpsum.split('. '); tart.string.loremIpsum = function() { var random = Math.round(Math.random() * loremIpsumArray.length); return loremIpsumArray[random] + '.'; } })(); /** * This function helps to decode url parameters back to a javascript object. * * For example, a%5Bb%5D%5B%5D=1&a%5Bb%5D%5B%5D=2 is deparam'med to * { a: { b: ["1", "2"] } } * * This function is a modified form of an answer by Jacky Li to the question in * http://stackoverflow.com/questions/1131630/javascript-jquery-param-inverse-function * * This version would fail on a param like [=]=20. * * @param {string} query Query string to deparam. * @return {Object} Deparameterized string. */ tart.string.deparam = function(query) { var setValue = function(root, path, value) { if (path.length > 1) { var dir = path.shift(); if (typeof root[dir] == 'undefined') { root[dir] = (path[0] == '' || parseInt(path[0], 10) == path[0]) ? [] : {}; } arguments.callee(root[dir], path, value); } else { if (root instanceof Array) { root.push(value); } else { root[path] = value; } } }; var nvp = query.split('&'); var data = {}; for (var i = 0; i < nvp.length; i++) { var equalsIndex = nvp[i].lastIndexOf('='); var pair = [nvp[i].substr(0, equalsIndex), nvp[i].substr(equalsIndex + 1)]; //var pair = nvp[i].split('='); var name = decodeURIComponent(pair[0]); var value = decodeURIComponent(pair[1]); var path = name.match(/(^[^\[]+)(\[.*\]$)?/); var first = path[1]; if (path[2]) { //case of 'array[level1]' || 'array[level1][level2]' path = path[2].match(/(?=\[(.*)\]$)/)[1].split(']['); } else { //case of 'name' path = []; } path.unshift(first); setValue(data, path, value); } return data; }; ================================================ FILE: tart/tart.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview tartJS base. */ goog.provide('tart'); /** @typedef {Object} */ tart.JSON; (function() { var counter = Math.floor(Math.random() * 2147483648); tart.getUid = function() { return (counter++).toString(36); } })(); /** * @typedef {{method, headers, url, data}} */ tart.XhrOptions; /** * @typedef {function(boolean=, Object=, number=)} */ tart.XhrCallback; /** * Makes XHR requests with given options. This is * * @param {tart.XhrOptions|string} options Options for this method. This can also be a simple string denoting the URL. * @param {tart.XhrCallback=} opt_callback Callback to execute when the request ends. * It will be invoked with errors, data and status code. * @param {Object=} opt_context The context of the callback to be applied. */ tart.xhr = function(options, opt_callback, opt_context) { var req = new XMLHttpRequest(), opts = options; if (typeof options == 'string') opts = { url: options }; opts.method = opts.method || 'GET'; opts.headers = opts.headers || {}; if ((opts.method == 'PUT' || opts.method == 'POST') && !opts.headers['Content-Type'] && typeof opts.data == 'object') opts.headers['Content-Type'] = 'application/json'; req.open(opts.method, opts.url, true); Object.keys(opts.headers).forEach(function(key) { req.setRequestHeader(key, opts.headers[key]); }); req.onreadystatechange = function(e) { if (req.readyState != 4) return; var data, err = false; if ([200, 304].indexOf(req.status) == -1) err = true; try { data = JSON.parse(e.target.response); } catch (ex) { data = e.target.response; } opt_callback && opt_callback.call(opt_context || goog.global, err, /** @type {Object} */(data), req.status); }; req.withCredentials = true; req.send(JSON.stringify(opts.data)); }; ================================================ FILE: tart/ui/Component.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This class offers a component architecture for projects that include highly interactive user * interfaces. Unlike tart.Component which features a classical MVC role seperation - with 5 or 6 classes, which is * also a heavy implementation - tart.ui.Component uses 3 classes and joins the roles of the Template, View and * Controller into one Component class. * * The other roles help responsibility seperation that is necessary enough for a UI component. * * The Component class is useful for event management; it listens to DOM events, map these to related functions in the * model and vice versa. * * The model is responsible for all the states of the component and the business logic. * The component shouldn't keep state and should be as dummy as possible; any state change on the model is dispatched * via an event to the Component class to update itself. This decoupled architecture makes it possible that business * critical unit tests of the component can run fully functionally without a DOM. The model may also be responsible for * dealing with the data in any way (remote requests, other events to other modules in the system, etc). * * Finally, the third, optional class is a value class, which is like a POJO. It keeps all the related data in an * instance. This allows one to exchange data in the application with very lightweight data objects - make it through a * constructor class and you get to keep object oriented design. * * So, the data the component displays or deals with resides in a value class. The model keeps its state and business * logic, and the Component class makes the representation. */ goog.provide('tart.ui.Component'); goog.require('goog.events.EventTarget'); goog.require('tart'); goog.require('tart.dom'); /** * The component class useful for building small and single responsible UI components. * @constructor * @extends {goog.events.EventTarget} */ tart.ui.Component = function() { this.id = tart.getUid(); this.element = /** @type {Element} */(tart.dom.createElement(this.templates_base())); this.createElements(); this.bindModelEvents(); this.bindDomEvents(); }; goog.inherits(tart.ui.Component, goog.events.EventTarget); /** * Returns the dom element attached with the Component instance. * @return {Element} Returns the root DOM element. */ tart.ui.Component.prototype.getElement = function() { return this.element; }; /** * Listens to the model's events. This method should be overriden by the implementer, and should keep the model's event * listeners. * @protected */ tart.ui.Component.prototype.bindModelEvents = function() { }; /** * Listens to DOM events. This method should be overriden by the implementer, and should keep the component's DOM * event bindings. * @protected */ tart.ui.Component.prototype.bindDomEvents = function() { }; /** * Creates the necessary DOM elements and appends them to the root element. This method should be overriden by the * implementer. */ tart.ui.Component.prototype.createElements = function() { }; /** * Template of the root element. This method can be overridden if necessary. Other templates should be named with the * templates_ prefix as necessary. * @return {string} Root element's tempalte. */ tart.ui.Component.prototype.templates_base = function() { return '
'; }; ================================================ FILE: tart/ui/ComponentManager.js ================================================ // Copyright (c) 2009-2012 Techinox Information Technologies (http://www.techinox.com) // Techinox Commercial License // // @author Armagan Amcalar goog.provide('tart.ui.ComponentManager'); goog.require('tart.events'); goog.require('goog.array'); goog.require('goog.events.EventType'); goog.require('tart.events.HoverHandler'); goog.require('tart.events.GestureHandler'); /** * @fileoverview Registry for tart.ui.DlgComponent. Manages DOM event interactions for these components. */ /** * * @constructor */ tart.ui.ComponentManager = function() { /** @type {Object.} */ this.components = {}; this.gestureHandler = tart.events.GestureHandler.getInstance(); this.hoverHandler = new tart.events.HoverHandler(); goog.events.listen(document.body, tart.ui.ComponentManager.eventTypes, this); goog.events.listen(this.hoverHandler, [tart.events.EventType.MOUSEENTER, tart.events.EventType.MOUSELEAVE], this); }; goog.addSingletonGetter(tart.ui.ComponentManager); /** * Returns parent components (if available) of a given DOM node. * * * @param {Node} child DOM node that will be used for finding parent components. * @return {Array.} Parent components. */ tart.ui.ComponentManager.prototype.getParentComponents = function(child) { var node = child, cmps = [], cmp, ids; if (ids = node.getAttribute && node.getAttribute('data-cmp')) { ids.split(',').forEach(function(id) { if (id) cmps.push(this.components[id]); }, this); return cmps; } ids = []; do { if (cmp = this.components[node.id]) { cmps.push(cmp); ids.push(node.id); } } while (node = node.parentNode); child.setAttribute('data-cmp', ids.join(',')); return cmps; }; /** * Keeps event types. * @type {Array.} */ tart.ui.ComponentManager.eventTypes = [ goog.events.EventType.CLICK, goog.events.EventType.MOUSEOVER, goog.events.EventType.MOUSEOUT, goog.events.EventType.MOUSEMOVE, goog.events.EventType.MOUSEDOWN, goog.events.EventType.MOUSEUP, tart.events.EventType.MOUSEENTER, tart.events.EventType.MOUSELEAVE, tart.events.EventType.TAP, tart.events.EventType.LONG_TAP, tart.events.EventType.SWIPE_LEFT, tart.events.EventType.SWIPE_RIGHT, tart.events.EventType.SWIPE_UP, tart.events.EventType.SWIPE_DOWN, goog.events.EventType.SCROLL, goog.events.EventType.KEYUP, goog.events.EventType.KEYPRESS, goog.events.EventType.FOCUSIN, goog.events.EventType.FOCUSOUT, goog.events.EventType.TOUCHSTART, goog.events.EventType.TOUCHMOVE, goog.events.EventType.TOUCHEND ]; /** * @param {goog.events.BrowserEvent} e Browser event to be executed. */ tart.ui.ComponentManager.prototype.handleEvent = function (e) { var cmps = this.getParentComponents(e.target), broken = false; do { if (broken) break; if (e.type == tart.events.EventType.MOUSEENTER || e.type == tart.events.EventType.MOUSELEAVE) { if (e.relatedTarget && !goog.dom.contains(e.target, e.relatedTarget)) { broken = this.callHandlers_(cmps, e); } } else { broken = this.callHandlers_(cmps, e); } } while (e.target = e.target.parentNode); }; /** * Given a list of components, checks whether any component would respond to the given event and if so, executes the * event handler defined in the component. * * @private * * @param {Array.} cmps Array of components to look for handlers about the event's target. * @param {goog.events.BrowserEvent} e Browser event that will be executed for the target. */ tart.ui.ComponentManager.prototype.callHandlers_ = function(cmps, e) { var broken = false; for (var i = 0; i < cmps.length; i++) { var cmp = cmps[i]; var handlers = cmp && cmp.events && cmp.events[e.type]; if (!handlers) continue; var selectors = goog.object.getKeys(handlers); if (this.callHandler_(cmp, e, handlers, selectors) === false) { broken = true; break; } } return broken; }; /** * @private * * @param cmp * @param e * @param handlers * @param selectors * @return {boolean} */ tart.ui.ComponentManager.prototype.callHandler_ = function(cmp, e, handlers, selectors){ var rv = true; goog.array.forEach(selectors, function(selector) { // event's target equals to handler's selector if (this.matchesSelector(e.target, selector)) { rv = handlers[selector].call(cmp, e); } }, this); return rv; }; /** * * @param el * @param selector * @return {*} */ tart.ui.ComponentManager.prototype.matchesSelector = function(el, selector) { return goog.array.indexOf(document.querySelectorAll(selector), el) >= 0; }; /** * Set given component. * @param {tart.ui.DlgComponent} cmp Component which will be set to components. */ tart.ui.ComponentManager.prototype.set = function(cmp) { this.components[cmp.getId()] = cmp; }; /** * Removes given component. * @param {tart.ui.DlgComponent} cmp Component which will be removed from components. */ tart.ui.ComponentManager.prototype.remove = function(cmp) { delete this.components[cmp.getId()]; }; ================================================ FILE: tart/ui/ComponentModel.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This class offers a base class for model implementations. It makes no enforcements as how to shape * your model, it's just a basic container. Subclasses of this class should accept either a JS object or a value class * instance. * * See tart.ui.Component for details on the model's responsibilities. */ goog.provide('tart.ui.ComponentModel'); goog.require('goog.events.EventTarget'); /** * @constructor * @extends {goog.events.EventTarget} */ tart.ui.ComponentModel = function() { goog.base(this); }; goog.inherits(tart.ui.ComponentModel, goog.events.EventTarget); ================================================ FILE: tart/ui/DlgComponent.js ================================================ // Copyright 2011 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview Delegated Component class offers a component architecture that is an improved version of * tart.ui.Component. Like tart.ui.Component, it carries Controller, View and Template in classical MVC role separation. * * Now, this class is not listening to any of dom events itself. Additionally, it uses ComponentManager * which keeps components and controls user interactions of these components. For this * reason templates of all components have to include a unique id attribute. */ goog.provide('tart.ui.DlgComponent'); goog.require('tart.ui.ComponentManager'); goog.require('goog.events.EventTarget'); goog.require('tart'); goog.require('tart.dom'); /** * Base class for all tuttur components. * @extends {goog.events.EventTarget} * @constructor */ tart.ui.DlgComponent = function() { goog.base(this); this.id = tart.getUid(); tart.ui.ComponentManager.getInstance().set(this); this.bindModelEvents(); }; goog.inherits(tart.ui.DlgComponent, goog.events.EventTarget); /** * Returns the dom element attached with the Component instance. * @return {?Element} */ tart.ui.DlgComponent.prototype.getElement = function() { var rv = this.element; if (!rv) rv = this.element = goog.dom.getElement(this.id); return rv; }; /** * Returns base template of component * @return {string} */ tart.ui.DlgComponent.prototype.getPlaceholder = function() { return this.templates_base(); }; /** * Listens to the model's events. This method should be overriden by the implementer, and should keep the model's event * listeners. * @protected */ tart.ui.DlgComponent.prototype.bindModelEvents = function() { }; /** * Returns children of component's element * @param {string} selector Expression which is searching in component element. This is kind of $ for selecting * dom element. * @return {{length: number}} */ tart.ui.DlgComponent.prototype.getChild = function (selector) { var rv = null, el = this.getElement(); if (el) rv = el.querySelectorAll(selector); if (rv.length == 0) rv = null; return rv; }; /** * This method should be called after the DlgComponent is inserted into the document. Any work (rendering child * components, updating DOM, etc.) should be done in this method. * * @param {Element=} opt_base Optional element to render this item into. * @param {number=} opt_index Place to render element in base element's children list. */ tart.ui.DlgComponent.prototype.render = function(opt_base, opt_index) { if (opt_base) { this.element = tart.dom.createElement(this.getPlaceholder()); opt_base.insertBefore(this.element, opt_base.childNodes[opt_index] || null); } }; /** * Returns the id of this component. * @return {string} The id of this component. */ tart.ui.DlgComponent.prototype.getId = function() { return this.id; } /** * Template of the root element. This method can be overridden if necessary. Other templates should be named with the * templates_ prefix as necessary. Also this template carries related component's id. * @return {string} */ tart.ui.DlgComponent.prototype.templates_base = function() { return '
'; }; /** * @override */ tart.ui.DlgComponent.prototype.disposeInternal = function() { tart.ui.ComponentManager.getInstance().remove(this); this.element = null; this.id = null; }; ================================================ FILE: tart/ui/InfiniteScroll/InfiniteScrollComponent.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.InfiniteScrollComponent'); goog.require('goog.async.Throttle'); goog.require('tart.ui.InfiniteScrollComponentModel'); goog.require('tart.ui.DlgComponent'); /** * InfiniteScrollComponent is a small component which checks the scroll position of a given DOM element, and if it's in * an appropriate position, fires a LOAD event for the parent component to act upon. When the parent component is * done loading new items, it should reset this InfiniteScrollComponent with the reset() method. * * @constructor * @extends {tart.ui.DlgComponent} * * @param {Element=} opt_el Optional element to track its scroll. */ tart.ui.InfiniteScrollComponent = function(opt_el) { this.model = new tart.ui.InfiniteScrollComponentModel(); this.model.setParentEventTarget(this); goog.base(this); this.EventType = this.model.EventType; this.throttle = new goog.async.Throttle(this.checkShouldLoadMore_, 100, this); if (opt_el) this.register(opt_el); }; goog.inherits(tart.ui.InfiniteScrollComponent, tart.ui.DlgComponent); /** * Message to show when no more items are available to load. * * @type {string} */ tart.ui.InfiniteScrollComponent.prototype.endOfListText = ''; /** * @override */ tart.ui.InfiniteScrollComponent.prototype.render = function(opt_base, opt_index) { goog.base(this, 'render', opt_base, opt_index); if (!this.el) this.register(this.getElement().parentNode); }; /** * Resets the component state to default. This should be used to signal the end of loading so that this component * can again check for loading. */ tart.ui.InfiniteScrollComponent.prototype.reset = function() { this.model.reset(); }; /** * Registers an element to track its scroll. This can be used for lazily introducing an element to track. * * @param {Node} el Element to track. */ tart.ui.InfiniteScrollComponent.prototype.register = function(el) { this.reset(); this.el = el; goog.events.unlistenByKey(this.scrollListener); this.scrollListener = goog.events.listen(el, goog.events.EventType.SCROLL, this.onScroll_, false, this); }; /** * Scroll event handler for infinite scroll. Fires the throttle to check for the correct load more position. * * @private */ tart.ui.InfiniteScrollComponent.prototype.onScroll_ = function() { this.throttle.fire(); }; /** * If in an appropriate state, checks if the scroll position is right and if so triggers a load more event. * * @private */ tart.ui.InfiniteScrollComponent.prototype.checkShouldLoadMore_ = function() { this.model.triggerShouldCheckState(); if (!this.model.shouldCheck()) return; var el = this.el; if (!el) return; if (el.scrollHeight > el.offsetHeight && // the element can actually scroll el.scrollTop > el.scrollHeight - el.offsetHeight - 400) // and we're in a good position to load more this.model.load(); }; /** * Shows spinner during load. */ tart.ui.InfiniteScrollComponent.prototype.showSpinner = function() { this.getElement().classList.add('spinner'); this.getElement().innerText = ''; this.reset(); }; /** * Shows end of list message if no more items are available. */ tart.ui.InfiniteScrollComponent.prototype.showEndOfList = function() { this.getElement().innerText = this.endOfListText; this.getElement().classList.remove('spinner'); }; /** * @override */ tart.ui.InfiniteScrollComponent.prototype.templates_base = function() { return '
'; }; /** * @override */ tart.ui.InfiniteScrollComponent.prototype.disposeInternal = function() { this.model.dispose(); this.throttle.dispose(); goog.events.unlistenByKey(this.scrollListener); goog.dom.removeNode(this.getElement()); goog.base(this, 'disposeInternal'); }; ================================================ FILE: tart/ui/InfiniteScroll/InfiniteScrollComponentModel.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.InfiniteScrollComponentModel'); goog.require('tart.ui.ComponentModel'); /** * Model for the load more component. Manages loading states to prevent * performance problems like double actions. * * @constructor * @extends {tart.ui.ComponentModel} */ tart.ui.InfiniteScrollComponentModel = function() { this.reset(); }; goog.inherits(tart.ui.InfiniteScrollComponentModel, tart.ui.ComponentModel); /** * Resets the component state to default state. */ tart.ui.InfiniteScrollComponentModel.prototype.reset = function() { this.state_ = this.State.DEFAULT; }; /** * If the component is not in LOADING state, it should check to see if it * should load. This method will be triggered on every scroll event. */ tart.ui.InfiniteScrollComponentModel.prototype.triggerShouldCheckState = function() { if (this.state_ != this.State.LOADING) this.state_ = this.State.SHOULD_CHECK; }; /** * Informs the caller if this model is in an appropriate state for checking * the right (scroll) position. * * @return {boolean} Whether the component should check for the right * (scroll) position. */ tart.ui.InfiniteScrollComponentModel.prototype.shouldCheck = function() { return this.state_ == this.State.SHOULD_CHECK; }; /** * Dispatches a load event to inform the parent component that it's at the end * of a scroll and should load more items. */ tart.ui.InfiniteScrollComponentModel.prototype.load = function() { if (!this.shouldCheck()) return; this.state_ = this.State.LOADING; this.dispatchEvent(this.EventType.SHOULD_LOAD); }; /** * Load more states. * * @enum {string} */ tart.ui.InfiniteScrollComponentModel.prototype.State = { DEFAULT: 'default', SHOULD_CHECK: 'shouldCheck', LOADING: 'loading' }; /** * Event types for this model. * * @enum {string} */ tart.ui.InfiniteScrollComponentModel.prototype.EventType = { SHOULD_LOAD: 'load' }; ================================================ FILE: tart/ui/InfiniteScroll/infinite-scroll.css ================================================ .inf-scroll { display: block; height: 140px; width: 100%; color: rgba(0, 0, 0, 0.48); text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.17); line-height: 140px; font-size: 40px; text-align: center; } .inf-scroll.spinner { position: relative; top: 0; left: 0; height: 96px; width: 100%; background: url(data:image/gif;base64,R0lGODlhIAAgAKUAAAQCBISChMTCxERCROTi5KSipGRmZCQmJJSSlNTS1PTy9LSytHR2dDQ2NIyKjMzKzOzq7GxubJyanNza3Pz6/Ly6vBwaHExOTKyqrDQyNHx+fDw+PISGhMTGxOTm5GxqbCwqLJSWlNTW1PT29LS2tHx6fDw6PIyOjMzOzOzu7HRydJyenNze3Pz+/Ly+vBweHFRWVKyurP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICQAAACwAAAAAIAAgAAAG/kCZcEgkKiIqRXHJbAo7l8vDSRWiIgWiIDodljad6rBgMCSGUOnQlck4xEJCWdMSbgcoIeWSabDgQmQGFXZcQittHIBCRwZJMltqECYZG0pOIgsQRBVlWSgfEWcabRhEIiUuRBwaAQsjQi0lHxh1Qy0ODTC2KQwWFgdEMRrEDh11LB5NBGcUEge/FipFEyfEAQgEYg8b0Q2qSxQCrAGbVSIvwCEUVAoxJIAlKuZitvVNIwQs+vrKiy4LAgYkkQKDhBASDkqIsUhGBgAQI2bAgBBhQoaLHkaEmCEfPxbJGgKMsYAkwSb2qqSkQgHFGTgJULBz0mICiQUkLrW7SYLFhUohHgCWFJBCTAqhC1zQsyKwZ50UOosoKNqCxc2AeYZclRkLoIiULRIktdWyJKEhHhJEnRDwjAcBSmWgCPhniIIE/vDxZOchoDIKexuKXVCXgF8hbBe8hONuLNCS5lpUeBeVitgY9PouyOvh5uIqnbM+3kwEBYmlDWX0xZy6CgUXAmaKCQIAIfkECAkAAAAsAAAAACAAIACFBAIEhIKExMLEREJE5OLkpKakJCYkZGZk1NLU9PL0lJKUVFJUtLa0FBIUNDY0jIqMzMrM7Ors3Nrc/Pr8DA4MTE5MtLK0NDI0fH58nJqcXFpcvL68BAYEhIaExMbEREZE5ObkrKqsLCosbGps1NbU9Pb0VFZUvLq8HBocPD48jI6MzM7M7O7s3N7c/P78nJ6c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv5AmHBIJCYCnVJxyWwKV4cDwkkVkjoWIlRKVJkg1aEFg5EMt1Ohp1LJhIURssIlhETTkwOb8BaOMR5Pd0IhFR9ufTAlHUgJMGgwEQsVGo5OBAIsRB5kWQgBASQwCmxZQxIdgUMvGRkeSjATCgEndEMuGRUjtiwdFxcDRBsKrS8kdAQRTQSiEwUDvxcBRS0FrQohylUrCxciFxWqRS4rrC+aVRIOFykFE1QlG+JVDx3oYbb4TRMgEf392voIOMHgBMENCTZYWMhQQCIYH1BInPhBIcOFGx5GnNgAxQd+IEKGvPdGAIOTDDYwsLQkXxWXVCasSBNmxIGATFxIYGBhZZYYEhwAUFDxbgkIixY2kGwiQASApwYYFFnBkEELOixYFkmgaYIKCk8BHCDC08KKoi4UHiPiAkFKWxEOPG1ABAQCrRIWTgEhYIMyqhZaEEFwQKqTEjwZvAOxEESshYofIlgoGAaBxkLyWqAZJgFGW4wtOIbh4sRCrVQAj4YRenXoFX1AMIA9pLUWBjgfssasO+aGDUXDBAEAIfkECAkAAAAsAAAAACAAIACFBAIEhIKExMLETE5M5OLkbGpsJCIkpKak1NLU9PL0XF5cFBIUlJKUdHZ0NDI0tLa0zMrMVFZU7OrsLCos3Nrc/Pr8nJqcDA4MdHJ0tLK0ZGZkHBocfH58BAYEjIqMxMbEVFJU5ObkbG5sJCYkrKqs1NbU9Pb0ZGJklJaUfHp8PD48vL68zM7MXFpc7O7sLC4s3N7c/P78nJ6cHB4c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv5AmnBIJJpQFlNxyWwKSxwOxUkVwmQCYimQmg5lIkR1KLBYYEOodMg6aUhjocuCIsWeXK8ppdGE4kJlKGI0JSlrNA99cIA0JjIWMkpqUy4iJxgJVCEImkMISFkUKChoMgUnK0QEKBBEDxkZCBVCMSQyH3dDthoBugkoAwMtRCyxGQ8wdyGeSyFoFRkRwgMMRSErxyvNTiUF1CeuSxUUsA/cTTDCIBm0TiYshGMoDOhOumP4RRUhEv39EhrRgCBghYCCHxJkOxYrS6MIDiK+iKhgIUNVjRQ4mBjRgQJ+IUKGdCEQwooPAj6ctFcLkD4qFeIBStEg4L1yyFgWoTBjw5QIC+6uWVxBsgoEFRuSqsDI5liyOy50lnBlwsKIDQs2YHgVi4W7GNlK6IshosMLdy4aJB1BhBM3CrHEhCgY8AQAACi0NGDKxIQ5WiFi/QlxAcCCooAQxEJDg4BgIQEAABDRKEGsFboCZ/hDo8IMAB1KADK2eYhmzjQySKYcJ8QDFm0fD1Fw4YHAa7JvO6mwYkXQKkEAACH5BAgJAAAALAAAAAAgACAAhQQCBISChMTCxERCROTi5KSipCQmJNTS1GRmZPTy9LSytJSSlDQ2NHx+fIyKjMzKzOzq7KyqrNza3GxubPz6/Ly6vBwaHExOTDQyNJyanDw+PISGhMTGxOTm5KSmpCwqLNTW1GxqbPT29LS2tJSWlDw6PIyOjMzOzOzu7KyurNze3HRydPz+/Ly+vBweHFRSVP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJhwSCSKUilKcclsClWZjMpJFXZGB6IkQyIQUxtJdXhQKDpDqHQICjRGY2EiNWqxnlwvjGJqBCBxQmUKYjBQXUICDQ0KgUIiIwojShIkawkbDQ4iVB0HCUQqZicwHUhoKYsPRAQeWUORCgdKMCwtCiB3QywVAQu6CQUICCtEJ2YpFSp3KKBMEF68E8MIBUUdt2YtKGMSDdQNr0UsEpEjzp0hCBMVtE0iJ+JVHgXoVbpj+EUUHRD9/YAcnXjAgeCDBwmymTEjwBGMCRciSpyQjQ6dho4gXhggcQU/fyADBhp48IEAhE30UVHphEK8QA4CcHNCzpy9JioYYNDgwR2MEWzIBMykcuAFhqMXOBQ5ZmbEMhjNmkggRcGDhqMYAhCJdYKWLVz6WDRwMYAWig06Nfz8pMVMlhFHW8BYYcFCBi0bML4zpyQCAACNOhiw8GFonEFTYPgFLGRB3QaO5iiwI2RxIxgiGFhwUWhMmRQiLcN6HOgKqSEp/l4WEsKAXIdfVMOuAuEDA8NUggAAIfkECAkAAAAsAAAAACAAIACFBAIEhIKExMLEREJE5OLkpKKkZGJkJCYklJKU1NLU9PL0VFJUtLK0FBIUdHJ0jIqMzMrMTEpM7OrsNDY0nJqc3Nrc/Pr8DA4MrKqsbGpsXFpcvL68BAYEhIaExMbEREZE5ObkpKakZGZkNDI0lJaU1NbU9Pb0VFZUtLa0HBocfH58jI6MzM7MTE5M7O7sPD48nJ6c3N7c/P78////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7AmXBIJFo2AktxyWwKQQwGyEl9ohJEqJS4gRGqw0R0+hwPYxSKACxURDey8nYmC6VdbCErGhMSzDMsFCQeeUIWKAwoSlpTJjAUBSZUIAkKRDFRLDMSGxt4G4MlRBIMFUSJDAlKdBsMJXFDMh4UGLEmDCoqHUR7USgxcS6XTC4SdB4dugEYRSCub3hVBAgqASoIp0sWFYkoxJTXAR6sTSYsWGxR4FWxYO5FFiAS8/PHhiUJ6OgJJtBRUdYYCiCioAgDIgL8A7jB0IwOCBEW7CAPhEWL0vLk45fAUhN4VEA6sYAuDwkE7JbI6KYoJRMCC1qcYFAuy79PYEqIaBEhgo6ITb0AAovjQduSGFgsMDjBswUCVJpYWTjAwQE8GQ9eLIilAAFPDVk8DlkBAICIGQIGfCikYsSIZmdIQKAi4QKAC8cYpEjRUMKLES9cUhFRdoUQFCkaNJwBw+0DQwnKHmCll++hFiMm9GFDGACDIYgtC9ngOA+DCwaI6FVMRMULgQ5B710c24mEDx8yVgkCACH5BAgJAAAALAAAAAAgACAAhQQCBISChMTCxExOTOTi5KSipGxqbCQiJNTS1PTy9FxeXLSytBQSFJSWlHR2dDQyNAwKDMzKzFRWVOzq7Nza3Pz6/Ly6vIyKjKyqrHRydCwqLGRmZJyenAQGBMTGxFRSVOTm5KSmpGxubCQmJNTW1PT29GRiZLS2tBwaHJyanHx+fDw+PAwODMzOzFxaXOzu7Nze3Pz+/Ly+vIyOjP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJpwSCRWZIJKcclsCkGLBchJfZ4QRKiU2DpNqkNEdPocDydRLJiWiMpi5S0tZokm1sJWFCYkmGkUUS14QhUnCydKWlMlh4lUIAh3QzCCNBMyMi80egt8Qy8CBESHCwhKczILJHBDMWJvhQINKRxcUYgwcC+TSwmbrxwptDJFIKpum1UTGLQNGKNLFRSOvU4TKbUIrU0lLWpgHjIleNxV5kYgE+rqX4QwJBQk8SRHuLgChDQNKioB/SpSILtXjFAKgP4CVgDBsKEyPDDkSSRBjgk6JxebgDCRAU+IAtakXYAAoAMFMCAMbBBhAVWRBQcAyNTgAQwMFSY2bFABToiOApkAWDRQEuHTEgInK1jIkHNDASIkAYhwV2HFARXmYqQYYKBVggI6Ow7BIKJnAxQoHNDw4MLFoBkDBiwgQiBEzyUvRqAYsUnGgwf5XnwY4CJkFQdoUwjx+6AghriK8ZBAuwIV44IVTMSNBgYxihNDGOcT4gEynhMjxC7+W1DIDAkR9BURLbvKCxcKHlYJAgAh+QQICQAAACwAAAAAIAAgAIUEAgSEgoTEwsREQkTk4uSkpqQkIiRkZmTU0tT08vQ0MjS0trSUkpR8enzMyszs6uysrqwsKixsbmzc2tz8+vw8OjycmpwcGhxMTky8vryEhoTExsTk5uSsqqwkJiRsamzU1tT09vQ0NjS8uryUlpR8fnzMzszs7uy0srQsLix0cnTc3tz8/vw8PjycnpwcHhxUUlT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/sCYcEgkUjICSnHJbAo5KBTHSX0uEESolGhaPKpDRHT6REG+ZRQWHEtAFhlWmswaRRNsoRg1mQsnZiB5QiELKAtKWlMUhohUHAh4QytRJjEPGRknMSZRK0QJCGRChmpKMSwZKCByQyxicUIUnYdcURAjK3InkksJmywrpRBrQxyqUZpgJ8goGaNELBONvU4JUQsTrU0hJsVVCCanYNtV5UQnpVHOgzEcBCvwBAQhEQD3+CLtEBYWJP4WIKTAl28fwH4kzphZyG6QvBXxVowrcs5JxSYPVJTIY6jaEgokPFx48anKgwAlNGy4OELEhZctLFUhwKBEiQAM+hCR8PKCiQcXShCUXPIuBoUNGmyWQEFE5IUGm4xiqMCgHIsOH0q0unZTA5EFDQQNKaBAgVcTEiRgcXHgQAYiD1ZROdFCQYtNAjBgcBDjxIcDKjxW0VC2gJANevnGWNC2w6AJIhRgOJV3r6wGbaFRIaxgw5DKijk1zpOhRQAioIlY+PCtXQzEA2S6tiYhcJ4gACH5BAgJAAAALAAAAAAgACAAhQQCBISChMTCxERCROTi5KSipCQmJGRiZJSSlNTS1PTy9LSytBQSFDQ2NHRydFRSVAwKDIyKjMzKzOzq7GxqbJyanNza3Pz6/Ly6vKyqrDQyNDw+PFxaXAQGBISGhMTGxExOTOTm5CwqLGRmZJSWlNTW1PT29LS2tBwaHDw6PHx+fFRWVAwODIyOjMzOzOzu7GxubJyenNze3Pz+/Ly+vKyurP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJtwSCReaIJLcclsCkOLRchJfZ4SRKiU6DpNqsNEdPpc1L7lBRZsU9ROtFmaPMNEFWyheGGZCy1mJXlCJicLJ0paUxeGiFQLFIJDgAsuNhM0NC82LlEyRAoJZEIQAAAwmzYzNFdyQzNicUIXnYdEHKYADCRKL3hMCpszMoZma0M1BrkiH2AvNFELNKNEJhGlHZJUClEnFq5NIQcOeQkuSmzgVepELxjvJ+8Cg5chE/b2FwMo/P0g9NCimRGwjwE/g/8GBXxzSBOGE3AgNht0r2K+JuycZGzyIkCEPAIEmKByIUYKDSkIOKtAIkaCjQJAaJi54piTEBkq6MzwiYiOipkaNmSQU4IakXuqXMQgoZMGkZMNPPy6MOJBDHUzTgTgNUsA0xhEaHjoKWQBCBAIbJQIEKBPDRUqJLQTQJbJixUgHuBxMeIAFgUBVEQYOYjE2QVCJIwYsUYA3BODZDwAccCViwOMZ7UIjAaMYRByhfD1O6TE4zwfHqQdojjzkAwe+tDjQoH07G1sCYMJAgAh+QQICQAAACwAAAAAIAAgAIUEAgSMjozMysxEQkSsrqzk5uRkYmQkJiScnpzc2ty8vrz09vR0cnQUEhRUUlTU0tS0trTs7uxsamw0MjSkpqRcWlwMDgyUlpTk4uTExsT8/vx8enwcGhwEBgTMzsxMTky0srTs6uxkZmQsKiykoqTc3tzEwsT8+vxUVlTU1tS8urz08vRsbmw8OjysqqxcXlycmpx8fnwcHhz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/sCZcEgknhSmU3HJbAoLIFDBSRWCLAYiVEr0QELVoQgAgAy3U2Eo+ggLH+SDcgYlgGcaFQGycgvHAAFPUWkJUR5+ahYAFmBoMwsQIBBzTSobKUQBZCIzIQoKETMeUSVEKw9pQgccHBuiMycHHQwaRBoPIAq2saSTRBKtHAckShkJTSuiGiWSIARtRBAtwgOIVREKUbqqRAsXBw0yyFUrURAJvE0hLDF+KR6VVerzySZI9yYCiZ4FIf7+TqCYQLDgC34mtkUhYGJgQYIHE2nbs0dXhHugMii45uefx4BN6FER6SRCABh+HsSjcoKAgw8OuiU7V4LkDAEiPuiUQI7KladtCu4MCaDzQwUQSkoILRJhCjNnIDjOePnhQp9YMSS4oKchA4ytQk6QIqCCiIALGIioEGGAxIwEFy6YMnEBRqYhKzwsXbKChQgWfVLEiIFsBQIYCOSFISFCRNkZggkL8QADRoZEGBpv4BWZ3AkKdWEtbhzt7QbJQkpUvuzGAwu3Qx4M7jlDAYK0/Ih0zl1lQeUFfoIAACH5BAgJAAAALAAAAAAgACAAhQQCBISChMTCxERCROTi5KSipGRmZCQmJNTS1PTy9LSytJSSlHR2dDQ2NIyKjMzKzOzq7KyqrGxubNza3Pz6/Ly6vBwaHExOTCwuLJyanHx+fDw+PISGhMTGxOTm5KSmpGxqbNTW1PT29LS2tHx6fDw6PIyOjMzOzOzu7KyurHRydNze3Pz+/Ly+vBweHFRWVDQyNJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJlwSCRCYA1UcclsClMAgMJJFY4OKmIkOh2eRpDqkGGxtIZb6dCjUCDEwlC5RBGmu6xKOwEXki0ZQh9cQhMpIyd9QhAHFgdKdzIiIwojdU4CHCtEGWUMMiMYGGcnbZtDCQgeRCVIDkoyFCUuASxELAgjLbaxpZVEGjDCGxG2J6dLCUosK5RtiUQtF8IwL29VKC1tCi2rSxQxG0jITgltIxO8TSgaJn0IJ5di6lX0RAkPHfn5130QHv8CUgBxoaDBLIoEbGuTQgBBgwUR9tF26BA3fPoEPBDQD05AgADlFbHnhGSTBDEivItHhcIICQZAeKOSgNKIFSYRkDDAMwCJuSYQtLVpEYZIDJ4GVFSwRaBosmXNtkETAoJnBD6xTHBYegsBN14USqWoQOTEBwJEOgTQMIVAihSrfJFLNZOJCA4aOPBZkSHDJpeVRIpRoCGAACF8F6CVMaFNxyoQNGhYcImvXyF5DmEdLHnCEMvIPFB67CQEhy6F+pL74lTRZ9WuxYiIkEJEnyAAIfkECAkAAAAsAAAAACAAIACFBAIEhIKExMLEREJE5OLkpKakZGJkJCIklJKU1NLUVFJU9PL0tLa0NDI0FBIUfH58jIqMzMrMTEpM7OrsrK6sbGpsnJqc3NrcXFpc/Pr8PDo8DA4MvL68BAYEhIaExMbEREZE5ObkrKqsZGZkLC4slJaU1NbUVFZU9Pb0vLq8NDY0HBocjI6MzM7MTE5M7O7stLK0bG5snJ6c3N7cXF5c/P78PD48////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7Am3BIJL5AkldxyWwKGatVykkVCmwBIiw6HdI2jOow0GgIhgzHijOkAAAxsfCiIikyzyj7hjq8TXJCHmUFQltSgm9xgTcvNg02SlCIIRsAG0pOESUERAVlHjccAzYfNwZvJUQLCSFECi4uFgtCKAoqCDVENTEdJHg3GS0wMGFDLBLJGAx4LZ1MJhE3NTMMxBQJRREjLhIuFYBVLxzEMByuSxkiJxIKz1QLxAwXuk4vLDKBLQkogfVi/4qw2kfwAqMbE0IkXJjhwYiHECEcJFcOBgUBASA+NCCREUUK1hhwYJWgZIIWBhktVKgQ2JKAVGA6WUChi5iTLplk+ODhQZiATPDkzZB5wwSCB0gRvLNH0dyEIhSQBvAQQdcEoAKVULNGAUa2IR4CPIDRL5gICx8C1kggsp6wkERMwHg6JEEJC2cmcBDwdBiMGataUUEhw4KMfiGIucogL6cYARZKfE0MA90FYl/lvIgsol5iCnRrpABJS46Au4CFUEZ3I4S1zFVmyDgzZDWRFgzoHqxtUffuJhn2OnYSBAAh+QQICQAAACwAAAAAIAAgAIUEAgSMjozMysxEQkS0srTk5uRkYmQkJiScnpz09vR0cnQUEhTU1tRUUlS8vryUlpTs7uxsamw0MjSkpqRcWlwMDgzU0tS8urz8/vx8enwcGhzc3tzExsQEBgSUkpTMzsxMTky0trTs6uxkZmQsKiykoqT8+vzc2txUVlTEwsScmpz08vRsbmw8OjysqqxcXlx8fnwcHhz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCZcEgkrlCvVXHJbAodEknKSRVyUB4iVEpkHRzV4QMEEgy3YGFIo8mEhZsGyIARXqJTmanFZryFHmQEdlFpD2wwf0IrcihKaDIiBwskEFQWEwVEBGRZVygfMixsCEQWESFEESMjLkp6Bg0IdUMmMDEDJkIiIx0AC0QIIwYjCg51DJpMJ6EmAQsA0QZFFhnDIzAbYRwk0QAHg0smISwjEcqXvhUBuk4rJS5/qyJ/tGH2RQknDPv82ooiCgQcaMIDjIMIVSiSkYKAw4cOHiBMuNDBQ4j6TmjU+O9PwAIgQeIjMtJJySYJUnD4Y+FDuyYYPiBQoeIVlRUOQ2w4ucEFic0HLtA5gWDRoQN6WlQ8UIHAQh0INoussIRhQ4iHoYbMVJEigRAMFhngw2AhxDEhJj7kJLIhhaUhJxxakFEgxVEZagl0lLHiA9Im4wiE0FXAoSYTOV++yXtCSGECyuISmPsHJ4GzdA1/veAw6iXNjkFnnvynQIisoSET+RDi78LUQl8zMeGg658gADs=) no-repeat center; } ================================================ FILE: tart/ui/NavBar/NavBarComponent.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.NavBarComponent'); goog.require('tart.ui.DlgComponent'); /** * Includes back button for back navigation. * * @constructor * @extends {tart.ui.DlgComponent} * * @param {tart.ui.NavBarComponent.NavBarOptions=} opt_config Config parameters to * include things like title. */ tart.ui.NavBarComponent = function(opt_config) { goog.base(this); this.config = opt_config || {}; this.hasBackButton = this.config.hasBackButton || this.hasBackButton; this.hasMenuButton = this.config.hasMenuButton || this.hasMenuButton; }; goog.inherits(tart.ui.NavBarComponent, tart.ui.DlgComponent); /** * @typedef {{hasBackButton: (boolean|undefined), hasMenuButton: (boolean|undefined), title: string}} */ tart.ui.NavBarComponent.NavBarOptions; /** * Defines whether the back button is visible. * @type {boolean} */ tart.ui.NavBarComponent.prototype.hasBackButton = false; /** * @override */ tart.ui.NavBarComponent.prototype.templates_base = function() { var backButton = '', menuButton = ''; if (this.hasBackButton) backButton = ''; if (this.hasMenuButton) menuButton = ''; return '' + backButton + menuButton + (this.config.title || '') + ''; }; /** * Back button tap event handler. */ tart.ui.NavBarComponent.prototype.onBackButtonTap = function() { this.vm.push(); }; /** * Menu button tap event handler. Delegates event handling to subclasses via menuButtonHandler method. * @return {undefined} Returns executing menuButtonHandler if available. */ tart.ui.NavBarComponent.prototype.onMenuButtonTap = function() { if (this.menuButtonHandler) return this.menuButtonHandler(); this.vm.toggleSidebar(); }; /** * @enum {string} Dom mapping. */ tart.ui.NavBarComponent.prototype.mappings = { BACK_BUTTON: 'back-button', MENU_BUTTON: 'menu-button' }; (function() { this.events = {}; var tap = this.events[tart.events.EventType.TAP] = {}; tap[this.mappings.BACK_BUTTON] = this.onBackButtonTap; tap[this.mappings.MENU_BUTTON] = this.onMenuButtonTap; }).call(tart.ui.NavBarComponent.prototype); ================================================ FILE: tart/ui/NavBar/nav-bar.css ================================================ nav-bar, back-button, logo, share { display: block; position: absolute; } nav-bar { height: 90px; width: 100%; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,0.8); -webkit-transform: translate3d(0,0,99999px) } logo { left: 50%; margin-left: -39px; height: 100px; font-size: 78px; padding-top: 3px; display: block; position: absolute; text-shadow: 0 0 5px rgba(0, 0, 0, 0.14); } menu-button { right: 0px; height: 90px; font-size: 50px; padding-top: 5px; display: block; position: absolute; text-shadow: 0 0 5px rgba(0,0,0,.14); width:100px; } back-button { height: 90px; width: 110px; font-size: 36px; padding: 3px 36px; text-align: left; display: none; } ================================================ FILE: tart/ui/PullToRefresh/P2RComponent.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.P2RComponent'); goog.require('goog.async.Throttle'); goog.require('tart.ui.P2RComponentModel'); goog.require('tart.ui.DlgComponent'); /** * P2RComponent is a small component which checks the scroll position of a given DOM element, and if it's in * an appropriate position, fires a REFRESH event for the parent component to act upon. When the parent component is * done with refreshing, it should reset this P2RComponent with the reset() method. * * @constructor * @extends {tart.ui.DlgComponent} * * @param {Element=} opt_el Optional element to track its scroll. */ tart.ui.P2RComponent = function(opt_el) { this.model = new tart.ui.P2RComponentModel(); this.model.setParentEventTarget(this); goog.base(this); this.EventType = this.model.EventType; if (opt_el) this.register(opt_el); }; goog.inherits(tart.ui.P2RComponent, tart.ui.DlgComponent); /** * Threshold value for the release action. Releases after this threshold will trigger a refresh. * * @type {number} */ tart.ui.P2RComponent.prototype.threshold = 135; /** * Height of this component. This setting is used to offset the scroll view while refreshing. * * @type {number} */ tart.ui.P2RComponent.prototype.height = 96; /** * Start position of the arrow. This is adjusted for a spring-like effect. * * @type {number} */ tart.ui.P2RComponent.prototype.arrowOffset = -40; /** * @override */ tart.ui.P2RComponent.prototype.bindModelEvents = function() { goog.events.listen(this.model, this.model.EventType.SHOULD_REFRESH, this.onShouldRefresh, false, this); }; /** * Triggered when the components decides a refresh action. This method should be overridden * to, for example, display a spinner animation during refresh. */ tart.ui.P2RComponent.prototype.onShouldRefresh = function() { this.el.style.webkitTransform = 'translateY(' + this.height + 'px)'; this.el.style.webkitTransition = '300ms ease-out'; this.getChild(this.mappings.SPINNER)[0].style.visibility = 'visible'; this.getChild(this.mappings.ARROW)[0].style.visibility = 'hidden'; }; /** * @override */ tart.ui.P2RComponent.prototype.render = function(opt_base, opt_index) { goog.base(this, 'render', opt_base, opt_index); this.rendered = true; if (!this.el) this.register(this.getElement().parentNode); }; /** * Resets the component state to default. This should be used to signal the end of refreshing so that this component * can again check for pull to refresh. */ tart.ui.P2RComponent.prototype.reset = function() { if (this.el) this.el.style.webkitTransform = 'translateY(0)'; var spinner = this.getChild(this.mappings.SPINNER); var arrow = this.getChild(this.mappings.ARROW); if (spinner) spinner[0].style.visibility = 'hidden'; setTimeout(function() { if (arrow) arrow[0].style.visibility = 'visible'; }, 500); this.model.reset(); }; /** * Registers an element to track its scroll. This can be used for lazily introducing an element to track. * * @param {Node} el Element to track. */ tart.ui.P2RComponent.prototype.register = function(el) { this.reset(); this.el = el; goog.events.unlistenByKey(this.scrollListener); goog.events.unlistenByKey(this.releaseListener); this.scrollListener = goog.events.listen(el, goog.events.EventType.SCROLL, this.onScroll, false, this); this.releaseListener = goog.events.listen(document.body, goog.events.EventType.TOUCHEND, this.onRelease_, false, this); }; /** * Scroll event handler for pull to refresh. * * @param {goog.events.BrowserEvent} e Scroll event object. */ tart.ui.P2RComponent.prototype.onScroll = function(e) { this.checkShouldRefresh(e); var rot = 0, scroll = -e.target.scrollTop, pos = this.arrowOffset + Math.pow(scroll, 0.75), rotationThreshold = this.threshold - 60; if (scroll >= rotationThreshold) rot = Math.min(180, (scroll - rotationThreshold) * 3); this.getChild(this.mappings.ARROW)[0].style.webkitTransform = 'translateY(' + pos + 'px) rotate(' + rot + 'deg)'; }; /** * Fires when the user lifts her finger to finish the scroll. * If the user scrolled enough, inform the model to refresh * * @private */ tart.ui.P2RComponent.prototype.onRelease_ = function() { if (this.el.scrollTop < -this.threshold) this.model.refresh(); }; /** * If in an appropriate state, checks if the scroll position is right and if so triggers a refresh event. * * @param {goog.events.BrowserEvent} e Scroll event object. */ tart.ui.P2RComponent.prototype.checkShouldRefresh = function(e) { this.model.triggerShouldCheckState(); }; /** * @override */ tart.ui.P2RComponent.prototype.templates_base = function() { return '
' + '
' + '' + '
'; }; /** * @override */ tart.ui.P2RComponent.prototype.disposeInternal = function() { this.model.dispose(); goog.events.unlistenByKey(this.scrollListener); goog.dom.removeNode(this.getElement()); goog.base(this, 'disposeInternal'); }; /** * @enum {string} */ tart.ui.P2RComponent.prototype.mappings = { ARROW: '.pull-to-refresh-arrow', SPINNER: '.pull-to-refresh-spinner' }; ================================================ FILE: tart/ui/PullToRefresh/P2RComponentModel.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.P2RComponentModel'); goog.require('tart.ui.ComponentModel'); /** * Model for the pull to refresh component. Manages refreshing states to prevent * performance problems like double actions. * * @constructor * @extends {tart.ui.ComponentModel} */ tart.ui.P2RComponentModel = function() { this.reset(); }; goog.inherits(tart.ui.P2RComponentModel, tart.ui.ComponentModel); /** * Resets the component state to default state. */ tart.ui.P2RComponentModel.prototype.reset = function() { this.state_ = this.State.DEFAULT; }; /** * If the component is not in REFRESHING state, it should check to see if it * should refresh. This method will be triggered on every scroll event. */ tart.ui.P2RComponentModel.prototype.triggerShouldCheckState = function() { if (this.state_ != this.State.REFRESHING) this.state_ = this.State.SHOULD_CHECK; }; /** * Informs the caller if this model is in an appropriate state for checking * the right (scroll) position. * * @return {boolean} Whether the component should check for the right * (scroll) position. */ tart.ui.P2RComponentModel.prototype.shouldCheck = function() { return this.state_ == this.State.SHOULD_CHECK; }; /** * Dispatches a refresh event to inform the parent component that it's at the appropriate * position for refresh. */ tart.ui.P2RComponentModel.prototype.refresh = function() { if (!this.shouldCheck()) return; this.state_ = this.State.REFRESHING; this.dispatchEvent(this.EventType.SHOULD_REFRESH); }; /** * Pull to refresh states. * * @enum {string} */ tart.ui.P2RComponentModel.prototype.State = { DEFAULT: 'default', SHOULD_CHECK: 'shouldCheck', REFRESHING: 'refreshing' }; /** * Event types for this model. * * @enum {string} */ tart.ui.P2RComponentModel.prototype.EventType = { SHOULD_REFRESH: 'refresh' }; ================================================ FILE: tart/ui/PullToRefresh/pull-to-refresh.css ================================================ .pull-to-refresh { position: absolute; top: 0px; display: block; height: 140px; width: 100%; font-size: 30px; color: #50B075; -webkit-transform-origin: 50% 100%; text-align: center; } .pull-to-refresh-spinner { position: absolute; top: 0; left: 0; height: 96px; width: 100%; background: url(data:image/gif;base64,R0lGODlhIAAgAKUAAAQCBISChMTCxERCROTi5KSipGRmZCQmJJSSlNTS1PTy9LSytHR2dDQ2NIyKjMzKzOzq7GxubJyanNza3Pz6/Ly6vBwaHExOTKyqrDQyNHx+fDw+PISGhMTGxOTm5GxqbCwqLJSWlNTW1PT29LS2tHx6fDw6PIyOjMzOzOzu7HRydJyenNze3Pz+/Ly+vBweHFRWVKyurP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICQAAACwAAAAAIAAgAAAG/kCZcEgkKiIqRXHJbAo7l8vDSRWiIgWiIDodljad6rBgMCSGUOnQlck4xEJCWdMSbgcoIeWSabDgQmQGFXZcQittHIBCRwZJMltqECYZG0pOIgsQRBVlWSgfEWcabRhEIiUuRBwaAQsjQi0lHxh1Qy0ODTC2KQwWFgdEMRrEDh11LB5NBGcUEge/FipFEyfEAQgEYg8b0Q2qSxQCrAGbVSIvwCEUVAoxJIAlKuZitvVNIwQs+vrKiy4LAgYkkQKDhBASDkqIsUhGBgAQI2bAgBBhQoaLHkaEmCEfPxbJGgKMsYAkwSb2qqSkQgHFGTgJULBz0mICiQUkLrW7SYLFhUohHgCWFJBCTAqhC1zQsyKwZ50UOosoKNqCxc2AeYZclRkLoIiULRIktdWyJKEhHhJEnRDwjAcBSmWgCPhniIIE/vDxZOchoDIKexuKXVCXgF8hbBe8hONuLNCS5lpUeBeVitgY9PouyOvh5uIqnbM+3kwEBYmlDWX0xZy6CgUXAmaKCQIAIfkECAkAAAAsAAAAACAAIACFBAIEhIKExMLEREJE5OLkpKakJCYkZGZk1NLU9PL0lJKUVFJUtLa0FBIUNDY0jIqMzMrM7Ors3Nrc/Pr8DA4MTE5MtLK0NDI0fH58nJqcXFpcvL68BAYEhIaExMbEREZE5ObkrKqsLCosbGps1NbU9Pb0VFZUvLq8HBocPD48jI6MzM7M7O7s3N7c/P78nJ6c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv5AmHBIJCYCnVJxyWwKV4cDwkkVkjoWIlRKVJkg1aEFg5EMt1Ohp1LJhIURssIlhETTkwOb8BaOMR5Pd0IhFR9ufTAlHUgJMGgwEQsVGo5OBAIsRB5kWQgBASQwCmxZQxIdgUMvGRkeSjATCgEndEMuGRUjtiwdFxcDRBsKrS8kdAQRTQSiEwUDvxcBRS0FrQohylUrCxciFxWqRS4rrC+aVRIOFykFE1QlG+JVDx3oYbb4TRMgEf392voIOMHgBMENCTZYWMhQQCIYH1BInPhBIcOFGx5GnNgAxQd+IEKGvPdGAIOTDDYwsLQkXxWXVCasSBNmxIGATFxIYGBhZZYYEhwAUFDxbgkIixY2kGwiQASApwYYFFnBkEELOixYFkmgaYIKCk8BHCDC08KKoi4UHiPiAkFKWxEOPG1ABAQCrRIWTgEhYIMyqhZaEEFwQKqTEjwZvAOxEESshYofIlgoGAaBxkLyWqAZJgFGW4wtOIbh4sRCrVQAj4YRenXoFX1AMIA9pLUWBjgfssasO+aGDUXDBAEAIfkECAkAAAAsAAAAACAAIACFBAIEhIKExMLETE5M5OLkbGpsJCIkpKak1NLU9PL0XF5cFBIUlJKUdHZ0NDI0tLa0zMrMVFZU7OrsLCos3Nrc/Pr8nJqcDA4MdHJ0tLK0ZGZkHBocfH58BAYEjIqMxMbEVFJU5ObkbG5sJCYkrKqs1NbU9Pb0ZGJklJaUfHp8PD48vL68zM7MXFpc7O7sLC4s3N7c/P78nJ6cHB4c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv5AmnBIJJpQFlNxyWwKSxwOxUkVwmQCYimQmg5lIkR1KLBYYEOodMg6aUhjocuCIsWeXK8ppdGE4kJlKGI0JSlrNA99cIA0JjIWMkpqUy4iJxgJVCEImkMISFkUKChoMgUnK0QEKBBEDxkZCBVCMSQyH3dDthoBugkoAwMtRCyxGQ8wdyGeSyFoFRkRwgMMRSErxyvNTiUF1CeuSxUUsA/cTTDCIBm0TiYshGMoDOhOumP4RRUhEv39EhrRgCBghYCCHxJkOxYrS6MIDiK+iKhgIUNVjRQ4mBjRgQJ+IUKGdCEQwooPAj6ctFcLkD4qFeIBStEg4L1yyFgWoTBjw5QIC+6uWVxBsgoEFRuSqsDI5liyOy50lnBlwsKIDQs2YHgVi4W7GNlK6IshosMLdy4aJB1BhBM3CrHEhCgY8AQAACi0NGDKxIQ5WiFi/QlxAcCCooAQxEJDg4BgIQEAABDRKEGsFboCZ/hDo8IMAB1KADK2eYhmzjQySKYcJ8QDFm0fD1Fw4YHAa7JvO6mwYkXQKkEAACH5BAgJAAAALAAAAAAgACAAhQQCBISChMTCxERCROTi5KSipCQmJNTS1GRmZPTy9LSytJSSlDQ2NHx+fIyKjMzKzOzq7KyqrNza3GxubPz6/Ly6vBwaHExOTDQyNJyanDw+PISGhMTGxOTm5KSmpCwqLNTW1GxqbPT29LS2tJSWlDw6PIyOjMzOzOzu7KyurNze3HRydPz+/Ly+vBweHFRSVP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJhwSCSKUilKcclsClWZjMpJFXZGB6IkQyIQUxtJdXhQKDpDqHQICjRGY2EiNWqxnlwvjGJqBCBxQmUKYjBQXUICDQ0KgUIiIwojShIkawkbDQ4iVB0HCUQqZicwHUhoKYsPRAQeWUORCgdKMCwtCiB3QywVAQu6CQUICCtEJ2YpFSp3KKBMEF68E8MIBUUdt2YtKGMSDdQNr0UsEpEjzp0hCBMVtE0iJ+JVHgXoVbpj+EUUHRD9/YAcnXjAgeCDBwmymTEjwBGMCRciSpyQjQ6dho4gXhggcQU/fyADBhp48IEAhE30UVHphEK8QA4CcHNCzpy9JioYYNDgwR2MEWzIBMykcuAFhqMXOBQ5ZmbEMhjNmkggRcGDhqMYAhCJdYKWLVz6WDRwMYAWig06Nfz8pMVMlhFHW8BYYcFCBi0bML4zpyQCAACNOhiw8GFonEFTYPgFLGRB3QaO5iiwI2RxIxgiGFhwUWhMmRQiLcN6HOgKqSEp/l4WEsKAXIdfVMOuAuEDA8NUggAAIfkECAkAAAAsAAAAACAAIACFBAIEhIKExMLEREJE5OLkpKKkZGJkJCYklJKU1NLU9PL0VFJUtLK0FBIUdHJ0jIqMzMrMTEpM7OrsNDY0nJqc3Nrc/Pr8DA4MrKqsbGpsXFpcvL68BAYEhIaExMbEREZE5ObkpKakZGZkNDI0lJaU1NbU9Pb0VFZUtLa0HBocfH58jI6MzM7MTE5M7O7sPD48nJ6c3N7c/P78////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7AmXBIJFo2AktxyWwKQQwGyEl9ohJEqJS4gRGqw0R0+hwPYxSKACxURDey8nYmC6VdbCErGhMSzDMsFCQeeUIWKAwoSlpTJjAUBSZUIAkKRDFRLDMSGxt4G4MlRBIMFUSJDAlKdBsMJXFDMh4UGLEmDCoqHUR7USgxcS6XTC4SdB4dugEYRSCub3hVBAgqASoIp0sWFYkoxJTXAR6sTSYsWGxR4FWxYO5FFiAS8/PHhiUJ6OgJJtBRUdYYCiCioAgDIgL8A7jB0IwOCBEW7CAPhEWL0vLk45fAUhN4VEA6sYAuDwkE7JbI6KYoJRMCC1qcYFAuy79PYEqIaBEhgo6ITb0AAovjQduSGFgsMDjBswUCVJpYWTjAwQE8GQ9eLIilAAFPDVk8DlkBAICIGQIGfCikYsSIZmdIQKAi4QKAC8cYpEjRUMKLES9cUhFRdoUQFCkaNJwBw+0DQwnKHmCll++hFiMm9GFDGACDIYgtC9ngOA+DCwaI6FVMRMULgQ5B710c24mEDx8yVgkCACH5BAgJAAAALAAAAAAgACAAhQQCBISChMTCxExOTOTi5KSipGxqbCQiJNTS1PTy9FxeXLSytBQSFJSWlHR2dDQyNAwKDMzKzFRWVOzq7Nza3Pz6/Ly6vIyKjKyqrHRydCwqLGRmZJyenAQGBMTGxFRSVOTm5KSmpGxubCQmJNTW1PT29GRiZLS2tBwaHJyanHx+fDw+PAwODMzOzFxaXOzu7Nze3Pz+/Ly+vIyOjP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJpwSCRWZIJKcclsCkGLBchJfZ4QRKiU2DpNqkNEdPocDydRLJiWiMpi5S0tZokm1sJWFCYkmGkUUS14QhUnCydKWlMlh4lUIAh3QzCCNBMyMi80egt8Qy8CBESHCwhKczILJHBDMWJvhQINKRxcUYgwcC+TSwmbrxwptDJFIKpum1UTGLQNGKNLFRSOvU4TKbUIrU0lLWpgHjIleNxV5kYgE+rqX4QwJBQk8SRHuLgChDQNKioB/SpSILtXjFAKgP4CVgDBsKEyPDDkSSRBjgk6JxebgDCRAU+IAtakXYAAoAMFMCAMbBBhAVWRBQcAyNTgAQwMFSY2bFABToiOApkAWDRQEuHTEgInK1jIkHNDASIkAYhwV2HFARXmYqQYYKBVggI6Ow7BIKJnAxQoHNDw4MLFoBkDBiwgQiBEzyUvRqAYsUnGgwf5XnwY4CJkFQdoUwjx+6AghriK8ZBAuwIV44IVTMSNBgYxihNDGOcT4gEynhMjxC7+W1DIDAkR9BURLbvKCxcKHlYJAgAh+QQICQAAACwAAAAAIAAgAIUEAgSEgoTEwsREQkTk4uSkpqQkIiRkZmTU0tT08vQ0MjS0trSUkpR8enzMyszs6uysrqwsKixsbmzc2tz8+vw8OjycmpwcGhxMTky8vryEhoTExsTk5uSsqqwkJiRsamzU1tT09vQ0NjS8uryUlpR8fnzMzszs7uy0srQsLix0cnTc3tz8/vw8PjycnpwcHhxUUlT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/sCYcEgkUjICSnHJbAo5KBTHSX0uEESolGhaPKpDRHT6REG+ZRQWHEtAFhlWmswaRRNsoRg1mQsnZiB5QiELKAtKWlMUhohUHAh4QytRJjEPGRknMSZRK0QJCGRChmpKMSwZKCByQyxicUIUnYdcURAjK3InkksJmywrpRBrQxyqUZpgJ8goGaNELBONvU4JUQsTrU0hJsVVCCanYNtV5UQnpVHOgzEcBCvwBAQhEQD3+CLtEBYWJP4WIKTAl28fwH4kzphZyG6QvBXxVowrcs5JxSYPVJTIY6jaEgokPFx48anKgwAlNGy4OELEhZctLFUhwKBEiQAM+hCR8PKCiQcXShCUXPIuBoUNGmyWQEFE5IUGm4xiqMCgHIsOH0q0unZTA5EFDQQNKaBAgVcTEiRgcXHgQAYiD1ZROdFCQYtNAjBgcBDjxIcDKjxW0VC2gJANevnGWNC2w6AJIhRgOJV3r6wGbaFRIaxgw5DKijk1zpOhRQAioIlY+PCtXQzEA2S6tiYhcJ4gACH5BAgJAAAALAAAAAAgACAAhQQCBISChMTCxERCROTi5KSipCQmJGRiZJSSlNTS1PTy9LSytBQSFDQ2NHRydFRSVAwKDIyKjMzKzOzq7GxqbJyanNza3Pz6/Ly6vKyqrDQyNDw+PFxaXAQGBISGhMTGxExOTOTm5CwqLGRmZJSWlNTW1PT29LS2tBwaHDw6PHx+fFRWVAwODIyOjMzOzOzu7GxubJyenNze3Pz+/Ly+vKyurP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJtwSCReaIJLcclsCkOLRchJfZ4SRKiU6DpNqsNEdPpc1L7lBRZsU9ROtFmaPMNEFWyheGGZCy1mJXlCJicLJ0paUxeGiFQLFIJDgAsuNhM0NC82LlEyRAoJZEIQAAAwmzYzNFdyQzNicUIXnYdEHKYADCRKL3hMCpszMoZma0M1BrkiH2AvNFELNKNEJhGlHZJUClEnFq5NIQcOeQkuSmzgVepELxjvJ+8Cg5chE/b2FwMo/P0g9NCimRGwjwE/g/8GBXxzSBOGE3AgNht0r2K+JuycZGzyIkCEPAIEmKByIUYKDSkIOKtAIkaCjQJAaJi54piTEBkq6MzwiYiOipkaNmSQU4IakXuqXMQgoZMGkZMNPPy6MOJBDHUzTgTgNUsA0xhEaHjoKWQBCBAIbJQIEKBPDRUqJLQTQJbJixUgHuBxMeIAFgUBVEQYOYjE2QVCJIwYsUYA3BODZDwAccCViwOMZ7UIjAaMYRByhfD1O6TE4zwfHqQdojjzkAwe+tDjQoH07G1sCYMJAgAh+QQICQAAACwAAAAAIAAgAIUEAgSMjozMysxEQkSsrqzk5uRkYmQkJiScnpzc2ty8vrz09vR0cnQUEhRUUlTU0tS0trTs7uxsamw0MjSkpqRcWlwMDgyUlpTk4uTExsT8/vx8enwcGhwEBgTMzsxMTky0srTs6uxkZmQsKiykoqTc3tzEwsT8+vxUVlTU1tS8urz08vRsbmw8OjysqqxcXlycmpx8fnwcHhz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/sCZcEgknhSmU3HJbAoLIFDBSRWCLAYiVEr0QELVoQgAgAy3U2Eo+ggLH+SDcgYlgGcaFQGycgvHAAFPUWkJUR5+ahYAFmBoMwsQIBBzTSobKUQBZCIzIQoKETMeUSVEKw9pQgccHBuiMycHHQwaRBoPIAq2saSTRBKtHAckShkJTSuiGiWSIARtRBAtwgOIVREKUbqqRAsXBw0yyFUrURAJvE0hLDF+KR6VVerzySZI9yYCiZ4FIf7+TqCYQLDgC34mtkUhYGJgQYIHE2nbs0dXhHugMii45uefx4BN6FER6SRCABh+HsSjcoKAgw8OuiU7V4LkDAEiPuiUQI7KladtCu4MCaDzQwUQSkoILRJhCjNnIDjOePnhQp9YMSS4oKchA4ytQk6QIqCCiIALGIioEGGAxIwEFy6YMnEBRqYhKzwsXbKChQgWfVLEiIFsBQIYCOSFISFCRNkZggkL8QADRoZEGBpv4BWZ3AkKdWEtbhzt7QbJQkpUvuzGAwu3Qx4M7jlDAYK0/Ih0zl1lQeUFfoIAACH5BAgJAAAALAAAAAAgACAAhQQCBISChMTCxERCROTi5KSipGRmZCQmJNTS1PTy9LSytJSSlHR2dDQ2NIyKjMzKzOzq7KyqrGxubNza3Pz6/Ly6vBwaHExOTCwuLJyanHx+fDw+PISGhMTGxOTm5KSmpGxqbNTW1PT29LS2tHx6fDw6PIyOjMzOzOzu7KyurHRydNze3Pz+/Ly+vBweHFRWVDQyNJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJlwSCRCYA1UcclsClMAgMJJFY4OKmIkOh2eRpDqkGGxtIZb6dCjUCDEwlC5RBGmu6xKOwEXki0ZQh9cQhMpIyd9QhAHFgdKdzIiIwojdU4CHCtEGWUMMiMYGGcnbZtDCQgeRCVIDkoyFCUuASxELAgjLbaxpZVEGjDCGxG2J6dLCUosK5RtiUQtF8IwL29VKC1tCi2rSxQxG0jITgltIxO8TSgaJn0IJ5di6lX0RAkPHfn5130QHv8CUgBxoaDBLIoEbGuTQgBBgwUR9tF26BA3fPoEPBDQD05AgADlFbHnhGSTBDEivItHhcIICQZAeKOSgNKIFSYRkDDAMwCJuSYQtLVpEYZIDJ4GVFSwRaBosmXNtkETAoJnBD6xTHBYegsBN14USqWoQOTEBwJEOgTQMIVAihSrfJFLNZOJCA4aOPBZkSHDJpeVRIpRoCGAACF8F6CVMaFNxyoQNGhYcImvXyF5DmEdLHnCEMvIPFB67CQEhy6F+pL74lTRZ9WuxYiIkEJEnyAAIfkECAkAAAAsAAAAACAAIACFBAIEhIKExMLEREJE5OLkpKakZGJkJCIklJKU1NLUVFJU9PL0tLa0NDI0FBIUfH58jIqMzMrMTEpM7OrsrK6sbGpsnJqc3NrcXFpc/Pr8PDo8DA4MvL68BAYEhIaExMbEREZE5ObkrKqsZGZkLC4slJaU1NbUVFZU9Pb0vLq8NDY0HBocjI6MzM7MTE5M7O7stLK0bG5snJ6c3N7cXF5c/P78PD48////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7Am3BIJL5AkldxyWwKGatVykkVCmwBIiw6HdI2jOow0GgIhgzHijOkAAAxsfCiIikyzyj7hjq8TXJCHmUFQltSgm9xgTcvNg02SlCIIRsAG0pOESUERAVlHjccAzYfNwZvJUQLCSFECi4uFgtCKAoqCDVENTEdJHg3GS0wMGFDLBLJGAx4LZ1MJhE3NTMMxBQJRREjLhIuFYBVLxzEMByuSxkiJxIKz1QLxAwXuk4vLDKBLQkogfVi/4qw2kfwAqMbE0IkXJjhwYiHECEcJFcOBgUBASA+NCCREUUK1hhwYJWgZIIWBhktVKgQ2JKAVGA6WUChi5iTLplk+ODhQZiATPDkzZB5wwSCB0gRvLNH0dyEIhSQBvAQQdcEoAKVULNGAUa2IR4CPIDRL5gICx8C1kggsp6wkERMwHg6JEEJC2cmcBDwdBiMGataUUEhw4KMfiGIucogL6cYARZKfE0MA90FYl/lvIgsol5iCnRrpABJS46Au4CFUEZ3I4S1zFVmyDgzZDWRFgzoHqxtUffuJhn2OnYSBAAh+QQICQAAACwAAAAAIAAgAIUEAgSMjozMysxEQkS0srTk5uRkYmQkJiScnpz09vR0cnQUEhTU1tRUUlS8vryUlpTs7uxsamw0MjSkpqRcWlwMDgzU0tS8urz8/vx8enwcGhzc3tzExsQEBgSUkpTMzsxMTky0trTs6uxkZmQsKiykoqT8+vzc2txUVlTEwsScmpz08vRsbmw8OjysqqxcXlx8fnwcHhz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCZcEgkrlCvVXHJbAodEknKSRVyUB4iVEpkHRzV4QMEEgy3YGFIo8mEhZsGyIARXqJTmanFZryFHmQEdlFpD2wwf0IrcihKaDIiBwskEFQWEwVEBGRZVygfMixsCEQWESFEESMjLkp6Bg0IdUMmMDEDJkIiIx0AC0QIIwYjCg51DJpMJ6EmAQsA0QZFFhnDIzAbYRwk0QAHg0smISwjEcqXvhUBuk4rJS5/qyJ/tGH2RQknDPv82ooiCgQcaMIDjIMIVSiSkYKAw4cOHiBMuNDBQ4j6TmjU+O9PwAIgQeIjMtJJySYJUnD4Y+FDuyYYPiBQoeIVlRUOQ2w4ucEFic0HLtA5gWDRoQN6WlQ8UIHAQh0INoussIRhQ4iHoYbMVJEigRAMFhngw2AhxDEhJj7kJLIhhaUhJxxakFEgxVEZagl0lLHiA9Im4wiE0FXAoSYTOV++yXtCSGECyuISmPsHJ4GzdA1/veAw6iXNjkFnnvynQIisoSET+RDi78LUQl8zMeGg658gADs=) no-repeat center; visibility: hidden; } .pull-to-refresh-arrow { display: inline-block; } ================================================ FILE: tart/ui/Sidebar/SidebarComponent.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.SidebarComponent'); goog.require('tart.ui.DlgComponent'); /** * @constructor * @extends {tart.ui.DlgComponent} */ tart.ui.SidebarComponent = function() { goog.base(this); }; goog.inherits(tart.ui.SidebarComponent, tart.ui.DlgComponent); /** * Dispatches a switch view event to listeners and toggles the sidebar of the view manager that * is responsible for this sidebar. * * @param {goog.events.BrowserEvent} e Tap event. */ tart.ui.SidebarComponent.prototype.onSidebarItemTap = function(e) { var view = e.target.getAttribute('data-view'); if (!view) return; this.dispatchEvent({ type: tart.ui.SidebarComponent.EventType.SWITCH_VIEW, view: view }); this.vm.toggleSidebar(); }; /** * @return {string} Returns the template base. */ tart.ui.SidebarComponent.prototype.templates_base = function() { return '' + '' + this.template_items() + '' + ''; }; /** * @return {string} Returns the items for the sidebar. */ tart.ui.SidebarComponent.prototype.template_items = function() { return ''; }; /** * @enum {string} Sidebar events. */ tart.ui.SidebarComponent.EventType = { SWITCH_VIEW: 'switchView' }; /** * @enum {string} Dom mapping. */ tart.ui.SidebarComponent.prototype.mappings = { ITEM: 'sidebar-item' }; (function(proto) { proto.events = {}; var tap = proto.events[tart.events.EventType.TAP] = {}; tap[proto.mappings.ITEM] = proto.onSidebarItemTap; })(tart.ui.SidebarComponent.prototype); ================================================ FILE: tart/ui/Sidebar/sidebar.css ================================================ sidebar-view { background: #eee; position: absolute; -webkit-transition-duration: 0s; display: block; height: 100%; top: 0; width: 100%; padding-left: 20%; } sidebar-items { display: block; height: 100%; width: 100%; left: 0; padding-left: 60px; } sidebar-item { display: block; font-size: 80px; font-weight: 100; top: 0; padding: 40px 20px; border-bottom:1px solid #aaa; } sidebar-item i { left: 45px; top: 5px; font-size: 59px; position: absolute; } sidebar-item:active { background-color: #ccc; } sidebar-label { display: block; font-size: 45px; color: black; } ================================================ FILE: tart/ui/TabBar/TabBarView.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.TabBarView'); goog.require('tart.ui.View'); /** * @constructor * @extends {tart.ui.View} */ tart.ui.TabBarView = function() { goog.base(this); }; goog.inherits(tart.ui.TabBarView, tart.ui.View); /** * @override */ tart.ui.TabBarView.prototype.onAfterRender = function() { this.vm = new tart.ui.ViewManager(this.getElement()); }; /** * @param {goog.events.BrowserEvent} e Item touch event handler. */ tart.ui.TabBarView.prototype.onItemTap = function(e) { var activeItem = this.getChild(this.mappings.ACTIVE)[0]; if (activeItem && activeItem == e.target) return; var itemIndex = [].indexOf.call(this.getChild(this.mappings.ITEMS)[0].childNodes, e.target); this.activateItem(itemIndex); }; /** * Adds active class to item. * @param {number} index Index of the item to be active. */ tart.ui.TabBarView.prototype.activateItem = function(index) { if (index == -1) return; this.deactivateActiveItem(); var item = this.getChild(this.mappings.ITEM)[index]; goog.dom.classlist.add(item, 'active'); if (this.views && this.views[index]) this.vm.setCurrentView(this.views[index], true); }; /** * Activates a tab bar item with a given name. If an item for the given the name isn't found, does nothing. * * @param {string} name Name for the tab bar item. */ tart.ui.TabBarView.prototype.activateItemByName = function(name) { var child = this.getChild(this.mappings.ITEM + '[data-view=' + name + ']')[0]; if (!child) return; var itemIndex = [].indexOf.call(this.getChild(this.mappings.ITEMS)[0].childNodes, child); this.activateItem(itemIndex); }; /** * Removes active class of active item. */ tart.ui.TabBarView.prototype.deactivateActiveItem = function() { var activeItem = this.getChild(this.mappings.ACTIVE); if (activeItem && activeItem.length) goog.dom.classlist.remove(activeItem[0], 'active'); }; /** * @return {string} Base template of NavigationBar component. */ tart.ui.TabBarView.prototype.templates_content = function() { return '' + '' + this.templates_items() + '' + ''; }; /** * @return {string} Template for tab bar items. */ tart.ui.TabBarView.prototype.templates_items = function() { return ''; }; /** * @enum {string} Dom mappings. */ tart.ui.TabBarView.prototype.mappings = { ITEM: 'tab-item', ITEMS: 'tab-items', ACTIVE: '.active' }; (function() { this.events = {}; var tap = this.events[goog.events.EventType.TOUCHEND] = {}; tap[this.mappings.ITEM] = this.onItemTap; }).call(tart.ui.TabBarView.prototype); ================================================ FILE: tart/ui/TabBar/tabbar.css ================================================ tab-bar { position: absolute; bottom: 0; height: 120px; width: 100%; text-align: center; line-height: 120px; background: rgba(0,0,0,0.9); background: white; -webkit-transform: translate3d(0,0,1000px); border-top: 1px solid #ccc; z-index: 1; } tab-items { display: block; width: 100%; height: 100%; } tab-item { display: inline-block; text-align: center; width: 50%; } tab-item:first-child, tab-item:nth-child(2) { border-right: 1px solid #ccc; } tab-item.active { background: #eee; } ================================================ FILE: tart/ui/View.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.View'); goog.require('tart.ui.DlgComponent'); goog.require('tart.ui.ViewManager'); /** * The default view class for all views. Handles default overrides for tart.ui.DlgComponent such as rendering * to body by default. * * @constructor * @extends {tart.ui.DlgComponent} */ tart.ui.View = function() { goog.base(this); }; goog.inherits(tart.ui.View, tart.ui.DlgComponent); /** * View index in z-axis. This should be used as the z value for initial translate3d style declaration. * * @type {number} */ tart.ui.View.prototype.index = 0; /** * Determines whether the view should support back gestures to go back in history or not. * * @type {boolean} */ tart.ui.View.prototype.supportsBackGesture = true; /** * True if the view allows sidebar access. This lets the view manager orchestrate touch gestures for the sidebar menu. * Default is false. * * @type {boolean} */ tart.ui.View.prototype.hasSidebar = false; /** * Defines CSS class names for the view. * * @type {string} */ tart.ui.View.prototype.className = ''; /** * @type {number} Gives the device width. */ tart.ui.View.WIDTH = parseInt(window.getComputedStyle(document.body, null).width, 10); /** * Overridden to make document.body the default parent element. This method also saves if a view is already rendered. * Original opt_index parameter is also overridden with the view index. In this case, this view will always be appended * to the body. * * @override * * @param {(Element|number)=} opt_rootEl Root element to render this view in. * @param {number=} opt_index The index of this view in z-axis. */ tart.ui.View.prototype.render = function(opt_rootEl, opt_index) { this.onBeforeRender(); this.rendered = true; if (goog.isNumber(opt_rootEl)) { opt_index = opt_rootEl; opt_rootEl = document.body; } if (goog.isDef(opt_index)) this.index = opt_index; goog.base(this, 'render', opt_rootEl || document.body); this.onAfterRender(); }; /** * Method called before a render process. Called automatically before each render. Subclasses should override * this method for tasks that should be done right before the View enters the document. */ tart.ui.View.prototype.onBeforeRender = function() {}; /** * Method called after a render process. Called automatically after each render. Subclasses should override * this method for tasks that should be done when the View is in document. */ tart.ui.View.prototype.onAfterRender = function() {}; /** * Returns the HTML markup for the initial state. * * @return {string} The template for the view. */ tart.ui.View.prototype.getTemplate = function() { return this.templates_base(); }; /** * Method called when the View is being activated by a ViewManager. Subclasses should override this method for tasks * that should be done when the View is in viewport, such as updating information, etc. */ tart.ui.View.prototype.activate = function() {}; /** * Overriden to include 'view' as a class name. * * @override */ tart.ui.View.prototype.templates_base = function() { return '' + this.templates_content() + ''; }; /** * Empty content template. Subclasses should override this method and implement necessary markup here. * * @return {string} Content markup for the view. */ tart.ui.View.prototype.templates_content = function() { return ''; }; /** * @override */ tart.ui.View.prototype.disposeInternal = function() { var element = this.element; goog.base(this, 'disposeInternal'); goog.dom.removeNode(element); }; ================================================ FILE: tart/ui/ViewManager.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.ViewManager'); goog.require('goog.math'); /** * This class handles view transitions and view history in a consistent manner. Should be used by views who would like * to contain other views. Also, each application should have at least one ViewManager. * * @constructor * * @param {Element=} opt_rootEl Root element for this view manager. */ tart.ui.ViewManager = function(opt_rootEl) { this.history = []; this.lastTouches = []; this.state = tart.ui.ViewManager.State.DEFAULT; this.rootEl = opt_rootEl || document.body; this.initTouchEvents_(); }; /** * 3d transform Z position for the uppermost view. Used to set the right view on top. * @type {number} */ tart.ui.ViewManager.prototype.topIndex = 1; /** * * @param {tart.ui.View} view View to pull into view. * @param {boolean=} opt_canGoBack Whether this view keeps history so that one can go back to the previous view. */ tart.ui.ViewManager.prototype.pull = function(view, opt_canGoBack) { if (!view.rendered) view.render(this.rootEl, this.topIndex += 2); var currentView = this.currentView; if (opt_canGoBack) { this.history.push(currentView); goog.events.listenOnce(currentView.getElement(), 'webkitTransitionEnd', function() { currentView.getElement().style.webkitTransitionDuration = 0; currentView.getElement().style.webkitTransform = 'translate3d(-100%,-100%,0)'; }); } else { var history = this.history.slice(0); this.history = []; setTimeout(function() { currentView.dispose(); // Dispose all views in history. history.forEach(function(historicView) { historicView.dispose(); }); }, 1000); } setTimeout(function() { currentView.getElement().style.webkitTransitionDuration = '0.35s'; view.getElement().style.webkitTransform = 'translate3d(0, 0, ' + view.index + 'px)'; currentView.getElement().style.webkitTransform = 'translate3d(-30%, 0, ' + currentView.index + 'px)'; view.getElement().style['boxShadow'] = '0 0 24px black'; }, 50); this.currentView = view; this.state = tart.ui.ViewManager.State.DEFAULT; }; /** * Returns true if there is one or more views in history, * returns false otherwise. * * @return {boolean} Whether the view manager can push current view. */ tart.ui.ViewManager.prototype.canGoBack = function() { return this.history && this.history.length > 0; }; /** * Switches to the previous view if there's one. */ tart.ui.ViewManager.prototype.push = function() { var lastView = this.history.pop(), currentView = this.currentView; if (!lastView) return; window.requestAnimationFrame(function() { lastView.getElement().style.webkitTransitionDuration = 0; lastView.getElement().style.webkitTransform = 'translate3d(-30%,0,0)'; window.requestAnimationFrame(function() { lastView.getElement().style.webkitTransitionDuration = '0.35s'; currentView.getElement().style.webkitTransitionDuration = '0.35s'; lastView.getElement().style.webkitTransform = 'translate3d(0, 0, ' + lastView.index + 'px)'; currentView.getElement().style.webkitTransform = 'translate3d(100%, 0, ' + currentView.index + 'px)'; currentView.getElement().style['boxShadow'] = '0 0 0 black'; }); }); this.currentView = lastView; lastView.activate && lastView.activate(); setTimeout(function() { currentView.dispose(); }, 1000); this.state = tart.ui.ViewManager.State.DEFAULT; }; /** * Makes a given view the foremost view without animations and with disposing previous views in history. * * @param {tart.ui.View} view The view to set as the foremost view. * @param {boolean=} opt_noDispose Whether to dispose the current view. */ tart.ui.ViewManager.prototype.setCurrentView = function(view, opt_noDispose) { if (!view.rendered) view.render(this.rootEl, this.topIndex += 2); var currentView = this.currentView; if (!opt_noDispose) { setTimeout(function() { currentView && currentView.dispose(); }, 1000); } else if (currentView) { currentView.getElement().style.webkitTransitionDuration = '0s'; currentView.getElement().style.webkitTransform = 'translate3d(100%, 0, ' + currentView.index + 'px)'; } view.index = this.topIndex += 2; this.currentView = view; this.currentView.activate && this.currentView.activate(); // Dispose all views in history. this.history.forEach(function(historicView) { historicView.dispose(); }); this.history = []; var translation = 'translate3d(0, 0, ' + view.index + 'px)'; view.getElement().style.webkitTransitionDuration = '0s'; if (this.state == tart.ui.ViewManager.State.SIDEBAR_OPEN) { translation = 'translate3d(' + (128 - tart.ui.View.WIDTH) + 'px, 0, ' + view.index + 'px)'; view.getElement().style.webkitTransform = translation; this.toggleSidebar_(false); return; } view.getElement().style.webkitTransform = translation; //view.getElement().style.zIndex = view.index; this.state = tart.ui.ViewManager.State.DEFAULT; }; /** * Toggles the sidebar on or off according to its current state. This is to be used for a menu button, for example. */ tart.ui.ViewManager.prototype.toggleSidebar = function() { this.toggleSidebar_(this.state == tart.ui.ViewManager.State.DEFAULT); }; /** * Initializes touch event handlers for all touch end and touch move events ocurring on the root element. * * @protected */ tart.ui.ViewManager.prototype.initTouchEvents_ = function() { goog.events.listen(this.rootEl, goog.events.EventType.TOUCHMOVE, this.onTouchMove_, false, this); goog.events.listen(this.rootEl, goog.events.EventType.TOUCHEND, this.onTouchEnd_, false, this); }; /** * Handles touch move events and decides how the view transitions should occur. * * @protected * @param {goog.events.Event} e Touch move event. */ tart.ui.ViewManager.prototype.onTouchMove_ = function(e) { var clientX = e.getBrowserEvent().changedTouches[0].clientX; clearTimeout(this.hideSidebarTimeout); if (this.state == tart.ui.ViewManager.State.DEFAULT || this.state == tart.ui.ViewManager.State.SIDEBAR_OPEN) this.firstX = clientX; if (this.state == tart.ui.ViewManager.State.DEFAULT) { this.lastTouches = []; this.state = tart.ui.ViewManager.State.STARTED_GESTURE; } if (this.state == tart.ui.ViewManager.State.STARTED_GESTURE) { if (clientX <= 50) { if (this.history.length && this.currentView.supportsBackGesture) this.state = tart.ui.ViewManager.State.GOING_TO_BACK_VIEW; } else if (this.currentView.hasSidebar) { this.lastTouches.push(this.firstX - clientX); if (this.lastTouches.length == 4) this.lastTouches.shift(); if (this.lastTouches[2] - this.lastTouches[0] > 40) this.state = tart.ui.ViewManager.State.OPENING_SIDEBAR; } } if (this.state == tart.ui.ViewManager.State.SIDEBAR_OPEN) this.state = tart.ui.ViewManager.State.CLOSING_SIDEBAR; switch (this.state) { case tart.ui.ViewManager.State.GOING_TO_BACK_VIEW: this.backGestureTouchMove_(e); break; case tart.ui.ViewManager.State.CLOSING_SIDEBAR: this.closeSidebarTouchMove_(e); break; case tart.ui.ViewManager.State.OPENING_SIDEBAR: this.openSidebarTouchMove_(e); break; } }; /** * Handles touch end events and decides how the view transitions should follow. * * @protected * @param {goog.events.Event} e Touch end event. */ tart.ui.ViewManager.prototype.onTouchEnd_ = function(e) { var state; switch (this.state) { case tart.ui.ViewManager.State.GOING_TO_BACK_VIEW: this.backGestureTouchEnd_(e); break; case tart.ui.ViewManager.State.OPENING_SIDEBAR: state = true; if (this.lastTouches[2] - this.lastTouches[0] < 3) state = false; this.toggleSidebar_(state); break; case tart.ui.ViewManager.State.CLOSING_SIDEBAR: state = true; if (this.lastTouches[2] - this.lastTouches[0] < -3) state = false; this.toggleSidebar_(state); break; case tart.ui.ViewManager.State.SIDEBAR_OPEN: if (tart.events.GestureHandler.getInstance().canTap) return; this.toggleSidebar_(false); break; default: this.state = tart.ui.ViewManager.State.DEFAULT; } }; /** * Handles touch end event when they occur in a back gesture. * * @protected * @param {goog.events.Event} e Touch end event. */ tart.ui.ViewManager.prototype.backGestureTouchEnd_ = function(e) { if (!this.firstX) return; var that = this, history = this.history, lastView = history[history.length - 1], currentView = this.currentView, clientX = e.getBrowserEvent().changedTouches[0].clientX, duration = goog.math.lerp(0.15, 0.35, (tart.ui.View.WIDTH - clientX) / tart.ui.View.WIDTH); window.requestAnimationFrame(function() { currentView.getElement().style.webkitTransitionDuration = duration + 's'; lastView.getElement().style.webkitTransitionDuration = duration + 's'; var currentViewX = '100%', lastViewX = '0'; if (clientX < (tart.ui.View.WIDTH / 2)) { currentViewX = '0'; lastViewX = '-30%'; goog.events.listenOnce(lastView.getElement(), 'webkitTransitionEnd', function() { lastView.getElement().style.webkitTransitionDuration = 0; lastView.getElement().style.webkitTransform = 'translate3d(-100%,-100%,0)'; }); } else { history.pop(); that.currentView = lastView; lastView.activate && lastView.activate(); setTimeout(function() { currentView.dispose(); }, 1000); } currentView.getElement().style.webkitTransform = 'translate3d(' + currentViewX + ', 0, ' + currentView.index + 'px)'; lastView.getElement().style.webkitTransform = 'translate3d(' + lastViewX + ', 0, ' + (currentView.index - 1) + 'px)'; currentView.getElement().style['boxShadow'] = '0px 0 0px black'; }); this.state = tart.ui.ViewManager.State.DEFAULT; }; /** * Handle touch move events when they occur in a back gesture. * * @protected * @param {goog.events.Event} e Touch end event. */ tart.ui.ViewManager.prototype.backGestureTouchMove_ = function(e) { if (!this.history.length) return; /* Google Chrome will fire a touchcancel event about 200 milliseconds after touchstart if it thinks the user is panning/scrolling and you do not call event.preventDefault(). */ e.preventDefault(); var clientX = e.getBrowserEvent().changedTouches[0].clientX; var lastView = this.history[this.history.length - 1]; var currentView = this.currentView; var currentViewDiff = clientX - this.firstX; var viewWidth = tart.ui.View.WIDTH; var lastViewDiff = Math.floor(goog.math.lerp(-viewWidth * 0.3, 0, currentViewDiff / (viewWidth - this.firstX))); var boxShadow = Math.floor(goog.math.lerp(1, 0, currentViewDiff / (viewWidth - this.firstX)) * 5) / 5; if (currentViewDiff < 0) return; window.requestAnimationFrame(function() { currentView.getElement().style.webkitTransitionDuration = '0s'; lastView.getElement().style.webkitTransitionDuration = '0s'; currentView.getElement().style.webkitTransform = 'translate3d(' + currentViewDiff + 'px, 0, ' + currentView.index + 'px)'; lastView.getElement().style.webkitTransform = 'translate3d(' + lastViewDiff + 'px, 0, ' + (currentView.index - 1) + 'px)'; currentView.getElement().style['boxShadow'] = '0px 0 24px rgba(0, 0, 0, ' + boxShadow + ')'; }); }; /** * Close sidebar touch move functionality. * * @protected * @param {goog.events.Event} e X coordinate difference. */ tart.ui.ViewManager.prototype.closeSidebarTouchMove_ = function(e) { var clientX = e.getBrowserEvent().changedTouches[0].clientX; this.lastTouches.push(this.firstX - clientX); if (this.lastTouches.length == 4) this.lastTouches.shift(); /* Google Chrome will fire a touchcancel event about 200 milliseconds after touchstart if it thinks the user is panning/scrolling and you do not call event.preventDefault(). */ e.preventDefault(); var currentView = this.currentView; var viewWidth = tart.ui.View.WIDTH; var currentViewDiff = clientX - this.firstX - viewWidth * 4 / 5; window.requestAnimationFrame(function() { currentView.getElement().style.webkitTransitionDuration = '0s'; currentView.getElement().style.webkitTransform = 'translate3d(' + currentViewDiff + 'px, 0, ' + currentView.index + 'px)'; }); }; /** * Toggles the sidebar on or off according to a given state. * * @protected * @param {boolean} state Whether to open or close the sidebar. */ tart.ui.ViewManager.prototype.toggleSidebar_ = function(state) { var that = this, currentView = this.currentView, sidebar = document.querySelector('sidebar-view'); setTimeout(function() { currentView.getElement().style.webkitTransitionDuration = '0.35s'; var currentViewX = (128 - tart.ui.View.WIDTH) + 'px', sidebarX = '0', sidebarZ = currentView.index - 1 + 'px'; if (!state) { currentViewX = '0'; sidebarX = '100%'; sidebarZ = 0; that.hideSidebarTimeout = setTimeout(function() { if (that.state == tart.ui.ViewManager.State.DEFAULT) sidebar.style.webkitTransform = 'translate3d(' + sidebarX + ', 0, ' + sidebarZ + ')'; }, 1000); } else { sidebar.style.webkitTransform = 'translate3d(' + sidebarX + ', 0, ' + sidebarZ + ')'; } currentView.getElement().style.webkitTransform = 'translate3d(' + currentViewX + ', 0, ' + currentView.index + 'px)'; }, 10); if (state) this.state = tart.ui.ViewManager.State.SIDEBAR_OPEN; else this.state = tart.ui.ViewManager.State.DEFAULT; }; /** * Close sidebar touch move functionality. * * @protected * @param {goog.events.Event} e X coordinate difference. */ tart.ui.ViewManager.prototype.openSidebarTouchMove_ = function(e) { if (tart.events.GestureHandler.getInstance().canTap) return; var clientX = e.getBrowserEvent().changedTouches[0].clientX; this.lastTouches.push(this.firstX - clientX); if (this.lastTouches.length == 4) this.lastTouches.shift(); /* Google Chrome will fire a touchcancel event about 200 milliseconds after touchstart if it thinks the user is panning/scrolling and you do not call event.preventDefault(). */ e.preventDefault(); var sidebar = document.querySelector('sidebar-view'); var currentView = this.currentView; var currentViewDiff = clientX - this.firstX; if (currentViewDiff >= 0) return; this.state = tart.ui.ViewManager.State.OPENING_SIDEBAR; window.requestAnimationFrame(function() { sidebar.style.webkitTransform = 'translate3d(0, 0, ' + (currentView.index - 1) + 'px)'; sidebar.style.webkitTransitionDuration = '0s'; currentView.getElement().style.webkitTransitionDuration = '0s'; currentView.getElement().style.webkitTransform = 'translate3d(' + currentViewDiff + 'px, 0, ' + currentView.index + 'px)'; }); }; /** * View manager states. * * @enum {string} */ tart.ui.ViewManager.State = { DEFAULT: 'default', STARTED_GESTURE: 'started', CLOSING_SIDEBAR: 'closingSidebar', OPENING_SIDEBAR: 'openingSidebar', SIDEBAR_OPEN: 'sidebarOpen', GOING_TO_BACK_VIEW: 'going' }; window.requestAnimationFrame = (function() { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback){ window.setTimeout(callback, 1000 / 60); }; })(); ================================================ FILE: tart/ui/ViewModel.js ================================================ // Copyright 2014 Startup Kitchen. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. goog.provide('tart.ui.ViewModel'); goog.require('tart.ui.ComponentModel'); /** * Base view model for tart.ui.View instances. * * @constructor * @extends {tart.ui.ComponentModel} */ tart.ui.ViewModel = function() { goog.base(this); }; goog.inherits(tart.ui.ViewModel, tart.ui.ComponentModel); ================================================ FILE: tart/ui/input/DateComponent.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This component displays the date entered in a predefined date format and returns that date's value in * milliseconds format when asked. If the entered value is not suitable, getDateTime function returns 'NaN' value. */ goog.provide('tart.ui.input.DateComponent'); goog.require('goog.events.EventTarget'); goog.require('tart.ui.DlgComponent'); /** * Date component. * @extends {tart.ui.DlgComponent} * @constructor */ tart.ui.input.DateComponent = function() { goog.base(this); }; goog.inherits(tart.ui.input.DateComponent, tart.ui.DlgComponent); /** * Returns the date in Date format. * @return {Date} date in Date format. */ tart.ui.input.DateComponent.prototype.getDateTime = function() { var dateInputArea = this.getChild(this.mappings.INPUT)[0]; var dateInput = dateInputArea.value; var formattedDateString = dateInput.slice(3, 5) + '/' + dateInput.slice(0, 2) + '/' + dateInput.slice(5, dateInput.length); return new Date(formattedDateString); }; /** * Reformats the text entered, in order to display it in a visual style adjusted with predefined style. * * @param {goog.events.BrowserEvent} e keyPress Event. */ tart.ui.input.DateComponent.prototype.onKeyPress = function(e) { var dateInputArea = this.getChild(this.mappings.INPUT)[0]; var textToChange = dateInputArea.value; textToChange = textToChange.replace(/^(\d{1,1}\/)/, '0$1'); textToChange = textToChange.replace(/(\/)(\d{1,1})(\/)/, '$10$2'); textToChange = textToChange.replace(/[^\d]/g, ''); textToChange = textToChange.replace(/^(\d{0,2})(\d{0,2})(\d{0,4})(\d{0,})/g, '$1/$2/$3'); textToChange = textToChange.replace(/\/{0,}$/, ''); dateInputArea.value = textToChange; }; /** * Cleans the text area if no text entrance was made. */ tart.ui.input.DateComponent.prototype.onFocusIn = function() { var dateInputArea = this.getChild(this.mappings.INPUT)[0]; if (dateInputArea.value == 'GG/AA/YYYY') dateInputArea.value = ''; }; /** * Dispatches an event after focusOut action which carries the date in milliseconds. */ tart.ui.input.DateComponent.prototype.onFocusOut = function() { var dateInputArea = this.getChild(this.mappings.INPUT)[0]; if (dateInputArea.value == '') this.resetInputArea(); }; /** * Resets the text area, date string and formatted date string parameters. */ tart.ui.input.DateComponent.prototype.resetInputArea = function() { var dateInputArea = this.getChild(this.mappings.INPUT)[0]; dateInputArea.value = 'GG/AA/YYYY'; }; /** * Constructs the base template * @return {string} base template. */ tart.ui.input.DateComponent.prototype.templates_base = function() { return '' + '' + ''; }; /** * DateComponent domMappings. * @enum {string} */ tart.ui.input.DateComponent.prototype.mappings = { INPUT: '.dateInput' }; (function() { var proto = tart.ui.input.DateComponent.prototype; proto.events = {}; var focusIn = proto.events[goog.events.EventType.FOCUSIN] = {}; focusIn[proto.mappings.INPUT] = proto.onFocusIn; var focusOut = proto.events[goog.events.EventType.FOCUSOUT] = {}; focusOut[proto.mappings.INPUT] = proto.onFocusOut; var keyup = proto.events[goog.events.EventType.KEYUP] = {}; keyup[proto.mappings.INPUT] = proto.onKeyPress; })(); ================================================ FILE: tart/ui/input/RevealingPassword.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview This component handles the password entrance and display mode toggling of password string. * It takes an optional value defining the minimum length requirement of the password string. If the minimum length * requirement is not being meet, it returns an empty string. The display toggler works like a switch for displaying * mode. When the value of related variable 'displayPassword' is equal to false, the input area conceals the string * entered and displays '*' * chars instead. Otherwise, the password string is being displayed as it is. */ goog.provide('tart.ui.input.RevealingPassword'); goog.require('tart.ui.DlgComponent'); /** * @constructor * @extends {tart.ui.DlgComponent} * @param {{minLength: number}=} opt_options */ tart.ui.input.RevealingPassword = function(opt_options) { goog.base(this); this.displayPassword = false; this.minLength = opt_options && opt_options.minLength || 6; }; goog.inherits(tart.ui.input.RevealingPassword, tart.ui.DlgComponent); /** * Returns the password as a string if it meets the requirements, otherwise, it returns an empty string. * @return {string} returning value. */ tart.ui.input.RevealingPassword.prototype.getPassword = function() { var passwordArea = this.getChild(this.mappings.INPUT)[0]; if (passwordArea.value.length >= this.minLength) return passwordArea.value; else return ''; }; /** * Toggles the input area's displaying mode in order to conceal or reveal the text entered. * */ tart.ui.input.RevealingPassword.prototype.toggleDisplay = function() { this.displayPassword = !this.displayPassword; var passwordArea = this.getChild(this.mappings.INPUT)[0]; if (this.displayPassword) passwordArea.type = 'text'; else passwordArea.type = 'password'; passwordArea.focus(); }; /** * Constructs the base template. * @return {string} base template. */ tart.ui.input.RevealingPassword.prototype.templates_base = function() { return '' + '' + '' + ''; }; /** * Resets the password text area. */ tart.ui.input.RevealingPassword.prototype.resetInputArea = function() { var passwordArea = this.getChild(this.mappings.INPUT)[0]; passwordArea.value = ''; }; /** * RevealingPassword domMappings. * @enum {string} */ tart.ui.input.RevealingPassword.prototype.mappings = { INPUT: '.passwordInput', TOGGLER: '.visibilityToggler' }; (function() { var proto = tart.ui.input.RevealingPassword.prototype; proto.events = {}; var toggleVisibility = proto.events[goog.events.EventType.CLICK] = {}; toggleVisibility[proto.mappings.TOGGLER] = proto.toggleDisplay; })(); ================================================ FILE: tart/ui/tooltip/TooltipComponent.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview */ goog.provide('tart.ui.TooltipComponent'); goog.require('goog.dom'); goog.require('goog.style'); goog.require('tart.ui.Component'); goog.require('tart.ui.TooltipComponentModel'); /** * @constructor * @extends {tart.ui.Component} */ tart.ui.TooltipComponent = function(refElement, options) { this.element = goog.dom.getElement(this.id); this.refElement = refElement; this.model = new this.modelClass(options); if (!this.element) { this.element = /** @type {Element} */(tart.dom.createElement(this.templates_base())); this.element.style.display = 'none'; document.body.appendChild(this.element); } this.contentArea = goog.dom.getElementsByClass('content', this.element)[0]; this.wrapper = goog.dom.getElementsByClass('wrapper', this.element)[0]; this.cap = goog.dom.getElementsByClass('cap', this.element)[0]; this.bindModelEvents(); this.bindDomEvents(); }; goog.inherits(tart.ui.TooltipComponent, tart.ui.Component); tart.ui.TooltipComponent.prototype.modelClass = tart.ui.TooltipComponentModel; tart.ui.TooltipComponent.prototype.id = 'tartTooltip'; tart.ui.TooltipComponent.prototype.cssClass = 'tartTooltip'; /** @param {Element} refElement Reference element. */ tart.ui.TooltipComponent.prototype.setRefElement = function(refElement) { this.unbindDomEvents(); this.refElement = refElement; this.bindDomEvents(); }; /** @override */ tart.ui.TooltipComponent.prototype.bindDomEvents = function() { switch (this.model.options.type) { case tart.ui.TooltipComponentModel.Type.CLICK: goog.events.listen(this.refElement, goog.events.EventType.CLICK, this.onClick, false, this); break; case tart.ui.TooltipComponentModel.Type.HOVER: default: goog.events.listen(this.refElement, [goog.events.EventType.MOUSEOVER, goog.events.EventType.MOUSEOUT], this.onHover, false, this); goog.events.listen(this.element, goog.events.EventType.MOUSEOUT, this.onBoxMouseout, false, this); } }; tart.ui.TooltipComponent.prototype.onClick = function(e) { this.model.handleEvent(e.type); e.stopPropagation(); this.bodyListen = goog.events.listen(document.body, goog.events.EventType.CLICK, function(e) { if (goog.dom.contains(this.element, e.target)) return; goog.events.unlistenByKey(this.bodyListen); this.model.handleEvent(tart.ui.TooltipComponentModel.SMEventType.BODY_CLICK); }, false, this); }; tart.ui.TooltipComponent.prototype.onHover = function(e) { if (e.type == goog.events.EventType.MOUSEOUT && ((e.relatedTarget && goog.dom.contains(this.element, e.relatedTarget)) || e.relatedTarget == this.element) || e.relatedTarget == null || goog.dom.contains(this.refElement, e.relatedTarget)) return; this.model.handleEvent(e.type); }; tart.ui.TooltipComponent.prototype.onBoxMouseout = function(e) { if (goog.dom.contains(this.element, e.relatedTarget)) { return false; } if (e.relatedTarget != this.refElement) this.model.handleEvent(e.type); }; /** Unbind DOM event listeners of reference element. */ tart.ui.TooltipComponent.prototype.unbindDomEvents = function() { var clickListeners = goog.events.getListeners(this.refElement, goog.events.EventType.CLICK, false), mouseOverListeners = goog.events.getListeners(this.refElement, goog.events.EventType.MOUSEOVER, false), mouseOutListeners = goog.events.getListeners(this.refElement, goog.events.EventType.MOUSEOUT, false), listeners = goog.array.concat(clickListeners, mouseOverListeners, mouseOutListeners); goog.array.forEach(listeners, function(listener) { goog.events.unlistenByKey(listener); }); }; /** @override */ tart.ui.TooltipComponent.prototype.bindModelEvents = function() { goog.events.listen(this.model, tart.ui.TooltipComponentModel.EventType.SHOW, this.onShow, undefined, this); goog.events.listen(this.model, tart.ui.TooltipComponentModel.EventType.INIT, this.onInit, undefined, this); goog.events.listen(this.model, tart.ui.TooltipComponentModel.EventType.CLICK_WAIT, this.onWait, undefined, this); }; tart.ui.TooltipComponent.prototype.onWait = function() { if (this.element.tooltip != this && this.element.tooltip) { this.element.tooltip.reset(); } this.element.tooltip = this; }; tart.ui.TooltipComponent.prototype.onShow = function() { this.contentArea.innerHTML = (this.templates_loading()); document.body.appendChild(this.element); this.element.style.display = 'inline-block'; this.position(); this.windowResizeListener = goog.events.listen(window, goog.events.EventType.RESIZE, function(e) { this.position(); }, false, this); this.windowScrollListener = goog.events.listen(window, goog.events.EventType.SCROLL, function(e) { this.position(); }, false, this); }; tart.ui.TooltipComponent.prototype.reset = function() { this.model.reset(); // sends to onInit }; tart.ui.TooltipComponent.prototype.onInit = function() { this.element.style.display = 'none'; goog.events.unlistenByKey(this.windowResizeListener); goog.events.unlistenByKey(this.windowScrollListener); }; /** * This function returns the base of the tooltip as a string. * @return {string} */ tart.ui.TooltipComponent.prototype.templates_base = function() { return '
' + '
' + '
' + '
' + '
' + '
'; }; /** * This function returns the content area of the tooltip as a string. * @return {string} */ tart.ui.TooltipComponent.prototype.templates_loading = function() { return '
'; }; /** * This function takes a string or an element to append into the content area of the tooltip. * @param content {string | Element} */ tart.ui.TooltipComponent.prototype.setContent = function(content) { if (typeof content == 'string') { this.contentArea.innerHTML = content; } else { this.contentArea.innerHTML = ''; this.contentArea.appendChild(content); } this.position(); }; /** * This method takes a reference element and uses its offSet and size values along with tooltip element's size values * to calculate the right position to display the tooltip. If the toolTip can be shown on the top of the reference * element, it positions the tooltip with the distance calculated by this.model's tipOffset and boxOffset values. If it * is not to possible to display on top, than it looks for the suitable area to display tooltip. The possible matches * are 'right', 'left', 'bottom' and as a default match 'top'. * **/ tart.ui.TooltipComponent.prototype.position = function() { var refElementOffset = goog.style.getPageOffset(this.refElement); var refElementSize = goog.style.getSize(this.refElement); var myElementSize = goog.style.getSize(this.element); var myWrapperSize = goog.style.getSize(this.wrapper); var myWindowSize = goog.dom.getViewportSize(); var winScrollTop = document.body.scrollTop || window.document.documentElement.scrollTop; var winScrollLeft = document.body.scrollLeft || window.document.documentElement.scrollLeft; var coordinate; var handlerFn; var topDown = true; var horizontalShift = 0; var verticalShift = 0; var verticalTipCapShift = 0; var horizontalTipCapShift = 0; if (refElementSize.width < this.model.offsetThreshold) { this.model.tipOffset = refElementSize.width / 2; } if ((refElementOffset.x < winScrollLeft) && (refElementOffset.x + refElementSize.width - winScrollLeft < 2 * this.model.tipOffset)) { topDown = false; this.model.options.direction = tart.ui.TooltipComponentModel.Direction.RIGHT; horizontalTipCapShift = -8; } if (myWindowSize.width + winScrollLeft - refElementOffset.x < 2 * this.model.tipOffset) { topDown = false; this.model.options.direction = tart.ui.TooltipComponentModel.Direction.LEFT; horizontalTipCapShift = myWrapperSize.width; } if (topDown) { if (refElementOffset.x < winScrollLeft) { horizontalShift = winScrollLeft - refElementOffset.x; } if (horizontalShift == 0) { if (myWrapperSize.width + (refElementOffset.x - winScrollLeft) > myWindowSize.width && this.model.options.direction != tart.ui.TooltipComponentModel.Direction.TOP_LEFT) { horizontalShift = horizontalShift + (myWindowSize.width - myWrapperSize.width - refElementOffset.x + winScrollLeft); } } if (refElementOffset.y - winScrollTop >= myElementSize.height + this.model.tipOffset + this.model.boxOffset) { if (this.model.options.direction != tart.ui.TooltipComponentModel.Direction.TOP_LEFT) { this.model.options.direction = tart.ui.TooltipComponentModel.Direction.TOP; } verticalTipCapShift = myWrapperSize.height; } else { this.model.options.direction = tart.ui.TooltipComponentModel.Direction.BOTTOM; verticalTipCapShift = -16; } if (this.model.options.direction == tart.ui.TooltipComponentModel.Direction.TOP_LEFT) { horizontalTipCapShift = myWrapperSize.width - 36; } else { horizontalTipCapShift = (horizontalShift >= 0) ? this.model.tipOffset : (-horizontalShift >= myWrapperSize.width - this.model.tipOffset) ? -horizontalShift : this.model.tipOffset - horizontalShift; } verticalShift = 0; } else { if (myWindowSize.height + winScrollTop - refElementOffset.y - myElementSize.height < 0) { verticalShift = myWindowSize.height + winScrollTop - refElementOffset.y - myElementSize.height; } if (refElementOffset.y <= winScrollTop) { verticalShift = winScrollTop - refElementOffset.y; } if (verticalShift >= 0) { verticalTipCapShift = this.model.tipOffset; } else { verticalTipCapShift = (this.model.tipOffset - verticalShift >= myElementSize.height - this.model.tipOffset) ? myElementSize.height - this.model.tipOffset : this.model.tipOffset - verticalShift; } if (this.model.tipOffset >= myElementSize.height / 2) { verticalTipCapShift = myElementSize.height / 2 - 1; } } this.wrapper.appendChild(this.cap); goog.dom.classlist.remove(this.element, 'right', 'left', 'top', 'bottom', 'topLeft'); goog.dom.classlist.add(this.element, this.model.options.direction); this.cap.style.top = verticalTipCapShift + 'px'; this.cap.style.left = horizontalTipCapShift + 'px'; switch (this.model.options.direction) { case tart.ui.TooltipComponentModel.Direction.LEFT: handlerFn = this.positionLeft; break; case tart.ui.TooltipComponentModel.Direction.RIGHT: handlerFn = this.positionRight; break; case tart.ui.TooltipComponentModel.Direction.BOTTOM: handlerFn = this.positionBottom; break; case tart.ui.TooltipComponentModel.Direction.TOP: handlerFn = this.positionTop; break; case tart.ui.TooltipComponentModel.Direction.TOP_LEFT: handlerFn = this.positionTopLeft; break; default: handlerFn = this.positionTop; break; } coordinate = handlerFn.call(this, refElementOffset, refElementSize, myElementSize); this.element.style.top = coordinate.y + verticalShift + 'px'; this.element.style.left = coordinate.x + horizontalShift + 'px'; }; /** * @protected * * @param refElementOffset {goog.math.Coordinate} * @param refElementSize {goog.math.Size} * @param myElementSize {goog.math.Size} * @return {goog.math.Coordinate} */ tart.ui.TooltipComponent.prototype.positionLeft = function(refElementOffset, refElementSize, myElementSize) { var y = refElementOffset.y - 16; var x = refElementOffset.x - (myElementSize.width); return new goog.math.Coordinate(x, y); }; /** * @protected * * @param refElementOffset {goog.math.Coordinate} * @param refElementSize {goog.math.Size} * @param myElementSize {goog.math.Size} * @return {goog.math.Coordinate} */ tart.ui.TooltipComponent.prototype.positionTop = function(refElementOffset, refElementSize, myElementSize) { var y = refElementOffset.y - (myElementSize.height); var x = refElementOffset.x - 16; return new goog.math.Coordinate(x, y); }; /** * @protected * * @param refElementOffset {goog.math.Coordinate} * @param refElementSize {goog.math.Size} * @param myElementSize {goog.math.Size} * @return {goog.math.Coordinate} */ tart.ui.TooltipComponent.prototype.positionTopLeft = function(refElementOffset, refElementSize, myElementSize) { var y = refElementOffset.y - (myElementSize.height); var x = refElementOffset.x - (myElementSize.width) + 80; return new goog.math.Coordinate(x, y); }; /** * @protected * * @param refElementOffset {goog.math.Coordinate} * @param refElementSize {goog.math.Size} * @param myElementSize {goog.math.Size} * @return {goog.math.Coordinate} */ tart.ui.TooltipComponent.prototype.positionBottom = function(refElementOffset, refElementSize, myElementSize) { var y = refElementOffset.y + refElementSize.height; var x = refElementOffset.x - 16; return new goog.math.Coordinate(x, y); }; /** * @protected * * @param refElementOffset {goog.math.Coordinate} * @param refElementSize {goog.math.Size} * @param myElementSize {goog.math.Size} * @return {goog.math.Coordinate} */ tart.ui.TooltipComponent.prototype.positionRight = function(refElementOffset, refElementSize, myElementSize) { var y = refElementOffset.y - 16; var x = refElementOffset.x + refElementSize.width; return new goog.math.Coordinate(x, y); }; ================================================ FILE: tart/ui/tooltip/TooltipComponentModel.js ================================================ // Copyright 2012 Tart. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview */ goog.provide('tart.ui.TooltipComponentModel'); goog.require('tart.ui.ComponentModel'); goog.require('tart.StateMachine'); /** * @constructor * @extends {tart.ui.ComponentModel} */ tart.ui.TooltipComponentModel = function(options) { options = options || {}; this.options = {}; this.options.timeout = options.timeout || this.timeout; this.options.type = options.type || this.type; this.options.direction = options.direction || this.direction; this.initStateMachine(); }; goog.inherits(tart.ui.TooltipComponentModel, tart.ui.ComponentModel); /** * How long it should take the tooltip to appear for a given event type, in milliseconds. * Timeout 0 is instant activation. * * @type {number} */ tart.ui.TooltipComponentModel.prototype.timeout = 0; /** * Actions to trigger this tooltip. It can be triggered on click or on hover. Default is hover. * * @enum {string} */ tart.ui.TooltipComponentModel.Type = { CLICK: 'click', HOVER: 'hover' }; /** * Tooltip is triggered on hover by default. * * @type {tart.ui.TooltipComponentModel.Type} */ tart.ui.TooltipComponentModel.prototype.type = tart.ui.TooltipComponentModel.Type.HOVER; /** * How many pixels away the tip should be with respect to the reference element. For top and bottom directions, this * is horizontal. For left and right this is vertical. Element (box) positioning is fluid, but this distance should * always be kept. * * @type {number} */ tart.ui.TooltipComponentModel.prototype.tipOffset = 20; /** * How many pixels away the box (element) should be positioned with respect to the reference element. * * @type {number} */ tart.ui.TooltipComponentModel.prototype.boxOffset = 3; /** * If the size of the reference element is greater than this threshold, the tip should be placed at a distance of * tipOffset. Else, the tip should point to the center of the reference element. * * @type {number} */ tart.ui.TooltipComponentModel.prototype.offsetThreshold = 30; /** * Events that this model dispatches at corresponding states * * @enum {string} */ tart.ui.TooltipComponentModel.EventType = { INIT: 'init', SHOW: 'show', CLICK_WAIT: 'clickWait', HOVER_WAIT: 'hoverWait' }; /** * Transition events for the internal state machine * @enum {string} */ tart.ui.TooltipComponentModel.SMEventType = { TIMEOUT: 'timeout', BODY_CLICK: 'bodyClick', MOUSEOVER: goog.events.EventType.MOUSEOVER, MOUSEOUT: goog.events.EventType.MOUSEOUT, CLICK: goog.events.EventType.CLICK }; /** * Direction this tooltip will be shown regarding the reference element. * @enum {string} */ tart.ui.TooltipComponentModel.Direction = { TOP: 'top', BOTTOM: 'bottom', LEFT: 'left', RIGHT: 'right', TOP_LEFT: 'topLeft' }; tart.ui.TooltipComponentModel.prototype.direction = tart.ui.TooltipComponentModel.Direction.TOP; /** * @protected */ tart.ui.TooltipComponentModel.prototype.initStateMachine = function() { var that = this; this.mEvents = tart.ui.TooltipComponentModel.EventType; /** @protected */ this.stateMachine = new tart.StateMachine(); this.stateMachine.smEvents = tart.ui.TooltipComponentModel.SMEventType; this.timeoutHandler = false; this.stateMachine.createStates = function() { var sm = this; var INIT = new tart.State(function() { clearTimeout(that.timeoutHandler); that.dispatchEvent({ type: that.mEvents.INIT }); }); var CLICK_WAIT = new tart.State(function() { that.dispatchEvent({ type: that.mEvents.CLICK_WAIT }); that.timeoutHandler = setTimeout(function() { sm.publish(sm.smEvents.TIMEOUT); }, that.options.timeout); }); var SHOW = new tart.State(function() { clearTimeout(that.timeoutHandler); that.dispatchEvent({ type: that.mEvents.SHOW }); }); var HOVER_WAIT = new tart.State(function() { that.dispatchEvent({ type: that.mEvents.HOVER_WAIT }); that.timeoutHandler = setTimeout(function() { sm.publish(sm.smEvents.TIMEOUT); }, that.options.timeout); }); switch (that.options.type) { case tart.ui.TooltipComponentModel.Type.CLICK: INIT.transitions[this.smEvents.CLICK] = CLICK_WAIT; CLICK_WAIT.transitions[this.smEvents.BODY_CLICK] = INIT; CLICK_WAIT.transitions[this.smEvents.TIMEOUT] = SHOW; SHOW.transitions[this.smEvents.BODY_CLICK] = INIT; SHOW.transitions[this.smEvents.CLICK] = INIT; break; case tart.ui.TooltipComponentModel.Type.HOVER: default: INIT.transitions[this.smEvents.MOUSEOVER] = HOVER_WAIT; HOVER_WAIT.transitions[this.smEvents.MOUSEOUT] = INIT; HOVER_WAIT.transitions[this.smEvents.TIMEOUT] = SHOW; SHOW.transitions[this.smEvents.MOUSEOUT] = INIT; } this.addState(INIT); this.addState(CLICK_WAIT); this.addState(SHOW); this.addState(HOVER_WAIT); return INIT; } this.stateMachine.startMachine(); }; /** * @param {string} type */ tart.ui.TooltipComponentModel.prototype.handleEvent = function(type) { this.stateMachine.publish(type); }; tart.ui.TooltipComponentModel.prototype.reset = function() { this.stateMachine.reset(); }; ================================================ FILE: third_party/jquery/jquery-1.5.2.js ================================================ /*! * jQuery JavaScript Library v1.5.2 * http://jquery.com/ * * Copyright 2011, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2011, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Thu Mar 31 15:28:23 2011 -0400 */ (function( window, undefined ) { // Use the correct document accordingly with window argument (sandbox) var document = window.document; var jQuery = (function() { // Define a local copy of jQuery var jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector, context, rootjQuery ); }, // Map over jQuery in case of overwrite _jQuery = window.jQuery, // Map over the $ in case of overwrite _$ = window.$, // A central reference to the root jQuery(document) rootjQuery, // A simple way to check for HTML strings or ID strings // (both of which we optimize for) quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/, // Check if a string has a non-whitespace character in it rnotwhite = /\S/, // Used for trimming whitespace trimLeft = /^\s+/, trimRight = /\s+$/, // Check for digits rdigit = /\d/, // Match a standalone tag rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/, // JSON RegExp rvalidchars = /^[\],:{}\s]*$/, rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g, // Useragent RegExp rwebkit = /(webkit)[ \/]([\w.]+)/, ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/, rmsie = /(msie) ([\w.]+)/, rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/, // Keep a UserAgent string for use with jQuery.browser userAgent = navigator.userAgent, // For matching the engine and version of the browser browserMatch, // The deferred used on DOM ready readyList, // The ready event handler DOMContentLoaded, // Save a reference to some core methods toString = Object.prototype.toString, hasOwn = Object.prototype.hasOwnProperty, push = Array.prototype.push, slice = Array.prototype.slice, trim = String.prototype.trim, indexOf = Array.prototype.indexOf, // [[Class]] -> type pairs class2type = {}; jQuery.fn = jQuery.prototype = { constructor: jQuery, init: function( selector, context, rootjQuery ) { var match, elem, ret, doc; // Handle $(""), $(null), or $(undefined) if ( !selector ) { return this; } // Handle $(DOMElement) if ( selector.nodeType ) { this.context = this[0] = selector; this.length = 1; return this; } // The body element only exists once, optimize finding it if ( selector === "body" && !context && document.body ) { this.context = document; this[0] = document.body; this.selector = "body"; this.length = 1; return this; } // Handle HTML strings if ( typeof selector === "string" ) { // Are we dealing with HTML string or an ID? match = quickExpr.exec( selector ); // Verify a match, and that no context was specified for #id if ( match && (match[1] || !context) ) { // HANDLE: $(html) -> $(array) if ( match[1] ) { context = context instanceof jQuery ? context[0] : context; doc = (context ? context.ownerDocument || context : document); // If a single string is passed in and it's a single tag // just do a createElement and skip the rest ret = rsingleTag.exec( selector ); if ( ret ) { if ( jQuery.isPlainObject( context ) ) { selector = [ document.createElement( ret[1] ) ]; jQuery.fn.attr.call( selector, context, true ); } else { selector = [ doc.createElement( ret[1] ) ]; } } else { ret = jQuery.buildFragment( [ match[1] ], [ doc ] ); selector = (ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment).childNodes; } return jQuery.merge( this, selector ); // HANDLE: $("#id") } else { elem = document.getElementById( match[2] ); // Check parentNode to catch when Blackberry 4.6 returns // nodes that are no longer in the document #6963 if ( elem && elem.parentNode ) { // Handle the case where IE and Opera return items // by name instead of ID if ( elem.id !== match[2] ) { return rootjQuery.find( selector ); } // Otherwise, we inject the element directly into the jQuery object this.length = 1; this[0] = elem; } this.context = document; this.selector = selector; return this; } // HANDLE: $(expr, $(...)) } else if ( !context || context.jquery ) { return (context || rootjQuery).find( selector ); // HANDLE: $(expr, context) // (which is just equivalent to: $(context).find(expr) } else { return $( context ).find( selector ); } // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } if (selector.selector !== undefined) { this.selector = selector.selector; this.context = selector.context; } return jQuery.makeArray( selector, this ); }, // Start with an empty selector selector: "", // The current version of jQuery being used jquery: "1.5.2", // The default length of a jQuery object is 0 length: 0, // The number of elements contained in the matched element set size: function() { return this.length; }, toArray: function() { return slice.call( this, 0 ); }, // Get the Nth element in the matched element set OR // Get the whole matched element set as a clean array get: function( num ) { return num == null ? // Return a 'clean' array this.toArray() : // Return just the object ( num < 0 ? this[ this.length + num ] : this[ num ] ); }, // Take an array of elements and push it onto the stack // (returning the new matched element set) pushStack: function( elems, name, selector ) { // Build a new jQuery matched element set var ret = $(); if ( jQuery.isArray( elems ) ) { push.apply( ret, elems ); } else { jQuery.merge( ret, elems ); } // Add the old object onto the stack (as a reference) ret.prevObject = this; ret.context = this.context; if ( name === "find" ) { ret.selector = this.selector + (this.selector ? " " : "") + selector; } else if ( name ) { ret.selector = this.selector + "." + name + "(" + selector + ")"; } // Return the newly-formed element set return ret; }, // Execute a callback for every element in the matched set. // (You can seed the arguments with an array of args, but this is // only used internally.) each: function( callback, args ) { return jQuery.each( this, callback, args ); }, ready: function( fn ) { // Attach the listeners jQuery.bindReady(); // Add the callback readyList.done( fn ); return this; }, eq: function( i ) { return i === -1 ? this.slice( i ) : this.slice( i, +i + 1 ); }, first: function() { return this.eq( 0 ); }, last: function() { return this.eq( -1 ); }, slice: function() { return this.pushStack( slice.apply( this, arguments ), "slice", slice.call(arguments).join(",") ); }, map: function( callback ) { return this.pushStack( jQuery.map(this, function( elem, i ) { return callback.call( elem, i, elem ); })); }, end: function() { return this.prevObject || this.constructor(null); }, // For internal use only. // Behaves like an Array's method, not like a jQuery method. push: push, sort: [].sort, splice: [].splice }; // Give the init function the jQuery prototype for later instantiation jQuery.fn.init.prototype = jQuery.fn; jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, i = 1, length = arguments.length, deep = false; // Handle a deep copy situation if ( typeof target === "boolean" ) { deep = target; target = arguments[1] || {}; // skip the boolean and the target i = 2; } // Handle case when target is a string or something (possible in deep copy) if ( typeof target !== "object" && !jQuery.isFunction(target) ) { target = {}; } // extend jQuery itself if only one argument is passed if ( length === i ) { target = this; --i; } for ( ; i < length; i++ ) { // Only deal with non-null/undefined values if ( (options = arguments[ i ]) != null ) { // Extend the base object for ( name in options ) { src = target[ name ]; copy = options[ name ]; // Prevent never-ending loop if ( target === copy ) { continue; } // Recurse if we're merging plain objects or arrays if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { if ( copyIsArray ) { copyIsArray = false; clone = src && jQuery.isArray(src) ? src : []; } else { clone = src && jQuery.isPlainObject(src) ? src : {}; } // Never move original objects, clone them target[ name ] = jQuery.extend( deep, clone, copy ); // Don't bring in undefined values } else if ( copy !== undefined ) { target[ name ] = copy; } } } } // Return the modified object return target; }; jQuery.extend({ noConflict: function( deep ) { window.$ = _$; if ( deep ) { window.jQuery = _jQuery; } return jQuery; }, // Is the DOM ready to be used? Set to true once it occurs. isReady: false, // A counter to track how many items to wait for before // the ready event fires. See #6781 readyWait: 1, // Handle when the DOM is ready ready: function( wait ) { // A third-party is pushing the ready event forwards if ( wait === true ) { jQuery.readyWait--; } // Make sure that the DOM is not already loaded if ( !jQuery.readyWait || (wait !== true && !jQuery.isReady) ) { // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443). if ( !document.body ) { return setTimeout( jQuery.ready, 1 ); } // Remember that the DOM is ready jQuery.isReady = true; // If a normal DOM Ready event fired, decrement, and wait if need be if ( wait !== true && --jQuery.readyWait > 0 ) { return; } // If there are functions bound, to execute readyList.resolveWith( document, [ jQuery ] ); // Trigger any bound ready events if ( jQuery.fn.trigger ) { jQuery( document ).trigger( "ready" ).unbind( "ready" ); } } }, bindReady: function() { if ( readyList ) { return; } readyList = jQuery._Deferred(); // Catch cases where $(document).ready() is called after the // browser event has already occurred. if ( document.readyState === "complete" ) { // Handle it asynchronously to allow scripts the opportunity to delay ready return setTimeout( jQuery.ready, 1 ); } // Mozilla, Opera and webkit nightlies currently support this event if ( document.addEventListener ) { // Use the handy event callback document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false ); // A fallback to window.onload, that will always work window.addEventListener( "load", jQuery.ready, false ); // If IE event model is used } else if ( document.attachEvent ) { // ensure firing before onload, // maybe late but safe also for iframes document.attachEvent("onreadystatechange", DOMContentLoaded); // A fallback to window.onload, that will always work window.attachEvent( "onload", jQuery.ready ); // If IE and not a frame // continually check to see if the document is ready var toplevel = false; try { toplevel = window.frameElement == null; } catch(e) {} if ( document.documentElement.doScroll && toplevel ) { doScrollCheck(); } } }, // See test/unit/core.js for details concerning isFunction. // Since version 1.3, DOM methods and functions like alert // aren't supported. They return false on IE (#2968). isFunction: function( obj ) { return jQuery.type(obj) === "function"; }, isArray: Array.isArray || function( obj ) { return jQuery.type(obj) === "array"; }, // A crude way of determining if an object is a window isWindow: function( obj ) { return obj && typeof obj === "object" && "setInterval" in obj; }, isNaN: function( obj ) { return obj == null || !rdigit.test( obj ) || isNaN( obj ); }, type: function( obj ) { return obj == null ? String( obj ) : class2type[ toString.call(obj) ] || "object"; }, isPlainObject: function( obj ) { // Must be an Object. // Because of IE, we also have to check the presence of the constructor property. // Make sure that DOM nodes and window objects don't pass through, as well if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) { return false; } // Not own constructor property must be Object if ( obj.constructor && !hasOwn.call(obj, "constructor") && !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) { return false; } // Own properties are enumerated firstly, so to speed up, // if last one is own, then all properties are own. var key; for ( key in obj ) {} return key === undefined || hasOwn.call( obj, key ); }, isEmptyObject: function( obj ) { for ( var name in obj ) { return false; } return true; }, error: function( msg ) { throw msg; }, parseJSON: function( data ) { if ( typeof data !== "string" || !data ) { return null; } // Make sure leading/trailing whitespace is removed (IE can't handle it) data = jQuery.trim( data ); // Make sure the incoming data is actual JSON // Logic borrowed from http://json.org/json2.js if ( rvalidchars.test(data.replace(rvalidescape, "@") .replace(rvalidtokens, "]") .replace(rvalidbraces, "")) ) { // Try to use the native JSON parser first return window.JSON && window.JSON.parse ? window.JSON.parse( data ) : (new Function("return " + data))(); } else { jQuery.error( "Invalid JSON: " + data ); } }, // Cross-browser xml parsing // (xml & tmp used internally) parseXML: function( data , xml , tmp ) { if ( window.DOMParser ) { // Standard tmp = new DOMParser(); xml = tmp.parseFromString( data , "text/xml" ); } else { // IE xml = new ActiveXObject( "Microsoft.XMLDOM" ); xml.async = "false"; xml.loadXML( data ); } tmp = xml.documentElement; if ( ! tmp || ! tmp.nodeName || tmp.nodeName === "parsererror" ) { jQuery.error( "Invalid XML: " + data ); } return xml; }, noop: function() {}, // Evalulates a script in a global context globalEval: function( data ) { if ( data && rnotwhite.test(data) ) { // Inspired by code by Andrea Giammarchi // http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html var head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement, script = document.createElement( "script" ); if ( jQuery.support.scriptEval() ) { script.appendChild( document.createTextNode( data ) ); } else { script.text = data; } // Use insertBefore instead of appendChild to circumvent an IE6 bug. // This arises when a base node is used (#2709). head.insertBefore( script, head.firstChild ); head.removeChild( script ); } }, nodeName: function( elem, name ) { return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase(); }, // args is for internal usage only each: function( object, callback, args ) { var name, i = 0, length = object.length, isObj = length === undefined || jQuery.isFunction(object); if ( args ) { if ( isObj ) { for ( name in object ) { if ( callback.apply( object[ name ], args ) === false ) { break; } } } else { for ( ; i < length; ) { if ( callback.apply( object[ i++ ], args ) === false ) { break; } } } // A special, fast, case for the most common use of each } else { if ( isObj ) { for ( name in object ) { if ( callback.call( object[ name ], name, object[ name ] ) === false ) { break; } } } else { for ( var value = object[0]; i < length && callback.call( value, i, value ) !== false; value = object[++i] ) {} } } return object; }, // Use native String.trim function wherever possible trim: trim ? function( text ) { return text == null ? "" : trim.call( text ); } : // Otherwise use our own trimming functionality function( text ) { return text == null ? "" : text.toString().replace( trimLeft, "" ).replace( trimRight, "" ); }, // results is for internal usage only makeArray: function( array, results ) { var ret = results || []; if ( array != null ) { // The window, strings (and functions) also have 'length' // The extra typeof function check is to prevent crashes // in Safari 2 (See: #3039) // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930 var type = jQuery.type(array); if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) { push.call( ret, array ); } else { jQuery.merge( ret, array ); } } return ret; }, inArray: function( elem, array ) { if ( array.indexOf ) { return array.indexOf( elem ); } for ( var i = 0, length = array.length; i < length; i++ ) { if ( array[ i ] === elem ) { return i; } } return -1; }, merge: function( first, second ) { var i = first.length, j = 0; if ( typeof second.length === "number" ) { for ( var l = second.length; j < l; j++ ) { first[ i++ ] = second[ j ]; } } else { while ( second[j] !== undefined ) { first[ i++ ] = second[ j++ ]; } } first.length = i; return first; }, grep: function( elems, callback, inv ) { var ret = [], retVal; inv = !!inv; // Go through the array, only saving the items // that pass the validator function for ( var i = 0, length = elems.length; i < length; i++ ) { retVal = !!callback( elems[ i ], i ); if ( inv !== retVal ) { ret.push( elems[ i ] ); } } return ret; }, // arg is for internal usage only map: function( elems, callback, arg ) { var ret = [], value; // Go through the array, translating each of the items to their // new value (or values). for ( var i = 0, length = elems.length; i < length; i++ ) { value = callback( elems[ i ], i, arg ); if ( value != null ) { ret[ ret.length ] = value; } } // Flatten any nested arrays return ret.concat.apply( [], ret ); }, // A global GUID counter for objects guid: 1, proxy: function( fn, proxy, thisObject ) { if ( arguments.length === 2 ) { if ( typeof proxy === "string" ) { thisObject = fn; fn = thisObject[ proxy ]; proxy = undefined; } else if ( proxy && !jQuery.isFunction( proxy ) ) { thisObject = proxy; proxy = undefined; } } if ( !proxy && fn ) { proxy = function() { return fn.apply( thisObject || this, arguments ); }; } // Set the guid of unique handler to the same of original handler, so it can be removed if ( fn ) { proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++; } // So proxy can be declared as an argument return proxy; }, // Mutifunctional method to get and set values to a collection // The value/s can be optionally by executed if its a function access: function( elems, key, value, exec, fn, pass ) { var length = elems.length; // Setting many attributes if ( typeof key === "object" ) { for ( var k in key ) { jQuery.access( elems, k, key[k], exec, fn, value ); } return elems; } // Setting one attribute if ( value !== undefined ) { // Optionally, function values get executed if exec is true exec = !pass && exec && jQuery.isFunction(value); for ( var i = 0; i < length; i++ ) { fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass ); } return elems; } // Getting an attribute return length ? fn( elems[0], key ) : undefined; }, now: function() { return (new Date()).getTime(); }, // Use of jQuery.browser is frowned upon. // More details: http://docs.jquery.com/Utilities/jQuery.browser uaMatch: function( ua ) { ua = ua.toLowerCase(); var match = rwebkit.exec( ua ) || ropera.exec( ua ) || rmsie.exec( ua ) || ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) || []; return { browser: match[1] || "", version: match[2] || "0" }; }, sub: function() { function jQuerySubclass( selector, context ) { return new jQuerySubclass.fn.init( selector, context ); } jQuery.extend( true, jQuerySubclass, this ); jQuerySubclass.superclass = this; jQuerySubclass.fn = jQuerySubclass.prototype = this(); jQuerySubclass.fn.constructor = jQuerySubclass; jQuerySubclass.subclass = this.subclass; jQuerySubclass.fn.init = function init( selector, context ) { if ( context && context instanceof jQuery && !(context instanceof jQuerySubclass) ) { context = jQuerySubclass(context); } return jQuery.fn.init.call( this, selector, context, rootjQuerySubclass ); }; jQuerySubclass.fn.init.prototype = jQuerySubclass.fn; var rootjQuerySubclass = jQuerySubclass(document); return jQuerySubclass; }, browser: {} }); // Populate the class2type map jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) { class2type[ "[object " + name + "]" ] = name.toLowerCase(); }); browserMatch = jQuery.uaMatch( userAgent ); if ( browserMatch.browser ) { jQuery.browser[ browserMatch.browser ] = true; jQuery.browser.version = browserMatch.version; } // Deprecated, use jQuery.browser.webkit instead if ( jQuery.browser.webkit ) { jQuery.browser.safari = true; } if ( indexOf ) { jQuery.inArray = function( elem, array ) { return indexOf.call( array, elem ); }; } // IE doesn't match non-breaking spaces with \s if ( rnotwhite.test( "\xA0" ) ) { trimLeft = /^[\s\xA0]+/; trimRight = /[\s\xA0]+$/; } // All jQuery objects should point back to these rootjQuery = jQuery(document); // Cleanup functions for the document ready method if ( document.addEventListener ) { DOMContentLoaded = function() { document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false ); jQuery.ready(); }; } else if ( document.attachEvent ) { DOMContentLoaded = function() { // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443). if ( document.readyState === "complete" ) { document.detachEvent( "onreadystatechange", DOMContentLoaded ); jQuery.ready(); } }; } // The DOM ready check for Internet Explorer function doScrollCheck() { if ( jQuery.isReady ) { return; } try { // If IE is used, use the trick by Diego Perini // http://javascript.nwbox.com/IEContentLoaded/ document.documentElement.doScroll("left"); } catch(e) { setTimeout( doScrollCheck, 1 ); return; } // and execute any waiting functions jQuery.ready(); } // Expose jQuery to the global object return jQuery; })(); var // Promise methods promiseMethods = "then done fail isResolved isRejected promise".split( " " ), // Static reference to slice sliceDeferred = [].slice; jQuery.extend({ // Create a simple deferred (one callbacks list) _Deferred: function() { var // callbacks list callbacks = [], // stored [ context , args ] fired, // to avoid firing when already doing so firing, // flag to know if the deferred has been cancelled cancelled, // the deferred itself deferred = { // done( f1, f2, ...) done: function() { if ( !cancelled ) { var args = arguments, i, length, elem, type, _fired; if ( fired ) { _fired = fired; fired = 0; } for ( i = 0, length = args.length; i < length; i++ ) { elem = args[ i ]; type = jQuery.type( elem ); if ( type === "array" ) { deferred.done.apply( deferred, elem ); } else if ( type === "function" ) { callbacks.push( elem ); } } if ( _fired ) { deferred.resolveWith( _fired[ 0 ], _fired[ 1 ] ); } } return this; }, // resolve with given context and args resolveWith: function( context, args ) { if ( !cancelled && !fired && !firing ) { // make sure args are available (#8421) args = args || []; firing = 1; try { while( callbacks[ 0 ] ) { callbacks.shift().apply( context, args ); } } finally { fired = [ context, args ]; firing = 0; } } return this; }, // resolve with this as context and given arguments resolve: function() { deferred.resolveWith( this, arguments ); return this; }, // Has this deferred been resolved? isResolved: function() { return !!( firing || fired ); }, // Cancel cancel: function() { cancelled = 1; callbacks = []; return this; } }; return deferred; }, // Full fledged deferred (two callbacks list) Deferred: function( func ) { var deferred = jQuery._Deferred(), failDeferred = jQuery._Deferred(), promise; // Add errorDeferred methods, then and promise jQuery.extend( deferred, { then: function( doneCallbacks, failCallbacks ) { deferred.done( doneCallbacks ).fail( failCallbacks ); return this; }, fail: failDeferred.done, rejectWith: failDeferred.resolveWith, reject: failDeferred.resolve, isRejected: failDeferred.isResolved, // Get a promise for this deferred // If obj is provided, the promise aspect is added to the object promise: function( obj ) { if ( obj == null ) { if ( promise ) { return promise; } promise = obj = {}; } var i = promiseMethods.length; while( i-- ) { obj[ promiseMethods[i] ] = deferred[ promiseMethods[i] ]; } return obj; } } ); // Make sure only one callback list will be used deferred.done( failDeferred.cancel ).fail( deferred.cancel ); // Unexpose cancel delete deferred.cancel; // Call given func if any if ( func ) { func.call( deferred, deferred ); } return deferred; }, // Deferred helper when: function( firstParam ) { var args = arguments, i = 0, length = args.length, count = length, deferred = length <= 1 && firstParam && jQuery.isFunction( firstParam.promise ) ? firstParam : jQuery.Deferred(); function resolveFunc( i ) { return function( value ) { args[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value; if ( !( --count ) ) { // Strange bug in FF4: // Values changed onto the arguments object sometimes end up as undefined values // outside the $.when method. Cloning the object into a fresh array solves the issue deferred.resolveWith( deferred, sliceDeferred.call( args, 0 ) ); } }; } if ( length > 1 ) { for( ; i < length; i++ ) { if ( args[ i ] && jQuery.isFunction( args[ i ].promise ) ) { args[ i ].promise().then( resolveFunc(i), deferred.reject ); } else { --count; } } if ( !count ) { deferred.resolveWith( deferred, args ); } } else if ( deferred !== firstParam ) { deferred.resolveWith( deferred, length ? [ firstParam ] : [] ); } return deferred.promise(); } }); (function() { jQuery.support = {}; var div = document.createElement("div"); div.style.display = "none"; div.innerHTML = "
a"; var all = div.getElementsByTagName("*"), a = div.getElementsByTagName("a")[0], select = document.createElement("select"), opt = select.appendChild( document.createElement("option") ), input = div.getElementsByTagName("input")[0]; // Can't get basic test support if ( !all || !all.length || !a ) { return; } jQuery.support = { // IE strips leading whitespace when .innerHTML is used leadingWhitespace: div.firstChild.nodeType === 3, // Make sure that tbody elements aren't automatically inserted // IE will insert them into empty tables tbody: !div.getElementsByTagName("tbody").length, // Make sure that link elements get serialized correctly by innerHTML // This requires a wrapper element in IE htmlSerialize: !!div.getElementsByTagName("link").length, // Get the style information from getAttribute // (IE uses .cssText insted) style: /red/.test( a.getAttribute("style") ), // Make sure that URLs aren't manipulated // (IE normalizes it by default) hrefNormalized: a.getAttribute("href") === "/a", // Make sure that element opacity exists // (IE uses filter instead) // Use a regex to work around a WebKit issue. See #5145 opacity: /^0.55$/.test( a.style.opacity ), // Verify style float existence // (IE uses styleFloat instead of cssFloat) cssFloat: !!a.style.cssFloat, // Make sure that if no value is specified for a checkbox // that it defaults to "on". // (WebKit defaults to "" instead) checkOn: input.value === "on", // Make sure that a selected-by-default option has a working selected property. // (WebKit defaults to false instead of true, IE too, if it's in an optgroup) optSelected: opt.selected, // Will be defined later deleteExpando: true, optDisabled: false, checkClone: false, noCloneEvent: true, noCloneChecked: true, boxModel: null, inlineBlockNeedsLayout: false, shrinkWrapBlocks: false, reliableHiddenOffsets: true, reliableMarginRight: true }; input.checked = true; jQuery.support.noCloneChecked = input.cloneNode( true ).checked; // Make sure that the options inside disabled selects aren't marked as disabled // (WebKit marks them as diabled) select.disabled = true; jQuery.support.optDisabled = !opt.disabled; var _scriptEval = null; jQuery.support.scriptEval = function() { if ( _scriptEval === null ) { var root = document.documentElement, script = document.createElement("script"), id = "script" + jQuery.now(); // Make sure that the execution of code works by injecting a script // tag with appendChild/createTextNode // (IE doesn't support this, fails, and uses .text instead) try { script.appendChild( document.createTextNode( "window." + id + "=1;" ) ); } catch(e) {} root.insertBefore( script, root.firstChild ); if ( window[ id ] ) { _scriptEval = true; delete window[ id ]; } else { _scriptEval = false; } root.removeChild( script ); } return _scriptEval; }; // Test to see if it's possible to delete an expando from an element // Fails in Internet Explorer try { delete div.test; } catch(e) { jQuery.support.deleteExpando = false; } if ( !div.addEventListener && div.attachEvent && div.fireEvent ) { div.attachEvent("onclick", function click() { // Cloning a node shouldn't copy over any // bound event handlers (IE does this) jQuery.support.noCloneEvent = false; div.detachEvent("onclick", click); }); div.cloneNode(true).fireEvent("onclick"); } div = document.createElement("div"); div.innerHTML = ""; var fragment = document.createDocumentFragment(); fragment.appendChild( div.firstChild ); // WebKit doesn't clone checked state correctly in fragments jQuery.support.checkClone = fragment.cloneNode(true).cloneNode(true).lastChild.checked; // Figure out if the W3C box model works as expected // document.body must exist before we can do this jQuery(function() { var div = document.createElement("div"), body = document.getElementsByTagName("body")[0]; // Frameset documents with no body should not run this code if ( !body ) { return; } div.style.width = div.style.paddingLeft = "1px"; body.appendChild( div ); jQuery.boxModel = jQuery.support.boxModel = div.offsetWidth === 2; if ( "zoom" in div.style ) { // Check if natively block-level elements act like inline-block // elements when setting their display to 'inline' and giving // them layout // (IE < 8 does this) div.style.display = "inline"; div.style.zoom = 1; jQuery.support.inlineBlockNeedsLayout = div.offsetWidth === 2; // Check if elements with layout shrink-wrap their children // (IE 6 does this) div.style.display = ""; div.innerHTML = "
"; jQuery.support.shrinkWrapBlocks = div.offsetWidth !== 2; } div.innerHTML = "
t
"; var tds = div.getElementsByTagName("td"); // Check if table cells still have offsetWidth/Height when they are set // to display:none and there are still other visible table cells in a // table row; if so, offsetWidth/Height are not reliable for use when // determining if an element has been hidden directly using // display:none (it is still safe to use offsets if a parent element is // hidden; don safety goggles and see bug #4512 for more information). // (only IE 8 fails this test) jQuery.support.reliableHiddenOffsets = tds[0].offsetHeight === 0; tds[0].style.display = ""; tds[1].style.display = "none"; // Check if empty table cells still have offsetWidth/Height // (IE < 8 fail this test) jQuery.support.reliableHiddenOffsets = jQuery.support.reliableHiddenOffsets && tds[0].offsetHeight === 0; div.innerHTML = ""; // Check if div with explicit width and no margin-right incorrectly // gets computed margin-right based on width of container. For more // info see bug #3333 // Fails in WebKit before Feb 2011 nightlies // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right if ( document.defaultView && document.defaultView.getComputedStyle ) { div.style.width = "1px"; div.style.marginRight = "0"; jQuery.support.reliableMarginRight = ( parseInt(document.defaultView.getComputedStyle(div, null).marginRight, 10) || 0 ) === 0; } body.removeChild( div ).style.display = "none"; div = tds = null; }); // Technique from Juriy Zaytsev // http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/ var eventSupported = function( eventName ) { var el = document.createElement("div"); eventName = "on" + eventName; // We only care about the case where non-standard event systems // are used, namely in IE. Short-circuiting here helps us to // avoid an eval call (in setAttribute) which can cause CSP // to go haywire. See: https://developer.mozilla.org/en/Security/CSP if ( !el.attachEvent ) { return true; } var isSupported = (eventName in el); if ( !isSupported ) { el.setAttribute(eventName, "return;"); isSupported = typeof el[eventName] === "function"; } return isSupported; }; jQuery.support.submitBubbles = eventSupported("submit"); jQuery.support.changeBubbles = eventSupported("change"); // release memory in IE div = all = a = null; })(); var rbrace = /^(?:\{.*\}|\[.*\])$/; jQuery.extend({ cache: {}, // Please use with caution uuid: 0, // Unique for each copy of jQuery on the page // Non-digits removed to match rinlinejQuery expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ), // The following elements throw uncatchable exceptions if you // attempt to add expando properties to them. noData: { "embed": true, // Ban all objects except for Flash (which handle expandos) "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000", "applet": true }, hasData: function( elem ) { elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ]; return !!elem && !isEmptyDataObject( elem ); }, data: function( elem, name, data, pvt /* Internal Use Only */ ) { if ( !jQuery.acceptData( elem ) ) { return; } var internalKey = jQuery.expando, getByName = typeof name === "string", thisCache, // We have to handle DOM nodes and JS objects differently because IE6-7 // can't GC object references properly across the DOM-JS boundary isNode = elem.nodeType, // Only DOM nodes need the global jQuery cache; JS object data is // attached directly to the object so GC can occur automatically cache = isNode ? jQuery.cache : elem, // Only defining an ID for JS objects if its cache already exists allows // the code to shortcut on the same path as a DOM node with no cache id = isNode ? elem[ jQuery.expando ] : elem[ jQuery.expando ] && jQuery.expando; // Avoid doing any more work than we need to when trying to get data on an // object that has no data at all if ( (!id || (pvt && id && !cache[ id ][ internalKey ])) && getByName && data === undefined ) { return; } if ( !id ) { // Only DOM nodes need a new unique ID for each element since their data // ends up in the global cache if ( isNode ) { elem[ jQuery.expando ] = id = ++jQuery.uuid; } else { id = jQuery.expando; } } if ( !cache[ id ] ) { cache[ id ] = {}; // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery // metadata on plain JS objects when the object is serialized using // JSON.stringify if ( !isNode ) { cache[ id ].toJSON = jQuery.noop; } } // An object can be passed to jQuery.data instead of a key/value pair; this gets // shallow copied over onto the existing cache if ( typeof name === "object" || typeof name === "function" ) { if ( pvt ) { cache[ id ][ internalKey ] = jQuery.extend(cache[ id ][ internalKey ], name); } else { cache[ id ] = jQuery.extend(cache[ id ], name); } } thisCache = cache[ id ]; // Internal jQuery data is stored in a separate object inside the object's data // cache in order to avoid key collisions between internal data and user-defined // data if ( pvt ) { if ( !thisCache[ internalKey ] ) { thisCache[ internalKey ] = {}; } thisCache = thisCache[ internalKey ]; } if ( data !== undefined ) { thisCache[ name ] = data; } // TODO: This is a hack for 1.5 ONLY. It will be removed in 1.6. Users should // not attempt to inspect the internal events object using jQuery.data, as this // internal data object is undocumented and subject to change. if ( name === "events" && !thisCache[name] ) { return thisCache[ internalKey ] && thisCache[ internalKey ].events; } return getByName ? thisCache[ name ] : thisCache; }, removeData: function( elem, name, pvt /* Internal Use Only */ ) { if ( !jQuery.acceptData( elem ) ) { return; } var internalKey = jQuery.expando, isNode = elem.nodeType, // See jQuery.data for more information cache = isNode ? jQuery.cache : elem, // See jQuery.data for more information id = isNode ? elem[ jQuery.expando ] : jQuery.expando; // If there is already no cache entry for this object, there is no // purpose in continuing if ( !cache[ id ] ) { return; } if ( name ) { var thisCache = pvt ? cache[ id ][ internalKey ] : cache[ id ]; if ( thisCache ) { delete thisCache[ name ]; // If there is no data left in the cache, we want to continue // and let the cache object itself get destroyed if ( !isEmptyDataObject(thisCache) ) { return; } } } // See jQuery.data for more information if ( pvt ) { delete cache[ id ][ internalKey ]; // Don't destroy the parent cache unless the internal data object // had been the only thing left in it if ( !isEmptyDataObject(cache[ id ]) ) { return; } } var internalCache = cache[ id ][ internalKey ]; // Browsers that fail expando deletion also refuse to delete expandos on // the window, but it will allow it on all other JS objects; other browsers // don't care if ( jQuery.support.deleteExpando || cache != window ) { delete cache[ id ]; } else { cache[ id ] = null; } // We destroyed the entire user cache at once because it's faster than // iterating through each key, but we need to continue to persist internal // data if it existed if ( internalCache ) { cache[ id ] = {}; // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery // metadata on plain JS objects when the object is serialized using // JSON.stringify if ( !isNode ) { cache[ id ].toJSON = jQuery.noop; } cache[ id ][ internalKey ] = internalCache; // Otherwise, we need to eliminate the expando on the node to avoid // false lookups in the cache for entries that no longer exist } else if ( isNode ) { // IE does not allow us to delete expando properties from nodes, // nor does it have a removeAttribute function on Document nodes; // we must handle all of these cases if ( jQuery.support.deleteExpando ) { delete elem[ jQuery.expando ]; } else if ( elem.removeAttribute ) { elem.removeAttribute( jQuery.expando ); } else { elem[ jQuery.expando ] = null; } } }, // For internal use only. _data: function( elem, name, data ) { return jQuery.data( elem, name, data, true ); }, // A method for determining if a DOM node can handle the data expando acceptData: function( elem ) { if ( elem.nodeName ) { var match = jQuery.noData[ elem.nodeName.toLowerCase() ]; if ( match ) { return !(match === true || elem.getAttribute("classid") !== match); } } return true; } }); jQuery.fn.extend({ data: function( key, value ) { var data = null; if ( typeof key === "undefined" ) { if ( this.length ) { data = jQuery.data( this[0] ); if ( this[0].nodeType === 1 ) { var attr = this[0].attributes, name; for ( var i = 0, l = attr.length; i < l; i++ ) { name = attr[i].name; if ( name.indexOf( "data-" ) === 0 ) { name = name.substr( 5 ); dataAttr( this[0], name, data[ name ] ); } } } } return data; } else if ( typeof key === "object" ) { return this.each(function() { jQuery.data( this, key ); }); } var parts = key.split("."); parts[1] = parts[1] ? "." + parts[1] : ""; if ( value === undefined ) { data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]); // Try to fetch any internally stored data first if ( data === undefined && this.length ) { data = jQuery.data( this[0], key ); data = dataAttr( this[0], key, data ); } return data === undefined && parts[1] ? this.data( parts[0] ) : data; } else { return this.each(function() { var $this = jQuery( this ), args = [ parts[0], value ]; $this.triggerHandler( "setData" + parts[1] + "!", args ); jQuery.data( this, key, value ); $this.triggerHandler( "changeData" + parts[1] + "!", args ); }); } }, removeData: function( key ) { return this.each(function() { jQuery.removeData( this, key ); }); } }); function dataAttr( elem, key, data ) { // If nothing was found internally, try to fetch any // data from the HTML5 data-* attribute if ( data === undefined && elem.nodeType === 1 ) { data = elem.getAttribute( "data-" + key ); if ( typeof data === "string" ) { try { data = data === "true" ? true : data === "false" ? false : data === "null" ? null : !jQuery.isNaN( data ) ? parseFloat( data ) : rbrace.test( data ) ? jQuery.parseJSON( data ) : data; } catch( e ) {} // Make sure we set the data so it isn't changed later jQuery.data( elem, key, data ); } else { data = undefined; } } return data; } // TODO: This is a hack for 1.5 ONLY to allow objects with a single toJSON // property to be considered empty objects; this property always exists in // order to make sure JSON.stringify does not expose internal metadata function isEmptyDataObject( obj ) { for ( var name in obj ) { if ( name !== "toJSON" ) { return false; } } return true; } jQuery.extend({ queue: function( elem, type, data ) { if ( !elem ) { return; } type = (type || "fx") + "queue"; var q = jQuery._data( elem, type ); // Speed up dequeue by getting out quickly if this is just a lookup if ( !data ) { return q || []; } if ( !q || jQuery.isArray(data) ) { q = jQuery._data( elem, type, jQuery.makeArray(data) ); } else { q.push( data ); } return q; }, dequeue: function( elem, type ) { type = type || "fx"; var queue = jQuery.queue( elem, type ), fn = queue.shift(); // If the fx queue is dequeued, always remove the progress sentinel if ( fn === "inprogress" ) { fn = queue.shift(); } if ( fn ) { // Add a progress sentinel to prevent the fx queue from being // automatically dequeued if ( type === "fx" ) { queue.unshift("inprogress"); } fn.call(elem, function() { jQuery.dequeue(elem, type); }); } if ( !queue.length ) { jQuery.removeData( elem, type + "queue", true ); } } }); jQuery.fn.extend({ queue: function( type, data ) { if ( typeof type !== "string" ) { data = type; type = "fx"; } if ( data === undefined ) { return jQuery.queue( this[0], type ); } return this.each(function( i ) { var queue = jQuery.queue( this, type, data ); if ( type === "fx" && queue[0] !== "inprogress" ) { jQuery.dequeue( this, type ); } }); }, dequeue: function( type ) { return this.each(function() { jQuery.dequeue( this, type ); }); }, // Based off of the plugin by Clint Helfers, with permission. // http://blindsignals.com/index.php/2009/07/jquery-delay/ delay: function( time, type ) { time = jQuery.fx ? jQuery.fx.speeds[time] || time : time; type = type || "fx"; return this.queue( type, function() { var elem = this; setTimeout(function() { jQuery.dequeue( elem, type ); }, time ); }); }, clearQueue: function( type ) { return this.queue( type || "fx", [] ); } }); var rclass = /[\n\t\r]/g, rspaces = /\s+/, rreturn = /\r/g, rspecialurl = /^(?:href|src|style)$/, rtype = /^(?:button|input)$/i, rfocusable = /^(?:button|input|object|select|textarea)$/i, rclickable = /^a(?:rea)?$/i, rradiocheck = /^(?:radio|checkbox)$/i; jQuery.props = { "for": "htmlFor", "class": "className", readonly: "readOnly", maxlength: "maxLength", cellspacing: "cellSpacing", rowspan: "rowSpan", colspan: "colSpan", tabindex: "tabIndex", usemap: "useMap", frameborder: "frameBorder" }; jQuery.fn.extend({ attr: function( name, value ) { return jQuery.access( this, name, value, true, jQuery.attr ); }, removeAttr: function( name, fn ) { return this.each(function(){ jQuery.attr( this, name, "" ); if ( this.nodeType === 1 ) { this.removeAttribute( name ); } }); }, addClass: function( value ) { if ( jQuery.isFunction(value) ) { return this.each(function(i) { var self = jQuery(this); self.addClass( value.call(this, i, self.attr("class")) ); }); } if ( value && typeof value === "string" ) { var classNames = (value || "").split( rspaces ); for ( var i = 0, l = this.length; i < l; i++ ) { var elem = this[i]; if ( elem.nodeType === 1 ) { if ( !elem.className ) { elem.className = value; } else { var className = " " + elem.className + " ", setClass = elem.className; for ( var c = 0, cl = classNames.length; c < cl; c++ ) { if ( className.indexOf( " " + classNames[c] + " " ) < 0 ) { setClass += " " + classNames[c]; } } elem.className = jQuery.trim( setClass ); } } } } return this; }, removeClass: function( value ) { if ( jQuery.isFunction(value) ) { return this.each(function(i) { var self = jQuery(this); self.removeClass( value.call(this, i, self.attr("class")) ); }); } if ( (value && typeof value === "string") || value === undefined ) { var classNames = (value || "").split( rspaces ); for ( var i = 0, l = this.length; i < l; i++ ) { var elem = this[i]; if ( elem.nodeType === 1 && elem.className ) { if ( value ) { var className = (" " + elem.className + " ").replace(rclass, " "); for ( var c = 0, cl = classNames.length; c < cl; c++ ) { className = className.replace(" " + classNames[c] + " ", " "); } elem.className = jQuery.trim( className ); } else { elem.className = ""; } } } } return this; }, toggleClass: function( value, stateVal ) { var type = typeof value, isBool = typeof stateVal === "boolean"; if ( jQuery.isFunction( value ) ) { return this.each(function(i) { var self = jQuery(this); self.toggleClass( value.call(this, i, self.attr("class"), stateVal), stateVal ); }); } return this.each(function() { if ( type === "string" ) { // toggle individual class names var className, i = 0, self = jQuery( this ), state = stateVal, classNames = value.split( rspaces ); while ( (className = classNames[ i++ ]) ) { // check each className given, space seperated list state = isBool ? state : !self.hasClass( className ); self[ state ? "addClass" : "removeClass" ]( className ); } } else if ( type === "undefined" || type === "boolean" ) { if ( this.className ) { // store className if set jQuery._data( this, "__className__", this.className ); } // toggle whole className this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || ""; } }); }, hasClass: function( selector ) { var className = " " + selector + " "; for ( var i = 0, l = this.length; i < l; i++ ) { if ( (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) { return true; } } return false; }, val: function( value ) { if ( !arguments.length ) { var elem = this[0]; if ( elem ) { if ( jQuery.nodeName( elem, "option" ) ) { // attributes.value is undefined in Blackberry 4.7 but // uses .value. See #6932 var val = elem.attributes.value; return !val || val.specified ? elem.value : elem.text; } // We need to handle select boxes special if ( jQuery.nodeName( elem, "select" ) ) { var index = elem.selectedIndex, values = [], options = elem.options, one = elem.type === "select-one"; // Nothing was selected if ( index < 0 ) { return null; } // Loop through all the selected options for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) { var option = options[ i ]; // Don't return options that are disabled or in a disabled optgroup if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) && (!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) { // Get the specific value for the option value = jQuery(option).val(); // We don't need an array for one selects if ( one ) { return value; } // Multi-Selects return an array values.push( value ); } } // Fixes Bug #2551 -- select.val() broken in IE after form.reset() if ( one && !values.length && options.length ) { return jQuery( options[ index ] ).val(); } return values; } // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified if ( rradiocheck.test( elem.type ) && !jQuery.support.checkOn ) { return elem.getAttribute("value") === null ? "on" : elem.value; } // Everything else, we just grab the value return (elem.value || "").replace(rreturn, ""); } return undefined; } var isFunction = jQuery.isFunction(value); return this.each(function(i) { var self = jQuery(this), val = value; if ( this.nodeType !== 1 ) { return; } if ( isFunction ) { val = value.call(this, i, self.val()); } // Treat null/undefined as ""; convert numbers to string if ( val == null ) { val = ""; } else if ( typeof val === "number" ) { val += ""; } else if ( jQuery.isArray(val) ) { val = jQuery.map(val, function (value) { return value == null ? "" : value + ""; }); } if ( jQuery.isArray(val) && rradiocheck.test( this.type ) ) { this.checked = jQuery.inArray( self.val(), val ) >= 0; } else if ( jQuery.nodeName( this, "select" ) ) { var values = jQuery.makeArray(val); jQuery( "option", this ).each(function() { this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0; }); if ( !values.length ) { this.selectedIndex = -1; } } else { this.value = val; } }); } }); jQuery.extend({ attrFn: { val: true, css: true, html: true, text: true, data: true, width: true, height: true, offset: true }, attr: function( elem, name, value, pass ) { // don't get/set attributes on text, comment and attribute nodes if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || elem.nodeType === 2 ) { return undefined; } if ( pass && name in jQuery.attrFn ) { return jQuery(elem)[name](value); } var notxml = elem.nodeType !== 1 || !jQuery.isXMLDoc( elem ), // Whether we are setting (or getting) set = value !== undefined; // Try to normalize/fix the name name = notxml && jQuery.props[ name ] || name; // Only do all the following if this is a node (faster for style) if ( elem.nodeType === 1 ) { // These attributes require special treatment var special = rspecialurl.test( name ); // Safari mis-reports the default selected property of an option // Accessing the parent's selectedIndex property fixes it if ( name === "selected" && !jQuery.support.optSelected ) { var parent = elem.parentNode; if ( parent ) { parent.selectedIndex; // Make sure that it also works with optgroups, see #5701 if ( parent.parentNode ) { parent.parentNode.selectedIndex; } } } // If applicable, access the attribute via the DOM 0 way // 'in' checks fail in Blackberry 4.7 #6931 if ( (name in elem || elem[ name ] !== undefined) && notxml && !special ) { if ( set ) { // We can't allow the type property to be changed (since it causes problems in IE) if ( name === "type" && rtype.test( elem.nodeName ) && elem.parentNode ) { jQuery.error( "type property can't be changed" ); } if ( value === null ) { if ( elem.nodeType === 1 ) { elem.removeAttribute( name ); } } else { elem[ name ] = value; } } // browsers index elements by id/name on forms, give priority to attributes. if ( jQuery.nodeName( elem, "form" ) && elem.getAttributeNode(name) ) { return elem.getAttributeNode( name ).nodeValue; } // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/ if ( name === "tabIndex" ) { var attributeNode = elem.getAttributeNode( "tabIndex" ); return attributeNode && attributeNode.specified ? attributeNode.value : rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ? 0 : undefined; } return elem[ name ]; } if ( !jQuery.support.style && notxml && name === "style" ) { if ( set ) { elem.style.cssText = "" + value; } return elem.style.cssText; } if ( set ) { // convert the value to a string (all browsers do this but IE) see #1070 elem.setAttribute( name, "" + value ); } // Ensure that missing attributes return undefined // Blackberry 4.7 returns "" from getAttribute #6938 if ( !elem.attributes[ name ] && (elem.hasAttribute && !elem.hasAttribute( name )) ) { return undefined; } var attr = !jQuery.support.hrefNormalized && notxml && special ? // Some attributes require a special call on IE elem.getAttribute( name, 2 ) : elem.getAttribute( name ); // Non-existent attributes return null, we normalize to undefined return attr === null ? undefined : attr; } // Handle everything which isn't a DOM element node if ( set ) { elem[ name ] = value; } return elem[ name ]; } }); var rnamespaces = /\.(.*)$/, rformElems = /^(?:textarea|input|select)$/i, rperiod = /\./g, rspace = / /g, rescape = /[^\w\s.|`]/g, fcleanup = function( nm ) { return nm.replace(rescape, "\\$&"); }; /* * A number of helper functions used for managing events. * Many of the ideas behind this code originated from * Dean Edwards' addEvent library. */ jQuery.event = { // Bind an event to an element // Original by Dean Edwards add: function( elem, types, handler, data ) { if ( elem.nodeType === 3 || elem.nodeType === 8 ) { return; } // TODO :: Use a try/catch until it's safe to pull this out (likely 1.6) // Minor release fix for bug #8018 try { // For whatever reason, IE has trouble passing the window object // around, causing it to be cloned in the process if ( jQuery.isWindow( elem ) && ( elem !== window && !elem.frameElement ) ) { elem = window; } } catch ( e ) {} if ( handler === false ) { handler = returnFalse; } else if ( !handler ) { // Fixes bug #7229. Fix recommended by jdalton return; } var handleObjIn, handleObj; if ( handler.handler ) { handleObjIn = handler; handler = handleObjIn.handler; } // Make sure that the function being executed has a unique ID if ( !handler.guid ) { handler.guid = jQuery.guid++; } // Init the element's event structure var elemData = jQuery._data( elem ); // If no elemData is found then we must be trying to bind to one of the // banned noData elements if ( !elemData ) { return; } var events = elemData.events, eventHandle = elemData.handle; if ( !events ) { elemData.events = events = {}; } if ( !eventHandle ) { elemData.handle = eventHandle = function( e ) { // Handle the second event of a trigger and when // an event is called after a page has unloaded return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ? jQuery.event.handle.apply( eventHandle.elem, arguments ) : undefined; }; } // Add elem as a property of the handle function // This is to prevent a memory leak with non-native events in IE. eventHandle.elem = elem; // Handle multiple events separated by a space // jQuery(...).bind("mouseover mouseout", fn); types = types.split(" "); var type, i = 0, namespaces; while ( (type = types[ i++ ]) ) { handleObj = handleObjIn ? jQuery.extend({}, handleObjIn) : { handler: handler, data: data }; // Namespaced event handlers if ( type.indexOf(".") > -1 ) { namespaces = type.split("."); type = namespaces.shift(); handleObj.namespace = namespaces.slice(0).sort().join("."); } else { namespaces = []; handleObj.namespace = ""; } handleObj.type = type; if ( !handleObj.guid ) { handleObj.guid = handler.guid; } // Get the current list of functions bound to this event var handlers = events[ type ], special = jQuery.event.special[ type ] || {}; // Init the event handler queue if ( !handlers ) { handlers = events[ type ] = []; // Check for a special event handler // Only use addEventListener/attachEvent if the special // events handler returns false if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) { // Bind the global event handler to the element if ( elem.addEventListener ) { elem.addEventListener( type, eventHandle, false ); } else if ( elem.attachEvent ) { elem.attachEvent( "on" + type, eventHandle ); } } } if ( special.add ) { special.add.call( elem, handleObj ); if ( !handleObj.handler.guid ) { handleObj.handler.guid = handler.guid; } } // Add the function to the element's handler list handlers.push( handleObj ); // Keep track of which events have been used, for global triggering jQuery.event.global[ type ] = true; } // Nullify elem to prevent memory leaks in IE elem = null; }, global: {}, // Detach an event or set of events from an element remove: function( elem, types, handler, pos ) { // don't do events on text and comment nodes if ( elem.nodeType === 3 || elem.nodeType === 8 ) { return; } if ( handler === false ) { handler = returnFalse; } var ret, type, fn, j, i = 0, all, namespaces, namespace, special, eventType, handleObj, origType, elemData = jQuery.hasData( elem ) && jQuery._data( elem ), events = elemData && elemData.events; if ( !elemData || !events ) { return; } // types is actually an event object here if ( types && types.type ) { handler = types.handler; types = types.type; } // Unbind all events for the element if ( !types || typeof types === "string" && types.charAt(0) === "." ) { types = types || ""; for ( type in events ) { jQuery.event.remove( elem, type + types ); } return; } // Handle multiple events separated by a space // jQuery(...).unbind("mouseover mouseout", fn); types = types.split(" "); while ( (type = types[ i++ ]) ) { origType = type; handleObj = null; all = type.indexOf(".") < 0; namespaces = []; if ( !all ) { // Namespaced event handlers namespaces = type.split("."); type = namespaces.shift(); namespace = new RegExp("(^|\\.)" + jQuery.map( namespaces.slice(0).sort(), fcleanup ).join("\\.(?:.*\\.)?") + "(\\.|$)"); } eventType = events[ type ]; if ( !eventType ) { continue; } if ( !handler ) { for ( j = 0; j < eventType.length; j++ ) { handleObj = eventType[ j ]; if ( all || namespace.test( handleObj.namespace ) ) { jQuery.event.remove( elem, origType, handleObj.handler, j ); eventType.splice( j--, 1 ); } } continue; } special = jQuery.event.special[ type ] || {}; for ( j = pos || 0; j < eventType.length; j++ ) { handleObj = eventType[ j ]; if ( handler.guid === handleObj.guid ) { // remove the given handler for the given type if ( all || namespace.test( handleObj.namespace ) ) { if ( pos == null ) { eventType.splice( j--, 1 ); } if ( special.remove ) { special.remove.call( elem, handleObj ); } } if ( pos != null ) { break; } } } // remove generic event handler if no more handlers exist if ( eventType.length === 0 || pos != null && eventType.length === 1 ) { if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) { jQuery.removeEvent( elem, type, elemData.handle ); } ret = null; delete events[ type ]; } } // Remove the expando if it's no longer used if ( jQuery.isEmptyObject( events ) ) { var handle = elemData.handle; if ( handle ) { handle.elem = null; } delete elemData.events; delete elemData.handle; if ( jQuery.isEmptyObject( elemData ) ) { jQuery.removeData( elem, undefined, true ); } } }, // bubbling is internal trigger: function( event, data, elem /*, bubbling */ ) { // Event object or event type var type = event.type || event, bubbling = arguments[3]; if ( !bubbling ) { event = typeof event === "object" ? // jQuery.Event object event[ jQuery.expando ] ? event : // Object literal jQuery.extend( jQuery.Event(type), event ) : // Just the event type (string) jQuery.Event(type); if ( type.indexOf("!") >= 0 ) { event.type = type = type.slice(0, -1); event.exclusive = true; } // Handle a global trigger if ( !elem ) { // Don't bubble custom events when global (to avoid too much overhead) event.stopPropagation(); // Only trigger if we've ever bound an event for it if ( jQuery.event.global[ type ] ) { // XXX This code smells terrible. event.js should not be directly // inspecting the data cache jQuery.each( jQuery.cache, function() { // internalKey variable is just used to make it easier to find // and potentially change this stuff later; currently it just // points to jQuery.expando var internalKey = jQuery.expando, internalCache = this[ internalKey ]; if ( internalCache && internalCache.events && internalCache.events[ type ] ) { jQuery.event.trigger( event, data, internalCache.handle.elem ); } }); } } // Handle triggering a single element // don't do events on text and comment nodes if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 ) { return undefined; } // Clean up in case it is reused event.result = undefined; event.target = elem; // Clone the incoming data, if any data = jQuery.makeArray( data ); data.unshift( event ); } event.currentTarget = elem; // Trigger the event, it is assumed that "handle" is a function var handle = jQuery._data( elem, "handle" ); if ( handle ) { handle.apply( elem, data ); } var parent = elem.parentNode || elem.ownerDocument; // Trigger an inline bound script try { if ( !(elem && elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()]) ) { if ( elem[ "on" + type ] && elem[ "on" + type ].apply( elem, data ) === false ) { event.result = false; event.preventDefault(); } } // prevent IE from throwing an error for some elements with some event types, see #3533 } catch (inlineError) {} if ( !event.isPropagationStopped() && parent ) { jQuery.event.trigger( event, data, parent, true ); } else if ( !event.isDefaultPrevented() ) { var old, target = event.target, targetType = type.replace( rnamespaces, "" ), isClick = jQuery.nodeName( target, "a" ) && targetType === "click", special = jQuery.event.special[ targetType ] || {}; if ( (!special._default || special._default.call( elem, event ) === false) && !isClick && !(target && target.nodeName && jQuery.noData[target.nodeName.toLowerCase()]) ) { try { if ( target[ targetType ] ) { // Make sure that we don't accidentally re-trigger the onFOO events old = target[ "on" + targetType ]; if ( old ) { target[ "on" + targetType ] = null; } jQuery.event.triggered = event.type; target[ targetType ](); } // prevent IE from throwing an error for some elements with some event types, see #3533 } catch (triggerError) {} if ( old ) { target[ "on" + targetType ] = old; } jQuery.event.triggered = undefined; } } }, handle: function( event ) { var all, handlers, namespaces, namespace_re, events, namespace_sort = [], args = jQuery.makeArray( arguments ); event = args[0] = jQuery.event.fix( event || window.event ); event.currentTarget = this; // Namespaced event handlers all = event.type.indexOf(".") < 0 && !event.exclusive; if ( !all ) { namespaces = event.type.split("."); event.type = namespaces.shift(); namespace_sort = namespaces.slice(0).sort(); namespace_re = new RegExp("(^|\\.)" + namespace_sort.join("\\.(?:.*\\.)?") + "(\\.|$)"); } event.namespace = event.namespace || namespace_sort.join("."); events = jQuery._data(this, "events"); handlers = (events || {})[ event.type ]; if ( events && handlers ) { // Clone the handlers to prevent manipulation handlers = handlers.slice(0); for ( var j = 0, l = handlers.length; j < l; j++ ) { var handleObj = handlers[ j ]; // Filter the functions by class if ( all || namespace_re.test( handleObj.namespace ) ) { // Pass in a reference to the handler function itself // So that we can later remove it event.handler = handleObj.handler; event.data = handleObj.data; event.handleObj = handleObj; var ret = handleObj.handler.apply( this, args ); if ( ret !== undefined ) { event.result = ret; if ( ret === false ) { event.preventDefault(); event.stopPropagation(); } } if ( event.isImmediatePropagationStopped() ) { break; } } } } return event.result; }, props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "), fix: function( event ) { if ( event[ jQuery.expando ] ) { return event; } // store a copy of the original event object // and "clone" to set read-only properties var originalEvent = event; event = jQuery.Event( originalEvent ); for ( var i = this.props.length, prop; i; ) { prop = this.props[ --i ]; event[ prop ] = originalEvent[ prop ]; } // Fix target property, if necessary if ( !event.target ) { // Fixes #1925 where srcElement might not be defined either event.target = event.srcElement || document; } // check if target is a textnode (safari) if ( event.target.nodeType === 3 ) { event.target = event.target.parentNode; } // Add relatedTarget, if necessary if ( !event.relatedTarget && event.fromElement ) { event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement; } // Calculate pageX/Y if missing and clientX/Y available if ( event.pageX == null && event.clientX != null ) { var doc = document.documentElement, body = document.body; event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0); event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0); } // Add which for key events if ( event.which == null && (event.charCode != null || event.keyCode != null) ) { event.which = event.charCode != null ? event.charCode : event.keyCode; } // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs) if ( !event.metaKey && event.ctrlKey ) { event.metaKey = event.ctrlKey; } // Add which for click: 1 === left; 2 === middle; 3 === right // Note: button is not normalized, so don't use it if ( !event.which && event.button !== undefined ) { event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) )); } return event; }, // Deprecated, use jQuery.guid instead guid: 1E8, // Deprecated, use jQuery.proxy instead proxy: jQuery.proxy, special: { ready: { // Make sure the ready event is setup setup: jQuery.bindReady, teardown: jQuery.noop }, live: { add: function( handleObj ) { jQuery.event.add( this, liveConvert( handleObj.origType, handleObj.selector ), jQuery.extend({}, handleObj, {handler: liveHandler, guid: handleObj.handler.guid}) ); }, remove: function( handleObj ) { jQuery.event.remove( this, liveConvert( handleObj.origType, handleObj.selector ), handleObj ); } }, beforeunload: { setup: function( data, namespaces, eventHandle ) { // We only want to do this special case on windows if ( jQuery.isWindow( this ) ) { this.onbeforeunload = eventHandle; } }, teardown: function( namespaces, eventHandle ) { if ( this.onbeforeunload === eventHandle ) { this.onbeforeunload = null; } } } } }; jQuery.removeEvent = document.removeEventListener ? function( elem, type, handle ) { if ( elem.removeEventListener ) { elem.removeEventListener( type, handle, false ); } } : function( elem, type, handle ) { if ( elem.detachEvent ) { elem.detachEvent( "on" + type, handle ); } }; jQuery.Event = function( src ) { // Allow instantiation without the 'new' keyword if ( !this.preventDefault ) { return new jQuery.Event( src ); } // Event object if ( src && src.type ) { this.originalEvent = src; this.type = src.type; // Events bubbling up the document may have been marked as prevented // by a handler lower down the tree; reflect the correct value. this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false || src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse; // Event type } else { this.type = src; } // timeStamp is buggy for some events on Firefox(#3843) // So we won't rely on the native value this.timeStamp = jQuery.now(); // Mark it as fixed this[ jQuery.expando ] = true; }; function returnFalse() { return false; } function returnTrue() { return true; } // jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding // http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html jQuery.Event.prototype = { preventDefault: function() { this.isDefaultPrevented = returnTrue; var e = this.originalEvent; if ( !e ) { return; } // if preventDefault exists run it on the original event if ( e.preventDefault ) { e.preventDefault(); // otherwise set the returnValue property of the original event to false (IE) } else { e.returnValue = false; } }, stopPropagation: function() { this.isPropagationStopped = returnTrue; var e = this.originalEvent; if ( !e ) { return; } // if stopPropagation exists run it on the original event if ( e.stopPropagation ) { e.stopPropagation(); } // otherwise set the cancelBubble property of the original event to true (IE) e.cancelBubble = true; }, stopImmediatePropagation: function() { this.isImmediatePropagationStopped = returnTrue; this.stopPropagation(); }, isDefaultPrevented: returnFalse, isPropagationStopped: returnFalse, isImmediatePropagationStopped: returnFalse }; // Checks if an event happened on an element within another element // Used in jQuery.event.special.mouseenter and mouseleave handlers var withinElement = function( event ) { // Check if mouse(over|out) are still within the same parent element var parent = event.relatedTarget; // Firefox sometimes assigns relatedTarget a XUL element // which we cannot access the parentNode property of try { // Chrome does something similar, the parentNode property // can be accessed but is null. if ( parent && parent !== document && !parent.parentNode ) { return; } // Traverse up the tree while ( parent && parent !== this ) { parent = parent.parentNode; } if ( parent !== this ) { // set the correct event type event.type = event.data; // handle event if we actually just moused on to a non sub-element jQuery.event.handle.apply( this, arguments ); } // assuming we've left the element since we most likely mousedover a xul element } catch(e) { } }, // In case of event delegation, we only need to rename the event.type, // liveHandler will take care of the rest. delegate = function( event ) { event.type = event.data; jQuery.event.handle.apply( this, arguments ); }; // Create mouseenter and mouseleave events jQuery.each({ mouseenter: "mouseover", mouseleave: "mouseout" }, function( orig, fix ) { jQuery.event.special[ orig ] = { setup: function( data ) { jQuery.event.add( this, fix, data && data.selector ? delegate : withinElement, orig ); }, teardown: function( data ) { jQuery.event.remove( this, fix, data && data.selector ? delegate : withinElement ); } }; }); // submit delegation if ( !jQuery.support.submitBubbles ) { jQuery.event.special.submit = { setup: function( data, namespaces ) { if ( this.nodeName && this.nodeName.toLowerCase() !== "form" ) { jQuery.event.add(this, "click.specialSubmit", function( e ) { var elem = e.target, type = elem.type; if ( (type === "submit" || type === "image") && jQuery( elem ).closest("form").length ) { trigger( "submit", this, arguments ); } }); jQuery.event.add(this, "keypress.specialSubmit", function( e ) { var elem = e.target, type = elem.type; if ( (type === "text" || type === "password") && jQuery( elem ).closest("form").length && e.keyCode === 13 ) { trigger( "submit", this, arguments ); } }); } else { return false; } }, teardown: function( namespaces ) { jQuery.event.remove( this, ".specialSubmit" ); } }; } // change delegation, happens here so we have bind. if ( !jQuery.support.changeBubbles ) { var changeFilters, getVal = function( elem ) { var type = elem.type, val = elem.value; if ( type === "radio" || type === "checkbox" ) { val = elem.checked; } else if ( type === "select-multiple" ) { val = elem.selectedIndex > -1 ? jQuery.map( elem.options, function( elem ) { return elem.selected; }).join("-") : ""; } else if ( elem.nodeName.toLowerCase() === "select" ) { val = elem.selectedIndex; } return val; }, testChange = function testChange( e ) { var elem = e.target, data, val; if ( !rformElems.test( elem.nodeName ) || elem.readOnly ) { return; } data = jQuery._data( elem, "_change_data" ); val = getVal(elem); // the current data will be also retrieved by beforeactivate if ( e.type !== "focusout" || elem.type !== "radio" ) { jQuery._data( elem, "_change_data", val ); } if ( data === undefined || val === data ) { return; } if ( data != null || val ) { e.type = "change"; e.liveFired = undefined; jQuery.event.trigger( e, arguments[1], elem ); } }; jQuery.event.special.change = { filters: { focusout: testChange, beforedeactivate: testChange, click: function( e ) { var elem = e.target, type = elem.type; if ( type === "radio" || type === "checkbox" || elem.nodeName.toLowerCase() === "select" ) { testChange.call( this, e ); } }, // Change has to be called before submit // Keydown will be called before keypress, which is used in submit-event delegation keydown: function( e ) { var elem = e.target, type = elem.type; if ( (e.keyCode === 13 && elem.nodeName.toLowerCase() !== "textarea") || (e.keyCode === 32 && (type === "checkbox" || type === "radio")) || type === "select-multiple" ) { testChange.call( this, e ); } }, // Beforeactivate happens also before the previous element is blurred // with this event you can't trigger a change event, but you can store // information beforeactivate: function( e ) { var elem = e.target; jQuery._data( elem, "_change_data", getVal(elem) ); } }, setup: function( data, namespaces ) { if ( this.type === "file" ) { return false; } for ( var type in changeFilters ) { jQuery.event.add( this, type + ".specialChange", changeFilters[type] ); } return rformElems.test( this.nodeName ); }, teardown: function( namespaces ) { jQuery.event.remove( this, ".specialChange" ); return rformElems.test( this.nodeName ); } }; changeFilters = jQuery.event.special.change.filters; // Handle when the input is .focus()'d changeFilters.focus = changeFilters.beforeactivate; } function trigger( type, elem, args ) { // Piggyback on a donor event to simulate a different one. // Fake originalEvent to avoid donor's stopPropagation, but if the // simulated event prevents default then we do the same on the donor. // Don't pass args or remember liveFired; they apply to the donor event. var event = jQuery.extend( {}, args[ 0 ] ); event.type = type; event.originalEvent = {}; event.liveFired = undefined; jQuery.event.handle.call( elem, event ); if ( event.isDefaultPrevented() ) { args[ 0 ].preventDefault(); } } // Create "bubbling" focus and blur events if ( document.addEventListener ) { jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) { // Attach a single capturing handler while someone wants focusin/focusout var attaches = 0; jQuery.event.special[ fix ] = { setup: function() { if ( attaches++ === 0 ) { document.addEventListener( orig, handler, true ); } }, teardown: function() { if ( --attaches === 0 ) { document.removeEventListener( orig, handler, true ); } } }; function handler( donor ) { // Donor event is always a native one; fix it and switch its type. // Let focusin/out handler cancel the donor focus/blur event. var e = jQuery.event.fix( donor ); e.type = fix; e.originalEvent = {}; jQuery.event.trigger( e, null, e.target ); if ( e.isDefaultPrevented() ) { donor.preventDefault(); } } }); } jQuery.each(["bind", "one"], function( i, name ) { jQuery.fn[ name ] = function( type, data, fn ) { // Handle object literals if ( typeof type === "object" ) { for ( var key in type ) { this[ name ](key, data, type[key], fn); } return this; } if ( jQuery.isFunction( data ) || data === false ) { fn = data; data = undefined; } var handler = name === "one" ? jQuery.proxy( fn, function( event ) { jQuery( this ).unbind( event, handler ); return fn.apply( this, arguments ); }) : fn; if ( type === "unload" && name !== "one" ) { this.one( type, data, fn ); } else { for ( var i = 0, l = this.length; i < l; i++ ) { jQuery.event.add( this[i], type, handler, data ); } } return this; }; }); jQuery.fn.extend({ unbind: function( type, fn ) { // Handle object literals if ( typeof type === "object" && !type.preventDefault ) { for ( var key in type ) { this.unbind(key, type[key]); } } else { for ( var i = 0, l = this.length; i < l; i++ ) { jQuery.event.remove( this[i], type, fn ); } } return this; }, delegate: function( selector, types, data, fn ) { return this.live( types, data, fn, selector ); }, undelegate: function( selector, types, fn ) { if ( arguments.length === 0 ) { return this.unbind( "live" ); } else { return this.die( types, null, fn, selector ); } }, trigger: function( type, data ) { return this.each(function() { jQuery.event.trigger( type, data, this ); }); }, triggerHandler: function( type, data ) { if ( this[0] ) { var event = jQuery.Event( type ); event.preventDefault(); event.stopPropagation(); jQuery.event.trigger( event, data, this[0] ); return event.result; } }, toggle: function( fn ) { // Save reference to arguments for access in closure var args = arguments, i = 1; // link all the functions, so any of them can unbind this click handler while ( i < args.length ) { jQuery.proxy( fn, args[ i++ ] ); } return this.click( jQuery.proxy( fn, function( event ) { // Figure out which function to execute var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i; jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 ); // Make sure that clicks stop event.preventDefault(); // and execute the function return args[ lastToggle ].apply( this, arguments ) || false; })); }, hover: function( fnOver, fnOut ) { return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); } }); var liveMap = { focus: "focusin", blur: "focusout", mouseenter: "mouseover", mouseleave: "mouseout" }; jQuery.each(["live", "die"], function( i, name ) { jQuery.fn[ name ] = function( types, data, fn, origSelector /* Internal Use Only */ ) { var type, i = 0, match, namespaces, preType, selector = origSelector || this.selector, context = origSelector ? this : jQuery( this.context ); if ( typeof types === "object" && !types.preventDefault ) { for ( var key in types ) { context[ name ]( key, data, types[key], selector ); } return this; } if ( jQuery.isFunction( data ) ) { fn = data; data = undefined; } types = (types || "").split(" "); while ( (type = types[ i++ ]) != null ) { match = rnamespaces.exec( type ); namespaces = ""; if ( match ) { namespaces = match[0]; type = type.replace( rnamespaces, "" ); } if ( type === "hover" ) { types.push( "mouseenter" + namespaces, "mouseleave" + namespaces ); continue; } preType = type; if ( type === "focus" || type === "blur" ) { types.push( liveMap[ type ] + namespaces ); type = type + namespaces; } else { type = (liveMap[ type ] || type) + namespaces; } if ( name === "live" ) { // bind live handler for ( var j = 0, l = context.length; j < l; j++ ) { jQuery.event.add( context[j], "live." + liveConvert( type, selector ), { data: data, selector: selector, handler: fn, origType: type, origHandler: fn, preType: preType } ); } } else { // unbind live handler context.unbind( "live." + liveConvert( type, selector ), fn ); } } return this; }; }); function liveHandler( event ) { var stop, maxLevel, related, match, handleObj, elem, j, i, l, data, close, namespace, ret, elems = [], selectors = [], events = jQuery._data( this, "events" ); // Make sure we avoid non-left-click bubbling in Firefox (#3861) and disabled elements in IE (#6911) if ( event.liveFired === this || !events || !events.live || event.target.disabled || event.button && event.type === "click" ) { return; } if ( event.namespace ) { namespace = new RegExp("(^|\\.)" + event.namespace.split(".").join("\\.(?:.*\\.)?") + "(\\.|$)"); } event.liveFired = this; var live = events.live.slice(0); for ( j = 0; j < live.length; j++ ) { handleObj = live[j]; if ( handleObj.origType.replace( rnamespaces, "" ) === event.type ) { selectors.push( handleObj.selector ); } else { live.splice( j--, 1 ); } } match = jQuery( event.target ).closest( selectors, event.currentTarget ); for ( i = 0, l = match.length; i < l; i++ ) { close = match[i]; for ( j = 0; j < live.length; j++ ) { handleObj = live[j]; if ( close.selector === handleObj.selector && (!namespace || namespace.test( handleObj.namespace )) && !close.elem.disabled ) { elem = close.elem; related = null; // Those two events require additional checking if ( handleObj.preType === "mouseenter" || handleObj.preType === "mouseleave" ) { event.type = handleObj.preType; related = jQuery( event.relatedTarget ).closest( handleObj.selector )[0]; } if ( !related || related !== elem ) { elems.push({ elem: elem, handleObj: handleObj, level: close.level }); } } } } for ( i = 0, l = elems.length; i < l; i++ ) { match = elems[i]; if ( maxLevel && match.level > maxLevel ) { break; } event.currentTarget = match.elem; event.data = match.handleObj.data; event.handleObj = match.handleObj; ret = match.handleObj.origHandler.apply( match.elem, arguments ); if ( ret === false || event.isPropagationStopped() ) { maxLevel = match.level; if ( ret === false ) { stop = false; } if ( event.isImmediatePropagationStopped() ) { break; } } } return stop; } function liveConvert( type, selector ) { return (type && type !== "*" ? type + "." : "") + selector.replace(rperiod, "`").replace(rspace, "&"); } jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " + "change select submit keydown keypress keyup error").split(" "), function( i, name ) { // Handle event binding jQuery.fn[ name ] = function( data, fn ) { if ( fn == null ) { fn = data; data = null; } return arguments.length > 0 ? this.bind( name, data, fn ) : this.trigger( name ); }; if ( jQuery.attrFn ) { jQuery.attrFn[ name ] = true; } }); /*! * Sizzle CSS Selector Engine * Copyright 2011, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * More information: http://sizzlejs.com/ */ (function(){ var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g, done = 0, toString = Object.prototype.toString, hasDuplicate = false, baseHasDuplicate = true, rBackslash = /\\/g, rNonWord = /\W/; // Here we check if the JavaScript engine is using some sort of // optimization where it does not always call our comparision // function. If that is the case, discard the hasDuplicate value. // Thus far that includes Google Chrome. [0, 0].sort(function() { baseHasDuplicate = false; return 0; }); var Sizzle = function( selector, context, results, seed ) { results = results || []; context = context || document; var origContext = context; if ( context.nodeType !== 1 && context.nodeType !== 9 ) { return []; } if ( !selector || typeof selector !== "string" ) { return results; } var m, set, checkSet, extra, ret, cur, pop, i, prune = true, contextXML = Sizzle.isXML( context ), parts = [], soFar = selector; // Reset the position of the chunker regexp (start from head) do { chunker.exec( "" ); m = chunker.exec( soFar ); if ( m ) { soFar = m[3]; parts.push( m[1] ); if ( m[2] ) { extra = m[3]; break; } } } while ( m ); if ( parts.length > 1 && origPOS.exec( selector ) ) { if ( parts.length === 2 && Expr.relative[ parts[0] ] ) { set = posProcess( parts[0] + parts[1], context ); } else { set = Expr.relative[ parts[0] ] ? [ context ] : Sizzle( parts.shift(), context ); while ( parts.length ) { selector = parts.shift(); if ( Expr.relative[ selector ] ) { selector += parts.shift(); } set = posProcess( selector, set ); } } } else { // Take a shortcut and set the context if the root selector is an ID // (but not if it'll be faster if the inner selector is an ID) if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML && Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) { ret = Sizzle.find( parts.shift(), context, contextXML ); context = ret.expr ? Sizzle.filter( ret.expr, ret.set )[0] : ret.set[0]; } if ( context ) { ret = seed ? { expr: parts.pop(), set: makeArray(seed) } : Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML ); set = ret.expr ? Sizzle.filter( ret.expr, ret.set ) : ret.set; if ( parts.length > 0 ) { checkSet = makeArray( set ); } else { prune = false; } while ( parts.length ) { cur = parts.pop(); pop = cur; if ( !Expr.relative[ cur ] ) { cur = ""; } else { pop = parts.pop(); } if ( pop == null ) { pop = context; } Expr.relative[ cur ]( checkSet, pop, contextXML ); } } else { checkSet = parts = []; } } if ( !checkSet ) { checkSet = set; } if ( !checkSet ) { Sizzle.error( cur || selector ); } if ( toString.call(checkSet) === "[object Array]" ) { if ( !prune ) { results.push.apply( results, checkSet ); } else if ( context && context.nodeType === 1 ) { for ( i = 0; checkSet[i] != null; i++ ) { if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) { results.push( set[i] ); } } } else { for ( i = 0; checkSet[i] != null; i++ ) { if ( checkSet[i] && checkSet[i].nodeType === 1 ) { results.push( set[i] ); } } } } else { makeArray( checkSet, results ); } if ( extra ) { Sizzle( extra, origContext, results, seed ); Sizzle.uniqueSort( results ); } return results; }; Sizzle.uniqueSort = function( results ) { if ( sortOrder ) { hasDuplicate = baseHasDuplicate; results.sort( sortOrder ); if ( hasDuplicate ) { for ( var i = 1; i < results.length; i++ ) { if ( results[i] === results[ i - 1 ] ) { results.splice( i--, 1 ); } } } } return results; }; Sizzle.matches = function( expr, set ) { return Sizzle( expr, null, null, set ); }; Sizzle.matchesSelector = function( node, expr ) { return Sizzle( expr, null, null, [node] ).length > 0; }; Sizzle.find = function( expr, context, isXML ) { var set; if ( !expr ) { return []; } for ( var i = 0, l = Expr.order.length; i < l; i++ ) { var match, type = Expr.order[i]; if ( (match = Expr.leftMatch[ type ].exec( expr )) ) { var left = match[1]; match.splice( 1, 1 ); if ( left.substr( left.length - 1 ) !== "\\" ) { match[1] = (match[1] || "").replace( rBackslash, "" ); set = Expr.find[ type ]( match, context, isXML ); if ( set != null ) { expr = expr.replace( Expr.match[ type ], "" ); break; } } } } if ( !set ) { set = typeof context.getElementsByTagName !== "undefined" ? context.getElementsByTagName( "*" ) : []; } return { set: set, expr: expr }; }; Sizzle.filter = function( expr, set, inplace, not ) { var match, anyFound, old = expr, result = [], curLoop = set, isXMLFilter = set && set[0] && Sizzle.isXML( set[0] ); while ( expr && set.length ) { for ( var type in Expr.filter ) { if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) { var found, item, filter = Expr.filter[ type ], left = match[1]; anyFound = false; match.splice(1,1); if ( left.substr( left.length - 1 ) === "\\" ) { continue; } if ( curLoop === result ) { result = []; } if ( Expr.preFilter[ type ] ) { match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter ); if ( !match ) { anyFound = found = true; } else if ( match === true ) { continue; } } if ( match ) { for ( var i = 0; (item = curLoop[i]) != null; i++ ) { if ( item ) { found = filter( item, match, i, curLoop ); var pass = not ^ !!found; if ( inplace && found != null ) { if ( pass ) { anyFound = true; } else { curLoop[i] = false; } } else if ( pass ) { result.push( item ); anyFound = true; } } } } if ( found !== undefined ) { if ( !inplace ) { curLoop = result; } expr = expr.replace( Expr.match[ type ], "" ); if ( !anyFound ) { return []; } break; } } } // Improper expression if ( expr === old ) { if ( anyFound == null ) { Sizzle.error( expr ); } else { break; } } old = expr; } return curLoop; }; Sizzle.error = function( msg ) { throw "Syntax error, unrecognized expression: " + msg; }; var Expr = Sizzle.selectors = { order: [ "ID", "NAME", "TAG" ], match: { ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/, CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/, NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/, ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/, TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/, CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/, POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/, PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/ }, leftMatch: {}, attrMap: { "class": "className", "for": "htmlFor" }, attrHandle: { href: function( elem ) { return elem.getAttribute( "href" ); }, type: function( elem ) { return elem.getAttribute( "type" ); } }, relative: { "+": function(checkSet, part){ var isPartStr = typeof part === "string", isTag = isPartStr && !rNonWord.test( part ), isPartStrNotTag = isPartStr && !isTag; if ( isTag ) { part = part.toLowerCase(); } for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) { if ( (elem = checkSet[i]) ) { while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {} checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ? elem || false : elem === part; } } if ( isPartStrNotTag ) { Sizzle.filter( part, checkSet, true ); } }, ">": function( checkSet, part ) { var elem, isPartStr = typeof part === "string", i = 0, l = checkSet.length; if ( isPartStr && !rNonWord.test( part ) ) { part = part.toLowerCase(); for ( ; i < l; i++ ) { elem = checkSet[i]; if ( elem ) { var parent = elem.parentNode; checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false; } } } else { for ( ; i < l; i++ ) { elem = checkSet[i]; if ( elem ) { checkSet[i] = isPartStr ? elem.parentNode : elem.parentNode === part; } } if ( isPartStr ) { Sizzle.filter( part, checkSet, true ); } } }, "": function(checkSet, part, isXML){ var nodeCheck, doneName = done++, checkFn = dirCheck; if ( typeof part === "string" && !rNonWord.test( part ) ) { part = part.toLowerCase(); nodeCheck = part; checkFn = dirNodeCheck; } checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML ); }, "~": function( checkSet, part, isXML ) { var nodeCheck, doneName = done++, checkFn = dirCheck; if ( typeof part === "string" && !rNonWord.test( part ) ) { part = part.toLowerCase(); nodeCheck = part; checkFn = dirNodeCheck; } checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML ); } }, find: { ID: function( match, context, isXML ) { if ( typeof context.getElementById !== "undefined" && !isXML ) { var m = context.getElementById(match[1]); // Check parentNode to catch when Blackberry 4.6 returns // nodes that are no longer in the document #6963 return m && m.parentNode ? [m] : []; } }, NAME: function( match, context ) { if ( typeof context.getElementsByName !== "undefined" ) { var ret = [], results = context.getElementsByName( match[1] ); for ( var i = 0, l = results.length; i < l; i++ ) { if ( results[i].getAttribute("name") === match[1] ) { ret.push( results[i] ); } } return ret.length === 0 ? null : ret; } }, TAG: function( match, context ) { if ( typeof context.getElementsByTagName !== "undefined" ) { return context.getElementsByTagName( match[1] ); } } }, preFilter: { CLASS: function( match, curLoop, inplace, result, not, isXML ) { match = " " + match[1].replace( rBackslash, "" ) + " "; if ( isXML ) { return match; } for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) { if ( elem ) { if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) { if ( !inplace ) { result.push( elem ); } } else if ( inplace ) { curLoop[i] = false; } } } return false; }, ID: function( match ) { return match[1].replace( rBackslash, "" ); }, TAG: function( match, curLoop ) { return match[1].replace( rBackslash, "" ).toLowerCase(); }, CHILD: function( match ) { if ( match[1] === "nth" ) { if ( !match[2] ) { Sizzle.error( match[0] ); } match[2] = match[2].replace(/^\+|\s*/g, ''); // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6' var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec( match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" || !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]); // calculate the numbers (first)n+(last) including if they are negative match[2] = (test[1] + (test[2] || 1)) - 0; match[3] = test[3] - 0; } else if ( match[2] ) { Sizzle.error( match[0] ); } // TODO: Move to normal caching system match[0] = done++; return match; }, ATTR: function( match, curLoop, inplace, result, not, isXML ) { var name = match[1] = match[1].replace( rBackslash, "" ); if ( !isXML && Expr.attrMap[name] ) { match[1] = Expr.attrMap[name]; } // Handle if an un-quoted value was used match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" ); if ( match[2] === "~=" ) { match[4] = " " + match[4] + " "; } return match; }, PSEUDO: function( match, curLoop, inplace, result, not ) { if ( match[1] === "not" ) { // If we're dealing with a complex expression, or a simple one if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) { match[3] = Sizzle(match[3], null, null, curLoop); } else { var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not); if ( !inplace ) { result.push.apply( result, ret ); } return false; } } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) { return true; } return match; }, POS: function( match ) { match.unshift( true ); return match; } }, filters: { enabled: function( elem ) { return elem.disabled === false && elem.type !== "hidden"; }, disabled: function( elem ) { return elem.disabled === true; }, checked: function( elem ) { return elem.checked === true; }, selected: function( elem ) { // Accessing this property makes selected-by-default // options in Safari work properly if ( elem.parentNode ) { elem.parentNode.selectedIndex; } return elem.selected === true; }, parent: function( elem ) { return !!elem.firstChild; }, empty: function( elem ) { return !elem.firstChild; }, has: function( elem, i, match ) { return !!Sizzle( match[3], elem ).length; }, header: function( elem ) { return (/h\d/i).test( elem.nodeName ); }, text: function( elem ) { var attr = elem.getAttribute( "type" ), type = elem.type; // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) // use getAttribute instead to test this case return "text" === type && ( attr === type || attr === null ); }, radio: function( elem ) { return "radio" === elem.type; }, checkbox: function( elem ) { return "checkbox" === elem.type; }, file: function( elem ) { return "file" === elem.type; }, password: function( elem ) { return "password" === elem.type; }, submit: function( elem ) { return "submit" === elem.type; }, image: function( elem ) { return "image" === elem.type; }, reset: function( elem ) { return "reset" === elem.type; }, button: function( elem ) { return "button" === elem.type || elem.nodeName.toLowerCase() === "button"; }, input: function( elem ) { return (/input|select|textarea|button/i).test( elem.nodeName ); } }, setFilters: { first: function( elem, i ) { return i === 0; }, last: function( elem, i, match, array ) { return i === array.length - 1; }, even: function( elem, i ) { return i % 2 === 0; }, odd: function( elem, i ) { return i % 2 === 1; }, lt: function( elem, i, match ) { return i < match[3] - 0; }, gt: function( elem, i, match ) { return i > match[3] - 0; }, nth: function( elem, i, match ) { return match[3] - 0 === i; }, eq: function( elem, i, match ) { return match[3] - 0 === i; } }, filter: { PSEUDO: function( elem, match, i, array ) { var name = match[1], filter = Expr.filters[ name ]; if ( filter ) { return filter( elem, i, match, array ); } else if ( name === "contains" ) { return (elem.textContent || elem.innerText || Sizzle.getText([ elem ]) || "").indexOf(match[3]) >= 0; } else if ( name === "not" ) { var not = match[3]; for ( var j = 0, l = not.length; j < l; j++ ) { if ( not[j] === elem ) { return false; } } return true; } else { Sizzle.error( name ); } }, CHILD: function( elem, match ) { var type = match[1], node = elem; switch ( type ) { case "only": case "first": while ( (node = node.previousSibling) ) { if ( node.nodeType === 1 ) { return false; } } if ( type === "first" ) { return true; } node = elem; case "last": while ( (node = node.nextSibling) ) { if ( node.nodeType === 1 ) { return false; } } return true; case "nth": var first = match[2], last = match[3]; if ( first === 1 && last === 0 ) { return true; } var doneName = match[0], parent = elem.parentNode; if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) { var count = 0; for ( node = parent.firstChild; node; node = node.nextSibling ) { if ( node.nodeType === 1 ) { node.nodeIndex = ++count; } } parent.sizcache = doneName; } var diff = elem.nodeIndex - last; if ( first === 0 ) { return diff === 0; } else { return ( diff % first === 0 && diff / first >= 0 ); } } }, ID: function( elem, match ) { return elem.nodeType === 1 && elem.getAttribute("id") === match; }, TAG: function( elem, match ) { return (match === "*" && elem.nodeType === 1) || elem.nodeName.toLowerCase() === match; }, CLASS: function( elem, match ) { return (" " + (elem.className || elem.getAttribute("class")) + " ") .indexOf( match ) > -1; }, ATTR: function( elem, match ) { var name = match[1], result = Expr.attrHandle[ name ] ? Expr.attrHandle[ name ]( elem ) : elem[ name ] != null ? elem[ name ] : elem.getAttribute( name ), value = result + "", type = match[2], check = match[4]; return result == null ? type === "!=" : type === "=" ? value === check : type === "*=" ? value.indexOf(check) >= 0 : type === "~=" ? (" " + value + " ").indexOf(check) >= 0 : !check ? value && result !== false : type === "!=" ? value !== check : type === "^=" ? value.indexOf(check) === 0 : type === "$=" ? value.substr(value.length - check.length) === check : type === "|=" ? value === check || value.substr(0, check.length + 1) === check + "-" : false; }, POS: function( elem, match, i, array ) { var name = match[2], filter = Expr.setFilters[ name ]; if ( filter ) { return filter( elem, i, match, array ); } } } }; var origPOS = Expr.match.POS, fescape = function(all, num){ return "\\" + (num - 0 + 1); }; for ( var type in Expr.match ) { Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) ); Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) ); } var makeArray = function( array, results ) { array = Array.prototype.slice.call( array, 0 ); if ( results ) { results.push.apply( results, array ); return results; } return array; }; // Perform a simple check to determine if the browser is capable of // converting a NodeList to an array using builtin methods. // Also verifies that the returned array holds DOM nodes // (which is not the case in the Blackberry browser) try { Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType; // Provide a fallback method if it does not work } catch( e ) { makeArray = function( array, results ) { var i = 0, ret = results || []; if ( toString.call(array) === "[object Array]" ) { Array.prototype.push.apply( ret, array ); } else { if ( typeof array.length === "number" ) { for ( var l = array.length; i < l; i++ ) { ret.push( array[i] ); } } else { for ( ; array[i]; i++ ) { ret.push( array[i] ); } } } return ret; }; } var sortOrder, siblingCheck; if ( document.documentElement.compareDocumentPosition ) { sortOrder = function( a, b ) { if ( a === b ) { hasDuplicate = true; return 0; } if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) { return a.compareDocumentPosition ? -1 : 1; } return a.compareDocumentPosition(b) & 4 ? -1 : 1; }; } else { sortOrder = function( a, b ) { var al, bl, ap = [], bp = [], aup = a.parentNode, bup = b.parentNode, cur = aup; // The nodes are identical, we can exit early if ( a === b ) { hasDuplicate = true; return 0; // If the nodes are siblings (or identical) we can do a quick check } else if ( aup === bup ) { return siblingCheck( a, b ); // If no parents were found then the nodes are disconnected } else if ( !aup ) { return -1; } else if ( !bup ) { return 1; } // Otherwise they're somewhere else in the tree so we need // to build up a full list of the parentNodes for comparison while ( cur ) { ap.unshift( cur ); cur = cur.parentNode; } cur = bup; while ( cur ) { bp.unshift( cur ); cur = cur.parentNode; } al = ap.length; bl = bp.length; // Start walking down the tree looking for a discrepancy for ( var i = 0; i < al && i < bl; i++ ) { if ( ap[i] !== bp[i] ) { return siblingCheck( ap[i], bp[i] ); } } // We ended someplace up the tree so do a sibling check return i === al ? siblingCheck( a, bp[i], -1 ) : siblingCheck( ap[i], b, 1 ); }; siblingCheck = function( a, b, ret ) { if ( a === b ) { return ret; } var cur = a.nextSibling; while ( cur ) { if ( cur === b ) { return -1; } cur = cur.nextSibling; } return 1; }; } // Utility function for retreiving the text value of an array of DOM nodes Sizzle.getText = function( elems ) { var ret = "", elem; for ( var i = 0; elems[i]; i++ ) { elem = elems[i]; // Get the text from text nodes and CDATA nodes if ( elem.nodeType === 3 || elem.nodeType === 4 ) { ret += elem.nodeValue; // Traverse everything else, except comment nodes } else if ( elem.nodeType !== 8 ) { ret += Sizzle.getText( elem.childNodes ); } } return ret; }; // Check to see if the browser returns elements by name when // querying by getElementById (and provide a workaround) (function(){ // We're going to inject a fake input element with a specified name var form = document.createElement("div"), id = "script" + (new Date()).getTime(), root = document.documentElement; form.innerHTML = ""; // Inject it into the root element, check its status, and remove it quickly root.insertBefore( form, root.firstChild ); // The workaround has to do additional checks after a getElementById // Which slows things down for other browsers (hence the branching) if ( document.getElementById( id ) ) { Expr.find.ID = function( match, context, isXML ) { if ( typeof context.getElementById !== "undefined" && !isXML ) { var m = context.getElementById(match[1]); return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined : []; } }; Expr.filter.ID = function( elem, match ) { var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id"); return elem.nodeType === 1 && node && node.nodeValue === match; }; } root.removeChild( form ); // release memory in IE root = form = null; })(); (function(){ // Check to see if the browser returns only elements // when doing getElementsByTagName("*") // Create a fake element var div = document.createElement("div"); div.appendChild( document.createComment("") ); // Make sure no comments are found if ( div.getElementsByTagName("*").length > 0 ) { Expr.find.TAG = function( match, context ) { var results = context.getElementsByTagName( match[1] ); // Filter out possible comments if ( match[1] === "*" ) { var tmp = []; for ( var i = 0; results[i]; i++ ) { if ( results[i].nodeType === 1 ) { tmp.push( results[i] ); } } results = tmp; } return results; }; } // Check to see if an attribute returns normalized href attributes div.innerHTML = ""; if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" && div.firstChild.getAttribute("href") !== "#" ) { Expr.attrHandle.href = function( elem ) { return elem.getAttribute( "href", 2 ); }; } // release memory in IE div = null; })(); if ( document.querySelectorAll ) { (function(){ var oldSizzle = Sizzle, div = document.createElement("div"), id = "__sizzle__"; div.innerHTML = "

"; // Safari can't handle uppercase or unicode characters when // in quirks mode. if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) { return; } Sizzle = function( query, context, extra, seed ) { context = context || document; // Only use querySelectorAll on non-XML documents // (ID selectors don't work in non-HTML documents) if ( !seed && !Sizzle.isXML(context) ) { // See if we find a selector to speed up var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query ); if ( match && (context.nodeType === 1 || context.nodeType === 9) ) { // Speed-up: Sizzle("TAG") if ( match[1] ) { return makeArray( context.getElementsByTagName( query ), extra ); // Speed-up: Sizzle(".CLASS") } else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) { return makeArray( context.getElementsByClassName( match[2] ), extra ); } } if ( context.nodeType === 9 ) { // Speed-up: Sizzle("body") // The body element only exists once, optimize finding it if ( query === "body" && context.body ) { return makeArray( [ context.body ], extra ); // Speed-up: Sizzle("#ID") } else if ( match && match[3] ) { var elem = context.getElementById( match[3] ); // Check parentNode to catch when Blackberry 4.6 returns // nodes that are no longer in the document #6963 if ( elem && elem.parentNode ) { // Handle the case where IE and Opera return items // by name instead of ID if ( elem.id === match[3] ) { return makeArray( [ elem ], extra ); } } else { return makeArray( [], extra ); } } try { return makeArray( context.querySelectorAll(query), extra ); } catch(qsaError) {} // qSA works strangely on Element-rooted queries // We can work around this by specifying an extra ID on the root // and working up from there (Thanks to Andrew Dupont for the technique) // IE 8 doesn't work on object elements } else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) { var oldContext = context, old = context.getAttribute( "id" ), nid = old || id, hasParent = context.parentNode, relativeHierarchySelector = /^\s*[+~]/.test( query ); if ( !old ) { context.setAttribute( "id", nid ); } else { nid = nid.replace( /'/g, "\\$&" ); } if ( relativeHierarchySelector && hasParent ) { context = context.parentNode; } try { if ( !relativeHierarchySelector || hasParent ) { return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra ); } } catch(pseudoError) { } finally { if ( !old ) { oldContext.removeAttribute( "id" ); } } } } return oldSizzle(query, context, extra, seed); }; for ( var prop in oldSizzle ) { Sizzle[ prop ] = oldSizzle[ prop ]; } // release memory in IE div = null; })(); } (function(){ var html = document.documentElement, matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector; if ( matches ) { // Check to see if it's possible to do matchesSelector // on a disconnected node (IE 9 fails this) var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ), pseudoWorks = false; try { // This should fail with an exception // Gecko does not error, returns false instead matches.call( document.documentElement, "[test!='']:sizzle" ); } catch( pseudoError ) { pseudoWorks = true; } Sizzle.matchesSelector = function( node, expr ) { // Make sure that attribute selectors are quoted expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']"); if ( !Sizzle.isXML( node ) ) { try { if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) { var ret = matches.call( node, expr ); // IE 9's matchesSelector returns false on disconnected nodes if ( ret || !disconnectedMatch || // As well, disconnected nodes are said to be in a document // fragment in IE 9, so check for that node.document && node.document.nodeType !== 11 ) { return ret; } } } catch(e) {} } return Sizzle(expr, null, null, [node]).length > 0; }; } })(); (function(){ var div = document.createElement("div"); div.innerHTML = "
"; // Opera can't find a second classname (in 9.6) // Also, make sure that getElementsByClassName actually exists if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) { return; } // Safari caches class attributes, doesn't catch changes (in 3.2) div.lastChild.className = "e"; if ( div.getElementsByClassName("e").length === 1 ) { return; } Expr.order.splice(1, 0, "CLASS"); Expr.find.CLASS = function( match, context, isXML ) { if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) { return context.getElementsByClassName(match[1]); } }; // release memory in IE div = null; })(); function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) { for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { var match = false; elem = elem[dir]; while ( elem ) { if ( elem.sizcache === doneName ) { match = checkSet[elem.sizset]; break; } if ( elem.nodeType === 1 && !isXML ){ elem.sizcache = doneName; elem.sizset = i; } if ( elem.nodeName.toLowerCase() === cur ) { match = elem; break; } elem = elem[dir]; } checkSet[i] = match; } } } function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) { for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { var match = false; elem = elem[dir]; while ( elem ) { if ( elem.sizcache === doneName ) { match = checkSet[elem.sizset]; break; } if ( elem.nodeType === 1 ) { if ( !isXML ) { elem.sizcache = doneName; elem.sizset = i; } if ( typeof cur !== "string" ) { if ( elem === cur ) { match = true; break; } } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) { match = elem; break; } } elem = elem[dir]; } checkSet[i] = match; } } } if ( document.documentElement.contains ) { Sizzle.contains = function( a, b ) { return a !== b && (a.contains ? a.contains(b) : true); }; } else if ( document.documentElement.compareDocumentPosition ) { Sizzle.contains = function( a, b ) { return !!(a.compareDocumentPosition(b) & 16); }; } else { Sizzle.contains = function() { return false; }; } Sizzle.isXML = function( elem ) { // documentElement is verified for cases where it doesn't yet exist // (such as loading iframes in IE - #4833) var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement; return documentElement ? documentElement.nodeName !== "HTML" : false; }; var posProcess = function( selector, context ) { var match, tmpSet = [], later = "", root = context.nodeType ? [context] : context; // Position selectors must be done after the filter // And so must :not(positional) so we move all PSEUDOs to the end while ( (match = Expr.match.PSEUDO.exec( selector )) ) { later += match[0]; selector = selector.replace( Expr.match.PSEUDO, "" ); } selector = Expr.relative[selector] ? selector + "*" : selector; for ( var i = 0, l = root.length; i < l; i++ ) { Sizzle( selector, root[i], tmpSet ); } return Sizzle.filter( later, tmpSet ); }; // EXPOSE jQuery.find = Sizzle; jQuery.expr = Sizzle.selectors; jQuery.expr[":"] = jQuery.expr.filters; jQuery.unique = Sizzle.uniqueSort; jQuery.text = Sizzle.getText; jQuery.isXMLDoc = Sizzle.isXML; jQuery.contains = Sizzle.contains; })(); var runtil = /Until$/, rparentsprev = /^(?:parents|prevUntil|prevAll)/, // Note: This RegExp should be improved, or likely pulled from Sizzle rmultiselector = /,/, isSimple = /^.[^:#\[\.,]*$/, slice = Array.prototype.slice, POS = jQuery.expr.match.POS, // methods guaranteed to produce a unique set when starting from a unique set guaranteedUnique = { children: true, contents: true, next: true, prev: true }; jQuery.fn.extend({ find: function( selector ) { var ret = this.pushStack( "", "find", selector ), length = 0; for ( var i = 0, l = this.length; i < l; i++ ) { length = ret.length; jQuery.find( selector, this[i], ret ); if ( i > 0 ) { // Make sure that the results are unique for ( var n = length; n < ret.length; n++ ) { for ( var r = 0; r < length; r++ ) { if ( ret[r] === ret[n] ) { ret.splice(n--, 1); break; } } } } } return ret; }, has: function( target ) { var targets = jQuery( target ); return this.filter(function() { for ( var i = 0, l = targets.length; i < l; i++ ) { if ( jQuery.contains( this, targets[i] ) ) { return true; } } }); }, not: function( selector ) { return this.pushStack( winnow(this, selector, false), "not", selector); }, filter: function( selector ) { return this.pushStack( winnow(this, selector, true), "filter", selector ); }, is: function( selector ) { return !!selector && jQuery.filter( selector, this ).length > 0; }, closest: function( selectors, context ) { var ret = [], i, l, cur = this[0]; if ( jQuery.isArray( selectors ) ) { var match, selector, matches = {}, level = 1; if ( cur && selectors.length ) { for ( i = 0, l = selectors.length; i < l; i++ ) { selector = selectors[i]; if ( !matches[selector] ) { matches[selector] = jQuery.expr.match.POS.test( selector ) ? jQuery( selector, context || this.context ) : selector; } } while ( cur && cur.ownerDocument && cur !== context ) { for ( selector in matches ) { match = matches[selector]; if ( match.jquery ? match.index(cur) > -1 : jQuery(cur).is(match) ) { ret.push({ selector: selector, elem: cur, level: level }); } } cur = cur.parentNode; level++; } } return ret; } var pos = POS.test( selectors ) ? jQuery( selectors, context || this.context ) : null; for ( i = 0, l = this.length; i < l; i++ ) { cur = this[i]; while ( cur ) { if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) { ret.push( cur ); break; } else { cur = cur.parentNode; if ( !cur || !cur.ownerDocument || cur === context ) { break; } } } } ret = ret.length > 1 ? jQuery.unique(ret) : ret; return this.pushStack( ret, "closest", selectors ); }, // Determine the position of an element within // the matched set of elements index: function( elem ) { if ( !elem || typeof elem === "string" ) { return jQuery.inArray( this[0], // If it receives a string, the selector is used // If it receives nothing, the siblings are used elem ? jQuery( elem ) : this.parent().children() ); } // Locate the position of the desired element return jQuery.inArray( // If it receives a jQuery object, the first element is used elem.jquery ? elem[0] : elem, this ); }, add: function( selector, context ) { var set = typeof selector === "string" ? jQuery( selector, context ) : jQuery.makeArray( selector ), all = jQuery.merge( this.get(), set ); return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ? all : jQuery.unique( all ) ); }, andSelf: function() { return this.add( this.prevObject ); } }); // A painfully simple check to see if an element is disconnected // from a document (should be improved, where feasible). function isDisconnected( node ) { return !node || !node.parentNode || node.parentNode.nodeType === 11; } jQuery.each({ parent: function( elem ) { var parent = elem.parentNode; return parent && parent.nodeType !== 11 ? parent : null; }, parents: function( elem ) { return jQuery.dir( elem, "parentNode" ); }, parentsUntil: function( elem, i, until ) { return jQuery.dir( elem, "parentNode", until ); }, next: function( elem ) { return jQuery.nth( elem, 2, "nextSibling" ); }, prev: function( elem ) { return jQuery.nth( elem, 2, "previousSibling" ); }, nextAll: function( elem ) { return jQuery.dir( elem, "nextSibling" ); }, prevAll: function( elem ) { return jQuery.dir( elem, "previousSibling" ); }, nextUntil: function( elem, i, until ) { return jQuery.dir( elem, "nextSibling", until ); }, prevUntil: function( elem, i, until ) { return jQuery.dir( elem, "previousSibling", until ); }, siblings: function( elem ) { return jQuery.sibling( elem.parentNode.firstChild, elem ); }, children: function( elem ) { return jQuery.sibling( elem.firstChild ); }, contents: function( elem ) { return jQuery.nodeName( elem, "iframe" ) ? elem.contentDocument || elem.contentWindow.document : jQuery.makeArray( elem.childNodes ); } }, function( name, fn ) { jQuery.fn[ name ] = function( until, selector ) { var ret = jQuery.map( this, fn, until ), // The variable 'args' was introduced in // https://github.com/jquery/jquery/commit/52a0238 // to work around a bug in Chrome 10 (Dev) and should be removed when the bug is fixed. // http://code.google.com/p/v8/issues/detail?id=1050 args = slice.call(arguments); if ( !runtil.test( name ) ) { selector = until; } if ( selector && typeof selector === "string" ) { ret = jQuery.filter( selector, ret ); } ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret; if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) { ret = ret.reverse(); } return this.pushStack( ret, name, args.join(",") ); }; }); jQuery.extend({ filter: function( expr, elems, not ) { if ( not ) { expr = ":not(" + expr + ")"; } return elems.length === 1 ? jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] : jQuery.find.matches(expr, elems); }, dir: function( elem, dir, until ) { var matched = [], cur = elem[ dir ]; while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) { if ( cur.nodeType === 1 ) { matched.push( cur ); } cur = cur[dir]; } return matched; }, nth: function( cur, result, dir, elem ) { result = result || 1; var num = 0; for ( ; cur; cur = cur[dir] ) { if ( cur.nodeType === 1 && ++num === result ) { break; } } return cur; }, sibling: function( n, elem ) { var r = []; for ( ; n; n = n.nextSibling ) { if ( n.nodeType === 1 && n !== elem ) { r.push( n ); } } return r; } }); // Implement the identical functionality for filter and not function winnow( elements, qualifier, keep ) { if ( jQuery.isFunction( qualifier ) ) { return jQuery.grep(elements, function( elem, i ) { var retVal = !!qualifier.call( elem, i, elem ); return retVal === keep; }); } else if ( qualifier.nodeType ) { return jQuery.grep(elements, function( elem, i ) { return (elem === qualifier) === keep; }); } else if ( typeof qualifier === "string" ) { var filtered = jQuery.grep(elements, function( elem ) { return elem.nodeType === 1; }); if ( isSimple.test( qualifier ) ) { return jQuery.filter(qualifier, filtered, !keep); } else { qualifier = jQuery.filter( qualifier, filtered ); } } return jQuery.grep(elements, function( elem, i ) { return (jQuery.inArray( elem, qualifier ) >= 0) === keep; }); } var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g, rleadingWhitespace = /^\s+/, rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig, rtagName = /<([\w:]+)/, rtbody = /", "" ], legend: [ 1, "
", "
" ], thead: [ 1, "", "
" ], tr: [ 2, "", "
" ], td: [ 3, "", "
" ], col: [ 2, "", "
" ], area: [ 1, "", "" ], _default: [ 0, "", "" ] }; wrapMap.optgroup = wrapMap.option; wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; wrapMap.th = wrapMap.td; // IE can't serialize and