├── test ├── test_helper.exs └── chat_test.exs ├── Procfile ├── lib ├── chat │ ├── repo.ex │ └── endpoint.ex └── chat.ex ├── web ├── views │ ├── page_view.ex │ ├── layout_view.ex │ └── error_view.ex ├── controllers │ └── page_controller.ex ├── channels │ ├── user_socket.ex │ └── room_channel.ex ├── router.ex ├── templates │ ├── page │ │ └── index.html.eex │ └── layout │ │ └── app.html.eex ├── static │ ├── css │ │ └── app.scss │ ├── js │ │ └── app.js │ └── vendor │ │ ├── bootstrap-theme.min.css │ │ ├── phoenix.js │ │ └── jquery.min.js └── web.ex ├── priv └── static │ └── images │ └── phoenix.png ├── elixir_buildpack.config ├── .gitignore ├── package.json ├── config ├── prod.secret.exs ├── test.exs ├── config.exs ├── dev.exs └── prod.exs ├── mix.lock ├── brunch-config.js ├── mix.exs ├── websocket.xml └── README.md /test/test_helper.exs: -------------------------------------------------------------------------------- 1 | ExUnit.start 2 | -------------------------------------------------------------------------------- /Procfile: -------------------------------------------------------------------------------- 1 | web: elixir -pa _build/prod/consolidated -S mix phoenix.server -------------------------------------------------------------------------------- /lib/chat/repo.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.Repo do 2 | use Ecto.Repo, otp_app: :chat 3 | end 4 | -------------------------------------------------------------------------------- /web/views/page_view.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.PageView do 2 | use Chat.Web, :view 3 | end 4 | -------------------------------------------------------------------------------- /web/views/layout_view.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.LayoutView do 2 | use Chat.Web, :view 3 | end 4 | -------------------------------------------------------------------------------- /priv/static/images/phoenix.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Gazler/phoenix_chat_example/HEAD/priv/static/images/phoenix.png -------------------------------------------------------------------------------- /test/chat_test.exs: -------------------------------------------------------------------------------- 1 | defmodule ChatTest do 2 | use ExUnit.Case 3 | 4 | test "the truth" do 5 | assert 1 + 1 == 2 6 | end 7 | end 8 | -------------------------------------------------------------------------------- /web/controllers/page_controller.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.PageController do 2 | use Chat.Web, :controller 3 | 4 | def index(conn, _params) do 5 | render conn, "index.html" 6 | end 7 | end 8 | -------------------------------------------------------------------------------- /elixir_buildpack.config: -------------------------------------------------------------------------------- 1 | # Erlang version 2 | erlang_version=17.0 3 | 4 | # Elixir version 5 | elixir_version=1.0.3 6 | 7 | # Rebar version 8 | rebar_version=(tag 2.2.0) 9 | 10 | # Do dependencies have to be built from scratch on every deploy? 11 | always_build_deps=false 12 | -------------------------------------------------------------------------------- /web/channels/user_socket.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.UserSocket do 2 | use Phoenix.Socket 3 | 4 | channel "rooms:*", Chat.RoomChannel 5 | 6 | transport :websocket, Phoenix.Transports.WebSocket 7 | transport :longpoll, Phoenix.Transports.LongPoll 8 | 9 | def connect(_params, socket) do 10 | {:ok, socket} 11 | end 12 | 13 | def id(_socket), do: nil 14 | end 15 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Mix artifacts 2 | /_build 3 | /deps 4 | /*.ez 5 | 6 | # Generate on crash by the VM 7 | erl_crash.dump 8 | 9 | # Static artifacts 10 | /node_modules 11 | 12 | # Since we are building js and css from web/static, 13 | # we ignore priv/static/{css,js}. You may want to 14 | # comment this depending on your deployment strategy. 15 | # /priv/static/css 16 | # /priv/static/js 17 | .DS_Store -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "repository": { 3 | }, 4 | "dependencies": { 5 | "brunch": "git://github.com/brunch/brunch#5176b6b4bf70cd8cb9dad0058dd3e83e8d983218", 6 | "babel-brunch": "^4.0.0", 7 | "clean-css-brunch": ">= 1.0 < 1.8", 8 | "css-brunch": ">= 1.0 < 1.8", 9 | "javascript-brunch": ">= 1.0 < 1.8", 10 | "sass-brunch": "git://github.com/brunch/sass-brunch.git#master", 11 | "uglify-js-brunch": ">= 1.0 < 1.8" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /web/router.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.Router do 2 | use Phoenix.Router 3 | 4 | pipeline :browser do 5 | plug :accepts, ["html"] 6 | plug :fetch_session 7 | plug :fetch_flash 8 | plug :protect_from_forgery 9 | end 10 | 11 | pipeline :api do 12 | plug :accepts, ["json"] 13 | end 14 | 15 | scope "/", Chat do 16 | pipe_through :browser # Use the default browser stack 17 | 18 | get "/", PageController, :index 19 | end 20 | end 21 | -------------------------------------------------------------------------------- /web/views/error_view.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.ErrorView do 2 | use Chat.Web, :view 3 | 4 | def render("404.html", _assigns) do 5 | "Page not found - 404" 6 | end 7 | 8 | def render("500.html", _assigns) do 9 | "Server internal error - 500" 10 | end 11 | 12 | # In case no render clause matches or no 13 | # template is found, let's render it as 500 14 | def template_not_found(_, assigns) do 15 | render "500.html", assigns 16 | end 17 | end 18 | -------------------------------------------------------------------------------- /config/prod.secret.exs: -------------------------------------------------------------------------------- 1 | use Mix.Config 2 | 3 | # In this file, we keep production configuration that 4 | # you likely want to automate and keep it away from 5 | # your version control system. 6 | config :chat, Chat.Endpoint, 7 | secret_key_base: "XR7e8rPXq2nIdBXqtPsyxPz1R1UF3w4HDBFGdxZ+9GDZCT6PpG4aJLpOzehOJVO5" 8 | 9 | # Configure your database 10 | config :chat, Chat.Repo, 11 | adapter: Ecto.Adapters.Postgres, 12 | username: "postgres", 13 | password: "postgres", 14 | database: "chat_prod" 15 | -------------------------------------------------------------------------------- /config/test.exs: -------------------------------------------------------------------------------- 1 | use Mix.Config 2 | 3 | # We don't run a server during test. If one is required, 4 | # you can enable the server option below. 5 | config :chat, Chat.Endpoint, 6 | http: [port: 4001], 7 | server: false 8 | 9 | # Print only warnings and errors during test 10 | config :logger, level: :warn 11 | 12 | # Configure your database 13 | config :chat, Chat.Repo, 14 | adapter: Ecto.Adapters.Postgres, 15 | username: "postgres", 16 | password: "postgres", 17 | database: "chat_test", 18 | size: 1, 19 | max_overflow: false 20 | -------------------------------------------------------------------------------- /web/templates/page/index.html.eex: -------------------------------------------------------------------------------- 1 |
2 |
3 | 18 | -------------------------------------------------------------------------------- /mix.lock: -------------------------------------------------------------------------------- 1 | %{"cowboy": {:hex, :cowboy, "1.0.2"}, 2 | "cowlib": {:hex, :cowlib, "1.0.1"}, 3 | "decimal": {:hex, :decimal, "1.1.0"}, 4 | "ecto": {:hex, :ecto, "1.0.1"}, 5 | "fs": {:hex, :fs, "0.9.2"}, 6 | "phoenix": {:hex, :phoenix, "1.0.1"}, 7 | "phoenix_ecto": {:hex, :phoenix_ecto, "1.2.0"}, 8 | "phoenix_html": {:hex, :phoenix_html, "2.2.0"}, 9 | "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.0.0"}, 10 | "plug": {:hex, :plug, "1.0.0"}, 11 | "poison": {:hex, :poison, "1.5.0"}, 12 | "poolboy": {:hex, :poolboy, "1.5.1"}, 13 | "postgrex": {:hex, :postgrex, "0.9.1"}, 14 | "ranch": {:hex, :ranch, "1.1.0"}, 15 | "redo": {:hex, :redo, "2.0.1"}} 16 | -------------------------------------------------------------------------------- /brunch-config.js: -------------------------------------------------------------------------------- 1 | exports.config = { 2 | // See http://brunch.io/#documentation for docs. 3 | files: { 4 | javascripts: { 5 | joinTo: 'js/app.js' 6 | }, 7 | stylesheets: { 8 | joinTo: 'css/app.css' 9 | }, 10 | templates: { 11 | joinTo: 'js/app.js' 12 | } 13 | }, 14 | 15 | // Phoenix paths configuration 16 | paths: { 17 | // Which directories to watch 18 | watched: ["web/static", "test/static"], 19 | 20 | // Where to compile files to 21 | public: "priv/static" 22 | }, 23 | 24 | // Configure your plugins 25 | plugins: { 26 | ES6to5: { 27 | // Do not use ES6 compiler in vendor code 28 | ignore: [/^(web\/static\/vendor)/] 29 | } 30 | } 31 | }; 32 | -------------------------------------------------------------------------------- /config/config.exs: -------------------------------------------------------------------------------- 1 | # This file is responsible for configuring your application 2 | # and its dependencies with the aid of the Mix.Config module. 3 | # 4 | # This configuration file is loaded before any dependency and 5 | # is restricted to this project. 6 | use Mix.Config 7 | 8 | # Configures the endpoint 9 | config :chat, Chat.Endpoint, 10 | url: [host: "localhost"], 11 | root: Path.expand("..", __DIR__), 12 | secret_key_base: "/RjKJmMO6raXPRTq63qTqid1x6lVKTOP+FTxZHfX6Ogd+1xYmH6eZZFhBu1CIwtg", 13 | debug_errors: false, 14 | pubsub: [name: Chat.PubSub, 15 | adapter: Phoenix.PubSub.PG2] 16 | 17 | # Configures Elixir's Logger 18 | config :logger, :console, 19 | format: "$time $metadata[$level] $message\n", 20 | metadata: [:request_id] 21 | 22 | # Import environment specific config. This must remain at the bottom 23 | # of this file so it overrides the configuration defined above. 24 | import_config "#{Mix.env}.exs" 25 | -------------------------------------------------------------------------------- /web/static/css/app.scss: -------------------------------------------------------------------------------- 1 | /* Sticky footer styles 2 | -------------------------------------------------- */ 3 | html { 4 | position: relative; 5 | min-height: 100%; 6 | } 7 | body { 8 | /* Margin bottom by footer height */ 9 | margin-bottom: 60px; 10 | } 11 | 12 | #footer { 13 | position: fixed; 14 | bottom: 0px; 15 | width: 100%; 16 | /* Set the fixed height of the footer here */ 17 | height: 60px; 18 | padding-top: 1em; 19 | background-color: #f5f5f5; 20 | } 21 | 22 | #messages { 23 | margin-top: 0px; 24 | } 25 | /* Custom page CSS 26 | -------------------------------------------------- */ 27 | /* Not required for template or sticky footer method. */ 28 | 29 | body > .container { 30 | padding: 40px 15px 0; 31 | } 32 | .container .text-muted { 33 | margin: 20px 0; 34 | } 35 | 36 | #footer > .container { 37 | padding-right: 15px; 38 | padding-left: 15px; 39 | } 40 | 41 | code { 42 | font-size: 80%; 43 | } 44 | -------------------------------------------------------------------------------- /mix.exs: -------------------------------------------------------------------------------- 1 | defmodule Chat.Mixfile do 2 | use Mix.Project 3 | 4 | def project do 5 | [app: :chat, 6 | version: "0.0.1", 7 | elixir: "~> 1.0", 8 | elixirc_paths: ["lib", "web"], 9 | compilers: [:phoenix] ++ Mix.compilers, 10 | build_embedded: Mix.env == :prod, 11 | start_permanent: Mix.env == :prod, 12 | deps: deps] 13 | end 14 | 15 | # Configuration for the OTP application 16 | # 17 | # Type `mix help compile.app` for more information 18 | def application do 19 | [mod: {Chat, []}, 20 | applications: [:phoenix, :phoenix_html, :cowboy, :logger]] 21 | end 22 | 23 | # Specifies your project dependencies 24 | # 25 | # Type `mix help deps` for examples and options 26 | defp deps do 27 | [{:phoenix, "~> 1.0.0"}, 28 | {:phoenix_html, "~> 2.1"}, 29 | {:phoenix_live_reload, "~> 1.0", only: :dev}, 30 | {:phoenix_ecto, "~> 1.1"}, 31 | {:postgrex, ">= 0.0.0"}, 32 | {:cowboy, "~> 1.0"}] 33 | end 34 | end 35 | -------------------------------------------------------------------------------- /lib/chat/endpoint.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.Endpoint do 2 | use Phoenix.Endpoint, otp_app: :chat 3 | 4 | socket "/socket", Chat.UserSocket 5 | 6 | 7 | # Serve at "/" the given assets from "priv/static" directory 8 | plug Plug.Static, 9 | at: "/", from: :chat, 10 | only: ~w(css images js favicon.ico robots.txt) 11 | 12 | # Code reloading will only work if the :code_reloader key of 13 | # the :phoenix application is set to true in your config file. 14 | if code_reloading? do 15 | socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket 16 | plug Phoenix.CodeReloader 17 | plug Phoenix.LiveReloader 18 | end 19 | 20 | 21 | plug Plug.Logger 22 | 23 | plug Plug.Parsers, 24 | parsers: [:urlencoded, :multipart, :json], 25 | pass: ["*/*"], 26 | json_decoder: Poison 27 | 28 | plug Plug.MethodOverride 29 | plug Plug.Head 30 | 31 | plug Plug.Session, 32 | store: :cookie, 33 | key: "_chat_key", 34 | signing_salt: "LH6XmqGb", 35 | encryption_salt: "CIPZg4Qo" 36 | 37 | plug Chat.Router 38 | end 39 | -------------------------------------------------------------------------------- /lib/chat.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat do 2 | use Application 3 | 4 | # See http://elixir-lang.org/docs/stable/elixir/Application.html 5 | # for more information on OTP Applications 6 | def start(_type, _args) do 7 | import Supervisor.Spec, warn: false 8 | 9 | children = [ 10 | # Start the endpoint when the application starts 11 | supervisor(Chat.Endpoint, []), 12 | # Start the Ecto repository 13 | worker(Chat.Repo, []), 14 | # Here you could define other workers and supervisors as children 15 | # worker(Chat.Worker, [arg1, arg2, arg3]), 16 | ] 17 | 18 | # See http://elixir-lang.org/docs/stable/elixir/Supervisor.html 19 | # for other strategies and supported options 20 | opts = [strategy: :one_for_one, name: Chat.Supervisor] 21 | Supervisor.start_link(children, opts) 22 | end 23 | 24 | # Tell Phoenix to update the endpoint configuration 25 | # whenever the application is updated. 26 | def config_change(changed, _new, removed) do 27 | Chat.Endpoint.config_change(changed, removed) 28 | :ok 29 | end 30 | end 31 | -------------------------------------------------------------------------------- /config/dev.exs: -------------------------------------------------------------------------------- 1 | use Mix.Config 2 | 3 | # For development, we disable any cache and enable 4 | # debugging and code reloading. 5 | # 6 | # The watchers configuration can be used to run external 7 | # watchers to your application. For example, we use it 8 | # with brunch.io to recompile .js and .css sources. 9 | config :chat, Chat.Endpoint, 10 | http: [port: System.get_env("PORT") || 4000], 11 | debug_errors: true, 12 | cache_static_lookup: false, 13 | code_reloader: true, 14 | watchers: [node: ["node_modules/brunch/bin/brunch", "watch"]] 15 | 16 | # Watch static and templates for browser reloading. 17 | config :chat, Chat.Endpoint, 18 | live_reload: [ 19 | patterns: [ 20 | ~r{priv/static/.*(js|css|png|jpeg|jpg|gif)$}, 21 | ~r{web/views/.*(ex)$}, 22 | ~r{web/templates/.*(eex)$} 23 | ] 24 | ] 25 | 26 | # Do not include metadata nor timestamps in development logs 27 | config :logger, :console, format: "[$level] $message\n" 28 | 29 | # Configure your database 30 | config :chat, Chat.Repo, 31 | adapter: Ecto.Adapters.Postgres, 32 | username: "postgres", 33 | password: "postgres", 34 | database: "chat_dev" 35 | -------------------------------------------------------------------------------- /web/web.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.Web do 2 | @moduledoc """ 3 | A module that keeps using definitions for controllers, 4 | views and so on. 5 | 6 | This can be used in your application as: 7 | 8 | use Chat.Web, :controller 9 | use Chat.Web, :view 10 | 11 | Keep the definitions in this module short and clean, 12 | mostly focused on imports, uses and aliases. 13 | """ 14 | 15 | def view do 16 | quote do 17 | use Phoenix.View, root: "web/templates" 18 | 19 | # Import URL helpers from the router 20 | import Chat.Router.Helpers 21 | 22 | # Import all HTML functions (forms, tags, etc) 23 | use Phoenix.HTML 24 | end 25 | end 26 | 27 | def controller do 28 | quote do 29 | use Phoenix.Controller 30 | 31 | # Alias the data repository as a convenience 32 | alias Chat.Repo 33 | 34 | # Import URL helpers from the router 35 | import Chat.Router.Helpers 36 | end 37 | end 38 | 39 | def model do 40 | quote do 41 | use Ecto.Model 42 | end 43 | end 44 | 45 | @doc """ 46 | When used, dispatch to the appropriate controller/view/etc. 47 | """ 48 | defmacro __using__(which) when is_atom(which) do 49 | apply(__MODULE__, which, []) 50 | end 51 | end 52 | -------------------------------------------------------------------------------- /config/prod.exs: -------------------------------------------------------------------------------- 1 | use Mix.Config 2 | 3 | # For production, we configure the host to read the PORT 4 | # from the system environment. Therefore, you will need 5 | # to set PORT=80 before running your server. 6 | # 7 | # You should also configure the url host to something 8 | # meaningful, we use this information when generating URLs. 9 | config :chat, Chat.Endpoint, 10 | http: [port: {:system, "PORT"}], 11 | url: [host: "localhost"] 12 | 13 | # ## SSL Support 14 | # 15 | # To get SSL working, you will need to add the `https` key 16 | # to the previous section: 17 | # 18 | # config:chat, Chat.Endpoint, 19 | # ... 20 | # https: [port: 443, 21 | # keyfile: System.get_env("SOME_APP_SSL_KEY_PATH"), 22 | # certfile: System.get_env("SOME_APP_SSL_CERT_PATH")] 23 | # 24 | # Where those two env variables point to a file on 25 | # disk for the key and cert. 26 | 27 | # Do not print debug messages in production 28 | config :logger, level: :info 29 | 30 | # ## Using releases 31 | # 32 | # If you are doing OTP releases, you need to instruct Phoenix 33 | # to start the server for all endpoints: 34 | # 35 | # config :phoenix, :serve_endpoints, true 36 | # 37 | # Alternatively, you can configure exactly which server to 38 | # start per endpoint: 39 | # 40 | # config :chat, Chat.Endpoint, server: true 41 | # 42 | 43 | # Finally import the config/prod.secret.exs 44 | # which should be versioned separately. 45 | import_config "prod.secret.exs" 46 | -------------------------------------------------------------------------------- /web/channels/room_channel.ex: -------------------------------------------------------------------------------- 1 | defmodule Chat.RoomChannel do 2 | use Phoenix.Channel 3 | require Logger 4 | 5 | @doc """ 6 | Authorize socket to subscribe and broadcast events on this channel & topic 7 | 8 | Possible Return Values 9 | 10 | `{:ok, socket}` to authorize subscription for channel for requested topic 11 | 12 | `:ignore` to deny subscription/broadcast on this channel 13 | for the requested topic 14 | """ 15 | def join("rooms:lobby", message, socket) do 16 | Process.flag(:trap_exit, true) 17 | :timer.send_interval(5000, :ping) 18 | send(self, {:after_join, message}) 19 | 20 | {:ok, socket} 21 | end 22 | 23 | def join("rooms:" <> _private_subtopic, _message, _socket) do 24 | {:error, %{reason: "unauthorized"}} 25 | end 26 | 27 | def handle_info({:after_join, msg}, socket) do 28 | broadcast! socket, "user:entered", %{user: msg["user"]} 29 | push socket, "join", %{status: "connected"} 30 | {:noreply, socket} 31 | end 32 | def handle_info(:ping, socket) do 33 | push socket, "new:msg", %{user: "SYSTEM", body: "ping"} 34 | {:noreply, socket} 35 | end 36 | 37 | def terminate(reason, _socket) do 38 | Logger.debug"> leave #{inspect reason}" 39 | :ok 40 | end 41 | 42 | def handle_in("new:msg", msg, socket) do 43 | broadcast! socket, "new:msg", %{user: msg["user"], body: msg["body"]} 44 | {:reply, {:ok, %{msg: msg["body"]}}, assign(socket, :user, msg["user"])} 45 | end 46 | end 47 | -------------------------------------------------------------------------------- /websocket.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | {"topic":"rooms:lobby", "event":"phx_join", "payload": {"user":"%%ts_user_server:get_unique_id%%"}, "ref":"1"} 30 | 31 | 32 | 33 | {"topic":"rooms:lobby","event":"new:msg","payload":{"user":"%%ts_user_server:get_unique_id%%","body":"qwww"},"ref":"2"} 34 | 35 | 36 | 37 | 38 | 39 | {"topic":"phoenix","event":"heartbeat","payload":{},"ref":"3"} 40 | 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /web/templates/layout/app.html.eex: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Hello Phoenix! 11 | "> 12 | 13 | 14 | 15 | 16 | 35 | 36 | 37 | <%= @inner %> 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /web/static/js/app.js: -------------------------------------------------------------------------------- 1 | import {Socket, LongPoller} from "phoenix" 2 | 3 | class App { 4 | 5 | static init(){ 6 | let socket = new Socket("/socket", { 7 | logger: ((kind, msg, data) => { console.log(`${kind}: ${msg}`, data) }) 8 | }) 9 | 10 | socket.connect({user_id: "123"}) 11 | var $status = $("#status") 12 | var $messages = $("#messages") 13 | var $input = $("#message-input") 14 | var $username = $("#username") 15 | 16 | socket.onOpen( ev => console.log("OPEN", ev) ) 17 | socket.onError( ev => console.log("ERROR", ev) ) 18 | socket.onClose( e => console.log("CLOSE", e)) 19 | 20 | var chan = socket.channel("rooms:lobby", {}) 21 | chan.join().receive("ignore", () => console.log("auth error")) 22 | .receive("ok", () => console.log("join ok")) 23 | .after(10000, () => console.log("Connection interruption")) 24 | chan.onError(e => console.log("something went wrong", e)) 25 | chan.onClose(e => console.log("channel closed", e)) 26 | 27 | $input.off("keypress").on("keypress", e => { 28 | if (e.keyCode == 13) { 29 | chan.push("new:msg", {user: $username.val(), body: $input.val()}) 30 | $input.val("") 31 | } 32 | }) 33 | 34 | chan.on("new:msg", msg => { 35 | $messages.append(this.messageTemplate(msg)) 36 | scrollTo(0, document.body.scrollHeight) 37 | }) 38 | 39 | chan.on("user:entered", msg => { 40 | var username = this.sanitize(msg.user || "anonymous") 41 | $messages.append(`
[${username} entered]`) 42 | }) 43 | } 44 | 45 | static sanitize(html){ return $("
").text(html).html() } 46 | 47 | static messageTemplate(msg){ 48 | let username = this.sanitize(msg.user || "anonymous") 49 | let body = this.sanitize(msg.body) 50 | 51 | return(`

[${username}]  ${body}

`) 52 | } 53 | 54 | } 55 | 56 | $( () => App.init() ) 57 | 58 | export default App 59 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Simple Chat Example 2 | > Built with the [Phoenix Framework](https://github.com/phoenixframework/phoenix) 3 | 4 | To start your new Phoenix application you have to: 5 | 6 | 1. Clone this repo, then cd to the new directory 7 | 2. Install dependencies with `mix deps.get` 8 | 3. (optional) Install npm dependencies to customize the ES6 js/Sass `npm install` 9 | 4. Start Phoenix router with `mix phoenix.server` 10 | 11 | Now you can visit `localhost:4000` from your browser. 12 | 13 | ## Live Demo 14 | http://phoenixchat.herokuapp.com 15 | 16 | 17 | ## Example Code 18 | 19 | #### JavaScript 20 | ```javascript 21 | import {Socket, LongPoller} from "phoenix" 22 | 23 | class App { 24 | 25 | static init(){ 26 | let socket = new Socket("/socket", { 27 | logger: ((kind, msg, data) => { console.log(`${kind}: ${msg}`, data) }) 28 | }) 29 | 30 | socket.connect({user_id: "123"}) 31 | var $status = $("#status") 32 | var $messages = $("#messages") 33 | var $input = $("#message-input") 34 | var $username = $("#username") 35 | 36 | socket.onOpen( ev => console.log("OPEN", ev) ) 37 | socket.onError( ev => console.log("ERROR", ev) ) 38 | socket.onClose( e => console.log("CLOSE", e)) 39 | 40 | var chan = socket.channel("rooms:lobby", {}) 41 | chan.join().receive("ignore", () => console.log("auth error")) 42 | .receive("ok", () => console.log("join ok")) 43 | .after(10000, () => console.log("Connection interruption")) 44 | chan.onError(e => console.log("something went wrong", e)) 45 | chan.onClose(e => console.log("channel closed", e)) 46 | 47 | $input.off("keypress").on("keypress", e => { 48 | if (e.keyCode == 13) { 49 | chan.push("new:msg", {user: $username.val(), body: $input.val()}) 50 | $input.val("") 51 | } 52 | }) 53 | 54 | chan.on("new:msg", msg => { 55 | $messages.append(this.messageTemplate(msg)) 56 | scrollTo(0, document.body.scrollHeight) 57 | }) 58 | 59 | chan.on("user:entered", msg => { 60 | var username = this.sanitize(msg.user || "anonymous") 61 | $messages.append(`
[${username} entered]`) 62 | }) 63 | } 64 | 65 | static sanitize(html){ return $("
").text(html).html() } 66 | 67 | static messageTemplate(msg){ 68 | let username = this.sanitize(msg.user || "anonymous") 69 | let body = this.sanitize(msg.body) 70 | 71 | return(`

[${username}]  ${body}

`) 72 | } 73 | 74 | } 75 | 76 | $( () => App.init() ) 77 | 78 | export default App 79 | ``` 80 | 81 | #### Endpoint 82 | ```elixir 83 | # lib/chat/endpoint.ex 84 | defmodule Chat.Endpoint do 85 | use Phoenix.Endpoint 86 | 87 | socket "/socket", Chat.UserSocket 88 | ... 89 | end 90 | ``` 91 | 92 | #### Socket 93 | ```elixir 94 | # web/channels/user_socket.ex 95 | defmodule Chat.UserSocket do 96 | use Phoenix.Socket 97 | 98 | channel "rooms:*", Chat.RoomChannel 99 | 100 | transport :websocket, Phoenix.Transports.WebSocket 101 | transport :longpoll, Phoenix.Transports.LongPoll 102 | ... 103 | end 104 | ``` 105 | 106 | #### Channel 107 | ```elixir 108 | defmodule Chat.RoomChannel do 109 | use Phoenix.Channel 110 | require Logger 111 | 112 | def join("rooms:lobby", message, socket) do 113 | Process.flag(:trap_exit, true) 114 | :timer.send_interval(5000, :ping) 115 | send(self, {:after_join, message}) 116 | 117 | {:ok, socket} 118 | end 119 | 120 | def join("rooms:" <> _private_subtopic, _message, _socket) do 121 | {:error, %{reason: "unauthorized"}} 122 | end 123 | 124 | def handle_info({:after_join, msg}, socket) do 125 | broadcast! socket, "user:entered", %{user: msg["user"]} 126 | push socket, "join", %{status: "connected"} 127 | {:noreply, socket} 128 | end 129 | def handle_info(:ping, socket) do 130 | push socket, "new:msg", %{user: "SYSTEM", body: "ping"} 131 | {:noreply, socket} 132 | end 133 | 134 | def terminate(reason, _socket) do 135 | Logger.debug"> leave #{inspect reason}" 136 | :ok 137 | end 138 | 139 | def handle_in("new:msg", msg, socket) do 140 | broadcast! socket, "new:msg", %{user: msg["user"], body: msg["body"]} 141 | {:reply, {:ok, %{msg: msg["body"]}}, assign(socket, :user, msg["user"])} 142 | end 143 | end 144 | ``` 145 | -------------------------------------------------------------------------------- /web/static/vendor/bootstrap-theme.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.1 (http://getbootstrap.com) 3 | * Copyright 2011-2014 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default .badge,.btn-primary .badge,.btn-success .badge,.btn-info .badge,.btn-warning .badge,.btn-danger .badge{text-shadow:none}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default:disabled,.btn-default[disabled]{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:hover,.btn-primary:focus{background-color:#265a88;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#265a88;border-color:#245580}.btn-primary:disabled,.btn-primary[disabled]{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-success:disabled,.btn-success[disabled]{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.btn-info:disabled,.btn-info[disabled]{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-warning:disabled,.btn-warning[disabled]{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-danger:disabled,.btn-danger[disabled]{background-color:#c12e2a;background-image:none}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:hover .badge,.list-group-item.active:focus .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)} -------------------------------------------------------------------------------- /web/static/vendor/phoenix.js: -------------------------------------------------------------------------------- 1 | (function(/*! Brunch !*/) { 2 | 'use strict'; 3 | 4 | var globals = typeof window !== 'undefined' ? window : global; 5 | if (typeof globals.require === 'function') return; 6 | 7 | var modules = {}; 8 | var cache = {}; 9 | 10 | var has = function(object, name) { 11 | return ({}).hasOwnProperty.call(object, name); 12 | }; 13 | 14 | var expand = function(root, name) { 15 | var results = [], parts, part; 16 | if (/^\.\.?(\/|$)/.test(name)) { 17 | parts = [root, name].join('/').split('/'); 18 | } else { 19 | parts = name.split('/'); 20 | } 21 | for (var i = 0, length = parts.length; i < length; i++) { 22 | part = parts[i]; 23 | if (part === '..') { 24 | results.pop(); 25 | } else if (part !== '.' && part !== '') { 26 | results.push(part); 27 | } 28 | } 29 | return results.join('/'); 30 | }; 31 | 32 | var dirname = function(path) { 33 | return path.split('/').slice(0, -1).join('/'); 34 | }; 35 | 36 | var localRequire = function(path) { 37 | return function(name) { 38 | var dir = dirname(path); 39 | var absolute = expand(dir, name); 40 | return globals.require(absolute, path); 41 | }; 42 | }; 43 | 44 | var initModule = function(name, definition) { 45 | var module = {id: name, exports: {}}; 46 | cache[name] = module; 47 | definition(module.exports, localRequire(name), module); 48 | return module.exports; 49 | }; 50 | 51 | var require = function(name, loaderPath) { 52 | var path = expand(name, '.'); 53 | if (loaderPath == null) loaderPath = '/'; 54 | 55 | if (has(cache, path)) return cache[path].exports; 56 | if (has(modules, path)) return initModule(path, modules[path]); 57 | 58 | var dirIndex = expand(path, './index'); 59 | if (has(cache, dirIndex)) return cache[dirIndex].exports; 60 | if (has(modules, dirIndex)) return initModule(dirIndex, modules[dirIndex]); 61 | 62 | throw new Error('Cannot find module "' + name + '" from '+ '"' + loaderPath + '"'); 63 | }; 64 | 65 | var define = function(bundle, fn) { 66 | if (typeof bundle === 'object') { 67 | for (var key in bundle) { 68 | if (has(bundle, key)) { 69 | modules[key] = bundle[key]; 70 | } 71 | } 72 | } else { 73 | modules[bundle] = fn; 74 | } 75 | }; 76 | 77 | var list = function() { 78 | var result = []; 79 | for (var item in modules) { 80 | if (has(modules, item)) { 81 | result.push(item); 82 | } 83 | } 84 | return result; 85 | }; 86 | 87 | globals.require = require; 88 | globals.require.define = define; 89 | globals.require.register = define; 90 | globals.require.list = list; 91 | globals.require.brunch = true; 92 | })(); 93 | require.define({'phoenix': function(exports, require, module){ "use strict"; 94 | 95 | var _prototypeProperties = function (child, staticProps, instanceProps) { if (staticProps) Object.defineProperties(child, staticProps); if (instanceProps) Object.defineProperties(child.prototype, instanceProps); }; 96 | 97 | var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }; 98 | 99 | // Phoenix Channels JavaScript client 100 | // 101 | // ## Socket Connection 102 | // 103 | // A single connection is established to the server and 104 | // channels are mulitplexed over the connection. 105 | // Connect to the server using the `Socket` class: 106 | // 107 | // let socket = new Socket("/ws") 108 | // socket.connect({userToken: "123"}) 109 | // 110 | // The `Socket` constructor takes the mount point of the socket 111 | // as well as options that can be found in the Socket docs, 112 | // such as configuring the `LongPoll` transport, and heartbeat. 113 | // Socket params can also be passed as an object literal to `connect`. 114 | // 115 | // ## Channels 116 | // 117 | // Channels are isolated, concurrent processes on the server that 118 | // subscribe to topics and broker events between the client and server. 119 | // To join a channel, you must provide the topic, and channel params for 120 | // authorization. Here's an example chat room example where `"new_msg"` 121 | // events are listened for, messages are pushed to the server, and 122 | // the channel is joined with ok/error matches, and `after` hook: 123 | // 124 | // let channel = socket.channel("rooms:123", {token: roomToken}) 125 | // channel.on("new_msg", msg => console.log("Got message", msg) ) 126 | // $input.onEnter( e => { 127 | // channel.push("new_msg", {body: e.target.val}) 128 | // .receive("ok", (msg) => console.log("created message", msg) ) 129 | // .receive("error", (reasons) => console.log("create failed", reasons) ) 130 | // .after(10000, () => console.log("Networking issue. Still waiting...") ) 131 | // }) 132 | // channel.join() 133 | // .receive("ok", ({messages}) => console.log("catching up", messages) ) 134 | // .receive("error", ({reason}) => console.log("failed join", reason) ) 135 | // .after(10000, () => console.log("Networking issue. Still waiting...") ) 136 | // 137 | // 138 | // ## Joining 139 | // 140 | // Joining a channel with `channel.join(topic, params)`, binds the params to 141 | // `channel.params`. Subsequent rejoins will send up the modified params for 142 | // updating authorization params, or passing up last_message_id information. 143 | // Successful joins receive an "ok" status, while unsuccessful joins 144 | // receive "error". 145 | // 146 | // 147 | // ## Pushing Messages 148 | // 149 | // From the previous example, we can see that pushing messages to the server 150 | // can be done with `channel.push(eventName, payload)` and we can optionally 151 | // receive responses from the push. Additionally, we can use 152 | // `after(millsec, callback)` to abort waiting for our `receive` hooks and 153 | // take action after some period of waiting. 154 | // 155 | // 156 | // ## Socket Hooks 157 | // 158 | // Lifecycle events of the multiplexed connection can be hooked into via 159 | // `socket.onError()` and `socket.onClose()` events, ie: 160 | // 161 | // socket.onError( () => console.log("there was an error with the connection!") ) 162 | // socket.onClose( () => console.log("the connection dropped") ) 163 | // 164 | // 165 | // ## Channel Hooks 166 | // 167 | // For each joined channel, you can bind to `onError` and `onClose` events 168 | // to monitor the channel lifecycle, ie: 169 | // 170 | // channel.onError( () => console.log("there was an error!") ) 171 | // channel.onClose( () => console.log("the channel has gone away gracefully") ) 172 | // 173 | // ### onError hooks 174 | // 175 | // `onError` hooks are invoked if the socket connection drops, or the channel 176 | // crashes on the server. In either case, a channel rejoin is attemtped 177 | // automatically in an exponential backoff manner. 178 | // 179 | // ### onClose hooks 180 | // 181 | // `onClose` hooks are invoked only in two cases. 1) the channel explicitly 182 | // closed on the server, or 2). The client explicitly closed, by calling 183 | // `channel.leave()` 184 | // 185 | 186 | var SOCKET_STATES = { connecting: 0, open: 1, closing: 2, closed: 3 }; 187 | var CHANNEL_STATES = { 188 | closed: "closed", 189 | errored: "errored", 190 | joined: "joined", 191 | joining: "joining" }; 192 | var CHANNEL_EVENTS = { 193 | close: "phx_close", 194 | error: "phx_error", 195 | join: "phx_join", 196 | reply: "phx_reply", 197 | leave: "phx_leave" 198 | }; 199 | var TRANSPORTS = { 200 | longpoll: "longpoll", 201 | websocket: "websocket" 202 | }; 203 | 204 | var Push = (function () { 205 | 206 | // Initializes the Push 207 | // 208 | // channel - The Channelnel 209 | // event - The event, for example `"phx_join"` 210 | // payload - The payload, for example `{user_id: 123}` 211 | // 212 | 213 | function Push(channel, event, payload) { 214 | _classCallCheck(this, Push); 215 | 216 | this.channel = channel; 217 | this.event = event; 218 | this.payload = payload || {}; 219 | this.receivedResp = null; 220 | this.afterHook = null; 221 | this.recHooks = []; 222 | this.sent = false; 223 | } 224 | 225 | _prototypeProperties(Push, null, { 226 | send: { 227 | value: function send() { 228 | var _this = this; 229 | 230 | var ref = this.channel.socket.makeRef(); 231 | this.refEvent = this.channel.replyEventName(ref); 232 | this.receivedResp = null; 233 | this.sent = false; 234 | 235 | this.channel.on(this.refEvent, function (payload) { 236 | _this.receivedResp = payload; 237 | _this.matchReceive(payload); 238 | _this.cancelRefEvent(); 239 | _this.cancelAfter(); 240 | }); 241 | 242 | this.startAfter(); 243 | this.sent = true; 244 | this.channel.socket.push({ 245 | topic: this.channel.topic, 246 | event: this.event, 247 | payload: this.payload, 248 | ref: ref 249 | }); 250 | }, 251 | writable: true, 252 | configurable: true 253 | }, 254 | receive: { 255 | value: function receive(status, callback) { 256 | if (this.receivedResp && this.receivedResp.status === status) { 257 | callback(this.receivedResp.response); 258 | } 259 | 260 | this.recHooks.push({ status: status, callback: callback }); 261 | return this; 262 | }, 263 | writable: true, 264 | configurable: true 265 | }, 266 | after: { 267 | value: function after(ms, callback) { 268 | if (this.afterHook) { 269 | throw "only a single after hook can be applied to a push"; 270 | } 271 | var timer = null; 272 | if (this.sent) { 273 | timer = setTimeout(callback, ms); 274 | } 275 | this.afterHook = { ms: ms, callback: callback, timer: timer }; 276 | return this; 277 | }, 278 | writable: true, 279 | configurable: true 280 | }, 281 | matchReceive: { 282 | 283 | // private 284 | 285 | value: function matchReceive(_ref) { 286 | var status = _ref.status; 287 | var response = _ref.response; 288 | var ref = _ref.ref; 289 | 290 | this.recHooks.filter(function (h) { 291 | return h.status === status; 292 | }).forEach(function (h) { 293 | return h.callback(response); 294 | }); 295 | }, 296 | writable: true, 297 | configurable: true 298 | }, 299 | cancelRefEvent: { 300 | value: function cancelRefEvent() { 301 | this.channel.off(this.refEvent); 302 | }, 303 | writable: true, 304 | configurable: true 305 | }, 306 | cancelAfter: { 307 | value: function cancelAfter() { 308 | if (!this.afterHook) { 309 | return; 310 | } 311 | clearTimeout(this.afterHook.timer); 312 | this.afterHook.timer = null; 313 | }, 314 | writable: true, 315 | configurable: true 316 | }, 317 | startAfter: { 318 | value: function startAfter() { 319 | var _this = this; 320 | 321 | if (!this.afterHook) { 322 | return; 323 | } 324 | var callback = function () { 325 | _this.cancelRefEvent(); 326 | _this.afterHook.callback(); 327 | }; 328 | this.afterHook.timer = setTimeout(callback, this.afterHook.ms); 329 | }, 330 | writable: true, 331 | configurable: true 332 | } 333 | }); 334 | 335 | return Push; 336 | })(); 337 | 338 | var Channel = exports.Channel = (function () { 339 | function Channel(topic, params, socket) { 340 | var _this = this; 341 | 342 | _classCallCheck(this, Channel); 343 | 344 | this.state = CHANNEL_STATES.closed; 345 | this.topic = topic; 346 | this.params = params || {}; 347 | this.socket = socket; 348 | this.bindings = []; 349 | this.joinedOnce = false; 350 | this.joinPush = new Push(this, CHANNEL_EVENTS.join, this.params); 351 | this.pushBuffer = []; 352 | this.rejoinTimer = new Timer(function () { 353 | return _this.rejoinUntilConnected(); 354 | }, this.socket.reconnectAfterMs); 355 | this.joinPush.receive("ok", function () { 356 | _this.state = CHANNEL_STATES.joined; 357 | _this.rejoinTimer.reset(); 358 | }); 359 | this.onClose(function () { 360 | _this.socket.log("channel", "close " + _this.topic); 361 | _this.state = CHANNEL_STATES.closed; 362 | _this.socket.remove(_this); 363 | }); 364 | this.onError(function (reason) { 365 | _this.socket.log("channel", "error " + _this.topic, reason); 366 | _this.state = CHANNEL_STATES.errored; 367 | _this.rejoinTimer.setTimeout(); 368 | }); 369 | this.on(CHANNEL_EVENTS.reply, function (payload, ref) { 370 | _this.trigger(_this.replyEventName(ref), payload); 371 | }); 372 | } 373 | 374 | _prototypeProperties(Channel, null, { 375 | rejoinUntilConnected: { 376 | value: function rejoinUntilConnected() { 377 | this.rejoinTimer.setTimeout(); 378 | if (this.socket.isConnected()) { 379 | this.rejoin(); 380 | } 381 | }, 382 | writable: true, 383 | configurable: true 384 | }, 385 | join: { 386 | value: function join() { 387 | if (this.joinedOnce) { 388 | throw "tried to join multiple times. 'join' can only be called a single time per channel instance"; 389 | } else { 390 | this.joinedOnce = true; 391 | } 392 | this.sendJoin(); 393 | return this.joinPush; 394 | }, 395 | writable: true, 396 | configurable: true 397 | }, 398 | onClose: { 399 | value: function onClose(callback) { 400 | this.on(CHANNEL_EVENTS.close, callback); 401 | }, 402 | writable: true, 403 | configurable: true 404 | }, 405 | onError: { 406 | value: function onError(callback) { 407 | this.on(CHANNEL_EVENTS.error, function (reason) { 408 | return callback(reason); 409 | }); 410 | }, 411 | writable: true, 412 | configurable: true 413 | }, 414 | on: { 415 | value: function on(event, callback) { 416 | this.bindings.push({ event: event, callback: callback }); 417 | }, 418 | writable: true, 419 | configurable: true 420 | }, 421 | off: { 422 | value: function off(event) { 423 | this.bindings = this.bindings.filter(function (bind) { 424 | return bind.event !== event; 425 | }); 426 | }, 427 | writable: true, 428 | configurable: true 429 | }, 430 | canPush: { 431 | value: function canPush() { 432 | return this.socket.isConnected() && this.state === CHANNEL_STATES.joined; 433 | }, 434 | writable: true, 435 | configurable: true 436 | }, 437 | push: { 438 | value: function push(event, payload) { 439 | if (!this.joinedOnce) { 440 | throw "tried to push '" + event + "' to '" + this.topic + "' before joining. Use channel.join() before pushing events"; 441 | } 442 | var pushEvent = new Push(this, event, payload); 443 | if (this.canPush()) { 444 | pushEvent.send(); 445 | } else { 446 | this.pushBuffer.push(pushEvent); 447 | } 448 | 449 | return pushEvent; 450 | }, 451 | writable: true, 452 | configurable: true 453 | }, 454 | leave: { 455 | 456 | // Leaves the channel 457 | // 458 | // Unsubscribes from server events, and 459 | // instructs channel to terminate on server 460 | // 461 | // Triggers onClose() hooks 462 | // 463 | // To receive leave acknowledgements, use the a `receive` 464 | // hook to bind to the server ack, ie: 465 | // 466 | // channel.leave().receive("ok", () => alert("left!") ) 467 | // 468 | 469 | value: function leave() { 470 | var _this = this; 471 | 472 | return this.push(CHANNEL_EVENTS.leave).receive("ok", function () { 473 | _this.socket.log("channel", "leave " + _this.topic); 474 | _this.trigger(CHANNEL_EVENTS.close, "leave"); 475 | }); 476 | }, 477 | writable: true, 478 | configurable: true 479 | }, 480 | onMessage: { 481 | 482 | // Overridable message hook 483 | // 484 | // Receives all events for specialized message handling 485 | 486 | value: function onMessage(event, payload, ref) {}, 487 | writable: true, 488 | configurable: true 489 | }, 490 | isMember: { 491 | 492 | // private 493 | 494 | value: function isMember(topic) { 495 | return this.topic === topic; 496 | }, 497 | writable: true, 498 | configurable: true 499 | }, 500 | sendJoin: { 501 | value: function sendJoin() { 502 | this.state = CHANNEL_STATES.joining; 503 | this.joinPush.send(); 504 | }, 505 | writable: true, 506 | configurable: true 507 | }, 508 | rejoin: { 509 | value: function rejoin() { 510 | this.sendJoin(); 511 | this.pushBuffer.forEach(function (pushEvent) { 512 | return pushEvent.send(); 513 | }); 514 | this.pushBuffer = []; 515 | }, 516 | writable: true, 517 | configurable: true 518 | }, 519 | trigger: { 520 | value: function trigger(triggerEvent, payload, ref) { 521 | this.onMessage(triggerEvent, payload, ref); 522 | this.bindings.filter(function (bind) { 523 | return bind.event === triggerEvent; 524 | }).map(function (bind) { 525 | return bind.callback(payload, ref); 526 | }); 527 | }, 528 | writable: true, 529 | configurable: true 530 | }, 531 | replyEventName: { 532 | value: function replyEventName(ref) { 533 | return "chan_reply_" + ref; 534 | }, 535 | writable: true, 536 | configurable: true 537 | } 538 | }); 539 | 540 | return Channel; 541 | })(); 542 | 543 | var Socket = exports.Socket = (function () { 544 | 545 | // Initializes the Socket 546 | // 547 | // endPoint - The string WebSocket endpoint, ie, "ws://example.com/ws", 548 | // "wss://example.com" 549 | // "/ws" (inherited host & protocol) 550 | // opts - Optional configuration 551 | // transport - The Websocket Transport, for example WebSocket or Phoenix.LongPoll. 552 | // Defaults to WebSocket with automatic LongPoll fallback. 553 | // heartbeatIntervalMs - The millisec interval to send a heartbeat message 554 | // reconnectAfterMs - The optional function that returns the millsec 555 | // reconnect interval. Defaults to stepped backoff of: 556 | // 557 | // function(tries){ 558 | // return [1000, 5000, 10000][tries - 1] || 10000 559 | // } 560 | // 561 | // logger - The optional function for specialized logging, ie: 562 | // `logger: (kind, msg, data) => { console.log(`${kind}: ${msg}`, data) } 563 | // 564 | // longpollerTimeout - The maximum timeout of a long poll AJAX request. 565 | // Defaults to 20s (double the server long poll timer). 566 | // 567 | // For IE8 support use an ES5-shim (https://github.com/es-shims/es5-shim) 568 | // 569 | 570 | function Socket(endPoint) { 571 | var _this = this; 572 | 573 | var opts = arguments[1] === undefined ? {} : arguments[1]; 574 | 575 | _classCallCheck(this, Socket); 576 | 577 | this.stateChangeCallbacks = { open: [], close: [], error: [], message: [] }; 578 | this.channels = []; 579 | this.sendBuffer = []; 580 | this.ref = 0; 581 | this.transport = opts.transport || window.WebSocket || LongPoll; 582 | this.heartbeatIntervalMs = opts.heartbeatIntervalMs || 30000; 583 | this.reconnectAfterMs = opts.reconnectAfterMs || function (tries) { 584 | return [1000, 5000, 10000][tries - 1] || 10000; 585 | }; 586 | this.logger = opts.logger || function () {}; // noop 587 | this.longpollerTimeout = opts.longpollerTimeout || 20000; 588 | this.params = {}; 589 | this.reconnectTimer = new Timer(function () { 590 | return _this.connect(_this.params); 591 | }, this.reconnectAfterMs); 592 | this.endPoint = "" + endPoint + "/" + TRANSPORTS.websocket; 593 | } 594 | 595 | _prototypeProperties(Socket, null, { 596 | protocol: { 597 | value: function protocol() { 598 | return location.protocol.match(/^https/) ? "wss" : "ws"; 599 | }, 600 | writable: true, 601 | configurable: true 602 | }, 603 | endPointURL: { 604 | value: function endPointURL() { 605 | var uri = Ajax.appendParams(this.endPoint, this.params); 606 | if (uri.charAt(0) !== "/") { 607 | return uri; 608 | } 609 | if (uri.charAt(1) === "/") { 610 | return "" + this.protocol() + ":" + uri; 611 | } 612 | 613 | return "" + this.protocol() + "://" + location.host + "" + uri; 614 | }, 615 | writable: true, 616 | configurable: true 617 | }, 618 | disconnect: { 619 | value: function disconnect(callback, code, reason) { 620 | if (this.conn) { 621 | this.conn.onclose = function () {}; // noop 622 | if (code) { 623 | this.conn.close(code, reason || ""); 624 | } else { 625 | this.conn.close(); 626 | } 627 | this.conn = null; 628 | } 629 | callback && callback(); 630 | }, 631 | writable: true, 632 | configurable: true 633 | }, 634 | connect: { 635 | 636 | // params - The params to send when connecting, for example `{user_id: userToken}` 637 | 638 | value: function connect() { 639 | var _this = this; 640 | 641 | var params = arguments[0] === undefined ? {} : arguments[0]; 642 | this.params = params; 643 | this.disconnect(function () { 644 | _this.conn = new _this.transport(_this.endPointURL()); 645 | _this.conn.timeout = _this.longpollerTimeout; 646 | _this.conn.onopen = function () { 647 | return _this.onConnOpen(); 648 | }; 649 | _this.conn.onerror = function (error) { 650 | return _this.onConnError(error); 651 | }; 652 | _this.conn.onmessage = function (event) { 653 | return _this.onConnMessage(event); 654 | }; 655 | _this.conn.onclose = function (event) { 656 | return _this.onConnClose(event); 657 | }; 658 | }); 659 | }, 660 | writable: true, 661 | configurable: true 662 | }, 663 | log: { 664 | 665 | // Logs the message. Override `this.logger` for specialized logging. noops by default 666 | 667 | value: function log(kind, msg, data) { 668 | this.logger(kind, msg, data); 669 | }, 670 | writable: true, 671 | configurable: true 672 | }, 673 | onOpen: { 674 | 675 | // Registers callbacks for connection state change events 676 | // 677 | // Examples 678 | // 679 | // socket.onError(function(error){ alert("An error occurred") }) 680 | // 681 | 682 | value: function onOpen(callback) { 683 | this.stateChangeCallbacks.open.push(callback); 684 | }, 685 | writable: true, 686 | configurable: true 687 | }, 688 | onClose: { 689 | value: function onClose(callback) { 690 | this.stateChangeCallbacks.close.push(callback); 691 | }, 692 | writable: true, 693 | configurable: true 694 | }, 695 | onError: { 696 | value: function onError(callback) { 697 | this.stateChangeCallbacks.error.push(callback); 698 | }, 699 | writable: true, 700 | configurable: true 701 | }, 702 | onMessage: { 703 | value: function onMessage(callback) { 704 | this.stateChangeCallbacks.message.push(callback); 705 | }, 706 | writable: true, 707 | configurable: true 708 | }, 709 | onConnOpen: { 710 | value: function onConnOpen() { 711 | var _this = this; 712 | 713 | this.log("transport", "connected to " + this.endPointURL(), this.transport.prototype); 714 | this.flushSendBuffer(); 715 | this.reconnectTimer.reset(); 716 | if (!this.conn.skipHeartbeat) { 717 | clearInterval(this.heartbeatTimer); 718 | this.heartbeatTimer = setInterval(function () { 719 | return _this.sendHeartbeat(); 720 | }, this.heartbeatIntervalMs); 721 | } 722 | this.stateChangeCallbacks.open.forEach(function (callback) { 723 | return callback(); 724 | }); 725 | }, 726 | writable: true, 727 | configurable: true 728 | }, 729 | onConnClose: { 730 | value: function onConnClose(event) { 731 | this.log("transport", "close", event); 732 | this.triggerChanError(); 733 | clearInterval(this.heartbeatTimer); 734 | this.reconnectTimer.setTimeout(); 735 | this.stateChangeCallbacks.close.forEach(function (callback) { 736 | return callback(event); 737 | }); 738 | }, 739 | writable: true, 740 | configurable: true 741 | }, 742 | onConnError: { 743 | value: function onConnError(error) { 744 | this.log("transport", error); 745 | this.triggerChanError(); 746 | this.stateChangeCallbacks.error.forEach(function (callback) { 747 | return callback(error); 748 | }); 749 | }, 750 | writable: true, 751 | configurable: true 752 | }, 753 | triggerChanError: { 754 | value: function triggerChanError() { 755 | this.channels.forEach(function (channel) { 756 | return channel.trigger(CHANNEL_EVENTS.error); 757 | }); 758 | }, 759 | writable: true, 760 | configurable: true 761 | }, 762 | connectionState: { 763 | value: function connectionState() { 764 | switch (this.conn && this.conn.readyState) { 765 | case SOCKET_STATES.connecting: 766 | return "connecting"; 767 | case SOCKET_STATES.open: 768 | return "open"; 769 | case SOCKET_STATES.closing: 770 | return "closing"; 771 | default: 772 | return "closed"; 773 | } 774 | }, 775 | writable: true, 776 | configurable: true 777 | }, 778 | isConnected: { 779 | value: function isConnected() { 780 | return this.connectionState() === "open"; 781 | }, 782 | writable: true, 783 | configurable: true 784 | }, 785 | remove: { 786 | value: function remove(channel) { 787 | this.channels = this.channels.filter(function (c) { 788 | return !c.isMember(channel.topic); 789 | }); 790 | }, 791 | writable: true, 792 | configurable: true 793 | }, 794 | channel: { 795 | value: function channel(topic) { 796 | var chanParams = arguments[1] === undefined ? {} : arguments[1]; 797 | 798 | var channel = new Channel(topic, chanParams, this); 799 | this.channels.push(channel); 800 | return channel; 801 | }, 802 | writable: true, 803 | configurable: true 804 | }, 805 | push: { 806 | value: function push(data) { 807 | var _this = this; 808 | 809 | var topic = data.topic; 810 | var event = data.event; 811 | var payload = data.payload; 812 | var ref = data.ref; 813 | 814 | var callback = function () { 815 | return _this.conn.send(JSON.stringify(data)); 816 | }; 817 | this.log("push", "" + topic + " " + event + " (" + ref + ")", payload); 818 | if (this.isConnected()) { 819 | callback(); 820 | } else { 821 | this.sendBuffer.push(callback); 822 | } 823 | }, 824 | writable: true, 825 | configurable: true 826 | }, 827 | makeRef: { 828 | 829 | // Return the next message ref, accounting for overflows 830 | 831 | value: function makeRef() { 832 | var newRef = this.ref + 1; 833 | if (newRef === this.ref) { 834 | this.ref = 0; 835 | } else { 836 | this.ref = newRef; 837 | } 838 | 839 | return this.ref.toString(); 840 | }, 841 | writable: true, 842 | configurable: true 843 | }, 844 | sendHeartbeat: { 845 | value: function sendHeartbeat() { 846 | this.push({ topic: "phoenix", event: "heartbeat", payload: {}, ref: this.makeRef() }); 847 | }, 848 | writable: true, 849 | configurable: true 850 | }, 851 | flushSendBuffer: { 852 | value: function flushSendBuffer() { 853 | if (this.isConnected() && this.sendBuffer.length > 0) { 854 | this.sendBuffer.forEach(function (callback) { 855 | return callback(); 856 | }); 857 | this.sendBuffer = []; 858 | } 859 | }, 860 | writable: true, 861 | configurable: true 862 | }, 863 | onConnMessage: { 864 | value: function onConnMessage(rawMessage) { 865 | var msg = JSON.parse(rawMessage.data); 866 | var topic = msg.topic; 867 | var event = msg.event; 868 | var payload = msg.payload; 869 | var ref = msg.ref; 870 | 871 | this.log("receive", "" + (payload.status || "") + " " + topic + " " + event + " " + (ref && "(" + ref + ")" || ""), payload); 872 | this.channels.filter(function (channel) { 873 | return channel.isMember(topic); 874 | }).forEach(function (channel) { 875 | return channel.trigger(event, payload, ref); 876 | }); 877 | this.stateChangeCallbacks.message.forEach(function (callback) { 878 | return callback(msg); 879 | }); 880 | }, 881 | writable: true, 882 | configurable: true 883 | } 884 | }); 885 | 886 | return Socket; 887 | })(); 888 | 889 | var LongPoll = exports.LongPoll = (function () { 890 | function LongPoll(endPoint) { 891 | _classCallCheck(this, LongPoll); 892 | 893 | this.endPoint = null; 894 | this.token = null; 895 | this.skipHeartbeat = true; 896 | this.onopen = function () {}; // noop 897 | this.onerror = function () {}; // noop 898 | this.onmessage = function () {}; // noop 899 | this.onclose = function () {}; // noop 900 | this.pollEndpoint = this.normalizeEndpoint(endPoint); 901 | this.readyState = SOCKET_STATES.connecting; 902 | 903 | this.poll(); 904 | } 905 | 906 | _prototypeProperties(LongPoll, null, { 907 | normalizeEndpoint: { 908 | value: function normalizeEndpoint(endPoint) { 909 | return endPoint.replace("ws://", "http://").replace("wss://", "https://").replace(new RegExp("(.*)/" + TRANSPORTS.websocket), "$1/" + TRANSPORTS.longpoll); 910 | }, 911 | writable: true, 912 | configurable: true 913 | }, 914 | endpointURL: { 915 | value: function endpointURL() { 916 | return Ajax.appendParams(this.pollEndpoint, { 917 | token: this.token, 918 | format: "json" 919 | }); 920 | }, 921 | writable: true, 922 | configurable: true 923 | }, 924 | closeAndRetry: { 925 | value: function closeAndRetry() { 926 | this.close(); 927 | this.readyState = SOCKET_STATES.connecting; 928 | }, 929 | writable: true, 930 | configurable: true 931 | }, 932 | ontimeout: { 933 | value: function ontimeout() { 934 | this.onerror("timeout"); 935 | this.closeAndRetry(); 936 | }, 937 | writable: true, 938 | configurable: true 939 | }, 940 | poll: { 941 | value: function poll() { 942 | var _this = this; 943 | 944 | if (!(this.readyState === SOCKET_STATES.open || this.readyState === SOCKET_STATES.connecting)) { 945 | return; 946 | } 947 | 948 | Ajax.request("GET", this.endpointURL(), "application/json", null, this.timeout, this.ontimeout.bind(this), function (resp) { 949 | if (resp) { 950 | var status = resp.status; 951 | var token = resp.token; 952 | var messages = resp.messages; 953 | 954 | _this.token = token; 955 | } else { 956 | var status = 0; 957 | } 958 | 959 | switch (status) { 960 | case 200: 961 | messages.forEach(function (msg) { 962 | return _this.onmessage({ data: JSON.stringify(msg) }); 963 | }); 964 | _this.poll(); 965 | break; 966 | case 204: 967 | _this.poll(); 968 | break; 969 | case 410: 970 | _this.readyState = SOCKET_STATES.open; 971 | _this.onopen(); 972 | _this.poll(); 973 | break; 974 | case 0: 975 | case 500: 976 | _this.onerror(); 977 | _this.closeAndRetry(); 978 | break; 979 | default: 980 | throw "unhandled poll status " + status; 981 | } 982 | }); 983 | }, 984 | writable: true, 985 | configurable: true 986 | }, 987 | send: { 988 | value: function send(body) { 989 | var _this = this; 990 | 991 | Ajax.request("POST", this.endpointURL(), "application/json", body, this.timeout, this.onerror.bind(this, "timeout"), function (resp) { 992 | if (!resp || resp.status !== 200) { 993 | _this.onerror(status); 994 | _this.closeAndRetry(); 995 | } 996 | }); 997 | }, 998 | writable: true, 999 | configurable: true 1000 | }, 1001 | close: { 1002 | value: function close(code, reason) { 1003 | this.readyState = SOCKET_STATES.closed; 1004 | this.onclose(); 1005 | }, 1006 | writable: true, 1007 | configurable: true 1008 | } 1009 | }); 1010 | 1011 | return LongPoll; 1012 | })(); 1013 | 1014 | var Ajax = exports.Ajax = (function () { 1015 | function Ajax() { 1016 | _classCallCheck(this, Ajax); 1017 | } 1018 | 1019 | _prototypeProperties(Ajax, { 1020 | request: { 1021 | value: function request(method, endPoint, accept, body, timeout, ontimeout, callback) { 1022 | if (window.XDomainRequest) { 1023 | var req = new XDomainRequest(); // IE8, IE9 1024 | this.xdomainRequest(req, method, endPoint, body, timeout, ontimeout, callback); 1025 | } else { 1026 | var req = window.XMLHttpRequest ? new XMLHttpRequest() : // IE7+, Firefox, Chrome, Opera, Safari 1027 | new ActiveXObject("Microsoft.XMLHTTP"); // IE6, IE5 1028 | this.xhrRequest(req, method, endPoint, accept, body, timeout, ontimeout, callback); 1029 | } 1030 | }, 1031 | writable: true, 1032 | configurable: true 1033 | }, 1034 | xdomainRequest: { 1035 | value: function xdomainRequest(req, method, endPoint, body, timeout, ontimeout, callback) { 1036 | var _this = this; 1037 | 1038 | req.timeout = timeout; 1039 | req.open(method, endPoint); 1040 | req.onload = function () { 1041 | var response = _this.parseJSON(req.responseText); 1042 | callback && callback(response); 1043 | }; 1044 | if (ontimeout) { 1045 | req.ontimeout = ontimeout; 1046 | } 1047 | 1048 | // Work around bug in IE9 that requires an attached onprogress handler 1049 | req.onprogress = function () {}; 1050 | 1051 | req.send(body); 1052 | }, 1053 | writable: true, 1054 | configurable: true 1055 | }, 1056 | xhrRequest: { 1057 | value: function xhrRequest(req, method, endPoint, accept, body, timeout, ontimeout, callback) { 1058 | var _this = this; 1059 | 1060 | req.timeout = timeout; 1061 | req.open(method, endPoint, true); 1062 | req.setRequestHeader("Content-Type", accept); 1063 | req.onerror = function () { 1064 | callback && callback(null); 1065 | }; 1066 | req.onreadystatechange = function () { 1067 | if (req.readyState === _this.states.complete && callback) { 1068 | var response = _this.parseJSON(req.responseText); 1069 | callback(response); 1070 | } 1071 | }; 1072 | if (ontimeout) { 1073 | req.ontimeout = ontimeout; 1074 | } 1075 | 1076 | req.send(body); 1077 | }, 1078 | writable: true, 1079 | configurable: true 1080 | }, 1081 | parseJSON: { 1082 | value: function parseJSON(resp) { 1083 | return resp && resp !== "" ? JSON.parse(resp) : null; 1084 | }, 1085 | writable: true, 1086 | configurable: true 1087 | }, 1088 | serialize: { 1089 | value: function serialize(obj, parentKey) { 1090 | var queryStr = []; 1091 | for (var key in obj) { 1092 | if (!obj.hasOwnProperty(key)) { 1093 | continue; 1094 | } 1095 | var paramKey = parentKey ? "" + parentKey + "[" + key + "]" : key; 1096 | var paramVal = obj[key]; 1097 | if (typeof paramVal === "object") { 1098 | queryStr.push(this.serialize(paramVal, paramKey)); 1099 | } else { 1100 | queryStr.push(encodeURIComponent(paramKey) + "=" + encodeURIComponent(paramVal)); 1101 | } 1102 | } 1103 | return queryStr.join("&"); 1104 | }, 1105 | writable: true, 1106 | configurable: true 1107 | }, 1108 | appendParams: { 1109 | value: function appendParams(url, params) { 1110 | if (Object.keys(params).length === 0) { 1111 | return url; 1112 | } 1113 | 1114 | var prefix = url.match(/\?/) ? "&" : "?"; 1115 | return "" + url + "" + prefix + "" + this.serialize(params); 1116 | }, 1117 | writable: true, 1118 | configurable: true 1119 | } 1120 | }); 1121 | 1122 | return Ajax; 1123 | })(); 1124 | 1125 | Ajax.states = { complete: 4 }; 1126 | 1127 | // Creates a timer that accepts a `timerCalc` function to perform 1128 | // calculated timeout retries, such as exponential backoff. 1129 | // 1130 | // ## Examples 1131 | // 1132 | // let reconnectTimer = new Timer(() => this.connect(), function(tries){ 1133 | // return [1000, 5000, 10000][tries - 1] || 10000 1134 | // }) 1135 | // reconnectTimer.setTimeout() // fires after 1000 1136 | // reconnectTimer.setTimeout() // fires after 5000 1137 | // reconnectTimer.reset() 1138 | // reconnectTimer.setTimeout() // fires after 1000 1139 | // 1140 | 1141 | var Timer = (function () { 1142 | function Timer(callback, timerCalc) { 1143 | _classCallCheck(this, Timer); 1144 | 1145 | this.callback = callback; 1146 | this.timerCalc = timerCalc; 1147 | this.timer = null; 1148 | this.tries = 0; 1149 | } 1150 | 1151 | _prototypeProperties(Timer, null, { 1152 | reset: { 1153 | value: function reset() { 1154 | this.tries = 0; 1155 | clearTimeout(this.timer); 1156 | }, 1157 | writable: true, 1158 | configurable: true 1159 | }, 1160 | setTimeout: { 1161 | 1162 | // Cancels any previous setTimeout and schedules callback 1163 | 1164 | value: (function (_setTimeout) { 1165 | var _setTimeoutWrapper = function setTimeout() { 1166 | return _setTimeout.apply(this, arguments); 1167 | }; 1168 | 1169 | _setTimeoutWrapper.toString = function () { 1170 | return _setTimeout.toString(); 1171 | }; 1172 | 1173 | return _setTimeoutWrapper; 1174 | })(function () { 1175 | var _this = this; 1176 | 1177 | clearTimeout(this.timer); 1178 | 1179 | this.timer = setTimeout(function () { 1180 | _this.tries = _this.tries + 1; 1181 | _this.callback(); 1182 | }, this.timerCalc(this.tries + 1)); 1183 | }), 1184 | writable: true, 1185 | configurable: true 1186 | } 1187 | }); 1188 | 1189 | return Timer; 1190 | })(); 1191 | 1192 | Object.defineProperty(exports, "__esModule", { 1193 | value: true 1194 | }); 1195 | }}); 1196 | if(typeof(window) === 'object' && !window.Phoenix){ window.Phoenix = require('phoenix') }; -------------------------------------------------------------------------------- /web/static/vendor/jquery.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v1.11.2 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ 2 | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.2",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b=a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=hb(),z=hb(),A=hb(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},eb=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fb){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function gb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+rb(o[l]);w=ab.test(a)&&pb(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function hb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ib(a){return a[u]=!0,a}function jb(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function kb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function lb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function nb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function ob(a){return ib(function(b){return b=+b,ib(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pb(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=gb.support={},f=gb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=gb.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",eb,!1):e.attachEvent&&e.attachEvent("onunload",eb)),p=!f(g),c.attributes=jb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=jb(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=jb(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(jb(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),jb(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&jb(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return lb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?lb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},gb.matches=function(a,b){return gb(a,null,null,b)},gb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return gb(b,n,null,[a]).length>0},gb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},gb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},gb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},gb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=gb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=gb.selectors={cacheLength:50,createPseudo:ib,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||gb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&gb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=gb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||gb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ib(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ib(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ib(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ib(function(a){return function(b){return gb(a,b).length>0}}),contains:ib(function(a){return a=a.replace(cb,db),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ib(function(a){return W.test(a||"")||gb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:ob(function(){return[0]}),last:ob(function(a,b){return[b-1]}),eq:ob(function(a,b,c){return[0>c?c+b:c]}),even:ob(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:ob(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:ob(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:ob(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function sb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function tb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ub(a,b,c){for(var d=0,e=b.length;e>d;d++)gb(a,b[d],c);return c}function vb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wb(a,b,c,d,e,f){return d&&!d[u]&&(d=wb(d)),e&&!e[u]&&(e=wb(e,f)),ib(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ub(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:vb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=vb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=vb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sb(function(a){return a===b},h,!0),l=sb(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sb(tb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wb(i>1&&tb(m),i>1&&rb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xb(a.slice(i,e)),f>e&&xb(a=a.slice(e)),f>e&&rb(a))}m.push(c)}return tb(m)}function yb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=vb(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&gb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ib(f):f}return h=gb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,yb(e,d)),f.selector=a}return f},i=gb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&pb(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&rb(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&pb(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=jb(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),jb(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||kb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&jb(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||kb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),jb(function(a){return null==a.getAttribute("disabled")})||kb(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),gb}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1; 3 | return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthh;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML="
a",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function ab(){return!0}function bb(){return!1}function cb(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h]","i"),hb=/^\s+/,ib=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,jb=/<([\w:]+)/,kb=/\s*$/g,rb={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:k.htmlSerialize?[0,"",""]:[1,"X
","
"]},sb=db(y),tb=sb.appendChild(y.createElement("div"));rb.optgroup=rb.option,rb.tbody=rb.tfoot=rb.colgroup=rb.caption=rb.thead,rb.th=rb.td;function ub(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ub(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function vb(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wb(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xb(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function yb(a){var b=pb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function zb(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Ab(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Bb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xb(b).text=a.text,yb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!gb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(tb.innerHTML=a.outerHTML,tb.removeChild(f=tb.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ub(f),h=ub(a),g=0;null!=(e=h[g]);++g)d[g]&&Bb(e,d[g]);if(b)if(c)for(h=h||ub(a),d=d||ub(f),g=0;null!=(e=h[g]);g++)Ab(e,d[g]);else Ab(a,f);return d=ub(f,"script"),d.length>0&&zb(d,!i&&ub(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=db(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(lb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(jb.exec(f)||["",""])[1].toLowerCase(),l=rb[i]||rb._default,h.innerHTML=l[1]+f.replace(ib,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&hb.test(f)&&p.push(b.createTextNode(hb.exec(f)[0])),!k.tbody){f="table"!==i||kb.test(f)?""!==l[1]||kb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ub(p,"input"),vb),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ub(o.appendChild(f),"script"),g&&zb(h),c)){e=0;while(f=h[e++])ob.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ub(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&zb(ub(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ub(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fb,""):void 0;if(!("string"!=typeof a||mb.test(a)||!k.htmlSerialize&&gb.test(a)||!k.leadingWhitespace&&hb.test(a)||rb[(jb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ib,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ub(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ub(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&nb.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ub(i,"script"),xb),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ub(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,yb),j=0;f>j;j++)d=g[j],ob.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qb,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Cb,Db={};function Eb(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fb(a){var b=y,c=Db[a];return c||(c=Eb(a,b),"none"!==c&&c||(Cb=(Cb||m("