rocketjob_mission_control 5.0.1 → 6.0.0.beta

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1a7a9ef0aac59fd6cb345b13c503922ea80232f0eedb8d4eb29ea1d535e04c8a
-  data.tar.gz: 360b3994feec93243b9b4cfadf8fa89416538aafb0fbc927b2db31399cc850e4
+  metadata.gz: d421e76cdd7a629d0f28598e52f2d6321bcdb0f062d50cf99b0e3ac791c0c823
+  data.tar.gz: fa9f46ebbb28043994c98d42efc368973b57cf243ff793447c3985e6f56f152e
 SHA512:
-  metadata.gz: c8782d8a249ee6de70705f806386d1f6fb3afbea4f33451ef7e0337641e87c3b88f0cbc804de35131ef46da8f85e3121a694cd79f4171a912809b0330d5e4e6d
-  data.tar.gz: f051ec5acb746f52c71924d757e35c955715838dfc994c82eb6d2cfaa630bb9b50d8b26c2d8fe7a34d392e06084cf9121906591f8951a0b7feae372093021d0b
+  metadata.gz: 4cd18b8160af0cfa244403d522f4aa98d3e18c945f2e2fcc03001adb29e27a47c5dbcab50384b8e89630aa9a0302320d779307376fcfa720deb7535ff2201020
+  data.tar.gz: 42b3d18cfa224ea50b25fd5eaeab7f4409a8452e4791dd91edf49358359e02b1418cecaf132710abca86d2f32d6198fc8e2ff3497e9273648f7ea11f755b4442

data/README.md

@@ -1,5 +1,5 @@
 # Rocket Job Mission Control
-[![Gem Version](https://badge.fury.io/rb/rocketjob_mission_control.svg)](http://badge.fury.io/rb/rocketjob_mission_control) [![Build Status](https://secure.travis-ci.org/rocketjob/rocketjob_mission_control.png?branch=master)](http://travis-ci.org/rocketjob/rocketjob_mission_control)
+[![Gem Version](https://img.shields.io/gem/v/rocketjob_mission_control.svg)](https://rubygems.org/gems/rocketjob_mission_control) [![Downloads](https://img.shields.io/gem/dt/rocketjob_mission_control.svg)](https://rubygems.org/gems/rocketjob_mission_control) [![License](https://img.shields.io/badge/license-Apache%202.0-brightgreen.svg)](http://opensource.org/licenses/Apache-2.0) ![](https://img.shields.io/badge/status-Production%20Ready-blue.svg) [![Gitter chat](https://img.shields.io/badge/IRC%20(gitter)-Support-brightgreen.svg)](https://gitter.im/rocketjob/support)
 
 Web based management interface for [Rocket Job][0].
 

data/app/assets/config/manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css

data/app/assets/javascripts/rocket_job_mission_control/application.js

@@ -10,7 +10,7 @@
 // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
 // about supported directives.
 //
-//= require jquery
+//= require jquery3
 //= require jquery_ujs
 //= require datatables.min.js
 //= require bootstrap.min

data/app/assets/javascripts/rocket_job_mission_control/nested_fields.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _createClass = function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true;
+      
+      if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  } return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) defineProperties(Constructor, staticProps); return Constructor;
+  };
+}();
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+var addFields = function () {
+  // This executes when the function is instantiated.
+  function addFields() {
+    _classCallCheck(this, addFields);
+
+    this.links = document.querySelectorAll('.add_fields');
+    this.iterateLinks();
+  }
+
+  _createClass(addFields, [{
+    key: 'iterateLinks',
+    value: function iterateLinks() {
+      var _this = this;
+
+      // If there are no links on the page, stop the function from executing.
+      if (this.links.length === 0) return; // Loop over each link on the page. A page could have multiple nested forms.
+
+      this.links.forEach(function (link) {
+        link.addEventListener('click', function (e) {
+          _this.handleClick(link, e);
+        });
+      });
+    }
+  }, {
+    key: 'handleClick',
+    value: function handleClick(link, e) {
+      // Stop the function from executing if a link or event were not passed into the function.
+      if (!link || !e) return; // Prevent the browser from following the URL.
+
+      e.preventDefault(); // Save a unique timestamp to ensure the key of the associated array is unique.
+
+      var time = new Date().getTime(); // Save the data id attribute into a variable. This corresponds to `new_object.object_id`.
+      var linkId = link.dataset.id; // Create a new regular expression needed to find any instance of the `new_object.object_id` used in the fields data attribute if there's a value in `linkId`.
+      var regexp = linkId ? new RegExp(linkId, 'g') : null; // Replace all instances of the `new_object.object_id` with `time`, and save markup into a variable if there's a value in `regexp`.
+      var newFields = regexp ? link.dataset.fields.replace(regexp, time) : null; // Add the new markup to the form if there are fields to add.
+
+      newFields ? link.insertAdjacentHTML('beforebegin', newFields) : null;
+    }
+  }]);
+
+  return addFields;
+}();
+
+var removeFields = function () {
+  // This executes when the function is instantiated.
+  function removeFields() {
+    _classCallCheck(this, removeFields);
+
+    this.iterateLinks();
+  }
+
+  _createClass(removeFields, [{
+    key: 'iterateLinks',
+    value: function iterateLinks() {
+      var _this2 = this;
+
+      // Use event delegation to ensure any fields added after the page loads are captured.
+      document.addEventListener('click', function (e) {
+        if (e.target && e.target.className == "remove_fields btn btn-danger") {
+          _this2.handleClick(e.target, e);
+        }
+      });
+    }
+  }, {
+    key: 'handleClick',
+    value: function handleClick(link, e) {
+      // Stop the function from executing if a link or event were not passed into the function.
+      if (!link || !e) return; // Prevent the browser from following the URL.
+
+      e.preventDefault(); // Find the parent wrapper for the set of nested fields.
+
+      var fieldParent = link.closest('.nested-fields'); // If there is a parent wrapper, find the hidden delete field.
+      var deleteField = fieldParent ? fieldParent.querySelector('input[type="hidden"]') : null; // If there is a delete field, update the value to `1` and hide the corresponding nested fields.
+
+      if (deleteField) {
+        deleteField.value = 1;
+        fieldParent.style.display = 'none';
+      }
+    }
+  }]);
+
+  return removeFields;
+}(); // Wait for turbolinks to load, otherwise `document.querySelectorAll()` won't work
+
+
+window.addEventListener('DOMContentLoaded', function () {
+  return new addFields();
+});
+window.addEventListener('DOMContentLoaded', function () {
+  return new removeFields();
+});

