All Projects → edgurgel → Verk_web

edgurgel / Verk_web

Licence: mit
A dashboard for the job processing system that just verks! 🧛‍

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Verk web

Phoenix live dashboard
Realtime dashboard with metrics, request logging, plus storage, OS and VM insights
Stars: ✭ 1,657 (+2109.33%)
Mutual labels:  phoenix, dashboard
Machinery
State machine thin layer for structs (+ GUI for Phoenix apps)
Stars: ✭ 367 (+389.33%)
Mutual labels:  phoenix, dashboard
Kaffy
Powerfully simple admin package for phoenix applications
Stars: ✭ 617 (+722.67%)
Mutual labels:  phoenix, dashboard
Tabix
Tabix.io UI
Stars: ✭ 1,152 (+1436%)
Mutual labels:  dashboard
Flappy Phoenix
🐦 Flappy Bird clone written in Elixir using Phoenix LiveView to render the game UI from the server.
Stars: ✭ 69 (-8%)
Mutual labels:  phoenix
Dashboard React Template
[DEPRECATED] Dashboard admin template made with React.js, Redux, Babel etc.
Stars: ✭ 72 (-4%)
Mutual labels:  dashboard
React Antd Multi Tabs Admin
ts+react+antd-多页签后台模板(纯净版,非 antd pro!)
Stars: ✭ 73 (-2.67%)
Mutual labels:  dashboard
Thingsboard
Open-source IoT Platform - Device management, data collection, processing and visualization.
Stars: ✭ 10,526 (+13934.67%)
Mutual labels:  dashboard
Skeleton
A ready-to-use CodeIgniter skeleton with tons of new features and a whole new concept of hooks (actions and filters) as well as a ready-to-use and application-free themes and plugins system. Facebook Page: http://bit.ly/2oHzpxC | Facebook Group: http://bit.ly/2o3KOrA. Help me carry on making more free stuff → http://bit.ly/2ppNujE ←
Stars: ✭ 74 (-1.33%)
Mutual labels:  dashboard
Ecto morph
morph your Ecto capabilities into the s t r a t o s p h e r e !
Stars: ✭ 72 (-4%)
Mutual labels:  phoenix
Circlerangeview
自定义圆形仪表盘View,适合根据数值显示不同等级范围的场景
Stars: ✭ 71 (-5.33%)
Mutual labels:  dashboard
Dashboard
Customizable personal dashboard and startpage
Stars: ✭ 70 (-6.67%)
Mutual labels:  dashboard
Ansible Dashr
Ansible Dashboard relying on existing Ansible code and logs
Stars: ✭ 72 (-4%)
Mutual labels:  dashboard
Adminlte
Pi-hole Dashboard for stats and more
Stars: ✭ 1,155 (+1440%)
Mutual labels:  dashboard
Expug
Pug templates for Elixir
Stars: ✭ 74 (-1.33%)
Mutual labels:  phoenix
Dashboard.io
Un dashboard pour bot Discord
Stars: ✭ 67 (-10.67%)
Mutual labels:  dashboard
Sing App
💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥
Stars: ✭ 1,187 (+1482.67%)
Mutual labels:  dashboard
Alpine Phoenix Builder
Up to date Alpine image with the latest language versions for staged Elixir and Phoenix builds.
Stars: ✭ 71 (-5.33%)
Mutual labels:  phoenix
Vmdash
A Cloud (vm) Dashboard that allows you to interact with multiple providers from a single panel
Stars: ✭ 71 (-5.33%)
Mutual labels:  dashboard
Phoenixengine
please update from this place https://gitee.com/manykit/PHOENIXEngine.git
Stars: ✭ 71 (-5.33%)
Mutual labels:  phoenix

Build Status Hex pm Coverage Status

VerkWeb

Web interface for Verk

Dashboard

Installation

First, add Verk Web to your mix.exs dependencies:

def deps do
  [{:verk_web, "~> 1.6"},
   {:verk,     "~> 1.0"}]
end

and run

$ mix deps.get

If you'd like to mount VerkWeb on another Endpoint:

defmodule MyApp.Endpoint do
  use VerkWeb.Mount, path: "/verk"
  ...
end

You also have to mount the same path in router.

defmodule MyApp.Router do
  use VerkWeb.MountRoute, path: "/verk"
  ...
end

Then configure the VerkWeb endpoint to know about the new top level path.

# in config.exs

config :verk_web, VerkWeb.Endpoint,
  url: [path: "/verk"]

That should be it! :)

If you'd like to run VerkWeb as stand-alone Endpoint on a different port than the main application:

# in config.exs:
config :verk_web, VerkWeb.Endpoint,
  http: [port: 4000],
  server: true, #-> this is to tell VerkWeb to start a standalone application!
  pubsub: [name: VerkWeb.PubSub, adapter: Phoenix.PubSub.PG2] # The pubsub adapter to use (default)

Now VerkWeb would run on port 4000,

Allowing WebSocket connections

VerkWeb's default host configuration is localhost. While this works in development, in order to allow WebSocket connections (which are required for the auto-updating overview graph) you need to update the host used in Phoenix.Endpoint.url to the host from which you are attempting to connect from. If this is not set correctly you can expect the following error message in your browser console logs:

WebSocket connection to 'ws://<YOUR_HOST>/socket/websocket?vsn=1.0.0' failed: Error during WebSocket handshake: Unexpected response code: 403

To resolve this update your configuration to the actual host for the environment by adding the following configuration:

# in config.exs:
config :verk_web, VerkWeb.Endpoint,
  url: [host: "<YOUR_HOST>"]

What it looks like

Queues Retries

Adding authentication

Add to your config:

# in config.exs:
config :verk_web, :authorization,
  username: "admin",
  password: "simple_password",
  realm: "Admin Area"

or (using environment variables)

config :verk_web, :authorization,
  username: {:system, "BASIC_AUTH_USERNAME"},
  password: {:system, "BASIC_AUTH_PASSWORD"},
  realm:    {:system, "BASIC_AUTH_REALM"}

Development

To start Verk Web app:

  1. Install dependencies with mix deps.get
  2. Install front-end dependencies npm install && bower install
  3. Start Phoenix endpoint with mix phoenix.server

Now you can visit localhost:4000 from your browser.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].