finery 3.0.0 → 3.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2e078ca59bdbb5792903b2a057557b43165d682a2c7a5e31980fc7b3f8db04a8
-  data.tar.gz: de20ac5f79093919a5241ca654368bfe40cebbee45d52b87626d05227a87a80f
+  metadata.gz: 4c11bf80f48ee76d4afaed581aabb6481bccd7b56a839c49b2bd61613b8e000e
+  data.tar.gz: f350e697db4948e3b1426961b3b26f46fdd49a2db2a3411812cb85be6510671b
 SHA512:
-  metadata.gz: 9ff36e58770bcfcb9aad2e699c69ee92dc1f2fffa2c87ab880f693eff439d48c915c43f0eeb4dc5fa06dc6baaaed71118a9b8bd60ae5d2d2f37b562be4c1107d
-  data.tar.gz: aacececa615434984234722176cf89b11ded36cc8923d6235f754f7537ce9cb2bd6db09c36157a3173dd7ca1083fedd4744702df40de1a27d95f7fe4303db4c5
+  metadata.gz: 6398ed311ae7de30b5f8c8b7f9ad3a3de14c793f62ceeb6bf3b35970703f5d69e5e093888bf41fef8df77945928be7aff3a911b17799bc4b3fbab48c2d221620
+  data.tar.gz: 25553c55eeb394fc57084d8174d408a6a4f977cf28e4333f59c3c611b6fd5bb30f0cc2288e6609cec15cef936db451cec44808ddf0b305d19ee15f88c53e5fa3

data/README.md

@@ -53,7 +53,7 @@ gem "finery"
 Run:
 
 ```sh
-rails generate finery:install
+rails generate blazer:install
 rails db:migrate
 ```
 

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

@@ -5,7 +5,7 @@
 //= require ./stupidtable
 //= require ./stupidtable-custom-settings
 //= require ./jquery.stickytableheaders
-//= require ./selectize
+//= require selectize.min
 //= require ./highlight.min
 //= require ./moment
 //= require ./moment-timezone-with-data
@@ -17,71 +17,12 @@
 //= require ./chartjs-plugin-annotation.min
 //= require ./ace
 //= require ./Sortable
-//= require ./bootstrap
+//= require bootstrap.bundle.min
 //= require ./vue.global.prod
 //= require ./routes
 //= require ./queries
 //= require ./fuzzysearch
 
-$(document).on('mouseenter', '.dropdown-toggle', function () {
-  $(this).parent().addClass('open')
-})
-
-$(document).on("change", "#bind input, #bind select", function () {
-  submitIfCompleted($(this).closest("form"))
-})
-
-$(document).on("click", "#code", function () {
-  $(this).addClass("expanded")
-})
-
 $(document).on("click", "a[disabled]", function (e) {
   e.preventDefault()
 })
-
-function submitIfCompleted($form) {
-  var completed = true
-  $form.find("input[name], select").each( function () {
-    if ($(this).val() == "") {
-      completed = false
-    }
-  })
-  if (completed) {
-    $form.submit()
-  }
-}
-
-// Prevent backspace from navigating backwards.
-// Adapted from Biff MaGriff: http://stackoverflow.com/a/7895814/1196499
-function preventBackspaceNav() {
-  $(document).keydown(function (e) {
-    var preventKeyPress
-    if (e.keyCode == 8) {
-      var d = e.srcElement || e.target
-      switch (d.tagName.toUpperCase()) {
-        case 'TEXTAREA':
-          preventKeyPress = d.readOnly || d.disabled
-          break
-        case 'INPUT':
-          preventKeyPress = d.readOnly || d.disabled || (d.attributes["type"] && $.inArray(d.attributes["type"].value.toLowerCase(), ["radio", "reset", "checkbox", "submit", "button"]) >= 0)
-          break
-        case 'DIV':
-          preventKeyPress = d.readOnly || d.disabled || !(d.attributes["contentEditable"] && d.attributes["contentEditable"].value == "true")
-          break
-        default:
-          preventKeyPress = true
-          break
-      }
-    }
-    else {
-      preventKeyPress = false
-    }
-
-    if (preventKeyPress) {
-      e.preventDefault()
-    }
-  })
-}
-
-preventBackspaceNav()
-

