pg_eventstore 0.10.1 → 1.0.0.rc1

data/lib/pg_eventstore/web/public/javascripts/gentelella.js

@@ -0,0 +1,334 @@
+/**
+ * Resize function without multiple trigger
+ * 
+ * Usage:
+ * $(window).smartresize(function(){  
+ *     // code here
+ * });
+ */
+(function($,sr){
+    // debouncing function from John Hann
+    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+    var debounce = function (func, threshold, execAsap) {
+      var timeout;
+
+        return function debounced () {
+            var obj = this, args = arguments;
+            function delayed () {
+                if (!execAsap)
+                    func.apply(obj, args); 
+                timeout = null; 
+            }
+
+            if (timeout)
+                clearTimeout(timeout);
+            else if (execAsap)
+                func.apply(obj, args);
+
+            timeout = setTimeout(delayed, threshold || 100); 
+        };
+    };
+
+    // smartresize 
+    jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
+})(jQuery,'smartresize');
+/**
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+
+var CURRENT_URL = window.location.href.split('#')[0].split('?')[0],
+    $BODY = $('body'),
+    $MENU_TOGGLE = $('#menu_toggle'),
+    $SIDEBAR_MENU = $('#sidebar-menu'),
+    $SIDEBAR_FOOTER = $('.sidebar-footer'),
+    $LEFT_COL = $('.left_col'),
+    $RIGHT_COL = $('.right_col'),
+    $NAV_MENU = $('.nav_menu'),
+    $FOOTER = $('footer');
+
+// Sidebar
+function init_sidebar() {
+    // TODO: This is some kind of easy fix, maybe we can improve this
+    var setContentHeight = function () {
+        // reset height
+        $RIGHT_COL.css('min-height', $(window).height());
+
+        var bodyHeight = $BODY.outerHeight(),
+            footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(),
+            leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(),
+            contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;
+
+        // normalize content
+        contentHeight -= $NAV_MENU.height() + footerHeight;
+
+        $RIGHT_COL.css('min-height', contentHeight);
+    };
+
+    var openUpMenu = function () {
+        $SIDEBAR_MENU.find('li').removeClass('active active-sm');
+        $SIDEBAR_MENU.find('li ul').slideUp();
+    }
+
+    $SIDEBAR_MENU.find('a').on('click', function (ev) {
+        var $li = $(this).parent();
+
+        if ($li.is('.active')) {
+            $li.removeClass('active active-sm');
+            $('ul:first', $li).slideUp(function () {
+                setContentHeight();
+            });
+        } else {
+            // prevent closing menu if we are on child menu
+            if (!$li.parent().is('.child_menu')) {
+                openUpMenu();
+            } else {
+                if ($BODY.is('nav-sm')) {
+                    if (!$li.parent().is('child_menu')) {
+                        openUpMenu();
+                    }
+                }
+            }
+
+            $li.addClass('active');
+
+            $('ul:first', $li).slideDown(function () {
+                setContentHeight();
+            });
+        }
+    });
+
+    // toggle small or large menu
+    $MENU_TOGGLE.on('click', function () {
+        if ($BODY.hasClass('nav-md')) {
+            $SIDEBAR_MENU.find('li.active ul').hide();
+            $SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
+        } else {
+            $SIDEBAR_MENU.find('li.active-sm ul').show();
+            $SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
+        }
+
+        $BODY.toggleClass('nav-md nav-sm');
+
+        setContentHeight();
+
+        $('.dataTable').each(function () { $(this).dataTable().fnDraw(); });
+    });
+
+    // check active menu
+    $SIDEBAR_MENU.find('a[href="' + CURRENT_URL + '"]').parent('li').addClass('current-page');
+
+    $SIDEBAR_MENU.find('a').filter(function () {
+        return this.href == CURRENT_URL;
+    }).parent('li').addClass('current-page').parents('ul').slideDown(function () {
+        setContentHeight();
+    }).parent().addClass('active');
+
+    // recompute content when resizing
+    $(window).smartresize(function () {
+        setContentHeight();
+    });
+
+    setContentHeight();
+
+    // fixed sidebar
+    if ($.fn.mCustomScrollbar) {
+        $('.menu_fixed').mCustomScrollbar({
+            autoHideScrollbar: true,
+            theme: 'minimal',
+            mouseWheel: { preventDefault: true }
+        });
+    }
+}
+// /Sidebar
+
+// Panel toolbox
+$(document).ready(function () {
+    $('.collapse-link').on('click', function () {
+        var $BOX_PANEL = $(this).closest('.x_panel'),
+            $ICON = $(this).find('i'),
+            $BOX_CONTENT = $BOX_PANEL.find('.x_content');
+
+        // fix for some div with hardcoded fix class
+        if ($BOX_PANEL.attr('style')) {
+            $BOX_CONTENT.slideToggle(200, function () {
+                $BOX_PANEL.removeAttr('style');
+            });
+        } else {
+            $BOX_CONTENT.slideToggle(200);
+            $BOX_PANEL.css('height', 'auto');
+        }
+
+        $ICON.toggleClass('fa-chevron-up fa-chevron-down');
+    });
+
+    $('.close-link').click(function () {
+        var $BOX_PANEL = $(this).closest('.x_panel');
+
+        $BOX_PANEL.remove();
+    });
+});
+// /Panel toolbox
+
+// Tooltip
+$(document).ready(function () {
+    $('[data-toggle="tooltip"]').tooltip({
+        container: 'body'
+    });
+});
+// /Tooltip
+
+// Progressbar
+$(document).ready(function () {
+    if ($(".progress .progress-bar")[0]) {
+        $('.progress .progress-bar').progressbar();
+    }
+});
+// /Progressbar
+
+// Switchery
+$(document).ready(function () {
+    if ($(".js-switch")[0]) {
+        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
+        elems.forEach(function (html) {
+            var switchery = new Switchery(html, {
+                color: '#26B99A'
+            });
+        });
+    }
+});
+// /Switchery
+
+// iCheck
+$(document).ready(function () {
+    if ($("input.flat")[0]) {
+        $(document).ready(function () {
+            $('input.flat').iCheck({
+                checkboxClass: 'icheckbox_flat-green',
+                radioClass: 'iradio_flat-green'
+            });
+        });
+    }
+});
+// /iCheck
+
+// Table
+$('table input').on('ifChecked', function () {
+    checkState = '';
+    $(this).parent().parent().parent().addClass('selected');
+    countChecked();
+});
+$('table input').on('ifUnchecked', function () {
+    checkState = '';
+    $(this).parent().parent().parent().removeClass('selected');
+    countChecked();
+});
+
+var checkState = '';
+
+$('.bulk_action input').on('ifChecked', function () {
+    checkState = '';
+    $(this).parent().parent().parent().addClass('selected');
+    countChecked();
+});
+$('.bulk_action input').on('ifUnchecked', function () {
+    checkState = '';
+    $(this).parent().parent().parent().removeClass('selected');
+    countChecked();
+});
+$('.bulk_action input#check-all').on('ifChecked', function () {
+    checkState = 'all';
+    countChecked();
+});
+$('.bulk_action input#check-all').on('ifUnchecked', function () {
+    checkState = 'none';
+    countChecked();
+});
+
+function countChecked() {
+    if (checkState === 'all') {
+        $(".bulk_action input[name='table_records']").iCheck('check');
+    }
+    if (checkState === 'none') {
+        $(".bulk_action input[name='table_records']").iCheck('uncheck');
+    }
+
+    var checkCount = $(".bulk_action input[name='table_records']:checked").length;
+
+    if (checkCount) {
+        $('.column-title').hide();
+        $('.bulk-actions').show();
+        $('.action-cnt').html(checkCount + ' Records Selected');
+    } else {
+        $('.column-title').show();
+        $('.bulk-actions').hide();
+    }
+}
+
+// Accordion
+$(document).ready(function () {
+    $(".expand").on("click", function () {
+        $(this).next().slideToggle(200);
+        let $expand = $(this).find(">:first-child");
+
+        if ($expand.text() == "+") {
+            $expand.text("-");
+        } else {
+            $expand.text("+");
+        }
+    });
+});
+
+
+//hover and retain popover when on popover content
+var originalLeave = $.fn.popover.Constructor.prototype.leave;
+$.fn.popover.Constructor.prototype.leave = function (obj) {
+    var self = obj instanceof this.constructor ?
+        obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type);
+    var container, timeout;
+
+    originalLeave.call(this, obj);
+
+    if (obj.currentTarget) {
+        container = $(obj.currentTarget).siblings('.popover');
+        timeout = self.timeout;
+        container.one('mouseenter', function () {
+            //We entered the actual popover – call off the dogs
+            clearTimeout(timeout);
+            //Let's monitor popover content instead
+            container.one('mouseleave', function () {
+                $.fn.popover.Constructor.prototype.leave.call(self, self);
+            });
+        });
+    }
+};
+
+$('body').popover({
+    selector: '[data-popover]',
+    trigger: 'click hover',
+    delay: {
+        show: 50,
+        hide: 400
+    }
+});
+
+
+function gd(year, month, day) {
+    return new Date(year, month - 1, day).getTime();
+}
+
+/* AUTOSIZE */
+
+function init_autosize() {
+    if (typeof $.fn.autosize !== 'undefined') {
+        autosize($('.resizable_textarea'));
+    }
+};
+
+
+$(document).ready(function () {
+    init_sidebar();
+    init_autosize();
+});

