Skip to content

Commit

Permalink
Merge pull request #179 from shaddygarg/frontend-update
Browse files Browse the repository at this point in the history 
Make the frontend responsive to most of the phones and tablets
  • Loading branch information
@Ali-Razmjoo
Ali-Razmjoo committed Jul 11, 2018
2 parents 313da5a + b3747d1 commit 7b614d6
Show file tree
Hide file tree
Showing 3 changed files with 107 additions and 49 deletions.
54 changes: 52 additions & 2 deletions web/static/css/style.css
View file
Expand Up @@ -113,6 +113,56 @@ Relevant styles below
font-size: 78% !important;
}

#tutorial_btn{
margin-right: 15px;
.navbar-btn{
margin-left: 15px;
}
#api_key_form{
margin: 0;
}

#refresh_btn_page{
margin-top:5px;
margin-left:0;
}

#refresh_btn_update{
margin-top:5px;
margin-left:0;
}

#crw_refresh_btn_update{
margin-top:5px;
margin-left:0;
}

#crw_refresh_btn_page{
margin-top:5px;
margin-left:0;
}

#crawler-form{
margin-top: 5px;
margin-left: 0;
padding: 0;
}

#refresh_btn{
margin-bottom: 15px;
}

#search_btn{
margin-top: 5px;
margin-left:15px;
}

.card-date{
margin-left: 15px;
}

.card-hr{
margin-top: 0;
}

.card-flag{
margin-left: 10px;
}
87 changes: 46 additions & 41 deletions web/static/index.html
View file
Expand Up @@ -40,9 +40,9 @@
</div>
</div> <!-- End Topper -->
<!-- Navigation -->
<div class="container row">
<div class="container-fluid row">
<nav class="navbar navbar-inverse" role="navigation">
<div class="container">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
Expand All @@ -66,33 +66,36 @@
type="text"
class="form-control" placeholder="API Key" value="">
</div>
<a id="send_session" type="submit" action="javascript:check_api_session()"
class="btn btn-danger"
am-latosans="bold">Set Session
</a>&nbsp;&nbsp;&nbsp;
<button type="submit" id="send_session" action="javascript:check_api_session()"
class="btn btn-danger navbar-btn" am-latosans="bold">Set Session</button>
</form>
</ul>
<ul id="logout_btn" class="nav navbar-nav navbar-right hidden">
<form class="navbar-form navbar-left" action="javascript:do_logout()">
<a type="submit" action="javascript:do_logout()"
class="btn btn-info"
am-latosans="bold">logout
</a>
</form>
</ul>

<button id="new_scan_btn" class="btn btn-warning navbar-btn navbar-right ">New Scan</button>

<ul id="results_btn" class="nav navbar-nav navbar-right">
<form class="navbar-form navbar-left" action="javascript:do_results()">
<a type="submit" action="javascript:results()"
class="btn btn-success"
<ul id = "some_name" class="nav navbar-nav navbar-right">
<li id="tutorial_btn">
<button id="tutorial_btn" class="btn btn-danger navbar-btn">
Tutorial
</button>
</li>
<li id="crawler_btn_ul">
<button id="crawler_btn" class="btn btn-primary navbar-btn">
Crawler
</button>
</li>
<li id="results_btn">
<button action="javascript:results()" class="btn btn-success navbar-btn"
am-latosans="bold">Results
</a>
</form>
</button>
</li>
<li id="new_scan_ul">
<button id="new_scan_btn" class="btn btn-warning navbar-btn">New Scan</button>
</li>
<li id="logout_btn" class="hidden">
<button type="submit" action="javascript:do_logout()"
class="btn btn-info navbar-btn"
am-latosans="bold">Logout
</button>
</li>
</ul>
<button id="crawler_btn" class="btn btn-primary navbar-nav navbar-btn navbar-right ">Crawler</button>
<button id="tutorial_btn" class="btn btn-danger navbar-nav navbar-btn navbar-right ">Tutorial</button>
</div><!-- /.navbar-collapse -->
</div>
</nav>
Expand All @@ -104,7 +107,7 @@
<strong>Failed!</strong> Invalid API key!
</div>
<div id="logout_success" class="hidden alert alert-success nav navbar-nav navbar-right">
<strong>logged out!</strong> cleared browser your session!
<strong>Logged out!</strong> cleared browser your session!
</div>
<body>
<br><br>
Expand Down Expand Up @@ -144,7 +147,7 @@ <h3>Profiles</h3>
<div class="form-group">
<div id="profile" class="checkbox text-justify">
<label><input id="all" type="checkbox" class="check check-all-scans"><a
class="label label-info">Select all profiles</a></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
class="label label-info">Select all profiles</a></label>&nbsp;&nbsp;&nbsp;&nbsp;
{% autoescape off %}{{profile}}{% endautoescape %}
</div>
</div>
Expand Down Expand Up @@ -267,7 +270,8 @@ <h3>Socks Proxy</h3>
<div class="form-group col-md-6">
<h3>Users</h3>
<textarea class="input-mini form-control" rows="8" cols="50" id="users"
data-role="tagsinput" placeholder="separate with commas or new line"></textarea>
data-role="tagsinput" placeholder="separate with commas or new line">
</textarea>
</div>
<div class="form-group col-md-6">
<h3>Passwords</h3>
Expand All @@ -277,11 +281,17 @@ <h3>Passwords</h3>
<br>
<h3>Extra Module Options</h3>
<div class="form-group">
<textarea class="form-control" rows="8" cols="50" id="methods_args">{% autoescape off %}{{method_args_list}}{% endautoescape %}</textarea>
<textarea class="form-control" rows="8" cols="50" id="methods_args">
{% autoescape off %}
{{method_args_list}}
{% endautoescape %}
</textarea>
</div>
</div>
<br>
<ul id="submit_new_scan" class="btn btn-primary" action="javascript:submit_new_scan()">Submit</ul>
<ul id="submit_new_scan" class="btn btn-primary" action="javascript:submit_new_scan()">
Submit
</ul>
</form>
<br><br>
<div id="success_request" class="alert alert-success hidden text-justify">
Expand All @@ -305,14 +315,10 @@ <h1><span id="logintext"
</div>
<div id="get_results" class="hidden">
<div id="refresh_btn" class="hidden">
<div class="row">
&nbsp;&nbsp;&nbsp;&nbsp;<a id="refresh_btn_update" class="btn btn-info"><span
class="glyphicon glyphicon-refresh"></span> last updates</a>
<a id="refresh_btn_page" class="btn btn-success"><span class="glyphicon glyphicon-refresh"></span>
reload current page</a>

