aleph_analytics 0.0.0.alpha

data/app/views/layouts/application.html.haml

@@ -0,0 +1,78 @@
+!!!
+%html{'ng-app' => 'aleph', 'ng-strict-di' => true}
+  %base{href: '/'}
+  %head
+    %title{ 'ng-bind' => 'pageTitleManager.title' }
+    %script
+      = render partial: 'application/rollbar'
+    = stylesheet_link_tag 'application', media: 'all'
+    = javascript_include_tag 'application'
+    = favicon_link_tag '/favicon.ico'
+    %script#queryIndex{type: 'text/ng-template'}
+      = render partial: 'queries/index'
+    %script#queryRepl{type: 'text/ng-template'}
+      = render partial: 'queries/repl'
+    %script#showQuery{type: 'text/ng-template'}
+      = render partial: 'queries/show'
+    %script#queryDetails{type: 'text/ng-template'}
+      = render partial: 'queries/query_details'
+    %script#results{type: 'text/ng-template'}
+      = render partial: 'queries/results'
+    %script#result{type: 'text/ng-template'}
+      = render partial: 'results/show'
+    %script#visualization{type: 'text/ng-template'}
+      = render partial: 'visualizations/show'
+    %script#schemaIndex{type: 'text/ng-template'}
+      = render partial: 'schemas/index'
+    %script#tag-template{type: 'text/ng-template'}
+      = render partial: 'queries/tag_template'
+    %script#role-template{type: 'text/ng-template'}
+      = render partial: 'queries/role_template'
+    %script#query-version-sidebar{type: 'text/ng-template'}
+      = render partial: 'queries/query_version_sidebar'
+    %script#alertIndex{type: 'text/ng-template'}
+      = render partial: 'alerts/index'
+    %script#alertShow{type: 'text/ng-template'}
+      = render partial: 'alerts/show'
+    %script#snippetIndex{type: 'text/ng-template'}
+      = render partial: 'snippets/index'
+    %script#comments-template{type: 'text/ng-template'}
+      = render partial: 'queries/comments'
+    :javascript
+      window.flash = #{flash.to_hash.to_json};
+  %body{ 'ng-controller' => 'BodyController',
+         'ng-init' => "ServerConfigurations.setConfigs('#{app_config}')" }
+    -# note: ApplicationController::ALLOWABLE_CONFIGS determines which configs the server chooses to expose
+    %treasure-overlay-spinner{ 'active' => 'SpinnerState.isActive()' }
+      %nav.transparent.navbar.navbar-inverse.navbar-static-top{role: :navigation, 'ng-controller' => 'NavBarController'}
+        %div.container-fluid
+          %div.navbar-header
+            %a.pull-left{href: '#'}
+              %img.brand-logo{src: '/aleph.png'}
+            %a.navbar-brand{href: '/'} ALEPH
+          %a.navbar-text{href: '/queries', 'ng-class' => "{active: pathIncludes('queries')}"}
+            %span.glyphicon.glyphicon-question-sign.glyphicons-lg.glyphicon-low
+             Queries
+          %a.navbar-text{href: '/alerts', 'ng-class' => "{active: pathIncludes('alerts')}"}
+            %span.glyphicon.glyphicon-bell.glyphicons-lg.glyphicon-low
+             Alerts
+          %a.navbar-text{href: '/snippets', 'ng-class' => "{active: pathIncludes('snippets')}"}
+            %span.glyphicon.glyphicon-scissors.glyphicons-lg.glyphicon-low
+             Snippets
+          %a.navbar-text{href: '/schemas', 'ng-class' => "{active: pathIncludes('schemas')}"}
+            %span.glyphicon.glyphicon-list.glyphicons-lg.glyphicon-med
+             Schemas
+          %ul.nav.navbar-nav.navbar-right
+            %li
+              - if user_signed_in?
+                %p.navbar-text #{current_user.name}
+            %li
+              = link_to('Logout', destroy_user_session_path, :method => :delete)
+      .alert-bar{ 'ng-controller' => 'AlertBarController' }
+        %uib-alert.alert-fade-out.ellipsis{ 'ng-repeat' => 'alert in alerts',
+                                            'type' => '{{alert.type}}',
+                                            'close' => 'dismiss()',
+                                            'dismiss-on-timeout' => 9000,
+                                            'ng-bind' => 'alert.message' }
+      %div.content.container-fluid
+        = yield

data/app/views/queries/_alert.html.haml

@@ -0,0 +1,6 @@
+- if alert.present?
+  .alert
+    = simple_format(alert)
+- if notice.present?
+  .notice
+    = simple_format(notice)

data/app/views/queries/_comments.html.haml

