mirror of
https://github.com/outbackdingo/firezone.git
synced 2026-01-27 18:18:55 +00:00
style example working
This commit is contained in:
Jamil Bou Kheir
8
.github/workflows/build_base_images.yml
vendored
8
.github/workflows/build_base_images.yml
vendored
@@ -26,10 +26,4 @@ jobs:
|
||||
username: ${{ github.actor }}
|
||||
password: ${{ secrets.GITHUB_TOKEN }}
|
||||
- uses: actions/checkout@v2
|
||||
- run: |
|
||||
# Required due to a buildx bug.
|
||||
# See https://github.com/docker/buildx/issues/495#issuecomment-761562905
|
||||
docker run --rm --privileged multiarch/qemu-user-static --reset -p yes
|
||||
docker buildx create --name multiarch --driver docker-container --use
|
||||
docker buildx inspect --bootstrap
|
||||
.ci/build_${{ matrix.os }}.base.sh
|
||||
- run: scripts/build_and_push_base_images.sh
|
||||
|
||||
@@ -10,3 +10,4 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
|
||||
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
|
||||
@import "~@fortawesome/fontawesome-free/scss/regular.scss";
|
||||
@import "~@fortawesome/fontawesome-free/scss/brands.scss";
|
||||
@import "~admin-one-bulma-dashboard/src/scss/main.scss";
|
||||
|
||||
76
apps/fz_http/assets/package-lock.json
generated
76
apps/fz_http/assets/package-lock.json
generated
@@ -1348,6 +1348,11 @@
|
||||
"integrity": "sha512-asabaBSkEKosYKMITunzX177CXxQ4Q8BSSzMTKD+FefUhipQC70gfW5SiUDhYQ3vk8G+81HqQk7Fv9OXwwn9KA==",
|
||||
"dev": true
|
||||
},
|
||||
"admin-one-bulma-dashboard": {
|
||||
"version": "git+https://github.com/firezone/admin-one-bulma-dashboard.git#dbbeab13a6eb7f1a172439377f26abbaefa24921",
|
||||
"from": "git+https://github.com/firezone/admin-one-bulma-dashboard.git",
|
||||
"dev": true
|
||||
},
|
||||
"ajv": {
|
||||
"version": "6.12.6",
|
||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
|
||||
@@ -1606,11 +1611,56 @@
|
||||
"integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A=="
|
||||
},
|
||||
"bulma": {
|
||||
"version": "0.9.2",
|
||||
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.2.tgz",
|
||||
"integrity": "sha512-e14EF+3VSZ488yL/lJH0tR8mFWiEQVCMi/BQUMi2TGMBOk+zrDg4wryuwm/+dRSHJw0gMawp2tsW7X1JYUCE3A==",
|
||||
"version": "0.9.3",
|
||||
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.3.tgz",
|
||||
"integrity": "sha512-0d7GNW1PY4ud8TWxdNcP6Cc8Bu7MxcntD/RRLGWuiw/s0a9P+XlH/6QoOIrmbj6o8WWJzJYhytiu9nFjTszk1g==",
|
||||
"dev": true
|
||||
},
|
||||
"bulma-checkbox": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/bulma-checkbox/-/bulma-checkbox-1.1.1.tgz",
|
||||
"integrity": "sha512-16aTRbXQBCdfk8nrWSVJCasD28FudeVF+G+mZfMJc2N/xTcU4XXjzQ6Iya1neKOgXkXQMx9nJOH2n8H7LRztNg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"bulma": "^0.9.0"
|
||||
}
|
||||
},
|
||||
"bulma-radio": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/bulma-radio/-/bulma-radio-1.1.1.tgz",
|
||||
"integrity": "sha512-aIHuMbpBGyZYx8KxbQRdjIy/0M9WHWz5VyxMggwxmCadnN0gd7gC/G96WUy9mhaoIfo9yX/Cf8pKQNinKH+w7w==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"bulma": "^0.9.0"
|
||||
}
|
||||
},
|
||||
"bulma-responsive-tables": {
|
||||
"version": "1.2.3",
|
||||
"resolved": "https://registry.npmjs.org/bulma-responsive-tables/-/bulma-responsive-tables-1.2.3.tgz",
|
||||
"integrity": "sha512-3BMCFxqlfDytNEsLU/WXEJPaTI5YJFtTxrSPv40Fz37r2BpOgPkdIvaxP3E/mgAM1WzPfmgdi5U/vknglOzogg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"bulma": "^0.9.0"
|
||||
}
|
||||
},
|
||||
"bulma-switch-control": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/bulma-switch-control/-/bulma-switch-control-1.1.1.tgz",
|
||||
"integrity": "sha512-uvPhLeiip1P/JZf9nidbA+7cQmUYKzS5vVbzhEAUk0oz6H3hPhHDIef/rUwqig1veRUd7vXBZ1hOcsM9gLxv/A==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"bulma": "^0.9.0"
|
||||
}
|
||||
},
|
||||
"bulma-upload-control": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/bulma-upload-control/-/bulma-upload-control-1.2.0.tgz",
|
||||
"integrity": "sha512-2raueVPVoG3KjHH+7Aok44nGSPIl76qzdkLKX/ziHAOwbiXBrlEYHXca8Hk0UDa0KElLiPT6Eb2Cvz+8FFUwBw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"bulma": "^0.9.0"
|
||||
}
|
||||
},
|
||||
"call-bind": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
|
||||
@@ -1877,9 +1927,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"css-loader": {
|
||||
"version": "5.2.6",
|
||||
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-5.2.6.tgz",
|
||||
"integrity": "sha512-0wyN5vXMQZu6BvjbrPdUJvkCzGEO24HC7IS7nW4llc6BBFC+zwR9CKtYGv63Puzsg10L/o12inMY5/2ByzfD6w==",
|
||||
"version": "5.2.7",
|
||||
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-5.2.7.tgz",
|
||||
"integrity": "sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"icss-utils": "^5.1.0",
|
||||
@@ -1906,12 +1956,12 @@
|
||||
}
|
||||
},
|
||||
"schema-utils": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz",
|
||||
"integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==",
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.0.tgz",
|
||||
"integrity": "sha512-tTEaeYkyIhEZ9uWgAjDerWov3T9MgX8dhhy2r0IGeeX4W8ngtGl1++dUve/RUqzuaASSh7shwCDJjEzthxki8w==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@types/json-schema": "^7.0.6",
|
||||
"@types/json-schema": "^7.0.7",
|
||||
"ajv": "^6.12.5",
|
||||
"ajv-keywords": "^3.5.2"
|
||||
}
|
||||
@@ -3949,9 +3999,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"sass": {
|
||||
"version": "1.35.1",
|
||||
"resolved": "https://registry.npmjs.org/sass/-/sass-1.35.1.tgz",
|
||||
"integrity": "sha512-oCisuQJstxMcacOPmxLNiLlj4cUyN2+8xJnG7VanRoh2GOLr9RqkvI4AxA4a6LHVg/rsu+PmxXeGhrdSF9jCiQ==",
|
||||
"version": "1.35.2",
|
||||
"resolved": "https://registry.npmjs.org/sass/-/sass-1.35.2.tgz",
|
||||
"integrity": "sha512-jhO5KAR+AMxCEwIH3v+4zbB2WB0z67V1X0jbapfVwQQdjHZUGUyukpnoM6+iCMfsIUC016w9OPKQ5jrNOS9uXw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"chokidar": ">=3.0.0 <4.0.0"
|
||||
|
||||
@@ -21,17 +21,23 @@
|
||||
"@babel/core": "^7.14.0",
|
||||
"@babel/preset-env": "^7.14.0",
|
||||
"@fortawesome/fontawesome-free": "^5.15.3",
|
||||
"admin-one-bulma-dashboard": "git+https://github.com/firezone/admin-one-bulma-dashboard.git",
|
||||
"autoprefixer": "^9.8.6",
|
||||
"babel-loader": "^8.2.2",
|
||||
"bulma": "^0.9.2",
|
||||
"bulma": "^0.9.3",
|
||||
"bulma-checkbox": "^1.1.1",
|
||||
"bulma-radio": "^1.1.1",
|
||||
"bulma-responsive-tables": "^1.2.3",
|
||||
"bulma-switch-control": "^1.1.1",
|
||||
"bulma-upload-control": "^1.2.0",
|
||||
"copy-webpack-plugin": "^8.1.1",
|
||||
"css-loader": "^5.2.6",
|
||||
"css-loader": "^5.2.7",
|
||||
"css-minimizer-webpack-plugin": "^3.0.1",
|
||||
"file-loader": "^6.2.0",
|
||||
"mini-css-extract-plugin": "^1.5.0",
|
||||
"postcss": "^8.2.15",
|
||||
"postcss-loader": "^3.0.0",
|
||||
"sass": "^1.32.8",
|
||||
"sass": "^1.35.2",
|
||||
"sass-loader": "^11.0.1",
|
||||
"source-map": "^0.7.3",
|
||||
"url-loader": "^4.1.1",
|
||||
|
||||
@@ -15,7 +15,8 @@ module.exports = (env, options) => ({
|
||||
'./js/app.js': glob.sync('./vendor/**/*.js').concat([
|
||||
// Local JS files to include in the bundle
|
||||
'./js/hooks.js',
|
||||
'./js/app.js'
|
||||
'./js/app.js',
|
||||
'./node_modules/admin-one-bulma-dashboard/src/js/main.js'
|
||||
])
|
||||
},
|
||||
output: {
|
||||
|
||||
12
apps/fz_http/lib/fz_http_web/controllers/admin_controller.ex
Normal file
12
apps/fz_http/lib/fz_http_web/controllers/admin_controller.ex
Normal file
@@ -0,0 +1,12 @@
|
||||
defmodule FzHttpWeb.AdminController do
|
||||
@moduledoc """
|
||||
Testing the admin layout
|
||||
"""
|
||||
use FzHttpWeb, :controller
|
||||
|
||||
plug :put_root_layout, "admin.html"
|
||||
|
||||
def index(conn, _params) do
|
||||
render(conn, "index.html")
|
||||
end
|
||||
end
|
||||
@@ -26,6 +26,8 @@ defmodule FzHttpWeb.Router do
|
||||
scope "/", FzHttpWeb do
|
||||
pipe_through :browser
|
||||
|
||||
get "/admin", AdminController, :index
|
||||
|
||||
live "/sign_in", SessionLive.New, :new
|
||||
live "/sign_up", UserLive.New, :new
|
||||
live "/account", AccountLive.Show, :show
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
Foobar
|
||||
666
apps/fz_http/lib/fz_http_web/templates/layout/admin.html.leex
Normal file
666
apps/fz_http/lib/fz_http_web/templates/layout/admin.html.leex
Normal file
@@ -0,0 +1,666 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="has-aside-left has-aside-mobile-transition has-navbar-fixed-top has-aside-expanded">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<%= csrf_meta_tag() %>
|
||||
<%= live_title_tag assigns[:page_title] || "FireZone" %>
|
||||
<link phx-track-static rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
|
||||
<script defer phx-track-static type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<nav id="navbar-main" class="navbar is-fixed-top">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item is-hidden-desktop jb-aside-mobile-toggle">
|
||||
<span class="icon"><i class="mdi mdi-forwardburger mdi-24px"></i></span>
|
||||
</a>
|
||||
<div class="navbar-item has-control">
|
||||
<div class="control"><input placeholder="Search everywhere..." class="input"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-brand is-right">
|
||||
<a class="navbar-item is-hidden-desktop jb-navbar-menu-toggle" data-target="navbar-menu">
|
||||
<span class="icon"><i class="mdi mdi-dots-vertical"></i></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-menu fadeIn animated faster" id="navbar-menu">
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item has-dropdown has-dropdown-with-icons has-divider is-hoverable">
|
||||
<a class="navbar-link is-arrowless">
|
||||
<span class="icon"><i class="mdi mdi-menu"></i></span>
|
||||
<span>Sample Menu</span>
|
||||
<span class="icon">
|
||||
<i class="mdi mdi-chevron-down"></i>
|
||||
</span>
|
||||
</a>
|
||||
<div class="navbar-dropdown">
|
||||
<a href="profile.html" class="navbar-item">
|
||||
<span class="icon"><i class="mdi mdi-account"></i></span>
|
||||
<span>My Profile</span>
|
||||
</a>
|
||||
<a class="navbar-item">
|
||||
<span class="icon"><i class="mdi mdi-settings"></i></span>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
<a class="navbar-item">
|
||||
<span class="icon"><i class="mdi mdi-email"></i></span>
|
||||
<span>Messages</span>
|
||||
</a>
|
||||
<hr class="navbar-divider">
|
||||
<a class="navbar-item">
|
||||
<span class="icon"><i class="mdi mdi-logout"></i></span>
|
||||
<span>Log Out</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-item has-dropdown has-dropdown-with-icons has-divider has-user-avatar is-hoverable">
|
||||
<a class="navbar-link is-arrowless">
|
||||
<div class="is-user-avatar">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/john-doe.svg" alt="John Doe">
|
||||
</div>
|
||||
<div class="is-user-name"><span>John Doe</span></div>
|
||||
<span class="icon"><i class="mdi mdi-chevron-down"></i></span>
|
||||
</a>
|
||||
<div class="navbar-dropdown">
|
||||
<a href="profile.html" class="navbar-item">
|
||||
<span class="icon"><i class="mdi mdi-account"></i></span>
|
||||
<span>My Profile</span>
|
||||
</a>
|
||||
<a class="navbar-item">
|
||||
<span class="icon"><i class="mdi mdi-settings"></i></span>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
<a class="navbar-item">
|
||||
<span class="icon"><i class="mdi mdi-email"></i></span>
|
||||
<span>Messages</span>
|
||||
</a>
|
||||
<hr class="navbar-divider">
|
||||
<a class="navbar-item">
|
||||
<span class="icon"><i class="mdi mdi-logout"></i></span>
|
||||
<span>Log Out</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://justboil.me/bulma-admin-template/one-html" title="About" class="navbar-item has-divider is-desktop-icon-only">
|
||||
<span class="icon"><i class="mdi mdi-help-circle-outline"></i></span>
|
||||
<span>About</span>
|
||||
</a>
|
||||
<a title="Log out" class="navbar-item is-desktop-icon-only">
|
||||
<span class="icon"><i class="mdi mdi-logout"></i></span>
|
||||
<span>Log out</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<aside class="aside is-placed-left is-expanded">
|
||||
<div class="aside-tools">
|
||||
<div class="aside-tools-label">
|
||||
<span><b>Admin</b> One HTML</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu is-menu-main">
|
||||
<p class="menu-label">General</p>
|
||||
<ul class="menu-list">
|
||||
<li>
|
||||
<a href="index.html" class="is-active router-link-active has-icon">
|
||||
<span class="icon"><i class="mdi mdi-desktop-mac"></i></span>
|
||||
<span class="menu-item-label">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="menu-label">Examples</p>
|
||||
<ul class="menu-list">
|
||||
<li>
|
||||
<a href="tables.html" class="has-icon">
|
||||
<span class="icon has-update-mark"><i class="mdi mdi-table"></i></span>
|
||||
<span class="menu-item-label">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="forms.html" class="has-icon">
|
||||
<span class="icon"><i class="mdi mdi-square-edit-outline"></i></span>
|
||||
<span class="menu-item-label">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="profile.html" class="has-icon">
|
||||
<span class="icon"><i class="mdi mdi-account-circle"></i></span>
|
||||
<span class="menu-item-label">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-icon has-dropdown-icon">
|
||||
<span class="icon"><i class="mdi mdi-view-list"></i></span>
|
||||
<span class="menu-item-label">Submenus</span>
|
||||
<div class="dropdown-icon">
|
||||
<span class="icon"><i class="mdi mdi-plus"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#void">
|
||||
<span>Sub-item One</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#void">
|
||||
<span>Sub-item Two</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="menu-label">About</p>
|
||||
<ul class="menu-list">
|
||||
<li>
|
||||
<a href="https://admin-one-html.justboil.me/" target="_blank" class="has-icon">
|
||||
<span class="icon"><i class="mdi mdi-credit-card-outline"></i></span>
|
||||
<span class="menu-item-label">Premium Demo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://justboil.me/bulma-admin-template/one-html" class="has-icon">
|
||||
<span class="icon"><i class="mdi mdi-help-circle"></i></span>
|
||||
<span class="menu-item-label">About</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</aside>
|
||||
<section class="section is-title-bar">
|
||||
<div class="level">
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
<ul>
|
||||
<li>Admin</li>
|
||||
<li>Dashboard</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<div class="buttons is-right">
|
||||
<a href="https://admin-one-html.justboil.me/" target="_blank" class="button is-primary">
|
||||
<span class="icon"><i class="mdi mdi-credit-card-outline"></i></span>
|
||||
<span>Premium Demo</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero is-hero-bar">
|
||||
<div class="hero-body">
|
||||
<div class="level">
|
||||
<div class="level-left">
|
||||
<div class="level-item"><h1 class="title">
|
||||
Dashboard
|
||||
</h1></div>
|
||||
</div>
|
||||
<div class="level-right" style="display: none;">
|
||||
<div class="level-item"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-main-section">
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-parent">
|
||||
<div class="card tile is-child">
|
||||
<div class="card-content">
|
||||
<div class="level is-mobile">
|
||||
<div class="level-item">
|
||||
<div class="is-widget-label"><h3 class="subtitle is-spaced">
|
||||
Clients
|
||||
</h3>
|
||||
<h1 class="title">
|
||||
512
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-item has-widget-icon">
|
||||
<div class="is-widget-icon"><span class="icon has-text-primary is-large"><i
|
||||
class="mdi mdi-account-multiple mdi-48px"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-parent">
|
||||
<div class="card tile is-child">
|
||||
<div class="card-content">
|
||||
<div class="level is-mobile">
|
||||
<div class="level-item">
|
||||
<div class="is-widget-label"><h3 class="subtitle is-spaced">
|
||||
Sales
|
||||
</h3>
|
||||
<h1 class="title">
|
||||
$7,770
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-item has-widget-icon">
|
||||
<div class="is-widget-icon"><span class="icon has-text-info is-large"><i
|
||||
class="mdi mdi-cart-outline mdi-48px"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-parent">
|
||||
<div class="card tile is-child">
|
||||
<div class="card-content">
|
||||
<div class="level is-mobile">
|
||||
<div class="level-item">
|
||||
<div class="is-widget-label"><h3 class="subtitle is-spaced">
|
||||
Performance
|
||||
</h3>
|
||||
<h1 class="title">
|
||||
256%
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-item has-widget-icon">
|
||||
<div class="is-widget-icon"><span class="icon has-text-success is-large"><i
|
||||
class="mdi mdi-finance mdi-48px"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<header class="card-header">
|
||||
<p class="card-header-title">
|
||||
<span class="icon"><i class="mdi mdi-finance"></i></span>
|
||||
Performance
|
||||
</p>
|
||||
<a href="#" class="card-header-icon">
|
||||
<span class="icon"><i class="mdi mdi-reload"></i></span>
|
||||
</a>
|
||||
</header>
|
||||
<div class="card-content">
|
||||
<div class="chart-area">
|
||||
<div style="height: 100%;">
|
||||
<div class="chartjs-size-monitor">
|
||||
<div class="chartjs-size-monitor-expand">
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="chartjs-size-monitor-shrink">
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
<canvas id="big-line-chart" width="2992" height="1000" class="chartjs-render-monitor" style="display: block; height: 400px; width: 1197px;"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card has-table has-mobile-sort-spaced">
|
||||
<header class="card-header">
|
||||
<p class="card-header-title">
|
||||
<span class="icon"><i class="mdi mdi-account-multiple"></i></span>
|
||||
Clients
|
||||
</p>
|
||||
<a href="#" class="card-header-icon">
|
||||
<span class="icon"><i class="mdi mdi-reload"></i></span>
|
||||
</a>
|
||||
</header>
|
||||
<div class="card-content">
|
||||
<div class="b-table has-pagination">
|
||||
<div class="table-wrapper has-mobile-cards">
|
||||
<table class="table is-fullwidth is-striped is-hoverable is-sortable is-fullwidth">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Name</th>
|
||||
<th>Company</th>
|
||||
<th>City</th>
|
||||
<th>Progress</th>
|
||||
<th>Created</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/rebecca-bauch.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Rebecca Bauch</td>
|
||||
<td data-label="Company">Daugherty-Daniel</td>
|
||||
<td data-label="City">South Cory</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="79">79</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Oct 25, 2020">Oct 25, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/felicita-yundt.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Felicita Yundt</td>
|
||||
<td data-label="Company">Johns-Weissnat</td>
|
||||
<td data-label="City">East Ariel</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="67">67</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Jan 8, 2020">Jan 8, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/mr-larry-satterfield-v.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Mr. Larry Satterfield V</td>
|
||||
<td data-label="Company">Hyatt Ltd</td>
|
||||
<td data-label="City">Windlerburgh</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="16">16</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Dec 18, 2020">Dec 18, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/mr-broderick-kub.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Mr. Broderick Kub</td>
|
||||
<td data-label="Company">Kshlerin, Bauch and Ernser</td>
|
||||
<td data-label="City">New Kirstenport</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="71">71</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Sep 13, 2020">Sep 13, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/barry-weber.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Barry Weber</td>
|
||||
<td data-label="Company">Schulist, Mosciski and Heidenreich</td>
|
||||
<td data-label="City">East Violettestad</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="80">80</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Jul 24, 2020">Jul 24, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/bert-kautzer-md.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Bert Kautzer MD</td>
|
||||
<td data-label="Company">Gerhold and Sons</td>
|
||||
<td data-label="City">Mayeport</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="62">62</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Mar 30, 2020">Mar 30, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/lonzo-steuber.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Lonzo Steuber</td>
|
||||
<td data-label="Company">Skiles Ltd</td>
|
||||
<td data-label="City">Marilouville</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="17">17</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Feb 12, 2020">Feb 12, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/jonathon-hahn.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Jonathon Hahn</td>
|
||||
<td data-label="Company">Flatley Ltd</td>
|
||||
<td data-label="City">Billiemouth</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="74">74</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Dec 30, 2020">Dec 30, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/ryley-wuckert.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Ryley Wuckert</td>
|
||||
<td data-label="Company">Heller-Little</td>
|
||||
<td data-label="City">Emeraldtown</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="54">54</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Jun 28, 2020">Jun 28, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="is-image-cell">
|
||||
<div class="image">
|
||||
<img src="https://avatars.dicebear.com/v2/initials/sienna-hayes.svg" class="is-rounded">
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="Name">Sienna Hayes</td>
|
||||
<td data-label="Company">Conn, Jerde and Douglas</td>
|
||||
<td data-label="City">Jonathanfort</td>
|
||||
<td data-label="Progress" class="is-progress-cell">
|
||||
<progress max="100" class="progress is-small is-primary" value="55">55</progress>
|
||||
</td>
|
||||
<td data-label="Created">
|
||||
<small class="has-text-grey is-abbr-like" title="Mar 7, 2020">Mar 7, 2020</small>
|
||||
</td>
|
||||
<td class="is-actions-cell">
|
||||
<div class="buttons is-right">
|
||||
<button class="button is-small is-primary" type="button">
|
||||
<span class="icon"><i class="mdi mdi-eye"></i></span>
|
||||
</button>
|
||||
<button class="button is-small is-danger jb-modal" data-target="sample-modal" type="button">
|
||||
<span class="icon"><i class="mdi mdi-trash-can"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="notification">
|
||||
<div class="level">
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
<div class="buttons has-addons">
|
||||
<button type="button" class="button is-active">1</button>
|
||||
<button type="button" class="button">2</button>
|
||||
<button type="button" class="button">3</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<small>Page 1 of 3</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="footer">
|
||||
<div class="container-fluid">
|
||||
<div class="level">
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
© 2020, JustBoil.me
|
||||
</div>
|
||||
<div class="level-item">
|
||||
<a href="https://github.com/vikdiesel/admin-one-bulma-dashboard" style="height: 20px">
|
||||
<img src="https://img.shields.io/github/v/release/vikdiesel/admin-one-bulma-dashboard?color=%23999">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<div class="logo">
|
||||
<a href="https://justboil.me"><img src="img/justboil-logo.svg" alt="JustBoil.me"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<div id="sample-modal" class="modal">
|
||||
<div class="modal-background jb-modal-close"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<p class="modal-card-title">Confirm action</p>
|
||||
<button class="delete jb-modal-close" aria-label="close"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<p>This will permanently delete <b>Some Object</b></p>
|
||||
<p>This is sample modal</p>
|
||||
</section>
|
||||
<footer class="modal-card-foot">
|
||||
<button class="button jb-modal-close">Cancel</button>
|
||||
<button class="button is-danger jb-modal-close">Delete</button>
|
||||
</footer>
|
||||
</div>
|
||||
<button class="modal-close is-large jb-modal-close" aria-label="close"></button>
|
||||
</div>
|
||||
|
||||
<!-- Icons below are for demo only. Feel free to use any icon pack. Docs: https://bulma.io/documentation/elements/icon/ -->
|
||||
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/4.9.95/css/materialdesignicons.min.css">
|
||||
</body>
|
||||
</html>
|
||||
3
apps/fz_http/lib/fz_http_web/views/admin_view.ex
Normal file
3
apps/fz_http/lib/fz_http_web/views/admin_view.ex
Normal file
@@ -0,0 +1,3 @@
|
||||
defmodule FzHttpWeb.AdminView do
|
||||
use FzHttpWeb, :view
|
||||
end
|
||||
@@ -1,8 +0,0 @@
|
||||
#!/usr/bin/env bash
|
||||
set -e
|
||||
|
||||
asdf plugin-add erlang
|
||||
asdf plugin-add elixir
|
||||
asdf plugin-add nodejs
|
||||
|
||||
asdf install
|
||||
Reference in New Issue
Block a user