fluentd-ui 0.4.5 → 1.0.0.alpha.1

data/.bowerrc

@@ -1,3 +0,0 @@
-{
-  "directory": "vendor/assets/javascripts/bower"
-}

data/app/assets/javascripts/application.js

@@ -1,24 +0,0 @@
-// This is a manifest file that'll be compiled into application.js, which will include all the files
-// listed below.
-//
-// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
-// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
-//
-// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
-// compiled file.
-//
-// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
-// about supported directives.
-//
-//= require jquery
-//= require jquery_ujs
-//= require sb-admin-v2/bootstrap
-//= require sb-admin-v2/plugins/dataTables/jquery.dataTables
-//= require sb-admin-v2/plugins/dataTables/dataTables.bootstrap
-//= require bower/vue/dist/vue
-//= require bower/es6-promise/promise
-//= require bower/lodash/dist/lodash.compat
-//= require bower/codemirror/lib/codemirror
-//= require codemirror_fluentd
-//= require vue_common
-//= require_tree .

data/app/assets/javascripts/codemirror.js

@@ -1,29 +0,0 @@
-function codemirrorify(el) {
-  return CodeMirror.fromTextArea(el, {
-    theme: "neo",
-    lineNumbers: true,
-    viewportMargin: Infinity,
-    mode: "fluentd"
-  });
-}
-
-$(function(){
-  $('.js-fluentd-config-editor').each(function(_, el){
-    codemirrorify(el);
-  });
-});
-
-Vue.directive('config-editor', {
-  bind: function(){
-    var $parent = this.vm;
-    // NOTE: needed delay for waiting CodeMirror setup
-    _.delay(function(textarea){
-      var cm = codemirrorify(textarea);
-      // textarea.codemirror = cm; // for test, but doesn't work for now (working on Chrome, but Poltergeist not)
-      cm.on('change', function(code_mirror){
-        // bridge Vue - CodeMirror world
-        $parent.editContent = code_mirror.getValue();
-      });
-    }, 0, this.el);
-  }
-});

data/app/assets/javascripts/enable_bootstrap_tooltip.js

@@ -1,3 +0,0 @@
-$(function(){
-  $('[data-toggle="tooltip"]').tooltip();
-});

data/app/assets/javascripts/nested_setting.js

@@ -1,41 +0,0 @@
-(function(){
-  "use strict";
-
-  $(function(){
-    var $firstSetting = $('.js-nested-column.js-multiple:first');
-
-    if($firstSetting.length === 0) return;
-
-    var counter = 0;
-    $('.js-append', $firstSetting).on('click', function(ev){
-      ev.preventDefault();
-      var $new = $firstSetting.clone(true);
-      counter++;
-
-      var fields = $('input,select,textarea', $new);
-      _.each(fields, function(elm){
-        elm.name = elm.name.replace("0", counter);
-      });
-      $('label', $new).each(function(_, label){
-        var $label = $(label);
-        $label.attr('for', $label.attr('for').replace("0", counter));
-      });
-
-      $('.js-remove', $new).show();
-      $('.js-append', $new).hide();
-      $new.appendTo($firstSetting.parent());
-    });
-
-    $('.js-remove').on('click', function(ev){
-      ev.preventDefault();
-      $(this).closest('.js-nested-column').remove();
-    });
-
-    var $allSettings = $('.js-nested-column.js-multiple');
-    $('.js-append', $allSettings).hide();
-    $('.js-remove', $allSettings).show();
-    $('.js-append', $firstSetting).show();
-    $('.js-remove', $firstSetting).hide();
-  });
-})();
-

data/app/assets/javascripts/vue/fluent_log.js

@@ -1,64 +0,0 @@
-(function(){
-  "use strict";
-
-  $(function(){
-    if($('#fluent-log').length === 0) return;
-
-    new Vue({
-      el: "#fluent-log",
-      paramAttributes: ["logUrl", "initialAutoReload"],
-      data: {
-        "autoFetch": false,
-        "logs": [],
-        "limit": 30,
-        "processing": false
-      },
-
-      compiled: function(){
-        this.fetchLogs();
-
-        var self = this;
-        var timer;
-        this.$watch("autoFetch", function(newValue){
-          if(newValue === true) {
-            timer = setInterval(function(){
-              self.fetchLogs();
-              var $log = $(".log", self.$el);
-              $log.scrollTop($log.innerHeight());
-            }, 1000);
-          } else {
-            clearInterval(timer);
-          }
-        });
-        if(this.initialAutoReload) {
-          this.autoFetch = true;
-        }
-      },
-
-      computed: {
-        isPresentedLogs: function(){
-          return this.logs.length > 0;
-        }
-      },
-
-      methods: {
-        fetchLogs: function() {
-          if(this.processing) return;
-          this.processing = true;
-          var self = this;
-          new Promise(function(resolve, reject) {
-            $.getJSON(self.logUrl + "?limit=" + self.limit, resolve).fail(reject);
-          }).then(function(logs){
-            self.logs = logs;
-            setTimeout(function(){
-              self.processing = false;
-            }, 256); // delay to reduce flicking loading icon
-          })["catch"](function(error){
-            self.processing = false;
-          });
-        }
-      }
-    });
-  });
-})();
-