@@ -0,0 +1,5 @@
+.comments
+  %textarea.form-control{ 'ng-model' => 'queryDetailsCtrl.query.item.version.comment',
+                          'placeholder' => 'Add a comment',
+                          'ng-blur' => 'queryDetailsCtrl.updateQuery()' }
+  .btn-group

data/app/views/queries/_index.html.haml

@@ -0,0 +1,15 @@
+.query-index
+  .col-md-10.index-items.top10
+    %ul{ 'infinite-scroll' => 'queryIdxCtrl.pagination.loadMore()',
+         'infinite-scroll-distance' => '0.5' }
+      %li.item-header
+        = render partial: 'queries/index_sort_bar'
+      %li.item-container{ 'ng-repeat' => 'query in queryIdxCtrl.pagination.items()',
+                          'selection-model' => '',
+                          'selection-model-mode' => 'multiple',
+                          'selection-model-selected-items' => 'queryIdxCtrl.selectedQueries',
+                          'selection-model-cleanup-strategy' => 'deselect',
+                          'selection-model-on-change' => 'queryIdxCtrl.onSelection()' }
+        = render partial: 'queries/index_item'
+  .col-md-2
+    = render partial: 'queries/index_sidebar'

data/app/views/queries/_index_item.html.haml

@@ -0,0 +1,37 @@
+.index-item
+  .row
+    .col-md-1.summary-badges
+      %span.badge#versions{ 'ng-bind' => 'query.summary.versions',
+                            'uib-tooltip' => '{{query.summary.versions}} versions' }
+      %span.badge#comments{ 'ng-bind' => 'query.summary.comments',
+                            'uib-tooltip' => '{{query.summary.comments}} comments' }
+    .col-md-3
+      %strong
+        %a{ 'ng-href' => '/queries/{{query.id}}',
+            'uib-tooltip' => "Show details for '{{query.title}}'",
+            'tooltip-delay' => 700,
+            'tooltip-placement' => 'top' }
+          .ellipsis{ 'ng-bind' => 'query.title' }
+    .col-md-4
+      %div#author
+        %a{ 'href' => '#',
+            'ng-bind' => 'query.latest_author_name',
+            'ng-click' => "queryIdxCtrl.pagination.setSearch('author:' + query.latest_author_name, true)",
+            'uib-tooltip' => "Filter by {{query.latest_author_name}}",
+            'tooltip-delay' => 700,
+            'tooltip-placement' => 'top' }
+      %div#updated-at
+        %span{ 'ng-bind' => 'query.updated_at | date:dateFormat: "UTC"' }
+      %div#created-at
+        %span{ 'ng-bind' => 'query.created_at | date:dateFormat: "UTC"' }
+    .col-md-2
+      %span.label.tag{ 'ng-repeat' => 'tag in query.tags | limitTo:5 | orderBy',
+                       'ng-bind' => 'tag',
+                       'ng-class' => 'tag',
+                       'ng-click' => "queryIdxCtrl.pagination.setSearch('tags:' + tag, false)",
+                       'uib-tooltip' => 'Filter by {{tag}}',
+                       'tooltip-delay' => 700,
+                       'tooltip-placement' => 'top'}
+    .col-md-2
+      %span.label.tag.roles{ 'ng-repeat' => 'role in query.roles | limitTo:5 | orderBy',
+                             'ng-bind' => 'role' }

data/app/views/queries/_index_sidebar.html.haml

