dash_creator 0.1.2

data/app/views/dash_creator/dashboard_object/_table.html.erb

@@ -0,0 +1,16 @@
+<% filter = DashCreator::Filter.find(table['id']) %>
+
+<div class="col-md-<%= table['size'] %> offset-md-<%= table['offset'] %>" style="margin-bottom: 50px;">
+  <div class="table-wrapper" data-id="<%= table['id'] %>" style="padding: 20px;">
+
+    <h3><%= filter.name + ' - Table' %></h3><br>
+
+    <script>
+        var params = {
+            filters: <%= raw filter.options.to_json %>,
+            id: '<%= table['id'] %>'
+        };
+        $.post('<%= filtering_result_path %>', params);
+    </script>
+  </div>
+</div>

data/app/views/dash_creator/filter/_filtering_card.html.erb

@@ -0,0 +1,132 @@
+<div class="row">
+  <div class="col-md-12">
+    <div class="card">
+      <div class="card-header">
+        Filters
+      </div>
+      <div class="card-block" id="filter-creator">
+      </div>
+      <div class="card-footer">
+        <button type="submit" class="pull-left btn btn-success" id="apply-btn">Apply filtering</button>
+        <a href="#" data-toggle="modal" data-target="#delete_filters_modal" class="pull-right btn btn-sm btn-danger" id="unsave-btn"><%=t :delete_filters%></a>
+        <a href="#" data-toggle="modal" data-target="#save_filter_modal" class="pull-right btn btn-sm btn-success"><%=t :save_filter%></a>
+        <select name="filter-select" class="form-control pull-right" style="width: 20%; margin-right: 10%;">
+          <option value="">Choose a filter</option>
+        </select>
+      </div>
+    </div>
+    <!--/.card-->
+  </div>
+</div>
+
+<div class="container" id="result-container">
+</div>
+
+<script>
+    var filters = <%= raw @filters %>;
+
+    var models_data = <%= raw @models_data.to_json %>;
+
+    $('#filter-creator').filterCreator({
+        models_data: models_data,
+        attributes_aliases: <%= raw DashCreator.attributes_aliases.to_json %>,
+        displayed_model_names: <%= raw DashCreator.displayed_model_names.to_json %>,
+        displayed_attribute_names: <%= raw DashCreator.displayed_attribute_names.to_json %>
+    });
+    var filter_creator = $('#filter-creator').data('filterCreator');
+
+
+    // --------------- Send data ---------------
+    $('#apply-btn').click(sendFilterData);
+    function sendFilterData() {
+        var params = {
+            filters: filter_creator.getFiltersData(),
+            id: 0
+        };
+
+        // Post filters
+        $.post("<%= filtering_result_path %>", params);
+    }
+
+
+    // --------------- Save & delete saved filters ---------------
+    // Save a filter config
+    $(document).on('click', '#save-filter-btn', function() {
+        var params = {filters: filter_creator.getFiltersData()};
+
+        // Get the filter name
+        params['filter_name'] = $('.modal').find('[name="filter-name"]').val();
+
+        $.post("<%= save_filter_path %>", params, function(data) {
+            // Add to filters list
+            filters.push([params['filter_name'], data['filter_id']]);
+        });
+    });
+
+    // Prepare list of filters for delete filters modal
+    $('#unsave-btn').click(function() {
+        var filters_checkbox_list = $('#filters-checkbox-list');
+        // First empty the checkbox list
+        filters_checkbox_list.children().remove();
+
+        // Append filters list to div in modal
+        var checkbox_string_start = '<div class="col-sm-12"><div class="form-group">'
+            + '<input type="checkbox" class="form-control" name="filter" value="';
+        for (var i = 0; i < filters.length; i++) {
+            var filter_name = filters[i][0], filter_id = filters[i][1];
+            var filter_string = checkbox_string_start + filter_id + '"><label>' + filter_name + '</label><br>';
+            $(filter_string).appendTo(filters_checkbox_list);
+        }
+        $('</div></div>').appendTo(filters_checkbox_list);
+    });
+
+    // Delete filters configs
+    $(document).on('click', '#delete-filters-btn', function() {
+        // Get the filters ids
+        var filters_ids = [];
+        $(this).closest('.modal').find('[type="checkbox"]:checked').each(function() {
+            filters_ids.push($(this).attr("value"));
+        });
+
+        var params = {filters_ids: filters_ids};
+
+        $.post("<%= delete_filters_path %>", params, function() {
+            // Remove from filters list
+            for (var i = 0; i < filters.length; i++) {
+                var filter_id = filters[i][1];
+                if ($.inArray(filter_id, filters_ids) !== -1) {
+                    filters.splice(i, 1);
+                    i--;
+                }
+            }
+        });
+    });
+
+
+    // --------------- Display save filter ---------------
+    $('[name="filter-select"]')
+        .focusin(displaySavedFilters)
+        .change(displayFilter);
+
+    // Display saved configs
+    function displaySavedFilters() {
+        $(this).children().not('[value=""]').remove();
+        for (var i = 0; i < filters.length; i++) {
+            var filter_name = filters[i][0], filter_id = filters[i][1];
+            $('<option value="' + filter_id + '">' + filter_name + '</option>').appendTo($('[name="filter-select"]'));
+        }
+    }
+
+    // Display chosen config (rebuild)
+    function displayFilter() {
+        var filter_id = $(this).val();
+        if (filter_id === '')
+            return false;
+
+        var params = {filter_id: filter_id};
+
+        $.post("<%= get_filter_path %>", params, function(data) {
+            filter_creator.buildFilters(data);
+        });
+    }
+</script>