data/app/assets/javascripts/blazer/controllers/application.js.erb

@@ -0,0 +1,2 @@
+import { Application, Controller } from "<%= javascript_url "stimulus.min" %>"
+window.Stimulus = Application.start()

data/app/assets/javascripts/blazer/controllers/autosubmit_controller.js

@@ -0,0 +1,11 @@
+Stimulus.register("autosubmit", class extends Controller {
+  call(event) {
+    for (let e of this.element.elements) {
+      if (e.name && $(e).val() == "") {
+        return
+      }
+    }
+
+    this.element.requestSubmit()
+  }
+})

data/app/assets/javascripts/blazer/controllers/code_controller.js

@@ -0,0 +1,7 @@
+Stimulus.register("code", class extends Controller {
+  connect() {
+    if (code.innerText.length < 10000) {
+      hljs.highlightElement(this.element)
+    }
+  }
+})

data/app/assets/javascripts/blazer/controllers/datepicker_controller.js

@@ -0,0 +1,31 @@
+Stimulus.register("datepicker", class extends Controller {
+  static targets = [ "input", "span" ]
+
+  connect() {
+    const now = moment.tz(timeZone)
+    const format = "YYYY-MM-DD"
+
+    function toDate(time) {
+      return moment.tz(time.format(format), timeZone)
+    }
+
+    const datePicker = $(this.element).daterangepicker({
+      singleDatePicker: true,
+      locale: { format: format },
+      autoUpdateInput: false,
+      autoApply: true,
+      startDate: this.inputTarget.value.length > 0 ? moment.tz(this.inputTarget.value, timeZone) : now
+    })
+
+    // hack to start with empty date
+    datePicker.on("apply.daterangepicker", (ev, picker) => {
+      this.spanTarget.innerHTML = toDate(picker.startDate).format("MMMM D, YYYY")
+      this.inputTarget.value = toDate(picker.startDate).utc().format()
+      this.element.dispatchEvent(new Event("change", { bubbles: true }))
+    })
+
+    if (this.inputTarget.value.length > 0) {
+      this.spanTarget.innerHTML = toDate(datePicker.data("daterangepicker").startDate).format("MMMM D, YYYY")
+    }
+  }
+})

data/app/assets/javascripts/blazer/controllers/daterangepicker_controller.js

@@ -0,0 +1,49 @@
+Stimulus.register("daterangepicker", class extends Controller {
+  connect() {
+    const now = moment.tz(timeZone)
+    const format = "YYYY-MM-DD"
+
+    function toDate(time) {
+      return moment.tz(time.format(format), timeZone)
+    }
+    function dateStr(daysAgo) {
+      return now.clone().subtract(daysAgo || 0, "days").format(format)
+    }
+    function setTimeInputs(start, end) {
+      $("#start_time").val(toDate(start).utc().format())
+      $("#end_time").val(toDate(end).endOf("day").utc().format())
+    }
+
+    const datePicker = $(this.element).daterangepicker({
+      ranges: {
+        "Today": [dateStr(), dateStr()],
+        "Last 7 Days": [dateStr(6), dateStr()],
+        "Last 30 Days": [dateStr(29), dateStr()]
+      },
+      locale: {
+        format: format
+      },
+      startDate: dateStr(29),
+      endDate: dateStr(),
+      opens: "right",
+      alwaysShowCalendars: true
+    },
+    function(start, end) {
+      setTimeInputs(start, end)
+      this.element.dispatchEvent(new Event("change", { bubbles: true }))
+    }.bind(this)).on("apply.daterangepicker", function(ev, picker) {
+      setTimeInputs(picker.startDate, picker.endDate)
+      $("#reportrange span").html(toDate(picker.startDate).format("MMMM D, YYYY") + " - " + toDate(picker.endDate).format("MMMM D, YYYY"))
+    })
+
+    const picker = datePicker.data("daterangepicker")
+    if ($("#start_time").val().length > 0) {
+      picker.setStartDate(moment.tz($("#start_time").val(), timeZone))
+      picker.setEndDate(moment.tz($("#end_time").val(), timeZone))
+      $(this.element).trigger("apply.daterangepicker", picker)
+    } else {
+      $(this.element).trigger("apply.daterangepicker", picker)
+      this.element.dispatchEvent(new Event("change", { bubbles: true }))
+    }
+  }
+})

