├── .gitignore
├── .travis.yml
├── LICENSE
├── README.md
├── brunch-config.js
├── config
    ├── config.exs
    ├── dev.exs
    ├── prod.exs
    └── test.exs
├── lib
    ├── stub_on_web.ex
    └── stub_on_web
    │   ├── endpoint.ex
    │   ├── parser_patch.ex
    │   └── repo.ex
├── mix.exs
├── mix.lock
├── package.json
├── priv
    └── repo
    │   ├── migrations
    │       ├── 20151021180931_create_stub_url.exs
    │       └── 20151030111831_create_stub_url_call.exs
    │   └── seeds.exs
├── test
    ├── controllers
    │   └── stub_url_controller_test.exs
    ├── models
    │   └── stub_url_test.exs
    ├── support
    │   ├── channel_case.ex
    │   ├── conn_case.ex
    │   └── model_case.ex
    ├── test_helper.exs
    └── views
    │   ├── error_view_test.exs
    │   ├── layout_view_test.exs
    │   └── page_view_test.exs
└── web
    ├── channels
        └── user_socket.ex
    ├── controllers
        └── stub_url_controller.ex
    ├── models
        ├── http_header.ex
        ├── http_request.ex
        ├── http_response.ex
        ├── stub_url.ex
        └── stub_url_call.ex
    ├── router.ex
    ├── static
        ├── assets
        │   ├── favicon.ico
        │   ├── images
        │   │   └── phoenix.png
        │   └── robots.txt
        ├── css
        │   └── app.css
        └── js
        │   ├── app.js
        │   └── socket.js
    ├── templates
        ├── layout
        │   └── app.html.eex
        └── stub_url
        │   ├── _access_info.html.eex
        │   ├── _http_body.html.eex
        │   ├── _http_headers.html.eex
        │   ├── calls.html.eex
        │   ├── edit.html.eex
        │   ├── form.html.eex
        │   └── new.html.eex
    ├── views
        ├── error_view.ex
        ├── layout_view.ex
        └── stub_url_view.ex
    └── web.ex


/.gitignore:
--------------------------------------------------------------------------------
 1 | # App artifacts
 2 | /_build
 3 | /db
 4 | /deps
 5 | /*.ez
 6 | 
 7 | # Generate on crash by the VM
 8 | erl_crash.dump
 9 | 
10 | # Static artifacts
11 | /node_modules
12 | 
13 | # Since we are building assets from web/static,
14 | # we ignore priv/static. You may want to comment
15 | # this depending on your deployment strategy.
16 | /priv/static/
17 | 
18 | # The config/prod.secret.exs file by default contains sensitive
19 | # data and you should not commit it into version control.
20 | #
21 | # Alternatively, you may comment the line below and commit the
22 | # secrets file as long as you replace its contents by environment
23 | # variables.
24 | /config/prod.secret.exs
25 | 
26 | 
27 | .DS_Store


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: elixir
2 | 
3 | services:
4 |   - mongodb


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License
 2 | 
 3 | Copyright (c) 2015 Deepak Narayana Rao
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # StubOnWeb [![Build Status](https://travis-ci.org/endeepak/stub_on_web.svg?branch=master)](https://travis-ci.org/endeepak/stub_on_web)
 2 | 
 3 | Create stub urls to test external API integration
 4 | 
 5 | Try it on http://stubonweb.herokuapp.com
 6 | 
 7 | ## Running
 8 | 
 9 | * Install elixir, mongodb
10 | 
11 | * To start your app:
12 | 
13 | 		mix deps.get
14 | 		mix ecto.create && mix ecto.migrate
15 | 		mix phoenix.server
16 | 
17 | * Now you can visit [`localhost:4000`](http://localhost:4000) from your browser.
18 | 
19 | * Ready to run in production? Please [check phoenix deployment guides](http://www.phoenixframework.org/docs/deployment).
20 | 
21 | ## Contributing
22 | 
23 | You can raise issues and feature requests on [github](https://github.com/endeepak/stub_on_web/issues)
24 | 
25 | If you can code, please fork the repo and raise a pull request
26 | 
27 | ## Alternatives
28 | 
29 | * http://www.mocky.io/
30 | * https://www.mockable.io/
31 | 
32 | ## Why yet another stub?
33 | 
34 | StubOnWeb is built to ease the manual testing of multiple scenarios of our service integration with other system's API. The existing web solutions suffer from one or more of the problems listed below
35 | 
36 | * Doesn't allow to choose your own path for url so it is easy to remember
37 | * Doesn't allow to edit the response. Only way to test multiple scenarios is to create new url and update your app config and restart your services. Oh.. too much work!
38 | * Change requests for new features take longer time. Their tech stack was new and less fun for me to learn & contribute
39 | * Doesn't allow to inspect last few requests for the url
40 | * Over engineered UI / work-flow for the job
41 | 
42 | And I was learning [elixir](http://elixir-lang.org/). This was simple enough and fun to try out!
43 | 
44 | ## Thanks to 
45 | 
46 | * Awesome people behind [elixir](elixir-lang.org), [phoenix](phoenixframework.org) and other libraries in the ecosystem
47 | * Service providers [heroku](https://www.heroku.com/home) and [mongolabs](https://mongolab.com/) for their free tier service
48 | 
49 | 
50 | ## License
51 | 
52 | MIT License
53 | 
54 | ## ToDo
55 | 
56 | * Ability to add custom templates via config
57 | * 404 page to redirect to add new url
58 | * Responsive mobile friendly UI?
59 | 
60 | ## Sins
61 | 
62 | * Low test coverage
63 | * Duplicated markup for adding response headers
64 | 
65 | Laziness and curiosity to see it working has been the reason for above sins. Plan to clean up if more people want to make changes to this code.


--------------------------------------------------------------------------------
/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 |       // To use a separate vendor.js bundle, specify two files path
 8 |       // https://github.com/brunch/brunch/blob/stable/docs/config.md#files
 9 |       // joinTo: {
10 |       //  "js/app.js": /^(web\/static\/js)/,
11 |       //  "js/vendor.js": /^(web\/static\/vendor)|(deps)/
12 |       // }
13 |       //
14 |       // To change the order of concatenation of files, explicitly mention here
15 |       // https://github.com/brunch/brunch/tree/master/docs#concatenation
16 |       // order: {
17 |       //   before: [
18 |       //     "web/static/vendor/js/jquery-2.1.1.js",
19 |       //     "web/static/vendor/js/bootstrap.min.js"
20 |       //   ]
21 |       // }
22 |     },
23 |     stylesheets: {
24 |       joinTo: "css/app.css"
25 |     },
26 |     templates: {
27 |       joinTo: "js/app.js"
28 |     }
29 |   },
30 | 
31 |   conventions: {
32 |     // This option sets where we should place non-css and non-js assets in.
33 |     // By default, we set this to "/web/static/assets". Files in this directory
34 |     // will be copied to `paths.public`, which is "priv/static" by default.
35 |     assets: /^(web\/static\/assets)/
36 |   },
37 | 
38 |   // Phoenix paths configuration
39 |   paths: {
40 |     // Dependencies and current project directories to watch
41 |     watched: [
42 |       "deps/phoenix/web/static",
43 |       "deps/phoenix_html/web/static",
44 |       "web/static",
45 |       "test/static"
46 |     ],
47 | 
48 |     // Where to compile files to
49 |     public: "priv/static"
50 |   },
51 | 
52 |   // Configure your plugins
53 |   plugins: {
54 |     babel: {
55 |       // Do not use ES6 compiler in vendor code
56 |       ignore: [/web\/static\/vendor/]
57 |     }
58 |   },
59 | 
60 |   modules: {
61 |     autoRequire: {
62 |       "js/app.js": ["web/static/js/app"]
63 |     }
64 |   },
65 | 
66 |   npm: {
67 |     enabled: true
68 |   }
69 | };
70 | 


--------------------------------------------------------------------------------
/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 :stub_on_web, StubOnWeb.Endpoint,
10 |   url: [host: "localhost"],
11 |   root: Path.dirname(__DIR__),
12 |   secret_key_base: "diDAA0wpHWzPjBtAZi5wb0fEz6rheLDuohRKxLSHxxucHg0ankmtk50Z6/DY97SX",
13 |   render_errors: [accepts: ~w(html json)],
14 |   pubsub: [name: StubOnWeb.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 | # Only recent max_stub_url_calls will be retained in system
23 | config :stub_on_web, :max_stub_url_calls, 20
24 | 
25 | # Max allowed delay for stub response. Heroku has limit of 30 seconds
26 | config :stub_on_web, :max_allowed_delay, 20
27 | 
28 | # Ignore request headers like the ones added by Heroku
29 | config :stub_on_web, :ignore_request_headers, 
30 | 	  ["X-Forwarded-For", "X-Forwarded-Proto", "X-Forwarded-Port", "X-Request-Start", "X-Request-Id", "Via", "Connect-Time", "Total-Route-Time"]
31 | 
32 | json_body = """
33 | {
34 |   "data": 42
35 | }
36 | """
37 | 
38 | xml_body = """
39 | <?xml version="1.0" encoding="UTF-8"?>
40 | <data>
41 |   <value>42</value>
42 | </data>
43 | """
44 | 
45 | html_body = """
46 | <!DOCTYPE html>
47 | <html>
48 |   <body>
49 |     <h1>Hello world!</h1>
50 |   </body>
51 | </html>
52 | """
53 | 
54 | stub_url_templates = %{
55 |   json: %{
56 |     response_headers: [%{name: "Content-Type", value: "application/json"}],
57 |     response_body: json_body
58 |   },
59 |   xml: %{
60 |     response_headers: [%{name: "Content-Type", value: "application/xml"}],
61 |     response_body: xml_body
62 |   },
63 |   html: %{
64 |     response_headers: [%{name: "Content-Type", value: "text/html"}],
65 |     response_body: html_body
66 |   }
67 | }
68 | 
69 | 
70 | config :stub_on_web, :stub_url_templates, stub_url_templates
71 | 
72 | # Import environment specific config. This must remain at the bottom
73 | # of this file so it overrides the configuration defined above.
74 | import_config "#{Mix.env}.exs"
75 | 
76 | 
77 | 
78 | 


--------------------------------------------------------------------------------
/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 :stub_on_web, StubOnWeb.Endpoint,
10 |   http: [port: 4000],
11 |   debug_errors: true,
12 |   code_reloader: true,
13 |   cache_static_lookup: false,
14 |   check_origin: false,
15 |   watchers: [node: ["node_modules/brunch/bin/brunch", "watch", "--stdin"]]
16 | 
17 | # Watch static and templates for browser reloading.
18 | config :stub_on_web, StubOnWeb.Endpoint,
19 |   live_reload: [
20 |     patterns: [
21 |       ~r{priv/static/.*(js|css|png|jpeg|jpg|gif|svg)$},
22 |       ~r{web/views/.*(ex)$},
23 |       ~r{web/templates/.*(eex)$}
24 |     ]
25 |   ]
26 | 
27 | # Do not include metadata nor timestamps in development logs
28 | config :logger, :console, format: "[$level] $message\n"
29 | 
30 | # Set a higher stacktrace during development.
31 | # Do not configure such in production as keeping
32 | # and calculating stacktraces is usually expensive.
33 | config :phoenix, :stacktrace_depth, 20
34 | 
35 | # Configure your database
36 | config :stub_on_web, StubOnWeb.Repo,
37 |   username: "stub_on_web",
38 |   password: "stub_on_web",
39 |   database: "stub_on_web_dev",
40 |   hostname: "localhost"
41 | 


--------------------------------------------------------------------------------
/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 | #
10 | # Finally, we also include the path to a manifest
11 | # containing the digested version of static files. This
12 | # manifest is generated by the mix phoenix.digest task
13 | # which you typically run after static files are built.
14 | config :stub_on_web, StubOnWeb.Endpoint,
15 |   http: [port: System.get_env("PORT")],
16 |   url: [host: "stubonweb.herokuapp.com", port: 80],
17 |   cache_static_manifest: "priv/static/manifest.json",
18 |   secret_key_base: System.get_env("SECRET_KEY_BASE")
19 | 
20 | {database_port, _} = Integer.parse(System.get_env("DATABASE_PORT") || "27017")
21 | 
22 | config :stub_on_web, StubOnWeb.Repo,
23 |   username: System.get_env("DATABASE_USER_NAME"),
24 |   password: System.get_env("DATABASE_PASSWORD"),
25 |   database: System.get_env("DATABASE_NAME"),
26 |   hostname: System.get_env("DATABASE_HOST"),
27 |   port: database_port
28 | 
29 | # Do not print debug messages in production
30 | config :logger, level: :info
31 | 
32 | # ## SSL Support
33 | #
34 | # To get SSL working, you will need to add the `https` key
35 | # to the previous section and set your `:url` port to 443:
36 | #
37 | #     config :stub_on_web, StubOnWeb.Endpoint,
38 | #       ...
39 | #       url: [host: "example.com", port: 443],
40 | #       https: [port: 443,
41 | #               keyfile: System.get_env("SOME_APP_SSL_KEY_PATH"),
42 | #               certfile: System.get_env("SOME_APP_SSL_CERT_PATH")]
43 | #
44 | # Where those two env variables return an absolute path to
45 | # the key and cert in disk or a relative path inside priv,
46 | # for example "priv/ssl/server.key".
47 | #
48 | # We also recommend setting `force_ssl`, ensuring no data is
49 | # ever sent via http, always redirecting to https:
50 | #
51 | #     config :stub_on_web, StubOnWeb.Endpoint,
52 | #       force_ssl: [hsts: true]
53 | #
54 | # Check `Plug.SSL` for all available options in `force_ssl`.
55 | 
56 | # ## Using releases
57 | #
58 | # If you are doing OTP releases, you need to instruct Phoenix
59 | # to start the server for all endpoints:
60 | #
61 | #     config :phoenix, :serve_endpoints, true
62 | #
63 | # Alternatively, you can configure exactly which server to
64 | # start per endpoint:
65 | #
66 | #     config :stub_on_web, StubOnWeb.Endpoint, server: true
67 | #
68 | 
69 | # Finally import the config/prod.secret.exs
70 | # which should be versioned separately.
71 | # import_config "prod.secret.exs"
72 | 


--------------------------------------------------------------------------------
/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 :stub_on_web, StubOnWeb.Endpoint,
 6 |   http: [port: 4001],
 7 |   server: false
 8 | 
 9 | # Print only warnings and errors during test
10 | config :logger, level: :warn
11 | 
12 | # Set a higher stacktrace during test
13 | config :phoenix, :stacktrace_depth, 20
14 | 
15 | # Configure your database
16 | config :stub_on_web, StubOnWeb.Repo,
17 |   database: "stub_on_web_test",
18 |   hostname: "localhost"


--------------------------------------------------------------------------------
/lib/stub_on_web.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb 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(StubOnWeb.Endpoint, []),
12 |       # Start the Ecto repository
13 |       worker(StubOnWeb.Repo, []),
14 |       # Here you could define other workers and supervisors as children
15 |       # worker(StubOnWeb.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: StubOnWeb.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 |     StubOnWeb.Endpoint.config_change(changed, removed)
28 |     :ok
29 |   end
30 | end
31 | 


--------------------------------------------------------------------------------
/lib/stub_on_web/endpoint.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.Endpoint do
 2 |   use Phoenix.Endpoint, otp_app: :stub_on_web
 3 | 
 4 |   socket "/socket", StubOnWeb.UserSocket
 5 | 
 6 |   # Serve at "/" the static files from "priv/static" directory.
 7 |   #
 8 |   # You should set gzip to true if you are running phoenix.digest
 9 |   # when deploying your static files in production.
10 |   plug Plug.Static,
11 |     at: "/", from: :stub_on_web, gzip: false,
12 |     only: ~w(css fonts images js favicon.ico robots.txt)
13 | 
14 |   # Code reloading can be explicitly enabled under the
15 |   # :code_reloader configuration of your endpoint.
16 |   if code_reloading? do
17 |     socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket
18 |     plug Phoenix.LiveReloader
19 |     plug Phoenix.CodeReloader
20 |   end
21 | 
22 |   plug Plug.RequestId
23 |   plug Plug.Logger
24 | 
25 |   defp copy_req_body(conn, _) do
26 |     Plug.Conn.put_private(conn, :copy_raw_body, true)
27 |   end
28 |   
29 |   plug :copy_req_body
30 | 
31 |   plug Plug.Parsers,
32 |     parsers: [StubOnWeb.Parsers.URLENCODED, :multipart, StubOnWeb.Parsers.JSON],
33 |     pass: ["*/*"],
34 |     json_decoder: Poison
35 | 
36 |   plug Plug.MethodOverride
37 |   plug Plug.Head
38 | 
39 |   plug Plug.Session,
40 |     store: :cookie,
41 |     key: "_stub_on_web_key",
42 |     signing_salt: "4hbFnh4x"
43 | 
44 |   plug StubOnWeb.Router
45 | end
46 | 


