UNPKG

bot-marvin

Version:

Highly scalable crawler with best features.

800 lines (718 loc) 34.5 kB
<!DOCTYPE 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>