├── .gitignore ├── README ├── sample ├── app.py ├── data │ └── to_read.txt ├── handlers │ ├── __init__.py │ └── handlers.py ├── requirements.txt ├── static │ ├── css │ │ ├── jcarousel.css │ │ ├── notification.css │ │ └── popup.css │ ├── img │ │ └── close_pop.png │ └── js │ │ ├── jquery-1.7.2.min.js │ │ ├── jquery-ui-1.8.20.custom.min.js │ │ ├── jquery.jcarousel.min.js │ │ ├── jquery.tokeninput.js │ │ └── notification.js ├── templates │ ├── data_pusher.html │ ├── fb_demo.html │ ├── grav.html │ ├── hello.html │ ├── login.html │ ├── menu_tags.html │ ├── message.html │ ├── notification.html │ ├── popup.html │ ├── popup_dialog.html │ ├── register.html │ ├── slidy.html │ └── upload.html └── tests │ ├── __init__.py │ ├── lib │ ├── __init__.py │ └── http_test_client.py │ ├── test_client.py │ └── test_mocks.py └── splinter └── tests-splinter ├── __init__.py └── test_with_real_browser.py /.gitignore: -------------------------------------------------------------------------------- 1 | *.pyc 2 | 3 | -------------------------------------------------------------------------------- /README: -------------------------------------------------------------------------------- 1 | Simple Tornado & Mongodb app using authentication 2 | 3 | 4 | HTML demos for slidys, notifications & popup windows 5 | 6 | # ----- to Run app: ------ 7 | sudo apt-get install python-dev 8 | sudo apt-get build-dep python-dev 9 | 10 | cd sample 11 | pip install -r requirements.txt 12 | python app.py 13 | 14 | # ----- Run tests: ------ 15 | cd sample 16 | python -m tornado.testing discover 17 | 18 | # ---- Run single test ------ 19 | cd sample 20 | python -m tornado.testing tests.test_client 21 | 22 | # ----- Run Splinter Web Acceptance tests ------- 23 | apt-get install libxml2-dev libxslt-dev 24 | pip install splinter 25 | cd splinter 26 | python -m tornado.testing discover 27 | -------------------------------------------------------------------------------- /sample/app.py: -------------------------------------------------------------------------------- 1 | # Python imports 2 | 3 | # Tornado imports 4 | import pymongo 5 | import uuid 6 | import tornado.ioloop 7 | import tornado.options 8 | import tornado.web 9 | from tornado.options import define, options 10 | from tornado.web import url 11 | 12 | from handlers.handlers import * 13 | 14 | 15 | define("port", default=8888, type=int) 16 | define("config_file", default="app_config.yml", help="app_config file") 17 | 18 | #MONGO_SERVER = '192.168.1.68' 19 | MONGO_SERVER = 'localhost' 20 | 21 | 22 | class Application(tornado.web.Application): 23 | def __init__(self, **overrides): 24 | #self.config = self._get_config() 25 | handlers = [ 26 | url(r'/', HelloHandler, name='index'), 27 | url(r'/hello', HelloHandler, name='hello'), 28 | url(r'/email', EmailMeHandler, name='email'), 29 | url(r'/message', MessageHandler, name='message'), 30 | url(r'/grav', GravatarHandler, name='grav'), 31 | url(r'/menu', MenuTagsHandler, name='menu'), 32 | url(r'/slidy', SlidyHandler, name='slidy'), 33 | url(r'/notification', NotificationHandler, name='notification'), 34 | url(r'/fb_demo', FacebookDemoHandler, name='fb_demo'), 35 | url(r'/popup', PopupHandler, name='popup_demo'), 36 | url(r'/tail', TailHandler, name='tail_demo'), 37 | url(r'/pusher', DataPusherHandler, name='push_demo'), 38 | url(r'/pusher_raw', DataPusherRawHandler, name='push_raw_demo'), 39 | url(r'/matcher/([^\/]+)/', WildcardPathHandler), 40 | url(r'/back_to_where_you_came_from', ReferBackHandler, name='referrer'), 41 | url(r'/thread', ThreadHandler, name='thread_handler'), 42 | url(r'/s3uploader', S3PhotoUploadHandler, name='photos'), 43 | 44 | url(r'/login_no_block', NoneBlockingLogin, name='login_no_block'), 45 | url(r'/login', LoginHandler, name='login'), 46 | url(r'/twitter_login', TwitterLoginHandler, name='twitter_login'), 47 | url(r'/facebook_login', FacebookLoginHandler, name='facebook_login'), 48 | url(r'/register', RegisterHandler, name='register'), 49 | url(r'/logout', LogoutHandler, name='logout'), 50 | 51 | ] 52 | 53 | #xsrf_cookies is for XSS protection add this to all forms: {{ xsrf_form_html() }} 54 | settings = { 55 | 'static_path': os.path.join(os.path.dirname(__file__), 'static'), 56 | 'template_path': os.path.join(os.path.dirname(__file__), 'templates'), 57 | "cookie_secret": base64.b64encode(uuid.uuid4().bytes + uuid.uuid4().bytes), 58 | 'twitter_consumer_key': 'KEY', 59 | 'twitter_consumer_secret': 'SECRET', 60 | 'facebook_app_id': '180378538760459', 61 | 'facebook_secret': '7b82b89eb6aa0d3359e2036e4d1eedf0', 62 | 'facebook_registration_redirect_url': 'http://localhost:8888/facebook_login', 63 | 'mandrill_key': 'KEY', 64 | 'mandrill_url': 'https://mandrillapp.com/api/1.0/', 65 | 66 | 'xsrf_cookies': False, 67 | 'debug': True, 68 | 'log_file_prefix': "tornado.log", 69 | } 70 | 71 | tornado.web.Application.__init__(self, handlers, **settings) 72 | 73 | self.syncconnection = pymongo.MongoClient(MONGO_SERVER, 27017) 74 | 75 | if 'db' in overrides: 76 | self.syncdb = self.syncconnection[overrides['db']] 77 | else: 78 | self.syncdb = self.syncconnection["test-thank"] 79 | 80 | #self.syncconnection.close() 81 | 82 | 83 | # to redirect log file run python with : --log_file_prefix=mylog 84 | def main(): 85 | tornado.options.parse_command_line() 86 | http_server = tornado.httpserver.HTTPServer(Application()) 87 | http_server.listen(options.port) 88 | tornado.ioloop.IOLoop.instance().start() 89 | 90 | if __name__ == '__main__': 91 | main() 92 | -------------------------------------------------------------------------------- /sample/data/to_read.txt: -------------------------------------------------------------------------------- 1 | hello! 2 | go to data/to_read.txt and add some lines on the bottom. Watch them load! 3 | 4 | -------------------------------------------------------------------------------- /sample/handlers/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bootandy/tornado_sample/57e3a1e9dc0b3afcdc8743ce9a909921196458bd/sample/handlers/__init__.py -------------------------------------------------------------------------------- /sample/handlers/handlers.py: -------------------------------------------------------------------------------- 1 | import base64 2 | from bson.objectid import ObjectId 3 | import os 4 | import bcrypt 5 | import hashlib 6 | import urllib 7 | 8 | import boto 9 | import cStringIO 10 | 11 | import tornado.auth 12 | import tornado.escape 13 | import tornado.gen 14 | import tornado.httpserver 15 | import logging 16 | import bson.json_util 17 | import json 18 | import urlparse 19 | import time 20 | import threading 21 | import functools 22 | 23 | from PIL import Image 24 | from tornado.ioloop import IOLoop 25 | from tornado.web import asynchronous, RequestHandler, Application 26 | from tornado.httpclient import AsyncHTTPClient 27 | 28 | 29 | class BaseHandler(RequestHandler): 30 | def get_login_url(self): 31 | return u"/login" 32 | 33 | def get_current_user(self): 34 | user_json = self.get_secure_cookie("user") 35 | if user_json: 36 | return tornado.escape.json_decode(user_json) 37 | else: 38 | return None 39 | 40 | # Allows us to get the previous URL 41 | def get_referring_url(self): 42 | try: 43 | _, _, referer, _, _, _ = urlparse.urlparse(self.request.headers.get('Referer')) 44 | if referer: 45 | return referer 46 | # Test code will throw this if there was no 'previous' page 47 | except AttributeError: 48 | pass 49 | return '/' 50 | 51 | def get_flash(self): 52 | flash = self.get_secure_cookie('flash') 53 | self.clear_cookie('flash') 54 | return flash 55 | 56 | def get_essentials(self): 57 | mp = {k: ''.join(v) for k, v in self.request.arguments.iteritems()} 58 | print mp 59 | 60 | 61 | class NotificationHandler(BaseHandler): 62 | def get(self): 63 | messages = self.application.syncdb.messages.find() 64 | self.render("notification.html", messages=messages, notification='hello') 65 | 66 | 67 | class SlidyHandler(BaseHandler): 68 | def get(self): 69 | messages = self.application.syncdb.messages.find() 70 | self.render("slidy.html", messages=messages, notification=self.get_flash()) 71 | 72 | 73 | class PopupHandler(BaseHandler): 74 | def get(self): 75 | messages = self.application.syncdb.messages.find() 76 | self.render("popup.html", notification=self.get_flash()) 77 | 78 | 79 | class MenuTagsHandler(BaseHandler): 80 | def get(self): 81 | self.render("menu_tags.html", notification=self.get_flash()) 82 | 83 | 84 | class LoginHandler(BaseHandler): 85 | def get(self): 86 | messages = self.application.syncdb.messages.find() 87 | self.render("login.html", notification=self.get_flash()) 88 | 89 | def post(self): 90 | email = self.get_argument("email", "") 91 | password = self.get_argument("password", "") 92 | 93 | user = self.application.syncdb['users'].find_one({'user': email}) 94 | 95 | # Warning bcrypt will block IO loop: 96 | if user and user['password'] and bcrypt.hashpw(password, user['password']) == user['password']: 97 | self.set_current_user(email) 98 | self.redirect("hello") 99 | else: 100 | self.set_secure_cookie('flash', "Login incorrect") 101 | self.redirect(u"/login") 102 | 103 | def set_current_user(self, user): 104 | print "setting " + user 105 | if user: 106 | self.set_secure_cookie("user", tornado.escape.json_encode(user)) 107 | else: 108 | self.clear_cookie("user") 109 | 110 | 111 | class NoneBlockingLogin(BaseHandler): 112 | """ Runs Bcrypt in a thread - Allows tornado to server up other handlers but can not process multiple logins simultaneously""" 113 | def get(self): 114 | messages = self.application.syncdb.messages.find() 115 | self.render("login.html", notification=self.get_flash()) 116 | 117 | def initialize(self): 118 | self.thread = None 119 | 120 | @tornado.web.asynchronous 121 | def post(self): 122 | email = self.get_argument('email', '') 123 | password = self.get_argument('password', '') 124 | user = self.application.syncdb['users'].find_one({'user': email}) 125 | 126 | self.thread = threading.Thread(target=self.compute_password, args=(password, user,)) 127 | self.thread.start() 128 | 129 | def compute_password(self, password, user): 130 | if user and 'password' in user: 131 | if bcrypt.hashpw(password, user['password']) == user['password']: 132 | tornado.ioloop.IOLoop.instance().add_callback(functools.partial(self._password_correct_callback, user['user'])) 133 | return 134 | tornado.ioloop.IOLoop.instance().add_callback(functools.partial(self._password_fail_callback)) 135 | 136 | def _password_correct_callback(self, email): 137 | self.set_current_user(email) 138 | self.redirect(self.get_argument('next', '/')) 139 | 140 | def _password_fail_callback(self): 141 | self.set_flash('Error Login incorrect') 142 | self.redirect('/login') 143 | 144 | 145 | class RegisterHandler(LoginHandler): 146 | def get(self): 147 | self.render("register.html", next=self.get_argument("next", "/")) 148 | 149 | def post(self): 150 | email = self.get_argument("email", "") 151 | 152 | already_taken = self.application.syncdb['users'].find_one({'user': email}) 153 | if already_taken: 154 | error_msg = u"?error=" + tornado.escape.url_escape("Login name already taken") 155 | self.redirect(u"/login" + error_msg) 156 | 157 | # Warning bcrypt will block IO loop: 158 | password = self.get_argument("password", "").encode('utf-8') 159 | hashed_pass = bcrypt.hashpw(password, bcrypt.gensalt(8)) 160 | 161 | user = {} 162 | user['user'] = email 163 | user['password'] = hashed_pass 164 | 165 | auth = self.application.syncdb['users'].save(user) 166 | self.set_current_user(email) 167 | 168 | self.redirect("hello") 169 | 170 | 171 | class TwitterLoginHandler(LoginHandler, 172 | tornado.auth.TwitterMixin): 173 | @tornado.web.asynchronous 174 | def get(self): 175 | if self.get_argument("oauth_token", None): 176 | self.get_authenticated_user(self.async_callback(self._on_auth)) 177 | return 178 | self.authorize_redirect() 179 | 180 | def _on_auth(self, user): 181 | if not user: 182 | raise tornado.web.HTTPError(500, "Twitter auth failed") 183 | print "Auth worked" 184 | #user_details = self.application.syncdb['users'].find_one( {'twitter': tw_user['username'] } ) 185 | # Create user if user not found 186 | 187 | self.set_current_user(tw_user['username']) 188 | self.redirect("hello") 189 | 190 | 191 | class FacebookLoginHandler(LoginHandler, tornado.auth.FacebookGraphMixin): 192 | @tornado.web.asynchronous 193 | def get(self): 194 | if self.get_argument('code', False): 195 | self.get_authenticated_user( 196 | redirect_uri=self.settings['facebook_registration_redirect_url'], 197 | client_id=self.application.settings['facebook_app_id'], 198 | client_secret=self.application.settings['facebook_secret'], 199 | code=self.get_argument('code'), 200 | callback=self.async_callback(self._on_login) 201 | ) 202 | return 203 | self.authorize_redirect(redirect_uri=self.settings['facebook_registration_redirect_url'], 204 | client_id=self.settings['facebook_app_id'], 205 | extra_params={'scope': 'offline_access'}) # read_stream, 206 | 207 | def _on_login(self, fb_user): 208 | #user_details = self.application.syncdb['users'].find_one( {'facebook': fb_user['id']} ) 209 | # Create user if user not found 210 | self.set_current_user(fb_user['id']) 211 | self.redirect("hello") 212 | 213 | 214 | class LogoutHandler(BaseHandler): 215 | def get(self): 216 | self.clear_cookie("user") 217 | self.redirect(u"/login") 218 | 219 | 220 | class ThreadHandler(tornado.web.RequestHandler): 221 | def perform(self, callback): 222 | #do something cuz hey, we're in a thread! 223 | time.sleep(5) 224 | output = 'foo' 225 | tornado.ioloop.IOLoop.instance().add_callback(functools.partial(callback, output)) 226 | 227 | def initialize(self): 228 | self.thread = None 229 | 230 | @tornado.web.asynchronous 231 | def get(self): 232 | self.thread = threading.Thread(target=self.perform, args=(self.on_callback,)) 233 | self.thread.start() 234 | 235 | self.write('In the request') 236 | self.flush() 237 | 238 | def on_callback(self, output): 239 | logging.info('In on_callback()') 240 | self.write("Thread output: %s" % output) 241 | self.finish() 242 | 243 | 244 | class HelloHandler(BaseHandler): 245 | #@tornado.web.authenticated 246 | def get(self): 247 | messages = self.get_messages() 248 | self.render("hello.html", user=self.get_current_user(), messages=messages, notification=self.get_flash()) 249 | 250 | def get_messages(self): 251 | return self.application.syncdb.messages.find() 252 | 253 | def post(self): 254 | return self.get() 255 | 256 | 257 | class EmailMeHandler(BaseHandler): 258 | @tornado.web.asynchronous 259 | @tornado.gen.engine 260 | def get(self): 261 | http_client = AsyncHTTPClient() 262 | mail_url = self.settings["mandrill_url"] + "/messages/send.json" 263 | mail_data = { 264 | "key": self.settings["mandrill_key"], 265 | "message": { 266 | "html": "html email from tornado sample app bold", 267 | "text": "plain text email from tornado sample app", 268 | "subject": "from tornado sample app", 269 | "from_email": "hello@retechnica.com", 270 | "from_name": "Hello Team", 271 | "to": [{"email": "sample@retechnica.com"}] 272 | } 273 | } 274 | 275 | # mail_data = { 276 | # "key": self.settings["mandrill_key"], 277 | # } 278 | #mail_url = self.settings["mandrill_url"] + "/users/info.json" 279 | 280 | body = tornado.escape.json_encode(mail_data) 281 | response = yield tornado.gen.Task(http_client.fetch, mail_url, method='POST', body=body) 282 | logging.info(response) 283 | logging.info(response.body) 284 | 285 | if response.code == 200: 286 | self.set_secure_cookie('flash', "sent") 287 | self.redirect('/') 288 | else: 289 | self.set_secure_cookie('flash', "FAIL") 290 | self.redirect('/') 291 | 292 | 293 | class MessageHandler(BaseHandler): 294 | @tornado.web.authenticated 295 | def get(self): 296 | users = self.application.syncdb['users'].find() 297 | self.render("message.html", user=self.get_current_user(), users=users, notification=self.get_flash()) 298 | 299 | def post(self): 300 | sent_to = self.get_argument('to') 301 | sent_from = self.get_current_user() 302 | message = self.get_argument("message") 303 | msg = {} 304 | msg['from'] = sent_from 305 | msg['to'] = sent_to 306 | msg['message'] = message 307 | 308 | if self.save_message(msg): 309 | self.set_secure_cookie('flash', "Message Sent") 310 | self.redirect(u"/hello") 311 | else: 312 | print "error_msg" 313 | 314 | def save_message(self, msg): 315 | return self.application.syncdb['messages'].insert(msg) 316 | 317 | 318 | class FacebookDemoHandler(BaseHandler): 319 | @tornado.web.authenticated 320 | def get(self): 321 | self.render("fb_demo.html", user=self.get_current_user(), fb_app_id=self.settings['facebook_app_id']) 322 | 323 | 324 | class GravatarHandler(BaseHandler): 325 | def build_grav_url(self, email): 326 | 327 | #default = "http://thumbs.dreamstime.com/thumblarge_540/1284957171JgzjF1.jpg" 328 | # random patterned background: 329 | default = 'identicon' 330 | size = 40 331 | 332 | # construct the url 333 | gravatar_url = "http://www.gravatar.com/avatar/" + hashlib.md5(email.lower()).hexdigest() + "?" 334 | gravatar_url += urllib.urlencode({'d': default, 's': str(size)}) 335 | return gravatar_url 336 | 337 | def get(self): 338 | email = self.get_argument('email', "sample@gmail.com") 339 | self.render("grav.html", user=self.get_current_user(), email=email, icon=self.build_grav_url(email)) 340 | 341 | 342 | class WildcardPathHandler(BaseHandler): 343 | def initialize(self): 344 | self.supported_path = ['good', 'nice'] 345 | 346 | """ prepare() called just before either get or post 347 | like a later version of init() """ 348 | def prepare(self): 349 | print self.request.path 350 | action = self.request.path.split('/')[-2] 351 | if action not in self.supported_path: 352 | self.write('I dont like that url') 353 | self.finish() 354 | return 355 | 356 | def get(self, action): 357 | self.write('I am happy you went to '+action+'') 358 | self.finish() 359 | 360 | def post(self, action): 361 | self.write('I am happy you went to '+action+'') 362 | self.finish() 363 | 364 | 365 | class ReferBackHandler(BaseHandler): 366 | def get(self): 367 | print 'returning back to previous page' 368 | self.set_secure_cookie("flash", "returning back to previous page") 369 | self.redirect(self.get_referring_url()) 370 | 371 | 372 | """ 373 | async demo - creates a constantly loading webpage which updates from a file. 374 | 'tail -f data/to_read.txt' >> webpage 375 | Blocks. Can't be used by more than 1 user at a time. 376 | """ 377 | class TailHandler(BaseHandler): 378 | @asynchronous 379 | def get(self): 380 | self.file = open('data/to_read.txt', 'r') 381 | self.pos = self.file.tell() 382 | 383 | def _read_file(): 384 | # Read some amout of bytes here. You can't read until newline as it 385 | # would block 386 | line = self.file.read(40) 387 | last_pos = self.file.tell() 388 | if not line: 389 | self.file.close() 390 | self.file = open('data/to_read.txt', 'r') 391 | self.file.seek(last_pos) 392 | pass 393 | else: 394 | self.write(line) 395 | self.flush() 396 | 397 | IOLoop.instance().add_timeout(time.time() + 1, _read_file) 398 | _read_file() 399 | 400 | 401 | class DataPusherHandler(BaseHandler): 402 | #@asynchronous 403 | def get(self): 404 | data = self.application.syncdb['data_pusher'].find() 405 | self.render("data_pusher.html", user=self.get_current_user(), data=data) 406 | 407 | def post(self): 408 | print 'POST DataPusherHandler' 409 | try: 410 | user = self.get_current_user() 411 | if not user: 412 | user = 'not logged in ' 413 | except: 414 | user = 'not logged in ' 415 | 416 | message = self.get_argument("message") 417 | msg = {} 418 | msg['message'] = user + ' : ' + message 419 | 420 | self.application.syncdb['data_pusher'].insert(msg) 421 | self.write('done') 422 | self.finish() 423 | return 424 | #self.redirect('/pusher') 425 | 426 | 427 | class DataPusherRawHandler(BaseHandler): 428 | def get(self): 429 | def _read_data(): 430 | m_id = self.get_argument('id', '') 431 | print m_id 432 | if m_id: 433 | data = list(self.application.syncdb['data_pusher'].find( 434 | {'_id': {'$gt': ObjectId(m_id)}})) 435 | else: 436 | data = list(self.application.syncdb['data_pusher'].find()) 437 | 438 | s = json.dumps(data, default=bson.json_util.default) 439 | self.write(s) 440 | self.flush() 441 | _read_data() 442 | 443 | 444 | class S3PhotoUploadHandler(BaseHandler): 445 | """ Ideally image resizing should be done with a queue and a seperate python process """ 446 | def get(self): 447 | template_vars = {} 448 | 449 | self.render('upload.html', 450 | **template_vars 451 | ) 452 | 453 | @tornado.web.asynchronous 454 | def post(self): 455 | file1 = self.request.files['file1'][0] 456 | img = cStringIO.StringIO(file1['body']) 457 | image = Image.open(img) 458 | 459 | thread = threading.Thread(target=self.resize_the_image, args=(image,)) 460 | thread.start() 461 | 462 | def resize_the_image(self, image): 463 | im2 = image.resize((100, 100), Image.NEAREST) 464 | out_im2 = cStringIO.StringIO() 465 | im2.save(out_im2, 'PNG') 466 | tornado.ioloop.IOLoop.instance().add_callback(functools.partial(self.upload_to_s3, out_im2)) 467 | 468 | def upload_to_s3(self, image2): 469 | AWS_ACCESS_KEY_ID = '' 470 | AWS_SECRET_ACCESS_KEY = '' 471 | 472 | #credentials can be stored in environment AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY 473 | conn = boto.connect_s3(AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY) 474 | 475 | #Connect to bucket and create key 476 | b = conn.get_bucket('photos') 477 | k = b.new_key('example5.png') 478 | 479 | #Note we're setting contents from the in-memory string provided by cStringIO 480 | k.set_contents_from_string(image2.getvalue(), headers={"Content-Type": "image/png"}) 481 | tornado.ioloop.IOLoop.instance().add_callback(functools.partial(self.image_uploaded)) 482 | 483 | def image_uploaded(self): 484 | self.set_secure_cookie('flash', "File Uploaded") 485 | self.redirect("/") 486 | -------------------------------------------------------------------------------- /sample/requirements.txt: -------------------------------------------------------------------------------- 1 | pymongo==3.7.1 2 | six==1.11.0 3 | tornado==5.1.1 4 | -------------------------------------------------------------------------------- /sample/static/css/jcarousel.css: -------------------------------------------------------------------------------- 1 | .jcarousel-skin-tango .jcarousel-container { 2 | -moz-border-radius: 10px; 3 | -webkit-border-radius: 10px; 4 | border-radius: 10px; 5 | background: #F0F6F9; 6 | border: 1px solid #346F97; 7 | } 8 | 9 | .jcarousel-skin-tango .jcarousel-direction-rtl { 10 | direction: rtl; 11 | } 12 | 13 | .jcarousel-skin-tango .jcarousel-container-horizontal { 14 | width: 100%; 15 | padding: 20px 40px; 16 | } 17 | 18 | .jcarousel-skin-tango .jcarousel-container-vertical { 19 | width: 91%; 20 | height: 140px; 21 | padding: 10px 40px; 22 | } 23 | 24 | .jcarousel-skin-tango .jcarousel-clip { 25 | overflow: hidden; 26 | } 27 | 28 | .jcarousel-skin-tango .jcarousel-clip-horizontal { 29 | width: 100%; 30 | height: 75px; 31 | } 32 | 33 | .jcarousel-skin-tango .jcarousel-clip-vertical { 34 | width: 100%; 35 | height: 140px; 36 | } 37 | 38 | .jcarousel-skin-tango .jcarousel-item { 39 | width: 100%; 40 | height: 140px; 41 | } 42 | 43 | .jcarousel-skin-tango .jcarousel-item-horizontal { 44 | margin-left: 0; 45 | margin-right: 10px; 46 | } 47 | 48 | .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { 49 | margin-left: 10px; 50 | margin-right: 0; 51 | } 52 | 53 | .jcarousel-skin-tango .jcarousel-item-vertical { 54 | margin-bottom: 10px; 55 | } 56 | 57 | .jcarousel-skin-tango .jcarousel-item-placeholder { 58 | background: #fff; 59 | color: #000; 60 | } 61 | -------------------------------------------------------------------------------- /sample/static/css/notification.css: -------------------------------------------------------------------------------- 1 | 2 | #notification { 3 | font-family:Arial,Helvetica,sans-serif; 4 | position:fixed; 5 | top:0px; 6 | /*bottom:0px;*/ 7 | left:0px; 8 | width:100%; 9 | z-index:99; 10 | text-align:center; 11 | font-weight:bold; 12 | font-size:100%; 13 | color:white; 14 | padding:10px 0px 10px 0px; 15 | background-color:#8E1609; 16 | } 17 | 18 | #notification span { 19 | text-align: center; 20 | width: 95%; 21 | float:left; 22 | } 23 | 24 | .close-notify { 25 | white-space: nowrap; 26 | float:right; 27 | margin-right:10px; 28 | color:#fff; 29 | text-decoration:none; 30 | border:2px #fff solid; 31 | padding-left:3px; 32 | padding-right:3px 33 | } 34 | 35 | .close-notify a { 36 | color: #fff; 37 | } -------------------------------------------------------------------------------- /sample/static/css/popup.css: -------------------------------------------------------------------------------- 1 | /* Mask for background, by default is not display */ 2 | #mask { 3 | display: none; 4 | background: #000; 5 | position: fixed; left: 0; top: 0; 6 | z-index: 10; 7 | width: 100%; height: 100%; 8 | opacity: 0.8; 9 | z-index: 999; 10 | } 11 | 12 | /* You can customize to your needs */ 13 | .login-popup{ 14 | display:none; 15 | background: #333; 16 | padding: 10px; 17 | border: 2px solid #ddd; 18 | float: left; 19 | font-size: 1.2em; 20 | position: fixed; 21 | top: 50%; left: 50%; 22 | z-index: 99999; 23 | box-shadow: 0px 0px 20px #999; /* CSS3 */ 24 | -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ 25 | -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ 26 | border-radius:3px 3px 3px 3px; 27 | -moz-border-radius: 3px; /* Firefox */ 28 | -webkit-border-radius: 3px; /* Safari, Chrome */ 29 | } 30 | 31 | img.btn_close {/* Position the close button*/ 32 | position:relative; 33 | margin: -28px -28px 0 0; 34 | float: right; 35 | } 36 | img.btn_close:hover{ 37 | box-shadow: 0px 0px 20px #999; /* CSS3 */ 38 | -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ 39 | -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ 40 | } 41 | 42 | fieldset { 43 | border:none; 44 | } 45 | 46 | form.signin .textbox label { 47 | display:block; 48 | padding-bottom:7px; 49 | } 50 | 51 | form.signin .textbox span { 52 | display:block; 53 | } 54 | 55 | form.signin p, form.signin span { 56 | color:#999; 57 | font-size:11px; 58 | line-height:18px; 59 | } 60 | 61 | form.signin .textbox input { 62 | background:#666666; 63 | border-bottom:1px solid #333; 64 | border-left:1px solid #000; 65 | border-right:1px solid #333; 66 | border-top:1px solid #000; 67 | color:#fff; 68 | border-radius: 3px 3px 3px 3px; 69 | -moz-border-radius: 3px; 70 | -webkit-border-radius: 3px; 71 | font:13px Arial, Helvetica, sans-serif; 72 | padding:6px 6px 4px; 73 | width:200px; 74 | } 75 | 76 | form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; } 77 | form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000; } 78 | 79 | .button { 80 | background: -moz-linear-gradient(center top, #f3f3f3, #dddddd); 81 | background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd)); 82 | background: -o-linear-gradient(top, #f3f3f3, #dddddd); 83 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd'); 84 | border-color:#000; 85 | border-width:1px; 86 | border-radius:4px 4px 4px 4px; 87 | -moz-border-radius: 4px; 88 | -webkit-border-radius: 4px; 89 | color:#333; 90 | cursor:pointer; 91 | display:inline-block; 92 | padding:6px 6px 4px; 93 | margin-top:10px; 94 | font:12px; 95 | width:214px; 96 | } 97 | .button:hover { background:#ddd; } 98 | -------------------------------------------------------------------------------- /sample/static/img/close_pop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bootandy/tornado_sample/57e3a1e9dc0b3afcdc8743ce9a909921196458bd/sample/static/img/close_pop.png -------------------------------------------------------------------------------- /sample/static/js/jquery-1.7.2.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v1.7.2 jquery.com | jquery.org/license */ 2 | (function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cu(a){if(!cj[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ck||(ck=c.createElement("iframe"),ck.frameBorder=ck.width=ck.height=0),b.appendChild(ck);if(!cl||!ck.createElement)cl=(ck.contentWindow||ck.contentDocument).document,cl.write((f.support.boxModel?"":"")+""),cl.close();d=cl.createElement(a),cl.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ck)}cj[a]=e}return cj[a]}function ct(a,b){var c={};f.each(cp.concat.apply([],cp.slice(0,b)),function(){c[this]=a});return c}function cs(){cq=b}function cr(){setTimeout(cs,0);return cq=f.now()}function ci(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ch(){try{return new a.XMLHttpRequest}catch(b){}}function cb(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){if(c!=="border")for(;e=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?+d:j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.2",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a!=null&&a==a.window},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){if(typeof c!="string"||!c)return null;var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c
a",d=p.getElementsByTagName("*"),e=p.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=p.getElementsByTagName("input")[0],b={leadingWhitespace:p.firstChild.nodeType===3,tbody:!p.getElementsByTagName("tbody").length,htmlSerialize:!!p.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:p.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,pixelMargin:!0},f.boxModel=b.boxModel=c.compatMode==="CSS1Compat",i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete p.test}catch(r){b.deleteExpando=!1}!p.addEventListener&&p.attachEvent&&p.fireEvent&&(p.attachEvent("onclick",function(){b.noCloneEvent=!1}),p.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),i.setAttribute("name","t"),p.appendChild(i),j=c.createDocumentFragment(),j.appendChild(p.lastChild),b.checkClone=j.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,j.removeChild(i),j.appendChild(p);if(p.attachEvent)for(n in{submit:1,change:1,focusin:1})m="on"+n,o=m in p,o||(p.setAttribute(m,"return;"),o=typeof p[m]=="function"),b[n+"Bubbles"]=o;j.removeChild(p),j=g=h=p=i=null,f(function(){var d,e,g,h,i,j,l,m,n,q,r,s,t,u=c.getElementsByTagName("body")[0];!u||(m=1,t="padding:0;margin:0;border:",r="position:absolute;top:0;left:0;width:1px;height:1px;",s=t+"0;visibility:hidden;",n="style='"+r+t+"5px solid #000;",q="
"+""+"
",d=c.createElement("div"),d.style.cssText=s+"width:0;height:0;position:static;top:0;margin-top:"+m+"px",u.insertBefore(d,u.firstChild),p=c.createElement("div"),d.appendChild(p),p.innerHTML="
t
",k=p.getElementsByTagName("td"),o=k[0].offsetHeight===0,k[0].style.display="",k[1].style.display="none",b.reliableHiddenOffsets=o&&k[0].offsetHeight===0,a.getComputedStyle&&(p.innerHTML="",l=c.createElement("div"),l.style.width="0",l.style.marginRight="0",p.style.width="2px",p.appendChild(l),b.reliableMarginRight=(parseInt((a.getComputedStyle(l,null)||{marginRight:0}).marginRight,10)||0)===0),typeof p.style.zoom!="undefined"&&(p.innerHTML="",p.style.width=p.style.padding="1px",p.style.border=0,p.style.overflow="hidden",p.style.display="inline",p.style.zoom=1,b.inlineBlockNeedsLayout=p.offsetWidth===3,p.style.display="block",p.style.overflow="visible",p.innerHTML="
",b.shrinkWrapBlocks=p.offsetWidth!==3),p.style.cssText=r+s,p.innerHTML=q,e=p.firstChild,g=e.firstChild,i=e.nextSibling.firstChild.firstChild,j={doesNotAddBorder:g.offsetTop!==5,doesAddBorderForTableAndCells:i.offsetTop===5},g.style.position="fixed",g.style.top="20px",j.fixedPosition=g.offsetTop===20||g.offsetTop===15,g.style.position=g.style.top="",e.style.overflow="hidden",e.style.position="relative",j.subtractsBorderForOverflowNotVisible=g.offsetTop===-5,j.doesNotIncludeMarginInBodyOffset=u.offsetTop!==m,a.getComputedStyle&&(p.style.marginTop="1%",b.pixelMargin=(a.getComputedStyle(p,null)||{marginTop:0}).marginTop!=="1%"),typeof d.style.zoom!="undefined"&&(d.style.zoom=1),u.removeChild(d),l=p=d=null,f.extend(b,j))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e1,null,!1)},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,b){a&&(b=(b||"fx")+"mark",f._data(a,b,(f._data(a,b)||0)+1))},_unmark:function(a,b,c){a!==!0&&(c=b,b=a,a=!1);if(b){c=c||"fx";var d=c+"mark",e=a?0:(f._data(b,d)||1)-1;e?f._data(b,d,e):(f.removeData(b,d,!0),n(b,c,"mark"))}},queue:function(a,b,c){var d;if(a){b=(b||"fx")+"queue",d=f._data(a,b),c&&(!d||f.isArray(c)?d=f._data(a,b,f.makeArray(c)):d.push(c));return d||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e={};d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),f._data(a,b+".run",e),d.call(a,function(){f.dequeue(a,b)},e)),c.length||(f.removeData(a,b+"queue "+b+".run",!0),n(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){var d=2;typeof a!="string"&&(c=a,a="fx",d--);if(arguments.length1)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,f.prop,a,b,arguments.length>1)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(p);for(c=0,d=this.length;c-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.type]||f.valHooks[this.nodeName.toLowerCase()];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.type]||f.valHooks[g.nodeName.toLowerCase()];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h,i=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;i=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/(?:^|\s)hover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function( 3 | a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")};f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler,g=p.selector),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;le&&j.push({elem:this,matches:d.slice(e)});for(k=0;k0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return bc[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));o.match.globalPOS=p;var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="