data/lib/pg_eventstore/web/public/javascripts/pg_eventstore.js

@@ -0,0 +1,162 @@
+$(function(){
+    "use strict";
+
+    let initStreamFilterAutocomplete = function($filter) {
+        let $contextSelect = $filter.find('select[name*="context"]');
+        let $streamNameSelect = $filter.find('select[name*="stream_name"]');
+        let $streamIdSelect = $filter.find('select[name*="stream_id"]');
+        $contextSelect.select2({
+            ajax: {
+                url: $contextSelect.data('url'),
+                processResults: function(data, params){
+                    params.starting_id = data.pagination.starting_id;
+                    data.results.forEach(function(contextAttrs){
+                        contextAttrs.id = contextAttrs.context;
+                        contextAttrs.text = contextAttrs.context;
+                    });
+                    return data;
+                },
+            },
+            allowClear: true
+        });
+        $streamNameSelect.select2({
+            ajax: {
+                url: $streamNameSelect.data('url'),
+                data: function (params) {
+                    params.context = $contextSelect.val();
+
+                    return params;
+                },
+                processResults: function(data, params){
+                    params.starting_id = data.pagination.starting_id;
+                    data.results.forEach(function(streamNameAttrs){
+                        streamNameAttrs.id = streamNameAttrs.stream_name;
+                        streamNameAttrs.text = streamNameAttrs.stream_name;
+                    });
+                    return data;
+                },
+            },
+            allowClear: true
+        });
+        $streamIdSelect.select2({
+            ajax: {
+                url: $streamIdSelect.data('url'),
+                data: function (params) {
+                    params.context = $contextSelect.val();
+                    params.stream_name = $streamNameSelect.val();
+
+                    return params;
+                },
+                processResults: function(data, params){
+                    params.starting_id = data.pagination.starting_id;
+                    data.results.forEach(function(streamNameAttrs){
+                        streamNameAttrs.id = streamNameAttrs.stream_id;
+                        streamNameAttrs.text = streamNameAttrs.stream_id;
+                    });
+                    return data;
+                },
+            },
+            allowClear: true
+        });
+    }
+
+    let initEventTypeFilterAutocomplete = function($filter) {
+        let $eventTypeSelect = $filter.find('select');
+        $eventTypeSelect.select2({
+            ajax: {
+                url: $eventTypeSelect.data('url'),
+                processResults: function(data, params){
+                    params.starting_id = data.pagination.starting_id;
+                    data.results.forEach(function(contextAttrs){
+                        contextAttrs.id = contextAttrs.event_type;
+                        contextAttrs.text = contextAttrs.event_type;
+                    });
+                    return data;
+                },
+            },
+            allowClear: true
+        });
+    }
+
+    // Per page drop down
+    $('#per_page_select').change(function(e){
+        window.location.href = $(this).find('option:selected').data('url');
+    });
+
+    let $filtersForm = $('#filters-form');
+    // Stream filter template
+    let streamFilterTmpl = $('#stream-filter-tmpl').text();
+    // Event type filter template
+    let eventFilterTmpl = $('#event-type-filter-tmpl').text();
+
+    // Remove filter button
+    $filtersForm.on('click', '.remove-filter', function(){
+        $(this).parents('.form-row').remove();
+    });
+    // Add stream filter button
+    $filtersForm.on('click', '.add-stream-filter', function(){
+        let filtersNum = $filtersForm.find('.stream-filters').children().length + '';
+        $filtersForm.find('.stream-filters').append(streamFilterTmpl.replace(/%NUM%/g, filtersNum));
+        initStreamFilterAutocomplete($filtersForm.find('.stream-filters').children().last());
+    });
+    // Add event type filter button
+    $filtersForm.on('click', '.add-event-filter', function(){
+        $filtersForm.find('.event-filters').append(eventFilterTmpl);
+        initEventTypeFilterAutocomplete($filtersForm.find('.event-filters').children().last());
+    });
+    // Init select2 for stream filters which were initially rendered
+    $filtersForm.find('.stream-filters').children().each(function(){
+        initStreamFilterAutocomplete($(this));
+    });
+    // Init select2 for event type filters which were initially rendered
+    $filtersForm.find('.event-filters').children().each(function(){
+        initEventTypeFilterAutocomplete($(this));
+    });
+
+    let autoRefreshInterval;
+    $('#auto-refresh').change(function(){
+       if($(this).is(':checked')) {
+           autoRefreshInterval = setInterval(function(){
+               $.getJSON(window.location.href).success(function(response, textStatus, xhr){
+                   console.log(textStatus);
+                   if(textStatus === 'success') {
+                       $('#events-table').find('tbody').html(response.events);
+                       $('#total-count').html(response.total_count);
+                       $('#pagination').html(response.pagination);
+                   }
+               });
+           }, 2000);
+       } else {
+           clearInterval(autoRefreshInterval);
+       }
+    });
+
+    // Toggle event's JSON data/metadata details
+    $('#events-table').on('click', '.toggle-event-data', function(){
+        $(this).parents('tr').next().toggleClass('d-none');
+    });
+
+    // Handle a[data-method]. It works very similar to rails ujs
+    $('body').on('click', 'a[data-method]', function(e){
+        e.preventDefault();
+
+        let href = $(this).attr('href');
+        let method = $(this).data('method');
+        let $form = $(`<form method="${method}" action="${href}"></form>`);
+        let hashInput = `<input name="hash" value="${window.location.hash}" type="hidden" />`;
+
+        $form.hide().append(hashInput).appendTo('body');
+        $form.submit();
+    });
+
+    // When user navigates through SubscriptionsSet-s tabs - also change a hash of the url. Its value is send when
+    // clicking on a[data-method] links
+    $('.set-tab').click(function(e){
+        window.location.hash = $(this).attr('href');
+    })
+    // Open correct SubscriptionsSet tab on page load based on location's hash value. So, e.g., if you navigated to
+    // #set-1 SubscriptionsSet, then, on page reload - the correct tab will be opened
+    if(window.location.hash !== "") {
+        $(`.set-tab[href="${window.location.hash}"]`).get(0).click();
+    }
+});