data/app/assets/javascripts/blazer/controllers/index.js

@@ -0,0 +1,12 @@
+// This file is auto-generated by ./bin/rails stimulus:manifest:update
+// Run that command whenever you add a new controller or create them with
+// ./bin/rails generate stimulus controllerName
+
+//= require ./application
+//= require ./autosubmit_controller
+//= require ./code_controller
+//= require ./datepicker_controller
+//= require ./daterangepicker_controller
+//= require ./navbar_padding_controller
+//= require ./selectize_controller
+//= require ./unsaved_controller

data/app/assets/javascripts/blazer/controllers/navbar_padding_controller.js

@@ -0,0 +1,7 @@
+Stimulus.register("navbar-padding", class extends Controller {
+  static targets = [ "navbar" ]
+
+  connect() {
+    this.element.style.paddingTop = (this.navbarTarget.clientHeight || 0) + "px"
+  }
+})

data/app/assets/javascripts/blazer/controllers/selectize_controller.js

@@ -0,0 +1,8 @@
+Stimulus.register("selectize", class extends Controller {
+  connect() {
+    $(this.element).selectize({
+      create: true,
+      onChange: function() { this.$input[0].dispatchEvent(new Event("change", { bubbles: true })) },
+    })
+  }
+})

data/app/assets/javascripts/blazer/controllers/unsaved_controller.js

@@ -0,0 +1,24 @@
+Stimulus.register("unsaved", class extends Controller {
+  changed = false
+
+  check(event) {
+    if (this.changed) {
+      event.preventDefault()
+      return (event.returnValue = "")
+    }
+  }
+
+  clear(event) {
+    if (this.changed) {
+      window.removeEventListener("beforeunload", this.check.bind(this), { capture: true })
+      this.changed = false
+    }
+  }
+
+  set(event) {
+    if (!this.changed) {
+      window.addEventListener("beforeunload", this.check.bind(this), { capture: true })
+      this.changed = true
+    }
+  }
+})

data/app/assets/javascripts/blazer/module.js

@@ -0,0 +1 @@
+//= require ./controllers

data/app/assets/stylesheets/blazer/application.css

@@ -1,20 +1,26 @@
 /*
- *= require ./bootstrap-sprockets
- *= require ./bootstrap
- *= require ./selectize
+ *= require bootstrap.min
+ *= require selectize.bootstrap5
  *= require ./github
  *= require ./daterangepicker
  *= require_self
  */
 
+.hide {
+  display: none !important;
+}
+
 pre {
   border: none;
   border-radius: 0;
 }
 
-body {
-  padding-top: 15px;
-  padding-bottom: 15px;
+.text-pre-line {
+  white-space: pre-line;
+}
+
+body.with-navbar {
+  padding-top: 3.5rem;
 }
 
 table.results-table {
@@ -52,6 +58,10 @@ input.search:focus {
   outline: none;
 }
 
+.selectize-control {
+  min-width: 10em;
+}
+
 .form-inline .selectize-control, .text-right .selectize-control {
   display: inline-block;
   vertical-align: middle;
@@ -157,35 +167,10 @@ input.search:focus {
   background-color: #fff;
 }
 
-.glyphicon-remove {
-  cursor: pointer;
-  color: #d9534f;
-  display: none;
-  float: right;
-  margin-top: 3px;
-}
-
-.list-group li:hover .glyphicon-remove {
-  display: inline;
-}
-
-.list-group {
+#queries.list-group {
   cursor: move;
 }
 
-#header a.active {
-  color: #999;
-}
-
-#code {
-  max-height: 236px;
-  overflow: hidden;
-}
-
-#code.expanded {
-  max-height: none;
-}
-
 [v-cloak] {
   display: none;
 }
@@ -206,34 +191,6 @@ input.search:focus {
   color: red;
 }
 