</div>
<br><br>
<a id="refresh_btn_update" class="btn btn-info"><span
class="glyphicon glyphicon-refresh"></span> last updates</a>
<a id="refresh_btn_page" class="btn btn-success"><span class="glyphicon glyphicon-refresh"></span>
reload current page</a>
</div>
<div id="scan_results" class="list-group hidden">
</div>
Expand All @@ -328,15 +334,14 @@ <h1><span id="logintext"
<div id="crawler_area" class="hidden">
<div id="crw_refresh_btn" class="hidden">
<div class="row">
<div class="col-sm-4"> &nbsp;&nbsp;&nbsp;&nbsp;
<div class="col-sm-4">
<a id="crw_refresh_btn_update" class="btn btn-info"><span
class="glyphicon glyphicon-refresh"></span> last updates</a>
<a id="crw_refresh_btn_page" class="btn btn-success"><span
class="glyphicon glyphicon-refresh"></span>
reload current page</a>
</div>

<form action="javascript:p_search();" class="col-sm-3">
<form action="javascript:p_search();" class="col-sm-3" id="crawler-form">
<input id="search_data" class="form-control form-inline" id="search_frm" placeholder="filter by host">
</form>
<button id="search_btn" type="submit" class="col-sm-1 btn btn-primary">Search</button>
Expand Down
15 changes: 9 additions & 6 deletions web/static/js/main.js
View file
Expand Up @@ -418,11 +418,13 @@ $(document).ready(function () {
language = res[i]["language"];
scan_cmd = res[i]["scan_cmd"];
ports = res[i]["ports"];
HTMLData += "<a target='_blank' href=\"/results/get?id=" + id + "\" class=\"list-group-item list-group-item-action flex-column align-items-start\">\n" +
"<div class=\"row\" ><div class=\"d-flex w-100 text-justify justify-content-between\">\n" +
HTMLData += "<a target='_blank' href=\"/results/get?id=" + id +
"\" class=\"list-group-item list-group-item-action flex-column align-items-start\">\n" +
"<div class=\"row\" ><div class=\"d-flex w-100\">\n" +
"<h3 class=\"mb-1\">&nbsp;&nbsp;&nbsp;<span id=\"logintext\"\n" +
"class=\"bold label label-primary\">" + id + "</span>&nbsp;&nbsp;&nbsp;<small class=\"label label-info\">" + date + "</small></h3>\n" +
"</div></div>\n" + "<hr>" +
"class=\"bold label label-primary\">" + id + "</span>" +
"<small class=\"label label-info card-date\">" + date + "</small></h3>" +
"</div></div>" + "<hr class='card-hr'>" +
"<p class='mb-1 bold label label-default'>scan_id:" + scan_id + "</p><br>" +
"<p class='mb-1 bold label label-info'>report_filename:" + report_filename + "</p><br>" +
"<p class='mb-1 bold label label-success'>events_num:" + events_num + "</p><br>" +
Expand All @@ -434,8 +436,9 @@ $(document).ready(function () {
"<p class='mb-1 bold label label-warning'>verbose:" + verbose + "</p><br>" +
"<p class='mb-1 bold label label-info'>report_type:" + report_type + "</p><br>" +
"<p class='mb-1 bold label label-primary'>graph_flag:" + graph_flag + "</p><br>" +
"<p class='mb-1 bold label label-success'>language:" + language + "</p>&nbsp;&nbsp;&nbsp;<span class='flag-icon flag-icon-" + flags[language] + "'></span><br>" +
"<p class='mb-1 bold label label-default'>scan_cmd:" + scan_cmd + "</p>&nbsp;&nbsp;&nbsp;<br>" +
"<p class='mb-1 bold label label-success'>language:" + language + "</p>" +
"<span class='card-flag flag-icon flag-icon-" + flags[language] + "'></span><br>" +
"<p class='mb-1 bold label label-default'>scan_cmd:" + scan_cmd + "</p>" +
"</p>\n </a>";
}

Expand Down

0 comments on commit 7b614d6

Please sign in to comment.