Packages

ex_debug_toolbar

0.4.1
0.5.0 0.4.6 retired 0.4.5 0.4.4 0.4.3 0.4.2 0.4.1 0.4.0 0.3.15 0.3.14 0.3.12 0.3.11 0.3.10 0.3.9 0.3.8 0.3.6 0.3.5 0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.3 0.2.2 0.2.1 0.2.0 0.1.19 0.1.18 0.1.17 0.1.16 0.1.15 0.1.14 0.1.13 0.1.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

A debug web toolbar for Phoenix projects to display all sorts of information about request

HexDocs

Current section

Files

Jump to
Readme
46 Versions
11 Dependencies
0 Dependants
Files
Activity
ex_debug_toolbar web static js toolbar history_panel.js
Raw

web/static/js/toolbar/history_panel.js 

import $ from './jquery';



class HistoryPanel {

  constructor(toolbar, requestId, callback) {

    this.toolbar = toolbar;

    this.addEventListeners(callback, requestId);

  }



  render(requestId) {

    this.toolbar.find('.history-point').removeClass('active');

    this.toolbar.find(`.history-point[data-uuid="${requestId}"]`).toggleClass('active');

  }



  addEventListeners(callback, requestId) {

    this.toolbar.on("click", ".history-point:not(.active)", function(event) {

      console.log('history click');

      event.preventDefault();

      callback($(this).data('uuid'));

    });

    this.toolbar.on("click", ".back-to-current-request", function(event) {

      event.preventDefault();

      callback(requestId);

    });

    this.toolbar.on("click", ".history-expand, .history-collapse", function(event) {

      event.preventDefault();

      event.stopPropagation();

      const tr = $(this).closest('tr')

      tr.nextUntil('.last-request').fadeToggle();

      tr.find('.history-expand').toggle();

      tr.find('.history-collapse').toggle();

    });

  }

}



export default HistoryPanel;