-.small-form {
-  margin-right: auto;
-  margin-left: auto;
-  max-width: 400px;
-}
-
-.alert {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-
-h1, h2, h3, h4, p, hr, .table, .navbar, #header, .alert, .form-group {
-  margin-top: 0;
-  margin-bottom: 15px;
-}
-
-.double-margin, .chart-container {
-  margin-bottom: 30px;
-}
-
-h1 {
-  font-size: 24px;
-}
-
-h2 {
-  font-size: 20px;
-}
-
 .schema-table {
   max-width: 500px;
 }

data/app/controllers/blazer/base_controller.rb

@@ -22,11 +22,11 @@ module Blazer
       before_action Blazer.before_action.to_sym
     end
 
-    # if Blazer.override_csp
-    #   after_action do
-    #     response.headers['Content-Security-Policy'] = "default-src 'self' https: 'unsafe-inline' 'unsafe-eval' data: blob:"
-    #   end
-    # end
+    if Blazer.override_csp
+      after_action do
+        response.headers['Content-Security-Policy'] = "default-src 'self' https: 'unsafe-inline' 'unsafe-eval' data: blob:"
+      end
+    end
 
     layout "blazer/application"
 
@@ -103,6 +103,7 @@ module Blazer
     end
 
     def variable_params(resource, var_params = nil)
+      return {} unless resource.present?
       permitted_keys = resource.variables
       var_params ||= request.query_parameters
       var_params.slice(*permitted_keys)

data/app/controllers/blazer/queries_controller.rb

@@ -273,7 +273,9 @@ module Blazer
           raise Error, @error if @error && Rails.env.test?
 
           data = csv_data(@columns, @rows, @data_source)
-          filename = "#{@query.try(:name).try(:parameterize).presence || 'query'}.csv"
+          query_params = variable_params(@query).select { |k| @query.variables.include?(k) }
+          name = @query.try(:name).presence || "query"
+          filename = "#{name}-#{query_params.to_query}".parameterize + ".csv"
           send_data data, type: "text/csv; charset=utf-8", disposition: "attachment", filename: filename
         end
       end

data/app/views/blazer/_navbar.html.erb

@@ -0,0 +1,38 @@
+<nav class="navbar navbar-expand-md fixed-top bg-body-tertiary" data-navbar-padding-target="navbar">
+  <div class="container flex-nowrap">
+    <span class="navbar-brand d-none d-sm-inline">Finery</span>
+    <button class="navbar-toggler me-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <span class="navbar-brand d-sm-none text-truncate"><%= blazer_title || "Finery" %></span>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav me-auto mb-2 mb-md-0">
+        <li class="nav-item">
+          <%= link_to "Home", blazer.root_path, class: "nav-link" %>
+        </li>
+        <li class="nav-item">
+          <%= link_to "Checks", blazer.checks_path, class: "nav-link" %>
+        </li>
+        <% if Blazer.uploads? %>
+          <li class="nav-item">
+            <%= link_to "Uploads", blazer.uploads_path, class: "nav-link" %>
+          </li>
+        <% end %>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            New
+          </a>
+          <ul class="dropdown-menu">
+            <li><%= link_to "Query", blazer.new_query_path, class: "dropdown-item" %></li>
+            <li><%= link_to "Dashboard", blazer.new_dashboard_path, class: "dropdown-item" %></li>
+            <li><%= link_to "Check", blazer.new_check_path(query_id: @query&.id), class: "dropdown-item" %></li>
+            <% if Blazer.uploads? %>
+              <%= link_to "Upload", blazer.new_upload_path, class: "dropdown-item" %>
+            <% end %>
+          </ul>
+        </li>
+      </ul>
+      <%= yield(:nav) %>
+    </div>
+  </div>
+</nav>

data/app/views/blazer/_variables.html.erb

@@ -2,14 +2,8 @@
   <% var_params = request.query_parameters %>
   <script>
     <%= blazer_js_var "timeZone", Blazer.time_zone.tzinfo.name %>
-    var now = moment.tz(timeZone)
-    var format = "YYYY-MM-DD"
-
-    function toDate(time) {
-      return moment.tz(time.format(format), timeZone)
-    }
   </script>