@@ -0,0 +1,58 @@
+.index-sidebar
+  .row
+    .input-group.input-group-sm
+      .input-group-btn
+        %button.btn.btn-inverse.btn-sm{ 'ng-click' => 'queryIdxCtrl.pagination.clearSearch()' }
+          %i.glyphicon.glyphicon-remove{ 'ng-if' => 'queryIdxCtrl.pagination.searchText' }
+          %i.glyphicon.glyphicon-search{ 'ng-if' => '!queryIdxCtrl.pagination.searchText' }
+      %input.form-control{ 'placeholder' => 'Search Queries',
+                           'id' => 'fulltext-search',
+                           'ng-model' => 'queryIdxCtrl.pagination.searchText',
+                           'ng-model-options' => '{debounce: 400}',
+                           'ng-change' => 'queryIdxCtrl.pagination.triggerSearch()' }
+  .row.top30
+    %span.menu-label
+      .octicon.octicon-three-bars
+      Menu Actions
+  .row.top5
+    %button.btn.btn-default.btn-sm.btn-format.right5{ 'ng-click' => 'queryIdxCtrl.openRepl()' }
+      %span.glyphicon.glyphicon-plus.glyphicons-xs.glyphicon-low
+      New Query
+  .row.top5
+    %button.btn.btn-warning.btn-sm.btn-format{ 'ng-click' => 'queryIdxCtrl.deselectAll()',
+                                               'ng-show' => 'queryIdxCtrl.selectedQueries.length > 0 && queryIdxCtrl.pagination.isPristine()' }
+      %span.glyphicon.glyphicon-remove.glyphicons-xs.glyphicon-low
+      Deselect
+  .row.top15{ 'ng-if' => 'queryIdxCtrl.selectedQueries.length > 1' }
+    %span.menu-label
+      .octicon.octicon-tag
+      Batch Update Tags
+    %tags-input{ 'ng-model' => 'queryIdxCtrl.tagsSelectionInput.selectedTags',
+                 'template' => 'tag-template',
+                 'placeholder' => 'Batch add tag',
+                 'on-tag-added' => 'queryIdxCtrl.tagsSelectionInput.add($tag)',
+                 'on-tag-removed' => 'queryIdxCtrl.tagsSelectionInput.remove($tag)' }
+      %auto-complete{ 'source' => 'queryIdxCtrl.loadTags($query)' }
+  .row.top10{ 'ng-if' => 'queryIdxCtrl.selectedQueries.length > 1' }
+    %span.menu-label
+      .octicon.octicon-organization
+      Batch Update Roles
+    %tags-input{ 'ng-model' => 'queryIdxCtrl.rolesSelectionInput.selectedTags',
+                 'template' => 'role-template',
+                 'placeholder' => 'Batch add role',
+                 'on-tag-added' => 'queryIdxCtrl.rolesSelectionInput.add($tag)',
+                 'on-tag-removed' => 'queryIdxCtrl.rolesSelectionInput.remove($tag)',
+                 'add-from-autocomplete-only' => 'true' }
+      %auto-complete{ 'source' => 'queryIdxCtrl.loadRoles($query)'}
+  .row.top5{ 'ng-if' => 'queryIdxCtrl.pagination.isDirty()' }
+    %button.btn.btn-primary.btn-xs.btn-format-xs.right5{ 'ng-click' => 'queryIdxCtrl.revert()' }
+      %span.glyphicon.glyphicon-refresh.glyphicons-xs.glyphicon-low
+      Revert
+    %button.btn.btn-danger.btn-xs.btn-format-xs{ 'ng-click' => 'queryIdxCtrl.save()' }
+      %span.glyphicon.glyphicon-floppy-saved.glyphicons-xs.glyphicon-low
+      Save
+  .row.top10{ 'ng-if' => 'queryIdxCtrl.selectedQueries.length === 1' }
+    %span.menu-label
+      .octicon.octicon-eye.menu-label
+      Query Preview
+    %textarea.query-preview.top5{ 'ng-bind' => 'queryIdxCtrl.selectedQueries[0].latest_body', 'readonly' => '' }

data/app/views/queries/_index_sort_bar.html.haml

@@ -0,0 +1,29 @@
+.sort-bar
+  .row
+    .col-md-1
+      %strong SUMMARY
+    .col-md-3
+      %strong
+        %a{ 'ng-click' => 'queryIdxCtrl.pagination.setSort("title")', 'title' => 'Sort By Title' }
+          TITLE
+          .glyphicon.glyphicon-sort.tiny-icon
+    .col-md-4
+      %div#author
+        %strong
+          %a{ 'ng-click' => 'queryIdxCtrl.pagination.setSort("author")', 'title' => 'Sort By Author' }
+            AUTHOR
+            .glyphicon.glyphicon-sort.tiny-icon
+      %div#updated-at
+        %strong
+          %a{ 'ng-click' => 'queryIdxCtrl.pagination.setSort("updated_at")', 'title' => 'Sort By Updated' }
+            UPDATED
+            .glyphicon.glyphicon-sort.tiny-icon
+      %div#created-at
+        %strong
+          %a{ 'ng-click' => 'queryIdxCtrl.pagination.setSort("created_at")', 'title' => 'Sort By Created' }
+            CREATED
+            .glyphicon.glyphicon-sort.tiny-icon
+    .col-md-2
+      %strong TAGS
+    .col-md-2
+      %strong ROLES

data/app/views/queries/_query_details.html.haml

