├── .gitignore ├── LICENSE ├── README.md ├── books ├── __init__.py ├── admin.py ├── management │ ├── __init__.py │ └── commands │ │ ├── __init__.py │ │ └── add_author.py ├── migrations │ ├── 0001_initial.py │ ├── 0002_auto_20150710_1006.py │ ├── 0003_book_publish_date.py │ ├── 0004_auto_20150715_1222.py │ ├── 0005_auto_20150903_1038.py │ └── __init__.py ├── models.py ├── serializers.py ├── tests.py ├── urls.py └── views.py ├── manage.py ├── package.json ├── react_tutorial ├── __init__.py ├── settings.py ├── urls.py └── wsgi.py ├── requirements.txt ├── rs.bat ├── rs.sh ├── srcjs ├── actions.js ├── components │ ├── AuthorForm.js │ ├── AuthorPanel.js │ ├── BookForm.js │ ├── BookPanel.js │ ├── BookSearchPanel.js │ ├── DatePicker.js │ ├── Input.js │ ├── PagingPanel.js │ ├── Select.js │ ├── StatPanel.js │ ├── Table.js │ ├── app.js │ ├── loading.js │ └── notification.js ├── main.js ├── reducers.js ├── scheduler.js ├── store.js └── util │ ├── colors.js │ └── formatters.js ├── static ├── bundle.js ├── cssloader.css ├── images │ ├── ui-bg_diagonals-thick_18_b81900_40x40.png │ ├── ui-bg_diagonals-thick_20_666666_40x40.png │ ├── ui-bg_flat_10_000000_40x100.png │ ├── ui-bg_glass_100_f6f6f6_1x400.png │ ├── ui-bg_glass_100_fdf5ce_1x400.png │ ├── ui-bg_glass_65_ffffff_1x400.png │ ├── ui-bg_gloss-wave_35_f6a828_500x100.png │ ├── ui-bg_highlight-soft_100_eeeeee_1x100.png │ ├── ui-bg_highlight-soft_75_ffe45c_1x100.png │ ├── ui-icons_222222_256x240.png │ ├── ui-icons_228ef1_256x240.png │ ├── ui-icons_ef8c08_256x240.png │ ├── ui-icons_ffd27a_256x240.png │ └── ui-icons_ffffff_256x240.png ├── jquery-1.11.3.min.js ├── jquery-ui.min.css ├── jquery-ui.min.js ├── normalize.css └── skeleton.css └── templates └── home.html /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by https://www.gitignore.io 2 | db.sqlite3 3 | 4 | ### Django ### 5 | *.log 6 | *.pot 7 | *.pyc 8 | __pycache__/ 9 | local_settings.py 10 | 11 | 12 | ### Node ### 13 | # Logs 14 | logs 15 | *.log 16 | 17 | # Runtime data 18 | pids 19 | *.pid 20 | *.seed 21 | 22 | # Directory for instrumented libs generated by jscoverage/JSCover 23 | lib-cov 24 | 25 | # Coverage directory used by tools like istanbul 26 | coverage 27 | 28 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 29 | .grunt 30 | 31 | # node-waf configuration 32 | .lock-wscript 33 | 34 | # Compiled binary addons (http://nodejs.org/api/addons.html) 35 | build/Release 36 | 37 | # Dependency directory 38 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git 39 | node_modules 40 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | This is free and unencumbered software released into the public domain. 2 | 3 | Anyone is free to copy, modify, publish, use, compile, sell, or 4 | distribute this software, either in source code form or as a compiled 5 | binary, for any purpose, commercial or non-commercial, and by any 6 | means. 7 | 8 | In jurisdictions that recognize copyright laws, the author or authors 9 | of this software dedicate any and all copyright interest in the 10 | software to the public domain. We make this dedication for the benefit 11 | of the public at large and to the detriment of our heirs and 12 | successors. We intend this dedication to be an overt act of 13 | relinquishment in perpetuity of all present and future rights to this 14 | software under copyright law. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR 20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, 21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 22 | OTHER DEALINGS IN THE SOFTWARE. 23 | 24 | For more information, please refer to 25 | 26 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | A (not so simple) React application 2 | =================================== 3 | 4 | This is a central repository that hosts various versions of the react project that correspond 5 | to the following articles from http://spapas.github.io/: 6 | 7 | - http://spapas.github.io/2015/06/05/comprehensive-react-flux-tutorial/ 8 | - http://spapas.github.io/2015/07/02/comprehensive-react-flux-tutorial-2/ 9 | - http://spapas.github.io/2015/09/08/more-complex-react-flux-example/ 10 | - http://spapas.github.io/2016/03/02/react-redux-tutorial/ 11 | 12 | To be able to follow the articles, I've added a bunch of tags in the repository (they go from 13 | the simplest case to the most complex one): 14 | 15 | - ``react-only``: Use react *only* 16 | - ``react-only-validation``: Add validation to the above version 17 | - ``react-flux``: Introduce flux to the react-only version 18 | - ``react-flux-better-organization``: Improve the code structure by adding modules etc 19 | - ``react-flux-complex``: A more complex app with react and flux 20 | - ``react-redux``: Use redux with react 21 | - ``react-redux-poll-update``: Update UI automatically when there are changes to the data (uses polling) 22 | 23 | Get code for a tag 24 | ------------------ 25 | 26 | To get the code for a tag, just clone the repository and do a: 27 | 28 | ``git checkout TAG`` 29 | 30 | ``python manage.py syncdb`` 31 | 32 | If you use Django 1.7 or later. 33 | 34 | ``python manage.py migrate`` 35 | 36 | ``npm install`` 37 | 38 | If you want to go to a different tag, you'll just do again a checkout to 39 | the corresponding tag and do an ``npm install``, but you'll need to delete the ``db.sqlite3`` file (that 40 | contains the database schema for the application) and then do a syncdb again because 41 | there may be differences in the database between different tags. 42 | 43 | Running the application 44 | ----------------------- 45 | 46 | First, you must install required modules. 47 | 48 | ``pip install -U -r requirements.txt`` 49 | 50 | Now, to actually run the application, you'll need to use 51 | 52 | ``python manage.py runserver`` 53 | 54 | to start the django development server (or run rs.bat/rs.sh depending on 55 | your shell). For the ``react-only`` version you 56 | can directly modify the js files and see the differences when you 57 | refresh the page in your browser. However, for all 58 | other versions a node-js toolset with browserify is used to compile 59 | the javascript sources to the bundle that is actually used. 60 | 61 | So, when developing I recommend running ``npm run watch`` to start watchify 62 | which automatically re-builds your javascript bundle when it detects a change. Another 63 | solution is to run ``npm run build`` that will create a (minified) bundle with 64 | the current sources (but will need to be re-run by hand when something in your 65 | javascript changes). 66 | 67 | 68 | You can find more info about how I use this node-js toolset 69 | (browserify, watchify, uglify, babel etc) @ http://spapas.github.io/2015/05/27/using-browserify-watchify/ 70 | for a basic tutorial and @ http://spapas.github.io/2015/11/16/using-browserify-es6/ for 71 | how to use ES6. 72 | 73 | 74 | -------------------------------------------------------------------------------- /books/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/books/__init__.py -------------------------------------------------------------------------------- /books/admin.py: -------------------------------------------------------------------------------- 1 | from django.contrib import admin 2 | from books.models import Book, Category, SubCategory 3 | 4 | admin.site.register(Book) 5 | admin.site.register(Category) 6 | admin.site.register(SubCategory) -------------------------------------------------------------------------------- /books/management/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/books/management/__init__.py -------------------------------------------------------------------------------- /books/management/commands/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/books/management/commands/__init__.py -------------------------------------------------------------------------------- /books/management/commands/add_author.py: -------------------------------------------------------------------------------- 1 | from django.core.management.base import BaseCommand, CommandError 2 | from books.models import Author 3 | import random, string 4 | 5 | class Command(BaseCommand): 6 | help = 'Closes the specified poll for voting' 7 | 8 | 9 | def handle(self, *args, **options): 10 | author = Author.objects.create( 11 | first_name=random.choice(string.ascii_uppercase) + ''.join(random.choice(string.ascii_lowercase) for _ in range(7)), 12 | last_name=random.choice(string.ascii_uppercase) + ''.join(random.choice(string.ascii_lowercase) for _ in range(7)), 13 | ) 14 | print "Author {} {} added ".format(author.first_name, author.last_name) -------------------------------------------------------------------------------- /books/migrations/0001_initial.py: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8 -*- 2 | from __future__ import unicode_literals 3 | 4 | from django.db import models, migrations 5 | 6 | 7 | class Migration(migrations.Migration): 8 | 9 | dependencies = [ 10 | ] 11 | 12 | operations = [ 13 | migrations.CreateModel( 14 | name='Book', 15 | fields=[ 16 | ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)), 17 | ('title', models.CharField(max_length=50)), 18 | ('category', models.CharField(max_length=16, choices=[(b'CRIME', b'Crime'), (b'HISTORY', b'History'), (b'HORROR', b'Horror'), (b'SCIFI', b'Sci-fi')])), 19 | ], 20 | ), 21 | ] 22 | -------------------------------------------------------------------------------- /books/migrations/0002_auto_20150710_1006.py: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8 -*- 2 | from __future__ import unicode_literals 3 | 4 | from django.db import models, migrations 5 | 6 | 7 | class Migration(migrations.Migration): 8 | 9 | dependencies = [ 10 | ('books', '0001_initial'), 11 | ] 12 | 13 | operations = [ 14 | migrations.CreateModel( 15 | name='Category', 16 | fields=[ 17 | ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)), 18 | ('name', models.CharField(max_length=50)), 19 | ], 20 | ), 21 | migrations.CreateModel( 22 | name='SubCategory', 23 | fields=[ 24 | ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)), 25 | ('name', models.CharField(max_length=50)), 26 | ('category', models.ForeignKey(to='books.Category')), 27 | ], 28 | ), 29 | migrations.RemoveField( 30 | model_name='book', 31 | name='category', 32 | ), 33 | migrations.AddField( 34 | model_name='book', 35 | name='subcategory', 36 | field=models.ForeignKey(blank=True, to='books.SubCategory', null=True), 37 | ), 38 | ] 39 | -------------------------------------------------------------------------------- /books/migrations/0003_book_publish_date.py: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8 -*- 2 | from __future__ import unicode_literals 3 | 4 | from django.db import models, migrations 5 | 6 | 7 | class Migration(migrations.Migration): 8 | 9 | dependencies = [ 10 | ('books', '0002_auto_20150710_1006'), 11 | ] 12 | 13 | operations = [ 14 | migrations.AddField( 15 | model_name='book', 16 | name='publish_date', 17 | field=models.DateField(null=True, blank=True), 18 | ), 19 | ] 20 | -------------------------------------------------------------------------------- /books/migrations/0004_auto_20150715_1222.py: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8 -*- 2 | from __future__ import unicode_literals 3 | 4 | from django.db import models, migrations 5 | 6 | 7 | class Migration(migrations.Migration): 8 | 9 | dependencies = [ 10 | ('books', '0003_book_publish_date'), 11 | ] 12 | 13 | operations = [ 14 | migrations.CreateModel( 15 | name='Author', 16 | fields=[ 17 | ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)), 18 | ('first_name', models.CharField(max_length=50)), 19 | ('last_name', models.CharField(max_length=50)), 20 | ], 21 | ), 22 | migrations.AddField( 23 | model_name='book', 24 | name='author', 25 | field=models.ForeignKey(blank=True, to='books.Author', null=True), 26 | ), 27 | ] 28 | -------------------------------------------------------------------------------- /books/migrations/0005_auto_20150903_1038.py: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8 -*- 2 | from __future__ import unicode_literals 3 | 4 | from django.db import models, migrations 5 | import django.db.models.deletion 6 | 7 | 8 | class Migration(migrations.Migration): 9 | 10 | dependencies = [ 11 | ('books', '0004_auto_20150715_1222'), 12 | ] 13 | 14 | operations = [ 15 | migrations.AlterField( 16 | model_name='book', 17 | name='author', 18 | field=models.ForeignKey(on_delete=django.db.models.deletion.SET_NULL, blank=True, to='books.Author', null=True), 19 | ), 20 | ] 21 | -------------------------------------------------------------------------------- /books/migrations/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/books/migrations/__init__.py -------------------------------------------------------------------------------- /books/models.py: -------------------------------------------------------------------------------- 1 | from django.db import models 2 | 3 | class Category(models.Model): 4 | name = models.CharField(max_length=50) 5 | 6 | def get_number_of_books(self): 7 | return Book.objects.filter(subcategory__category=self).count() 8 | 9 | def __unicode__(self): 10 | return self.name 11 | 12 | class SubCategory(models.Model): 13 | category = models.ForeignKey('Category') 14 | name = models.CharField(max_length=50) 15 | 16 | def get_number_of_books(self): 17 | return Book.objects.filter(subcategory=self).count() 18 | 19 | def __unicode__(self): 20 | return self.name 21 | 22 | class Book(models.Model): 23 | title = models.CharField(max_length=50) 24 | publish_date = models.DateField(blank=True, null=True) 25 | subcategory = models.ForeignKey('SubCategory', blank=True, null=True) 26 | author = models.ForeignKey('Author', blank=True, null=True, on_delete=models.SET_NULL) 27 | 28 | def __unicode__(self): 29 | return self.title 30 | 31 | 32 | class Author(models.Model): 33 | first_name = models.CharField(max_length=50) 34 | last_name = models.CharField(max_length=50) 35 | 36 | def get_number_of_books(self): 37 | return Book.objects.filter(author=self).count() 38 | 39 | def __unicode__(self): 40 | return self.first_name + ' ' + self.last_name -------------------------------------------------------------------------------- /books/serializers.py: -------------------------------------------------------------------------------- 1 | from rest_framework import serializers 2 | from books.models import Book, Category, SubCategory, Author 3 | 4 | class BookSerializer(serializers.ModelSerializer): 5 | category = serializers.IntegerField(source='subcategory.category.id', read_only=True) 6 | category_name = serializers.CharField(source='subcategory.name', read_only=True) 7 | author_name = serializers.CharField(source='author', read_only=True) 8 | 9 | class Meta: 10 | model = Book 11 | 12 | 13 | class CategorySerializer(serializers.ModelSerializer): 14 | number_of_books = serializers.IntegerField(source='get_number_of_books', read_only=True) 15 | 16 | class Meta: 17 | model = Category 18 | 19 | 20 | class SubCategorySerializer(serializers.ModelSerializer): 21 | number_of_books = serializers.IntegerField(source='get_number_of_books', read_only=True) 22 | 23 | class Meta: 24 | model = SubCategory 25 | 26 | 27 | class AuthorSerializer(serializers.ModelSerializer): 28 | number_of_books = serializers.IntegerField(source='get_number_of_books', read_only=True) 29 | 30 | class Meta: 31 | model = Author 32 | -------------------------------------------------------------------------------- /books/tests.py: -------------------------------------------------------------------------------- 1 | from django.test import TestCase 2 | 3 | # Create your tests here. 4 | -------------------------------------------------------------------------------- /books/urls.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/books/urls.py -------------------------------------------------------------------------------- /books/views.py: -------------------------------------------------------------------------------- 1 | from django.shortcuts import render 2 | from django.views.generic import TemplateView 3 | from rest_framework import viewsets, filters 4 | from rest_framework.decorators import detail_route, list_route 5 | from rest_framework.pagination import PageNumberPagination 6 | from rest_framework.response import Response 7 | from books.models import Book, Category, SubCategory, Author 8 | from books.serializers import BookSerializer, CategorySerializer, SubCategorySerializer, AuthorSerializer 9 | 10 | class HomeTemplateView(TemplateView, ): 11 | template_name = 'home.html' 12 | 13 | class SmallPageNumberPagination(PageNumberPagination): 14 | page_size = 5 15 | 16 | class BookViewSet(viewsets.ModelViewSet): 17 | queryset = Book.objects.all() 18 | serializer_class = BookSerializer 19 | filter_backends = (filters.SearchFilter, filters.OrderingFilter) 20 | search_fields = ('title', 'subcategory__category__name', 'subcategory__name', 'author__last_name',) 21 | pagination_class = SmallPageNumberPagination 22 | ordering_fields = ('subcategory__name', 'id', 'title', 'publish_date', 'author__last_name', ) 23 | ordering = ('title',) 24 | 25 | 26 | class CategoryViewSet(viewsets.ModelViewSet): 27 | queryset = Category.objects.all() 28 | serializer_class = CategorySerializer 29 | filter_backends = (filters.SearchFilter,) 30 | search_fields = ('name', ) 31 | 32 | 33 | class AuthorViewSet(viewsets.ModelViewSet): 34 | queryset = Author.objects.all() 35 | serializer_class = AuthorSerializer 36 | filter_backends = (filters.SearchFilter, filters.OrderingFilter) 37 | search_fields = ('last_name', 'first_name', ) 38 | ordering_fields = ('id', 'last_name', ) 39 | ordering = ('last_name',) 40 | 41 | @list_route() 42 | def get_author_number(self, request): 43 | return Response(Author.objects.all().count()) 44 | 45 | 46 | 47 | class SubCategoryViewSet(viewsets.ModelViewSet): 48 | queryset = SubCategory.objects.all() 49 | serializer_class = SubCategorySerializer 50 | filter_backends = (filters.SearchFilter,) 51 | search_fields = ('name, category__name', ) 52 | 53 | def get_queryset(self): 54 | queryset = SubCategory.objects.all() 55 | category = self.request.query_params.get('category', None) 56 | if category is not None: 57 | queryset = queryset.filter(category_id=category) 58 | return queryset -------------------------------------------------------------------------------- /manage.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import sys 4 | 5 | if __name__ == "__main__": 6 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "react_tutorial.settings") 7 | 8 | from django.core.management import execute_from_command_line 9 | 10 | execute_from_command_line(sys.argv) 11 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-redux-tutorial", 3 | "version": "2.0.0", 4 | "description": "A react redux tutorial", 5 | "main": "", 6 | "devDependencies": { 7 | "babel": "^6.5.2", 8 | "babel-plugin-react-transform": "^2.0.2", 9 | "babel-plugin-transform-object-rest-spread": "^6.8.0", 10 | "babel-preset-es2015": "^6.9.0", 11 | "babel-preset-react": "^6.11.1", 12 | "babelify": "^7.3.0", 13 | "browserify": "^13.0.1", 14 | "uglify": "^0.1.5", 15 | "uglifyjs": "^2.4.10", 16 | "watchify": "^3.7.0" 17 | }, 18 | "dependencies": { 19 | "history": "^1.17.0", 20 | "jquery": "^2.2.4", 21 | "react": "^0.14.8", 22 | "react-dom": "^0.14.8", 23 | "react-notification": "^4.3.0", 24 | "react-redux": "^4.4.5", 25 | "react-router": "^1.0.3", 26 | "react-router-redux": "^2.1.0", 27 | "redux": "^3.5.2", 28 | "redux-form": "^4.2.2", 29 | "redux-thunk": "^1.0.3" 30 | }, 31 | "scripts": { 32 | "watch": "watchify srcjs/main.js -v -t babelify -o static/bundle.js", 33 | "build": "browserify srcjs/main.js -t babelify | uglifyjs -mc warnings=false > static/bundle.js" 34 | }, 35 | "babel": { 36 | "presets": [ 37 | "es2015", 38 | "react" 39 | ], 40 | "plugins": [ 41 | "transform-object-rest-spread" 42 | ] 43 | }, 44 | "repository": { 45 | "type": "git", 46 | "url": "https://github.com/spapas/react-redux-tutorial" 47 | }, 48 | "author": "", 49 | "license": "Unlicense", 50 | "bugs": { 51 | "url": "https://github.com/spapas/react-redux-tutorial/issues" 52 | }, 53 | "homepage": "https://github.com/spapas/react-redux-tutorial" 54 | } 55 | -------------------------------------------------------------------------------- /react_tutorial/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/react_tutorial/__init__.py -------------------------------------------------------------------------------- /react_tutorial/settings.py: -------------------------------------------------------------------------------- 1 | import os 2 | BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) 3 | 4 | DEBUG = True 5 | SECRET_KEY = 'b^kttw2xc+21@)mh9a%45%326#s409vmm5bgssh^ro_o2r*xsl' 6 | ALLOWED_HOSTS = [] 7 | 8 | INSTALLED_APPS = ( 9 | 'django.contrib.admin', 10 | 'django.contrib.auth', 11 | 'django.contrib.contenttypes', 12 | 'django.contrib.sessions', 13 | 'django.contrib.messages', 14 | 'django.contrib.staticfiles', 15 | 16 | 'rest_framework', 17 | 18 | 'books', 19 | ) 20 | 21 | MIDDLEWARE_CLASSES = ( 22 | 'django.contrib.sessions.middleware.SessionMiddleware', 23 | 'django.middleware.common.CommonMiddleware', 24 | 'django.middleware.csrf.CsrfViewMiddleware', 25 | 'django.contrib.auth.middleware.AuthenticationMiddleware', 26 | 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 27 | 'django.contrib.messages.middleware.MessageMiddleware', 28 | 'django.middleware.clickjacking.XFrameOptionsMiddleware', 29 | 'django.middleware.security.SecurityMiddleware', 30 | ) 31 | 32 | TEMPLATES = [ 33 | { 34 | 'BACKEND': 'django.template.backends.django.DjangoTemplates', 35 | 'DIRS': [os.path.join(BASE_DIR, 'templates'),], 36 | 'APP_DIRS': True, 37 | 'OPTIONS': { 38 | 'context_processors': [ 39 | 'django.template.context_processors.debug', 40 | 'django.template.context_processors.request', 41 | 'django.contrib.auth.context_processors.auth', 42 | 'django.contrib.messages.context_processors.messages', 43 | ], 44 | }, 45 | }, 46 | ] 47 | STATICFILES_DIRS = ( 48 | os.path.join(BASE_DIR, "static"), 49 | ) 50 | 51 | DATABASES = { 52 | 'default': { 53 | 'ENGINE': 'django.db.backends.sqlite3', 54 | 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'), 55 | } 56 | } 57 | 58 | LANGUAGE_CODE = 'en-us' 59 | TIME_ZONE = 'UTC' 60 | USE_I18N = True 61 | USE_L10N = True 62 | USE_TZ = True 63 | STATIC_URL = '/static/' 64 | ROOT_URLCONF = 'react_tutorial.urls' 65 | WSGI_APPLICATION = 'react_tutorial.wsgi.application' -------------------------------------------------------------------------------- /react_tutorial/urls.py: -------------------------------------------------------------------------------- 1 | from django.conf.urls import include, url 2 | from django.contrib import admin 3 | from rest_framework.routers import DefaultRouter 4 | from books.views import HomeTemplateView 5 | from books.views import BookViewSet, CategoryViewSet, SubCategoryViewSet, AuthorViewSet 6 | 7 | router = DefaultRouter() 8 | router.register(r'books', BookViewSet) 9 | router.register(r'authors', AuthorViewSet) 10 | router.register(r'categories', CategoryViewSet) 11 | router.register(r'subcategories', SubCategoryViewSet) 12 | 13 | urlpatterns = [ 14 | url(r'^api/', include(router.urls)), 15 | ] 16 | 17 | 18 | urlpatterns = [ 19 | url(r'^admin/', include(admin.site.urls)), 20 | url(r'^api/', include(router.urls)), 21 | url(r'^$', HomeTemplateView.as_view(), name='home') 22 | ] 23 | -------------------------------------------------------------------------------- /react_tutorial/wsgi.py: -------------------------------------------------------------------------------- 1 | """ 2 | WSGI config for react_tutorial project. 3 | 4 | It exposes the WSGI callable as a module-level variable named ``application``. 5 | 6 | For more information on this file, see 7 | https://docs.djangoproject.com/en/1.8/howto/deployment/wsgi/ 8 | """ 9 | 10 | import os 11 | 12 | from django.core.wsgi import get_wsgi_application 13 | 14 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "react_tutorial.settings") 15 | 16 | application = get_wsgi_application() 17 | -------------------------------------------------------------------------------- /requirements.txt: -------------------------------------------------------------------------------- 1 | Django==1.8.13 2 | djangorestframework==3.3.3 3 | -------------------------------------------------------------------------------- /rs.bat: -------------------------------------------------------------------------------- 1 | python manage.py runserver 2 | -------------------------------------------------------------------------------- /rs.sh: -------------------------------------------------------------------------------- 1 | python manage.py runserver 2 | -------------------------------------------------------------------------------- /srcjs/actions.js: -------------------------------------------------------------------------------- 1 | import { history } from './store' 2 | import { formatUrl } from './util/formatters' 3 | 4 | export function showBooksResult(jsonResult) { 5 | return { 6 | type: "SHOW_BOOKS", 7 | books: jsonResult 8 | }; 9 | } 10 | 11 | export function showBookResult(jsonResult) { 12 | return { 13 | type: "SHOW_BOOK", 14 | book: jsonResult 15 | }; 16 | } 17 | 18 | 19 | export function addBookResult(book) { 20 | return { 21 | type: "ADD_BOOK", 22 | book 23 | }; 24 | } 25 | 26 | export function updateBookResult(book) { 27 | return { 28 | type: "UPDATE_BOOK", 29 | book 30 | }; 31 | } 32 | 33 | export function deleteBookResult(id) { 34 | return { 35 | type: "DELETE_BOOK", 36 | id 37 | }; 38 | } 39 | 40 | export function showAuthorsResult(jsonResult) { 41 | return { 42 | type: "SHOW_AUTHORS", 43 | authors: jsonResult 44 | }; 45 | } 46 | 47 | export function showAuthorResult(author) { 48 | return { 49 | type: "SHOW_AUTHOR", 50 | author 51 | }; 52 | } 53 | 54 | export function addAuthorResult(author) { 55 | return { 56 | type: "ADD_AUTHOR", 57 | author 58 | }; 59 | } 60 | 61 | export function updateAuthorResult(author) { 62 | return { 63 | type: "UPDATE_AUTHOR", 64 | author 65 | }; 66 | } 67 | 68 | export function deleteAuthorResult(id) { 69 | return { 70 | type: "DELETE_AUTHOR", 71 | id 72 | }; 73 | } 74 | 75 | export function showCategoriesResult(jsonResult) { 76 | return { 77 | type: "SHOW_CATEGORIES", 78 | categories: jsonResult 79 | }; 80 | } 81 | 82 | export function showSubCategoriesResult(jsonResult) { 83 | return { 84 | type: "SHOW_SUBCATEGORIES", 85 | subcategories: jsonResult 86 | }; 87 | } 88 | 89 | export function loadingChanged(isLoading) { 90 | return { 91 | type: "IS_LOADING", 92 | isLoading 93 | } 94 | } 95 | 96 | export function submittingChanged(isSubmitting) { 97 | return { 98 | type: "IS_SUBMITTING", 99 | isSubmitting 100 | } 101 | } 102 | 103 | export function toggleSorting(sorting) { 104 | return { 105 | type: "TOGGLE_SORTING", 106 | sorting 107 | } 108 | } 109 | 110 | export function changePage(page) { 111 | return { 112 | type: "CHANGE_PAGE", 113 | page 114 | } 115 | } 116 | 117 | export function showSuccessNotification(message) { 118 | return { 119 | type: 'SHOW_NOTIFICATION', 120 | notification_type: 'SUCCESS', 121 | message 122 | } 123 | } 124 | 125 | export function showErrorNotification(message) { 126 | return { 127 | type: 'SHOW_NOTIFICATION', 128 | notification_type: 'ERROR', 129 | message 130 | } 131 | } 132 | 133 | export function hideNotification() { 134 | return { 135 | type: 'CLEAR_NOTIFICATION' 136 | } 137 | } 138 | 139 | export function changeSearch(search) { 140 | return { 141 | type: 'CHANGE_SEARCH', 142 | search 143 | } 144 | } 145 | 146 | export function changeSearchAndLoadBooks(search) { 147 | return (dispatch, getState) => { 148 | dispatch(changeSearch(search)) 149 | history.push( { 150 | search: formatUrl(getState().books) 151 | } ) 152 | dispatch(loadBooks()) 153 | } 154 | } 155 | 156 | export function toggleSortingAndLoadBooks(sorting) { 157 | return (dispatch, getState) => { 158 | dispatch(toggleSorting(sorting)) 159 | history.push( { 160 | search: formatUrl(getState().books) 161 | } ) 162 | dispatch(loadBooks()) 163 | } 164 | } 165 | 166 | 167 | export function loadBooks(page=1) { 168 | return (dispatch, getState) => { 169 | let state = getState(); 170 | let { page, sorting, search } = state.books 171 | let url = `//127.0.0.1:8000/api/books/?format=json&page=${page}`; 172 | if(sorting) { 173 | url+=`&ordering=${sorting}` 174 | } 175 | if(search) { 176 | url+=`&search=${search}` 177 | } 178 | dispatch(loadingChanged(true)); 179 | $.get(url, data => { 180 | setTimeout(() => { 181 | dispatch(showBooksResult(data)); 182 | dispatch(loadingChanged(false)); 183 | }, 1000); 184 | }); 185 | } 186 | } 187 | 188 | 189 | export function loadBook(id) { 190 | return (dispatch, getState) => { 191 | let url = `//127.0.0.1:8000/api/books/${id}/?format=json`; 192 | dispatch(loadingChanged(true)); 193 | $.get(url, function(data) { 194 | dispatch(showBookResult(data)); 195 | dispatch(loadingChanged(false)); 196 | dispatch(loadSubCategories(data.category)); 197 | }); 198 | } 199 | } 200 | 201 | export function loadAuthors(page=1) { 202 | return (dispatch, getState) => { 203 | let url = `//127.0.0.1:8000/api/authors/?format=json&page=${page}`; 204 | dispatch(loadingChanged(true)); 205 | $.get(url, data => { 206 | setTimeout(() => { 207 | dispatch(showAuthorsResult(data)); 208 | dispatch(loadingChanged(false)); 209 | }, 1000); 210 | }); 211 | } 212 | } 213 | 214 | 215 | export function loadAuthor(id) { 216 | return (dispatch, getState) => { 217 | let url = `//127.0.0.1:8000/api/authors/${id}/?format=json`; 218 | dispatch(loadingChanged(true)); 219 | $.get(url, function(data) { 220 | dispatch(showAuthorResult(data)); 221 | dispatch(loadingChanged(false)); 222 | }); 223 | } 224 | } 225 | 226 | export function loadCategories() { 227 | return (dispatch, getState) => { 228 | let url = '//127.0.0.1:8000/api/categories/?format=json'; 229 | 230 | $.get(url, data => { 231 | dispatch(showCategoriesResult(data)); 232 | }); 233 | } 234 | } 235 | 236 | export function loadSubCategories(category) { 237 | return (dispatch, getState) => { 238 | 239 | if(!category) { 240 | dispatch(showSubCategoriesResult([])); 241 | return 242 | } 243 | let url = `//127.0.0.1:8000/api/subcategories/?format=json&category=${category}`; 244 | 245 | $.get(url, data => { 246 | dispatch(showSubCategoriesResult(data)); 247 | }); 248 | } 249 | } 250 | -------------------------------------------------------------------------------- /srcjs/components/AuthorForm.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | import { 4 | addAuthorResult, updateAuthorResult, loadAuthor, deleteAuthorResult, showSuccessNotification, showErrorNotification, 5 | submittingChanged, 6 | } from '../actions' 7 | import { reduxForm } from 'redux-form'; 8 | import { routeActions } from 'react-router-redux' 9 | import Input from './Input' 10 | import { danger } from '../util/colors' 11 | 12 | const submit = (id, values, dispatch) => { 13 | let url = '//127.0.0.1:8000/api/authors/' 14 | let type = 'POST' 15 | 16 | if(id) { 17 | url = `//127.0.0.1:8000/api/authors/${id}/` 18 | type = 'PUT' 19 | } 20 | 21 | dispatch(submittingChanged(true)) 22 | 23 | $.ajax({ 24 | type, 25 | url, 26 | data: values, 27 | success: (d) => { 28 | dispatch(showSuccessNotification('Success!')) 29 | if(id) { 30 | dispatch(updateAuthorResult(d)) 31 | } else { 32 | dispatch(addAuthorResult(d)) 33 | } 34 | dispatch(submittingChanged(false)) 35 | dispatch(routeActions.push('/authors/')); 36 | }, 37 | error: (d) => { 38 | dispatch(submittingChanged(false)) 39 | console.log(d); 40 | dispatch(showErrorNotification(`Error (${d.status} - ${d.statusText}) while saving: ${d.responseText}` )) 41 | } 42 | }); 43 | }; 44 | 45 | 46 | const del = (id, dispatch) => { 47 | const url = `//127.0.0.1:8000/api/authors/${id}/` 48 | const type='DELETE'; 49 | dispatch(submittingChanged(true)) 50 | $.ajax({ 51 | type, 52 | url, 53 | success: (d) => { 54 | dispatch(showSuccessNotification('Success!')) 55 | dispatch(deleteAuthorResult(id)) 56 | dispatch(submittingChanged(false)) 57 | dispatch(routeActions.push('/authors/')); 58 | }, 59 | error: (d) => { 60 | dispatch(submittingChanged(false)) 61 | dispatch(showErrorNotification(`Error (${d.status} - ${d.statusText}) while saving: ${d.responseText}` )) 62 | } 63 | }); 64 | }; 65 | 66 | const validate = values => { 67 | const errors = {}; 68 | if (!values.first_name) { 69 | errors.first_name = 'Required'; 70 | } 71 | if (!values.last_name) { 72 | errors.last_name = 'Required'; 73 | } 74 | return errors; 75 | } 76 | 77 | 78 | class AuthorForm extends React.Component { 79 | 80 | render() { 81 | const {fields: { 82 | first_name, last_name 83 | }, handleSubmit, dispatch } = this.props; 84 | const { id } = this.props.params; 85 | const { isSubmitting } = this.props.ui; 86 | 87 | const tsubmit = submit.bind(undefined,id); 88 | const dsubmit = del.bind(undefined, id, dispatch); 89 | 90 | return
91 |
92 |
93 | 94 |
95 | 96 |
97 | 98 |
99 |
100 | 101 | 104 | {id?:null} 107 | 108 |
109 | } 110 | 111 | componentDidMount() { 112 | if (this.props.params.id) { 113 | if(!this.props.author || this.props.author.id != this.props.params.id) { 114 | this.props.dispatch(loadAuthor(this.props.params.id)); 115 | } 116 | } else { 117 | // New author 118 | } 119 | } 120 | }; 121 | 122 | 123 | const mapStateToProps = (state, props) => { 124 | let initial = {} 125 | const { author } = state.authors 126 | 127 | if(props.params.id && author) { 128 | initial = author 129 | } 130 | 131 | return { 132 | author:state.authors.author, 133 | ui: state.ui, 134 | initialValues:initial, 135 | } 136 | }; 137 | 138 | const AuthorFormContainer = reduxForm({ 139 | form: 'authorForm', 140 | fields: ['first_name', 'last_name' ], 141 | validate 142 | }, mapStateToProps)(AuthorForm); 143 | 144 | 145 | export default AuthorFormContainer; 146 | -------------------------------------------------------------------------------- /srcjs/components/AuthorPanel.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { connect } from 'react-redux' 3 | import { Link } from 'react-router' 4 | import Table from './Table' 5 | 6 | const cols = [ 7 | {key: 'id', label: 'id', format: x=>{x.id}}, 8 | {key: 'last_name', label: 'Last name',}, 9 | {key: 'first_name', label: 'First name',}, 10 | ] 11 | 12 | const AuthorPanel = (props) =>
13 |
14 |

Author list +

15 | 16 | 17 | 18 | 19 | const mapStateToProps = (state) => ({ 20 | authors:state.authors, 21 | }) 22 | 23 | export default connect(mapStateToProps)(AuthorPanel); 24 | -------------------------------------------------------------------------------- /srcjs/components/BookForm.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | import { addBookResult, updateBookResult, deleteBookResult, loadBook, showSuccessNotification, 4 | showErrorNotification, loadCategories, loadSubCategories, submittingChanged 5 | } from '../actions' 6 | import { reduxForm } from 'redux-form'; 7 | import { routeActions } from 'react-router-redux' 8 | import DatePicker from './DatePicker' 9 | import Input from './Input' 10 | import Select from './Select' 11 | import { danger } from '../util/colors' 12 | 13 | const submit = (id, values, dispatch) => { 14 | let url = '//127.0.0.1:8000/api/books/' 15 | let type = 'POST' 16 | 17 | if(id) { 18 | url = `//127.0.0.1:8000/api/books/${id}/` 19 | type = 'PUT' 20 | } 21 | 22 | dispatch(submittingChanged(true)) 23 | 24 | $.ajax({ 25 | type, 26 | url, 27 | data: values, 28 | success: (d) => { 29 | dispatch(submittingChanged(false)) 30 | dispatch(showSuccessNotification('Success!')) 31 | if(id) { 32 | dispatch(updateBookResult(d)) 33 | } else { 34 | dispatch(addBookResult(d)) 35 | } 36 | dispatch(routeActions.push('/')); 37 | 38 | }, 39 | error: (d) => { 40 | dispatch(submittingChanged(false)) 41 | console.log(d); 42 | dispatch(showErrorNotification(`Error (${d.status} - ${d.statusText}) while saving: ${d.responseText}` )) 43 | } 44 | }); 45 | }; 46 | 47 | const del = (id, dispatch) => { 48 | const url = `//127.0.0.1:8000/api/books/${id}/` 49 | const type='DELETE'; 50 | $.ajax({ 51 | type, 52 | url, 53 | success: (d) => { 54 | 55 | dispatch(showSuccessNotification('Success!')) 56 | dispatch(deleteBookResult(id)) 57 | dispatch(routeActions.push('/')); 58 | 59 | }, 60 | error: (d) => { 61 | dispatch(showErrorNotification(`Error (${d.status} - ${d.statusText}) while saving: ${d.responseText}` )) 62 | } 63 | }); 64 | }; 65 | 66 | const validate = values => { 67 | const errors = {}; 68 | if (!values.title) { 69 | errors.title = 'Required'; 70 | } 71 | if(values.publish_date) { 72 | const re = /^\d{4}-\d{2}-\d{2}$/; 73 | if(!re.exec(values.publish_date)) { 74 | errors.publish_date = 'Invalid'; 75 | } 76 | } 77 | return errors; 78 | } 79 | 80 | 81 | class BookForm extends React.Component { 82 | 83 | render() { 84 | const {fields: { 85 | title, category, subcategory, publish_date, author 86 | }, handleSubmit, dispatch } = this.props; 87 | const { id } = this.props.params; 88 | const { isSubmitting } = this.props.ui; 89 | const { categories, subcategories } = this.props.categories; 90 | const authors = this.props.authors.rows; 91 | 92 | const tsubmit = submit.bind(undefined,id); 93 | const dsubmit = del.bind(undefined,id, dispatch); 94 | 95 | return 96 | 97 |
98 |
99 | 100 |
101 |
102 |
103 |
104 | 111 |
112 |
113 |
114 |
115 | 116 |
117 |
118 |
37 | 38 | 39 | { 40 | changePage(page+1); 41 | loadBooks() 42 | }} onPreviousPage={ () => { 43 | changePage(page-1); 44 | loadBooks() 45 | }} /> 46 | 47 | } 48 | 49 | 50 | const mapStateToProps = state => ({ 51 | books:state.books, 52 | }) 53 | 54 | const mapDispatchToProps = dispatch => bindActionCreators({ 55 | loadBooks, changePage, toggleSortingAndLoadBooks, changeSearchAndLoadBooks 56 | }, dispatch) 57 | 58 | export default connect(mapStateToProps, mapDispatchToProps)(BookPanel); 59 | -------------------------------------------------------------------------------- /srcjs/components/BookSearchPanel.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | 4 | 5 | export default class SearchPanel extends React.Component { 6 | constructor() { 7 | super() 8 | this.onSearchChange = this.onSearchChange.bind(this) 9 | this.onClearSearch = this.onClearSearch.bind(this) 10 | this.state = {} 11 | } 12 | 13 | render() { 14 | return ( 15 |
16 |
17 | Filter:   18 | 19 | {(this.state.search||this.props.search)?:''} 20 |
21 |
22 | ) 23 | } 24 | 25 | onSearchChange() { 26 | let query = ReactDOM.findDOMNode(this.refs.search).value; 27 | if (this.promise) { 28 | clearInterval(this.promise) 29 | } 30 | this.setState({ 31 | search: query 32 | }); 33 | this.promise = setTimeout(() => this.props.onSearchChanged(query), 400); 34 | } 35 | 36 | onClearSearch() { 37 | this.setState({ 38 | search: '' 39 | }); 40 | this.props.onSearchChanged(undefined) 41 | 42 | } 43 | } 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /srcjs/components/DatePicker.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import { danger } from '../util/colors' 4 | 5 | class DatePicker extends React.Component { 6 | render() { 7 | const { field, label } = this.props 8 | return( 9 |
10 | 11 | 12 | {field.touched && field.error &&
{field.error}
} 13 |
14 | ); 15 | } 16 | 17 | componentDidMount() { 18 | $(ReactDOM.findDOMNode(this.refs.date)).datepicker({ dateFormat: 'yy-mm-dd' }); 19 | $(ReactDOM.findDOMNode(this.refs.date)).on('change', this.handleChange.bind(this)); 20 | } 21 | 22 | componentWillUnmount() { 23 | 24 | } 25 | 26 | handleChange(e) { 27 | e.preventDefault() 28 | let date = ReactDOM.findDOMNode(this.refs.date).value 29 | this.props.field.onChange(date); 30 | } 31 | } 32 | 33 | export default DatePicker 34 | -------------------------------------------------------------------------------- /srcjs/components/Input.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { danger } from '../util/colors' 3 | 4 | export default ({field, label}) =>
5 | 6 | 7 | {field.touched && field.error &&
{field.error}
} 8 |
9 | -------------------------------------------------------------------------------- /srcjs/components/PagingPanel.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export default ({page=1, page_size=5, count, onNextPage, onPreviousPage, ...props}) => { 4 | const total_pages = Math.ceil(count / page_size); 5 | 6 | return
7 | {page==1?null:} 11 |   Page {page} of {total_pages}   12 | {page==total_pages?null:} 16 |
17 | } 18 | 19 | 20 | const FunctionalPagingPanel = ({page=1, page_size=5, count, onNextPage, onPreviousPage, ...props}) => ( 21 | total_pages =>
22 | {page==1?null:} 26 |   Page {page} of {total_pages}   27 | {page==total_pages?null:} 31 |
32 | )(Math.ceil(count / page_size)) 33 | 34 | -------------------------------------------------------------------------------- /srcjs/components/Select.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { danger } from '../util/colors' 3 | 4 | export default ({field, label, options, ...props}) =>
5 | 6 | 10 | {field.touched && field.error &&
{field.error}
} 11 |
12 | -------------------------------------------------------------------------------- /srcjs/components/StatPanel.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | 4 | export default ({bookLength, authorLength}) =>
5 |
6 | Books number: {bookLength} 7 |
8 |
9 | Authors number: {authorLength} 10 |
11 |
12 | -------------------------------------------------------------------------------- /srcjs/components/Table.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const formatHeader = ({key, label}, sorting) => (sorting==key)?('+'+label):( 4 | (sorting=='-'+key)?('-'+label):label 5 | ) 6 | 7 | export default (props) => { 8 | const headers = props.cols.map(col => ) 17 | const rows = props.rows.map(row => 18 | { 19 | props.cols.map(col => ) 22 | } 23 | ) 24 | 25 | return
9 | {col.sorting? { 10 | e.preventDefault(); 11 | col.sorting() 12 | }}> 13 | {formatHeader(col, props.sorting)} 14 | :col.label 15 | } 16 |
20 | {(col.format?col.format(row):row[col.key])} 21 |
26 | 27 | 28 | {headers} 29 | 30 | 31 | 32 | {rows} 33 | 34 |
35 | } 36 | 37 | 38 | -------------------------------------------------------------------------------- /srcjs/components/app.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Link } from 'react-router' 3 | import { connect } from 'react-redux' 4 | import { loadBooks, loadAuthors } from '../actions' 5 | import NotificationContainer from './notification'; 6 | import LoadingContainer from './loading'; 7 | import StatPanel from './StatPanel' 8 | import { bindActionCreators } from 'redux' 9 | 10 | 11 | class App extends React.Component { 12 | 13 | render() { 14 | const { isLoading } = this.props.ui; 15 | return
16 | 17 | {this.props.children} 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | Books 26 | Authors 27 | 28 |
29 | } 30 | 31 | componentDidMount() { 32 | let { loadBooks, loadAuthors } = this.props; 33 | 34 | if(this.props.books.rows.length==0) { 35 | loadBooks(); 36 | } 37 | if(this.props.authors.rows.length==0) { 38 | loadAuthors(); 39 | } 40 | } 41 | } 42 | 43 | const mapStateToProps = state => ({ 44 | books:state.books, 45 | authors:state.authors, 46 | ui:state.ui, 47 | }) 48 | 49 | 50 | const mapDispatchToProps = dispatch => bindActionCreators({ 51 | loadBooks, loadAuthors 52 | }, dispatch) 53 | 54 | 55 | export default connect(mapStateToProps, mapDispatchToProps)(App); 56 | -------------------------------------------------------------------------------- /srcjs/components/loading.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default ({isLoading}) =>
4 | {isLoading?
Loading…
:null} 5 |
6 | -------------------------------------------------------------------------------- /srcjs/components/notification.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Notification } from 'react-notification'; 3 | import { connect } from 'react-redux' 4 | import { hideNotification } from '../actions' 5 | 6 | import * as colors from '../util/colors' 7 | 8 | 9 | const NotificationContainer = (props) => { 10 | let { message, notification_type } = props.notification; 11 | let { onHide } = props; 12 | let isActive = message?true:false; 13 | let color; 14 | 15 | switch(notification_type) { 16 | case 'SUCCESS': 17 | color = colors.success 18 | break; 19 | case 'ERROR': 20 | color = colors.danger 21 | break; 22 | case 'INFO': 23 | color = colors.info 24 | break; 25 | } 26 | 27 | return onHide() } 32 | action='X' 33 | onClick={ ()=>onHide() } 34 | style={{ 35 | bar: { 36 | background: color, 37 | color: 'black', 38 | fontSize: '2rem', 39 | }, 40 | active: { 41 | left: '3rem', 42 | }, 43 | action: { 44 | color: '#FFCCBC', 45 | fontSize: '3rem', 46 | border: '1 pt solid black' 47 | } 48 | }} 49 | /> 50 | } 51 | 52 | 53 | let mapStateToProps = state => ({ 54 | notification: state.notification 55 | }) 56 | 57 | let mapDispatchToProps = dispatch => ({ 58 | onHide: () => { 59 | dispatch(hideNotification()) 60 | } 61 | }) 62 | 63 | export default connect(mapStateToProps, mapDispatchToProps)(NotificationContainer); 64 | -------------------------------------------------------------------------------- /srcjs/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { render } from 'react-dom' 3 | import { Router, Route, IndexRoute, Link } from 'react-router' 4 | 5 | import { Provider } from 'react-redux' 6 | 7 | import store from './store' 8 | import { history } from './store' 9 | 10 | import App from './components/app'; 11 | import BookPanel from './components/BookPanel'; 12 | import AuthorPanel from './components/AuthorPanel'; 13 | import BookForm from './components/BookForm'; 14 | import AuthorForm from './components/AuthorForm'; 15 | 16 | import schedule from './scheduler'; 17 | 18 | 19 | 20 | const About = () => { 21 | return
22 |

About

23 | Home 24 |
25 | } 26 | 27 | const NoMatch = () => { 28 | return
29 |

No match

30 | Home 31 |
32 | } 33 | 34 | render(( 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | ), document.getElementById('content') 52 | ) 53 | 54 | 55 | schedule(); -------------------------------------------------------------------------------- /srcjs/reducers.js: -------------------------------------------------------------------------------- 1 | 2 | export const notification = (state={}, action) => { 3 | switch (action.type) { 4 | case 'SHOW_NOTIFICATION': 5 | let { notification_type, message } = action 6 | return Object.assign({}, state, { 7 | message, 8 | notification_type, 9 | }) 10 | case 'CLEAR_NOTIFICATION': 11 | return {} 12 | } 13 | return state; 14 | } 15 | 16 | 17 | export const ui = (state={}, action) => { 18 | switch (action.type) { 19 | case 'IS_LOADING': 20 | return Object.assign({}, state, { 21 | isLoading: action.isLoading 22 | }); 23 | break; 24 | case 'IS_SUBMITTING': 25 | return Object.assign({}, state, { 26 | isSubmitting: action.isSubmitting 27 | }); 28 | break; 29 | } 30 | return state; 31 | } 32 | 33 | //http://stackoverflow.com/a/5158301/119071 34 | function getParameterByName(name) { 35 | var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.hash); 36 | return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); 37 | } 38 | 39 | 40 | const BOOKS_INITIAL = { 41 | rows: [], 42 | count: 0, 43 | page: 1, 44 | sorting: getParameterByName('sorting'), 45 | search: getParameterByName('search'), 46 | book: {}, 47 | } 48 | export const books = (state=BOOKS_INITIAL, action) => { 49 | let idx = 0; 50 | switch (action.type) { 51 | case 'SHOW_BOOKS': 52 | return Object.assign({}, state, { 53 | rows: action.books.results, 54 | count: action.books.count, 55 | }); 56 | break; 57 | case 'SHOW_BOOK': 58 | return Object.assign({}, state, { 59 | book: action.book 60 | }); 61 | break; 62 | case 'CHANGE_PAGE': 63 | return Object.assign({}, state, { 64 | page: action.page 65 | }); 66 | break; 67 | case 'TOGGLE_SORTING': 68 | return Object.assign({}, state, { 69 | sorting: (state.sorting==action.sorting)?('-'+action.sorting):action.sorting 70 | }); 71 | break; 72 | case 'CHANGE_SEARCH': 73 | return Object.assign({}, state, { 74 | search: action.search 75 | }); 76 | break; 77 | case 'ADD_BOOK': 78 | return Object.assign({}, state, { 79 | book: action.book, 80 | count: state.count+1, 81 | rows: [ 82 | ...state.rows, 83 | action.book, 84 | ] 85 | }); 86 | case 'UPDATE_BOOK': 87 | idx = state.rows.findIndex( r => r.id === action.book.id) 88 | if(idx==-1) { 89 | return Object.assign({}, state, { 90 | book: action.book 91 | }); 92 | } else { 93 | return Object.assign({}, state, { 94 | book: action.book, 95 | rows: [ 96 | ...state.rows.slice(0, idx), 97 | action.book, 98 | ...state.rows.slice(idx+1), 99 | ] 100 | }); 101 | } 102 | break; 103 | case 'DELETE_BOOK': 104 | idx = state.rows.findIndex( r => r.id == action.id) 105 | if(idx==-1) { 106 | return Object.assign({}, state, { 107 | book: undefined 108 | }); 109 | } else { 110 | return Object.assign({}, state, { 111 | book: undefined, 112 | count: state.count-1, 113 | rows: [ 114 | ...state.rows.slice(0, idx), 115 | ...state.rows.slice(idx+1), 116 | ] 117 | }); 118 | } 119 | break; 120 | 121 | } 122 | return state; 123 | } 124 | 125 | const AUTHORS_INITIAL = { 126 | rows: [], 127 | author: {}, 128 | } 129 | export const authors = (state=AUTHORS_INITIAL, action) => { 130 | let idx = 0; 131 | switch (action.type) { 132 | case 'SHOW_AUTHORS': 133 | return Object.assign({}, state, { 134 | rows: action.authors 135 | }); 136 | break; 137 | case 'SHOW_AUTHOR': 138 | return Object.assign({}, state, { 139 | author: action.author 140 | }); 141 | break; 142 | case 'ADD_AUTHOR': 143 | return Object.assign({}, state, { 144 | author: action.author, 145 | rows: [ 146 | ...state.rows, 147 | action.author, 148 | ] 149 | }); 150 | case 'UPDATE_AUTHOR': 151 | idx = state.rows.findIndex( r => r.id === action.author.id) 152 | if(idx==-1) { 153 | return Object.assign({}, state, { 154 | author: action.author 155 | }); 156 | } else { 157 | return Object.assign({}, state, { 158 | author: action.author, 159 | rows: [ 160 | ...state.rows.slice(0, idx), 161 | action.author, 162 | ...state.rows.slice(idx+1), 163 | ] 164 | }); 165 | } 166 | break; 167 | case 'DELETE_AUTHOR': 168 | idx = state.rows.findIndex( r => r.id == action.id) 169 | if(idx==-1) { 170 | return Object.assign({}, state, { 171 | author: undefined 172 | }); 173 | } else { 174 | return Object.assign({}, state, { 175 | author: undefined, 176 | rows: [ 177 | ...state.rows.slice(0, idx), 178 | ...state.rows.slice(idx+1), 179 | ] 180 | }); 181 | } 182 | break; 183 | } 184 | return state; 185 | } 186 | 187 | const CATEGORIES_INITIAL = { 188 | categories: [], 189 | subcategories: [], 190 | } 191 | 192 | export const categories = (state=CATEGORIES_INITIAL, action) => { 193 | switch (action.type) { 194 | case 'SHOW_CATEGORIES': 195 | return Object.assign({}, state, { 196 | categories: action.categories 197 | }); 198 | break; 199 | case 'SHOW_SUBCATEGORIES': 200 | return Object.assign({}, state, { 201 | subcategories: action.subcategories 202 | }); 203 | break; 204 | } 205 | return state; 206 | } 207 | 208 | 209 | -------------------------------------------------------------------------------- /srcjs/scheduler.js: -------------------------------------------------------------------------------- 1 | import store from './store' 2 | import {loadAuthors, showSuccessNotification} from './actions'; 3 | 4 | 5 | export default () => { 6 | console.log("Starting scheduler") 7 | window.setInterval( () => { 8 | 9 | let url = 'http://127.0.0.1:8000/api/authors/get_author_number/'; 10 | $.get(url, realAuthorNumber => { 11 | let authorNumber = store.getState().authors.rows.length; 12 | if(authorNumber!=realAuthorNumber) { 13 | store.dispatch(showSuccessNotification("Authors have changed - reloading ...")); 14 | store.dispatch(loadAuthors()); 15 | } 16 | }); 17 | 18 | }, 2000); 19 | }; 20 | -------------------------------------------------------------------------------- /srcjs/store.js: -------------------------------------------------------------------------------- 1 | import { syncHistory, routeReducer } from 'react-router-redux' 2 | import { ui, books, notification, categories, authors } from './reducers' 3 | 4 | import thunk from 'redux-thunk'; 5 | import { applyMiddleware, createStore, combineReducers } from 'redux' 6 | import { reducer as formReducer } from 'redux-form'; 7 | import createHistory from 'history/lib/createHashHistory' 8 | 9 | // Opt-out of persistent state, not recommended. 10 | // http://rackt.org/history/stable/HashHistoryCaveats.html 11 | export const history = createHistory({ 12 | queryKey: false 13 | }); 14 | 15 | const combineReducers2 = o => { 16 | return (state={}, action) => { 17 | const mapped = Object.keys(o).map(k => ( 18 | { 19 | key: k, 20 | slice: o[k](state[k], action) 21 | } 22 | )) 23 | 24 | const reduced = mapped.reduce((s, x)=>{ 25 | s[x['key']]=x['slice'] 26 | return s 27 | }, {}) 28 | 29 | return reduced; 30 | } 31 | } 32 | 33 | const combineReducers3 = o => (state={}, action) => Object.keys(o).map(k => [ 34 | k, o[k](state[k], action) 35 | ]).reduce((s, x) => Object.assign(s, { 36 | [x[0]]: x[1] 37 | }), {}) 38 | 39 | 40 | //const reducer = combineReducers3(Object.assign({}, { 41 | const reducer = combineReducers(Object.assign({}, { 42 | books, 43 | notification, 44 | ui, 45 | categories, 46 | authors, 47 | }, { 48 | routing: routeReducer 49 | }, { 50 | form: formReducer 51 | }) 52 | ) 53 | 54 | const reduxRouterMiddleware = syncHistory(history) 55 | 56 | const logStateMiddleware = ({dispatch, getState}) => next => action => { 57 | console.log(action.type, getState()) 58 | next(action) 59 | } 60 | 61 | const store = createStore(reducer, applyMiddleware( 62 | thunk, reduxRouterMiddleware 63 | )); 64 | 65 | export default store 66 | -------------------------------------------------------------------------------- /srcjs/util/colors.js: -------------------------------------------------------------------------------- 1 | export const primary = '#286090' 2 | export const success = '#5cb85c' 3 | export const info = '#31b0d5' 4 | export const warning = '#ec971f' 5 | export const danger = '#c9302c' 6 | -------------------------------------------------------------------------------- /srcjs/util/formatters.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | export const formatUrl = (state) => { 4 | let { search, sorting } = state; 5 | let u = '' 6 | if( search || sorting) { 7 | u += '?' 8 | if(search) { 9 | u+=`search=${state.search}&` 10 | } 11 | if(sorting) { 12 | u+=`sorting=${state.sorting}` 13 | } 14 | } 15 | 16 | return u; 17 | } 18 | -------------------------------------------------------------------------------- /static/cssloader.css: -------------------------------------------------------------------------------- 1 | /* Taken from http://codepen.io/MattIn4D/pen/LiKFC */ 2 | /* Absolute Center Spinner */ 3 | .loading { 4 | position: fixed; 5 | z-index: 999; 6 | height: 2em; 7 | width: 2em; 8 | overflow: show; 9 | margin: auto; 10 | top: 0; 11 | left: 0; 12 | bottom: 0; 13 | right: 0; 14 | } 15 | 16 | /* Transparent Overlay */ 17 | .loading:before { 18 | content: ''; 19 | display: block; 20 | position: fixed; 21 | top: 0; 22 | left: 0; 23 | width: 100%; 24 | height: 100%; 25 | } 26 | 27 | /* :not(:required) hides these rules from IE9 and below */ 28 | .loading:not(:required) { 29 | /* hide "loading..." text */ 30 | font: 0/0 a; 31 | color: transparent; 32 | text-shadow: none; 33 | background-color: transparent; 34 | 35 | border: 0; 36 | } 37 | 38 | .loading:not(:required):after { 39 | content: ''; 40 | display: block; 41 | font-size: 10px; 42 | width: 1em; 43 | height: 1em; 44 | margin-top: -0.5em; 45 | -webkit-animation: spinner 1500ms infinite linear; 46 | -moz-animation: spinner 1500ms infinite linear; 47 | -ms-animation: spinner 1500ms infinite linear; 48 | -o-animation: spinner 1500ms infinite linear; 49 | animation: spinner 1500ms infinite linear; 50 | border-radius: 0.5em; 51 | -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; 52 | box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; 53 | } 54 | 55 | /* Animation */ 56 | 57 | @-webkit-keyframes spinner { 58 | 0% { 59 | -webkit-transform: rotate(0deg); 60 | -moz-transform: rotate(0deg); 61 | -ms-transform: rotate(0deg); 62 | -o-transform: rotate(0deg); 63 | transform: rotate(0deg); 64 | } 65 | 100% { 66 | -webkit-transform: rotate(360deg); 67 | -moz-transform: rotate(360deg); 68 | -ms-transform: rotate(360deg); 69 | -o-transform: rotate(360deg); 70 | transform: rotate(360deg); 71 | } 72 | } 73 | @-moz-keyframes spinner { 74 | 0% { 75 | -webkit-transform: rotate(0deg); 76 | -moz-transform: rotate(0deg); 77 | -ms-transform: rotate(0deg); 78 | -o-transform: rotate(0deg); 79 | transform: rotate(0deg); 80 | } 81 | 100% { 82 | -webkit-transform: rotate(360deg); 83 | -moz-transform: rotate(360deg); 84 | -ms-transform: rotate(360deg); 85 | -o-transform: rotate(360deg); 86 | transform: rotate(360deg); 87 | } 88 | } 89 | @-o-keyframes spinner { 90 | 0% { 91 | -webkit-transform: rotate(0deg); 92 | -moz-transform: rotate(0deg); 93 | -ms-transform: rotate(0deg); 94 | -o-transform: rotate(0deg); 95 | transform: rotate(0deg); 96 | } 97 | 100% { 98 | -webkit-transform: rotate(360deg); 99 | -moz-transform: rotate(360deg); 100 | -ms-transform: rotate(360deg); 101 | -o-transform: rotate(360deg); 102 | transform: rotate(360deg); 103 | } 104 | } 105 | @keyframes spinner { 106 | 0% { 107 | -webkit-transform: rotate(0deg); 108 | -moz-transform: rotate(0deg); 109 | -ms-transform: rotate(0deg); 110 | -o-transform: rotate(0deg); 111 | transform: rotate(0deg); 112 | } 113 | 100% { 114 | -webkit-transform: rotate(360deg); 115 | -moz-transform: rotate(360deg); 116 | -ms-transform: rotate(360deg); 117 | -o-transform: rotate(360deg); 118 | transform: rotate(360deg); 119 | } 120 | } 121 | -------------------------------------------------------------------------------- /static/images/ui-bg_diagonals-thick_18_b81900_40x40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_diagonals-thick_18_b81900_40x40.png -------------------------------------------------------------------------------- /static/images/ui-bg_diagonals-thick_20_666666_40x40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_diagonals-thick_20_666666_40x40.png -------------------------------------------------------------------------------- /static/images/ui-bg_flat_10_000000_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_flat_10_000000_40x100.png -------------------------------------------------------------------------------- /static/images/ui-bg_glass_100_f6f6f6_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_glass_100_f6f6f6_1x400.png -------------------------------------------------------------------------------- /static/images/ui-bg_glass_100_fdf5ce_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_glass_100_fdf5ce_1x400.png -------------------------------------------------------------------------------- /static/images/ui-bg_glass_65_ffffff_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_glass_65_ffffff_1x400.png -------------------------------------------------------------------------------- /static/images/ui-bg_gloss-wave_35_f6a828_500x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_gloss-wave_35_f6a828_500x100.png -------------------------------------------------------------------------------- /static/images/ui-bg_highlight-soft_100_eeeeee_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_highlight-soft_100_eeeeee_1x100.png -------------------------------------------------------------------------------- /static/images/ui-bg_highlight-soft_75_ffe45c_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-bg_highlight-soft_75_ffe45c_1x100.png -------------------------------------------------------------------------------- /static/images/ui-icons_222222_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-icons_222222_256x240.png -------------------------------------------------------------------------------- /static/images/ui-icons_228ef1_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-icons_228ef1_256x240.png -------------------------------------------------------------------------------- /static/images/ui-icons_ef8c08_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-icons_ef8c08_256x240.png -------------------------------------------------------------------------------- /static/images/ui-icons_ffd27a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-icons_ffd27a_256x240.png -------------------------------------------------------------------------------- /static/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spapas/react-tutorial/7c9f682a6035c0df9e3cdaf121d4df3e34806a60/static/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /static/jquery-1.11.3.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */ 2 | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.3",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?la(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ca,da),a[3]=(a[3]||a[4]||a[5]||"").replace(ca,da),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ca,da).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(ca,da),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return W.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(ca,da).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:oa(function(){return[0]}),last:oa(function(a,b){return[b-1]}),eq:oa(function(a,b,c){return[0>c?c+b:c]}),even:oa(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:oa(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:oa(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:oa(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1; 3 | 4 | return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthh;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML="
a",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function aa(){return!0}function ba(){return!1}function ca(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h]","i"),ha=/^\s+/,ia=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,ja=/<([\w:]+)/,ka=/\s*$/g,ra={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:k.htmlSerialize?[0,"",""]:[1,"X
","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("