Upgrade query-result to Octane (#204)

* Upgrade query-result to Octane
2022-12-20 12:09:37 -06:00
parent cf365f7df2
commit 4c70cfa100
8 changed files with 334 additions and 431 deletions
@@ -252,17 +252,12 @@
      {{conditional-loading-spinner condition=loading}}

      {{#unless selectedItem.fake}}
-        {{#if results}}
-          <div class="query-results">
-            {{#if showResults}}
-              {{query-result query=selectedItem content=results}}
-            {{else}}
-              {{#each results.errors as |err|}}
-                <pre class="query-error"><code>{{~err}}</code></pre>
-              {{/each}}
-            {{/if}}
-          </div>
-        {{/if}}
+        <QueryResultsWrapper
+          @results={{results}}
+          @showResults={{showResults}}
+          @query={{selectedItem}}
+          @content={{results}}
+        />
      {{/unless}}

      {{#if showRecentQueries}}
@@ -1,93 +0,0 @@
-<article>
-  <header class="result-header">
-    <div class="result-info">
-      {{d-button
-        action=(action "downloadResultJson")
-        icon="download"
-        label="explorer.download_json"
-        group=group
-      }}
-
-      {{d-button
-        action=(action "downloadResultCsv")
-        icon="download"
-        label="explorer.download_csv"
-        group=group
-      }}
-
-      {{#if canShowChart}}
-        {{#if showChart}}
-          {{d-button
-            action=(action "showTable")
-            icon="table"
-            label="explorer.show_table"
-            group=group
-          }}
-        {{else}}
-          {{d-button
-            action=(action "showChart")
-            icon="chart-bar"
-            label="explorer.show_graph"
-            group=group
-          }}
-        {{/if}}
-      {{/if}}
-    </div>
-
-    <div class="result-about">
-      {{resultCount}}
-      {{duration}}
-    </div>
-
-    <br />
-
-    {{~#if hasExplain}}
-      <pre class="result-explain"><code>
-          {{~content.explain}}
-        </code></pre>
-    {{~/if}}
-
-    <br />
-  </header>
-
-  <section>
-    {{#if showChart}}
-      <DataExplorerBarChart
-        @labels={{chartLabels}}
-        @values={{chartValues}}
-        @datasetName={{chartDatasetName}}
-      />
-    {{else}}
-      <table>
-        <thead>
-          <tr class="headers">
-            {{#each columnDispNames as |col|}}
-              <th>{{col}}</th>
-            {{/each}}
-          </tr>
-        </thead>
-        <tbody>
-          {{#each rows as |row|}}
-            <QueryRowContent
-              @row={{row}}
-              @fallbackTemplate={{this.fallbackTemplate}}
-              @columnTemplates={{this.columnTemplates}}
-              @lookupUser={{this.lookupUser}}
-              @lookupBadge={{this.lookupBadge}}
-              @lookupPost={{this.lookupPost}}
-              @lookupTopic={{this.lookupTopic}}
-              @lookupGroup={{this.lookupGroup}}
-              @lookupCategory={{this.lookupCategory}}
-              @transformedPostTable={{this.transformedPostTable}}
-              @transformedBadgeTable={{this.transformedBadgeTable}}
-              @transformedUserTable={{this.transformedUserTable}}
-              @transformedGroupTable={{this.transformedGroupTable}}
-              @transformedTopicTable={{this.transformedTopicTable}}
-              @site={{this.site}}
-            />
-          {{/each}}
-        </tbody>
-      </table>
-    {{/if}}
-  </section>
-</article>