@@ -0,0 +1,81 @@
+.panel.panel-default.no-border
+  %form{ 'ng-submit' => 'queryDetailsCtrl.updateQuery()',
+         'name' => 'queryDetailsCtrl.form',
+         'id' => 'form',
+         'novalidate' => '' }
+    = text_field_tag :query_title, '', placeholder: 'Query title', 'ng-model' => 'queryDetailsCtrl.query.item.title', 'ng-blur' => 'queryDetailsCtrl.updateQuery()', class: 'query-title-form'
+  %div{ 'uib-popover' => 'Read Only!',
+        'popover-trigger' => 'mouseenter',
+        'popover-popup-delay' => 500,
+        'popover-placement' => 'right' }
+    %div{ 'ui-ace' => '{mode: \'pgsql\', onLoad: queryDetailsCtrl.aceLoaded}',
+          'ng-model' => 'queryDetailsCtrl.query.item.version.body' }
+  .panel-heading
+    %span.btn-group
+      = link_to queries_path, class: 'btn btn-sm btn-default', 'uib-tooltip' => 'Home', 'tooltip-append-to-body' => 'true', 'tooltip-popup-delay' => 800 do
+        %span.glyphicon.glyphicon-home.glyphicons-lg.glyphicon-low
+      %button.btn.btn-sm.btn-primary{ 'ng-click' => 'queryDetailsCtrl.runQuery()',
+                                      'uib-tooltip' => 'Run Query',
+                                      'tooltip-append-to-body' => 'true',
+                                      'tooltip-popup-delay' => 800 }
+        %span.glyphicon.glyphicon-play.glyphicons-lg.glyphicon-low
+      %button.btn.btn-sm.btn-info{ 'ng-click' => 'queryDetailsCtrl.openRepl()',
+                                   'uib-tooltip' => 'Edit',
+                                   'tooltip-append-to-body' => 'true',
+                                   'tooltip-popup-delay' => 800 }
+        %span.glyphicon.glyphicon-edit.glyphicons-lg.glyphicon-low
+      %a.btn.btn-sm.btn-danger{ 'ng-disabled' => '!queryDetailsCtrl.query.item.id',
+                                'ng-click' => 'queryDetailsCtrl.deleteQuery()',
+                                'ng-confirm-click' => 'Are you sure you want to delete this query?',
+                                'uib-tooltip' => 'Delete',
+                                'tooltip-append-to-body' => 'true',
+                                'tooltip-popup-delay' => 800 }
+        %span.glyphicon.glyphicon-trash.glyphicons-lg.glyphicon-low
+    %span.btn-group#query-btns.pull-right
+      %button.btn.btn-sm.btn-warning{ 'uib-tooltip' => 'Click to comment',
+                                      'tooltip-append-to-body' => 'true',
+                                      'tooltip-placement' => 'left',
+                                      'tooltip-popup-delay' => 800,
+                                      'uib-popover-template' => "'comments-template'",
+                                      'popover-is-open' => 'queryDetailsCtrl.commentDialogOpen',
+                                      'popover-title' => 'Comment',
+                                      'ng-click' => 'queryDetailsCtrl.toggleCommentDialog()' }
+        %span.glyphicon.glyphicon-comment.glyphicons-lg.glyphicon-low
+.row
+  .col-md-4
+    %table.table.table-striped.table-fixed.table-condensed.white-background.small-font
+      %thead
+        %tr
+          %th Parameter
+          %th Default Value
+          %th Type
+      %tbody
+        %tr{'ng-repeat' => "parameter in queryDetailsCtrl.query.item.version.parameters | orderBy: 'name'", id: 'pd-{{$index}}'}
+          %td{style: 'max-width: 150px'}
+            .ellipsis{ 'ng-bind' => 'parameter.name',
+                       'popover' => "'{{parameter.name}}'",
+                       'popover-trigger' => 'mouseenter',
+                       'popover-popup-delay' => 1000,
+                       'popover-placement' => 'right' }
+          %td
+            %span{'ng-bind' => 'parameter.default'}
+          %td
+            %span{'ng-bind' => 'parameter.type'}
+  .col-md-4
+    .panel.panel-default.tag-panel.small-font
+      .panel-heading.bold Tags
+      %tags-input{ 'ng-model' => 'queryDetailsCtrl.query.item.tags',
+                   'template' => 'tag-template',
+                   'on-tag-added' => 'queryDetailsCtrl.updateQuery()',
+                   'on-tag-removed' => 'queryDetailsCtrl.updateQuery()' }
+        %auto-complete{'source' => 'queryDetailsCtrl.loadTags($query)'}
+  .col-md-4
+    .panel.panel-default.tag-panel.small-font
+      .panel-heading.bold Roles
+      %tags-input{ 'ng-model' => 'queryDetailsCtrl.query.item.roles',
+                   'template' => 'role-template',
+                   'on-tag-added' => 'queryDetailsCtrl.updateQuery()',
+                   'on-tag-removed' => 'queryDetailsCtrl.updateQuery()',
+                   'placeholder' => 'Add a role',
+                   'add-from-autocomplete-only' => 'true' }
+        %auto-complete{'source' => 'queryDetailsCtrl.loadRoles($query)'}

data/app/views/queries/_query_version_sidebar.html.haml