--------------------------------------------------------------------------------
/lib/stub_on_web/parser_patch.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.Parsers.URLENCODED do
 2 |   @moduledoc """
 3 |   Parses urlencoded request body, and optionally copies the raw body
 4 | 
 5 |   Copies raw body to `:raw_body` private assign when `:copy_raw_body`
 6 |   private assign is true
 7 |   """
 8 | 
 9 |   @behaviour Plug.Parsers
10 |   alias Plug.Conn
11 | 
12 |   def parse(conn, "application", "x-www-form-urlencoded", _headers, opts) do
13 |     case Conn.read_body(conn, opts) do
14 |       {:ok, body, conn} ->
15 |         Plug.Conn.Utils.validate_utf8!(body, "urlencoded body")
16 |         decoded_body = Plug.Conn.Query.decode(body)
17 |         conn = if conn.private[:copy_raw_body] do Plug.Conn.put_private(conn, :raw_body, body) else conn end
18 |         {:ok, decoded_body, conn}
19 |       {:more, _data, conn} ->
20 |         {:error, :too_large, conn}
21 |     end
22 |   end
23 | 
24 |   def parse(conn, _type, _subtype, _headers, _opts) do
25 |     {:next, conn}
26 |   end
27 | end
28 | 
29 | defmodule StubOnWeb.Parsers.JSON do
30 |   @moduledoc """
31 |   Parses JSON request body.
32 | 
33 |   JSON arrays are parsed into a `"_json"` key to allow
34 |   proper param merging.
35 | 
36 |   An empty request body is parsed as an empty map.
37 | 
38 |   Copies raw body to `:raw_body` private assign when `:copy_raw_body`
39 |   private assign is true
40 |   """
41 | 
42 |   @behaviour Plug.Parsers
43 |   import Plug.Conn
44 | 
45 |   def parse(conn, "application", subtype, _headers, opts) do
46 |     if subtype == "json" || String.ends_with?(subtype, "+json") do
47 |       decoder = Keyword.get(opts, :json_decoder) ||
48 |                   raise ArgumentError, "JSON parser expects a :json_decoder option"
49 |       conn
50 |       |> read_body(opts)
51 |       |> decode(decoder)
52 |     else
53 |       {:next, conn}
54 |     end
55 |   end
56 | 
57 |   def parse(conn, _type, _subtype, _headers, _opts) do
58 |     {:next, conn}
59 |   end
60 | 
61 |   defp decode({:more, _, conn}, _decoder) do
62 |     {:error, :too_large, conn}
63 |   end
64 | 
65 |   defp decode({:ok, "", conn}, _decoder) do
66 |     {:ok, %{}, conn}
67 |   end
68 | 
69 |   defp decode({:ok, body, conn}, decoder) do
70 |     conn = if conn.private[:copy_raw_body] do Plug.Conn.put_private(conn, :raw_body, body) else conn end
71 |     case decoder.decode!(body) do
72 |       terms when is_map(terms) ->
73 |         {:ok, terms, conn}
74 |       terms ->
75 |         {:ok, %{"_json" => terms}, conn}
76 |     end
77 |   rescue
78 |     e -> raise Plug.Parsers.ParseError, exception: e
79 |   end
80 | end
81 | 