data/app/views/dash_creator/filter/_modals.html.erb

@@ -0,0 +1,51 @@
+<div class="modal fade" id="save_filter_modal" tabindex="-1" role="dialog" aria-labelledby="Save Filter Modal" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title"><%=t :save_filter%></h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">×</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="row">
+          <div class="col-sm-12">
+            <div class="form-group">
+              <label><%=t :name%></label>
+              <input type="text" name="filter-name" class="form-control">
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="submit" class="pull-right btn btn-success" id="save-filter-btn" data-dismiss="modal">Submit</button>
+      </div>
+    </div>
+    <!-- /.modal-content -->
+  </div>
+  <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->
+
+<div class="modal fade" id="delete_filters_modal" tabindex="-1" role="dialog" aria-labelledby="Delete Filters Modal" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title"><%=t :delete_filters%></h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">×</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="row" id="filters-checkbox-list">
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="submit" class="pull-right btn btn-success" id="delete-filters-btn" data-dismiss="modal">Submit</button>
+      </div>
+    </div>
+    <!-- /.modal-content -->
+  </div>
+  <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->

data/app/views/dash_creator/filter/_result_tables.html.erb

@@ -0,0 +1,55 @@
+<% unless mods.nil? %>
+  <% mods.each do |model, objects| %>
+    <% next if objects.nil? || objects.empty? %>
+
+    <% model_attributes = objects.first.class.columns_hash %>
+
+    <div class="row">
+      <div class="col-md-12">
+        <h3 class="text-center"><%= model %></h3><br>
+
+        <div>
+          <a href="" target="_blank" class="btn btn-primary csv-download" data-model="<%= model %>" data-turbolinks="false">Download CSV</a>
+        </div>
+
+      </div>
+      <div class="col-md-2">
+        <% model_attributes.each do |attribute, value| %>
+            <% if @starting_types.include?(value.type.to_s) %>
+                <input type="checkbox" name="<%= model %>" value="<%= attribute %>" checked="checked">
+
+            <% else %>
+                <input type="checkbox" name="<%= model %>" value="<%= attribute %>">
+
+            <% end %>
+
+            <label><%= attribute.humanize %></label><br>
+        <% end %>
+      </div>
+      <div class="offset-md-2 col-md-8">
+        <table class="table table-hover table-outline mb-0 hidden-sm-down" name="<%= model %>">
+          <thead class="thead-default">
+          <tr>
+            <% model_attributes.each do |attribute, value| %>
+                <th class="text-center" value="<%= attribute %>"><%= attribute.humanize %></th>
+            <% end %>
+          </tr>
+          </thead>
+
+          <tbody>
+          <% objects.each do |object| %>
+              <tr>
+                <% object.attributes.each do |key, value| %>
+                    <td value="<%= key %>"><%= value %></td>
+                <% end %>
+              </tr>
+          <% end %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <% if mods.length > 1 %>
+        <hr><br>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/dash_creator/filter/apply_filtering.js.erb

@@ -0,0 +1,46 @@
+var in_creator = <%= id == 0 %>;
+
+<% mods = filter_data(data) %>
+
+var result_container = in_creator ? $('#result-container') : $('.table-wrapper[data-id="<%= id %>"]');
+
+var results_string = '<%= raw "#{render 'result_tables', {mods: mods}}".gsub("\n", '') %>';
+result_container.children().remove();
+$(results_string).appendTo(result_container);
+
+result_container.find('[type="checkbox"]').each(updateTableColumns);
+
+function updateTableColumns() {
+    var name = $(this).attr("name"), value = $(this).attr("value");
+    var change_column = result_container.find('table[name="' + name + '"]').find('[value="' + value + '"]');
+    this.checked ? change_column.show() : change_column.hide();
+}
+
+function downloadCSV() {
+    <% mods.each do |model, objects| %>
+
+    var columns = [];
+    result_container.find('[name="<%= model %>"]:checked').each(function() {
+        columns.push($(this).val());
+    });
+
+    var ids = <%= raw objects.map{ |o| o.id } %>;
+
+    var params = {
+        model: "<%= model %>",
+        columns: columns,
+        ids: ids
+    };
+    var url_params = $.param(params);
+
+    var link = '<%= download_csv_path %>?' + url_params;
+    var download_csv_link = result_container.find('[data-model="<%= model %>"]');
+    download_csv_link.attr("href", link);
+
+    <% end %>
+}
+
+result_container
+    .off("click")
+    .on("click", '[type="checkbox"]', updateTableColumns)
+    .on("click", '.csv-download', downloadCSV);

