202 lines
9.9 KiB
HTML
202 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Microbot</title>
|
|
|
|
<script src="https://unpkg.com/redux@4.0.0/dist/redux.min.js"></script>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
|
|
crossorigin="anonymous">
|
|
</head>
|
|
|
|
<body>
|
|
<h2 id="microbot-body" style="display:none">Micorbot Body</h2>
|
|
<div class="wrapper">
|
|
<!-- Sidebar -->
|
|
<nav id="sidebar" class="active">
|
|
|
|
<div class="sidebar-header">
|
|
<button type="button" id="sidebarCollapse" class="btn btn-info">
|
|
<i class="fas fa-align-justify"></i>
|
|
</button>
|
|
<h3 class="logotext">Microbot</h3>
|
|
<!-- <strong>MB</strong> -->
|
|
</div>
|
|
|
|
<ul class="list-unstyled components">
|
|
<li class="active">
|
|
<!-- data-toggle="collapse" -->
|
|
<a href="#homeSubmenu">
|
|
<i class="fas fa-home"></i>
|
|
<span class="hideable hide">Home</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fas fa-briefcase"></i>
|
|
<span class="hideable hide">About</span>
|
|
</a>
|
|
<a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
|
|
<i class="fas fa-copy"></i>
|
|
<span class="hideable hide">Tasks</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled" id="pageSubmenu">
|
|
<li>
|
|
<a href="#">Repo</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Issues</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Admin</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fas fa-image"></i>
|
|
<span class="hideable hide">Favorites</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fas fa-question"></i>
|
|
<span class="hideable hide">FAQ</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fas fa-paper-plane"></i>
|
|
<span class="hideable hide">Contact</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- <ul class="list-unstyled CTAs">
|
|
<li>
|
|
<a href="https://bootstrapious.com/tutorial/files/sidebar.zip" class="download">Download source</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://bootstrapious.com/p/bootstrap-sidebar" class="article">Back to article</a>
|
|
</li>
|
|
</ul> -->
|
|
</nav>
|
|
|
|
<!-- Page Content -->
|
|
<div id="content">
|
|
<div id="header" class="headerprompt">
|
|
<div class="prompt">
|
|
<p class="promptext">$_</p>
|
|
</div>
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
<input type="text" class="form-control" placeholder="What you need..." name="command" id="command">
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="nav navbar-nav ml-auto">
|
|
<li id="btnFavorites" class="nav-item">
|
|
<a class="nav-link" href="#">
|
|
<i class="far fa-star"></i>
|
|
</a>
|
|
</li>
|
|
<li id="btnClearCommand" class="nav-item">
|
|
<a class="nav-link" href="#">
|
|
<i class="far fa-trash-alt"></i>
|
|
</a>
|
|
</li>
|
|
<li id="btnFireCommand" class="nav-item">
|
|
<a class="nav-link" href="#">
|
|
<i class="far fa-paper-plane"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<input type="hidden" id="intentHidden">
|
|
</div>
|
|
<!-- Alerts -->
|
|
<div class="alert alert-success alert-dismissible fade show hide good" id="successAlert" role="alert">
|
|
<strong>Success! </strong>
|
|
<span id="op-msg"> Repository Added!</span>
|
|
<button type="button" id="hideSuccessAlert" class="close" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="alert alert-danger alert-dismissible hide good" id="dangerAlert" role="alert">
|
|
<button type="button" id="hideDangerAlert" class="close" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<strong>Oh snap!</strong> Change a few things up and try submitting again.
|
|
</div>
|
|
<div class="alert alert-info alert-dismissible hide good" id="intentBox" role="alert">
|
|
<button type="button" id="hideInfoAlert" class="close" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<strong>I understand you intend to: </strong>
|
|
<span id="intentName"></span> If not, please choose the correct option:
|
|
</div>
|
|
<!-- Widgets -->
|
|
<div class="card-group" id="widgets">
|
|
<div class="line hide" id="underWidgetLine"></div>
|
|
</div>
|
|
<!-- Modals -->
|
|
<div class="modal" id="submitConfirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalCenterTitle">Confirm!</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Are you sure you want to submit?
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" id="btnCancelConfirm" data-dismiss="modal">Cancel</button>
|
|
<button id="submitGitData" type="button" data-dimsiss="modal" class="btn btn-primary">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="emptyCommandMessageModal" tabindex="-1" role="dialog" aria-labelledby="emptyCommandMessageModalTitle"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="emptyCommandMessageModalTitle">No Command!</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Please type some relevant words in the command box.
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button style="display: none" id="emptyCommandMsgDisplayer" type="submit" data-toggle="modal" data-target="#emptyCommandMessageModal"></button>
|
|
<div class="overlay">
|
|
<div id="loading-img"></div>
|
|
</div>
|
|
<!-- Cards -->
|
|
<div class="card-group" id="conversations"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.5/jstree.min.js"></script>
|
|
<script type="text/javascript" src="./bundle.js"></script></body>
|
|
|
|
</html> |