--------------------------------------------------------------------------------
/lib/stub_on_web/repo.ex:
--------------------------------------------------------------------------------
1 | defmodule StubOnWeb.Repo do
2 |   use Ecto.Repo,
3 |     otp_app: :stub_on_web,
4 |     adapter: Mongo.Ecto
5 | end
6 | 


--------------------------------------------------------------------------------
/mix.exs:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.Mixfile do
 2 |   use Mix.Project
 3 | 
 4 |   def project do
 5 |     [app: :stub_on_web,
 6 |      version: "0.0.1",
 7 |      elixir: "~> 1.0",
 8 |      elixirc_paths: elixirc_paths(Mix.env),
 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: {StubOnWeb, []},
20 |      applications: [:phoenix, :phoenix_html, :cowboy, :logger,
21 |                     :phoenix_ecto, :mongodb_ecto, :ecto]]
22 |   end
23 | 
24 |   # Specifies which paths to compile per environment
25 |   defp elixirc_paths(:test), do: ["lib", "web", "test/support"]
26 |   defp elixirc_paths(_),     do: ["lib", "web"]
27 | 
28 |   # Specifies your project dependencies
29 |   #
30 |   # Type `mix help deps` for examples and options
31 |   defp deps do
32 |     [{:phoenix, "~> 1.0.1"},
33 |      {:phoenix_ecto, "~> 1.1"},
34 |      {:mongodb_ecto, "~> 0.1"},
35 |      {:phoenix_html, "~> 2.1"},
36 |      {:phoenix_live_reload, "~> 1.0", only: :dev},
37 |      {:mix_test_watch, "~> 0.2", only: :dev},
38 |      {:cowboy, "~> 1.0"}]
39 |   end
40 | end
41 | 


