zeus
4 years ago
87 changed files with 33358 additions and 0 deletions
@ -0,0 +1,26 @@ |
|||
.DS_Store |
|||
node_modules |
|||
vimsession |
|||
|
|||
swarmlabdoc.js |
|||
swarmlabdoc.asciidoc_config |
|||
|
|||
|
|||
# local env files |
|||
.env.local |
|||
.env.*.local |
|||
|
|||
# Log files |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
pnpm-debug.log* |
|||
|
|||
# Editor directories and files |
|||
.idea |
|||
.vscode |
|||
*.suo |
|||
*.ntvs* |
|||
*.njsproj |
|||
*.sln |
|||
*.sw? |
|||
@ -0,0 +1,70 @@ |
|||
#FROM alpine:3.11 |
|||
FROM node:alpine |
|||
|
|||
LABEL MAINTAINERS="Guillaume Scheibel <guillaume.scheibel@gmail.com>, Damien DUPORTAL <damien.duportal@gmail.com>" |
|||
|
|||
# Installing package required for the runtime |
|||
RUN apk add --no-cache \ |
|||
bash \ |
|||
curl \ |
|||
ca-certificates \ |
|||
findutils \ |
|||
font-bakoma-ttf \ |
|||
git \ |
|||
graphviz \ |
|||
inotify-tools \ |
|||
make \ |
|||
python3 \ |
|||
py3-pillow \ |
|||
py3-setuptools \ |
|||
tzdata \ |
|||
unzip \ |
|||
build-base \ |
|||
libxml2-dev \ |
|||
which \ |
|||
nginx |
|||
|
|||
# Installing Python dependencies for additional |
|||
# functionnalities |
|||
RUN apk add --no-cache --virtual .pythonmakedepends \ |
|||
build-base \ |
|||
python3-dev \ |
|||
py3-pip \ |
|||
&& pip3 install --no-cache-dir \ |
|||
actdiag \ |
|||
pip install supervisor supervisor-stdout \ |
|||
'blockdiag[pdf]' \ |
|||
nwdiag \ |
|||
seqdiag \ |
|||
&& apk del -r --no-cache .pythonmakedepends |
|||
|
|||
|
|||
COPY dist /home/node/swarmlab-app |
|||
COPY src-local/llo /home/node/server/llo |
|||
COPY src-local/package.json /home/node/server/package.json |
|||
|
|||
RUN mkdir -p /home/node/run \ |
|||
&& mkdir -p /home/node/logs \ |
|||
&& chown -R node.node /home/node \ |
|||
&& chmod -R 755 /home/node \ |
|||
&& ln -s /usr/local/bin/node /usr/bin/node \ |
|||
&& mkdir -p /run/nginx \ |
|||
&& npm install pm2@latest -g |
|||
|
|||
|
|||
USER node |
|||
|
|||
WORKDIR /home/node/server |
|||
RUN set -uex; \ |
|||
# npm run build no need it! |
|||
npm install; \ |
|||
npm i async url-exist-sync axios socketio-auth socket.io-client https socket.io bufferutil utf-8-validate --save \ |
|||
npm audit fix; \ |
|||
npm cache clean --force; |
|||
|
|||
WORKDIR /home/node/swarmlab-app |
|||
VOLUME /home/node/swarmlab-app |
|||
|
|||
EXPOSE 443 8080 3000 |
|||
|
|||
CMD ["pm2-runtime", "ecosystem.config.js"] |
|||
@ -0,0 +1,2 @@ |
|||
#!/bin/bash |
|||
docker build -f Dockerfile -t hub.swarmlab.io:5443/playground-hybrid-agent . |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 229 KiB |
@ -0,0 +1 @@ |
|||
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><link href="/css/app.e5c9f9a1.css" rel="preload" as="style"><link href="/css/chunk-vendors.f194a2fd.css" rel="preload" as="style"><link href="/js/app.f56fe913.js" rel="preload" as="script"><link href="/js/chunk-vendors.8243ef5d.js" rel="preload" as="script"><link href="/css/chunk-vendors.f194a2fd.css" rel="stylesheet"><link href="/css/app.e5c9f9a1.css" rel="stylesheet"></head><body><div id="app"></div><script src="/js/chunk-vendors.8243ef5d.js"></script><script src="/js/app.f56fe913.js"></script></body></html> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
docker-compose -f run.yml down |
|||
@ -0,0 +1,43 @@ |
|||
module.exports = { |
|||
"apps": [ |
|||
{ |
|||
"name" : "www", |
|||
"autorestart" : true, |
|||
"watch" : true, |
|||
"cwd" : "/home/node/swarmlab-app", |
|||
"script" : "nginx -g 'daemon off;'", |
|||
"exec_interpreter" : "none", |
|||
"log_type" : "json", |
|||
"log_file" : "/home/node/logs/logfilenginx", |
|||
"error_file" : "/home/node/logs/errorfilenginx", |
|||
"out_file" : "/home/node/logs/outfilenginx", |
|||
"log_date_format": "YYYY-MM-DD HH:mm Z", |
|||
"merge_logs" : true, |
|||
"exec_mode" : "fork_mode", |
|||
"max_restarts": 10, |
|||
"max_memory_restart": "500M", |
|||
"restart_delay" : 1000 |
|||
}, |
|||
{ |
|||
"name" : "server", |
|||
"autorestart" : true, |
|||
"watch" : true, |
|||
"cwd" : "/home/node/server", |
|||
"script" : "llo/new.js", |
|||
"run_as_user" : "node", |
|||
"args" : "start", |
|||
"pid_file" : "/home/node/pid.pid", |
|||
"log_type" : "json", |
|||
"log_file" : "/home/node/logs/logfile", |
|||
"error_file" : "/home/node/logs/errorfile", |
|||
"out_file" : "/home/node/logs/outfile", |
|||
"log_date_format": "YYYY-MM-DD HH:mm Z", |
|||
"merge_logs" : true, |
|||
"exec_mode" : "fork", |
|||
"max_restarts": 10, |
|||
"max_memory_restart": "500M", |
|||
"restart_delay": 1000 |
|||
}, |
|||
] |
|||
} |
|||
|
|||
@ -0,0 +1,38 @@ |
|||
|
|||
DEV_NAME=wg0 |
|||
#INTERFACE_IP=10.13.13.2/24 |
|||
INTERFACE_IP=10.13.13.2/16 |
|||
INTERFACE_IProute=10.13.13.2 |
|||
ENDPOINT_IP=`grep Endpoint /etc/wireguard/$DEV_NAME.conf | awk '{print $3}' | cut -d: -f1` |
|||
|
|||
echo "ip $INTERFACE_IP" |
|||
|
|||
ip link set $DEV_NAME down |
|||
ip link del $DEV_NAME |
|||
# add wireguard interface |
|||
ip link add $DEV_NAME type wireguard |
|||
|
|||
# set wireguard conf |
|||
wg setconf $DEV_NAME /etc/wireguard/$DEV_NAME.conf |
|||
|
|||
|
|||
# assign ip to wireguard interface |
|||
ip addr add $INTERFACE_IP dev $DEV_NAME |
|||
|
|||
# set sysctl |
|||
sysctl -w net.ipv4.conf.all.rp_filter=2 |
|||
|
|||
# set mtu for wireguard interface |
|||
ip link set mtu 1420 up dev $DEV_NAME |
|||
|
|||
# bring wireguard interface up |
|||
ip link set up dev $DEV_NAME |
|||
|
|||
# add route |
|||
ip route add default via $INTERFACE_IProute metric 2 table 200 |
|||
ip route show table 200 | grep -w $INTERFACE_IProute |
|||
|
|||
# add local lan route |
|||
ip rule add table main suppress_prefixlength 0 |
|||
ip rule show | grep -w "suppress_prefixlength" |
|||
|
|||
@ -0,0 +1,2 @@ |
|||
docker swarm join --token SWMTKN-1-3099nls9my5ns1s0mnmwkx41mhpawl80hwjjbskbll7nghqhgn-asu68y4lhd1qlbpxr6oosk6wl 10.13.13.1:2377 |
|||
|
|||
@ -0,0 +1 @@ |
|||
6CdrILpdZcm1OfOecSQSgaI90sLNOTVW9zO9Dac5b0w= |
|||
@ -0,0 +1 @@ |
|||
fEirlFuleXLeY2pgsCVb8G16DEVXJVGJuXdifX1+/wY= |
|||
@ -0,0 +1,29 @@ |
|||
#!/bin/sh |
|||
|
|||
if [ $# -lt 3 ]; then |
|||
echo "This script will create a veth pair, attach one end to an OVS bridge," |
|||
echo "and another end to the specified container as a virtual NIC." |
|||
echo "" |
|||
echo "Usage: $0 <CONTAINER> <VETH> <PEER> <OVS BRIDGE>" |
|||
echo "Example: $0 test-container-1 veth-1 peer-1 br-int" |
|||
exit 1 |
|||
fi |
|||
|
|||
CONTAINER=$1 |
|||
VETH=$2 |
|||
PEER=$3 |
|||
OVS_BR=$4 |
|||
NETNS=`sudo docker inspect -f '{{.State.Pid}}' $CONTAINER` |
|||
|
|||
echo "add veth pair[$VETH <--> $PEER] to container[$CONTAINER] in netns[$NETNS]" |
|||
ip link delete $VETH || true |
|||
ip link add $VETH type veth peer name $PEER |
|||
|
|||
echo "add port to ovs bridge $OVS_BR" |
|||
ovs-vsctl add-port $OVS_BR $VETH |
|||
|
|||
echo "move $PEER to netns $NETNS" |
|||
ip link set $PEER netns $NETNS |
|||
ip netns exec $NETNS ip link set dev $PEER up |
|||
|
|||
echo "done" |
|||
@ -0,0 +1,26 @@ |
|||
#!/bin/sh |
|||
|
|||
if [ $# -lt 3 ]; then |
|||
echo "This script will add an OVS internal port to an OVS bridge," |
|||
echo "then assign the port to the specified container as a virtual NIC." |
|||
echo "" |
|||
echo "Usage: $0 <CONTAINER> <NIC NAME> <OVS BRIDGE>" |
|||
echo "Example: $0 test-container-1 vnic-1 br-int" |
|||
exit 1 |
|||
fi |
|||
|
|||
CONTAINER=$1 |
|||
PORT=$2 |
|||
OVS_BR=$3 |
|||
NETNS=`sudo docker inspect -f '{{.State.Pid}}' $CONTAINER` |
|||
echo "add port[$PORT] to container[$CONTAINER] in netns[$NETNS]" |
|||
|
|||
echo "add port to ovs bridge $OVS_BR" |
|||
ovs-vsctl add-port $OVS_BR $PORT -- set Interface $PORT type=internal |
|||
#ovs-vsctl add-port br-int vnic-1 -- set Interface vnic-1 type=internal |
|||
|
|||
echo "move $PORT to netns $NETNS" |
|||
ip link set $PORT netns $NETNS |
|||
ip netns exec $NETNS ip link set dev $PORT up |
|||
|
|||
echo "done" |
|||
@ -0,0 +1,24 @@ |
|||
#!/bin/bash |
|||
|
|||
if [ $# -ne 1 ]; then |
|||
echo "Usage: $0 <container id or name>" |
|||
exit 1 |
|||
fi |
|||
|
|||
echo "expose container $1 netns" |
|||
NETNS=`sudo docker inspect -f '{{.State.Pid}}' $1` |
|||
|
|||
if [ ! -d /var/run/netns ]; then |
|||
mkdir /var/run/netns |
|||
fi |
|||
if [ -f /var/run/netns/$NETNS ]; then |
|||
rm -rf /var/run/netns/$NETNS |
|||
fi |
|||
|
|||
ln -s /proc/$NETNS/ns/net /var/run/netns/$NETNS |
|||
echo "done. netns: $NETNS" |
|||
|
|||
echo "=============================" |
|||
echo "current network namespaces: " |
|||
echo "=============================" |
|||
ip netns |
|||
@ -0,0 +1,3 @@ |
|||
openssl req -new -newkey rsa:4096 -days 365 -nodes -x509 \ |
|||
-subj "/C=GR/ST=ATTICA/L=Athens/O=swarmlab/CN=hybrid-local.swarmlab.io" \ |
|||
-keyout swarmlab.key -out swarmlab.crt |
|||
@ -0,0 +1,33 @@ |
|||
-----BEGIN CERTIFICATE----- |
|||
MIIFqzCCA5OgAwIBAgIUL0lHp+0sOfYgkUXnsDkEwiUdPCIwDQYJKoZIhvcNAQEL |
|||
BQAwZTELMAkGA1UEBhMCR1IxDzANBgNVBAgMBkFUVElDQTEPMA0GA1UEBwwGQXRo |
|||
ZW5zMREwDwYDVQQKDAhzd2FybWxhYjEhMB8GA1UEAwwYaHlicmlkLWxvY2FsLnN3 |
|||
YXJtbGFiLmlvMB4XDTIwMTIyNTE5MTU0NloXDTIxMTIyNTE5MTU0NlowZTELMAkG |
|||
A1UEBhMCR1IxDzANBgNVBAgMBkFUVElDQTEPMA0GA1UEBwwGQXRoZW5zMREwDwYD |
|||
VQQKDAhzd2FybWxhYjEhMB8GA1UEAwwYaHlicmlkLWxvY2FsLnN3YXJtbGFiLmlv |
|||
MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEA0raMBeIQWyvEzTRnV6vq |
|||
Nfuq74LyCGLAiywwsSSgQ+UasVDWDKIuzHY87F/eS5+D3u/GiCRwOgW2XovS8prR |
|||
FZATt8/Qe2pCIvf0QTb8K5Y6raqgeBGVpB7kcleC2+UsGX0cQMmeUoIZnBR9vXOY |
|||
mrIE9Lf3AeGx8omFmcuW07b7RICcRE508flmpcN0gkCARr99JI59O1BwueOlhpKe |
|||
fdg7kHgL3XTpoIUimdaEp+wqIjqNytiD3mlCKazVjHdHlQ0aiBpUahiLKmMPLpJS |
|||
dejmdxHAidDsVCkOdTZbC+JHWFCnL8hiJ3JwQjRd2dzhMIGAqqjuFQ7ZnUx20r8b |
|||
IBKXBOvzfHrNx+SmSJE/xldxBycrDu3hcaZINaR+aWk9TUQnUC1pQ+JfDw8z/BSo |
|||
YOWBSy/4qnrYcYp9zRQA/92Oaf9lKmrAKbq2jOnaRF8KtXZ7eotiaoeAZuSAg6ps |
|||
es42tFwa5MenY5thVzZzhsC0+ko/yo34hv3tUNbbcZWW5p5PHQxIQBOZGKAD518V |
|||
aCbPIaFzSCnG+ybO9Y9Xo7Ow1gpaq3OGvuEoUh/BTCbTnuNF8G4dr/TX5v4pM+l8 |
|||
MmoWONaC75xHJqbWoJM1gJZ/E8B+ZwlbqGrpfVZK7aCDldbDSXLpB8jTkVhpW2T/ |
|||
6YWp95ggOTtHa/LN2xXQiYMCAwEAAaNTMFEwHQYDVR0OBBYEFBlHSKfFzhQmEbI3 |
|||
6RFL6uJgkxCyMB8GA1UdIwQYMBaAFBlHSKfFzhQmEbI36RFL6uJgkxCyMA8GA1Ud |
|||
EwEB/wQFMAMBAf8wDQYJKoZIhvcNAQELBQADggIBAJnwaDyeacNIT8mW1llQx1Af |
|||
XLUeiyoCOzh1VQpMXBIvXTiRa30LNLAgN+2bj1z3AccsAvaUYuYq+VOIsshEoiYn |
|||
1V7iWUs5QvnCQs/6XmcMBvR99aumTUROs8lw1D27l+baysEElcEHHT8t41Omh8Wt |
|||
oSTyGL4t55OZBRdvbDdx0EgjFekx3m6rPDzYg/NsGFub2BQFJtRCzxmSlXcNA3L2 |
|||
tuYOqouZz550DEB1zJvkrjKjT42vjJ/sCox9PrXyFb5UVxJDjfmJ/NwYTrlWi+TI |
|||
4nwm982DFTR0Q2Jc0R43HZSavKglypOOda3tAzOwzXR1P8xoUUnG1cA8ZCRt0kZ6 |
|||
MQkLHgnx4CoHclu0cGxFyYQNs+P37rGupJNaARgJNhsBl+Sc+nzEKHijoBaBjwly |
|||
nYiendESj+fyUlYYGq2lCZ39D++xyn1diOxcIM0gchPZFlhUTUgInpUZaszzTp2a |
|||
+C114D8NK9vl07xKe2VAO8KWm4k/I+52dCDQ0oFO5T0Yvg2rRX2ffln2C7vAmHe7 |
|||
Zd/wfKEGe2gkiVrs9M8Merp6k3eG+MwKAEtWxEwWishIxXGJHmhA9YiGtrxddwZE |
|||
dEgm+jKE93+mVE4ko86TjEN10Cfy/3jVLr1t8SA5lyMQ7FDbEFVW6wmuga4u/jgL |
|||
Bb/FRHnahLPywvkzeita |
|||
-----END CERTIFICATE----- |
|||
@ -0,0 +1,52 @@ |
|||
-----BEGIN PRIVATE KEY----- |
|||
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 |
|||
lHniiVatSmynsipyyn6L7yXUElS7FaW5 |
|||
-----END PRIVATE KEY----- |
|||
@ -0,0 +1,39 @@ |
|||
|
|||
proxy_cache_path /var/tmp levels=1:2 keys_zone=my_cache:10m max_size=10g inactive=60m use_temp_path=off; |
|||
resolver_timeout 5s; |
|||
server { |
|||
listen 80; |
|||
listen [::]:80 ipv6only=on; |
|||
#server_name hybrid-local.swarmlab.io; |
|||
server_name localhost; |
|||
return 301 https://hybrid-local.swarmlab.io$request_uri; |
|||
} |
|||
|
|||
server { |
|||
listen [::]:443 ssl ipv6only=off; |
|||
#server_name hybrid-local.swarmlab.io; |
|||
server_name localhost; |
|||
root /home/node/swarmlab-app/dist; |
|||
|
|||
# To allow special characters in headers |
|||
ignore_invalid_headers off; |
|||
|
|||
# Allow any size file to be uploaded. |
|||
# Set to a value such as 1000m; to restrict file size to a specific value |
|||
client_max_body_size 0; |
|||
|
|||
ssl_certificate /etc/nginx/swarmlab.crt; |
|||
ssl_certificate_key /etc/nginx/swarmlab.key; |
|||
ssl_protocols TLSv1 TLSv1.1 TLSv1.2; |
|||
ssl_ciphers HIGH:!aNULL:!MD5; |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
location / { |
|||
index index.html; |
|||
} |
|||
|
|||
|
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,68 @@ |
|||
{ |
|||
"name": "bootstrap-vue-example", |
|||
"version": "0.1.0", |
|||
"private": true, |
|||
"scripts": { |
|||
"docs:build": "documentation build src/** -f html -o public/docs", |
|||
"docs:serve": "documentation build src/** -c jsdoc.conf.json -f html -o public/docs", |
|||
"serve": "vue-cli-service serve", |
|||
"build": "vue-cli-service build", |
|||
"lint": "vue-cli-service lint" |
|||
}, |
|||
"dependencies": { |
|||
"@fortawesome/fontawesome-svg-core": "^1.2.32", |
|||
"@fortawesome/free-brands-svg-icons": "^5.15.1", |
|||
"@fortawesome/free-solid-svg-icons": "^5.15.1", |
|||
"@fortawesome/vue-fontawesome": "^2.0.0", |
|||
"axios": "^0.21.0", |
|||
"bootstrap-vue": "^2.19.0", |
|||
"express": "^4.17.1", |
|||
"file-saver": "^2.0.5", |
|||
"import": "^0.0.6", |
|||
"jszip": "^3.5.0", |
|||
"luxon": "^1.25.0", |
|||
"mkdirp": "^0.5.5", |
|||
"multilang-extract-comments": "^0.3.3", |
|||
"sass": "^1.30.0", |
|||
"sass-loader": "^10.1.0", |
|||
"socket.io-client": "^3.0.3", |
|||
"vee-validate": "^3.4.5", |
|||
"vue": "^2.6.12", |
|||
"vue-codemirror": "^4.0.6", |
|||
"vue-socket.io-extended": "^4.0.5", |
|||
"vue-sweetalert2": "^4.1.1", |
|||
"vue-template-compiler": "^2.6.12", |
|||
"vue-wait": "^1.4.8", |
|||
"vue2-datepicker": "^3.8.2", |
|||
"vuetable-2": "^1.7.5", |
|||
"vuex": "^3.6.0" |
|||
}, |
|||
"devDependencies": { |
|||
"@vue/cli-plugin-babel": "^4.5.7", |
|||
"@vue/cli-service": "^4.5.7" |
|||
}, |
|||
"eslintConfig": { |
|||
"root": true, |
|||
"env": { |
|||
"node": true |
|||
}, |
|||
"extends": [ |
|||
"plugin:vue/essential", |
|||
"eslint:recommended" |
|||
], |
|||
"rules": {}, |
|||
"parserOptions": { |
|||
"parser": "babel-eslint" |
|||
} |
|||
}, |
|||
"postcss": { |
|||
"plugins": { |
|||
"autoprefixer": {} |
|||
} |
|||
}, |
|||
"browserslist": [ |
|||
"> 1%", |
|||
"last 2 versions", |
|||
"not ie <= 8" |
|||
] |
|||
} |
|||
@ -0,0 +1,50 @@ |
|||
version: "3.8" |
|||
|
|||
services: |
|||
swarmlabclient: |
|||
image: hub.swarmlab.io:5443/playground-hybrid-agent:latest |
|||
user: root |
|||
environment: |
|||
- NODENAME={{.Node.Hostname}} |
|||
- NODEID={{.Node.ID}} |
|||
deploy: |
|||
replicas: 1 |
|||
placement: |
|||
max_replicas_per_node: 1 |
|||
#constraints: |
|||
#- node.id==${noderead} |
|||
#- node.labels.region==okeanos |
|||
resources: |
|||
limits: |
|||
cpus: '0.50' |
|||
memory: 250M |
|||
reservations: |
|||
cpus: '1' |
|||
memory: 750M |
|||
restart_policy: |
|||
condition: on-failure |
|||
delay: 5s |
|||
max_attempts: 5 |
|||
window: 120s |
|||
update_config: |
|||
parallelism: 2 |
|||
delay: 10s |
|||
order: stop-first |
|||
ports: |
|||
- "55543:443" |
|||
- "3000:3000" |
|||
networks: |
|||
hybrid-net: |
|||
volumes: |
|||
- ${nodepath}/ecosystem.config.js:/home/node/swarmlab-app/ecosystem.config.js |
|||
- ${nodepath}/dist:/home/node/swarmlab-app/dist |
|||
- ${nodepath}/src-local/llo/new.js:/home/node/server/llo/new.js |
|||
# proxy |
|||
- ${nodepath}/nginx/swarmlab-stats-proxy-server.conf:/etc/nginx/conf.d/default.conf |
|||
- ${nodepath}/keys/swarmlab.crt:/etc/nginx/swarmlab.crt |
|||
- ${nodepath}/keys/swarmlab.key:/etc/nginx/swarmlab.key |
|||
|
|||
|
|||
networks: |
|||
hybrid-net: |
|||
|
|||
@ -0,0 +1,8 @@ |
|||
#docker service rm ondemand_playground_swarmlabclient |
|||
#env node7=636656brviohbzo5dhdggba0q \ |
|||
#env node7=qpszok5px74lqpvidoeq2wyyc \ |
|||
#docker stack deploy -c run.yml ondemand_playground |
|||
env nodepath=$PWD \ |
|||
docker-compose -f run.yml up -d |
|||
|
|||
|
|||
@ -0,0 +1,48 @@ |
|||
var path = require('path'); |
|||
var app = require('express')(); |
|||
var http = require('http').Server(app); |
|||
var io = require('socket.io')(http); |
|||
|
|||
const socketAuth = require('socketio-auth'); |
|||
|
|||
socketoptions = { |
|||
secure:true, |
|||
reconnect: true, |
|||
rejectUnauthorized : false |
|||
}; |
|||
|
|||
|
|||
// Client
|
|||
var io2 = require('socket.io-client'); |
|||
var socket = io2.connect('https://83.212.78.17:3088', socketoptions); |
|||
|
|||
socket.on('connection', s => { |
|||
console.error('socket2 connection'); |
|||
var id = s.id |
|||
|
|||
|
|||
var roomiot = 'iot' |
|||
socket.emit('iot', roomiot); |
|||
|
|||
socket.emit('subscribe', roomiot); |
|||
|
|||
socket.emit('pingServerEmit', roomiot); |
|||
|
|||
|
|||
s.on('message', function (data) { |
|||
console.log('from room1 '+data); |
|||
}); |
|||
s.on('iot', function (data) { |
|||
console.log('from room1 '+data); |
|||
}); |
|||
}); |
|||
|
|||
var roomiot = 'iot' |
|||
socket.emit('action', roomiot); |
|||
|
|||
socket.on('message', function (data) { |
|||
console.log('from room '+data); |
|||
}); |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,32 @@ |
|||
options = { |
|||
secure:true, |
|||
reconnect: true, |
|||
rejectUnauthorized : false |
|||
}; |
|||
|
|||
// Client
|
|||
var io2 = require('socket.io-client'); |
|||
var socket = io2.connect('http://localhost:8084', options); |
|||
//var socket = io2.connect('https://service.swarmlab.io:55583');
|
|||
|
|||
var msg2 = "hello"; |
|||
socket.emit('pingServer', msg2); |
|||
|
|||
|
|||
|
|||
//var socket = require('socket.io-client')('httpis://localhost:8099');
|
|||
socket.on('connect', function(){ |
|||
console.error('connect ...'); |
|||
//socket.emit("adhoc", 'Hallo World!')
|
|||
}); |
|||
socket.on('customEmit', function(data){ |
|||
console.error('customEmit '+data); |
|||
//socket.emit("adhoc", 'Hallo World!')
|
|||
|
|||
}); |
|||
socket.on('disconnect', function(){ |
|||
console.error('disconnect'); |
|||
|
|||
}); |
|||
//socket.emit("adhoc", 'Hallo World!')
|
|||
|
|||
@ -0,0 +1,40 @@ |
|||
|
|||
var fs = require( 'fs' ); |
|||
var app = require('express')(); |
|||
var https = require('https'); |
|||
var server = https.createServer({ |
|||
key: fs.readFileSync('./llo/swarmlab.key'), |
|||
cert: fs.readFileSync('./llo/swarmlab.crt'), |
|||
//ca: fs.readFileSync('./test_ca.crt'),
|
|||
requestCert: false, |
|||
rejectUnauthorized: false |
|||
},app); |
|||
|
|||
|
|||
server.listen(3000, () => console.error('listening on https://localhost:3000/')); |
|||
var io = require('socket.io').listen(server); |
|||
console.error('socket.io example'); |
|||
|
|||
|
|||
|
|||
io.on('connection', s => { |
|||
if( typeof s !== "undefined" ){ |
|||
console.error('socket connection'); |
|||
} |
|||
|
|||
s.on('actionstart', obj => { |
|||
console.error('fromclient '+obj); |
|||
socket.emit("log", obj) |
|||
}); |
|||
/* |
|||
s.on('s1', function(room) { |
|||
console.log('leaving room', room); |
|||
}) |
|||
*/ |
|||
s.on('s1', () => { |
|||
console.log('hi from server'); |
|||
}); // listen to the event
|
|||
|
|||
|
|||
}); |
|||
|
|||
@ -0,0 +1,381 @@ |
|||
"use strict" |
|||
|
|||
var pathmodule = require('path'); |
|||
var app = require('express')(); |
|||
var http = require('http').Server(app); |
|||
var https = require('https'); |
|||
var CONFIG = require( pathmodule.resolve( __dirname, "runconfig.js" ) ); |
|||
const io = require("socket.io")(http, { |
|||
// pingTimeout: 30000,
|
|||
// allowUpgrades: false,
|
|||
// serveClient: false,
|
|||
// pingInterval: 10000,
|
|||
// //transports: [ 'websocket', 'polling' ],
|
|||
// transports: [ 'polling', 'websocket' ],
|
|||
cors: { |
|||
origin: "http://localhost:8080", |
|||
methods: ["GET", "POST"], |
|||
allowedHeaders: ["my-custom-header"], |
|||
credentials: true |
|||
}, |
|||
cookie: { |
|||
name: "test", |
|||
httpOnly: false, |
|||
path: "/custom" |
|||
} |
|||
}); |
|||
|
|||
const { DateTime } = require("luxon"); |
|||
|
|||
|
|||
var async = require("async"); |
|||
const { check, validationResult } = require('express-validator'); |
|||
const urlExistSync = require("url-exist-sync"); |
|||
|
|||
var express = require('express'); |
|||
app.use(express.json()); |
|||
|
|||
const axios = require('axios'); |
|||
axios.defaults.timeout = 30000 |
|||
|
|||
const helmet = require('helmet'); |
|||
app.use(helmet()); |
|||
|
|||
const cors = require('cors') |
|||
const whitelist = [ |
|||
'http://localhost:8080', |
|||
'http://localhost:3080', |
|||
'http://localhost:3081', |
|||
'http://localhost:3082' |
|||
] |
|||
const corsOptions = { |
|||
credentials: true, |
|||
methods: ['GET', 'PUT', 'POST', 'DELETE', 'OPTIONS'], |
|||
optionsSuccessStatus: 200, // some legacy browsers (IE11, various SmartTVs) choke on 204
|
|||
allowedHeaders: [ |
|||
'Content-Type', |
|||
'Authorization', |
|||
'X-Requested-With', |
|||
'device-remember-token', |
|||
'Access-Control-Allow-Origin', |
|||
'Access-Control-Allow-Headers', |
|||
'Origin', |
|||
'Accept' |
|||
], |
|||
origin: function(origin, callback) { |
|||
if (whitelist.indexOf(origin) !== -1) { |
|||
callback(null, true) |
|||
} else { |
|||
callback(null, true) |
|||
//callback(new Error('Not allowed by CORS'))
|
|||
} |
|||
} |
|||
} |
|||
app.use(cors) |
|||
|
|||
|
|||
|
|||
// ***************************************************
|
|||
// checktoken
|
|||
// ***************************************************
|
|||
|
|||
async function checkToken(token) { |
|||
const agent = new https.Agent({ |
|||
rejectUnauthorized: false, |
|||
}); |
|||
const instance = axios.create({ |
|||
baseURL: 'https://api.swarmlab.io', |
|||
withCredentials: true, |
|||
rejectUnauthorized: false, |
|||
crossdomain: true, |
|||
httpsAgent: agent, |
|||
headers: { |
|||
'Accept': 'application/json', |
|||
'Content-Type': 'multipart/form-data', |
|||
'Authorization': 'Bearer '+token |
|||
} |
|||
}) |
|||
try { |
|||
var pipelines = { |
|||
"source":'ssologin' |
|||
} |
|||
var params = { |
|||
pipeline: pipelines |
|||
} |
|||
|
|||
var options = { |
|||
headers: { 'content-type': 'application/x-www-form-urlencoded',Authorization: `Bearer ${token}` }, |
|||
}; |
|||
|
|||
instance.defaults.timeout = 30000; |
|||
const res = await instance.post('/istokenvalidsso',params,options); |
|||
if(res.status == 200){ |
|||
//console.log("check " +JSON.stringify(res.data))
|
|||
return res.data |
|||
}else{ |
|||
console.log("noerror: " + res) |
|||
return res.status |
|||
|
|||
} |
|||
} |
|||
catch (err) { |
|||
console.error("error: "+err); |
|||
var error = new Object(); |
|||
error.action = '401' |
|||
return error |
|||
} |
|||
} |
|||
|
|||
|
|||
function convertDateToUTC(date) { |
|||
return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(),date.getUTCMilliseconds()); |
|||
} |
|||
|
|||
// ***************************************************
|
|||
// get pipelines
|
|||
// ***************************************************
|
|||
|
|||
async function getpipelines(token,pipelinename) { |
|||
const agent = new https.Agent({ |
|||
rejectUnauthorized: false, |
|||
}); |
|||
const instance = axios.create({ |
|||
baseURL: 'https://api.swarmlab.io', |
|||
withCredentials: true, |
|||
rejectUnauthorized: false, |
|||
crossdomain: true, |
|||
httpsAgent: agent, |
|||
headers: { |
|||
'Accept': 'application/json', |
|||
'Content-Type': 'multipart/form-data', |
|||
'Authorization': 'Bearer '+token |
|||
} |
|||
}) |
|||
/* |
|||
var params = { |
|||
playbook: value |
|||
} |
|||
var options = { |
|||
params: params, |
|||
headers: { 'content-type': 'application/x-www-form-urlencoded',Authorization: `Bearer ${token}` }, |
|||
}; |
|||
|
|||
const playbook = await api.GET('playbookCode',options); |
|||
return playbook |
|||
*/ |
|||
try { |
|||
|
|||
var pipelines = { |
|||
"querytokenFilter":CONFIG.api.token, |
|||
"filter":pipelinename |
|||
} |
|||
//var params = {
|
|||
// pipeline: pipelines
|
|||
// }
|
|||
var params = { |
|||
querytokenFilter:CONFIG.api.token, |
|||
filter:pipelinename |
|||
} |
|||
|
|||
var options = { |
|||
params: params, |
|||
headers: { 'content-type': 'application/x-www-form-urlencoded',Authorization: `Bearer ${token}` }, |
|||
}; |
|||
|
|||
//https://api.swarmlab.io/gettutorlabrooms?sort=pipelinename%7Casc&page=1&per_page=5&filter=&type=scripts&tutor=yes
|
|||
instance.defaults.timeout = 30000; |
|||
//const res = await instance.get('/getplaygrounds',params,options);
|
|||
const res = await instance.get('/getplaygrounds',options); |
|||
if(res.status == 200){ |
|||
return res.data |
|||
}else{ |
|||
console.log("noerror: " + res) |
|||
return await res.status |
|||
|
|||
} |
|||
} |
|||
catch (err) { |
|||
console.error("error: "+err); |
|||
var error = new Object(); |
|||
error.action = '401' |
|||
return await error |
|||
} |
|||
} |
|||
|
|||
// ***************************************************
|
|||
// get user pipelines
|
|||
// ***************************************************
|
|||
|
|||
async function getuserpipelines(token,user,swarmlabname) { |
|||
var pipelinename = user |
|||
const agent = new https.Agent({ |
|||
rejectUnauthorized: false, |
|||
}); |
|||
const instance = axios.create({ |
|||
baseURL: 'https://api.swarmlab.io', |
|||
withCredentials: true, |
|||
rejectUnauthorized: false, |
|||
crossdomain: true, |
|||
httpsAgent: agent, |
|||
headers: { |
|||
'Accept': 'application/json', |
|||
'Content-Type': 'multipart/form-data', |
|||
'Authorization': 'Bearer '+token |
|||
} |
|||
}) |
|||
try { |
|||
|
|||
var pipelines = { |
|||
"querytokenFilter":CONFIG.api.token, |
|||
"filter":pipelinename, |
|||
swarmlabname:swarmlabname |
|||
} |
|||
//var params = {
|
|||
// pipeline: pipelines
|
|||
// }
|
|||
var params = { |
|||
querytokenFilter:CONFIG.api.token, |
|||
filter:pipelinename, |
|||
swarmlabname:swarmlabname |
|||
} |
|||
|
|||
var options = { |
|||
params: params, |
|||
headers: { 'content-type': 'application/x-www-form-urlencoded',Authorization: `Bearer ${token}` }, |
|||
}; |
|||
|
|||
instance.defaults.timeout = 30000; |
|||
const res = await instance.get('/getuserplaygrounds',options); |
|||
if(res.status == 200){ |
|||
return res.data |
|||
}else{ |
|||
console.log("noerror: " + res) |
|||
return await res.status |
|||
|
|||
} |
|||
} |
|||
catch (err) { |
|||
console.error("error: "+err); |
|||
var error = new Object(); |
|||
error.action = '401' |
|||
error.error = err |
|||
return await error |
|||
} |
|||
} |
|||
|
|||
|
|||
global.online='ob'; |
|||
global.pipelines=[]; |
|||
|
|||
|
|||
// ***************************************************
|
|||
// rest get
|
|||
// ***************************************************
|
|||
|
|||
|
|||
|
|||
|
|||
app.get('/run', (req, res, next) => { |
|||
|
|||
(async() => { |
|||
|
|||
var RES = new Object(); |
|||
RES.code = req.query["action"] |
|||
RES.token = req.query["token"] |
|||
RES.error = false |
|||
RES.error_msg = "ok" |
|||
res.json(RES) |
|||
})() |
|||
|
|||
}); |
|||
|
|||
|
|||
// ***************************************************
|
|||
// socket
|
|||
// ***************************************************
|
|||
|
|||
//function getSHA256ofJSON(input){
|
|||
// return require("crypto").createHash("sha256").update(JSON.stringify(input)).digest("hex");
|
|||
//}
|
|||
|
|||
function sleep(ms) { |
|||
return new Promise(resolve => setTimeout(resolve, ms)); |
|||
} |
|||
|
|||
function getSHA256ofJSON(data, inputEncoding, encoding){ |
|||
if (!data) { |
|||
return ''; |
|||
} |
|||
inputEncoding = inputEncoding || 'utf-8'; |
|||
encoding = encoding || 'hex'; |
|||
const hash = require("crypto").createHash('md5'); |
|||
return hash.update(JSON.stringify(data), inputEncoding).digest(encoding); |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
io.on('connection', s => { |
|||
console.error('socket connection'); |
|||
|
|||
// ------------------------------
|
|||
// --- set
|
|||
// ------------------------------
|
|||
var usersession = new Object(); |
|||
usersession.SOCKET = {}; |
|||
usersession.SOCKET.error = {}; |
|||
console.error('socket ...'); |
|||
//s.auth = false;
|
|||
s.auth = true; |
|||
|
|||
// ------------------------------
|
|||
// --- authenticate
|
|||
// ------------------------------
|
|||
s.on('authenticate', function(data){ |
|||
const token = data |
|||
//console.log('invalid 1 ' + token);
|
|||
console.log("check " +JSON.stringify(data)) |
|||
(async() => { |
|||
//var isvalid = await checkToken(token);
|
|||
//
|
|||
/* |
|||
if(isvalid.action == 'ok'){ |
|||
console.log("Authserver ok ", s.id + ' - ' + token); |
|||
usersession.SOCKET.user = isvalid.user |
|||
usersession.SOCKET.scope = isvalid.scope // space delimeter
|
|||
usersession.SOCKET.token = isvalid.token |
|||
s.auth = true; |
|||
}else{ |
|||
console.log("Authserver no ", s.id + ' - ' + token); |
|||
s.auth = false; |
|||
} |
|||
*/ |
|||
s.auth = true; |
|||
})() |
|||
}); |
|||
/* |
|||
setTimeout(function(){ |
|||
if (!s.auth) { |
|||
console.log("Disconnecting timeout socket ", s.id); |
|||
//s.disconnect('unauthorized');
|
|||
}else{ |
|||
var room = usersession.SOCKET.user |
|||
//s.on("subscribe", function (room) {
|
|||
s.join(room); |
|||
console.log("joining rooom", s.rooms); |
|||
console.log(room + ' created ') |
|||
// });
|
|||
} |
|||
}, 30000); |
|||
*/ |
|||
|
|||
var id = s.id |
|||
s.on('action', obj => { |
|||
console.error('from client '+ s.id + ' obj ' + obj); |
|||
}); |
|||
|
|||
}); |
|||
|
|||
http.listen(3000, () => console.error('listening on http://localhost:3000/')); |
|||
console.error('socket.io example'); |
|||
@ -0,0 +1,27 @@ |
|||
|
|||
var fs = require('fs'); |
|||
var https = require('https'); |
|||
|
|||
var express = require('express'); |
|||
var app = express(); |
|||
|
|||
var options = { |
|||
key: fs.readFileSync('./llo/swarmlab.key'), |
|||
cert: fs.readFileSync('./llo/swarmlab.crt') |
|||
}; |
|||
var serverPort = 3000; |
|||
|
|||
var server = https.createServer(options, app); |
|||
var io = require('socket.io')(server); |
|||
|
|||
io.on('connection', function(socket) { |
|||
console.log('new connection'); |
|||
socket.on('s1', () => { |
|||
console.log('hi from server'); |
|||
}); |
|||
//socket.emit('message', 'This is a message from the dark side.');
|
|||
}); |
|||
|
|||
server.listen(serverPort, function() { |
|||
console.log('server up and running at %s port', serverPort); |
|||
}); |
|||
@ -0,0 +1,29 @@ |
|||
var path = require('path'); |
|||
var app = require('express')(); |
|||
var http = require('http').Server(app); |
|||
var io = require('socket.io')(http); |
|||
|
|||
/* |
|||
// server side code
|
|||
io.sockets.on('connection', function(socket) { |
|||
socket.on('create', function(room) { |
|||
socket.join(room); |
|||
}); |
|||
}); |
|||
|
|||
*/ |
|||
|
|||
|
|||
io.on('connection', s => { |
|||
|
|||
s.on("iot", function (room) { |
|||
s.join(room); |
|||
console.error('hi'); |
|||
s.to(room).emit('message', 'hi from server'); |
|||
io.emit('iotdata', 'hi from server'); |
|||
}); |
|||
|
|||
}); |
|||
|
|||
|
|||
http.listen(8084, () => console.error('listening on http://localhost:8084/')); |
|||
@ -0,0 +1,11 @@ |
|||
var config = {}; |
|||
|
|||
config.mongo = {}; |
|||
config.redis = {}; |
|||
|
|||
config.mongo.user = 'user1' |
|||
config.mongo.password= 'pass1' |
|||
config.redis.host = 'redisserver'; |
|||
config.redis.port = 6379; |
|||
|
|||
module.exports = config; |
|||
@ -0,0 +1,33 @@ |
|||
-----BEGIN CERTIFICATE----- |
|||
MIIFqzCCA5OgAwIBAgIUL0lHp+0sOfYgkUXnsDkEwiUdPCIwDQYJKoZIhvcNAQEL |
|||
BQAwZTELMAkGA1UEBhMCR1IxDzANBgNVBAgMBkFUVElDQTEPMA0GA1UEBwwGQXRo |
|||
ZW5zMREwDwYDVQQKDAhzd2FybWxhYjEhMB8GA1UEAwwYaHlicmlkLWxvY2FsLnN3 |
|||
YXJtbGFiLmlvMB4XDTIwMTIyNTE5MTU0NloXDTIxMTIyNTE5MTU0NlowZTELMAkG |
|||
A1UEBhMCR1IxDzANBgNVBAgMBkFUVElDQTEPMA0GA1UEBwwGQXRoZW5zMREwDwYD |
|||
VQQKDAhzd2FybWxhYjEhMB8GA1UEAwwYaHlicmlkLWxvY2FsLnN3YXJtbGFiLmlv |
|||
MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEA0raMBeIQWyvEzTRnV6vq |
|||
Nfuq74LyCGLAiywwsSSgQ+UasVDWDKIuzHY87F/eS5+D3u/GiCRwOgW2XovS8prR |
|||
FZATt8/Qe2pCIvf0QTb8K5Y6raqgeBGVpB7kcleC2+UsGX0cQMmeUoIZnBR9vXOY |
|||
mrIE9Lf3AeGx8omFmcuW07b7RICcRE508flmpcN0gkCARr99JI59O1BwueOlhpKe |
|||
fdg7kHgL3XTpoIUimdaEp+wqIjqNytiD3mlCKazVjHdHlQ0aiBpUahiLKmMPLpJS |
|||
dejmdxHAidDsVCkOdTZbC+JHWFCnL8hiJ3JwQjRd2dzhMIGAqqjuFQ7ZnUx20r8b |
|||
IBKXBOvzfHrNx+SmSJE/xldxBycrDu3hcaZINaR+aWk9TUQnUC1pQ+JfDw8z/BSo |
|||
YOWBSy/4qnrYcYp9zRQA/92Oaf9lKmrAKbq2jOnaRF8KtXZ7eotiaoeAZuSAg6ps |
|||
es42tFwa5MenY5thVzZzhsC0+ko/yo34hv3tUNbbcZWW5p5PHQxIQBOZGKAD518V |
|||
aCbPIaFzSCnG+ybO9Y9Xo7Ow1gpaq3OGvuEoUh/BTCbTnuNF8G4dr/TX5v4pM+l8 |
|||
MmoWONaC75xHJqbWoJM1gJZ/E8B+ZwlbqGrpfVZK7aCDldbDSXLpB8jTkVhpW2T/ |
|||
6YWp95ggOTtHa/LN2xXQiYMCAwEAAaNTMFEwHQYDVR0OBBYEFBlHSKfFzhQmEbI3 |
|||
6RFL6uJgkxCyMB8GA1UdIwQYMBaAFBlHSKfFzhQmEbI36RFL6uJgkxCyMA8GA1Ud |
|||
EwEB/wQFMAMBAf8wDQYJKoZIhvcNAQELBQADggIBAJnwaDyeacNIT8mW1llQx1Af |
|||
XLUeiyoCOzh1VQpMXBIvXTiRa30LNLAgN+2bj1z3AccsAvaUYuYq+VOIsshEoiYn |
|||
1V7iWUs5QvnCQs/6XmcMBvR99aumTUROs8lw1D27l+baysEElcEHHT8t41Omh8Wt |
|||
oSTyGL4t55OZBRdvbDdx0EgjFekx3m6rPDzYg/NsGFub2BQFJtRCzxmSlXcNA3L2 |
|||
tuYOqouZz550DEB1zJvkrjKjT42vjJ/sCox9PrXyFb5UVxJDjfmJ/NwYTrlWi+TI |
|||
4nwm982DFTR0Q2Jc0R43HZSavKglypOOda3tAzOwzXR1P8xoUUnG1cA8ZCRt0kZ6 |
|||
MQkLHgnx4CoHclu0cGxFyYQNs+P37rGupJNaARgJNhsBl+Sc+nzEKHijoBaBjwly |
|||
nYiendESj+fyUlYYGq2lCZ39D++xyn1diOxcIM0gchPZFlhUTUgInpUZaszzTp2a |
|||
+C114D8NK9vl07xKe2VAO8KWm4k/I+52dCDQ0oFO5T0Yvg2rRX2ffln2C7vAmHe7 |
|||
Zd/wfKEGe2gkiVrs9M8Merp6k3eG+MwKAEtWxEwWishIxXGJHmhA9YiGtrxddwZE |
|||
dEgm+jKE93+mVE4ko86TjEN10Cfy/3jVLr1t8SA5lyMQ7FDbEFVW6wmuga4u/jgL |
|||
Bb/FRHnahLPywvkzeita |
|||
-----END CERTIFICATE----- |
|||
@ -0,0 +1,52 @@ |
|||
-----BEGIN PRIVATE KEY----- |
|||
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 |
|||
lHniiVatSmynsipyyn6L7yXUElS7FaW5 |
|||
-----END PRIVATE KEY----- |
|||
@ -0,0 +1,11 @@ |
|||
var config = {}; |
|||
|
|||
config.mongo = {}; |
|||
config.redis = {}; |
|||
|
|||
config.mongo.user = 'user1' |
|||
config.mongo.password= 'pass1' |
|||
config.redis.host = 'redisserver'; |
|||
config.redis.port = 6379; |
|||
|
|||
module.exports = config; |
|||
File diff suppressed because it is too large
@ -0,0 +1,16 @@ |
|||
{ |
|||
"name": "swarmlab-agent", |
|||
"version": "1.0.0", |
|||
"description": "swarmlab on node", |
|||
"main": "server.js", |
|||
"scripts": { |
|||
"start": "node ./llo/server.js" |
|||
}, |
|||
"dependencies": { |
|||
"async": "^3.2.0", |
|||
"chai": "^4.2.0", |
|||
"express": "^4.17.1", |
|||
"helmet": "^4.1.1", |
|||
"url-exist-sync": "^1.0.2" |
|||
} |
|||
} |
|||
@ -0,0 +1,132 @@ |
|||
<template> |
|||
<div id="app"> |
|||
|
|||
<nav class="navbar navbar-light navbar-expand-md bg-light justify-content-md-center justify-content-start"> |
|||
<b-navbar-brand class="logo simple-text ti-swarmlab text-secondary"> |
|||
Swarmlab.io |
|||
</b-navbar-brand> |
|||
<div class="navbar-collapse collapse justify-content-between align-items-center w-100" id="collapsingNavbar2"> |
|||
<ul class="navbar-nav mx-auto text-md-center text-left"> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="#">Link</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="#" |
|||
@click="hybrid('bootstrap')" |
|||
>myNetwork</a> |
|||
</li> |
|||
<li class="nav-item my-auto"> |
|||
<a class="nav-link navbar-brand mx-0 d-none d-md-inline" href="">Hybrid</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="#">Link</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="#">Link</a> |
|||
</li> |
|||
</ul> |
|||
<ul class="nav navbar-nav flex-row justify-content-md-center justify-content-start flex-nowrap"> |
|||
<b-nav-item href="https://git.swarmlab.io:3000" target="_swarmlabgit"> Swarmlab_git </b-nav-item> |
|||
<b-nav-item > | </b-nav-item> |
|||
<b-nav-item :href="'https://api-client.swarmlab.io:8088/?token='+ token" target="_swarmlab"> Lab_onDemand </b-nav-item> |
|||
<b-nav-item > </b-nav-item> |
|||
</ul> |
|||
</div> |
|||
</nav> |
|||
|
|||
|
|||
<!-- ***************** container items ****************** --> |
|||
<b-row> |
|||
<b-col cols="12"> |
|||
|
|||
|
|||
<network-table |
|||
style="background-color: #f8f9fa" |
|||
> |
|||
</network-table> |
|||
|
|||
|
|||
</b-col> |
|||
</b-row> |
|||
<b-row> |
|||
<b-col cols="12"> |
|||
<!-- |
|||
<doc-grep |
|||
style="background-color: #f8f9fa" |
|||
> |
|||
</doc-grep> |
|||
|
|||
--> |
|||
</b-col> |
|||
</b-row> |
|||
|
|||
|
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import "@/assets/css/themify-icons.css"; |
|||
|
|||
//import NetworkTable from "./components/mynetwork/mytable.vue"; |
|||
import NetworkTable from "./components/mynetwork.vue"; |
|||
|
|||
export default { |
|||
name: 'app', |
|||
components: { |
|||
NetworkTable |
|||
}, |
|||
data() { |
|||
return { |
|||
show: true, |
|||
token: '', |
|||
SwarmabAsciiLabTemplate:'' |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
hybrid(action) { |
|||
console.log(action) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import url('https://fonts.googleapis.com/css?family=Lato:400,700'); |
|||
|
|||
|
|||
body { |
|||
background: #EEF1F4 !important; |
|||
} |
|||
|
|||
.nav-background { |
|||
background: #353535; |
|||
} |
|||
|
|||
.ti-swarmlab:before { |
|||
position: relative; |
|||
top:-5px; |
|||
right:-8px; |
|||
font-size: 1.5em; |
|||
font-weight: 300; |
|||
content: "\e606"; |
|||
color: #222; |
|||
color: #74B3C8; |
|||
border-color: #c60000; |
|||
} |
|||
|
|||
.ti-themify-logo:before { |
|||
content: "\e6d1"; |
|||
} |
|||
|
|||
.menoutext { |
|||
font-family: 'Lato', sans-serif !important; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,250 @@ |
|||
@import "@/assets/css/_variables.scss"; |
|||
.card { |
|||
border-radius: $border-radius-extreme; |
|||
box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); |
|||
background-color: #FFFFFF; |
|||
color: $card-black-color; |
|||
margin-bottom: 20px; |
|||
position: relative; |
|||
z-index: 1; |
|||
border: none; |
|||
|
|||
.card-image { |
|||
width: 100%; |
|||
overflow: hidden; |
|||
height: 260px; |
|||
border-radius: $border-radius-extreme $border-radius-extreme 0 0; |
|||
position: relative; |
|||
-webkit-transform-style: preserve-3d; |
|||
-moz-transform-style: preserve-3d; |
|||
transform-style: preserve-3d; |
|||
|
|||
img { |
|||
width: 100%; |
|||
} |
|||
} |
|||
.card-body { |
|||
padding: 15px 15px 10px 15px; |
|||
} |
|||
.card-header { |
|||
padding: 20px 20px 0; |
|||
border-bottom: 0; |
|||
background-color: transparent; |
|||
} |
|||
.description { |
|||
font-size: $font-paragraph; |
|||
color: $font-color; |
|||
} |
|||
|
|||
h6 { |
|||
font-size: $font-size-small; |
|||
margin: 0; |
|||
} |
|||
.card-category, |
|||
label { |
|||
font-size: $font-size-base; |
|||
font-weight: $font-weight-normal; |
|||
color: $dark-gray; |
|||
margin-bottom: 0px; |
|||
i { |
|||
font-size: $font-paragraph; |
|||
} |
|||
} |
|||
|
|||
label { |
|||
font-size: 15px; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.card-title { |
|||
margin: $none; |
|||
color: $card-black-color; |
|||
font-weight: $font-weight-light; |
|||
} |
|||
.avatar { |
|||
width: 50px; |
|||
height: 50px; |
|||
overflow: hidden; |
|||
border-radius: 50%; |
|||
margin-right: 5px; |
|||
} |
|||
.footer { |
|||
padding: 0; |
|||
line-height: 30px; |
|||
|
|||
.legend { |
|||
padding: 5px 0; |
|||
} |
|||
|
|||
hr { |
|||
margin-top: 5px; |
|||
margin-bottom: 5px; |
|||
} |
|||
} |
|||
.stats { |
|||
color: #a9a9a9; |
|||
font-weight: 300; |
|||
i { |
|||
margin-right: 2px; |
|||
min-width: 15px; |
|||
display: inline-block; |
|||
} |
|||
} |
|||
.footer div { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.author { |
|||
font-size: $font-size-small; |
|||
font-weight: $font-weight-bold; |
|||
text-transform: uppercase; |
|||
} |
|||
.author i { |
|||
font-size: $font-size-base; |
|||
} |
|||
|
|||
&.card-separator:after { |
|||
height: 100%; |
|||
right: -15px; |
|||
top: 0; |
|||
width: 1px; |
|||
background-color: $medium-gray; |
|||
content: ""; |
|||
position: absolute; |
|||
} |
|||
|
|||
.ct-chart { |
|||
margin: 30px 0 30px; |
|||
height: 245px; |
|||
} |
|||
|
|||
.table { |
|||
tbody td:first-child, |
|||
thead th:first-child { |
|||
padding-left: 15px; |
|||
} |
|||
|
|||
tbody td:last-child, |
|||
thead th:last-child { |
|||
padding-right: 15px; |
|||
} |
|||
} |
|||
|
|||
.alert { |
|||
border-radius: $border-radius-base; |
|||
position: relative; |
|||
|
|||
&.alert-with-icon { |
|||
padding-left: 65px; |
|||
} |
|||
} |
|||
.icon-big { |
|||
font-size: 3em; |
|||
min-height: 64px; |
|||
} |
|||
.numbers { |
|||
font-size: 2em; |
|||
text-align: right; |
|||
p { |
|||
margin: 0; |
|||
} |
|||
} |
|||
ul.team-members { |
|||
li { |
|||
padding: 10px 0px; |
|||
&:not(:last-child) { |
|||
border-bottom: 1px solid $medium-pale-bg; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.card-user { |
|||
.image { |
|||
border-radius: 8px 8px 0 0; |
|||
height: 150px; |
|||
position: relative; |
|||
overflow: hidden; |
|||
|
|||
img { |
|||
width: 100%; |
|||
} |
|||
} |
|||
.image-plain { |
|||
height: 0; |
|||
margin-top: 110px; |
|||
} |
|||
.author { |
|||
text-align: center; |
|||
text-transform: none; |
|||
margin-top: -65px; |
|||
.title { |
|||
color: $default-states-color; |
|||
small { |
|||
color: $card-muted-color; |
|||
} |
|||
} |
|||
} |
|||
.avatar { |
|||
width: 100px; |
|||
height: 100px; |
|||
border-radius: 50%; |
|||
position: relative; |
|||
margin-bottom: 15px; |
|||
|
|||
&.border-white { |
|||
border: 5px solid $white-color; |
|||
} |
|||
&.border-gray { |
|||
border: 5px solid $card-muted-color; |
|||
} |
|||
} |
|||
.card-title { |
|||
font-weight: 600; |
|||
line-height: 24px; |
|||
} |
|||
.description { |
|||
margin-top: 10px; |
|||
} |
|||
.card-body { |
|||
min-height: 200px; |
|||
} |
|||
|
|||
&.card-plain { |
|||
.avatar { |
|||
height: 190px; |
|||
width: 190px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.card-map { |
|||
.map { |
|||
height: 500px; |
|||
padding-top: 20px; |
|||
|
|||
> div { |
|||
height: 100%; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.card-user, |
|||
.card-price { |
|||
.card-footer { |
|||
padding: 5px 15px 10px; |
|||
} |
|||
hr { |
|||
margin: 5px 15px; |
|||
} |
|||
} |
|||
|
|||
.card-plain { |
|||
background-color: transparent; |
|||
box-shadow: none; |
|||
border-radius: 0; |
|||
|
|||
.image { |
|||
border-radius: 4px; |
|||
} |
|||
} |
|||
@ -0,0 +1,254 @@ |
|||
$font-color: #66615b !default; |
|||
$fill-font-color: rgba(255, 255, 255, 0.7); |
|||
|
|||
$none: 0 !default; |
|||
$border-thin: 1px !default; |
|||
$border-thick: 2px !default; |
|||
|
|||
$white-color: #FFFFFF !default; |
|||
$white-bg: #FFFFFF !default; |
|||
|
|||
$smoke-bg: #F5F5F5 !default; |
|||
$pale-bg: #FFFCF5 !default; |
|||
$medium-pale-bg: #F1EAE0 !default; |
|||
|
|||
$table-line-color: #CCC5B9 !default; |
|||
$muted-color: #a49e93 !default; |
|||
|
|||
$black-bg: rgba(30, 30, 30, .97) !default; |
|||
|
|||
$black-color: #333333 !default; |
|||
$black-hr: #444444 !default; |
|||
|
|||
$white-background-color: #FFFFFF !default; |
|||
$black-background-color: #212120 !default; |
|||
$darkblue-background-color: #35495E !default; // this is the dark blue color from Vue.js branding |
|||
|
|||
$light-gray: #E3E3E3 !default; |
|||
$medium-gray: #DDDDDD !default; |
|||
$dark-gray: #9A9A9A !default; |
|||
|
|||
$gray-input-bg: #fffcf5 !default; |
|||
$danger-input-bg: #FFC0A4 !default; |
|||
$success-input-bg: #ABF3CB !default; |
|||
$other-medium-gray: #A49E93 !default; |
|||
$transparent-bg: transparent !default; |
|||
|
|||
$default-color: #66615B !default; |
|||
$default-bg: #66615B !default; |
|||
$default-states-color: #403D39 !default; |
|||
|
|||
$primary-color: #7A9E9F !default; |
|||
$primary-bg: #7A9E9F !default; |
|||
$primary-states-color: #427C89 !default; |
|||
|
|||
$success-color: #41B883 !default; // this is the green color from Vue.js branding |
|||
$success-bg: #41B883 !default; |
|||
$success-states-color: #229863 !default; |
|||
|
|||
$info-color: #68B3C8 !default; |
|||
$info-bg: #68B3C8 !default; |
|||
$info-states-color: #3091B2 !default; |
|||
|
|||
$warning-color: #F3BB45 !default; |
|||
$warning-bg: #F3BB45 !default; |
|||
$warning-states-color: #BB992F !default; |
|||
|
|||
$danger-color: #EB5E28 !default; |
|||
$danger-bg: #EB5E28 !default; |
|||
$danger-states-color: #B33C12 !default; |
|||
|
|||
$link-disabled-color: #666666 !default; |
|||
|
|||
/* light colors - used for select dropdown */ |
|||
|
|||
$light-blue: rgba($primary-color, .2); |
|||
$light-azure: rgba($info-color, .2); |
|||
$light-green: rgba($success-color, .2); |
|||
$light-orange: rgba($warning-color, .2); |
|||
$light-red: rgba($danger-color, .2); |
|||
|
|||
//== Components |
|||
// |
|||
$padding-base-vertical: 7px !default; |
|||
$padding-base-horizontal: 18px !default; |
|||
|
|||
$padding-round-vertical: 9px !default; |
|||
$padding-round-horizontal: 18px !default; |
|||
|
|||
$padding-simple-vertical: 10px !default; |
|||
$padding-simple-horizontal: 18px !default; |
|||
|
|||
$padding-large-vertical: 11px !default; |
|||
$padding-large-horizontal: 30px !default; |
|||
|
|||
$padding-small-vertical: 4px !default; |
|||
$padding-small-horizontal: 10px !default; |
|||
|
|||
$padding-xs-vertical: 2px !default; |
|||
$padding-xs-horizontal: 5px !default; |
|||
|
|||
$padding-label-vertical: 2px !default; |
|||
$padding-label-horizontal: 12px !default; |
|||
|
|||
// padding for links inside dropdown menu |
|||
$padding-dropdown-vertical: 10px !default; |
|||
$padding-dropdown-horizontal: 15px !default; |
|||
|
|||
$margin-large-vertical: 30px !default; |
|||
$margin-base-vertical: 15px !default; |
|||
|
|||
// border radius for buttons |
|||
$border-radius-btn-small: 26px !default; |
|||
$border-radius-btn-base: 20px !default; |
|||
$border-radius-btn-large: 50px !default; |
|||
|
|||
// Cristina: am schimbat aici si s-au modificat inputurile |
|||
$margin-bottom: 0 0 10px 0 !default; |
|||
$border-radius-small: 3px !default; |
|||
$border-radius-base: 4px !default; |
|||
$border-radius-large: 6px !default; |
|||
$border-radius-extreme: 6px !default; |
|||
|
|||
$border-radius-large-top: $border-radius-large $border-radius-large 0 0 !default; |
|||
$border-radius-large-bottom: 0 0 $border-radius-large $border-radius-large !default; |
|||
|
|||
$btn-round-radius: 30px !default; |
|||
|
|||
$height-base: 40px !default; |
|||
|
|||
$font-size-base: 14px !default; |
|||
$font-size-xs: 12px !default; |
|||
$font-size-small: 12px !default; |
|||
$font-size-medium: 16px !default; |
|||
$font-size-large: 18px !default; |
|||
$font-size-large-navbar: 20px !default; |
|||
|
|||
$font-size-h1: 3.2em !default; |
|||
$font-size-h2: 2.6em !default; |
|||
$font-size-h3: 1.825em !default; |
|||
$font-size-h4: 1.5em !default; |
|||
$font-size-h5: 1.25em !default; |
|||
$font-size-h6: 0.9em !default; |
|||
$font-paragraph: 16px !default; |
|||
$font-size-navbar: 16px !default; |
|||
$font-size-small: 12px !default; |
|||
|
|||
$font-weight-light: 300 !default; |
|||
$font-weight-normal: 400 !default; |
|||
$font-weight-semi: 500 !default; |
|||
$font-weight-bold: 600 !default; |
|||
|
|||
$line-height-small: 20px !default; |
|||
$line-height-general: 1.4em !default; |
|||
$line-height: 36px !default; |
|||
$line-height-lg: 54px !default; |
|||
|
|||
$border-radius-top: 10px 10px 0 0 !default; |
|||
$border-radius-bottom: 0 0 10px 10px !default; |
|||
|
|||
$dropdown-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1); |
|||
|
|||
$general-transition-time: 300ms !default; |
|||
|
|||
$slow-transition-time: 300ms !default; |
|||
$dropdown-coordinates: 29px -50px !default; |
|||
|
|||
$fast-transition-time: 150ms !default; |
|||
$select-coordinates: 50% -40px !default; |
|||
|
|||
$transition-linear: linear !default; |
|||
$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default; |
|||
$transition-ease: ease 0s; |
|||
|
|||
$navbar-padding-a: 10px 15px; |
|||
$navbar-margin-a: 15px 0px; |
|||
|
|||
$padding-social-a: 10px 5px; |
|||
|
|||
$navbar-margin-a-btn: 15px 3px; |
|||
$navbar-margin-a-btn-round: 16px 3px; |
|||
|
|||
$navbar-padding-brand: 20px 15px; |
|||
$navbar-margin-brand: 5px 0px; |
|||
|
|||
$navbar-margin-brand-icons: 12px auto; |
|||
|
|||
$navbar-margin-btn: 15px 3px; |
|||
|
|||
$height-icon: 64px !default; |
|||
$width-icon: 64px !default; |
|||
$padding-icon: 12px !default; |
|||
$border-radius-icon: 15px !default; |
|||
|
|||
$white-navbar: rgba(#FFFFFF, .96); |
|||
$blue-navbar: rgba(#34ACDC, .98); |
|||
$azure-navbar: rgba(#5BCAFF, .98); |
|||
$green-navbar: rgba(#4CD964, .98); |
|||
$orange-navbar: rgba(#FF9500, .98); |
|||
$red-navbar: rgba(#FF4C40, .98); |
|||
|
|||
$bg-nude: #f4f3ef !default; |
|||
$bg-primary: #8ECFD5 !default; |
|||
$bg-info: #7CE4FE !default; |
|||
$bg-success: #8EF3C5 !default; |
|||
$bg-warning: #FFE28C !default; |
|||
$bg-danger: #FF8F5E !default; |
|||
|
|||
$topbar-x: topbar-x !default; |
|||
$topbar-back: topbar-back !default; |
|||
$bottombar-x: bottombar-x !default; |
|||
$bottombar-back: bottombar-back !default; |
|||
|
|||
$transition-linear: linear !default; |
|||
$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default; |
|||
$transition-ease: ease 0s; |
|||
$transition-ease-in: ease-in !default; |
|||
$transition-ease-out: ease-out !default; |
|||
|
|||
$general-transition-time: 300ms !default; |
|||
|
|||
$slow-transition-time: 370ms !default; |
|||
$dropdown-coordinates: 29px -50px !default; |
|||
|
|||
$fast-transition-time: 150ms !default; |
|||
|
|||
$ultra-fast-transition-time: 100ms !default; |
|||
|
|||
$select-coordinates: 50% -40px !default; |
|||
|
|||
$padding-zero: 0px !default; |
|||
|
|||
$sidebar-width: calc(100% - 260px) !default; |
|||
$medium-dark-gray: #AAAAAA !default; |
|||
|
|||
//variables used in cards |
|||
$card-black-color: #252422 !default; |
|||
$card-muted-color: #ccc5b9 !default; |
|||
|
|||
//variables used for sidebar |
|||
$sidebar-background-dark-blue: #506367; |
|||
|
|||
$sidebar-background-blue: #b8d8d8 !default; |
|||
$sidebar-font-blue: #506568 !default; |
|||
$sidebar-subtitle-blue: #7a9e9f !default; |
|||
|
|||
$sidebar-background-green: #d5e5a3 !default; |
|||
$sidebar-font-green: #60773d !default; |
|||
$sidebar-subtitle-green: #92ac56 !default; |
|||
|
|||
$sidebar-background-yellow: #ffe28c !default; |
|||
$sidebar-font-yellow: #b25825 !default; |
|||
$sidebar-subtitle-yellow: #d88715 !default; |
|||
|
|||
$sidebar-background-brown: #d6c1ab !default; |
|||
$sidebar-font-brown: #75442e !default; |
|||
$sidebar-subtitle-brown: #a47e65 !default; |
|||
|
|||
$sidebar-background-purple: #baa9ba !default; |
|||
$sidebar-font-purple: #3a283d !default; |
|||
$sidebar-subtitle-purple: #5a283d !default; |
|||
|
|||
$sidebar-background-orange: #ff8f5e !default; |
|||
$sidebar-font-orange: #772510 !default; |
|||
$sidebar-subtitle-orange: #e95e37 !default; |
|||
File diff suppressed because it is too large
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 843 B |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 713 B |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 859 B |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
@ -0,0 +1,32 @@ |
|||
<template> |
|||
<div class="card"> |
|||
<div class="card-image" v-if="$slots.image"> |
|||
<slot name="image"></slot> |
|||
</div> |
|||
<div class="card-header" v-if="$slots.header || title"> |
|||
<slot name="header"> |
|||
<h4 class="card-title">{{title}}</h4> |
|||
<p class="card-category" v-if="subTitle">{{subTitle}}</p> |
|||
</slot> |
|||
</div> |
|||
<div class="card-body" v-if="$slots.default"> |
|||
<slot></slot> |
|||
</div> |
|||
<slot name="raw-content"></slot> |
|||
<div class="card-footer" v-if="$slots.footer"> |
|||
<hr> |
|||
<slot name="footer"></slot> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
name: "card", |
|||
props: { |
|||
title: String, |
|||
subTitle: String |
|||
} |
|||
}; |
|||
</script> |
|||
<style> |
|||
</style> |
|||
@ -0,0 +1,42 @@ |
|||
<template> |
|||
<div> |
|||
|
|||
<div class="row" > |
|||
<div class="col-12 order-first pr-md-1" > |
|||
<br> |
|||
<view-network> |
|||
|
|||
</view-network> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import {mapState, mapGetters, mapActions} from 'vuex' |
|||
import ViewNetwork from "./mynetwork/mytable.vue"; |
|||
export default { |
|||
components: { |
|||
ViewNetwork |
|||
}, |
|||
data () { |
|||
return { |
|||
loading: false, |
|||
consoleView: 'off', |
|||
productIndex: 1 |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
beforeDestroy () { |
|||
}, |
|||
|
|||
|
|||
created () { |
|||
} |
|||
}; |
|||
</script> |
|||
<style> |
|||
</style> |
|||
|
|||
@ -0,0 +1,426 @@ |
|||
<template> |
|||
<div class="card" style="max-height:100%"> |
|||
|
|||
<v-wait for="myRunInstancetutor"> |
|||
<template slot="waiting"> |
|||
<div> |
|||
<img src="@/assets/loading.gif" /> |
|||
Enter Lab_room... |
|||
</div> |
|||
</template> |
|||
</v-wait> |
|||
|
|||
<card class="card-user" style="max-height:100%"> |
|||
<div class="author"> |
|||
<img class="avatar border-white" src="@/assets/img/docker.png" alt="..."> |
|||
</div> |
|||
|
|||
<b-container fluid class="bv-example-row"> |
|||
<card class="card-user" style="max-height:100%" > |
|||
|
|||
<span |
|||
class="notification" |
|||
v-if="$socket.disconnected" |
|||
> |
|||
You are disconnected |
|||
</span> |
|||
<span |
|||
class="notification" |
|||
v-else |
|||
> |
|||
You are connected |
|||
</span> |
|||
|
|||
|
|||
<div class="input-group input-group-sm sm-3"> |
|||
<div class="input-group-prepend"> |
|||
<button |
|||
class="btn btn-outline-primary" |
|||
round |
|||
type="button" |
|||
@click="onAction('start')" |
|||
> |
|||
Start local</button> |
|||
</div> |
|||
|
|||
<input type="text" |
|||
class="form-control" |
|||
aria-label="Small" aria-describedby="inputGroup-sizing-sm" |
|||
placeholder="Search" |
|||
v-model="searchFor" |
|||
@keyup.enter="setFilter" |
|||
> |
|||
|
|||
<div class="input-group-append"> |
|||
<button |
|||
class="btn btn-outline-primary" |
|||
round |
|||
type="button" |
|||
@click="setFilter"> |
|||
Go</button> |
|||
</div> |
|||
|
|||
<div class="input-group-append"> |
|||
<button class="btn btn-outline-secondary" |
|||
round |
|||
type="button" |
|||
@click="resetFilter"> |
|||
Reset</button> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
</card> |
|||
</b-container> |
|||
</card> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import store from '@/store/index' |
|||
import {mapState, mapGetters, mapActions,dispatch} from 'vuex' |
|||
import Vue from 'vue' |
|||
import card from '@/components/Card.vue' |
|||
import {ApiConfig} from "@/config/index"; |
|||
import { extend } from 'vee-validate'; |
|||
import { required, alpha_num } from 'vee-validate/dist/rules'; |
|||
|
|||
// No message specified. |
|||
extend('alpha_num', alpha_num); |
|||
|
|||
// Override the default message. |
|||
extend('required', { |
|||
...required, |
|||
message: 'This field is required' |
|||
}); |
|||
|
|||
export default { |
|||
components: { |
|||
card |
|||
}, |
|||
props: { |
|||
}, |
|||
data() { |
|||
return{ |
|||
issocket:'close', |
|||
setFilter: {}, |
|||
searchFor: {}, |
|||
resetFilter: {} |
|||
|
|||
} |
|||
}, |
|||
beforeMount () { |
|||
//this.socketopen(); |
|||
//this.socketauthenticate() |
|||
console.log('send') |
|||
}, |
|||
mounted() { |
|||
}, |
|||
created() { |
|||
var url_string = window.location.href |
|||
var url = new URL(url_string); |
|||
this.token = url.searchParams.get("token"); |
|||
console.log("token "+ this.token); |
|||
var log = store.dispatch("pipelineLLO/settoken",{ |
|||
token:this.token |
|||
}) |
|||
//this.socketopen(); |
|||
|
|||
}, |
|||
beforeDestroy () { |
|||
}, |
|||
computed: { |
|||
httpOptions() { |
|||
var token = this.token |
|||
var p="headers: {Authorization: token}}"; //table props -> :http-options="httpOptions" |
|||
return {headers: {Authorization: 'Bearer ' + token}} //table props -> :http-options="httpOptions" |
|||
}, |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
async onAction(){ |
|||
/* |
|||
var log = await store.dispatch("pipelineLLO/swarmlabstartget",{ |
|||
token:this.token, |
|||
action:'add' |
|||
}) |
|||
*/ |
|||
var obj = {} |
|||
obj.action = 'up' |
|||
obj.token = this.token |
|||
//this.$socket.client.emit('action', obj); |
|||
//this.$socket.client.emit('actionstart', obj); |
|||
this.$socket.client.open(); |
|||
this.$socket.client.emit('s1', 'test'); |
|||
//console.log('start ' + JSON.stringify(log)) |
|||
console.log('startobj ' + JSON.stringify(obj)) |
|||
//console.log(this.$socket.client.connect()) |
|||
|
|||
}, |
|||
async socketopen () { |
|||
//this.$socket.client.open(); |
|||
//this.$socket.client.connect(); |
|||
}, |
|||
async socketauthenticate () { |
|||
this.$socket.client.emit('authenticate', this.token); |
|||
}, |
|||
async socketreconnect () { |
|||
//var log = await this.socketopen() |
|||
//this.socketauthenticate() |
|||
}, |
|||
async socketclose () { |
|||
this.$socket.client.close(); |
|||
} |
|||
|
|||
}, |
|||
/** |
|||
* |
|||
* == Socket events |
|||
* |
|||
* [source,javascript] |
|||
* ---- |
|||
* this.$socket.client.emit('authenticate', 'logintoken'); |
|||
* ---- |
|||
* |
|||
*/ |
|||
sockets: { |
|||
connect() { |
|||
//this.$socket.client.emit('authenticate', this.token); |
|||
console.log('socket connected '+ 'socketdatasend' ) |
|||
this.issocket = 'open' |
|||
}, |
|||
/** |
|||
* |
|||
* === onError |
|||
* |
|||
*/ |
|||
error(error) { |
|||
console.log("socket error "+JSON.stringify(error)) |
|||
this.issocket = 'close' |
|||
}, |
|||
/** |
|||
* |
|||
* === connect_error |
|||
* |
|||
*/ |
|||
connect_error(error) { |
|||
console.log("socket connect_error "+JSON.stringify(error)) |
|||
this.issocket = 'close' |
|||
//this.socketopen() |
|||
//this.socketreconnect() |
|||
}, |
|||
/** |
|||
* |
|||
* === connect_error |
|||
* |
|||
*/ |
|||
disconnect(reason) { |
|||
console.log("socket disconnect "+JSON.stringify(reason)) |
|||
this.issocket = 'close' |
|||
this.socketreconnect() |
|||
}, |
|||
/** |
|||
* |
|||
* === Socket connect_timeout |
|||
* |
|||
*/ |
|||
connect_timeout(reason) { |
|||
console.log("socket timeout "+JSON.stringify(reason)) |
|||
this.issocket = 'close' |
|||
this.socketreconnect() |
|||
}, |
|||
/** |
|||
* |
|||
* === Socket reconnect |
|||
* |
|||
*/ |
|||
reconnect(attemptNumber) { |
|||
console.log("socket reconnect attemptNumber "+JSON.stringify(attemptNumber)) |
|||
this.socketreconnect() |
|||
}, |
|||
/** |
|||
* |
|||
* === connect_attempt |
|||
* |
|||
*/ |
|||
reconnect_attempt(attemptNumber) { |
|||
console.log("socket reconnect_attempt "+JSON.stringify(attemptNumber)) |
|||
this.socketreconnect() |
|||
}, |
|||
/** |
|||
* |
|||
* === Socket reconnecting |
|||
* |
|||
*/ |
|||
reconnecting(attemptNumber) { |
|||
console.log("socket reconnecting "+JSON.stringify(attemptNumber)) |
|||
this.socketreconnect() |
|||
}, |
|||
/** |
|||
* |
|||
* === reconnect_error |
|||
* |
|||
*/ |
|||
reconnect_error(error) { |
|||
console.log("socket reconnect_error "+JSON.stringify(error)) |
|||
this.issocket = 'close' |
|||
this.socketreconnect() |
|||
}, |
|||
/** |
|||
* |
|||
* === unauthorized |
|||
* |
|||
*/ |
|||
unauthorized(val) { |
|||
console.log("socket unauthorized "+JSON.stringify(val)) |
|||
this.issocket = 'close' |
|||
}, |
|||
/** |
|||
* |
|||
* === connected |
|||
* |
|||
*/ |
|||
socket_id_emit(val) { |
|||
console.log("socket id from server "+JSON.stringify(val)) |
|||
this.issocket = 'open' |
|||
}, |
|||
/** |
|||
* |
|||
* === Socket onMessage |
|||
* |
|||
*/ |
|||
/* |
|||
async adhocEmit(val) { |
|||
console.log("socket from server "+JSON.stringify(val)) |
|||
this.issocket = 'open' |
|||
this.$wait.start('myRunInstance1'); |
|||
// render begin |
|||
this.tryLLO = 'on' |
|||
if(this.firstbootstrap === 0 ){ |
|||
await this.bootsrapllo(); |
|||
this.firstbootstrap = 1 |
|||
} |
|||
var output = log.data.out |
|||
var mydinfunction = ` |
|||
<div class="row"> |
|||
<b-col class="" cols="12" sm="12" md="12" > |
|||
${output} |
|||
</b-col> |
|||
</div>` |
|||
|
|||
try { |
|||
let divascii = document.createElement('div'); |
|||
divascii.setAttribute("class", "container-fluid w-100 p-3 llotry") |
|||
divascii.innerHTML = mydinfunction |
|||
this.addtask(divascii); |
|||
}catch (ex) { |
|||
console.log(" logi error1 "+JSON.stringify(ex)) |
|||
return |
|||
} |
|||
this.$wait.end('myRunInstance1'); |
|||
}, |
|||
*/ |
|||
async logdata(val) { |
|||
console.log(" socket from logdata "+JSON.stringify(val)) |
|||
// ------------------------------------- |
|||
// Save store |
|||
// ------------------------------------- |
|||
var log = store.dispatch("pipelineLLO/addlog",{ |
|||
log:val |
|||
}) |
|||
|
|||
var ltmp = store.getters['pipelineLLO/getlog']; |
|||
this.log_path = [...new Set(ltmp.map(item => item.tailed_path))]; |
|||
var loglenght = '' |
|||
for (let item of this.log_path) { |
|||
//console.log('l1find '+ JSON.stringify(item)) |
|||
loglenght = ltmp.filter(item1 => item1.tailed_path === item).length; |
|||
Vue.set(this.log_path_lenght, item, loglenght); |
|||
if(loglenght > this.loglenghttotal){ |
|||
// ------------------------------------- |
|||
// Save store |
|||
// ------------------------------------- |
|||
var ltotal1 = store.dispatch("pipelineLLO/taillog",{ |
|||
path:item |
|||
}) |
|||
} |
|||
} |
|||
|
|||
}, |
|||
async message(val) { |
|||
console.log(" socket message "+JSON.stringify(val)) |
|||
} |
|||
}, |
|||
|
|||
|
|||
actions: { |
|||
|
|||
} |
|||
|
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
|
|||
|
|||
|
|||
.flex-fixed-width-item { |
|||
flex: 0 0 100px; |
|||
} |
|||
.modalinfo { |
|||
z-index: 10000000 !important; |
|||
position:fixed; |
|||
} |
|||
/* a container with flex-direction column */ |
|||
|
|||
.vue-notifyjs.notifications{ |
|||
.alert{ |
|||
z-index: 100; |
|||
} |
|||
.list-move { |
|||
transition: transform 0.3s, opacity 0.4s; |
|||
} |
|||
.list-item { |
|||
display: inline-block; |
|||
margin-right: 10px; |
|||
|
|||
} |
|||
.list-enter-active { |
|||
transition: transform 0.2s ease-in, opacity 0.4s ease-in; |
|||
} |
|||
.list-leave-active { |
|||
transition: transform 1s ease-out, opacity 0.4s ease-out; |
|||
} |
|||
|
|||
.list-enter { |
|||
opacity: 0; |
|||
transform: scale(1.1); |
|||
|
|||
} |
|||
.list-leave-to { |
|||
opacity: 0; |
|||
transform: scale(1.2, 0.7); |
|||
} |
|||
} |
|||
|
|||
pre { |
|||
//background-color: rgb(255, 247, 229); |
|||
background-color: #eff0f1; |
|||
border: 1px solid blue; |
|||
//white-space: pre-line; |
|||
} |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,462 @@ |
|||
<template> |
|||
<div class="card" style="max-height:100%"> |
|||
|
|||
|
|||
<v-wait for="myRunInstancetutor"> |
|||
<template slot="waiting"> |
|||
<div> |
|||
<img src="@/assets/loading.gif" /> |
|||
Enter Lab_room... |
|||
</div> |
|||
</template> |
|||
</v-wait> |
|||
|
|||
|
|||
<div class="input-group input-group-sm sm-3"> |
|||
|
|||
<input type="text" |
|||
class="form-control" |
|||
aria-label="Small" aria-describedby="inputGroup-sizing-sm" |
|||
placeholder="Search" |
|||
v-model="searchFor" |
|||
@keyup.enter="setFilter" |
|||
> |
|||
|
|||
<div class="input-group-append"> |
|||
<button |
|||
class="btn btn-outline-primary" |
|||
round |
|||
type="button" |
|||
@click="setFilter"> |
|||
Go</button> |
|||
</div> |
|||
|
|||
<div class="input-group-append"> |
|||
<button class="btn btn-outline-secondary" |
|||
round |
|||
type="button" |
|||
@click="resetFilter"> |
|||
Reset</button> |
|||
</div> |
|||
</div> |
|||
<div class="white h-100 flex-fixed-width-item" |
|||
<vuetable |
|||
ref="vuetable" |
|||
:key="vuetablekey" |
|||
:api-url='apiurl' |
|||
:api-mode="true" |
|||
:http-options="httpOptions" |
|||
:fields="fields" |
|||
:item-actions="itemActions" |
|||
:sort-order="sortOrder" |
|||
:show-sort-icons="true" |
|||
:multi-sort="multiSort" |
|||
:per-page="perpage" |
|||
pagination-path="links.pagination" |
|||
:pagination-component="paginationComponent" |
|||
:append-params="moreParams" |
|||
wrapper-class="vuetable-wrapper" |
|||
loading-class="loading" |
|||
detail-row-id="id" |
|||
@vuetable:pagination-data="onPaginationData" |
|||
@vuetable:load-success="loadsuccess" |
|||
:css="css.table" |
|||
> |
|||
<div slot="action-slot" slot-scope="props"> |
|||
<button |
|||
class="ti-thought btn btn-outline-secondary btn-sm" |
|||
round |
|||
@click="onAction('run-item', props.rowData, props.rowIndex)"> |
|||
</button> |
|||
</div> |
|||
</vuetable> |
|||
<div class="vuetable-pagination ui basic segment grid"> |
|||
<vuetable-pagination-info |
|||
ref="paginationInfo" |
|||
:css="css.paginationInfo" |
|||
> |
|||
</vuetable-pagination-info> |
|||
<vuetable-pagination |
|||
:css="css.pagination" |
|||
ref="pagination" |
|||
@vuetable-pagination:change-page="onChangePage" |
|||
> |
|||
</vuetable-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import store from '@/store/index' |
|||
import {mapState, mapGetters, mapActions,dispatch} from 'vuex' |
|||
import Vue from 'vue' |
|||
import {Vuetable, VuetablePaginationDropdown} from 'vuetable-2' |
|||
import VuetablePaginationInfo from 'vuetable-2/src/components/VuetablePaginationInfo' |
|||
import VuetablePagination from 'vuetable-2/src/components/VuetablePagination' |
|||
import CssConfig from 'vuetable-2/src/components/VuetableCssConfig.js' |
|||
import {ApiConfig} from "@/config/index"; |
|||
export default { |
|||
components: { |
|||
Vuetable, |
|||
VuetablePagination, |
|||
VuetablePaginationInfo, |
|||
VuetablePaginationDropdown |
|||
}, |
|||
props: { |
|||
}, |
|||
data() { |
|||
return{ |
|||
playbookInfo: {}, |
|||
token: '', |
|||
playbook: { |
|||
'title':'', |
|||
'name':'', |
|||
'description':'' |
|||
}, |
|||
container:{ |
|||
name:'', |
|||
view:0 |
|||
}, |
|||
pipeline:{}, |
|||
selected: '', |
|||
options: [ |
|||
{ text: 'Packages', value: 'packages' }, |
|||
{ text: 'Images', value: 'images' }, |
|||
{ text: 'Scripts', value: 'scripts' } |
|||
], |
|||
showModal: false, |
|||
visibility: [], |
|||
active:false, |
|||
vuetablekey:0, |
|||
fielddata:{}, |
|||
fields: [ |
|||
{ |
|||
name: 'swarmlabname', |
|||
title: '<span class="orange"></span>Name', |
|||
sortField: 'swarmlabname', |
|||
visible:true, |
|||
dataClass: 'left aligned col-3', |
|||
width: '70%' |
|||
}, |
|||
{ |
|||
name: 'swarmlabname', |
|||
title: '<span class="orange"></span>Type', |
|||
sortField: 'swarmlabname', |
|||
visible:true, |
|||
dataClass: 'left aligned col-3', |
|||
width: '10%', |
|||
formatter (value) { |
|||
const result = /^ondemand_playground/.test(value); |
|||
if (result) { |
|||
var v = '<p class="text-warning">Playground</p>' |
|||
return v |
|||
}else{ |
|||
var v = '<p class="text-info">Lab</p>' |
|||
return v |
|||
} |
|||
} |
|||
|
|||
}, |
|||
{ |
|||
name: '_id', |
|||
title: '<span class="orange"></span>mongo', |
|||
visible:false |
|||
}, |
|||
{ |
|||
name: 'description', |
|||
sortField: 'gitrepoCloneUrl', |
|||
titleClass: 'center aligned', |
|||
dataClass: 'left aligned w-25', |
|||
visible:false, |
|||
width: '15%' |
|||
}, |
|||
{ |
|||
name: 'gitrepoFullName', |
|||
sortField: 'gitrepoFullName', |
|||
titleClass: 'center aligned', |
|||
dataClass: 'left aligned w-25', |
|||
visible:false, |
|||
width: '15%' |
|||
}, |
|||
{ |
|||
name: "action-slot", |
|||
title: 'Actions', |
|||
titleClass: 'center aligned', |
|||
dataClass: 'center aligned', |
|||
width: '20%' |
|||
}, |
|||
|
|||
|
|||
/* |
|||
{ |
|||
name: 'description', |
|||
title: '<span class="orange"></span>Description', |
|||
sortField: 'description', |
|||
visible:true, |
|||
dataClass: 'left aligned col-3', |
|||
width: '55%', |
|||
// formatter (value) { |
|||
// const result = /^ondemand/.test(value); |
|||
// if (result) { |
|||
// var v = '<p class="text-info">'+value+'</p>' |
|||
// return v |
|||
// }else{ |
|||
// return value |
|||
// } |
|||
// } |
|||
}, |
|||
{ |
|||
name: '_id', |
|||
title: '<span class="orange"></span>mongo', |
|||
visible:false |
|||
}, |
|||
{ |
|||
name: 'res25labstart', |
|||
title: '<span class="orange"></span>Begin', |
|||
sortField: 'bootstraptimelab', |
|||
titleClass: 'center aligned', |
|||
dataClass: 'left aligned w-25', |
|||
visible:true, |
|||
width: '35%', |
|||
callback (value) { |
|||
}, |
|||
formatter (value) { |
|||
// return value |
|||
var datevalue = value |
|||
//var datevalue = data.res25labend |
|||
var datenow = new Date(); |
|||
var now_utc = Date.UTC(datenow.getUTCFullYear(), datenow.getUTCMonth(), datenow.getUTCDate(), datenow.getUTCHours(), datenow.getUTCMinutes(), datenow.getUTCSeconds()); |
|||
var newdate = new Date(now_utc); |
|||
|
|||
//if(Date.parse(value)-Date.parse(new Date().toLocaleString())<0){ |
|||
if(Date.parse(datevalue)-Date.parse(newdate)<0){ |
|||
var v = '<p class="text-warning">'+value+'</p>' |
|||
return v |
|||
}else{ |
|||
var v = '<p class="text-success">'+value+'</p>' |
|||
return v |
|||
} |
|||
|
|||
} |
|||
}, |
|||
{ |
|||
name: 'gitrepoCloneUrl', |
|||
sortField: 'gitrepoCloneUrl', |
|||
titleClass: 'center aligned', |
|||
dataClass: 'left aligned w-25', |
|||
visible:false, |
|||
width: '45%' |
|||
}, |
|||
{ |
|||
name: 'swarmlabname', |
|||
sortField: 'swarmlabname', |
|||
titleClass: 'center aligned', |
|||
dataClass: 'left aligned w-25', |
|||
visible:false, |
|||
width: '15%' |
|||
}, |
|||
{ |
|||
name: 'gitrepoFullName', |
|||
sortField: 'gitrepoFullName', |
|||
titleClass: 'center aligned', |
|||
dataClass: 'left aligned w-25', |
|||
visible:false, |
|||
width: '15%' |
|||
}, |
|||
{ |
|||
name: 'actions', |
|||
title: 'Actions', |
|||
titleClass: 'center aligned', |
|||
dataClass: 'center aligned', |
|||
width: '45%' |
|||
}, |
|||
*/ |
|||
], |
|||
apiurl:ApiConfig.url_80+"/swarmlabservices", |
|||
css: CssConfig, |
|||
perpage: 5, |
|||
searchFor: '', |
|||
sortOrder: [{ |
|||
field: 'pipelinename', |
|||
direction: 'asc' |
|||
}], |
|||
multiSort: true, |
|||
paginationComponent: 'vuetable-pagination', |
|||
itemActions: [ |
|||
{ name: 'view-item', label: '', icon: 'glyphicon glyphicon-zoom-in', class: 'btn btn-info', extra: {'title': 'View', 'data-toggle':"tooltip", 'data-placement': "left"} }, |
|||
{ name: 'edit-item', label: '', icon: 'glyphicon glyphicon-pencil', class: 'btn btn-warning', extra: {title: 'Edit', 'data-toggle':"tooltip", 'data-placement': "top"} }, |
|||
{ name: 'delete-item', label: '', icon: 'glyphicon glyphicon-remove', class: 'btn btn-danger', extra: {title: 'Delete', 'data-toggle':"tooltip", 'data-placement': "right" } } |
|||
], |
|||
moreParams: { |
|||
'filter': '', |
|||
'type': 'scripts', |
|||
'tutor': 'yes' |
|||
}, |
|||
|
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
created() { |
|||
var url_string = window.location.href |
|||
var url = new URL(url_string); |
|||
this.token = url.searchParams.get("token"); |
|||
console.log("token "+ this.token); |
|||
|
|||
}, |
|||
beforeDestroy () { |
|||
}, |
|||
computed: { |
|||
httpOptions() { |
|||
var token = this.token |
|||
var p="headers: {Authorization: token}}"; //table props -> :http-options="httpOptions" |
|||
return {headers: {Authorization: 'Bearer ' + token}} //table props -> :http-options="httpOptions" |
|||
}, |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
onError (type,description) { |
|||
var winfo=description |
|||
var info='<h5>Bootstrap '+type+'</h5>' |
|||
this.$swal({ |
|||
type: type, |
|||
html: info+winfo, |
|||
showCloseButton: true, |
|||
showLoaderOnConfirm: false, |
|||
allowOutsideClick: false, |
|||
cancelButtonText: 'No, cancel!', |
|||
showCancelButton: false, |
|||
showLoaderOnConfirm: false, |
|||
reverseButtons: true, |
|||
focusCancel: true, |
|||
confirmButtonText: 'Ok!' |
|||
}) |
|||
}, |
|||
|
|||
|
|||
setFilter () { |
|||
this.moreParams = { |
|||
'filter': this.searchFor, |
|||
'type': this.selected |
|||
} |
|||
Vue.nextTick( () => this.$refs.vuetable.refresh()) |
|||
}, |
|||
resetFilter () { |
|||
this.moreParams = {} |
|||
this.searchFor = '' |
|||
Vue.nextTick( () => this.$refs.vuetable.refresh()) |
|||
}, |
|||
onPaginationData (paginationData) { |
|||
this.$refs.pagination.setPaginationData(paginationData) |
|||
this.$refs.paginationInfo.setPaginationData(paginationData) |
|||
}, |
|||
onChangePage (page) { |
|||
this.$refs.vuetable.changePage(page) |
|||
}, |
|||
editRow(rowData) { |
|||
alert("You clicked edit on"+ JSON.stringify(rowData)); |
|||
}, |
|||
async onAction (action, data, index) { |
|||
if(action == 'view-item' ){ |
|||
}else if(action == 'delete-item' ){ |
|||
this.$swal({ |
|||
type: 'info', |
|||
html: info+winfo, |
|||
showCloseButton: true, |
|||
showLoaderOnConfirm: false, |
|||
allowOutsideClick: false, |
|||
cancelButtonText: 'No, cancel!', |
|||
showCancelButton: true, |
|||
showLoaderOnConfirm: false, |
|||
reverseButtons: true, |
|||
focusCancel: true, |
|||
confirmButtonText: 'Yes, Delete it!' |
|||
}) |
|||
}else if(action == 'run-item' ){ |
|||
} |
|||
}, |
|||
refreshVuetable() { |
|||
this.$nextTick(()=>{ |
|||
this.vuetablekey += 1 |
|||
}) |
|||
}, |
|||
playbookinfoShow(value) { |
|||
return this.visibility[value]=true |
|||
}, |
|||
playbookinfo(value) { |
|||
return this.playbookInfo=value |
|||
}, |
|||
rowClicked(row, event) { |
|||
return { |
|||
html: true, |
|||
title: () => { return 'Hello <b>Popover:</b> ' + (++this.counter) }, |
|||
content: () => { return 'The date is:<br><em>' + new Date() + '</em>' } |
|||
} |
|||
}, |
|||
loadsuccess(response) { |
|||
var data = response.data.data |
|||
this.fielddata=data |
|||
var n = data.length |
|||
n=n-1 |
|||
}, |
|||
|
|||
|
|||
}, |
|||
|
|||
|
|||
actions: { |
|||
|
|||
|
|||
} |
|||
|
|||
}; |
|||
</script> |
|||
<style> |
|||
.flex-fixed-width-item { |
|||
flex: 0 0 100px; |
|||
} |
|||
.modalinfo { |
|||
z-index: 10000000 !important; |
|||
position:fixed; |
|||
} |
|||
/* a container with flex-direction column */ |
|||
|
|||
.vue-notifyjs.notifications{ |
|||
.alert{ |
|||
z-index: 100; |
|||
} |
|||
.list-move { |
|||
transition: transform 0.3s, opacity 0.4s; |
|||
} |
|||
.list-item { |
|||
display: inline-block; |
|||
margin-right: 10px; |
|||
|
|||
} |
|||
.list-enter-active { |
|||
transition: transform 0.2s ease-in, opacity 0.4s ease-in; |
|||
} |
|||
.list-leave-active { |
|||
transition: transform 1s ease-out, opacity 0.4s ease-out; |
|||
} |
|||
|
|||
.list-enter { |
|||
opacity: 0; |
|||
transform: scale(1.1); |
|||
|
|||
} |
|||
.list-leave-to { |
|||
opacity: 0; |
|||
transform: scale(1.2, 0.7); |
|||
} |
|||
} |
|||
|
|||
pre { |
|||
//background-color: rgb(255, 247, 229); |
|||
background-color: #eff0f1; |
|||
border: 1px solid blue; |
|||
//white-space: pre-line; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,124 @@ |
|||
let SessionLoad = 1 |
|||
if &cp | set nocp | endif |
|||
let s:so_save = &so | let s:siso_save = &siso | set so=0 siso=0 |
|||
let v:this_session=expand("<sfile>:p") |
|||
silent only |
|||
cd /data/appl/ok/swarmlab-hybrid/src/components/mynetwork |
|||
if expand('%') == '' && !&modified && line('$') <= 1 && getline(1) == '' |
|||
let s:wipebuf = bufnr('%') |
|||
endif |
|||
set shortmess=aoO |
|||
badd +0 /data/appl/ok/swarmlab-client/src/assets/css/themify-icons.css |
|||
badd +13 /data/appl/ok/swarmlab-hybrid/src/main.js |
|||
badd +0 /data/appl/ok/swarmlab-hybrid/src/components/mynetwork.vue |
|||
argglobal |
|||
silent! argdel * |
|||
$argadd mytable.vue |
|||
set stal=2 |
|||
edit /data/appl/ok/swarmlab-hybrid/src/components/mynetwork/mytable.vue |
|||
set splitbelow splitright |
|||
set nosplitbelow |
|||
set nosplitright |
|||
wincmd t |
|||
set winminheight=1 winheight=1 winminwidth=1 winwidth=1 |
|||
argglobal |
|||
setlocal fdm=manual |
|||
setlocal fde=0 |
|||
setlocal fmr={{{,}}} |
|||
setlocal fdi=# |
|||
setlocal fdl=0 |
|||
setlocal fml=1 |
|||
setlocal fdn=20 |
|||
setlocal fen |
|||
silent! normal! zE |
|||
let s:l = 3 - ((2 * winheight(0) + 23) / 47) |
|||
if s:l < 1 | let s:l = 1 | endif |
|||
exe s:l |
|||
normal! zt |
|||
3 |
|||
normal! 0 |
|||
tabedit /data/appl/ok/swarmlab-hybrid/src/App.vue |
|||
set splitbelow splitright |
|||
set nosplitbelow |
|||
set nosplitright |
|||
wincmd t |
|||
set winminheight=1 winheight=1 winminwidth=1 winwidth=1 |
|||
argglobal |
|||
setlocal fdm=manual |
|||
setlocal fde=0 |
|||
setlocal fmr={{{,}}} |
|||
setlocal fdi=# |
|||
setlocal fdl=0 |
|||
setlocal fml=1 |
|||
setlocal fdn=20 |
|||
setlocal fen |
|||
silent! normal! zE |
|||
let s:l = 73 - ((28 * winheight(0) + 23) / 47) |
|||
if s:l < 1 | let s:l = 1 | endif |
|||
exe s:l |
|||
normal! zt |
|||
73 |
|||
normal! 044| |
|||
lcd /data/appl/ok/swarmlab-hybrid/src |
|||
tabedit /data/appl/ok/swarmlab-hybrid/src/App.vue |
|||
set splitbelow splitright |
|||
set nosplitbelow |
|||
set nosplitright |
|||
wincmd t |
|||
set winminheight=1 winheight=1 winminwidth=1 winwidth=1 |
|||
argglobal |
|||
setlocal fdm=manual |
|||
setlocal fde=0 |
|||
setlocal fmr={{{,}}} |
|||
setlocal fdi=# |
|||
setlocal fdl=0 |
|||
setlocal fml=1 |
|||
setlocal fdn=20 |
|||
setlocal fen |
|||
silent! normal! zE |
|||
let s:l = 70 - ((25 * winheight(0) + 23) / 47) |
|||
if s:l < 1 | let s:l = 1 | endif |
|||
exe s:l |
|||
normal! zt |
|||
70 |
|||
normal! 040| |
|||
lcd /data/appl/ok/swarmlab-hybrid/src |
|||
tabedit /data/appl/ok/swarmlab-hybrid/src/components/mynetwork.vue |
|||
set splitbelow splitright |
|||
set nosplitbelow |
|||
set nosplitright |
|||
wincmd t |
|||
set winminheight=1 winheight=1 winminwidth=1 winwidth=1 |
|||
argglobal |
|||
setlocal fdm=manual |
|||
setlocal fde=0 |
|||
setlocal fmr={{{,}}} |
|||
setlocal fdi=# |
|||
setlocal fdl=0 |
|||
setlocal fml=1 |
|||
setlocal fdn=20 |
|||
setlocal fen |
|||
silent! normal! zE |
|||
let s:l = 17 - ((16 * winheight(0) + 23) / 47) |
|||
if s:l < 1 | let s:l = 1 | endif |
|||
exe s:l |
|||
normal! zt |
|||
17 |
|||
normal! 030| |
|||
lcd /data/appl/ok/swarmlab-hybrid/src |
|||
tabnext 1 |
|||
set stal=1 |
|||
if exists('s:wipebuf') |
|||
silent exe 'bwipe ' . s:wipebuf |
|||
endif |
|||
unlet! s:wipebuf |
|||
set winheight=1 winwidth=20 shortmess=filnxtToOA |
|||
set winminheight=1 winminwidth=1 |
|||
let s:sx = expand("<sfile>:p:r")."x.vim" |
|||
if file_readable(s:sx) |
|||
exe "source " . fnameescape(s:sx) |
|||
endif |
|||
let &so = s:so_save | let &siso = s:siso_save |
|||
doautoall SessionLoadPost |
|||
unlet SessionLoad |
|||
" vim: set ft=vim : |
|||
@ -0,0 +1,14 @@ |
|||
//var global_config = {
|
|||
export const ApiConfig = { |
|||
'url_80' : 'https://api.swarmlab.io', // webclient
|
|||
'url_443' : 'https://api.swarmlab.io', // webclient
|
|||
/* config for swarmlab ide */ |
|||
'wsedithttp' : 'https://', // web collaborator editor site http h https ://'wseditsite':8091/clients/swarmlab-ide.html'
|
|||
'wseditsite' : 'ide.swarmlab.io', // web collaborator editor site http://'wseditsite':8091/clients/swarmlab-ide.html' same as above but for wss
|
|||
'wseditprotocol' : 'https', // web collaborator protocol for apiserver, log, loggateway, chat, editsrc
|
|||
'swarmlabapiserver' : 'api.swarmlab.io', // wss api server passing as argument, same as url_80,url_443
|
|||
'wseditsrc' : 'ide.swarmlab.io', // web collaborator editor passing as argument
|
|||
'wslog' : 'ide-debug.swarmlab.io',// debug log(9080) for collaborator editor passing as argument
|
|||
'wsloggateway' : 'ide-debug.swarmlab.io',// debug log(9088) gateway for collaborator editor passing as argument
|
|||
'wschat' : 'ide-chat.swarmlab.io' // chat for collaborator editor passing as argument
|
|||
}; |
|||
@ -0,0 +1,99 @@ |
|||
import Vue from 'vue' |
|||
import App from './App.vue' |
|||
import store from '@/store/index' |
|||
import BootstrapVue from 'bootstrap-vue' |
|||
import 'bootstrap/dist/css/bootstrap.css' |
|||
import 'bootstrap-vue/dist/bootstrap-vue.css' |
|||
import VueSweetalert2 from 'vue-sweetalert2'; |
|||
Vue.use(VueSweetalert2); |
|||
import VueWait from 'vue-wait' |
|||
import { ValidationProvider } from 'vee-validate'; |
|||
Vue.use(VueWait) |
|||
|
|||
|
|||
import "@/assets/css/_cards.scss"; |
|||
|
|||
|
|||
import VueSocketIOExt from 'vue-socket.io-extended'; |
|||
//import io from 'socket.io-client';
|
|||
import { io } from 'socket.io-client'; |
|||
|
|||
/* |
|||
const socket = io('http://localhost:3000', { |
|||
//autoConnect: false,
|
|||
autoConnect: true, |
|||
reconnection: true, |
|||
reconnectionDelay: 500, |
|||
maxReconnectionAttempts: Infinity, |
|||
pingInterval: 25000, |
|||
pingTimeout: 60000, |
|||
//transports: ["websocket"],
|
|||
transports: [ 'websocket', 'polling' ], |
|||
//transports: ["polling"],
|
|||
secure: true |
|||
//rejectUnauthorized: false
|
|||
}); |
|||
*/ |
|||
|
|||
//const socket = io('https://factory.swarmlab.io:55527', {
|
|||
const socket = io('https://localhost:3000', { |
|||
//const socket = io('https://83.212.78.17:3088', {
|
|||
//const socket = io('http://factory.swarmlab.io:55528', {
|
|||
//autoConnect: false
|
|||
autoConnect: false, |
|||
reconnection: true, |
|||
reconnectionDelay: 500, |
|||
maxReconnectionAttempts: Infinity, |
|||
pingInterval: 25000, |
|||
pingTimeout: 60000, |
|||
//transports: ["websocket"],
|
|||
transports: [ 'websocket', 'polling' ], |
|||
//transports: ["polling"],
|
|||
secure: true |
|||
//rejectUnauthorized: false
|
|||
}); |
|||
|
|||
|
|||
//const socket = io('http://localhost:3000', { autoConnect: false });
|
|||
|
|||
|
|||
Vue.use(VueSocketIOExt, socket); |
|||
|
|||
//Vue.use(VueSocketIOExt, socket);
|
|||
|
|||
Vue.use(BootstrapVue); |
|||
|
|||
|
|||
const config = { |
|||
aria: true, |
|||
classNames: { |
|||
valid: "is-valid", |
|||
invalid: "is-invalid" |
|||
}, |
|||
classes: true, |
|||
delay: 0, |
|||
dictionary: null, |
|||
errorBagName: 'vErrors', // change if property conflicts
|
|||
events: 'input|blur', |
|||
fieldsBagName: 'vFields', |
|||
i18n: null, // the vue-i18n plugin instance
|
|||
i18nRootKey: 'validations', // the nested key under which the validation messages will be located
|
|||
inject: true, |
|||
locale: 'en', |
|||
validity: false, |
|||
useConstraintAttrs: true |
|||
}; |
|||
//Vue.use(ValidationProvider,config);
|
|||
Vue.component('ValidationProvider', ValidationProvider); |
|||
|
|||
|
|||
|
|||
|
|||
Vue.config.productionTip = false |
|||
new Vue({ |
|||
el: '#app', |
|||
store, |
|||
wait: new VueWait(), |
|||
render: h => h(App) |
|||
}) |
|||
|
|||
@ -0,0 +1,40 @@ |
|||
import Vuex from 'vuex' |
|||
import Vue from 'vue' |
|||
import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue' |
|||
// -------------- Playbook----------------
|
|||
import pipelineLLO from './modules/create_pipelineLLO' |
|||
import { library, dom } from '@fortawesome/fontawesome-svg-core' |
|||
|
|||
import {faIcons, faSort, faChevronUp, faChevronDown, faBars, fas } from '@fortawesome/free-solid-svg-icons' |
|||
import { faJs, faVuejs, fab, faFontAwesome} from '@fortawesome/free-brands-svg-icons' |
|||
import { FontAwesomeIcon, FontAwesomeLayers, FontAwesomeLayersText } from '@fortawesome/vue-fontawesome' |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
Vue.use(Vuex) |
|||
Vue.use(BootstrapVue); |
|||
|
|||
|
|||
|
|||
Vue.component('font-awesome-icon', FontAwesomeIcon) |
|||
library.add(faIcons, faSort, faChevronUp, faChevronDown, faBars, faJs, faVuejs, fab, fas, faFontAwesome) |
|||
dom.watch() // This will kick of the initial replacement of i to svg tags and configure a MutationObserver
|
|||
|
|||
|
|||
import 'bootstrap/dist/css/bootstrap.css' |
|||
import 'bootstrap-vue/dist/bootstrap-vue.css' |
|||
|
|||
|
|||
export default new Vuex.Store({ |
|||
modules: { |
|||
pipelineLLO |
|||
}, |
|||
state: { // = data
|
|||
}, |
|||
getters: { // = computed properties
|
|||
}, |
|||
mutations: { |
|||
} |
|||
}) |
|||
@ -0,0 +1,135 @@ |
|||
import { mapState, mapActions, commit } from 'vuex' |
|||
import store from '@/store/index' |
|||
import axios from 'axios' |
|||
|
|||
export default { |
|||
namespaced: true, |
|||
state: { |
|||
token: '' |
|||
}, |
|||
getters: { |
|||
gettoken (state, container) { |
|||
return state.token |
|||
}, |
|||
getlog (state, container) { |
|||
return state.log |
|||
} |
|||
}, |
|||
mutations: { |
|||
set_token (state, data) { |
|||
state.token=data; |
|||
}, |
|||
add_log (state, data) { |
|||
//console.log("js1 set "+JSON.stringify(data))
|
|||
state.log.push(data); |
|||
} |
|||
}, |
|||
actions: { |
|||
addlog({commit}, value) { |
|||
//console.log("container "+value)
|
|||
var tt = {} |
|||
tt.message = value.log.log.message |
|||
tt.tailed_path = value.log.log.tailed_path |
|||
tt.date = value.log.date |
|||
commit('add_log', tt) |
|||
}, |
|||
settoken({commit}, value) { |
|||
//console.log("container "+value)
|
|||
commit('set_token', value.token) |
|||
}, |
|||
async swarmlabstart({commit,rootGetters}, value) { |
|||
console.log('from '+JSON.stringify(value)) |
|||
try { |
|||
var token = value.token |
|||
var params = { |
|||
action: value.action, |
|||
} |
|||
var options = { |
|||
headers: { 'content-type': 'application/x-www-form-urlencoded',Authorization: `Bearer ${token}` }, |
|||
}; |
|||
var p = await axios.post('http://localhost:8084/run',params,options); |
|||
//console.log(value.token)
|
|||
//console.log(value.swarmlabname)
|
|||
console.log(JSON.stringify(p)) |
|||
} catch (e) { |
|||
if(e.message == "Request failed with status code 401" || /401/i.test(e.message)){ |
|||
//console.log('error '+JSON.stringify(e))
|
|||
window.location.href = 'https://api-login.swarmlab.io:8089'; |
|||
}else{ |
|||
var R = { |
|||
ERROR_str: e, |
|||
ERROR: 'yes' |
|||
} |
|||
return R; |
|||
} |
|||
} |
|||
}, |
|||
async swarmlabhybridrm({commit,rootGetters}, value) { |
|||
try { |
|||
var token = value.token |
|||
var params = { |
|||
action: value.action, |
|||
nodename: value.nodename, |
|||
nodeip: value.nodeip, |
|||
nodeid: value.nodeid, |
|||
noderole: value.noderole, |
|||
nodezones: value.nodezones, |
|||
nodedesc: value.nodedesc |
|||
} |
|||
var options = { |
|||
headers: { 'content-type': 'application/x-www-form-urlencoded',Authorization: `Bearer ${token}` }, |
|||
}; |
|||
var p = await axios.post('https://api.swarmlab.io/swarmlabhybridrm',params,options); |
|||
if(p.error == "invalid_token"){ |
|||
console.log(p) |
|||
console.log(JSON.stringify(p)) |
|||
}else{ |
|||
} |
|||
//console.log(value.token)
|
|||
//console.log(value.swarmlabname)
|
|||
console.log(JSON.stringify(p)) |
|||
} catch (e) { |
|||
if(e.message == "Request failed with status code 401" || /401/i.test(e.message)){ |
|||
//console.log('error '+JSON.stringify(e))
|
|||
window.location.href = 'https://api-login.swarmlab.io:8089'; |
|||
}else{ |
|||
var R = { |
|||
ERROR_str: e, |
|||
ERROR: 'yes' |
|||
} |
|||
return R; |
|||
} |
|||
} |
|||
}, |
|||
async swarmlabstartget({commit,rootGetters}, value) { |
|||
console.log('value '+JSON.stringify(value)) |
|||
try { |
|||
var token = value.token |
|||
var params = { |
|||
action: value.action |
|||
} |
|||
var options = { |
|||
params: params, |
|||
headers: { 'content-type': 'application/x-www-form-urlencoded',Authorization: `Bearer ${token}` }, |
|||
}; |
|||
var p = await axios.get('http://localhost:8084/run',options); |
|||
return p |
|||
//console.log(JSON.stringify(p))
|
|||
//console.log(value.token)
|
|||
//console.log(value.swarmlabname)
|
|||
} catch (e) { |
|||
if(e.message == "Request failed with status code 401" || /401/i.test(e.message)){ |
|||
//console.log('error '+JSON.stringify(e))
|
|||
window.location.href = 'https://api-login.swarmlab.io:8089'; |
|||
}else{ |
|||
var R = { |
|||
ERROR_str: e, |
|||
ERROR: 'yes' |
|||
} |
|||
return R; |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
Loading…
Reference in new issue