@@ -0,0 +1,46 @@
+.sidebar
+  .row
+    .current-version
+      %strong Current Version: {{qvSidebarCtrl.query.item.version.version}}
+      %p
+      .octicon.octicon-calendar
+      {{qvSidebarCtrl.query.item.version.created_at | date:dateFormat: "UTC"}}
+      %br
+      .octicon.octicon-pencil
+      {{qvSidebarCtrl.query.item.version.author_name}}
+  .row{ 'ng-if' => 'qvSidebarCtrl.githubIsEnabled()' }
+    .github-links
+      %span.octicon.octicon-mark-github
+      %a{'ng-href' => '{{qvSidebarCtrl.githubHistory}}'} Git History
+      %br
+      %span.octicon.octicon-mark-github
+      %a{'ng-href' => '{{qvSidebarCtrl.githubCommit}}'} Git Commit
+      %br
+      %span.octicon.octicon-mark-github
+      %span{ 'ng-if' => 'qvSidebarCtrl.selectedVersions.length !== 2',
+             'style' => 'opacity:0.5' } Git Compare
+      %a{ 'ng-if' => 'qvSidebarCtrl.selectedVersions.length === 2',
+          'ng-href' => '{{qvSidebarCtrl.githubCompare}}' } Git Compare
+  .row
+    .versions
+      %ul
+        %li{ 'ng-repeat' => 'queryVersion in qvSidebarCtrl.versions.items() | orderBy: "version" : true',
+             'selection-model' => '',
+             'selection-model-mode' => 'multiple',
+             'selection-model-selected-items' => 'qvSidebarCtrl.selectedVersions',
+             'selection-model-cleanup-strategy' => 'deselect',
+             'selection-model-on-change' => 'qvSidebarCtrl.figureGithubUrl()',
+             'uib-popover' => "{{queryVersion.comment}}",
+             'popover-trigger' => 'mouseenter',
+             'popover-append-to-body' => 'true',
+             'popover-placement' => 'left',
+             'popover-popup-delay' => 1000 }
+          %table
+            %tr
+              %td.list-item
+                %a{ 'ng-click' => 'qvSidebarCtrl.loadQueryByVersion(queryVersion.id)' } Version {{queryVersion.version}}
+              %td.summary-badges
+                %span.badge#results{ 'ng-bind' => 'queryVersion.summary.results',
+                                     'uib-tooltip' => '{{queryVersion.summary.results}} results',
+                                     'tooltip-append-to-body' => 'true' }
+                %span.glyphicon.glyphicon-comment.glyphicons-xs.pulsating-comment{ 'ng-if' => 'qvSidebarCtrl.hasComment(queryVersion)' }

data/app/views/queries/_repl.html.haml