data/app/assets/javascripts/vue/in_tail_format.js

@@ -1,177 +0,0 @@
-(function(){
-  "use strict";
-  var maxFormatCount = 20;
-
-  $(function(){
-    if($('#in_tail_format').length === 0) return;
-
-    var FormatBundle = Vue.component('format-bundle', {
-      inherit: true,
-      template: "#format-bundle",
-      computed: {
-        options: {
-          get: function(){
-            return this.formatOptions[this.format];
-          },
-        },
-        selectableFormats: {
-          get: function() {
-            return Object.keys(this.formatOptions);
-          }
-        }
-      }
-    });
-
-    new Vue({
-      el: "#in_tail_format",
-      paramAttributes: ["formatOptionsJson", "initialSelected", "targetFile", "paramsJson"],
-      data: {
-        previewProcessing: false,
-        format: "",
-        highlightedLines: null,
-      },
-
-      computed: {
-        useTextArea: function() {
-          return this.format === "multiline";
-        }
-      },
-
-      compiled: function(){
-        this.$watch('params.setting.formats', function(formats){
-          _.range(1, maxFormatCount + 1).forEach(function(i) {params.setting["format" + String(i)] = "";});
-
-          _.compact(formats.split("\n")).forEach(function(formatLine, index) {
-            params.setting["format" + String(index + 1)] = formatLine;
-          });
-        }),
-        this.$watch('params.setting.regexp', function(){
-          this.preview();
-        });
-        this.$watch('format', function(){
-          this.preview();
-        });
-        this.$set("formatOptions", JSON.parse(this.formatOptionsJson));
-        this.format = this.initialSelected;
-
-        // initialize params
-        // NOTE: if `params.setting.foo` is undefined, Vue can't binding with v-model="params.setting.foo"
-        var params = JSON.parse(this.paramsJson);
-        if(!params.setting) {
-          params.setting = {};
-        }
-
-        var formats = _.chain(_.range(1, maxFormatCount + 1)).map(function(i) {return params.setting["format" + String(i)];}).compact().value();
-        params.setting.formats = formats.join("\n");
-
-        _.each(this.formatOptions, function(options){
-          _.each(options, function(key){
-            if(!params.setting.hasOwnProperty(key)){
-              params.setting[key] = "";
-            }
-          });
-        });
-        this.$set('params', params);
-        this.$emit("data-loaded");
-      },
-
-      methods: {
-        onKeyup: function(ev){
-          var el = ev.target;
-          if(el.name.match(/\[format/)){
-            this.preview();
-          }
-        },
-        updateHighlightedLines: function() {
-          if(!this.regexpMatches) {
-            this.highlightedLines = null;
-            return;
-          }
-
-          var $container = jQuery('<div>');
-          _.each(this.regexpMatches, function(match){
-            var colors = [
-              "#ff9", "#cff", "#fcf", "#dfd"
-            ];
-            var whole = match.whole;
-            var html = "";
-            var matches = [];
-
-            var lastPos = 0;
-            _.each(match.matches, function(match) {
-              var matched = match.matched;
-              if(!matched) return;
-              if(matched.length === 0) return; // Ignore empty matched with "foobar".match(/foo(.*?)bar/)[1] #=> ""
-
-              // rotated highlight color
-              var currentColor = colors.shift();
-              colors.push(currentColor);
-
-              // create highlighted range HTML
-              var $highlighted = jQuery('<span>').text(matched);
-              $highlighted.attr({
-                "class": "regexp-preview",
-                "data-toggle": "tooltip",
-                "data-placement": "top",
-                "title": match.key,
-                'style': 'background-color:' + currentColor
-              });
-              var highlightedHtml = $highlighted.wrap('<div>').parent().html();
-
-              var pos = {
-                "start": match.pos[0],
-                "end": match.pos[1]
-              };
-              if(pos.start > 0) {
-                html += _.escape(whole.substring(lastPos, pos.start));
-              }
-              html += highlightedHtml;
-              lastPos = pos.end;
-            });
-            html += whole.substring(lastPos);
-
-            $container.append(html);
-            $container.append("<br />");
-          });
-
-          this.highlightedLines = $container.html();
-          setTimeout(function(){
-            $('#in_tail_format').tooltip({
-              selector: "[data-toggle=tooltip]",
-              container: "body"
-            })
-          },0);
-        },
-
-        preview: function(){
-          if(this.previewAjax) {
-            this.previewAjax.abort();
-          }
-          var self = this;
-          new Promise(function(resolve, reject) {
-            self.previewAjax = $.ajax({
-              method: "POST",
-              url: "/api/regexp_preview",
-              data: {
-                regexp: self.params.setting.regexp,
-                time_format: self.params.setting.time_format,
-                format: _.isEmpty(self.format) ? "regexp" : self.format,
-                params: self.params.setting,
-                file: self.targetFile
-              }
-            }).done(resolve).fail(reject);
-          }).then(function(result){
-            self.params = _.merge(self.params, result.params);
-            self.regexpMatches = result.matches;
-            self.updateHighlightedLines();
-          })["catch"](function(error){
-            if(error.stack) {
-              console.error(error.stack);
-            }
-          });
-        },
-      }
-    });
-  });
-})();
-

data/app/assets/javascripts/vue/notification.js

@@ -1,65 +0,0 @@
-(function(){
-  "use strict";
-  var POLLING_INTERVAL = 3 * 1000;
-  var POLLING_URL = "/polling/alerts";
-
-  $(function(){
-    if($('#vue-notification').length === 0) return;
-
-    var alert = new Vue({
-      el: "#vue-notification",
-      data: {
-        "alerts": []
-      },
-
-      created: function(){
-        var timer;
-        var self = this;
-        var currentInterval = POLLING_INTERVAL;
-        var fetch = function(){
-          self.fetchAlertsData().then(function(alerts){
-            if(self.alerts.toString() == alerts.toString()) {
-              currentInterval *= 1.1;
-            } else {
-              currentInterval = POLLING_INTERVAL;
-            }
-            self.alerts = alerts;
-            timer = setTimeout(fetch, currentInterval);
-          })["catch"](function(xhr){
-            if(xhr.status === 401) {
-              // signed out
-            }
-            if(xhr.status === 0) {
-              // server unreachable (maybe down)
-            }
-          });
-        };
-        window.addEventListener('focus', function(ev){
-          currentInterval = POLLING_INTERVAL;
-          timer = setTimeout(fetch, currentInterval);
-        }, false);
-        window.addEventListener('blur', function(ev){
-          clearTimeout(timer);
-        }, false);
-        fetch();
-      },
-
-      computed: {
-        alertsCount: {
-          get: function(){ return this.alerts.length; }
-        },
-        hasAlerts: {
-          get: function(){ return this.alertsCount > 0; }
-        }
-      },
-
-      methods: {
-        fetchAlertsData: function() {
-          return new Promise(function(resolve, reject) {
-            $.getJSON(POLLING_URL, resolve).fail(reject);
-          });
-        }
-      }
-    });
-  });
-})();

data/app/assets/javascripts/vue/settings.js

@@ -1,121 +0,0 @@
-;(function(){
-  "use strict";
-
-  $(function(){
-    var el = document.querySelector("#vue-setting");
-    if(!el) return;
-
-    new Vue({
-      el: el,
-      data: function(){
-        return {
-          loaded: false,
-          loading: false,
-          sections: {
-            sources: [],
-            matches: []
-          }
-        };
-      },
-      ready: function() {
-        this.update();
-      },
-      components: {
-        section: {
-          inherit: true,
-          template: "#vue-setting-section",
-          data: function(){
-            return {
-              mode: "default",
-              processing: false,
-              editContent: null
-            };
-          },
-          created: function(){
-            this.initialState();
-          },
-          computed: {
-            endpoint: function(){
-              return "/api/settings/" + this.id;
-            }
-          },
-          methods: {
-            onCancel: function(ev) {
-              this.initialState();
-            },
-            onEdit: function(ev) {
-              this.mode = "edit";
-            },
-            onDelete: function(ev) {
-              if(!confirm("really?")) return;
-              this.destroy();
-            },
-            onSubmit: function(ev) {
-              this.processing = true;
-              var self = this;
-              $.ajax({
-                url: this.endpoint,
-                method: "POST",
-                data: {
-                  _method: "PATCH",
-                  id: this.id,
-                  content: this.editContent
-                }
-              }).then(function(data){
-                // NOTE: self.$data = data doesn't work as well, so using _.each
-                //       whole $data swapping breaks mode switching..
-                _.each(data, function(v,k){
-                  self[k] = v;
-                });
-                self.initialState();
-              }).always(function(){
-                self.processing = false;
-              });
-            },
-            initialState: function(){
-              this.$set('processing', false);
-              this.$set('mode', 'default');
-              this.$set('editContent', this.content);
-            },
-            destroy: function(){
-              var self = this;
-              $.ajax({
-                url: this.endpoint,
-                method: "POST",
-                data: {
-                  _method: "DELETE",
-                  id: this.id
-                }
-              }).then(function(){
-                self.$parent.update();
-              });
-            }
-          }
-        }
-      },
-      methods: {
-        update: function() {
-          this.loading = true;
-          var self = this;
-          $.getJSON("/api/settings", function(data){
-            var sources = [];
-            var matches = [];
-            data.forEach(function(v){
-              if(v.name === "source"){
-                sources.push(v);
-              }else{
-                matches.push(v);
-              }
-            });
-            self.sections.sources = sources;
-            self.sections.matches = matches;
-            self.loaded = true;
-            setTimeout(function(){
-              self.loading = false;
-            }, 500);
-          });
-        }
-      }
-    });
-  });
-})();