";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="
";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h0)for(h=g;h=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/]","i"),bd=/checked\s*(?:[^=]|=\s*.checked.)/i,be=/\/(java|ecma)script/i,bf=/^\s*",""],legend:[1,"
","
"],thead:[1,"","
"],tr:[2,"","
"],td:[3,"","
"],col:[2,"","
"],area:[1,"",""],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div
","
"]),f.fn.extend({text:function(a){return f.access(this,function(a){return a===b?f.text(this):this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a))},null,a,arguments.length)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f 4 | .clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){return f.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return c.nodeType===1?c.innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1>");try{for(;d1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||f.isXMLDoc(a)||!bc.test("<"+a.nodeName+">")?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g,h,i,j=[];b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);for(var k=0,l;(l=a[k])!=null;k++){typeof l=="number"&&(l+="");if(!l)continue;if(typeof l=="string")if(!_.test(l))l=b.createTextNode(l);else{l=l.replace(Y,"<$1>");var m=(Z.exec(l)||["",""])[1].toLowerCase(),n=bg[m]||bg._default,o=n[0],p=b.createElement("div"),q=bh.childNodes,r;b===c?bh.appendChild(p):U(b).appendChild(p),p.innerHTML=n[1]+l+n[2];while(o--)p=p.lastChild;if(!f.support.tbody){var s=$.test(l),t=m==="table"&&!s?p.firstChild&&p.firstChild.childNodes:n[1]===""&&!s?p.childNodes:[];for(i=t.length-1;i>=0;--i)f.nodeName(t[i],"tbody")&&!t[i].childNodes.length&&t[i].parentNode.removeChild(t[i])}!f.support.leadingWhitespace&&X.test(l)&&p.insertBefore(b.createTextNode(X.exec(l)[0]),p.firstChild),l=p.childNodes,p&&(p.parentNode.removeChild(p),q.length>0&&(r=q[q.length-1],r&&r.parentNode&&r.parentNode.removeChild(r)))}var u;if(!f.support.appendChecked)if(l[0]&&typeof (u=l.length)=="number")for(i=0;i1)},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=by(a,"opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bu.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(by)return by(a,c)},swap:function(a,b,c){var d={},e,f;for(f in b)d[f]=a.style[f],a.style[f]=b[f];e=c.call(a);for(f in b)a.style[f]=d[f];return e}}),f.curCSS=f.css,c.defaultView&&c.defaultView.getComputedStyle&&(bz=function(a,b){var c,d,e,g,h=a.style;b=b.replace(br,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b))),!f.support.pixelMargin&&e&&bv.test(b)&&bt.test(c)&&(g=h.width,h.width=c,c=e.width,h.width=g);return c}),c.documentElement.currentStyle&&(bA=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f==null&&g&&(e=g[b])&&(f=e),bt.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),by=bz||bA,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){if(c)return a.offsetWidth!==0?bB(a,b,d):f.swap(a,bw,function(){return bB(a,b,d)})},set:function(a,b){return bs.test(b)?b+"px":b}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bq.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bp,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bp.test(g)?g.replace(bp,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){return f.swap(a,{display:"inline-block"},function(){return b?by(a,"margin-right"):a.style.marginRight})}})}),f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)}),f.each({margin:"",padding:"",border:"Width"},function(a,b){f.cssHooks[a+b]={expand:function(c){var d,e=typeof c=="string"?c.split(" "):[c],f={};for(d=0;d<4;d++)f[a+bx[d]+b]=e[d]||e[d-2]||e[0];return f}}});var bC=/%20/g,bD=/\[\]$/,bE=/\r?\n/g,bF=/#.*$/,bG=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bH=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bI=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bJ=/^(?:GET|HEAD)$/,bK=/^\/\//,bL=/\?/,bM=/)<[^<]*)*<\/script>/gi,bN=/^(?:select|textarea)/i,bO=/\s+/,bP=/([?&])_=[^&]*/,bQ=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bR=f.fn.load,bS={},bT={},bU,bV,bW=["*/"]+["*"];try{bU=e.href}catch(bX){bU=c.createElement("a"),bU.href="",bU=bU.href}bV=bQ.exec(bU.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bR)return bR.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("
").append(c.replace(bM,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bN.test(this.nodeName)||bH.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bE,"\r\n")}}):{name:b.name,value:c.replace(bE,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b$(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b$(a,b);return a},ajaxSettings:{url:bU,isLocal:bI.test(bV[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bW},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bY(bS),ajaxTransport:bY(bT),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?ca(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cb(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bG.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bF,"").replace(bK,bV[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bO),d.crossDomain==null&&(r=bQ.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bV[1]&&r[2]==bV[2]&&(r[3]||(r[1]==="http:"?80:443))==(bV[3]||(bV[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bZ(bS,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bJ.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bL.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bP,"$1_="+x);d.url=y+(y===d.url?(bL.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bW+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bZ(bT,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)b_(g,a[g],c,e);return d.join("&").replace(bC,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cc=f.now(),cd=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cc++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=typeof b.data=="string"&&/^application\/x\-www\-form\-urlencoded/.test(b.contentType);if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(cd.test(b.url)||e&&cd.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(cd,l),b.url===j&&(e&&(k=k.replace(cd,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var ce=a.ActiveXObject?function(){for(var a in cg)cg[a](0,1)}:!1,cf=0,cg;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ch()||ci()}:ch,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,ce&&delete cg[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n);try{m.text=h.responseText}catch(a){}try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cf,ce&&(cg||(cg={},f(a).unload(ce)),cg[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cj={},ck,cl,cm=/^(?:toggle|show|hide)$/,cn=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,co,cp=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cq;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(ct("show",3),a,b,c);for(var g=0,h=this.length;g=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);f.fn[a]=function(e){return f.access(this,function(a,e,g){var h=cy(a);if(g===b)return h?c in h?h[c]:f.support.boxModel&&h.document.documentElement[e]||h.document.body[e]:a[e];h?h.scrollTo(d?f(h).scrollLeft():g,d?g:f(h).scrollTop()):a[e]=g},a,e,arguments.length,null)}}),f.each({Height:"height",Width:"width"},function(a,c){var d="client"+a,e="scroll"+a,g="offset"+a;f.fn["inner"+a]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,c,"padding")):this[c]():null},f.fn["outer"+a]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,c,a?"margin":"border")):this[c]():null},f.fn[c]=function(a){return f.access(this,function(a,c,h){var i,j,k,l;if(f.isWindow(a)){i=a.document,j=i.documentElement[d];return f.support.boxModel&&j||i.body&&i.body[d]||j}if(a.nodeType===9){i=a.documentElement;if(i[d]>=i[e])return i[d];return Math.max(a.body[e],i[e],a.body[g],i[g])}if(h===b){k=f.css(a,c),l=parseFloat(k);return f.isNumeric(l)?l:k}f(a).css(c,h)},c,a,arguments.length,null)}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window); -------------------------------------------------------------------------------- /sample/static/js/jquery.jcarousel.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jCarousel - Riding carousels with jQuery 3 | * http://sorgalla.com/jcarousel/ 4 | * 5 | * Copyright (c) 2006 Jan Sorgalla (http://sorgalla.com) 6 | * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 7 | * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. 8 | * 9 | * Built on top of the jQuery library 10 | * http://jquery.com 11 | * 12 | * Inspired by the "Carousel Component" by Bill Scott 13 | * http://billwscott.com/carousel/ 14 | */ 15 | 16 | (function(g){var q={vertical:!1,rtl:!1,start:1,offset:1,size:null,scroll:3,visible:null,animation:"normal",easing:"swing",auto:0,wrap:null,initCallback:null,setupCallback:null,reloadCallback:null,itemLoadCallback:null,itemFirstInCallback:null,itemFirstOutCallback:null,itemLastInCallback:null,itemLastOutCallback:null,itemVisibleInCallback:null,itemVisibleOutCallback:null,animationStepCallback:null,buttonNextHTML:"
",buttonPrevHTML:"
",buttonNextEvent:"click",buttonPrevEvent:"click", buttonNextCallback:null,buttonPrevCallback:null,itemFallbackDimension:null},m=!1;g(window).bind("load.jcarousel",function(){m=!0});g.jcarousel=function(a,c){this.options=g.extend({},q,c||{});this.autoStopped=this.locked=!1;this.buttonPrevState=this.buttonNextState=this.buttonPrev=this.buttonNext=this.list=this.clip=this.container=null;if(!c||c.rtl===void 0)this.options.rtl=(g(a).attr("dir")||g("html").attr("dir")||"").toLowerCase()=="rtl";this.wh=!this.options.vertical?"width":"height";this.lt=!this.options.vertical? this.options.rtl?"right":"left":"top";for(var b="",d=a.className.split(" "),f=0;f
").parent();if(this.container.size()===0)this.container=this.clip.wrap("
").parent();b!==""&&this.container.parent()[0].className.indexOf("jcarousel-skin")==-1&&this.container.wrap('
');this.buttonPrev=g(".jcarousel-prev",this.container);if(this.buttonPrev.size()===0&&this.options.buttonPrevHTML!==null)this.buttonPrev=g(this.options.buttonPrevHTML).appendTo(this.container);this.buttonPrev.addClass(this.className("jcarousel-prev"));this.buttonNext= g(".jcarousel-next",this.container);if(this.buttonNext.size()===0&&this.options.buttonNextHTML!==null)this.buttonNext=g(this.options.buttonNextHTML).appendTo(this.container);this.buttonNext.addClass(this.className("jcarousel-next"));this.clip.addClass(this.className("jcarousel-clip")).css({position:"relative"});this.list.addClass(this.className("jcarousel-list")).css({overflow:"hidden",position:"relative",top:0,margin:0,padding:0}).css(this.options.rtl?"right":"left",0);this.container.addClass(this.className("jcarousel-container")).css({position:"relative"}); !this.options.vertical&&this.options.rtl&&this.container.addClass("jcarousel-direction-rtl").attr("dir","rtl");var j=this.options.visible!==null?Math.ceil(this.clipping()/this.options.visible):null,b=this.list.children("li"),e=this;if(b.size()>0){var h=0,i=this.options.offset;b.each(function(){e.format(this,i++);h+=e.dimension(this,j)});this.list.css(this.wh,h+100+"px");if(!c||c.size===void 0)this.options.size=b.size()}this.container.css("display","block");this.buttonNext.css("display","block");this.buttonPrev.css("display", "block");this.funcNext=function(){e.next()};this.funcPrev=function(){e.prev()};this.funcResize=function(){e.resizeTimer&&clearTimeout(e.resizeTimer);e.resizeTimer=setTimeout(function(){e.reload()},100)};this.options.initCallback!==null&&this.options.initCallback(this,"init");!m&&g.browser.safari?(this.buttons(!1,!1),g(window).bind("load.jcarousel",function(){e.setup()})):this.setup()};var f=g.jcarousel;f.fn=f.prototype={jcarousel:"0.2.8"};f.fn.extend=f.extend=g.extend;f.fn.extend({setup:function(){this.prevLast= this.prevFirst=this.last=this.first=null;this.animating=!1;this.tail=this.resizeTimer=this.timer=null;this.inTail=!1;if(!this.locked){this.list.css(this.lt,this.pos(this.options.offset)+"px");var a=this.pos(this.options.start,!0);this.prevFirst=this.prevLast=null;this.animate(a,!1);g(window).unbind("resize.jcarousel",this.funcResize).bind("resize.jcarousel",this.funcResize);this.options.setupCallback!==null&&this.options.setupCallback(this)}},reset:function(){this.list.empty();this.list.css(this.lt, "0px");this.list.css(this.wh,"10px");this.options.initCallback!==null&&this.options.initCallback(this,"reset");this.setup()},reload:function(){this.tail!==null&&this.inTail&&this.list.css(this.lt,f.intval(this.list.css(this.lt))+this.tail);this.tail=null;this.inTail=!1;this.options.reloadCallback!==null&&this.options.reloadCallback(this);if(this.options.visible!==null){var a=this,c=Math.ceil(this.clipping()/this.options.visible),b=0,d=0;this.list.children("li").each(function(f){b+=a.dimension(this, c);f+1this.options.size)c=this.options.size;for(var b=a;b<=c;b++){var d=this.get(b);if(!d.length||d.hasClass("jcarousel-item-placeholder"))return!1}return!0}, get:function(a){return g(">.jcarousel-item-"+a,this.list)},add:function(a,c){var b=this.get(a),d=0,p=g(c);if(b.length===0)for(var j,e=f.intval(a),b=this.create(a);;){if(j=this.get(--e),e<=0||j.length){e<=0?this.list.prepend(b):j.after(b);break}}else d=this.dimension(b);p.get(0).nodeName.toUpperCase()=="LI"?(b.replaceWith(p),b=p):b.empty().append(c);this.format(b.removeClass(this.className("jcarousel-item-placeholder")),a);p=this.options.visible!==null?Math.ceil(this.clipping()/this.options.visible): null;d=this.dimension(b,p)-d;a>0&&a=this.first&&a<=this.last)){var b=this.dimension(c);athis.options.size?this.options.size:a);for(var d=this.first>a,g=this.options.wrap!="circular"&&this.first<=1?1:this.first,j=d?this.get(g): this.get(this.last),e=d?g:g-1,h=null,i=0,k=!1,l=0;d?--e>=a:++ethis.options.size)))j=this.get(this.index(e)),j.length&&(h=this.add(e,j.clone(!0)));j=h;l=this.dimension(h);k&&(i+=l);if(this.first!==null&&(this.options.wrap=="circular"||e>=1&&(this.options.size===null||e<= this.options.size)))b=d?b+l:b-l}for(var g=this.clipping(),m=[],o=0,n=0,j=this.get(a-1),e=a;++o;){h=this.get(e);k=!h.length;if(h.length===0){h=this.create(e).addClass(this.className("jcarousel-item-placeholder"));if(j.length===0)this.list.prepend(h);else j[d?"before":"after"](h);if(this.first!==null&&this.options.wrap=="circular"&&this.options.size!==null&&(e<=0||e>this.options.size))j=this.get(this.index(e)),j.length&&(h=this.add(e,j.clone(!0)))}j=h;l=this.dimension(h);if(l===0)throw Error("jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..."); this.options.wrap!="circular"&&this.options.size!==null&&e>this.options.size?m.push(h):k&&(i+=l);n+=l;if(n>=g)break;e++}for(h=0;h0&&(this.list.css(this.wh,this.dimension(this.list)+i+"px"),d&&(b-=i,this.list.css(this.lt,f.intval(this.list.css(this.lt))-i+"px")));i=a+o-1;if(this.options.wrap!="circular"&&this.options.size&&i>this.options.size)i=this.options.size;if(e>i){o=0;e=i;for(n=0;++o;){h=this.get(e--);if(!h.length)break;n+=this.dimension(h);if(n>=g)break}}e=i-o+ 1;this.options.wrap!="circular"&&e<1&&(e=1);if(this.inTail&&d)b+=this.tail,this.inTail=!1;this.tail=null;if(this.options.wrap!="circular"&&i==this.options.size&&i-o+1>=1&&(d=f.intval(this.get(i).css(!this.options.vertical?"marginRight":"marginBottom")),n-d>g))this.tail=n-g-d;if(c&&a===this.options.size&&this.tail)b-=this.tail,this.inTail=!0;for(;a-- >e;)b+=this.dimension(this.get(a));this.prevFirst=this.first;this.prevLast=this.last;this.first=e;this.last=i;return b},animate:function(a,c){if(!this.locked&& !this.animating){this.animating=!0;var b=this,d=function(){b.animating=!1;a===0&&b.list.css(b.lt,0);!b.autoStopped&&(b.options.wrap=="circular"||b.options.wrap=="both"||b.options.wrap=="last"||b.options.size===null||b.last=b.first&&c<=b.last)&&(c<1||c>b.options.size)&&b.remove(c)}; this.notify("onBeforeAnimation");if(!this.options.animation||c===!1)this.list.css(this.lt,a+"px"),d();else{var f=!this.options.vertical?this.options.rtl?{right:a}:{left:a}:{top:a},d={duration:this.options.animation,easing:this.options.easing,complete:d};if(g.isFunction(this.options.animationStepCallback))d.step=this.options.animationStepCallback;this.list.animate(f,d)}}},startAuto:function(a){if(a!==void 0)this.options.auto=a;if(this.options.auto===0)return this.stopAuto();if(this.timer===null){this.autoStopped= !1;var c=this;this.timer=window.setTimeout(function(){c.next()},this.options.auto*1E3)}},stopAuto:function(){this.pauseAuto();this.autoStopped=!0},pauseAuto:function(){if(this.timer!==null)window.clearTimeout(this.timer),this.timer=null},buttons:function(a,c){if(a==null&&(a=!this.locked&&this.options.size!==0&&(this.options.wrap&&this.options.wrap!="first"||this.options.size===null||this.last=this.options.size))a=this.tail!==null&&!this.inTail;if(c==null&&(c=!this.locked&&this.options.size!==0&&(this.options.wrap&&this.options.wrap!="last"||this.first>1),!this.locked&&(!this.options.wrap||this.options.wrap=="last")&&this.options.size!==null&&this.first==1))c=this.tail!==null&&this.inTail;var b=this;this.buttonNext.size()>0?(this.buttonNext.unbind(this.options.buttonNextEvent+".jcarousel",this.funcNext),a&&this.buttonNext.bind(this.options.buttonNextEvent+".jcarousel",this.funcNext), this.buttonNext[a?"removeClass":"addClass"](this.className("jcarousel-next-disabled")).attr("disabled",a?!1:!0),this.options.buttonNextCallback!==null&&this.buttonNext.data("jcarouselstate")!=a&&this.buttonNext.each(function(){b.options.buttonNextCallback(b,this,a)}).data("jcarouselstate",a)):this.options.buttonNextCallback!==null&&this.buttonNextState!=a&&this.options.buttonNextCallback(b,null,a);this.buttonPrev.size()>0?(this.buttonPrev.unbind(this.options.buttonPrevEvent+".jcarousel",this.funcPrev), c&&this.buttonPrev.bind(this.options.buttonPrevEvent+".jcarousel",this.funcPrev),this.buttonPrev[c?"removeClass":"addClass"](this.className("jcarousel-prev-disabled")).attr("disabled",c?!1:!0),this.options.buttonPrevCallback!==null&&this.buttonPrev.data("jcarouselstate")!=c&&this.buttonPrev.each(function(){b.options.buttonPrevCallback(b,this,c)}).data("jcarouselstate",c)):this.options.buttonPrevCallback!==null&&this.buttonPrevState!=c&&this.options.buttonPrevCallback(b,null,c);this.buttonNextState= a;this.buttonPrevState=c},notify:function(a){var c=this.prevFirst===null?"init":this.prevFirst=j&&k<=e)&&a(k)}}},create:function(a){return this.format("
  • ",a)},format:function(a,c){for(var a=g(a),b=a.get(0).className.split(" "),d=0;d" + item[this.propertyToSearch]+ "" }, 47 | tokenFormatter: function(item) { return "

  • " + item[this.propertyToSearch] + "

    • " }, 48 | 49 | // Callbacks 50 | onResult: null, 51 | onAdd: null, 52 | onDelete: null, 53 | onReady: null 54 | }; 55 | 56 | // Default classes to use when theming 57 | var DEFAULT_CLASSES = { 58 | tokenList: "token-input-list", 59 | token: "token-input-token", 60 | tokenDelete: "token-input-delete-token", 61 | selectedToken: "token-input-selected-token", 62 | highlightedToken: "token-input-highlighted-token", 63 | dropdown: "token-input-dropdown", 64 | dropdownItem: "token-input-dropdown-item", 65 | dropdownItem2: "token-input-dropdown-item2", 66 | selectedDropdownItem: "token-input-selected-dropdown-item", 67 | inputToken: "token-input-input-token" 68 | }; 69 | 70 | // Input box position "enum" 71 | var POSITION = { 72 | BEFORE: 0, 73 | AFTER: 1, 74 | END: 2 75 | }; 76 | 77 | // Keys "enum" 78 | var KEY = { 79 | BACKSPACE: 8, 80 | TAB: 9, 81 | ENTER: 13, 82 | ESCAPE: 27, 83 | SPACE: 32, 84 | PAGE_UP: 33, 85 | PAGE_DOWN: 34, 86 | END: 35, 87 | HOME: 36, 88 | LEFT: 37, 89 | UP: 38, 90 | RIGHT: 39, 91 | DOWN: 40, 92 | NUMPAD_ENTER: 108, 93 | COMMA: 188 94 | }; 95 | 96 | // Additional public (exposed) methods 97 | var methods = { 98 | init: function(url_or_data_or_function, options) { 99 | var settings = $.extend({}, DEFAULT_SETTINGS, options || {}); 100 | 101 | return this.each(function () { 102 | $(this).data("tokenInputObject", new $.TokenList(this, url_or_data_or_function, settings)); 103 | }); 104 | }, 105 | clear: function() { 106 | this.data("tokenInputObject").clear(); 107 | return this; 108 | }, 109 | add: function(item) { 110 | this.data("tokenInputObject").add(item); 111 | return this; 112 | }, 113 | remove: function(item) { 114 | this.data("tokenInputObject").remove(item); 115 | return this; 116 | }, 117 | get: function() { 118 | return this.data("tokenInputObject").getTokens(); 119 | } 120 | } 121 | 122 | // Expose the .tokenInput function to jQuery as a plugin 123 | $.fn.tokenInput = function (method) { 124 | // Method calling and initialization logic 125 | if(methods[method]) { 126 | return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 127 | } else { 128 | return methods.init.apply(this, arguments); 129 | } 130 | }; 131 | 132 | // TokenList class for each input 133 | $.TokenList = function (input, url_or_data, settings) { 134 | // 135 | // Initialization 136 | // 137 | 138 | // Configure the data source 139 | if($.type(url_or_data) === "string" || $.type(url_or_data) === "function") { 140 | // Set the url to query against 141 | settings.url = url_or_data; 142 | 143 | // If the URL is a function, evaluate it here to do our initalization work 144 | var url = computeURL(); 145 | 146 | // Make a smart guess about cross-domain if it wasn't explicitly specified 147 | if(settings.crossDomain === undefined) { 148 | if(url.indexOf("://") === -1) { 149 | settings.crossDomain = false; 150 | } else { 151 | settings.crossDomain = (location.href.split(/\/+/g)[1] !== url.split(/\/+/g)[1]); 152 | } 153 | } 154 | } else if(typeof(url_or_data) === "object") { 155 | // Set the local data to search through 156 | settings.local_data = url_or_data; 157 | } 158 | 159 | // Build class names 160 | if(settings.classes) { 161 | // Use custom class names 162 | settings.classes = $.extend({}, DEFAULT_CLASSES, settings.classes); 163 | } else if(settings.theme) { 164 | // Use theme-suffixed default class names 165 | settings.classes = {}; 166 | $.each(DEFAULT_CLASSES, function(key, value) { 167 | settings.classes[key] = value + "-" + settings.theme; 168 | }); 169 | } else { 170 | settings.classes = DEFAULT_CLASSES; 171 | } 172 | 173 | 174 | // Save the tokens 175 | var saved_tokens = []; 176 | 177 | // Keep track of the number of tokens in the list 178 | var token_count = 0; 179 | 180 | // Basic cache to save on db hits 181 | var cache = new $.TokenList.Cache(); 182 | 183 | // Keep track of the timeout, old vals 184 | var timeout; 185 | var input_val; 186 | 187 | // Create a new text input an attach keyup events 188 | var input_box = $("") 189 | .css({ 190 | outline: "none" 191 | }) 192 | .attr("id", settings.idPrefix + input.id) 193 | .focus(function () { 194 | if (settings.tokenLimit === null || settings.tokenLimit !== token_count) { 195 | show_dropdown_hint(); 196 | } 197 | }) 198 | .blur(function () { 199 | hide_dropdown(); 200 | $(this).val(""); 201 | }) 202 | .bind("keyup keydown blur update", resize_input) 203 | .keydown(function (event) { 204 | var previous_token; 205 | var next_token; 206 | 207 | switch(event.keyCode) { 208 | case KEY.LEFT: 209 | case KEY.RIGHT: 210 | case KEY.UP: 211 | case KEY.DOWN: 212 | if(!$(this).val()) { 213 | previous_token = input_token.prev(); 214 | next_token = input_token.next(); 215 | 216 | if((previous_token.length && previous_token.get(0) === selected_token) || (next_token.length && next_token.get(0) === selected_token)) { 217 | // Check if there is a previous/next token and it is selected 218 | if(event.keyCode === KEY.LEFT || event.keyCode === KEY.UP) { 219 | deselect_token($(selected_token), POSITION.BEFORE); 220 | } else { 221 | deselect_token($(selected_token), POSITION.AFTER); 222 | } 223 | } else if((event.keyCode === KEY.LEFT || event.keyCode === KEY.UP) && previous_token.length) { 224 | // We are moving left, select the previous token if it exists 225 | select_token($(previous_token.get(0))); 226 | } else if((event.keyCode === KEY.RIGHT || event.keyCode === KEY.DOWN) && next_token.length) { 227 | // We are moving right, select the next token if it exists 228 | select_token($(next_token.get(0))); 229 | } 230 | } else { 231 | var dropdown_item = null; 232 | 233 | if(event.keyCode === KEY.DOWN || event.keyCode === KEY.RIGHT) { 234 | dropdown_item = $(selected_dropdown_item).next(); 235 | } else { 236 | dropdown_item = $(selected_dropdown_item).prev(); 237 | } 238 | 239 | if(dropdown_item.length) { 240 | select_dropdown_item(dropdown_item); 241 | } 242 | return false; 243 | } 244 | break; 245 | 246 | case KEY.BACKSPACE: 247 | previous_token = input_token.prev(); 248 | 249 | if(!$(this).val().length) { 250 | if(selected_token) { 251 | delete_token($(selected_token)); 252 | hidden_input.change(); 253 | } else if(previous_token.length) { 254 | select_token($(previous_token.get(0))); 255 | } 256 | 257 | return false; 258 | } else if($(this).val().length === 1) { 259 | hide_dropdown(); 260 | } else { 261 | // set a timeout just long enough to let this function finish. 262 | setTimeout(function(){do_search();}, 5); 263 | } 264 | break; 265 | 266 | case KEY.TAB: 267 | case KEY.ENTER: 268 | case KEY.NUMPAD_ENTER: 269 | case KEY.COMMA: 270 | if(selected_dropdown_item) { 271 | add_token($(selected_dropdown_item).data("tokeninput")); 272 | hidden_input.change(); 273 | return false; 274 | } 275 | break; 276 | 277 | case KEY.ESCAPE: 278 | hide_dropdown(); 279 | return true; 280 | 281 | default: 282 | if(String.fromCharCode(event.which)) { 283 | // set a timeout just long enough to let this function finish. 284 | setTimeout(function(){do_search();}, 5); 285 | } 286 | break; 287 | } 288 | }); 289 | 290 | // Keep a reference to the original input box 291 | var hidden_input = $(input) 292 | .hide() 293 | .val("") 294 | .focus(function () { 295 | input_box.focus(); 296 | }) 297 | .blur(function () { 298 | input_box.blur(); 299 | }); 300 | 301 | // Keep a reference to the selected token and dropdown item 302 | var selected_token = null; 303 | var selected_token_index = 0; 304 | var selected_dropdown_item = null; 305 | 306 | // The list to store the token items in 307 | var token_list = $("
      ") 308 | .addClass(settings.classes.tokenList) 309 | .click(function (event) { 310 | var li = $(event.target).closest("li"); 311 | if(li && li.get(0) && $.data(li.get(0), "tokeninput")) { 312 | toggle_select_token(li); 313 | } else { 314 | // Deselect selected token 315 | if(selected_token) { 316 | deselect_token($(selected_token), POSITION.END); 317 | } 318 | 319 | // Focus input box 320 | input_box.focus(); 321 | } 322 | }) 323 | .mouseover(function (event) { 324 | var li = $(event.target).closest("li"); 325 | if(li && selected_token !== this) { 326 | li.addClass(settings.classes.highlightedToken); 327 | } 328 | }) 329 | .mouseout(function (event) { 330 | var li = $(event.target).closest("li"); 331 | if(li && selected_token !== this) { 332 | li.removeClass(settings.classes.highlightedToken); 333 | } 334 | }) 335 | .insertBefore(hidden_input); 336 | 337 | // The token holding the input box 338 | var input_token = $("
    • ") 339 | .addClass(settings.classes.inputToken) 340 | .appendTo(token_list) 341 | .append(input_box); 342 | 343 | // The list to store the dropdown items in 344 | var dropdown = $("
      ") 345 | .addClass(settings.classes.dropdown) 346 | .appendTo("body") 347 | .hide(); 348 | 349 | // Magic element to help us resize the text input 350 | var input_resizer = $("") 351 | .insertAfter(input_box) 352 | .css({ 353 | position: "absolute", 354 | top: -9999, 355 | left: -9999, 356 | width: "auto", 357 | fontSize: input_box.css("fontSize"), 358 | fontFamily: input_box.css("fontFamily"), 359 | fontWeight: input_box.css("fontWeight"), 360 | letterSpacing: input_box.css("letterSpacing"), 361 | whiteSpace: "nowrap" 362 | }); 363 | 364 | // Pre-populate list if items exist 365 | hidden_input.val(""); 366 | var li_data = settings.prePopulate || hidden_input.data("pre"); 367 | if(settings.processPrePopulate && $.isFunction(settings.onResult)) { 368 | li_data = settings.onResult.call(hidden_input, li_data); 369 | } 370 | if(li_data && li_data.length) { 371 | $.each(li_data, function (index, value) { 372 | insert_token(value); 373 | checkTokenLimit(); 374 | }); 375 | } 376 | 377 | // Initialization is done 378 | if($.isFunction(settings.onReady)) { 379 | settings.onReady.call(); 380 | } 381 | 382 | // 383 | // Public functions 384 | // 385 | 386 | this.clear = function() { 387 | token_list.children("li").each(function() { 388 | if ($(this).children("input").length === 0) { 389 | delete_token($(this)); 390 | } 391 | }); 392 | } 393 | 394 | this.add = function(item) { 395 | add_token(item); 396 | } 397 | 398 | this.remove = function(item) { 399 | token_list.children("li").each(function() { 400 | if ($(this).children("input").length === 0) { 401 | var currToken = $(this).data("tokeninput"); 402 | var match = true; 403 | for (var prop in item) { 404 | if (item[prop] !== currToken[prop]) { 405 | match = false; 406 | break; 407 | } 408 | } 409 | if (match) { 410 | delete_token($(this)); 411 | } 412 | } 413 | }); 414 | } 415 | 416 | this.getTokens = function() { 417 | return saved_tokens; 418 | } 419 | 420 | // 421 | // Private functions 422 | // 423 | 424 | function checkTokenLimit() { 425 | if(settings.tokenLimit !== null && token_count >= settings.tokenLimit) { 426 | input_box.hide(); 427 | hide_dropdown(); 428 | return; 429 | } 430 | } 431 | 432 | function resize_input() { 433 | if(input_val === (input_val = input_box.val())) {return;} 434 | 435 | // Enter new content into resizer and resize input accordingly 436 | var escaped = input_val.replace(/&/g, '&').replace(/\s/g,' ').replace(//g, '>'); 437 | input_resizer.html(escaped); 438 | input_box.width(input_resizer.width() + 30); 439 | } 440 | 441 | function is_printable_character(keycode) { 442 | return ((keycode >= 48 && keycode <= 90) || // 0-1a-z 443 | (keycode >= 96 && keycode <= 111) || // numpad 0-9 + - / * . 444 | (keycode >= 186 && keycode <= 192) || // ; = , - . / ^ 445 | (keycode >= 219 && keycode <= 222)); // ( \ ) ' 446 | } 447 | 448 | // Inner function to a token to the list 449 | function insert_token(item) { 450 | var this_token = settings.tokenFormatter(item); 451 | this_token = $(this_token) 452 | .addClass(settings.classes.token) 453 | .insertBefore(input_token); 454 | 455 | // The 'delete token' button 456 | $("" + settings.deleteText + "") 457 | .addClass(settings.classes.tokenDelete) 458 | .appendTo(this_token) 459 | .click(function () { 460 | delete_token($(this).parent()); 461 | hidden_input.change(); 462 | return false; 463 | }); 464 | 465 | // Store data on the token 466 | var token_data = {"id": item.id}; 467 | token_data[settings.propertyToSearch] = item[settings.propertyToSearch]; 468 | $.data(this_token.get(0), "tokeninput", item); 469 | 470 | // Save this token for duplicate checking 471 | saved_tokens = saved_tokens.slice(0,selected_token_index).concat([token_data]).concat(saved_tokens.slice(selected_token_index)); 472 | selected_token_index++; 473 | 474 | // Update the hidden input 475 | update_hidden_input(saved_tokens, hidden_input); 476 | 477 | token_count += 1; 478 | 479 | // Check the token limit 480 | if(settings.tokenLimit !== null && token_count >= settings.tokenLimit) { 481 | input_box.hide(); 482 | hide_dropdown(); 483 | } 484 | 485 | return this_token; 486 | } 487 | 488 | // Add a token to the token list based on user input 489 | function add_token (item) { 490 | var callback = settings.onAdd; 491 | 492 | // See if the token already exists and select it if we don't want duplicates 493 | if(token_count > 0 && settings.preventDuplicates) { 494 | var found_existing_token = null; 495 | token_list.children().each(function () { 496 | var existing_token = $(this); 497 | var existing_data = $.data(existing_token.get(0), "tokeninput"); 498 | if(existing_data && existing_data.id === item.id) { 499 | found_existing_token = existing_token; 500 | return false; 501 | } 502 | }); 503 | 504 | if(found_existing_token) { 505 | select_token(found_existing_token); 506 | input_token.insertAfter(found_existing_token); 507 | input_box.focus(); 508 | return; 509 | } 510 | } 511 | 512 | // Insert the new tokens 513 | if(settings.tokenLimit == null || token_count < settings.tokenLimit) { 514 | insert_token(item); 515 | checkTokenLimit(); 516 | } 517 | 518 | // Clear input box 519 | input_box.val(""); 520 | 521 | // Don't show the help dropdown, they've got the idea 522 | hide_dropdown(); 523 | 524 | // Execute the onAdd callback if defined 525 | if($.isFunction(callback)) { 526 | callback.call(hidden_input,item); 527 | } 528 | } 529 | 530 | // Select a token in the token list 531 | function select_token (token) { 532 | token.addClass(settings.classes.selectedToken); 533 | selected_token = token.get(0); 534 | 535 | // Hide input box 536 | input_box.val(""); 537 | 538 | // Hide dropdown if it is visible (eg if we clicked to select token) 539 | hide_dropdown(); 540 | } 541 | 542 | // Deselect a token in the token list 543 | function deselect_token (token, position) { 544 | token.removeClass(settings.classes.selectedToken); 545 | selected_token = null; 546 | 547 | if(position === POSITION.BEFORE) { 548 | input_token.insertBefore(token); 549 | selected_token_index--; 550 | } else if(position === POSITION.AFTER) { 551 | input_token.insertAfter(token); 552 | selected_token_index++; 553 | } else { 554 | input_token.appendTo(token_list); 555 | selected_token_index = token_count; 556 | } 557 | 558 | // Show the input box and give it focus again 559 | input_box.focus(); 560 | } 561 | 562 | // Toggle selection of a token in the token list 563 | function toggle_select_token(token) { 564 | var previous_selected_token = selected_token; 565 | 566 | if(selected_token) { 567 | deselect_token($(selected_token), POSITION.END); 568 | } 569 | 570 | if(previous_selected_token === token.get(0)) { 571 | deselect_token(token, POSITION.END); 572 | } else { 573 | select_token(token); 574 | } 575 | } 576 | 577 | // Delete a token from the token list 578 | function delete_token (token) { 579 | // Remove the id from the saved list 580 | var token_data = $.data(token.get(0), "tokeninput"); 581 | var callback = settings.onDelete; 582 | 583 | var index = token.prevAll().length; 584 | if(index > selected_token_index) index--; 585 | 586 | // Delete the token 587 | token.remove(); 588 | selected_token = null; 589 | 590 | // Show the input box and give it focus again 591 | input_box.focus(); 592 | 593 | // Remove this token from the saved list 594 | saved_tokens = saved_tokens.slice(0,index).concat(saved_tokens.slice(index+1)); 595 | if(index < selected_token_index) selected_token_index--; 596 | 597 | // Update the hidden input 598 | update_hidden_input(saved_tokens, hidden_input); 599 | 600 | token_count -= 1; 601 | 602 | if(settings.tokenLimit !== null) { 603 | input_box 604 | .show() 605 | .val("") 606 | .focus(); 607 | } 608 | 609 | // Execute the onDelete callback if defined 610 | if($.isFunction(callback)) { 611 | callback.call(hidden_input,token_data); 612 | } 613 | } 614 | 615 | // Update the hidden input box value 616 | function update_hidden_input(saved_tokens, hidden_input) { 617 | var token_values = $.map(saved_tokens, function (el) { 618 | return el[settings.tokenValue]; 619 | }); 620 | hidden_input.val(token_values.join(settings.tokenDelimiter)); 621 | 622 | } 623 | 624 | // Hide and clear the results dropdown 625 | function hide_dropdown () { 626 | dropdown.hide().empty(); 627 | selected_dropdown_item = null; 628 | } 629 | 630 | function show_dropdown() { 631 | dropdown 632 | .css({ 633 | position: "absolute", 634 | top: $(token_list).offset().top + $(token_list).outerHeight(), 635 | left: $(token_list).offset().left, 636 | zindex: 999 637 | }) 638 | .show(); 639 | } 640 | 641 | function show_dropdown_searching () { 642 | if(settings.searchingText) { 643 | dropdown.html("

      "+settings.searchingText+"

      "); 644 | show_dropdown(); 645 | } 646 | } 647 | 648 | function show_dropdown_hint () { 649 | if(settings.hintText) { 650 | dropdown.html("

      "+settings.hintText+"

      "); 651 | show_dropdown(); 652 | } 653 | } 654 | 655 | // Highlight the query part of the search term 656 | function highlight_term(value, term) { 657 | return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "$1"); 658 | } 659 | 660 | function find_value_and_highlight_term(template, value, term) { 661 | return template.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + value + ")(?![^<>]*>)(?![^&;]+;)", "g"), highlight_term(value, term)); 662 | } 663 | 664 | // Populate the results dropdown with some results 665 | function populate_dropdown (query, results) { 666 | if(results && results.length) { 667 | dropdown.empty(); 668 | var dropdown_ul = $("
        ") 669 | .appendTo(dropdown) 670 | .mouseover(function (event) { 671 | select_dropdown_item($(event.target).closest("li")); 672 | }) 673 | .mousedown(function (event) { 674 | add_token($(event.target).closest("li").data("tokeninput")); 675 | hidden_input.change(); 676 | return false; 677 | }) 678 | .hide(); 679 | 680 | $.each(results, function(index, value) { 681 | var this_li = settings.resultsFormatter(value); 682 | 683 | this_li = find_value_and_highlight_term(this_li ,value[settings.propertyToSearch], query); 684 | 685 | this_li = $(this_li).appendTo(dropdown_ul); 686 | 687 | if(index % 2) { 688 | this_li.addClass(settings.classes.dropdownItem); 689 | } else { 690 | this_li.addClass(settings.classes.dropdownItem2); 691 | } 692 | 693 | if(index === 0) { 694 | select_dropdown_item(this_li); 695 | } 696 | 697 | $.data(this_li.get(0), "tokeninput", value); 698 | }); 699 | 700 | show_dropdown(); 701 | 702 | if(settings.animateDropdown) { 703 | dropdown_ul.slideDown("fast"); 704 | } else { 705 | dropdown_ul.show(); 706 | } 707 | } else { 708 | if(settings.noResultsText) { 709 | dropdown.html("

        "+settings.noResultsText+"

        "); 710 | show_dropdown(); 711 | } 712 | } 713 | } 714 | 715 | // Highlight an item in the results dropdown 716 | function select_dropdown_item (item) { 717 | if(item) { 718 | if(selected_dropdown_item) { 719 | deselect_dropdown_item($(selected_dropdown_item)); 720 | } 721 | 722 | item.addClass(settings.classes.selectedDropdownItem); 723 | selected_dropdown_item = item.get(0); 724 | } 725 | } 726 | 727 | // Remove highlighting from an item in the results dropdown 728 | function deselect_dropdown_item (item) { 729 | item.removeClass(settings.classes.selectedDropdownItem); 730 | selected_dropdown_item = null; 731 | } 732 | 733 | // Do a search and show the "searching" dropdown if the input is longer 734 | // than settings.minChars 735 | function do_search() { 736 | var query = input_box.val().toLowerCase(); 737 | 738 | if(query && query.length) { 739 | if(selected_token) { 740 | deselect_token($(selected_token), POSITION.AFTER); 741 | } 742 | 743 | if(query.length >= settings.minChars) { 744 | show_dropdown_searching(); 745 | clearTimeout(timeout); 746 | 747 | timeout = setTimeout(function(){ 748 | run_search(query); 749 | }, settings.searchDelay); 750 | } else { 751 | hide_dropdown(); 752 | } 753 | } 754 | } 755 | 756 | // Do the actual search 757 | function run_search(query) { 758 | var cache_key = query + computeURL(); 759 | var cached_results = cache.get(cache_key); 760 | if(cached_results) { 761 | populate_dropdown(query, cached_results); 762 | } else { 763 | // Are we doing an ajax search or local data search? 764 | if(settings.url) { 765 | var url = computeURL(); 766 | // Extract exisiting get params 767 | var ajax_params = {}; 768 | ajax_params.data = {}; 769 | if(url.indexOf("?") > -1) { 770 | var parts = url.split("?"); 771 | ajax_params.url = parts[0]; 772 | 773 | var param_array = parts[1].split("&"); 774 | $.each(param_array, function (index, value) { 775 | var kv = value.split("="); 776 | ajax_params.data[kv[0]] = kv[1]; 777 | }); 778 | } else { 779 | ajax_params.url = url; 780 | } 781 | 782 | // Prepare the request 783 | ajax_params.data[settings.queryParam] = query; 784 | ajax_params.type = settings.method; 785 | ajax_params.dataType = settings.contentType; 786 | if(settings.crossDomain) { 787 | ajax_params.dataType = "jsonp"; 788 | } 789 | 790 | // Attach the success callback 791 | ajax_params.success = function(results) { 792 | if($.isFunction(settings.onResult)) { 793 | results = settings.onResult.call(hidden_input, results); 794 | } 795 | cache.add(cache_key, settings.jsonContainer ? results[settings.jsonContainer] : results); 796 | 797 | // only populate the dropdown if the results are associated with the active search query 798 | if(input_box.val().toLowerCase() === query) { 799 | populate_dropdown(query, settings.jsonContainer ? results[settings.jsonContainer] : results); 800 | } 801 | }; 802 | 803 | // Make the request 804 | $.ajax(ajax_params); 805 | } else if(settings.local_data) { 806 | // Do the search through local data 807 | var results = $.grep(settings.local_data, function (row) { 808 | return row[settings.propertyToSearch].toLowerCase().indexOf(query.toLowerCase()) > -1; 809 | }); 810 | 811 | if($.isFunction(settings.onResult)) { 812 | results = settings.onResult.call(hidden_input, results); 813 | } 814 | cache.add(cache_key, results); 815 | populate_dropdown(query, results); 816 | } 817 | } 818 | } 819 | 820 | // compute the dynamic URL 821 | function computeURL() { 822 | var url = settings.url; 823 | if(typeof settings.url == 'function') { 824 | url = settings.url.call(); 825 | } 826 | return url; 827 | } 828 | }; 829 | 830 | // Really basic cache for the results 831 | $.TokenList.Cache = function (options) { 832 | var settings = $.extend({ 833 | max_size: 500 834 | }, options); 835 | 836 | var data = {}; 837 | var size = 0; 838 | 839 | var flush = function () { 840 | data = {}; 841 | size = 0; 842 | }; 843 | 844 | this.add = function (query, results) { 845 | if(size > settings.max_size) { 846 | flush(); 847 | } 848 | 849 | if(!data[query]) { 850 | size += 1; 851 | } 852 | 853 | data[query] = results; 854 | }; 855 | 856 | this.get = function (query) { 857 | return data[query]; 858 | }; 859 | }; 860 | }(jQuery)); 861 | -------------------------------------------------------------------------------- /sample/static/js/notification.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function() { 3 | $("#notification").fadeIn("slow"); 4 | $("#notification a.close-notify").click(close_it); 5 | //$("#notification").delay(10000).call(close_it); 6 | setTimeout(close_it, 5000) 7 | 8 | function close_it() { 9 | $("#notification").fadeOut("slow"); 10 | return false; 11 | } 12 | }); -------------------------------------------------------------------------------- /sample/templates/data_pusher.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Hello {{user}} logout 4 |
        5 | home 6 |
        7 | 8 | 9 |
        10 | Demonstrates loading recent data. 11 |
        12 | Pressing 'Send it' pushes the entered text to the DB. 13 |
        14 | Pushing 'Load more' loads the new text since your last load. 15 |
        16 | Note: It DOES NOT LOAD all new text - just the text you haven't seen yet 17 |
        18 |
        19 |
        20 | 22 |
        23 | 24 | 25 |
        26 | 27 | 28 |
        29 |
        30 | 31 | 32 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /sample/templates/fb_demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | FB demo 4 | 5 | 6 | home 7 |
        8 |
        9 |
        10 |

        Launch FB auto request:

        11 | click me to join our app 12 | 13 |

        14 | Problems with FB window not closing 15 | 16 | 17 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /sample/templates/grav.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | home 4 |
        5 | 6 | 7 |

        8 | Hello: {{email}} your gravatar is: 9 |

        10 | icon 11 | 12 |
        13 | 14 |

        15 | Get me another gravatar: 16 |
        17 | 18 | 19 | 20 |

        21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /sample/templates/hello.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Home of demos 4 | 5 | 6 | 7 | {% if notification %} 8 | 12 | {% end %} 13 | 14 | Hello {{user}} logout

        15 | 16 | 17 | send new message 18 |
        19 | gravatar demo 20 |
        21 | Tailing the contents of data/to_read.txt 22 |
        23 | Data Pusher 24 |
        25 | Start a thread 26 |
        27 | Email Sender - (create an account with mandrill and setup API key in settings first) 28 |
        29 | Wildcard Matcher good url 30 |
        31 | Wildcard Matcher bad url 32 |
        33 | Returns user to previous page 34 |
        35 | Upload picture to S3 (requires setting up your Amazon ids) 36 | (s3 is here) 37 | 38 |

        HTML demos:

        39 | notifications 40 |
        41 | slidy 42 |
        43 | menu generates tags 44 |
        45 | popup windows 46 |
        47 | Facebook demo 48 |
        49 | 50 |
        51 |
        52 | 53 | Messages sent: 54 | 55 |
    56 | 57 | 58 | 59 | {% for m in messages %} 60 | 61 | 62 | 63 | 64 | 65 | {% end %} 66 |
    FromToMessage
    {{ m['from']}}{{ m['to']}}{{ m['message']}}
    67 | 68 | 69 | 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /sample/templates/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Login 4 | 5 | 6 | 7 | 8 |
    9 | 10 |

    please login:

    11 |
    12 | 13 | 14 |
    15 |
    16 |
    17 |
    18 |
    19 |
    20 |
    21 | 22 |
    23 | register 24 |
    25 | Login with Twitter
    26 | Login with Facebook
    27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /sample/templates/menu_tags.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Menu 4 | 5 | 6 | 7 |
    8 | home 9 |
    10 | 11 |

    Start typing & select some names:

    12 | 13 |
    14 |
    15 | 16 |
    17 |

    This script uses jquery token input - read about it

    18 | 19 | 20 | 21 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /sample/templates/message.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Hello {{user}} logout
    4 | 5 |

    6 | 7 | Message to: 8 |
    9 | 10 | 11 |
    12 |
    13 | 18 |
    19 | 20 |
    21 | 23 |
    24 | 25 | 26 |
    27 |
    28 | 29 |
    30 |
    31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /sample/templates/notification.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Notifications 5 | 6 | 7 | 8 | home 9 |
    10 | 11 | {% if notification %} 12 | 16 | {% end %} 17 | 18 |

    Notification demo:

    19 |
    20 |

    lorum ipsum

    21 |

    your url is: {{request.uri}}

    22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /sample/templates/popup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Popup 4 | 5 | 6 | 7 | home 8 |
    9 |
    10 | A beautiful popup from this 11 | tutorial
    12 | 13 |
    14 | 15 |
    16 | 17 | 39 | 40 | 88 | 89 | 90 | 91 | -------------------------------------------------------------------------------- /sample/templates/popup_dialog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Popup 4 | 5 | 6 | 7 | home 8 |
    9 |
    10 | 11 |
    12 |

    Popup:

    13 | 14 |
    I'm in a dialog
    15 | 16 | 17 | 18 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /sample/templates/register.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Hello 4 | REGISTER 5 |
    6 |
    7 |
    8 | 9 |
    10 |
    11 |
    12 |
    13 |
    14 |