@@ -0,0 +1,79 @@
+.query-repl
+  .modal-header
+    .row
+      .col-md-12.zero-padding
+        .input-group.input-group-sm
+          %input.input-sm#query-title{ 'placeholder' => 'Enter query title here',
+                                       'ng-model' => 'queryRepl.query.item.title',
+                                       'ng-readonly' => 'queryRepl.query.isPersisted()',
+                                       'ng-class' => "{'label-like': queryRepl.query.isPersisted()}" }
+          .input-group-btn
+            %button.btn.btn-sm.btn-primary{ 'ng-click' => 'queryRepl.runQuery()',
+                                            'ng-disabled' => '!queryRepl.validToRun()'} Run
+            %span{ 'style' => 'display: inline-block',
+                   'tooltip-enable' => '!queryRepl.validToSave()',
+                   'uib-tooltip' => '{{queryRepl.saveToolTipText()}}',
+                   'tooltip-trigger' => 'queryRepl.mouseenter'}
+              %button.btn.btn-sm.btn-info{ 'ng-click' => 'queryRepl.save()',
+                                           'ng-disabled' => '!queryRepl.validToSave()'} Save
+            %button.btn.btn-sm.btn-warning{ 'ng-click' => 'queryRepl.exit()' } Exit
+  .modal-body
+    .row
+      .col-md-6
+        .ace{ 'ui-ace' => '{mode: \'pgsql\', onLoad: queryRepl.aceLoaded}',
+              'ng-model' => 'queryRepl.query.item.version.body' }
+        %table.table.table-fixed.table-condensed.parameters-table
+          %thead
+            %tr
+              %th Parameter
+              %th Value
+              %th Type
+              %th Action
+          %tbody
+            %tr{ 'ng-repeat' => 'parameter in queryRepl.query.item.version.parameters | orderBy: parameter.name', 'id' => 'pd-{{$index}}' }
+              %td
+                %input.name{ 'type' => 'text', 'ng-model' => 'parameter.name' }
+              %td
+                %input.default{ 'type' => 'text',
+                                'placeholder' => '{{parameter.default}}',
+                                'ng-model' => 'queryRepl.resultRunner.substitutionValues[parameter.name]' }
+              %td
+                %select.type{ 'ng-model' => 'parameter.type' }
+                  %option raw
+                  %option string
+                  %option number
+                  %option date
+                  %option timestamp
+              %td
+                %a.btn.btn-xs.btn-default{ 'ng-click' => 'queryRepl.query.item.version.parameters.splice($index, 1)' } Remove
+          %tfoot
+            %tr
+              %td
+                %button.btn.btn-xs.btn-primary{ 'ng-click' => 'queryRepl.query.detectParameters()' } Detect Parameters
+              %td{colspan: 2}
+              %td
+                %button.btn.btn-xs.btn-default{ 'ng-click' => 'queryRepl.query.addParameter()' } Add
+      .col-md-6
+        %ul.list-group
+          %li.list-group-item.result-list-item{ 'ng-repeat' => 'result in queryRepl.results.collection | orderBy: "item.created_at" : true' }
+            .error-messsage.animate-if{ 'ng-if' => 'result.item.status == "failed"' }
+              %span{ 'ng-bind' => 'result.item.error_message' }
+            .throbber-loader.animate-if{ 'ng-if' => '!result.item.sample_data && result.item.status != "failed"' }
+            %span{ 'ng-if' => 'result.item.status == "enqueued"' }
+              Enqueued for {{result.item.enqueue_duration | humanReadableDuration}}
+            %span{ 'ng-if' => 'result.item.status == "running"' } Running for {{result.item.run_duration | humanReadableDuration}}
+            .result-box.animate-if{ 'ng-if' => 'result.item.sample_data' }
+              %div{ 'ng-if' => 'result.item.status === "complete"' }
+                {{result.item.row_count}} rows returned
+                %span.glyphicon.glyphicon-cloud-download.glyphicons-xs.looks-like-clickable.pull-right{ 'title' => 'Download result',
+                                                                                                        'target' => '_blank',
+                                                                                                        'ng-click' => 'queryRepl.getCsv(result.item.id)' }
+              %span{ 'ng-if' => 'result.item.status === "processing"' } {{result.item.row_count}} rows returned so far, full result still processing
+              .scrollable
+                %table.table.table-hover.table-condensed.table-fixed
+                  %thead
+                    %tr
+                      %th{ 'ng-repeat' => 'column in result.item.headers track by $index', 'ng-bind' => 'column' }
+                  %tbody
+                    %tr.data{ 'ng-repeat' => 'row in result.item.sample_data track by $index' }
+                      %td{ 'ng-repeat' => 'column in row track by $index', 'ng-bind' => 'column' }

data/app/views/queries/_results.html.haml

@@ -0,0 +1,29 @@
+.panel.panel-default
+  .panel-heading
+    .metadata
+      .pull-right
+        %button.btn.btn-sm.btn-primary#runQuery{ 'ng-disabled' => '!resultsCtrl.query.item.id',
+                                                 'ng-click' => 'resultsCtrl.runQuery()' }
+          Run
+          %span.glyphicon.glyphicon-play.glyphicons-lg.glyphicon-low
+      %dl.query-metadata
+        %dt Version:
+        %dd{ 'ng-bind' => 'resultsCtrl.query.item.version.version' }
+        %br
+        %dt Created:
+        %dd{ 'ng-bind' => 'resultsCtrl.query.item.version.created_at | date: "yyyy-MM-dd hh:mm:ss" : "UTC"' }
+        %br
+        %dt Author:
+        %dd{ 'ng-bind' => 'resultsCtrl.query.item.version.author_name' }
+      %details{ 'ng-if' => 'resultsCtrl.query.item.version.parameters.length > 0' }
+        %summary Specify Substitution Parameters For This Run
+        %ul
+          %li.parameter{ 'ng-repeat' => "parameter in resultsCtrl.query.item.version.parameters | orderBy: 'name'" }
+            %label{ 'for' => 'parameter-{{parameter.name}}',
+                    'ng-bind' => 'parameter.name' }:
+            %input{ 'id' => 'parameter-{{parameter.name}}',
+                    'placeholder' => '{{parameter.default}}',
+                    'ng-model' => 'resultsCtrl.resultRunner.substitutionValues[parameter.name]' }
+  %ul.list-group
+    %li.result.list-group-item.panel.panel-default.result-panel{ 'ng-repeat' => 'result in resultsCtrl.results.collection | orderBy: "item.created_at" : true' }
+      %result{'result' => 'result', 'results' => 'resultsCtrl.results'}

data/app/views/queries/_role_template.html.haml

@@ -0,0 +1,3 @@
+.tag-template.roles
+  %span{'ng-bind' => '$getDisplayText()'}
+  %a.remove-button{'ng-click' => '$removeTag();'} &#10006