-  <form id="bind" method="get" action="<%= action %>" class="form-inline" style="margin-bottom: 15px;">
+  <form id="bind" method="get" action="<%= action %>" class="form-inline" style="margin-bottom: 15px;" data-controller="autosubmit" data-action="change->autosubmit#call">
     <% date_vars = ["start_time", "end_time"] %>
     <% if (date_vars - @bind_vars).empty? %>
       <% @bind_vars = @bind_vars - date_vars %>
@@ -18,49 +12,23 @@
     <% end %>
 
     <% @bind_vars.each_with_index do |var, i| %>
+      <div class="form-group">
       <%= label_tag var, var %>
       <% if (data = @smart_vars[var]) %>
-        <%= select_tag var, options_for_select([[nil, nil]] + data, selected: var_params[var]), style: "margin-right: 20px; width: 200px; display: none;" %>
-        <script>
-          $("#<%= var %>").selectize({
-            create: true
-          });
-        </script>
+        <%= select_tag var, options_for_select([[nil, nil]] + data, selected: var_params[var]), data: { controller: "selectize" }, style: "margin-right: 20px; width: 200px; display: none;" %>
       <% elsif var.end_with?("_at") || var == "start_time" || var == "end_time" %>
-        <%= hidden_field_tag var, var_params[var] %>
 
         <div class="selectize-control single" style="width: 200px;">
-          <div id="<%= var %>-select" class="selectize-input" style="display: inline-block;">
-            <span>Select a date</span>
+          <div id="<%= var %>-select" class="selectize-input" style="display: inline-block;" data-controller="datepicker">
+            <%= hidden_field_tag var, var_params[var], data: { datepicker_target: "input" }  %>
+            <span data-datepicker-target="span">Select a date</span>
           </div>
         </div>
 
-        <script>
-          (function() {
-            var input = $("#<%= var %>")
-            var datePicker = $("#<%= var %>-select")
-            datePicker.daterangepicker({
-              singleDatePicker: true,
-              locale: {format: format},
-              autoUpdateInput: false,
-              autoApply: true,
-              startDate: input.val().length > 0 ? moment.tz(input.val(), timeZone) : now
-            })
-            // hack to start with empty date
-            datePicker.on("apply.daterangepicker", function(ev, picker) {
-              datePicker.find("span").html(toDate(picker.startDate).format("MMMM D, YYYY"))
-              input.val(toDate(picker.startDate).utc().format())
-              submitIfCompleted($("#<%= var %>").closest("form"))
-            })
-            if (input.val().length > 0) {
-              var picker = datePicker.data("daterangepicker")
-              datePicker.find("span").html(toDate(picker.startDate).format("MMMM D, YYYY"))
-            }
-          })()
-        </script>
       <% else %>
-        <%= text_field_tag var, var_params[var], style: "width: 120px; margin-right: 20px;", autofocus: i == 0 && !var.end_with?("_at") && !var_params[var], class: "form-control" %>
+        <%= text_field_tag var, var_params[var], autofocus: i == 0 && !var.end_with?("_at") && !var_params[var], class: "form-control" %>
       <% end %>
+      </div>
     <% end %>
 
     <% if date_vars %>
@@ -70,56 +38,10 @@
 
       <%= label_tag nil, date_vars.join(" & ") %>
       <div class="selectize-control single" style="width: 300px;">
-        <div id="reportrange" class="selectize-input" style="display: inline-block;">
+        <div id="reportrange" class="selectize-input" style="display: inline-block;" data-controller="daterangepicker">
           <span>Select a time range</span>
         </div>
       </div>