data/app/assets/stylesheets/rocket_job_mission_control/{application.scss → application.css}

@@ -10,12 +10,13 @@
  * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
  * file per style scope.
  *
- *= require_self
- *= require_tree .
+ *= require bootstrap.min
+ *= require fontawesome-all.min
+ *= require selectize
+ *= require selectize.bootstrap3
+ *= require datatables.min
+ *= require rocket_job_mission_control/base
+ *= require rocket_job_mission_control/callout
+ *= require rocket_job_mission_control/jobs
+ *= require rocket_job_mission_control/worker_processes
  */
-
-@import 'bootstrap.min';
-@import 'fontawesome-all.min';
-@import 'selectize';
-@import 'selectize.bootstrap3';
-@import 'datatables.min';

data/app/assets/stylesheets/rocket_job_mission_control/base.css

@@ -0,0 +1,420 @@
+html, body, #wrapper, #wrapper > .container-fluid, #main, .row.row-offcanvas.row-offcanvas-left {
+  height: 100%;
+}
+
+.navbar-default { background-image: linear-gradient(90deg, #000, #99120f); }
+.navbar-default .navbar-nav > li > a { color: #fff; }
+.navbar-default .navbar-nav > li > a:hover { color: #aaa; }
+.navbar-default .navbar-collapse, .navbar-default .navbar-form {
+  border: 0;
+}
+
+#wrapper { background-color: #f7f7f7; }
+
+.footer {
+  position: relative;
+  height: 100px;
+  clear: both;
+  padding-top: 20px;
+}
+
+/* Datatables */
+table.datatable { border-collapse: collapse; }
+.dataTables_wrapper { margin-top: 2em; }
+
+table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  display: block;
+  font-family: "Font Awesome 5 Free";
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+table.dataTable thead .sorting:after { content: "\f0c9"; }
+table.dataTable thead .sorting_asc:after { content: "\f160"; }
+table.dataTable thead .sorting_desc:after { content: "\f161"; }
+table.dataTable thead > tr > th { padding-left: 30px; }
+
+div.row {
+  margin-left: -15px;
+  margin-right: -15px;
+}
+
+.dataTables_info, .dataTables_paginate { margin-top: 20px !important; }
+
+.datatable .card td { vertical-align: middle; }
+
+.inline-job-actions > a {
+  display: inline-block;
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 1px;
+}
+
+.job-list {
+  height: 100%;
+  min-height: 768px;
+}
+
+/* Job Edit Page */
+.edit_job textarea.description-block { height: 166px; }
+.edit_job .buttons { margin-top: 1em; }
+
+.job-status .lead {
+  color: #50555b;
+  float: left;
+  margin-top: 1em;
+  vertical-align: middle;
+}
+
+.job-status p {
+  font-size: 14px;
+  color: #666;
+}
+
+.job-status .welcome_screen {
+  text-align: center;
+  margin-top: 2%;
+}
+
+.job-status .welcome_screen h1 { margin-bottom: 10px; }
+.job-status .welcome_screen p { font-size: 16px; }
+
+.job-status .job-actions {
+  float: left;
+  margin-top: 23px;
+  margin-left: 20px;
+}
+
+.job-status .job-actions .btn { padding: 2px 6px; }
+
+.job-status .pagination-buttons {
+  float: left;
+  margin-top: 23px;
+  margin-left: 20px;
+}
+
+.job-status .job-state {
+  margin-left: 20px;
+  padding: 0;
+  font-size: 12px;
+  margin-top: 0;
+  vertical-align: middle;
+  float: left;
+}
+
+h3 { margin-top: 0; }
+
+.job-status .job-state .left {
+  float: left;
+  text-shadow: 0 2px 3px #000;
+  font-weight: bold;
+  background-color: #404650;
+  color: #fff;
+  padding: 6px 12px;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.job-status .job-state .right {
+  float: left;
+  font-weight: bold;
+  color: #fff;
+  padding: 6px 12px;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.job-status .job-state .queued, .job-status .job-state .pending { background-color: #a29f00; }
+.job-status .job-state .scheduled { background-color: purple; }
+.job-status .job-state .running { background-color: #337ab7; }
+.job-status .job-state .sleeping { background-color: darkcyan; }
+.job-status .job-state .completed, .job-status .job-state .enabled { background-color: green; }
+.job-status .job-state .paused, .job-status .job-state .disabled { background-color: orange; }
+.job-status .job-state .failed { background-color: red; }
+.job-status .job-state .aborted { background-color: darkorange; }
+
+.job-status .priority {
+  display: inline-block;
+  vertical-align: middle;
+  float: right;
+  margin-top: 20px;
+}
+
+.job-status .priority .form-control {
+  width: 47px;
+  height: 34px;
+}
+
+.job-status .priority-set {
+  float: right;
+  padding: 7px 14px;
+  font-weight: bold;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+#content {
+  margin-top: 60px;
+  padding: 40px;
+}
+
+#main { padding-left: 0; }
+
+.white-background { background-color: #fff; }
+
+/* Sidebar */
+#sidebar {
+  padding: 0px;
+  padding-top: 15px;
+  margin-top: 5em;
+}
+
+#sidebar, #sidebar a {
+  color: #555;
+  background-color: transparent;
+  padding-left: 5px;
+}
+
+#sidebar .nav li > a:hover {
+  color: #000;
+  background-color: #ddd;
+}
+
+@media screen and (max-width: 768px) {
+  .row-offcanvas {
+    position: relative;
+    -webkit-transition: all 0.25s ease-out;
+    -moz-transition: all 0.25s ease-out;
+    transition: all 0.25s ease-out;
+  }
+
+  .row-offcanvas-left.active { left: 33%; }
+
+  .row-offcanvas-left.active .sidebar-offcanvas {
+    left: -33%;
+    position: absolute;
+    top: 0;
+    width: 33%;
+    margin-left: 5px;
+  }
+
+  #sidebar, #sidebar a, #sidebar-footer a { padding-left: 6px; }
+}
+
+/* Header Styles */
+#header {
+  padding: 5px;
+  border-radius: 0;
+  border: 0;
+  position: fixed;
+  z-index: 1000;
+  right: 0;
+  left: 0;
+}
+
+#header .navbar { position: relative; }
+
+#header .brand {
+  position: absolute;
+  left: 50%;
+  margin-left: -96px !important;
+  display: block;
+}
+
+#header .brand img {
+  display: inline;
+  height: 40px;
+  position: relative;
+  bottom: 3px;
+  left: 8px;
+}
+
+#header .first { left: 15px; }
+#header .last { right: 15px; }
+
+#header a.navbar-brand.brand {
+  font-size: 23px;
+  color: white;
+  font-weight: bold;
+  top: -5px;
+}
+
+#header a.navbar-brand.brand span {
+  display: inline-block;
+  position: relative;
+  left: -3px;
+  color: orangered;
+  font-weight: bold;
+}
+
+#jobs-menu {
+  margin-top: 1.5em;
+  background-color: #b3b3b3;
+  border-color: white;
+}
+
+.job-search-box { padding: 20px 100px; }
+
+.list .card:nth-child(1) { border-top: 1px solid #ddd; }
+.list .card:nth-child(odd) { background-color: #fff; }
+
+.list .card {
+  border-bottom: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+  height: 100%;
+  background-color: #f7f7f7;
+}
+
+.list .card:hover {
+  cursor: pointer;
+  background-color: #dadada;
+}
+
+.list .card .inner {
+  padding: 0.5em;
+  position: relative;
+  margin: 0 0 0 10px;
+}
+
+.list .card .inner .title {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.list .card .inner .title i.queued { color: #a29f00; }
+.list .card .inner .title i.scheduled { color: purple; }
+.list .card .inner .title i.running { color: #337ab7; }
+.list .card .inner .title i.sleeping { color: darkcyan; }
+.list .card .inner .title i.completed { color: green; }
+.list .card .inner .title i.paused { color: orange; }
+.list .card .inner .title i.failed { color: red; }
+.list .card .inner .title i.aborted { color: darkorange; }
+.list .card .inner .title i.enabled { color: green; }
+.list .card .inner .title i.disabled { color: orange; }
+
+.list .card .inner .title h3 {
+  font-weight: bold;
+  margin: 0;
+  font-size: 16px;
+}
+
+.list .card .inner .lead {
+  margin-bottom: 5px;
+  font-size: 18px;
+}
+
+.list .card .inner .duration, .list .card .inner .description, .list .card .inner .completion {
+  color: #7c735c;
+  font-size: 18px;
+  font-weight: 200;
+}
+
+.list .card .inner .batch {
+  position: absolute;
+  right: -10px;
+  top: -10px;
+  background-color: #444;
+  border-radius: 30px;
+  padding: 4px 10px;
+  color: #fff;
+  z-index: 2;
+}
+
+.list .selected {
+  border-bottom: 1px solid blue;
+  border-right: 1px solid blue;
+  border-top: 1px solid blue;
+  background-color: lightcyan;
+}
+
+.grid {
+  padding: 1em;
+  font-size: 0.85em;
+}
+
+.grid .card { padding: 1em; }
+
+.grid .card .inner {
+  padding: 1em;
+  border-radius: 3px;
+  display: inline-block;
+  background: #fff;
+  width: 100%;
+  min-height: 250px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-shadow: 0px 1px 2px 0 #ccc;
+  position: relative;
+  text-align: center;
+}
+
+.grid .card .inner .title,
+.grid .card .inner .state,
+.grid .card .inner .threads,
+.grid .card .inner .time {
+  margin-bottom: 10px;
+}
+
+.grid .card .inner .actions {
+  padding: 10px 0;
+  background: #f5f5f5;
+  border: 1px solid #eee;
+  border-radius: 2px;
+}
+
+.grid .card .inner .title { text-align: center; }
+
+.grid .card .inner .title h3 {
+  font-weight: bold;
+  margin: 0;
+  font-size: 16px;
+}
+
+.priority-group {
+  width: 67px;
+  margin: 0 auto;
+}
+
+.priority-group input { text-align: right; }
+
+.priority-group .input-group-btn-vertical {
+  position: relative;
+  white-space: nowrap;
+  width: 1%;
+  vertical-align: middle;
+  display: table-cell;
+}
+
+.priority-group .input-group-btn-vertical > .btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+  padding: 8px;
+  margin-left: -1px;
+  position: relative;
+  border-radius: 0;
+}
+
+.priority-group .input-group-btn-vertical > .btn:first-child { border-right: 0; }
+
+.priority-group .input-group-btn-vertical > .btn:last-child {
+  margin-top: -2px;
+  border-right: 0;
+}
+
+.priority-group .input-group-btn-vertical i {
+  position: absolute;
+  top: 0;
+  left: 4px;
+}
+
+.code-block { margin-top: 25px; }
+.status { padding: 1em; }