data/app/views/queries/_show.html.haml

@@ -0,0 +1,28 @@
+.show-query
+  .row.top10
+    .col-md-10
+      %uib-tabset{ type: 'pills' }
+        %uib-tab{ heading: 'Query',
+                  active: 'queryShowCtrl.tabs.query.active',
+                  select: 'queryShowCtrl.setTabInUrl("query")' }
+          .under-pills-space
+          %query-details{ 'query' => 'queryShowCtrl.query',
+                          'result-runner' => 'queryShowCtrl.resultRunner' }
+        %uib-tab{ heading: 'Results',
+                  active: 'queryShowCtrl.tabs.results.active',
+                  select: 'queryShowCtrl.setTabInUrl("results")' }
+          .under-pills-space
+          %results{ 'query' => 'queryShowCtrl.query',
+                    'results' => 'queryShowCtrl.results',
+                    'result-runner' => 'queryShowCtrl.resultRunner' }
+        %uib-tab{ heading: 'Visualizations',
+                  active: 'queryShowCtrl.tabs.visualizations.active',
+                  select: 'queryShowCtrl.setTabInUrl("visualizations")' }
+          .under-pills-space
+          %visualization{ 'query-version-id' => 'queryShowCtrl.queryVersionId' ,
+                          'query-id' => 'queryShowCtrl.queryId',
+                          'results' => 'queryShowCtrl.results' }
+    .col-md-2
+      %query-version-sidebar{ 'query' => 'queryShowCtrl.query',
+                              'versions' => 'queryShowCtrl.queryVersions',
+                              'component-callbacks' => 'queryShowCtrl.componentCallbacks' }

data/app/views/queries/_tag_template.html.haml

@@ -0,0 +1,3 @@
+.tag-template{'ng-class' => '$getDisplayText()'}
+  %span{'ng-bind' => '$getDisplayText()'}
+  %a.remove-button{'ng-click' => '$removeTag();'} &#10006

data/app/views/results/_show.html.haml

@@ -0,0 +1,45 @@
+.panel-heading
+  .btn-group.actions.pull-right{ 'ng-if' => 'resultCtrl.result.item.status == "complete" || resultCtrl.result.item.status == "failed"' }
+    %a.btn.btn-xs.btn-warning.btn-delete{ 'ng-disabled' => '!resultCtrl.result.item',
+                                          'ng-click' => 'resultCtrl.deleteResult()',
+                                          'ng-confirm-click' => 'Are you sure you want to delete this result?' } Delete Result
+    %a.btn.btn-xs.btn-default.btn-csv{ 'ng-disabled' => 'resultCtrl.result.item.status != "complete"',
+                                       'target' => '_self',
+                                       'ng-click' => 'resultCtrl.getCsv()' } Download CSV
+  .run_duration{ 'ng-if' => 'resultCtrl.result.item.status == "complete" || resultCtrl.result.item.status == "failed"'}
+    Started: {{resultCtrl.result.item.started_at | date: 'yyyy-MM-dd hh:mm:ss' : 'UTC'}}
+    %br
+    Ended: {{resultCtrl.result.item.completed_at | date: 'yyyy-MM-dd hh:mm:ss' : 'UTC'}}
+    %br
+    Run duration: {{resultCtrl.result.item.run_duration | humanReadableDuration }}
+  %span.pull-right{ 'ng-if' => 'resultCtrl.result.item.status == "processing"' } {{resultCtrl.result.item.row_count}} rows returned so far, still processing full result and csv
+  %details{ 'ng-if' => 'resultCtrl.resultHasParameters()' }
+    %summary Parameters
+    %dl
+      %div{ 'ng-repeat' => 'parameter in resultCtrl.result.item.parameters | objectDotKeys | orderBy: parameter' }
+        %dt{ 'ng-bind' => 'parameter + ":"' }
+        %dd{ 'ng-bind' => 'resultCtrl.result.item.parameters[parameter]' }
+  %span{ 'ng-if' => 'resultCtrl.result.item.status == "complete" || resultCtrl.result.item.status == "processing"' }
+    .row-count
+      %strong {{resultCtrl.result.item.row_count}} rows returned
+    .scrollable{ 'ng-class' => "{ 'high-row-count': resultCtrl.result.item.row_count > 10, 'med-row-count': resultCtrl.result.item.row_count > 2 && resultCtrl.result.item.row_count <= 10 }" }
+      %table.table.table-hover.table-condensed.table-fixed.query-results{ 'ng-if' => 'resultCtrl.result.item.sample_data' }
+        %thead
+          %tr
+            %th{ 'ng-repeat' => 'column in resultCtrl.result.item.headers track by $index',
+                 'ng-bind' => 'column' }
+        %tbody
+          %tr.data{ 'ng-repeat' => 'row in resultCtrl.result.item.sample_data track by $index' }
+            %td{ 'ng-repeat' => 'column in row track by $index', 'ng-bind' => 'column' }
+          %tr{ 'ng-if' => 'resultCtrl.result.item.sample_data.length !== resultCtrl.result.item.row_count' }
+            %td{ 'ng-repeat' => 'column in resultCtrl.result.item.sample_data[0] track by $index' } ...
+    .too-many-rows.alert-warning{ 'ng-if' => 'resultCtrl.result.item.sample_data.length !== resultCtrl.result.item.row_count' }
+      %strong {{resultCtrl.result.item.sample_data.length}} rows displayed above. {{resultCtrl.result.item.row_count - resultCtrl.result.item.sample_data.length}} additional rows not displayed; please download the CSV to see them all.
+  %span{ 'ng-if' => 'resultCtrl.result.item.status == "failed"' }
+    This query failed with the message:
+    %br
+    %span{ style: 'font-weight: bold; white-space: pre-wrap;' }
+      {{resultCtrl.result.item.error_message}}
+  %span{ 'ng-if' => 'resultCtrl.result.item.status == "enqueued"' }
+    Waiting to run. Enqueued for {{resultCtrl.result.item.enqueue_duration | humanReadableDuration}}
+  %span{ 'ng-if' => 'resultCtrl.result.item.status == "running"' } Running for {{resultCtrl.result.item.run_duration | humanReadableDuration}}