data/app/views/dash_creator/filter/create_stat.js.erb

@@ -0,0 +1,20 @@
+var stat_wrapper = $('.stat-wrapper[data-id="<%= id %>"]');
+
+<% data = filter_data_count_from_redis(filters_data.deep_stringify_keys) %>
+<% last_updated = data.delete('last_updated') %>
+
+stat_wrapper.find('#last-updated').text('<%= last_updated %>');
+
+<% data.keys.each do |k| %>
+  stat_wrapper.find('.filter-count[data-key="<%= k %>"]').text('<%= data[k] %>');
+<% end %>
+
+stat_wrapper.off("click").on("click", "#stat-refresh-btn", function() {
+    var params = {
+        filter_id: '<%= id %>',
+        refresh: true
+    };
+    $.post("<%= create_stat_path %>", params);
+});
+
+<% # DashCreator.redis_store_variable.keys.each {|k| $redis.del(k)}   # To delete what is stored in redis %>

data/app/views/dash_creator/layouts/application.html.erb

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="DashCreator">
+  <meta name="author" content="Elie Oriol">
+  <meta name="keyword" content="DashCreator">
+
+
+  <title>DashCreator</title>
+  <%= csrf_meta_tags %>
+  <%= stylesheet_link_tag 'dash_creator/application', media: 'all', 'data-turbolinks-track': 'reload' %>
+  <%= javascript_include_tag 'dash_creator/application', 'data-turbolinks-track': 'reload' %>
+</head>
+
+<body class="app header-fixed">
+<header class="app-header navbar">
+  <ul class="nav navbar-nav ml-auto">
+    <li class="nav-item">
+      <%= link_to 'Creator', creator_path, class: 'nav-link' %>
+    </li>
+    <li style='width:20px;'></li>
+    <li class="nav-item">
+      <%= link_to (t :app_home), main_app.root_path, class: 'nav-link' %>
+    </li>
+    <li style='width:50px;'></li>
+  </ul>
+</header>
+
+<div class="app-body">
+  <%= render 'dash_creator/layouts/menu/left_menu' %>
+  <!-- Main content -->
+  <main class="main">
+    <div class="container-fluid">
+      <% flash.each do |name, msg| %>
+          <div class="row justify-content-center">
+            <div class="col-md-8">
+              <div class="card card-inverse card-<%= name %> text-center">
+                <div class="card-block">
+                  <blockquote class="card-blockquote">
+                    <p><%= msg %></p>
+                  </blockquote>
+                </div>
+              </div>
+            </div>
+          </div>
+      <% end %>
+      <%= yield %>
+    </div>
+  </main>
+
+</div>
+</div>
+<footer class="app-footer">
+  <span class="float-right">
+        DashCreator
+    </span>
+</footer>
+
+
+</body>
+</html>

data/app/views/dash_creator/layouts/menu/_left_menu.html.erb

@@ -0,0 +1,12 @@
+<div class="sidebar">
+  <nav class="sidebar-nav">
+    <ul class="nav">
+      <li class="nav-title">Dashboards</li>
+      <% @dashboards.each do |d| %>
+          <li class="nav-item">
+            <%= link_to d[0], dashboard_path(d[1]), class: 'nav-link' %>
+          </li>
+      <% end %>
+    </ul>
+  </nav>
+</div>

data/app/views/dash_creator/user/_section_card.html.erb

@@ -0,0 +1,17 @@
+<div class="col-md-<%= section['size'] %> offset-md-<%= section['offset'] %>">
+  <div class="card">
+    <div class="card-header">
+      <%= section['name'] %>
+    </div>
+    <div class="card-block">
+      <div class="row">
+        <% unless section['objects'].nil? %>
+        <% section['objects'].each do |index, object| %>
+            <%= render 'dash_creator/dashboard_object/' + object['type'], {"#{object['type']}": object} %>
+        <% end %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <!--/.card-->
+</div>

data/app/views/dash_creator/user/creator.html.erb

@@ -0,0 +1,11 @@
+<div class="animated fadeIn" style="margin: 50px 30px 0px 30px;">
+  <h1 class="text-center">Dash Creator</h1>
+
+  <%= render 'dash_creator/filter/filtering_card' %>
+  <%= render 'dash_creator/chart/chart_creator' %>
+  <%= render 'dash_creator/dashboard/dashboard_creator' %>
+</div>
+
+<%= render 'dash_creator/filter/modals' %>
+<%= render 'dash_creator/chart/modals' %>
+<%= render 'dash_creator/dashboard/modals' %>

data/app/views/dash_creator/user/dashboard.html.erb

@@ -0,0 +1,10 @@
+<div class="animated fadeIn" style="margin: 50px 20px 0px 20px;">
+  <h1 class="text-center"><%= @dashboard.name %></h1>
+  <div class="row" style="margin-top: 20px;">
+    <% unless @dashboard.options.blank? %>
+        <% @dashboard.options.each do |index, section| %>
+            <%= render 'section_card', {section: section} %>
+        <% end %>
+    <% end %>
+  </div>
+</div>