-
-      <script>
-        function dateStr(daysAgo) {
-          return now.clone().subtract(daysAgo || 0, "days").format(format)
-        }
-
-        function setTimeInputs(start, end) {
-          $("#start_time").val(toDate(start).utc().format())
-          $("#end_time").val(toDate(end).endOf("day").utc().format())
-        }
-
-        $("#reportrange").daterangepicker(
-          {
-            ranges: {
-             "Today": [dateStr(), dateStr()],
-             "Last 7 Days": [dateStr(6), dateStr()],
-             "Last 30 Days": [dateStr(29), dateStr()]
-            },
-            locale: {
-              format: format
-            },
-            startDate: dateStr(29),
-            endDate: dateStr(),
-            opens: "right",
-            alwaysShowCalendars: true
-          },
-          function(start, end) {
-            setTimeInputs(start, end)
-            submitIfCompleted($("#start_time").closest("form"))
-          }
-        ).on("apply.daterangepicker", function(ev, picker) {
-          setTimeInputs(picker.startDate, picker.endDate)
-          $("#reportrange span").html(toDate(picker.startDate).format("MMMM D, YYYY") + " - " + toDate(picker.endDate).format("MMMM D, YYYY"))
-        })
-
-        if ($("#start_time").val().length > 0) {
-          var picker = $("#reportrange").data("daterangepicker")
-          picker.setStartDate(moment.tz($("#start_time").val(), timeZone))
-          picker.setEndDate(moment.tz($("#end_time").val(), timeZone))
-          $("#reportrange").trigger("apply.daterangepicker", picker)
-        } else {
-          var picker = $("#reportrange").data("daterangepicker")
-          $("#reportrange").trigger("apply.daterangepicker", picker)
-          submitIfCompleted($("#start_time").closest("form"))
-        }
-      </script>
     <% end %>
 
     <input type="submit" class="btn btn-success" value="Run" style="vertical-align: top;" />

data/app/views/blazer/checks/_form.html.erb

@@ -7,7 +7,7 @@
     <div class="alert alert-danger"><%= @check.errors.full_messages.first %></div>
   <% end %>
 
-  <div class="form-group">
+  <div class="form-group mb-3">
     <%= f.label :query_id, "Query" %>
     <div class="hide">
       <%= f.select :query_id, [], {include_blank: true} %>
@@ -21,7 +21,7 @@
   </div>
 
   <% if @check.respond_to?(:check_type) %>
-    <div class="form-group">
+    <div class="form-group mb-3">
       <%= f.label :check_type, "Alert if" %>
       <div class="hide">
         <% check_options = [["Any results (bad data)", "bad_data"], ["No results (missing data)", "missing_data"]] %>
@@ -33,7 +33,7 @@
       </script>
     </div>
   <% elsif @check.respond_to?(:invert) %>
-    <div class="form-group">
+    <div class="form-group mb-3">
       <%= f.label :invert, "Fails if" %>
       <div class="hide">
         <%= f.select :invert, [["Any results (bad data)", false], ["No results (missing data)", true]] %>
@@ -45,7 +45,7 @@
   <% end %>
 
   <% if @check.respond_to?(:schedule) && Blazer.check_schedules %>
-    <div class="form-group">
+    <div class="form-group mb-3">
       <%= f.label :schedule, "Run every" %>
       <div class="hide">
         <%= f.select :schedule, Blazer.check_schedules.map { |v| [v, v] } %>
@@ -56,13 +56,13 @@
     </div>
   <% end %>
 
-  <div class="form-group">
+  <div class="form-group mb-3">
     <%= f.label :emails %>
     <%= f.text_field :emails, placeholder: "Optional, comma separated", class: "form-control" %>
   </div>
 
   <% if Blazer.slack? %>
-    <div class="form-group">
+    <div class="form-group mb-3">
       <%= f.label :slack_channels %>
       <%= f.text_field :slack_channels, placeholder: "Optional, comma separated", class: "form-control" %>
     </div>

data/app/views/blazer/checks/index.html.erb

@@ -1,25 +1,6 @@
 <% blazer_title "Checks" %>
 
 <div id="header">
-  <div class="pull-right" style="line-height: 34px;">
-    <div class="btn-group">
-      <%= link_to "New Check", new_check_path, class: "btn btn-info" %>
-      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        <span class="caret"></span>
-        <span class="sr-only">Toggle Dropdown</span>
-      </button>
-      <ul class="dropdown-menu">
-        <li><%= link_to "Home", root_path %></li>
-        <% if Blazer.uploads? %>
-          <li><%= link_to "Uploads", uploads_path %></li>
-        <% end %>
-        <li role="separator" class="divider"></li>
-        <li><%= link_to "New Query", new_query_path %></li>
-        <li><%= link_to "New Dashboard", new_dashboard_path %></li>
-      </ul>
-    </div>
-  </div>
-
   <input id="search" type="text" placeholder="Start typing a query or state" style="width: 300px; display: inline-block;" class="search form-control" />
 </div>