--------------------------------------------------------------------------------
/mix.lock:
--------------------------------------------------------------------------------
 1 | %{"connection": {:hex, :connection, "1.0.0-rc.1"},
 2 |   "cowboy": {:hex, :cowboy, "1.0.3"},
 3 |   "cowlib": {:hex, :cowlib, "1.0.1"},
 4 |   "decimal": {:hex, :decimal, "1.1.0"},
 5 |   "ecto": {:hex, :ecto, "1.0.6"},
 6 |   "fs": {:hex, :fs, "0.9.2"},
 7 |   "mix_test_watch": {:hex, :mix_test_watch, "0.2.4"},
 8 |   "mongodb": {:hex, :mongodb, "0.1.0"},
 9 |   "mongodb_ecto": {:hex, :mongodb_ecto, "0.1.2"},
10 |   "phoenix": {:hex, :phoenix, "1.0.3"},
11 |   "phoenix_ecto": {:hex, :phoenix_ecto, "1.2.0"},
12 |   "phoenix_html": {:hex, :phoenix_html, "2.2.0"},
13 |   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.0.1"},
14 |   "plug": {:hex, :plug, "1.0.2"},
15 |   "poison": {:hex, :poison, "1.5.0"},
16 |   "poolboy": {:hex, :poolboy, "1.5.1"},
17 |   "postgrex": {:hex, :postgrex, "0.9.1"},
18 |   "ranch": {:hex, :ranch, "1.1.0"}}
19 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "repository": {
 3 |   },
 4 |   "dependencies": {
 5 |     "brunch": "^1.8.5",
 6 |     "babel-brunch": "^5.1.1",
 7 |     "clean-css-brunch": ">= 1.0 < 1.8",
 8 |     "css-brunch": ">= 1.0 < 1.8",
 9 |     "javascript-brunch": ">= 1.0 < 1.8",
10 |     "uglify-js-brunch": ">= 1.0 < 1.8"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/priv/repo/migrations/20151021180931_create_stub_url.exs:
--------------------------------------------------------------------------------
1 | defmodule StubOnWeb.Repo.Migrations.CreateStubUrl do
2 |   use Ecto.Migration
3 | 
4 |   def change do
5 |     create table(:stub_urls)
6 |     create unique_index(:stub_urls, [:path])
7 |   end
8 | end
9 | 


--------------------------------------------------------------------------------
/priv/repo/migrations/20151030111831_create_stub_url_call.exs:
--------------------------------------------------------------------------------
1 | defmodule StubOnWeb.Repo.Migrations.CreateStubUrlCall do
2 |   use Ecto.Migration
3 | 
4 |   def change do
5 |     create table(:stub_url_calls)
6 |     create index(:stub_url_calls, [:stub_url_id])
7 |   end
8 | end
9 | 


--------------------------------------------------------------------------------
/priv/repo/seeds.exs:
--------------------------------------------------------------------------------
 1 | # Script for populating the database. You can run it as:
 2 | #
 3 | #     mix run priv/repo/seeds.exs
 4 | #
 5 | # Inside the script, you can read and write to any of your
 6 | # repositories directly:
 7 | #
 8 | #     StubOnWeb.Repo.insert!(%SomeModel{})
 9 | #
10 | # We recommend using the bang functions (`insert!`, `update!`
11 | # and so on) as they will fail if something goes wrong.
12 | 


--------------------------------------------------------------------------------
/test/controllers/stub_url_controller_test.exs:
--------------------------------------------------------------------------------
  1 | defmodule StubOnWeb.StubUrlControllerTest do
  2 |   use StubOnWeb.ConnCase
  3 | 
  4 |   alias StubOnWeb.StubUrl
  5 | 
  6 |   @valid_attrs %{path: "hello_world", response_status: 200, response_body: "Hello world!"}
  7 |   @invalid_attrs %{}
  8 | 
  9 |   setup do
 10 |     conn = conn()
 11 |     {:ok, conn: conn}
 12 |   end
 13 | 
 14 | 
 15 |   test "GET / takes to add new url page" do
 16 |     conn = get conn(), "/"
 17 | 
 18 |     assert html_response(conn, 200) =~ "Add"
 19 |   end
 20 | 
 21 |   test "GET / with previous_path shows access info" do
 22 |     conn = get conn, stub_url_path(conn, :new, previous_path: "a/b/c")
 23 | 
 24 |     assert html_response(conn, 200) =~ stub_url_path(conn, :show, ["a", "b", "c"])
 25 |     assert html_response(conn, 200) =~ stub_url_path(conn, :edit, ["a", "b", "c"])
 26 |   end
 27 | 
 28 |   test "creates resource and redirects when data is valid", %{conn: conn} do
 29 |     conn = post conn, stub_url_path(conn, :create), stub_url: @valid_attrs
 30 | 
 31 |     assert redirected_to(conn) == stub_url_path(conn, :new, previous_path: @valid_attrs[:path])
 32 |     assert Repo.get_by(StubUrl, @valid_attrs)
 33 |   end
 34 | 
 35 |   test "does not create resource and renders errors when data is invalid", %{conn: conn} do
 36 |     conn = post conn, stub_url_path(conn, :create), stub_url: @invalid_attrs
 37 | 
 38 |     assert html_response(conn, 422) =~ "Add"
 39 |   end
 40 | 
 41 |   test "GET stub_url_path returns stub response status and body", %{conn: conn} do
 42 |     attrs = %{path: "hello_world", response_status: 201, response_body: "Hello world!"}
 43 |     Repo.insert!(StubUrl.changeset(%StubUrl{}, attrs))
 44 |     
 45 |     conn = get conn, stub_url_path(conn, :show, ["hello_world"])
 46 |     
 47 |     assert response(conn, 201) == "Hello world!"
 48 |   end
 49 | 
 50 |   test "GET stub_url_path works for nested routes", %{conn: conn} do
 51 |     attrs = %{path: "a/b/", response_status: 201, response_body: "Hello world!"}
 52 |      Repo.insert!(StubUrl.changeset(%StubUrl{}, attrs))
 53 |     
 54 |     conn = get conn, stub_url_path(conn, :show, ["a", "b"])
 55 |     
 56 |     assert response(conn, 201) == "Hello world!"
 57 |   end
 58 | 
 59 |   test "renders page not found when id is nonexistent", %{conn: conn} do
 60 |     assert_raise Ecto.NoResultsError, fn ->
 61 |       get conn, stub_url_path(conn, :show, ["nonexistent_path"])
 62 |     end
 63 |   end
 64 | 
 65 |   test "renders form for editing chosen resource", %{conn: conn} do
 66 |     attrs = %{path: "hello_world", response_status: 201, response_body: "Hello world!"}
 67 |     Repo.insert!(StubUrl.changeset(%StubUrl{}, attrs))
 68 | 
 69 |     conn = get conn, stub_url_path(conn, :edit, ["hello_world"])
 70 | 
 71 |     assert html_response(conn, 200) =~ "Edit"
 72 |   end
 73 | 
 74 |   test "renders form for editing url with nested route", %{conn: conn} do
 75 |     attrs = %{path: "a/b", response_status: 201, response_body: "Hello world!"}
 76 |     Repo.insert!(StubUrl.changeset(%StubUrl{}, attrs))
 77 | 
 78 |     conn = get conn, stub_url_path(conn, :edit, ["a", "b"])
 79 | 
 80 |     assert html_response(conn, 200) =~ "Edit"
 81 |   end
 82 | 
 83 |   test "updates chosen resource and redirects when data is valid", %{conn: conn} do
 84 |     stub_url = Repo.insert! %StubUrl{}
 85 | 
 86 |     conn = put conn, stub_url_path(conn, :update, stub_url), stub_url: @valid_attrs
 87 | 
 88 |     assert redirected_to(conn) == stub_url_path(conn, :edit, ["hello_world"])
 89 |     assert Repo.get_by(StubUrl, @valid_attrs)
 90 |   end
 91 | 
 92 |   test "update removes response headers from stub url when response headers are not passed in params", %{conn: conn} do
 93 |     attrs = @valid_attrs |> Map.put(:response_headers, [ %{name: "x-h1", value: "v1"}])
 94 |     stub_url = StubOnWeb.Repo.insert!(StubUrl.changeset(%StubUrl{}, attrs))
 95 |     assert length(stub_url.response_headers) == 1
 96 |     attrs_without_response_headers = @valid_attrs |> Map.delete(:response_headers)
 97 | 
 98 |     put conn, stub_url_path(conn, :update, stub_url), stub_url: attrs_without_response_headers 
 99 | 
100 |     assert length(Repo.get(StubUrl, stub_url.id).response_headers) == 0
101 |   end
102 | 
103 |   test "update retains response headers in stub url when response headers are passed in params", %{conn: conn} do
104 |     attrs = @valid_attrs |> Map.put(:response_headers, [ %{name: "x-h1", value: "v1"}])
105 |     stub_url = StubOnWeb.Repo.insert!(StubUrl.changeset(%StubUrl{}, attrs))
106 |     assert length(stub_url.response_headers) == 1
107 | 
108 |     put conn, stub_url_path(conn, :update, stub_url), stub_url: attrs 
109 | 
110 |     assert length(Repo.get(StubUrl, stub_url.id).response_headers) == 1
111 |   end
112 | 
113 |   test "does not update chosen resource and renders errors when data is invalid", %{conn: conn} do
114 |     stub_url = Repo.insert! %StubUrl{}
115 | 
116 |     conn = put conn, stub_url_path(conn, :update, stub_url), stub_url: @invalid_attrs
117 | 
118 |     assert html_response(conn, 422) =~ "Edit"
119 |   end
120 | end
121 | 


--------------------------------------------------------------------------------
/test/models/stub_url_test.exs:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.StubUrlTest do
 2 |   use StubOnWeb.ModelCase
 3 | 
 4 |   alias StubOnWeb.StubUrl
 5 | 
 6 |   @valid_attrs %{path: "some content", response_status: 42, response_body: "some content"}
 7 |   @invalid_attrs %{}
 8 | 
 9 |   test "changeset with valid attributes" do
10 |     changeset = StubUrl.changeset(%StubUrl{}, @valid_attrs)
11 |     assert changeset.valid?
12 |   end
13 | 
14 |   test "changeset with invalid attributes" do
15 |     changeset = StubUrl.changeset(%StubUrl{}, @invalid_attrs)
16 |     refute changeset.valid?
17 |   end
18 | 
19 | 
20 |   test "changeset is invalid if path already exists" do
21 |     url1_attrs = @valid_attrs |> Map.put(:path, "hello")
22 |     StubOnWeb.Repo.insert!(StubUrl.changeset(%StubUrl{}, url1_attrs))
23 | 
24 |     assert {:error, changeset} = StubOnWeb.Repo.insert(StubUrl.changeset(%StubUrl{}, url1_attrs))
25 |     assert changeset.errors[:path] == "has already been taken"
26 |   end
27 | 
28 |   test "deletes embedded header on update" do
29 |     response_headers = [ %{name: "x-h1", value: "v1"}, %{name: "x-h2", value: "v2"}]
30 |     initial_attrs = @valid_attrs |> Map.put(:response_headers, response_headers)
31 |     stub_url = StubOnWeb.Repo.insert!(StubUrl.changeset(%StubUrl{}, initial_attrs))
32 |     updates_headers = [%{name: "x-h1", value: "v1"}]
33 |     updated_attrs = @valid_attrs |> Map.put(:response_headers, updates_headers)
34 | 
35 |     assert {:ok, _} = StubOnWeb.Repo.update(StubUrl.changeset(stub_url, updated_attrs))
36 |     assert length(StubOnWeb.Repo.get!(StubUrl, stub_url.id).response_headers) == 1
37 |   end
38 | end
39 | 


--------------------------------------------------------------------------------
/test/support/channel_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.ChannelCase do
 2 |   @moduledoc """
 3 |   This module defines the test case to be used by
 4 |   channel tests.
 5 | 
 6 |   Such tests rely on `Phoenix.ChannelTest` and also
 7 |   imports other functionality to make it easier
 8 |   to build and query models.
 9 | 
10 |   Finally, if the test case interacts with the database,
11 |   it cannot be async. For this reason, every test runs
12 |   inside a transaction which is reset at the beginning
13 |   of the test unless the test case is marked as async.
14 |   """
15 | 
16 |   use ExUnit.CaseTemplate
17 | 
18 |   using do
19 |     quote do
20 |       # Import conveniences for testing with channels
21 |       use Phoenix.ChannelTest
22 | 
23 |       alias StubOnWeb.Repo
24 |       import Ecto.Model
25 |       import Ecto.Query, only: [from: 2]
26 | 
27 | 
28 |       # The default endpoint for testing
29 |       @endpoint StubOnWeb.Endpoint
30 |     end
31 |   end
32 | 
33 |   setup tags do
34 |     unless tags[:async] do
35 |       # Ecto.Adapters.SQL.restart_test_transaction(StubOnWeb.Repo, [])
36 |       Mongo.Ecto.truncate(StubOnWeb.Repo)
37 |     end
38 | 
39 |     :ok
40 |   end
41 | end
42 | 


--------------------------------------------------------------------------------
/test/support/conn_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.ConnCase do
 2 |   @moduledoc """
 3 |   This module defines the test case to be used by
 4 |   tests that require setting up a connection.
 5 | 
 6 |   Such tests rely on `Phoenix.ConnTest` and also
 7 |   imports other functionality to make it easier
 8 |   to build and query models.
 9 | 
10 |   Finally, if the test case interacts with the database,
11 |   it cannot be async. For this reason, every test runs
12 |   inside a transaction which is reset at the beginning
13 |   of the test unless the test case is marked as async.
14 |   """
15 | 
16 |   use ExUnit.CaseTemplate
17 | 
18 |   using do
19 |     quote do
20 |       # Import conveniences for testing with connections
21 |       use Phoenix.ConnTest
22 | 
23 |       alias StubOnWeb.Repo
24 |       import Ecto.Model
25 |       import Ecto.Query, only: [from: 2]
26 | 
27 |       import StubOnWeb.Router.Helpers
28 | 
29 |       # The default endpoint for testing
30 |       @endpoint StubOnWeb.Endpoint
31 |     end
32 |   end
33 | 
34 |   setup tags do
35 |     unless tags[:async] do
36 |       # Ecto.Adapters.SQL.restart_test_transaction(StubOnWeb.Repo, [])
37 |       Mongo.Ecto.truncate(StubOnWeb.Repo)
38 |     end
39 | 
40 |     :ok
41 |   end
42 | end
43 | 


--------------------------------------------------------------------------------
/test/support/model_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.ModelCase do
 2 |   @moduledoc """
 3 |   This module defines the test case to be used by
 4 |   model tests.
 5 | 
 6 |   You may define functions here to be used as helpers in
 7 |   your model tests. See `errors_on/2`'s definition as reference.
 8 | 
 9 |   Finally, if the test case interacts with the database,
10 |   it cannot be async. For this reason, every test runs
11 |   inside a transaction which is reset at the beginning
12 |   of the test unless the test case is marked as async.
13 |   """
14 | 
15 |   use ExUnit.CaseTemplate
16 | 
17 |   using do
18 |     quote do
19 |       alias StubOnWeb.Repo
20 |       import Ecto.Model
21 |       import Ecto.Query, only: [from: 2]
22 |       import StubOnWeb.ModelCase
23 |     end
24 |   end
25 | 
26 |   setup tags do
27 |     unless tags[:async] do
28 |       # Ecto.Adapters.SQL.restart_test_transaction(StubOnWeb.Repo, [])
29 |       Mongo.Ecto.truncate(StubOnWeb.Repo)
30 |     end
31 | 
32 |     :ok
33 |   end
34 | 
35 |   @doc """
36 |   Helper for returning list of errors in model when passed certain data.
37 | 
38 |   ## Examples
39 | 
40 |   Given a User model that lists `:name` as a required field and validates
41 |   `:password` to be safe, it would return:
42 | 
43 |       iex> errors_on(%User{}, password: "password")
44 |       [password: "is unsafe", name: "is blank"]
45 | 
46 |   You could then write your assertion like:
47 | 
48 |       assert {:password, "is unsafe"} in errors_on(%User{}, password: "password")
49 | 
50 |   You can also create the changeset manually and retrieve the errors
51 |   field directly:
52 | 
53 |       iex> changeset = User.changeset(%User{}, password: "password")
54 |       iex> {:password, "is unsafe"} in changeset.errors
55 |       true
56 |   """
57 |   def errors_on(model, data) do
58 |     model.__struct__.changeset(model, data).errors
59 |   end
60 | end
61 | 


--------------------------------------------------------------------------------
/test/test_helper.exs:
--------------------------------------------------------------------------------
1 | ExUnit.start
2 | 
3 | Mix.Task.run "ecto.create", ["--quiet"]
4 | Mix.Task.run "ecto.migrate", ["--quiet"]
5 | # Ecto.Adapters.SQL.begin_test_transaction(StubOnWeb.Repo)


--------------------------------------------------------------------------------
/test/views/error_view_test.exs:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.ErrorViewTest do
 2 |   use StubOnWeb.ConnCase, async: true
 3 | 
 4 |   # Bring render/3 and render_to_string/3 for testing custom views
 5 |   import Phoenix.View
 6 | 
 7 |   test "renders 404.html" do
 8 |     assert render_to_string(StubOnWeb.ErrorView, "404.html", []) ==
 9 |            "Page not found"
10 |   end
11 | 
12 |   test "render 500.html" do
13 |     assert render_to_string(StubOnWeb.ErrorView, "500.html", []) ==
14 |            "Server internal error"
15 |   end
16 | 
17 |   test "render any other" do
18 |     assert render_to_string(StubOnWeb.ErrorView, "505.html", []) ==
19 |            "Server internal error"
20 |   end
21 | end
22 | 


--------------------------------------------------------------------------------
/test/views/layout_view_test.exs:
--------------------------------------------------------------------------------
1 | defmodule StubOnWeb.LayoutViewTest do
2 |   use StubOnWeb.ConnCase, async: true
3 | end


--------------------------------------------------------------------------------
/test/views/page_view_test.exs:
--------------------------------------------------------------------------------
1 | defmodule StubOnWeb.PageViewTest do
2 |   use StubOnWeb.ConnCase, async: true
3 | end
4 | 


--------------------------------------------------------------------------------
/web/channels/user_socket.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.UserSocket do
 2 |   use Phoenix.Socket
 3 | 
 4 |   ## Channels
 5 |   # channel "rooms:*", StubOnWeb.RoomChannel
 6 | 
 7 |   ## Transports
 8 |   transport :websocket, Phoenix.Transports.WebSocket
 9 |   # transport :longpoll, Phoenix.Transports.LongPoll
10 | 
11 |   # Socket params are passed from the client and can
12 |   # be used to verify and authenticate a user. After
13 |   # verification, you can put default assigns into
14 |   # the socket that will be set for all channels, ie
15 |   #
16 |   #     {:ok, assign(socket, :user_id, verified_user_id)}
17 |   #
18 |   # To deny connection, return `:error`.
19 |   #
20 |   # See `Phoenix.Token` documentation for examples in
21 |   # performing token verification on connect.
22 |   def connect(_params, socket) do
23 |     {:ok, socket}
24 |   end
25 | 
26 |   # Socket id's are topics that allow you to identify all sockets for a given user:
27 |   #
28 |   #     def id(socket), do: "users_socket:#{socket.assigns.user_id}"
29 |   #
30 |   # Would allow you to broadcast a "disconnect" event and terminate
31 |   # all active sockets and channels for a given user:
32 |   #
33 |   #     StubOnWeb.Endpoint.broadcast("users_socket:" <> user.id, "disconnect", %{})
34 |   #
35 |   # Returning `nil` makes this socket anonymous.
36 |   def id(_socket), do: nil
37 | end
38 | 


--------------------------------------------------------------------------------
/web/controllers/stub_url_controller.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.StubUrlController do
 2 |   use StubOnWeb.Web, :controller
 3 | 
 4 |   alias StubOnWeb.StubUrl
 5 |   alias StubOnWeb.StubUrlCall
 6 | 
 7 |   plug :scrub_params, "stub_url" when action in [:create, :update]
 8 | 
 9 |   def new(conn, params) do
10 |     changeset = StubUrl.new_changeset(params["template"])
11 |     previous_stub_url = if params["previous_path"], do: %StubUrl{path: params["previous_path"]}, else: nil
12 |     render(conn, "new.html", changeset: changeset, previous_stub_url: previous_stub_url)
13 |   end
14 | 
15 |   def create(conn, %{"stub_url" => stub_url_params}) do
16 |     changeset = StubUrl.changeset(%StubUrl{}, stub_url_params)
17 | 
18 |     case Repo.insert(changeset) do
19 |       {:ok, stub_url} ->
20 |         conn
21 |         |> redirect(to: stub_url_path(conn, :new, previous_path: stub_url.path))
22 |       {:error, changeset} ->
23 |         conn 
24 |         |> put_status(422)
25 |         |> render("new.html", changeset: changeset, previous_stub_url: nil)
26 |     end
27 |   end
28 | 
29 |   def show(conn, %{"path_fragments" => path_fragments}) do
30 |     stub_url = StubUrl.get_by_path_fragments!(path_fragments)
31 |     response_headers = stub_url.response_headers || []
32 |     conn = Enum.reduce(response_headers, conn, fn(header, conn) -> 
33 |       put_resp_header(conn, String.downcase(header.name), header.value) 
34 |     end)
35 |     StubUrl.notify_call(stub_url, conn)
36 |     send_resp(conn, stub_url.response_status, stub_url.response_body || "")
37 |   end
38 | 
39 |   def show_calls(conn, %{"path_fragments" => path_fragments}) do
40 |     max_stub_url_calls = Application.get_env(:stub_on_web, :max_stub_url_calls)
41 |     stub_url = StubUrl.get_by_path_fragments!(path_fragments) 
42 |               |> Repo.preload(calls: from(c in StubUrlCall, limit: ^max_stub_url_calls, order_by: [desc: c.inserted_at]))
43 |     render(conn, "calls.html", stub_url: stub_url, max_stub_url_calls: max_stub_url_calls)
44 |   end
45 | 
46 |   def edit(conn, %{"path_fragments" => path_fragments}) do
47 |     stub_url = StubUrl.get_by_path_fragments!(path_fragments)
48 |     changeset = StubUrl.changeset(stub_url)
49 |     render(conn, "edit.html", stub_url: stub_url, changeset: changeset)
50 |   end
51 | 
52 |   def update(conn, %{"id" => id, "stub_url" => stub_url_params}) do
53 |     stub_url = Repo.get!(StubUrl, id)
54 |     stub_url_params = Map.put(stub_url_params, "response_headers", stub_url_params["response_headers"] || [])
55 |     changeset = StubUrl.changeset(stub_url, stub_url_params)
56 | 
57 |     case Repo.update(changeset) do
58 |       {:ok, stub_url} ->
59 |         conn
60 |         |> put_flash(:success, 'Updated successfully')
61 |         |> redirect(to: stub_url_path(conn, :edit, StubUrl.path_fragments(stub_url)))
62 |       {:error, changeset} ->
63 |         conn 
64 |         |> put_status(422)
65 |         |> render("edit.html", stub_url: stub_url, changeset: changeset)
66 |     end
67 |   end
68 | end
69 | 


--------------------------------------------------------------------------------
/web/models/http_header.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.HttpHeader do
 2 |   use StubOnWeb.Web, :model
 3 | 
 4 |   embedded_schema do
 5 |     field :name, :string
 6 |     field :value, :string
 7 |   end
 8 | 
 9 |   @required_fields ~w(name value)
10 |   @optional_fields ~w()
11 | 
12 |   def changeset(model, params \\ :empty) do
13 |     model
14 |     |> cast(params, @required_fields, @optional_fields)
15 |   end
16 | end


--------------------------------------------------------------------------------
/web/models/http_request.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.HttpRequest do
 2 |   use StubOnWeb.Web, :model
 3 | 
 4 |   embedded_schema do
 5 |     field :method, :string
 6 |     field :url, :string
 7 |     field :body, :string
 8 |     embeds_many :headers, StubOnWeb.HttpHeader, on_replace: :delete
 9 |   end
10 | 
11 |   @required_fields ~w(method url)
12 |   @optional_fields ~w(headers body)
13 | 
14 |   def changeset(model, params \\ :empty) do
15 |     model
16 |     |> cast(params, @required_fields, @optional_fields)
17 |   end
18 | end
19 | 


--------------------------------------------------------------------------------
/web/models/http_response.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.HttpResponse do
 2 |   use StubOnWeb.Web, :model
 3 | 
 4 |   embedded_schema do
 5 |     field :status, :integer
 6 |     field :body, :string
 7 |     embeds_many :headers, StubOnWeb.HttpHeader, on_replace: :delete
 8 |   end
 9 | 
10 |   @required_fields ~w(status)
11 |   @optional_fields ~w(headers body)
12 | 
13 |   def changeset(model, params \\ :empty) do
14 |     model
15 |     |> cast(params, @required_fields, @optional_fields)
16 |   end
17 | end


--------------------------------------------------------------------------------
/web/models/stub_url.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.StubUrl do
 2 |   use StubOnWeb.Web, :model
 3 | 
 4 |   alias StubOnWeb.StubUrl
 5 |   alias StubOnWeb.HttpHeader
 6 |   alias StubOnWeb.StubUrlCall
 7 |   alias StubOnWeb.Repo
 8 | 
 9 |   @primary_key {:id, :binary_id, autogenerate: true}
10 |   @foreign_key_type :binary_id
11 |   
12 |   schema "stub_urls" do
13 |     field :path, :string
14 |     field :response_status, :integer
15 |     field :response_body, :string
16 |     field :min_delay, :integer, default: 0
17 |     embeds_many :response_headers, HttpHeader, on_replace: :delete
18 |     has_many :calls, StubUrlCall, on_delete: :delete_all, on_replace: :delete
19 |     timestamps
20 |   end
21 | 
22 |   @required_fields ~w(path response_status response_headers)
23 |   @optional_fields ~w(response_body min_delay)
24 |   @number_milliseconds_in_a_second 1_000
25 | 
26 |   def changeset(model, params \\ :empty) do
27 |     model
28 |     |> cast(params, @required_fields, @optional_fields)
29 |     |> unique_constraint(:path)
30 |     |> validate_number(:min_delay, greater_than_or_equal_to: 0, less_than_or_equal_to: Application.get_env(:stub_on_web, :max_allowed_delay))
31 |   end
32 | 
33 |   def new_changeset(template) do
34 |     random_path = Ecto.UUID.generate |> String.split("-") |> List.last
35 |     default_attrs = %{path: random_path, response_status: 200} |> Map.merge(_get_attrs_for_template(template))
36 |     StubUrl.changeset(%StubUrl{}, default_attrs)
37 |   end
38 | 
39 |   def path_fragments(model) do
40 |     path = model.path || ""
41 |     String.split(path, "/")
42 |   end
43 | 
44 |   def get_by_path_fragments!(path_fragments) do
45 |     path = path_fragments |> Enum.join("/")
46 |     Repo.one!(from s in StubUrl, where: s.path == ^path or s.path == ^(path <> "/"))
47 |   end
48 | 
49 |   def notify_call(stub_url, conn) do
50 |     _capture_call(stub_url, conn)
51 |     min_delay = stub_url.min_delay || 0
52 |     :timer.sleep(min_delay * @number_milliseconds_in_a_second)
53 |   end
54 | 
55 |   def _get_attrs_for_template(template) do
56 |     stub_url_templates = Application.get_env(:stub_on_web, :stub_url_templates) || %{}
57 |     case template do
58 |       nil -> %{}
59 |       _ -> stub_url_templates[String.to_atom(template)] || %{response_body: "Couldn't find template : #{template}" }
60 |     end
61 |   end
62 | 
63 |   def _capture_call(stub_url, conn) do
64 |     request_headers = _get_request_headers(conn)
65 |     request_body = conn.private[:raw_body]
66 |     request_data = %{url: _get_url_from_conn(conn), body: request_body, method: conn.method, headers: request_headers}
67 |     response_headers = Enum.map(stub_url.response_headers, fn header -> %{name: header.name, value: header.value} end)
68 |     response_data = %{status: stub_url.response_status, headers: response_headers, body: stub_url.response_body}
69 |     call_data = %{request: request_data, response: response_data, stub_url_id: stub_url.id}
70 |     changeset = StubUrlCall.changeset(%StubUrlCall{}, call_data)
71 |     Repo.insert!(changeset)
72 | 
73 |     max_stub_url_calls = Application.get_env(:stub_on_web, :max_stub_url_calls)
74 |     oldest_call_time = Repo.one from c in StubUrlCall,
75 |                          select: c.inserted_at,
76 |                          where: c.stub_url_id == ^stub_url.id,
77 |                          order_by: [desc: c.inserted_at],
78 |                          offset: ^max_stub_url_calls,
79 |                          limit: 1
80 |     if oldest_call_time do
81 |       Repo.delete_all from c in StubUrlCall,
82 |                      where: c.stub_url_id == ^stub_url.id and c.inserted_at < ^oldest_call_time
83 |     end                     
84 |   end
85 | 
86 |   def _get_url_from_conn(conn) do
87 |     if(conn.query_string != nil and conn.query_string != "") do conn.request_path <> "?" <> conn.query_string else conn.request_path end
88 |   end
89 | 
90 |   def _get_request_headers(conn) do
91 |     ignore_request_headers = Application.get_env(:stub_on_web, :ignore_request_headers)
92 |     normarlized_ignore_request_headers = ignore_request_headers |> Enum.map(&String.downcase(&1))
93 |     Enum.into(conn.req_headers, %{})
94 |     |> Map.drop(normarlized_ignore_request_headers)
95 |     |> Enum.map(fn {name, value} -> %{name: name, value: value} end)
96 |   end
97 | end
98 | 


--------------------------------------------------------------------------------
/web/models/stub_url_call.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.StubUrlCall do
 2 |   use StubOnWeb.Web, :model
 3 | 
 4 |   @primary_key {:id, :binary_id, autogenerate: true}
 5 |   @foreign_key_type :binary_id  
 6 | 
 7 |   schema "stub_url_calls" do
 8 |     embeds_one :request, StubOnWeb.HttpRequest, on_replace: :delete
 9 |     embeds_one :response, StubOnWeb.HttpResponse, on_replace: :delete
10 |     belongs_to :stub_url, StubOnWeb.StubUrl
11 |     timestamps
12 |   end
13 | 
14 |   @required_fields ~w(request response stub_url_id)
15 |   @optional_fields ~w()
16 | 
17 |   def changeset(model, params \\ :empty) do
18 |     model
19 |     |> cast(params, @required_fields, @optional_fields)
20 |   end
21 | end


--------------------------------------------------------------------------------
/web/router.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.Router do
 2 |   use StubOnWeb.Web, :router
 3 | 
 4 |   pipeline :browser do
 5 |     plug :accepts, ["html"]
 6 |     plug :fetch_session
 7 |     plug :fetch_flash
 8 |     plug :protect_from_forgery
 9 |     plug :put_secure_browser_headers
10 |   end
11 | 
12 |   pipeline :api do
13 |     plug :accepts, ["json"]
14 |   end
15 | 
16 |   scope "/", StubOnWeb do
17 |     pipe_through :browser # Use the default browser stack
18 | 
19 |     get "/", StubUrlController, :new
20 |     get "/new", StubUrlController, :new
21 |     get "/new/:template", StubUrlController, :new
22 |     resources "/stub_urls", StubUrlController, only: [:new, :create, :update]
23 |     get "/edit/*path_fragments", StubUrlController, :edit
24 |     get "/calls/*path_fragments", StubUrlController, :show_calls
25 |   end
26 | 
27 | 
28 |   scope "/", StubOnWeb do
29 |     # TODO: Figure out one liner to add below routes
30 |     get "/*path_fragments", StubUrlController, :show
31 |     post "/*path_fragments", StubUrlController, :show
32 |     put "/*path_fragments", StubUrlController, :show
33 |     delete "/*path_fragments", StubUrlController, :show
34 |     head "/*path_fragments", StubUrlController, :show
35 |     patch "/*path_fragments", StubUrlController, :show
36 |     options "/*path_fragments", StubUrlController, :show
37 |   end
38 | 
39 |   # Other scopes may use custom stacks.
40 |   # scope "/api", StubOnWeb do
41 |   #   pipe_through :api
42 |   # end
43 | end
44 | 


--------------------------------------------------------------------------------
/web/static/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/endeepak/stub_on_web/7010b1ac0a2023e111b21fe78dffade917c0c791/web/static/assets/favicon.ico


--------------------------------------------------------------------------------
/web/static/assets/images/phoenix.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/endeepak/stub_on_web/7010b1ac0a2023e111b21fe78dffade917c0c791/web/static/assets/images/phoenix.png


--------------------------------------------------------------------------------
/web/static/assets/robots.txt:
--------------------------------------------------------------------------------
1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
2 | #
3 | # To ban all spiders from the entire site uncomment the next two lines:
4 | # User-agent: *
5 | # Disallow: /
6 | 


--------------------------------------------------------------------------------
/web/static/css/app.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap v3.1.1 (http://getbootstrap.com)
 3 |  * Copyright 2011-2014 Twitter, Inc.
 4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 5 |  */
 6 | 
 7 | /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{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: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-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{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: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)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{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: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)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{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: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)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{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: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)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}}
 8 | 
 9 | /* Phoenix flash messages */
10 | .alert:empty { display: none; }
11 | 
12 | /* Phoenix inline forms in links and buttons */
13 | form.link, form.button {
14 |   display: inline;
15 | }
16 | 
17 | /* Customize container */
18 | @media (min-width: 768px) {
19 |   .container {
20 |     max-width: 730px;
21 |   }
22 | }
23 | .container-narrow > hr {
24 |   margin: 30px 0;
25 | }
26 | 
27 | h3 {
28 | 	margin-bottom: 30px;
29 | }
30 | 
31 | 
32 | html, body {
33 | 	height: 100%;
34 | }
35 | 
36 | #main-content {
37 | 	min-height: 100%;
38 | }
39 | 
40 | footer {
41 |     background: #313742;
42 |     color: #7d7d7d;
43 |     text-align: center;
44 |     padding: 10px;
45 | }
46 | 
47 | footer a, footer a:hover, footer a:focus {
48 |   color: #C6C6C6;
49 | }
50 | 
51 | #response-headers {
52 | 	padding: 0;
53 | }
54 | 
55 | li.response-header {
56 | 	list-style: none;
57 | }
58 | 
59 | .panel-heading .response-status {
60 | 	float: right;
61 | }
62 | 
63 | .panel-body {
64 | 	overflow: scroll;
65 | }
66 | 
67 | #stub-url-search {
68 | 	width: 20em;
69 | }
70 | 
71 | .header-name {
72 | 	min-width: 200px;
73 | }