data/app/views/schemas/_index.html.haml

@@ -0,0 +1,47 @@
+.schema-index
+  .panel-heading
+    .row
+      .col-sm-6.no-padding.no-margin
+        .input-group.input-group-sm
+          .input-group-btn
+            %button.btn.btn-inverse.btn-sm{ 'ng-click' => 'schemaIdxCtrl.pagination.clearSearch()' }
+              %i.glyphicon.glyphicon-remove{ 'ng-if' => 'schemaIdxCtrl.pagination.searchText' }
+              %i.glyphicon.glyphicon-search{ 'ng-if' => '!schemaIdxCtrl.pagination.searchText' }
+          %input.form-control{ 'placeholder' => 'Search Schemas',
+                               'id' => 'fulltext-search',
+                               'ng-model' => 'schemaIdxCtrl.pagination.searchText',
+                               'ng-model-options' => '{debounce: 400}',
+                               'ng-change' => 'schemaIdxCtrl.pagination.triggerSearch()',
+                               'typeahead-on-select' => 'schemaIdxCtrl.pagination.triggerSearch()',
+                               'uib-typeahead' => 'tavs for tavs in schemaIdxCtrl.typeAheadValues($viewValue) | limitTo: 15' }
+  .panel-body{ 'infinite-scroll' => 'schemaIdxCtrl.pagination.loadMore()',
+               'infinite-scroll-distance' => '0.5' }
+    .row
+      .col-sm-10.no-padding.no-margin
+        .no-list-style{ 'ng-repeat' => "(schema, tables) in schemaIdxCtrl.pagination.collection() | groupBy: 'item.schema'" }
+          %li.schema-table-row.top17{ 'ng-repeat' => " (table, columns) in tables | groupBy: 'item.table'" }
+            .schema-table-header
+              {{schema}}.{{table}}
+            .padding3
+              .row.margin2{ 'ng-repeat' => 'column in columns' }
+                .col-sm-4
+                  %span{ 'ng-bind' => 'column.item.column' }
+                .col-sm-1
+                  %span{ 'ng-bind' => 'column.item.type' }
+                .col-sm-7
+                  %form{ 'ng-submit' => 'column.save()' }
+                    %input.input-xs.form-control{ 'placeholder' => 'Add column description',
+                                                  'ng-blur' => 'column.save()',
+                                                  'ng-model' => 'column.item.comment_text',
+                                                  'ng-class' => "{ 'dirty-bg': column.isDirty() }" }
+      .col-sm-2.summary-sidebar
+        %h4 Schema Directory
+        %p
+        .no-list-style{ 'ng-repeat' => "(schema, tables) in schemaIdxCtrl.directory() | groupBy: 'schema'" }
+          %details
+            %summary
+              %a{ 'ng-click' => "schemaIdxCtrl.pagination.setSearch('schema:' + schema + ' match_type:exact')",
+                  'ng-bind' => 'schema' }
+            %li{ 'ng-repeat' => 'row in tables', style: 'padding-left: 10px; list-style-type: circle' }
+              %a{ 'ng-click' => "schemaIdxCtrl.pagination.setSearch(schema + '.' + row.table)" }
+                .ellipsis{ 'ng-bind' => 'row.table' }