mirror of
https://github.com/jwdeveloper/TikTokLiveJava.git
synced 2026-02-27 16:59:39 -05:00
3eed982d6b
- TikTokHttpResponseEvent - Fixed User attributes in CommentEvent - Redesign .onMapper method
136 lines
5.3 KiB
HTML
136 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"></script>
|
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
|
|
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
|
|
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
|
|
crossorigin="anonymous"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
|
|
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js" type="text/javascript"
|
|
charset="utf-8"></script>
|
|
|
|
<link rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs/editor/editor.main.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs/loader.min.js"></script>
|
|
|
|
|
|
<link rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs/editor/editor.main.css">
|
|
<link rel="stylesheet" , href="index.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs/loader.min.js"></script>
|
|
<script>
|
|
require.config({
|
|
paths: {'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs'}
|
|
});
|
|
</script>
|
|
<script>
|
|
var editor;
|
|
var editor2;
|
|
require(['vs/editor/editor.main'], function () {
|
|
editor = monaco.editor.create(document.getElementById('editor'), {
|
|
value: [
|
|
'Hello world!',
|
|
].join('\n'),
|
|
language: 'json',
|
|
theme: 'vs-dark',
|
|
automaticLayout: true
|
|
});
|
|
|
|
editor2 = monaco.editor.create(document.getElementById('editor2'), {
|
|
value: [
|
|
'Hello world!',
|
|
].join('\n'),
|
|
language: 'json',
|
|
theme: 'vs-dark',
|
|
automaticLayout: true
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body class="container-fluid bg-dark">
|
|
|
|
|
|
<div class="row ">
|
|
<div class="col-2 ">
|
|
<div class="form margin">
|
|
<h5 >Data collector</h5>
|
|
<div class="form-group ">
|
|
<label for="name" class="form-label">TikTok username</label>
|
|
<input type="text" id="name" class="form-control">
|
|
</div>
|
|
<div class="form-group ">
|
|
<label class="form-label">SessionTag</label>
|
|
<input type="text" id="sessionTag" class="form-control">
|
|
</div>
|
|
<button id="connectionButton" type="button" class="btn btn-primary mt-3 connect-btn">Connect </button>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
<div class="dropdown mt-3" id="usersDropDown">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="usersDropDownButton"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
User
|
|
</button>
|
|
<div id="userDropdownContent" class="dropdown-menu" aria-labelledby="usersDropDownButton">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown mt-3" id="sessionTagDropDown">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="sessionTagDropDownButton"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
SessionTag
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="sessionTagDropDownButton">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown mt-3" id="dataTypeDropDown">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Data Type
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5">
|
|
<ul id="dataList" class="list-group scrollable-element">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-10 margin">
|
|
<nav aria-label="Page navigation example">
|
|
<ul id="pages" class="pagination">
|
|
</ul>
|
|
</nav>
|
|
<div class="row editor-parent">
|
|
<div class="col-6 editor-container" id="editor"></div>
|
|
<div class="col-6 editor-container" id="editor2"></div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="index.js"></script>
|
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html> |