--------------------------------------------------------------------------------
/web/static/js/app.js:
--------------------------------------------------------------------------------
 1 | // Brunch automatically concatenates all files in your
 2 | // watched paths. Those paths can be configured at
 3 | // config.paths.watched in "brunch-config.js".
 4 | //
 5 | // However, those files will only be executed if
 6 | // explicitly imported. The only exception are files
 7 | // in vendor, which are never wrapped in imports and
 8 | // therefore are always executed.
 9 | 
10 | // Import dependencies
11 | //
12 | // If you no longer want to use a dependency, remember
13 | // to also remove its path from "config.paths.watched".
14 | // import "deps/phoenix_html/web/static/js/phoenix_html"
15 | 
16 | // Import local files
17 | //
18 | // Local files can be imported directly using relative
19 | // paths "./socket" or full ones "web/static/js/socket".
20 | 
21 | // import socket from "./socket"
22 | 
23 | 
24 | $('body').on('click', '.add-response-header', function() {
25 | 	var responseHeader = $('#response-header-template').html().replace(/\$index/g, $('.response-header').length)
26 | 	$('#response-headers').append(responseHeader);
27 | });
28 | 
29 | $('body').on('click', '.remove-trigger', function() {
30 | 	$(this).closest('.removable').remove();
31 | });
32 | 
33 | $(function() {
34 | 	// Remove hidden ids to ensure deletes work fine by removing DOM
35 | 	$('#response-headers input[type=hidden]').remove();
36 | 
37 | 	$('span[data-time]').each(function() {
38 | 		var localDateString = moment($(this).data('time')).format('YYYY-MM-DD HH:mm:ss');
39 | 		$(this).html(localDateString);
40 | 	});
41 | 
42 | 	$('button[name="stub-url-action"]').on('click', function(){
43 | 		$(this).closest('form').data('stub-url-action', $(this).val());
44 | 	});
45 | 
46 | 	$('.stub-url-action-form').on('submit', function(e) {
47 | 		e.preventDefault();
48 | 		var stubUrl = $(this).find('input[type="text"]').val();
49 | 		var action = $(this).data('stub-url-action') || $('button[name="stub-url-action"]:first').val();
50 | 		var host = window.location.host;
51 | 		var rawStuburlPath = stubUrl.replace(/(http|https):\/\//g, '').replace(host, '');
52 | 		var stubUrlPath = rawStuburlPath.startsWith("/") ? rawStuburlPath.substring(1) : rawStuburlPath;
53 | 		window.location = "/" + action + "/" + stubUrlPath;
54 | 	});
55 | 
56 | 	$('body').on('focus', '.response-header-name:not(.ui-autocomplete-input)', function () {
57 |     	$(this).autocomplete({        
58 |         	source: ["Access-Control-Allow-Origin", "Accept-Patch", "Accept-Ranges", "Age", "Allow", 
59 | 					"Cache-Control", "Connection", "Content-Disposition", "Content-Encoding", "Content-Language",
60 | 					"Content-Length", "Content-Location", "Content-MD5", "Content-Range", "Content-Type", "Date",
61 | 					"ETag", "Expires", "Last-Modified", "Link", "Location", "P3P", "Pragma", "Proxy-Authenticate",
62 | 					"Public-Key-Pins", "Refresh", "Retry-After", "Server", "Set-Cookie", "Status","Strict-Transport-Security",
63 | 					"Trailer", "Transfer-Encoding", "Upgrade", "Vary", "Via", "Warning", "WWW-Authenticate", 
64 | 					"X-Frame-Options", "X-XSS-Protection", "Content-Security-Policy", "X-Content-Security-Policy",
65 | 					"X-WebKit-CSP", "X-Content-Type-Options", "X-Powered-By", "X-UA-Compatible", "X-Content-Duration"]
66 | 		});
67 | 	});
68 | });


--------------------------------------------------------------------------------
/web/static/js/socket.js:
--------------------------------------------------------------------------------
 1 | // NOTE: The contents of this file will only be executed if
 2 | // you uncomment its entry in "web/static/js/app.js".
 3 | 
 4 | // To use Phoenix channels, the first step is to import Socket
 5 | // and connect at the socket path in "lib/my_app/endpoint.ex":
 6 | import {Socket} from "deps/phoenix/web/static/js/phoenix"
 7 | 
 8 | let socket = new Socket("/socket")
 9 | 
10 | // When you connect, you'll often need to authenticate the client.
11 | // For example, imagine you have an authentication plug, `MyAuth`,
12 | // which authenticates the session and assigns a `:current_user`.
13 | // If the current user exists you can assign the user's token in
14 | // the connection for use in the layout.
15 | //
16 | // In your "web/router.ex":
17 | //
18 | //     pipeline :browser do
19 | //       ...
20 | //       plug MyAuth
21 | //       plug :put_user_token
22 | //     end
23 | //
24 | //     defp put_user_token(conn, _) do
25 | //       if current_user = conn.assigns[:current_user] do
26 | //         token = Phoenix.Token.sign(conn, "user socket", current_user.id)
27 | //         assign(conn, :user_token, token)
28 | //       else
29 | //         conn
30 | //       end
31 | //     end
32 | //
33 | // Now you need to pass this token to JavaScript. You can do so
34 | // inside a script tag in "web/templates/layout/app.html.eex":
35 | //
36 | //     <script>window.userToken = "<%= assigns[:user_token] %>";</script>
37 | //
38 | // You will need to verify the user token in the "connect/2" function
39 | // in "web/channels/user_socket.ex":
40 | //
41 | //     def connect(%{"token" => token}, socket) do
42 | //       # max_age: 1209600 is equivalent to two weeks in seconds
43 | //       case Phoenix.Token.verify(socket, "user socket", token, max_age: 1209600) do
44 | //         {:ok, user_id} ->
45 | //           {:ok, assign(socket, :user, user_id)}
46 | //         {:error, reason} ->
47 | //           :error
48 | //       end
49 | //     end
50 | //
51 | // Finally, pass the token on connect as below. Or remove it
52 | // from connect if you don't care about authentication.
53 | 
54 | socket.connect({token: window.userToken})
55 | 
56 | // Now that you are connected, you can join channels with a topic:
57 | let channel = socket.channel("topic:subtopic", {})
58 | channel.join()
59 |   .receive("ok", resp => { console.log("Joined successfully", resp) })
60 |   .receive("error", resp => { console.log("Unable to join", resp) })
61 | 
62 | export default socket
63 | 


--------------------------------------------------------------------------------
/web/templates/layout/app.html.eex:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |     <meta name="description" content="">
 8 |     <meta name="author" content="">
 9 | 
10 |     <title>StubOnWeb</title>
11 |     <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
12 |     <link rel="stylesheet" href="<%= static_path(@conn, "/css/app.css") %>">
13 |   </head>
14 | 
15 |   <body>
16 |     <nav class="navbar navbar-default">
17 |       <a target="_new" href="https://github.com/endeepak/stub_on_web" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#428bca; color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
18 |       <div class="container-fluid">
19 |         <div class="navbar-header">
20 |           <a class="navbar-brand" href="/">StubOnWeb (Beta)</a>
21 |         </div>
22 |         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
23 |           <ul class="nav navbar-nav">
24 |             <li><a href="<%= stub_url_url(@conn, :new) %>">Add New</a></li>
25 |           </ul>
26 |           <form class="navbar-form navbar-left" role="create">
27 |             <div class="btn-group">
28 |               <a href="/new/json" class="btn btn-default">JSON</a>
29 |               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
30 |                 <span class="caret"></span>
31 |               </button>
32 |               <ul class="dropdown-menu">
33 |                 <li><a href="/new/xml">XML</a></li>
34 |                 <li><a href="/new/html">HTML</a></li>
35 |               </ul>
36 |             </div>
37 |           </form>
38 |           <form class="navbar-form navbar-left stub-url-action-form" role="search">
39 |             <div class="form-group">
40 |               <input id="stub-url-search" type="text" class="form-control" placeholder="Enter existing stub url or path" required>
41 |             </div>
42 |             <button type="submit" name="stub-url-action" value="calls" class="btn btn-default">Show Calls</button>
43 |             <button type="submit" name="stub-url-action" value="edit" class="btn btn-default">Edit</button>
44 |           </form>
45 |         </div>
46 |       </div>
47 |     </nav>      
48 |     <div id="main-content" class="container" role="main">
49 |       <p class="alert alert-success" role="alert"><%= get_flash(@conn, :success) %></p>
50 |       <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
51 |       <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
52 | 
53 |       <%= @inner %>
54 | 
55 |     </div> <!-- /container -->
56 |     <footer class="footer">
57 |       Created by <a href="https://github.com/endeepak" target="_blank">endeepak</a>
58 |     </footer>
59 |     <script src="//code.jquery.com/jquery-1.10.2.js"></script>
60 |     <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
61 |     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
62 |     <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
63 |     <script src="<%= static_path(@conn, "/js/app.js") %>"></script>
64 |   </body>
65 | </html>
66 | 


--------------------------------------------------------------------------------
/web/templates/stub_url/_access_info.html.eex:
--------------------------------------------------------------------------------
 1 | <%= if @stub_url do %>
 2 | 	<div class="alert alert-info" role="alert">
 3 | 		<p>
 4 | 			Access URL:  
 5 | 			<a href="<%= get_stub_url_url(@conn, :show, @stub_url) %>">
 6 | 				<%= get_stub_url_url(@conn, :show, @stub_url) %>
 7 | 			</a> 
 8 | 		</p>
 9 | 		<p>
10 | 		Edit URL: 
11 | 			<a href="<%= get_stub_url_url(@conn, :edit, @stub_url) %>">
12 | 				<%= get_stub_url_url(@conn, :edit, @stub_url) %>
13 | 			</a> 
14 | 		</p>
15 | 	</div>
16 | <%= end %>


--------------------------------------------------------------------------------
/web/templates/stub_url/_http_body.html.eex:
--------------------------------------------------------------------------------
1 | <%= if(@body != nil and @body != "") do %>
2 | 	<h6>Body</h6>
3 | 	<pre><%= @body %></pre>
4 | <%= end %>
5 | 


--------------------------------------------------------------------------------
/web/templates/stub_url/_http_headers.html.eex:
--------------------------------------------------------------------------------
 1 | <%= if length(@headers) > 0 do %>
 2 | 	<h6>Headers</h6>
 3 | 	<table class="table">
 4 | 		<%= for header <- @headers do %>
 5 | 			<tr>
 6 | 				<td class="header-name"><%= humanize(header.name) %></td>
 7 | 				<td class="header-value"><%= header.value %></td>
 8 | 			</tr>
 9 | 		<%= end %>	
10 | 	</table>
11 | <%= end %>	
12 | 
13 | 


--------------------------------------------------------------------------------
/web/templates/stub_url/calls.html.eex:
--------------------------------------------------------------------------------
 1 | <%= if length(@stub_url.calls) == 0 do %>
 2 | 	<h5>There are no calls for <a href="<%= get_stub_url_url(@conn, :show, @stub_url) %>"> <%= get_stub_url_url(@conn, :show, @stub_url) %> </a> yet</h5>
 3 | <%= end %>
 4 | <ol class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 5 | <%= for {call, index} <- Enum.with_index(@stub_url.calls) do %>
 6 |   <li class="panel panel-default">
 7 |     <div class="panel-heading" role="tab" id="call-<%= call.id %>-heading">
 8 |       <h4 class="panel-title">
 9 |         <a role="button" data-toggle="collapse" data-parent="#accordion" href="#call-<%= call.id %>" aria-expanded="true" aria-controls="collapseOne">
10 | 			<span data-time="<%= call.inserted_at |> Ecto.DateTime.to_iso8601 %>"><%= call.inserted_at |> Ecto.DateTime.to_iso8601%></span> | 
11 | 			<span> <%= call.request.method %>  <%= call.request.url %></span>
12 | 			<span class="response-status"><%= call.response.status %></span>
13 |         </a>
14 |       </h4>
15 |     </div>
16 |     <div id="call-<%= call.id %>" class="panel-collapse collapse <%= if(index==0) do "in" end %>" role="tabpanel" aria-labelledby="call-<%= call.id %>-heading">
17 |       <div class="panel-body">
18 | 		  <ul class="nav nav-tabs" role="tablist">
19 | 		    <li role="presentation" class="active">
20 | 		    	<a href="#call-<%= call.id %>-request" aria-controls="call-<%= call.id %>-request" role="tab" data-toggle="tab">Request</a>
21 | 		    </li>
22 | 		    <li role="presentation">
23 | 		    	<a href="#call-<%= call.id %>-response" aria-controls="call-<%= call.id %>-response" role="tab" data-toggle="tab">Response</a>
24 | 		    </li>
25 | 		  </ul>
26 | 
27 | 		  <div class="tab-content">
28 | 		    <div role="tabpanel" class="tab-pane active" id="call-<%= call.id %>-request">
29 | 				<%= render "_http_body.html", body: call.request.body %>
30 | 				<%= render "_http_headers.html", headers: call.request.headers %>
31 | 		    </div>
32 | 		    <div role="tabpanel" class="tab-pane" id="call-<%= call.id %>-response">
33 | 				<h6>Status: <%= call.response.status %></h6>
34 | 				<%= render "_http_body.html", body: call.response.body %>
35 | 				<%= render "_http_headers.html", headers: call.response.headers %>
36 | 		    </div>
37 | 		  </div>
38 |       </div>
39 |     </div>
40 |   </li>
41 | <%= end %>	
42 | 
43 | <%= if length(@stub_url.calls) == @max_stub_url_calls do %>
44 | 	<p class="alert panel panel-default">
45 | 		<b>Looking for previous calls?</b>
46 | 		Sorry, this application is configured to store only recent <%= @max_stub_url_calls %> calls
47 | 	</p>
48 | <%= end %>
49 | </ol>
50 | 


--------------------------------------------------------------------------------
/web/templates/stub_url/edit.html.eex:
--------------------------------------------------------------------------------
1 | <h3>Edit URL</h3>
2 | 
3 | <%= render "form.html", changeset: @changeset, conn: @conn,
4 | 						action_label: "Update",
5 |                         action: stub_url_path(@conn, :update, @stub_url) %>


--------------------------------------------------------------------------------
/web/templates/stub_url/form.html.eex:
--------------------------------------------------------------------------------
 1 | <script type="text/html" id="response-header-template">
 2 |   <li class="form-group response-header removable">
 3 |     <div class="row">
 4 |       <div class="col-md-4">
 5 |         <input name="stub_url[response_headers][$index][name]" class="form-control response-header-name" required/>
 6 |       </div>
 7 |       <div class="col-md-7">
 8 |         <input name="stub_url[response_headers][$index][value]" class="form-control" required/>
 9 |       </div>
10 |       <div class="col-md-1">
11 |         <a class="btn btn-danger btn-sm remove-trigger">&times;</a>
12 |       </div>
13 |     </div>
14 |   </li>
15 | </script>
16 | 
17 | <%= form_for @changeset, @action, fn f -> %>
18 |   <%= if @changeset.action do %>
19 |     <div class="alert alert-danger">
20 |       <p>Oops, something went wrong! Please check the errors below:</p>
21 |       <ul>
22 |         <%= for {attr, message} <- f.errors do %>
23 |           <li><%= humanize(attr) %> <%= message %></li>
24 |         <% end %>
25 |       </ul>
26 |     </div>
27 |   <% end %>
28 | 
29 |   <div class="form-group">
30 |     <%= if @changeset.model.id  do %>
31 |       <input class="form-control" value="<%= get_stub_url_url(@conn, :show, @changeset.model) %>" readonly/>
32 |     <%= else %>    
33 |       <div class="input-group">
34 |         <div class="input-group-addon"><%= url(@conn) %>/</div>
35 |         <%= text_input f, :path, class: "form-control", required: "required" %>
36 |       </div>
37 |     <% end %>
38 |   </div>
39 | 
40 |   <div class="row">
41 |     <div class="form-group col-md-6">
42 |       <%= label f, :response_status, "Response status", class: "control-label" %>
43 |       <%= number_input f, :response_status, class: "form-control", required: "required" %>
44 |     </div>
45 | 
46 |     <div class="form-group col-md-6">
47 |       <%= label f, :min_delay, "Minimum Delay", class: "control-label" %>
48 |       <div class="input-group">
49 |         <%= number_input f, :min_delay, class: "form-control", min: 0, max: max_allowed_delay%>
50 |         <div class="input-group-addon">seconds</div>
51 |       </div>
52 |     </div>
53 |   </div>
54 | 
55 | 
56 |   <div class="form-group">
57 |     <label>Response Headers</label>
58 |     <a class="btn btn-primary btn-sm add-response-header">+</a>    
59 |   </div>
60 | 
61 |   <ul id="response-headers">
62 |     <%= inputs_for f, :response_headers, fn h -> %>
63 |       <li class="form-group response-header removable">
64 |         <div class="row">
65 |           <div class="col-md-4">
66 |             <%= text_input h, :name, class: "form-control response-header-name", required: "required" %>
67 |           </div>
68 |           <div class="col-md-7">
69 |             <%= text_input h, :value, class: "form-control", required: "required" %>
70 |           </div>
71 |           <div class="col-md-1">
72 |             <a class="btn btn-danger btn-sm remove-trigger">&times;</a>
73 |           </div>
74 |         </div>
75 |       </li>
76 |     <% end %>
77 |   </ul>
78 | 
79 |   <div class="form-group">
80 |     <%= label f, :response_body, "Response body", class: "control-label" %>
81 |     <%= textarea f, :response_body, class: "form-control", rows: 6 %>
82 |   </div>
83 | 
84 |   <div class="form-group">
85 |     <%= submit @action_label, class: "btn btn-primary" %>
86 |   </div>
87 | <% end %>
88 | 


--------------------------------------------------------------------------------
/web/templates/stub_url/new.html.eex:
--------------------------------------------------------------------------------
1 | <%= render "_access_info.html", conn: @conn,
2 | 							   stub_url: @previous_stub_url %>
3 | 
4 | <h3>New URL</h3>
5 | 
6 | <%= render "form.html", changeset: @changeset, conn: @conn,
7 | 						action_label: "Create",
8 |                         action: stub_url_path(@conn, :create) %>


--------------------------------------------------------------------------------
/web/views/error_view.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.ErrorView do
 2 |   use StubOnWeb.Web, :view
 3 | 
 4 |   def render("404.html", _assigns) do
 5 |     "Page not found"
 6 |   end
 7 | 
 8 |   def render("500.html", _assigns) do
 9 |     "Server internal error"
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(_template, assigns) do
15 |     render "500.html", assigns
16 |   end
17 | end
18 | 


--------------------------------------------------------------------------------
/web/views/layout_view.ex:
--------------------------------------------------------------------------------
1 | defmodule StubOnWeb.LayoutView do
2 |   use StubOnWeb.Web, :view
3 | end
4 | 


--------------------------------------------------------------------------------
/web/views/stub_url_view.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.StubUrlView do
 2 |   use StubOnWeb.Web, :view
 3 | 
 4 |   alias StubOnWeb.StubUrl
 5 | 
 6 |   def get_stub_url_url(conn, action, stub_url) do
 7 |     stub_url_url(conn, action, StubUrl.path_fragments(stub_url))
 8 |   end
 9 | 
10 |   def max_allowed_delay() do
11 |     Application.get_env(:stub_on_web, :max_allowed_delay)
12 |   end
13 | end
14 | 


--------------------------------------------------------------------------------
/web/web.ex:
--------------------------------------------------------------------------------
 1 | defmodule StubOnWeb.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 StubOnWeb.Web, :controller
 9 |       use StubOnWeb.Web, :view
10 | 
11 |   The definitions below will be executed for every view,
12 |   controller, etc, so keep them short and clean, focused
13 |   on imports, uses and aliases.
14 | 
15 |   Do NOT define functions inside the quoted expressions
16 |   below.
17 |   """
18 | 
19 |   def model do
20 |     quote do
21 |       use Ecto.Model
22 |     end
23 |   end
24 | 
25 |   def controller do
26 |     quote do
27 |       use Phoenix.Controller
28 | 
29 |       alias StubOnWeb.Repo
30 |       import Ecto.Model
31 |       import Ecto.Query, only: [from: 1, from: 2]
32 | 
33 |       import StubOnWeb.Router.Helpers
34 |     end
35 |   end
36 | 
37 |   def view do
38 |     quote do
39 |       use Phoenix.View, root: "web/templates"
40 | 
41 |       # Import convenience functions from controllers
42 |       import Phoenix.Controller, only: [get_csrf_token: 0, get_flash: 2, view_module: 1]
43 | 
44 |       # Use all HTML functionality (forms, tags, etc)
45 |       use Phoenix.HTML
46 | 
47 |       import StubOnWeb.Router.Helpers
48 |     end
49 |   end
50 | 
51 |   def router do
52 |     quote do
53 |       use Phoenix.Router
54 |     end
55 |   end
56 | 
57 |   def channel do
58 |     quote do
59 |       use Phoenix.Channel
60 | 
61 |       alias StubOnWeb.Repo
62 |       import Ecto.Model
63 |       import Ecto.Query, only: [from: 1, from: 2]
64 | 
65 |     end
66 |   end
67 | 
68 |   @doc """
69 |   When used, dispatch to the appropriate controller/view/etc.
70 |   """
71 |   defmacro __using__(which) when is_atom(which) do
72 |     apply(__MODULE__, which, [])
73 |   end
74 | end
75 | 


--------------------------------------------------------------------------------