bot-marvin
Version:
Highly scalable crawler with best features.
800 lines (718 loc) • 34.5 kB
HTML
<html lang="en">
<head>
<style>
#loading .svg-icon-loader {position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -50px;}
</style>
<meta charset="UTF-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title> Bot Marvin Admin Dashboard </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Favicons -->
<link rel="shortcut icon" href="../../assets-minified/images/icons/favicon.png">
<link rel="stylesheet" type="text/css" href="../../assets-minified/admin-all-demo.css">
<!-- JS Core -->
<script type="text/javascript" src="../../assets-minified/js-core.js"></script>
</head>
<body>
<div id="sb-site">
<div class="sb-slidebar bg-black sb-left sb-style-overlay">
<div class="scrollable-content scrollable-slim-sidebar">
</div>
</div>
<div class="sb-slidebar bg-black sb-right sb-style-overlay">
<div class="scrollable-content scrollable-slim-sidebar">
<div class="pad15A">
<a href="#" title="" data-toggle="collapse" data-target="#sidebar-toggle-1" class="popover-title">
Cloud status
<span class="caret"></span>
</a>
<div id="sidebar-toggle-1" class="collapse in">
<div class="pad15A">
<div class="row">
<div class="col-md-4">
<div class="text-center font-gray pad5B text-transform-upr font-size-12">New visits</div>
<div class="chart-alt-3 font-gray-dark" data-percent="55"><span>55</span>%</div>
</div>
<div class="col-md-4">
<div class="text-center font-gray pad5B text-transform-upr font-size-12">Bounce rate</div>
<div class="chart-alt-3 font-gray-dark" data-percent="46"><span>46</span>%</div>
</div>
<div class="col-md-4">
<div class="text-center font-gray pad5B text-transform-upr font-size-12">Server load</div>
<div class="chart-alt-3 font-gray-dark" data-percent="92"><span>92</span>%</div>
</div>
</div>
<div class="divider mrg15T mrg15B"></div>
<div class="text-center">
<a href="#" class="btn center-div btn-info mrg5T btn-sm text-transform-upr updateEasyPieChart">
<i class="glyph-icon icon-refresh"></i>
Update charts
</a>
</div>
</div>
</div>
<div class="clear"></div>
<a href="#" title="" data-toggle="collapse" data-target="#sidebar-toggle-6" class="popover-title">
Latest transfers
<span class="caret"></span>
</a>
<div id="sidebar-toggle-6" class="collapse in">
<ul class="files-box">
<li>
<i class="files-icon glyph-icon font-red icon-file-archive-o"></i>
<div class="files-content">
<b>blog_export.zip</b>
<div class="files-date">
<i class="glyph-icon icon-clock-o"></i>
added on <b>22.10.2014</b>
</div>
</div>
<div class="files-buttons">
<a href="#" class="btn btn-xs hover-info tooltip-button" data-placement="left" title="Download">
<i class="glyph-icon icon-cloud-download"></i>
</a>
<a href="#" class="btn btn-xs hover-danger tooltip-button" data-placement="left" title="Delete">
<i class="glyph-icon icon-times"></i>
</a>
</div>
</li>
<li class="divider"></li>
<li>
<i class="files-icon glyph-icon icon-file-code-o"></i>
<div class="files-content">
<b>homepage-test.html</b>
<div class="files-date">
<i class="glyph-icon icon-clock-o"></i>
added <b>19.10.2014</b>
</div>
</div>
<div class="files-buttons">
<a href="#" class="btn btn-xs hover-info tooltip-button" data-placement="left" title="Download">
<i class="glyph-icon icon-cloud-download"></i>
</a>
<a href="#" class="btn btn-xs hover-danger tooltip-button" data-placement="left" title="Delete">
<i class="glyph-icon icon-times"></i>
</a>
</div>
</li>
<li class="divider"></li>
<li>
<i class="files-icon glyph-icon font-yellow icon-file-image-o"></i>
<div class="files-content">
<b>monthlyReport.jpg</b>
<div class="files-date">
<i class="glyph-icon icon-clock-o"></i>
added on <b>10.9.2014</b>
</div>
</div>
<div class="files-buttons">
<a href="#" class="btn btn-xs hover-info tooltip-button" data-placement="left" title="Download">
<i class="glyph-icon icon-cloud-download"></i>
</a>
<a href="#" class="btn btn-xs hover-danger tooltip-button" data-placement="left" title="Delete">
<i class="glyph-icon icon-times"></i>
</a>
</div>
</li>
<li class="divider"></li>
<li>
<i class="files-icon glyph-icon font-green icon-file-word-o"></i>
<div class="files-content">
<b>new_presentation.doc</b>
<div class="files-date">
<i class="glyph-icon icon-clock-o"></i>
added on <b>5.9.2014</b>
</div>
</div>
<div class="files-buttons">
<a href="#" class="btn btn-xs hover-info tooltip-button" data-placement="left" title="Download">
<i class="glyph-icon icon-cloud-download"></i>
</a>
<a href="#" class="btn btn-xs hover-danger tooltip-button" data-placement="left" title="Delete">
<i class="glyph-icon icon-times"></i>
</a>
</div>
</li>
</ul>
</div>
<div class="clear"></div>
<a href="#" title="" data-toggle="collapse" data-target="#sidebar-toggle-3" class="popover-title">
Tasks for today
<span class="caret"></span>
</a>
<div id="sidebar-toggle-3" class="collapse in">
<ul class="progress-box">
<li>
<div class="progress-title">
New features development
<b>87%</b>
</div>
<div class="progressbar-smaller progressbar" data-value="87">
<div class="progressbar-value bg-azure">
<div class="progressbar-overlay"></div>
</div>
</div>
</li>
<li>
<div class="progress-title">
Finishing uploading files
<b>66%</b>
</div>
<div class="progressbar-smaller progressbar" data-value="66">
<div class="progressbar-value bg-red">
<div class="progressbar-overlay"></div>
</div>
</div>
</li>
<li>
<div class="progress-title">
Creating tutorials
<b>58%</b>
</div>
<div class="progressbar-smaller progressbar" data-value="58">
<div class="progressbar-value bg-blue-alt"></div>
</div>
</li>
<li>
<div class="progress-title">
Frontend bonus theme
<b>74%</b>
</div>
<div class="progressbar-smaller progressbar" data-value="74">
<div class="progressbar-value bg-purple"></div>
</div>
</li>
</ul>
</div>
<div class="clear"></div>
<a href="#" title="" data-toggle="collapse" data-target="#sidebar-toggle-4" class="popover-title">
Pending notifications
<span class="bs-label bg-orange tooltip-button" title="Label example">New</span>
<span class="caret"></span>
</a>
<div id="sidebar-toggle-4" class="collapse in">
<ul class="notifications-box notifications-box-alt">
<li>
<span class="bg-purple icon-notification glyph-icon icon-users"></span>
<span class="notification-text">This is an error notification</span>
<div class="notification-time">
a few seconds ago
<span class="glyph-icon icon-clock-o"></span>
</div>
<a href="#" class="notification-btn btn btn-xs btn-black tooltip-button" data-placement="left" title="View details">
<i class="glyph-icon icon-arrow-right"></i>
</a>
</li>
<li>
<span class="bg-warning icon-notification glyph-icon icon-ticket"></span>
<span class="notification-text">This is a warning notification</span>
<div class="notification-time">
<b>15</b> minutes ago
<span class="glyph-icon icon-clock-o"></span>
</div>
<a href="#" class="notification-btn btn btn-xs btn-black tooltip-button" data-placement="left" title="View details">
<i class="glyph-icon icon-arrow-right"></i>
</a>
</li>
<li>
<span class="bg-green icon-notification glyph-icon icon-random"></span>
<span class="notification-text font-green">A success message example.</span>
<div class="notification-time">
<b>2 hours</b> ago
<span class="glyph-icon icon-clock-o"></span>
</div>
<a href="#" class="notification-btn btn btn-xs btn-black tooltip-button" data-placement="left" title="View details">
<i class="glyph-icon icon-arrow-right"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="loading">
<div class="svg-icon-loader">
<img src="../../assets-minified/images/svg-loaders/bars.svg" width="40" alt="">
</div>
</div>
<div id="page-wrapper">
<div id="mobile-navigation">
<button id="nav-toggle" class="collapsed" data-toggle="collapse" data-target="#page-sidebar"><span></span></button>
</div>
<div id="page-sidebar">
<div id="header-logo" class="logo-bg">
<a href="index.html" class="logo-content-big" title="DelightUI">
Bot Marvin <i>UI</i>
<span>Material Design Dashboard</span>
</a>
<a href="index.html" class="logo-content-small" title="DelightUI">
Bot Marvin <i>UI</i>
<span>Material Design Dashboard</span>
</a>
<a id="close-sidebar" href="#" title="Close sidebar">
<i class="glyph-icon icon-outdent"></i>
</a>
</div>
<div class="scroll-sidebar">
<ul id="sidebar-menu"class="bot-menu-side">
<li class="header cluster_info"><span>Cluster Information</span></li>
<li class="header"><span>Bots</span></li>
</ul><!-- #sidebar-menu -->
</div>
</div>
<div id="page-content-wrapper">
<div id="page-content">
<div id="page-header">
<div id="header-nav-right">
<div class="input-group search_group">
<span class="input-group-addon bg-green">
<i class="glyph-icon icon-search" style='font-size:16px;'></i>
</span>
<input type="text" class="form-control search_data" placeholder="Search for crawled data here">
</div>
<div class="dropdown" id="dashnav-btn">
<a href="#" data-toggle="dropdown" data-placement="bottom" class="popover-button-header tooltip-button" title="Dashboard Quick Menu">
<i class="glyph-icon icon-linecons-cog"></i>
</a>
<div class="dropdown-menu float-left">
<div class="box-sm">
<div class="pad5T pad5B pad10L pad10R dashboard-buttons clearfix">
<a href="#" class="btn vertical-button hover-blue-alt" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-dashboard opacity-80 font-size-20"></i>
</span>
Dashboard
</a>
<a href="#" class="btn vertical-button hover-green" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-tags opacity-80 font-size-20"></i>
</span>
Widgets
</a>
<a href="#" class="btn vertical-button hover-orange" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-fire opacity-80 font-size-20"></i>
</span>
Tables
</a>
<a href="#" class="btn vertical-button hover-orange" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-bar-chart-o opacity-80 font-size-20"></i>
</span>
Charts
</a>
<a href="#" class="btn vertical-button hover-purple" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-laptop opacity-80 font-size-20"></i>
</span>
Buttons
</a>
<a href="#" class="btn vertical-button hover-azure" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-code opacity-80 font-size-20"></i>
</span>
Panels
</a>
</div>
<div class="divider"></div>
<div class="pad5T pad5B pad10L pad10R dashboard-buttons clearfix">
<a href="#" class="btn vertical-button remove-border btn-info" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-dashboard opacity-80 font-size-20"></i>
</span>
Dashboard
</a>
<a href="#" class="btn vertical-button remove-border btn-danger" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-tags opacity-80 font-size-20"></i>
</span>
Widgets
</a>
<a href="#" class="btn vertical-button remove-border btn-purple" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-fire opacity-80 font-size-20"></i>
</span>
Tables
</a>
<a href="#" class="btn vertical-button remove-border btn-azure" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-bar-chart-o opacity-80 font-size-20"></i>
</span>
Charts
</a>
<a href="#" class="btn vertical-button remove-border btn-yellow" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-laptop opacity-80 font-size-20"></i>
</span>
Buttons
</a>
<a href="#" class="btn vertical-button remove-border btn-warning" title="">
<span class="glyph-icon icon-separator-vertical pad0A medium">
<i class="glyph-icon icon-code opacity-80 font-size-20"></i>
</span>
Panels
</a>
</div>
</div>
</div>
</div>
<div class="dropdown" id="notifications-btn">
<a data-toggle="dropdown" href="#" title="">
<span class="small-badge bg-yellow"></span>
<i class="glyph-icon icon-linecons-megaphone"></i>
</a>
<div class="dropdown-menu box-md float-left">
<div class="popover-title display-block clearfix pad10A">
Notifications
<a class="text-transform-cap font-primary font-normal btn-link float-right" href="#" title="View more options">
More options...
</a>
</div>
<div class="scrollable-content scrollable-slim-box">
<ul class="no-border notifications-box">
<li>
<span class="bg-danger icon-notification glyph-icon icon-bullhorn"></span>
<span class="notification-text">This is an error notification</span>
<div class="notification-time">
a few seconds ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-warning icon-notification glyph-icon icon-users"></span>
<span class="notification-text font-blue">This is a warning notification</span>
<div class="notification-time">
<b>15</b> minutes ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-green icon-notification glyph-icon icon-sitemap"></span>
<span class="notification-text font-green">A success message example.</span>
<div class="notification-time">
<b>2 hours</b> ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-azure icon-notification glyph-icon icon-random"></span>
<span class="notification-text">This is an error notification</span>
<div class="notification-time">
a few seconds ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-warning icon-notification glyph-icon icon-ticket"></span>
<span class="notification-text">This is a warning notification</span>
<div class="notification-time">
<b>15</b> minutes ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-blue icon-notification glyph-icon icon-user"></span>
<span class="notification-text font-blue">Alternate notification styling.</span>
<div class="notification-time">
<b>2 hours</b> ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-purple icon-notification glyph-icon icon-user"></span>
<span class="notification-text">This is an error notification</span>
<div class="notification-time">
a few seconds ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-warning icon-notification glyph-icon icon-user"></span>
<span class="notification-text">This is a warning notification</span>
<div class="notification-time">
<b>15</b> minutes ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-green icon-notification glyph-icon icon-user"></span>
<span class="notification-text font-green">A success message example.</span>
<div class="notification-time">
<b>2 hours</b> ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-purple icon-notification glyph-icon icon-user"></span>
<span class="notification-text">This is an error notification</span>
<div class="notification-time">
a few seconds ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
<li>
<span class="bg-warning icon-notification glyph-icon icon-user"></span>
<span class="notification-text">This is a warning notification</span>
<div class="notification-time">
<b>15</b> minutes ago
<span class="glyph-icon icon-clock-o"></span>
</div>
</li>
</ul>
</div>
<div class="button-pane button-pane-alt pad5T pad5L pad5R text-center">
<a href="#" class="btn btn-flat btn-primary" title="View all notifications">
View all notifications
</a>
</div>
</div>
</div>
<div class="glyph-icon refresh_indicator remove-border demo-icon tooltip-button icon-spin-3 icon-spin" title="" data-original-title="icon-spin-3"></div>
</div><!-- #header-nav-right -->
</div>
<!-- Data tables -->
<!--<link rel="stylesheet" type="text/css" href="../../assets-minified/widgets/datatable/datatable.css">-->
<!-- Chart.js -->
<script type="text/javascript" src="../../assets-minified/widgets/charts/chart-js/chart-core.js"></script>
<script type="text/javascript" src="../../assets-minified/widgets/charts/chart-js/chart-doughnut.js"></script>
<!-- Flot charts -->
<script type="text/javascript" src="../../assets-minified/widgets/charts/flot/flot.js"></script>
<script type="text/javascript" src="../../assets-minified/widgets/noty-notifications/noty.js"></script>
<div id="page-title">
<span class="glyph-icon icon-arrow-left back_arrow"></span>
<h2>Dashboard</h2>
<p>See the current work statistics of all bots active in the cluster.</p>
</div>
<div class="row main_stat_page">
<div class="col-md-8">
<div class="row">
<div class="col-md-3">
<a href="#" title="Total Buckets" class="bot_name_show_total_buckets_master tile-box tile-box-shortcut btn-info">
<span class="bucket_count_badge bs-badge badge-absolute">0</span>
<div class="tile-header my-header">
Total Buckets
</div>
<div class="tile-content-wrapper">
<i class="glyph-icon icon-bitbucket"></i>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" title="Processed Buckets" class="bot_name_show_processed_buckets_master tile-box tile-box-shortcut btn-success">
<span class="processed_buckets_badge bs-badge badge-absolute">0</span>
<div class="tile-header my-header">
Processed Buckets
</div>
<div class="tile-content-wrapper">
<i class="glyph-icon icon-bitbucket-square"></i>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" title="Crawled Pages" class="bot_name_show_crawled_pages_master tile-box tile-box-shortcut btn-success">
<span class="crawled_count_badge bs-badge badge-absolute">0</span>
<div class="tile-header my-header">
Crawled Pages
</div>
<div class="tile-content-wrapper">
<i class="glyph-icon icon-download"></i>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" title="Failed Pages" class="bot_name_show_failed_pages_master tile-box tile-box-shortcut btn-danger">
<span class="failed_count_badge bs-badge badge-absolute">0</span>
<div class="tile-header my-header">
Failed Pages
</div>
<div class="tile-content-wrapper">
<i class="glyph-icon icon-exclamation-triangle"></i>
</div>
</a>
</div>
</div>
<div class="panel mrg20T">
<div class="panel-body">
<h3 class="title-hero">
<i class="glyph-icon icon-signal"></i> Crawling speed
</h3>
<div class="example-box-wrapper">
<div id="data-example-1" class="mrg20B" style="width: 100%; height: 300px;"></div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="content-box">
<h3 class="content-box-header bg-default">
<i class="glyph-icon icon-puzzle-piece"></i>
Cluster share status
<span class="header-buttons-separator">
<a href="#" class="icon-separator remove-button" data-animation="flipOutX">
<i class="glyph-icon icon-times"></i>
</a>
</span>
</h3>
<div class="content-box-wrapper pad0A">
<div class="mrg20A">
<div class="row">
<div class="col-md-7 center-margin pad0A">
<canvas id="chart-area" width="150" height="150"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row search_results extra_pages">
<div class="panel-body">
<h3 class="title-hero-edit-seed">
Search results for query <span class="query_label"></span>
</h3>
</div>
</div>
<div class="row edit_seed extra_pages">
<div class="panel-body">
<h3 class="title-hero-edit-seed">
</h3>
<div id="myEditor1"></div><br/>
<button class="btn btn-primary seed_update_json">Update</button> <button class="btn btn-warning seed_reset_json">Reset</button>
</div>
</div>
<div class="row show_console extra_pages">
<div class="panel-body">
<div id="window">
<div id="toolbar">
<div class="top">
<div id="lights">
<div class="light red terminal_close">
<div class="glyph">×</div>
<div class="shine"></div>
<div class="glow"></div>
</div>
<div class="light yellow terminal_close">
<div class="glyph">-</div>
<div class="shine"></div>
<div class="glow"></div>
</div>
<div class="light green terminal_max">
<div class="glyph">+</div>
<div class="shine"></div>
<div class="glow"></div>
</div>
</div>
<div id="title">
<div class="folder">
<div class="tab"></div>
<div class="body"></div>
</div>
</div>
<div id="bubble">
<div class="shine"></div>
<div class="glow"></div>
</div>
</div>
</div>
<div id="terminal">
</div>
</div>
</div>
</div>
<div class="row edit_config extra_pages">
<div class="panel-body">
<h3 class="title-hero-edit-config">
</h3>
<div id="myEditor"></div><br/>
<button class="btn btn-primary update_json">Update</button> <button class="btn btn-warning reset_json">Reset</button>
</div>
</div>
<div class="row read_log extra_pages">
<div class="panel-body">
<h3 class="title-hero-read-log">
</h3>
<div class="example-box-wrapper">
<form class="form-horizontal bordered-row">
<div class="form-group">
<label class="col-sm-2 control-label">Command</label>
<div class="col-sm-4">
<select class="form-control head_tails">
<option>head</option>
<option>tail</option>
</select>
</div>
<div class="col-sm-1">
<label class="form-control">-n</label>
</div>
<div class="col-sm-2">
<input class='form-control lines_input' placeholder="lines"/>
</div>
<div class="col-sm-1">
<button class="btn btn-primary head_tail_btn" type="button">Go!</button>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Log Data</label>
<div class="col-sm-10">
<div contenteditable="false" name="" class="form-control textarea-autosize log_text_area"></div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="row read_log extra_pages">
<div class="panel-body">
<h3 class="title-hero-read-log">
</h3>
<div class="example-box-wrapper">
<form class="form-horizontal bordered-row">
<div class="form-group">
<label class="col-sm-2 control-label">Command</label>
<div class="col-sm-4">
<select class="form-control head_tails">
<option>head</option>
<option>tail</option>
</select>
</div>
<div class="col-sm-1">
<label class="form-control">-n</label>
</div>
<div class="col-sm-2">
<input class='form-control lines_input' placeholder="lines"/>
</div>
<div class="col-sm-1">
<button class="btn btn-primary head_tail_btn" type="button">Go!</button>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Log Data</label>
<div class="col-sm-10">
<div contenteditable="false" name="" class="form-control textarea-autosize log_text_area"></div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="#" class="hdr-btn" id="fullscreen-btn" style="display:none;" title="Fullscreen">
<i class="glyph-icon icon-arrows-alt"></i>
</a>
<a href="#" class="hdr-btn sb-toggle-left" style="display:none;" id="chatbox-btn" title="Chat sidebar">
<i class="glyph-icon icon-linecons-paper-plane"></i>
</a>
<!-- JS Demo -->
<script type="text/javascript" src="../../assets-minified/admin-all-demo.js"></script>
<script type="text/javascript" src="/my_code/scripts.js"></script>
<link rel="stylesheet" type="text/css" href="/my_code/styles.css">
<script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script>
</div>
</body>
</html>