Docker

Dockerfile

@@ -0,0 +1,16 @@
+FROM node:16
+
+WORKDIR /opt
+ENV NODE_ENV production
+
+COPY package.json /opt/package.json
+
+RUN npm install --production
+
+COPY .env /opt/.env
+COPY . /opt
+COPY ./node_modules/@fatchan/haproxy-sdk/lib/_utils.js /opt/node_modules/@fatchan/haproxy-sdk/lib/_utils.js
+
+RUN npm run build
+
+CMD ["npm","start"]

docker-compose.yml

@@ -0,0 +1,22 @@
+version: '3.7'
+services:
+  haproxy_panel_next:
+    restart: always
+    build: .
+    ports:
+      - "10.0.0.44:3000:3000"
+    environment:
+      - NODE_ENV=production
+    volumes:
+      - .:/opt
+  haproxy_panel_mongo:
+    restart: always
+    image: mongo:latest
+#    volumes:
+#      - mongodb_data_container:/data/db
+
+networks:
+  default:
+    name: haproxy_panel_next
+volumes:
+  mongodb_data_container:

package.json

@@ -7,7 +7,7 @@
     "dev": "node server.js",
     "build": "next build",
     "lint": "next lint",
-    "start": "NODE_ENV=production node server.js"
+    "start": "node_modules/gulp/bin/gulp.js; NODE_ENV=production node server.js"
   },
   "keywords": [],
   "author": "Thomas Lynch (fatchan) <tom@69420.me>",

pages/account.js

@@ -87,7 +87,7 @@ const Account = (props) => {
 								</span>
 							</div>
 						</div>
-						<span className="ml-auto badge bg-info rounded-pill">
+						<span className="ml-auto badge bg-info rounded-pill" style={{ maxHeight: "1.6em" }}>
 							Cluster: 1
 						</span>
 					</div>
@@ -107,7 +107,7 @@ const Account = (props) => {
 								<input className="btn btn-primary px-2 py-0" type="submit" value="&gt;"/>
 							</form>
 							<Link href="/clusters">
-								<a className="btn btn-success px-2 py-0 ms-2">
+								<a className="btn btn-success px-2 py-0 ms-2" style={{ maxHeight: "1.6em" }}>
 									+
 								</a>
 							</Link>