tosu
/
hackhpi23-cyber-range
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Huge refactor

This commit is contained in:
cubernetes 2023-04-14 07:13:17 +02:00
parent 58ecb0bf5e
commit ecca0cda36
4 changed files with 261 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
webserver/database/logs/blue.json Normal file
View File

@ -0,0 +1 @@
[]

1
webserver/database/logs/red.json Normal file
View File

@ -0,0 +1 @@
[]

292
webserver/main.py Normal file → Executable file
View File

@ -1,3 +1,5 @@
#!/usr/bin/env python3
import os, datetime, requests, random, json, time, string import os, datetime, requests, random, json, time, string
from werkzeug.security import generate_password_hash from werkzeug.security import generate_password_hash
from werkzeug.utils import secure_filename from werkzeug.utils import secure_filename
@ -15,6 +17,8 @@ from oauthlib.oauth2 import WebApplicationClient
from discord_webhook import DiscordWebhook, DiscordEmbed from discord_webhook import DiscordWebhook, DiscordEmbed
from base64 import b64decode from base64 import b64decode
STARTED = 0
app = Flask(__name__) app = Flask(__name__)
app.config.update( app.config.update(
@ -25,15 +29,14 @@ app.config.update(
login_manager = LoginManager() login_manager = LoginManager()
login_manager.init_app(app) login_manager.init_app(app)
class User(UserMixin): class User(UserMixin):
def __init__(self, id): def __init__(self, id):
self.id = id self.id = id
self.name = "user" + str(id) self.name = 'user' + str(id)
self.password = self.name + "_secret" self.password = self.name + '_secret'
def __repr__(self): def __repr__(self):
return "%d/%s/%s" % (self.id, self.name, self.password) return '%d/%s/%s' % (self.id, self.name, self.password)
@login_manager.user_loader @login_manager.user_loader
def load_user(userid): def load_user(userid):
@ -42,125 +45,111 @@ def load_user(userid):
def get_username(self): def get_username(self):
return self.username return self.username
@app.route('/') @app.route('/')
def homepage(): def homepage():
return redirect("/login") return redirect('/login')
@app.route('/login', methods=['GET', 'POST'])
@app.route('/login', methods=['GET',"POST"])
def login_general(): def login_general():
if request.method == "POST": if request.method == 'POST':
commit_proper = True commit_proper = True
try: try:
username = request.form['username'] username = request.form['username']
password_login = request.form['password_login'] password_login = request.form['password_login']
if username == "" and password_login == "": if username == '' and password_login == '':
commit_proper = False commit_proper = False
except: except:
commit_proper = False commit_proper = False
if commit_proper: if commit_proper:
all_user_files = os.listdir('database/users') all_user_files = os.listdir('./database/users')
matching_user_json = None matching_user_json = None
for user_now in all_user_files: for user_now in all_user_files:
with open(f'database/users/{user_now}/user.json','r') as user_file: with open(f'./database/users/{user_now}/user.json') as user_file:
user_json = json.load(user_file) user_json = json.load(user_file)
if user_json["username"] == username or str(user_json["email"]).lower() == username.lower(): if user_json['username'] == username or str(user_json['email']).lower() == username.lower():
matching_user_json = user_json matching_user_json = user_json
if not matching_user_json == None: if not matching_user_json == None:
if matching_user_json["password"] == password_login: if matching_user_json['password'] == password_login:
var_user_to_login = User(matching_user_json["userid"]) var_user_to_login = User(matching_user_json['userid'])
login_user(var_user_to_login) login_user(var_user_to_login)
return redirect("/d1") return redirect('/d1')
else: else:
return render_template("login/invalid_credentials_noti.html") return render_template('login/invalid_credentials_noti.html')
else: else:
return render_template("login/invalid_credentials_noti.html") return render_template('login/invalid_credentials_noti.html')
else: else:
return render_template("login/invalid_credentials_noti.html") return render_template('login/invalid_credentials_noti.html')
else: else:
return render_template("login/main_login.html") return render_template('login/main_login.html')
@app.route('/logout', methods=['GET'])
@app.route("/logout", methods=['GET']) #logout
def cpdashy_logout_main(): def cpdashy_logout_main():
try: try:
logout_user() logout_user()
except: except:
pass #prolly not even logged in pass #prolly not even logged in
return redirect("/login") return redirect('/login')
# Main Dashboard start # Main Dashboard start
def extract_time(json): def extract_time(json):
try: try:
return int(int(json['timestamp'].split("m")[0])*60 + int(json['timestamp'].split("m")[1].replace("m","").replace("s","").replace(" ","").replace("&nbp;",""))) return json['timestamp']
except KeyError: except KeyError:
return 0 return 0
def cpdash_get_sidebar(): def cpdash_get_sidebar():
with open('templates/sidebar.html','r') as f: with open('templates/sidebar.html') as f:
sidebar = f.read() sidebar = f.read()
return(sidebar) return sidebar
@app.route("/d1", methods=['GET']) #main manager dash @app.route('/d1', methods=['GET']) #main manager dash
def cpdashy_1_main(): def cpdashy_1_main():
global STARTED
if current_user.is_authenticated: if current_user.is_authenticated:
userid = str(current_user.name).replace("user","").replace("User","").replace("USER","") userid = str(current_user.name).replace('user', '').replace('User', '').replace('USER', '')
with open(f'database/users/{userid}/user.json','r') as f: with open(f'./database/users/{userid}/user.json') as f:
user_data = json.load(f) user_data = json.load(f)
if not os.path.exists("database/temp/sim_running.txt"): if not os.path.exists('./database/temp/sim_running.txt'):
sim_running = "False" sim_running = 'False'
else: else:
with open("database/temp/sim_running.txt","r") as f: with open('./database/temp/sim_running.txt') as f:
sim_running = f.read() sim_running = f.read()
if not os.path.exists("database/temp/sim_start.txt"): if not os.path.exists('./database/temp/sim_start.txt'):
sim_start_timestamp = "0" sim_start_timestamp = '-1'
STARTED = False
else: else:
with open("database/temp/sim_start.txt","r") as f: with open('./database/temp/sim_start.txt') as f:
sim_start_timestamp_stamp = int(f.read().split(".")[0]) sim_start_timestamp = f.read()
STARTED = True
min, sec = divmod(time.time() - int(sim_start_timestamp_stamp),60) if not os.path.exists('./database/temp/attack_start.txt'):
sim_start_timestamp = str(int(min)) + "m " + str(int(round(sec,0))) + "s" attack_start_timestamp = '-1'
if not os.path.exists("database/temp/attack_start.txt"):
attack_start_timestamp = "0"
else: else:
with open("database/temp/attack_start.txt","r") as f: with open('./database/temp/attack_start.txt') as f:
attack_start_timestamp = int(f.read().split(".")[0]) attack_start_timestamp = f.read()
min, sec = divmod(time.time() - int(attack_start_timestamp),60) with open('./database/logs/blue.json') as f:
attack_start_timestamp = str(int(min)) + "m " + str(int(round(sec,0))) + "s"
with open("database/logs/blue.json","r") as f:
blue_logs_list_ori = json.load(f) blue_logs_list_ori = json.load(f)
blue_logs_list = [] blue_logs_list = []
for blue_log_now in blue_logs_list_ori: for blue_log_now in blue_logs_list_ori:
min, sec = divmod(time.time() - int(blue_log_now["timestamp"]),60) blue_log_now['timestamp'] = str(int(time.time()))
blue_log_now["timestamp"] = str(int(min)) + "m " + str(int(round(sec,0))) + "s" blue_log_now['origin'] = 'blue'
blue_log_now["origin"] = "blue" blue_log_now['timeline_class'] = 'container_time_right'
blue_log_now["timeline_class"] = "container_time_right" blue_log_now['timeline_side'] = 'right'
blue_log_now["timeline_side"] = "right"
blue_logs_list.append(blue_log_now) blue_logs_list.append(blue_log_now)
with open("database/logs/red.json","r") as f: with open('./database/logs/red.json') as f:
red_logs_list_ori = json.load(f) red_logs_list_ori = json.load(f)
red_logs_list = [] red_logs_list = []
for red_log_now in red_logs_list_ori: for red_log_now in red_logs_list_ori:
min, sec = divmod(time.time() - int(red_log_now["timestamp"]),60) red_log_now['timestamp'] = str(int(time.time()))
red_log_now["timestamp"] = str(int(min)) + "m " + str(int(round(sec,0))) + "s" red_log_now['origin'] = 'red'
red_log_now["origin"] = "red" red_log_now['timeline_class'] = 'container_time'
red_log_now["timeline_class"] = "container_time" red_log_now['timeline_side'] = 'left'
red_log_now["timeline_side"] = "left"
red_logs_list.append(red_log_now) red_logs_list.append(red_log_now)
total_logs_list = [] total_logs_list = []
@ -172,66 +161,61 @@ def cpdashy_1_main():
red_logs_list.reverse() red_logs_list.reverse()
# total_logs_list.reverse() # total_logs_list.reverse()
return render_template("main/dashboard_main1.html",total_logs_list=total_logs_list,attack_start_timestamp=attack_start_timestamp,blue_logs_list=blue_logs_list,red_logs_list=red_logs_list,sim_running=sim_running,sim_start_timestamp=sim_start_timestamp,sidebar_html_insert=cpdash_get_sidebar().replace("active_state_class1","is-active"), profile_picture=user_data["picture"],profile_username=user_data["username"],profile_userid=user_data["userid"],profile_email=user_data["email"]) return render_template('main/dashboard_main1.html', total_logs_list=total_logs_list, attack_start_timestamp=attack_start_timestamp, blue_logs_list=blue_logs_list, red_logs_list=red_logs_list, sim_running=sim_running, sim_start_timestamp=sim_start_timestamp, sidebar_html_insert=cpdash_get_sidebar().replace('active_state_class1', 'is-active'), profile_picture=user_data['picture'], profile_username=user_data['username'], profile_userid=user_data['userid'], profile_email=user_data['email'])
else: else:
return redirect('/login') return redirect('/login')
@app.route('/d2', methods=['GET']) #logs
@app.route("/d2", methods=['GET']) #logs
def cpdashy_2_main(): def cpdashy_2_main():
if current_user.is_authenticated: if current_user.is_authenticated:
userid = str(current_user.name).replace("user","").replace("User","").replace("USER","") userid = str(current_user.name).replace('user', '').replace('User', '').replace('USER', '')
with open(f'database/users/{userid}/user.json','r') as f: with open(f'./database/users/{userid}/user.json') as f:
user_data = json.load(f) user_data = json.load(f)
if not os.path.exists("database/temp/sim_running.txt"): if not os.path.exists('./database/temp/sim_running.txt'):
sim_running = "False" sim_running = 'False'
else: else:
with open("database/temp/sim_running.txt","r") as f: with open('./database/temp/sim_running.txt') as f:
sim_running = f.read() sim_running = f.read()
if not os.path.exists("database/temp/sim_start.txt"): if not os.path.exists('./database/temp/sim_start.txt'):
sim_start_timestamp = "0" sim_start_timestamp = '0'
else: else:
with open("database/temp/sim_start.txt","r") as f: with open('./database/temp/sim_start.txt') as f:
sim_start_timestamp_stamp = int(f.read().split(".")[0]) sim_start_timestamp = int(f.read().split('.')[0])
min, sec = divmod(time.time() - int(sim_start_timestamp_stamp),60) min, sec = divmod(int(time.time()) - int(sim_start_timestamp), 60)
sim_start_timestamp = str(int(min)) + "m " + str(int(round(sec,0))) + "s" sim_start_timestamp = str(int(min)) + 'm ' + str(int(round(sec, 0))) + 's'
if not os.path.exists('./database/temp/attack_start.txt'):
if not os.path.exists("database/temp/attack_start.txt"): attack_start_timestamp = '0'
attack_start_timestamp = "0"
else: else:
with open("database/temp/attack_start.txt","r") as f: with open('./database/temp/attack_start.txt') as f:
attack_start_timestamp = int(f.read().split(".")[0]) attack_start_timestamp = int(f.read().split('.')[0])
min, sec = divmod(time.time() - int(attack_start_timestamp),60) min, sec = divmod(int(time.time()) - int(attack_start_timestamp), 60)
attack_start_timestamp = str(int(min)) + "m " + str(int(round(sec,0))) + "s" attack_start_timestamp = str(int(min)) + 'm ' + str(int(round(sec, 0))) + 's'
with open('./database/logs/blue.json') as f:
with open("database/logs/blue.json","r") as f:
blue_logs_list_ori = json.load(f) blue_logs_list_ori = json.load(f)
blue_logs_list = [] blue_logs_list = []
for blue_log_now in blue_logs_list_ori: for blue_log_now in blue_logs_list_ori:
min, sec = divmod(time.time() - int(blue_log_now["timestamp"]),60) min, sec = divmod(int(time.time()) - int(blue_log_now['timestamp']), 60)
blue_log_now["timestamp"] = str(int(min)) + "m " + str(int(round(sec,0))) + "s" blue_log_now['timestamp'] = str(int(min)) + 'm ' + str(int(round(sec, 0))) + 's'
blue_log_now["origin"] = "blue" blue_log_now['origin'] = 'blue'
blue_log_now["timeline_class"] = "container_time_right" blue_log_now['timeline_class'] = 'container_time_right'
blue_log_now["timeline_side"] = "right" blue_log_now['timeline_side'] = 'right'
blue_logs_list.append(blue_log_now) blue_logs_list.append(blue_log_now)
with open("database/logs/red.json","r") as f: with open('./database/logs/red.json') as f:
red_logs_list_ori = json.load(f) red_logs_list_ori = json.load(f)
red_logs_list = [] red_logs_list = []
for red_log_now in red_logs_list_ori: for red_log_now in red_logs_list_ori:
min, sec = divmod(time.time() - int(red_log_now["timestamp"]),60) min, sec = divmod(int(time.time()) - int(red_log_now['timestamp']), 60)
red_log_now["timestamp"] = str(int(min)) + "m " + str(int(round(sec,0))) + "s" red_log_now['timestamp'] = str(int(min)) + 'm ' + str(int(round(sec, 0))) + 's'
red_log_now["origin"] = "red" red_log_now['origin'] = 'red'
red_log_now["timeline_class"] = "container_time" red_log_now['timeline_class'] = 'container_time'
red_log_now["timeline_side"] = "left" red_log_now['timeline_side'] = 'left'
red_logs_list.append(red_log_now) red_logs_list.append(red_log_now)
total_logs_list = [] total_logs_list = []
@ -243,97 +227,113 @@ def cpdashy_2_main():
red_logs_list.reverse() red_logs_list.reverse()
total_logs_list.reverse() total_logs_list.reverse()
return render_template("main/dashboard_main2.html",total_logs_list=total_logs_list,attack_start_timestamp=attack_start_timestamp,blue_logs_list=blue_logs_list,red_logs_list=red_logs_list,sim_running=sim_running,sim_start_timestamp=sim_start_timestamp,sidebar_html_insert=cpdash_get_sidebar().replace("active_state_class2","is-active"), profile_picture=user_data["picture"],profile_username=user_data["username"],profile_userid=user_data["userid"],profile_email=user_data["email"]) return render_template('main/dashboard_main2.html', total_logs_list=total_logs_list, attack_start_timestamp=attack_start_timestamp, blue_logs_list=blue_logs_list, red_logs_list=red_logs_list, sim_running=sim_running, sim_start_timestamp=sim_start_timestamp, sidebar_html_insert=cpdash_get_sidebar().replace('active_state_class2', 'is-active'), profile_picture=user_data['picture'], profile_username=user_data['username'], profile_userid=user_data['userid'], profile_email=user_data['email'])
else: else:
return redirect('/login') return redirect('/login')
@app.route("/d1/startsim", methods=['GET']) #start and stop the sim @app.route('/d1/startsim', methods=['GET']) #start and stop the sim
def cpdashy_startsim(): def cpdashy_startsim():
if current_user.is_authenticated: if current_user.is_authenticated:
if os.path.exists("database/temp/sim_running.txt"): if os.path.exists('./database/temp/sim_running.txt'):
with open("database/temp/sim_running.txt","r") as f: with open('./database/temp/sim_running.txt') as f:
current_state = f.read() current_state = f.read()
if not current_state == "False": if not current_state == 'False':
with open("database/temp/sim_running.txt","w") as f: with open('./database/temp/sim_running.txt', 'w') as f:
f.write("False") f.write('False')
else: else:
clear_session_full() clear_session_full()
with open("database/temp/sim_start.txt","w") as f: with open('./database/temp/sim_start.txt', 'w') as f:
f.write(str(time.time())) f.write(str(int(time.time())))
with open("database/temp/sim_running.txt","w") as f: with open('./database/temp/sim_running.txt', 'w') as f:
f.write("True") f.write('True')
else: else:
clear_session_full() clear_session_full()
with open("database/temp/sim_start.txt","w") as f: with open('./database/temp/sim_start.txt', 'w') as f:
f.write(str(time.time())) f.write(str(int(time.time())))
with open("database/temp/sim_running.txt","w") as f: with open('./database/temp/sim_running.txt', 'w') as f:
f.write("True") f.write('True')
return redirect("/d1") return redirect('/d1')
else: else:
return redirect('/login') return redirect('/login')
# API # API
def clear_session_full(): def clear_session_full():
for file_now in ["database/temp/sim_start.txt","database/temp/attack_start.txt","database/temp/sim_running.txt","database/temp/attack_running.txt"]: for file_now in ['./database/temp/sim_start.txt', './database/temp/attack_start.txt', './database/temp/sim_running.txt', './database/temp/attack_running.txt']:
try: try:
os.remove(file_now) os.remove(file_now)
except: except:
pass pass
with open("database/logs/red.json","w") as f: with open('./database/logs/red.json', 'w') as f:
f.write("[]") f.write('[]')
with open("database/logs/blue.json","w") as f: with open('./database/logs/blue.json', 'w') as f:
f.write("[]") f.write('[]')
@app.route("/api/red", methods=['POST']) @app.route('/api/logs', methods=['GET'])
def api_get_logs():
with open('./database/logs/red.json') as f:
red_raw = f.read()
red = json.loads(red_raw)
with open('./database/logs/blue.json') as f:
blue_raw = f.read()
blue = json.loads(blue_raw)
result = {
'red': red,
'blue': blue
}
return json.dumps(result, ensure_ascii=False)
@app.route('/api/red', methods=['POST'])
def api_red_logs(): def api_red_logs():
global STARTED
temp_json_n = request.json temp_json_n = request.json
print("red log received") print('red log received')
print(temp_json_n) print(temp_json_n)
if temp_json_n["data"].lower() == "start of attack": if STARTED:
with open("database/temp/attack_start.txt",'w') as f: if temp_json_n['data'].lower() == 'start of attack':
f.write(str(temp_json_n["timestamp"])) with open('./database/temp/attack_start.txt', 'w') as f:
f.write(str(temp_json_n['timestamp']))
with open("database/logs/red.json","r") as f: with open('./database/logs/red.json') as f:
logs_list = json.load(f) logs_list = json.load(f)
logs_list.append(temp_json_n) logs_list.append(temp_json_n)
with open("database/logs/red.json","w") as f: with open('./database/logs/red.json', 'w') as f:
json.dump(logs_list,f) json.dump(logs_list, f, ensure_ascii=False)
return("log saved") return 'log saved'
else:
return 'simulation not started'
@app.route('/api/blue', methods=['POST'])
@app.route("/api/blue", methods=['POST'])
def api_blue_logs(): def api_blue_logs():
global STARTED
temp_json_n = request.json temp_json_n = request.json
temp_json_n["data"] = b64decode(temp_json_n["data"]).decode("utf-8").replace("\n","<br>") print('blue log received')
print("blue log received")
print(temp_json_n) print(temp_json_n)
if STARTED:
with open("database/logs/blue.json","r") as f: with open('./database/logs/blue.json') as f:
logs_list = json.load(f) logs_list = json.load(f)
logs_list.append(temp_json_n) logs_list.append(temp_json_n)
with open("database/logs/blue.json","w") as f: with open('./database/logs/blue.json', 'w') as f:
json.dump(logs_list,f) json.dump(logs_list, f, ensure_ascii=False)
return("log saved")
return 'log saved'
else:
return 'simulation not started'
# Error handling # Error handling
@app.errorhandler(401) @app.errorhandler(401)
def custom_401(error): def custom_401(error):
return redirect("/") return redirect('/')
@app.errorhandler(404) @app.errorhandler(404)
def custom_404(error): def custom_404(error):
return redirect("/") return redirect('/')
clear_session_full() clear_session_full()
if __name__ == '__main__': if __name__ == '__main__':
app.run(host='185.78.255.231', threaded=True,use_reloader=True, port=443, ssl_context=('/etc/letsencrypt/live/network.kyudev.xyz/fullchain.pem', '/etc/letsencrypt/live/network.kyudev.xyz/privkey.pem')) app.run(host='0.0.0.0', threaded=True, use_reloader=True, port=8088)

117
webserver/templates/main/dashboard_main1.html
View File

@ -77,7 +77,7 @@
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
border-radius: 20px; border-radius: 20px;
font-size: 15px; font-size: 12px;
font-weight: 500; font-weight: 500;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
position: relative; position: relative;
@ -1305,7 +1305,7 @@
<a href="#" style="text-decoration: none;color: #ff66d9;"> <a href="#" style="text-decoration: none;color: #ff66d9;">
<div class="video-by" title="Time elapsed since the Attack started">Time since Attack start</div> <div class="video-by" title="Time elapsed since the Attack started">Time since Attack start</div>
{% autoescape false %} {% autoescape false %}
<div class="video-name padding_stat_n">{{ attack_start_timestamp }}</div> <div class="video-name padding_stat_n" id="attackstart" data-start="{{ attack_start_timestamp }}">0</div>
{% endautoescape %} {% endautoescape %}
</a> </a>
</div> </div>
@ -1313,12 +1313,12 @@
<a href="#" style="text-decoration: none;color: #ff66d9;"> <a href="#" style="text-decoration: none;color: #ff66d9;">
<div class="video-by" title="Time since the sim started">Time since Sim start</div> <div class="video-by" title="Time since the sim started">Time since Sim start</div>
{% autoescape false %} {% autoescape false %}
<div class="video-name padding_stat_n">{{ sim_start_timestamp }}</div> <div class="video-name padding_stat_n" id="simstart" data-start="{{ sim_start_timestamp }}">0</div>
{% endautoescape %} {% endautoescape %}
</a> </a>
</div> </div>
<div class="video anim" style="--delay: .5s"> <div class="video anim" style="--delay: .5s">
<a href="/d1/startsim" style="text-decoration: none;color: #ff66d9;"> <a id="start_toggle" href="/d1/startsim" style="text-decoration: none;color: #ff66d9;">
<div class="video-by" title="Start or Stop the Simulation" id="start_stop_sim_btn">Start Simulation</div> <div class="video-by" title="Start or Stop the Simulation" id="start_stop_sim_btn">Start Simulation</div>
<div class="video-name padding_stat_n">click here</div> <div class="video-name padding_stat_n">click here</div>
</a> </a>
@ -1499,21 +1499,93 @@
} }
</style> </style>
<div> <div>
<div class="timeline"> <div id="timeline" class="timeline">
{% for blue_log_now in total_logs_list %} <!--
<div class='{{ blue_log_now["timeline_class"] }} {{ blue_log_now["timeline_side"] }}' style="box-sizing: border-box;"> {% for log_entry in total_logs_list %}
<div class='{{ log_entry["timeline_class"] }} {{ log_entry["timeline_side"] }}' style="box-sizing: border-box;">
<div class="content_time" style="box-sizing: border-box;"> <div class="content_time" style="box-sizing: border-box;">
{% autoescape false %} {% autoescape false %}
<h2>{{ blue_log_now["timestamp"] }}</h2> <h2>{{ log_entry["timestamp"] }}</h2>
<p>{{ blue_log_now["data"] }}</p> <p>{{ log_entry["data"] }}</p>
{% endautoescape %} {% endautoescape %}
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
-->
</div> </div>
</div> </div>
</div> </div>
<script>
function to_min_s(txt_timestamp_start, txt_timestamp_end) {
let delta = parseInt(txt_timestamp_end) - parseInt(txt_timestamp_start);
let quotient = Math.floor(delta / 60);
let remainder = delta % 60;
return `${quotient}m ${remainder}s`;
}
function timestamp_sort(x, y) {
if (parseInt(x.timestamp) < parseInt(y.timestamp)) {
return -1;
}
if (parseInt(x.timestamp) > parseInt(y.timestamp)) {
return 1;
}
return 0;
}
function flatten_dict(data) {
let res = [];
data.red.forEach(data_entry => {
res.push({
team: 'red',
data: data_entry.data,
timestamp: data_entry.timestamp
});
});
data.blue.forEach(data_entry => {
res.push({
team: 'blue',
data: data_entry.data,
timestamp: data_entry.timestamp
});
});
return res;
}
function populateTimeline(data) {
data = flatten_dict(data);
let tl = document.getElementById('timeline');
tl.innerHTML = '';
data.forEach(data_entry => {
entry_div = document.createElement('div');
container = document.createElement('div');
timestamp_h2 = document.createElement('h2');
data_tag = document.createElement('p');
timestamp_txt = document.createTextNode(to_min_s(document.getElementById('simstart').getAttribute('data-start'), data_entry.timestamp));
data_txt = document.createTextNode(data_entry.data);
data_tag.appendChild(data_txt);
timestamp_h2.appendChild(timestamp_txt);
container.appendChild(timestamp_h2);
container.appendChild(data_tag);
container.classList.add("content_time");
container.setAttribute("style", 'box-sizing: border-box;');
entry_div.appendChild(container);
if (data_entry.team === 'red') {
entry_div.classList.add("container_time");
} else {
entry_div.classList.add("container_time_right");
}
if (data_entry.team === 'red') {
entry_div.classList.add("left");
} else {
entry_div.classList.add("right");
}
entry_div.setAttribute("style", 'box-sizing: border-box;');
tl.appendChild(entry_div);
});
}
</script>
<script> <script>
if("{{ sim_running }}" == "True"){ if("{{ sim_running }}" == "True"){
console.log("1") console.log("1")
@ -1522,6 +1594,33 @@
console.log("2") console.log("2")
document.getElementById("start_stop_sim_btn").innerHTML = "Start Simulation" document.getElementById("start_stop_sim_btn").innerHTML = "Start Simulation"
} }
const iid = setInterval(() => {
let start = parseInt(document.getElementById("simstart").getAttribute("data-start"));
let end = ~~(Date.now()/1e3);
if (start === -1 && document.getElementById('start_stop_sim_btn').innerHTML === 'Start Simulation' && document.getElementById("attackstart").getAttribute("data-start") === "-1") {
document.getElementById("simstart").innerHTML = "0";
} else {
document.getElementById("simstart").innerHTML = end - start;
if (document.getElementById('start_stop_sim_btn').innerHTML === 'Start Simulation')
{
document.getElementById("simstart").setAttribute("data-start", "-1");
document.getElementById("simstart").innerHTML = "0";
}
}
start = parseInt(document.getElementById("attackstart").getAttribute("data-start"));
end = ~~(Date.now()/1e3);
if (start === -1) {
document.getElementById("attackstart").innerHTML = "0";
} else {
document.getElementById("attackstart").innerHTML = end - start;
}
fetch('/api/logs')
.then(resp => resp.json())
.then(populateTimeline);
}, 1000);
</script> </script>
</div> </div>
</div> </div>