143 lines
4.5 KiB
Handlebars
143 lines
4.5 KiB
Handlebars
<h2>Queries</h2>
|
|
|
|
{{#if not_https}}
|
|
<div class="https-warning">
|
|
{{fa-icon "warning"}}
|
|
{{i18n "explorer.https_warning"}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
<div class="query-list">
|
|
{{combo-box valueAttribute="id" value=selectedQueryId nameProperty="listName" content=content castInteger="true" nameChanges="true"}}
|
|
{{d-button action="showCreate" icon="plus" class="no-text"}}
|
|
{{d-button action="importQuery" label="explorer.import.label" icon="upload"}}
|
|
</div>
|
|
|
|
{{#if showCreate}}
|
|
<div class="query-create">
|
|
{{text-field value=newQueryName placeholderKey="explorer.create_placeholder"}}
|
|
{{d-button action="create" label="explorer.create" icon="plus" class="btn-primary"}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if othersDirty}}
|
|
<div class="warning">
|
|
{{fa-icon "warning"}}
|
|
{{i18n "explorer.others_dirty"}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
<hr>
|
|
|
|
{{#if selectedItem.fake}}
|
|
{{i18n "explorer.no_queries"}} <a {{action "showCreate"}}>{{i18n "explorer.no_queries_hook"}}</a>
|
|
{{else}}
|
|
<div class="query-edit {{if editName "editing"}}">
|
|
{{#if selectedItem}}
|
|
{{#if editing}}
|
|
<div class="name">
|
|
{{text-field value=selectedItem.name}}
|
|
</div>
|
|
<div class="desc">
|
|
{{textarea value=selectedItem.description}}
|
|
</div>
|
|
{{else}}
|
|
<div class="name">
|
|
<h2>{{selectedItem.name}}</h2>
|
|
{{d-button action="editName" icon="pencil" class="no-text btn-small"}}
|
|
</div>
|
|
<div class="desc">
|
|
{{selectedItem.description}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{! the SQL editor will show the first time you }}
|
|
{{#if everEditing}}
|
|
<div class="query-editor {{if hideSchema "no-schema"}}">
|
|
<div class="right-panel">
|
|
<div class="schema grippie-target">
|
|
{{explorer-schema schema=schema hideSchema=hideSchema}}
|
|
</div>
|
|
</div>
|
|
<div class="editor-panel">
|
|
{{ace-editor content=selectedItem.sql mode="sql"}}
|
|
</div>
|
|
<div class="grippie"></div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
{{else}}
|
|
<div class="sql">
|
|
{{hljs-code-view value=selectedItem.sql codeClass="sql"}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
|
|
|
|
<div class="clear"></div>
|
|
<div class="pull-left">
|
|
{{#if everEditing}}
|
|
{{d-button action="save" label="explorer.save" disabled=saveDisabled class="btn-primary"}}
|
|
{{else}}
|
|
{{d-button action="editName" label="explorer.edit" icon="pencil" class="btn-primary"}}
|
|
{{/if}}
|
|
{{d-button action="download" label="explorer.export" disabled=runDisabled icon="download"}}
|
|
</div>
|
|
<div class="pull-right">
|
|
{{#if selectedItem.destroyed}}
|
|
{{d-button action="recover" class="" icon="undo" label="explorer.recover"}}
|
|
{{else}}
|
|
{{#if everEditing}}
|
|
{{d-button action="discard" class="btn-danger" icon="undo" label="explorer.undo" disabled=saveDisabled}}
|
|
{{/if}}
|
|
{{d-button action="destroy" class="btn-danger" icon="trash" label="explorer.delete"}}
|
|
{{/if}}
|
|
</div>
|
|
<div class="clear"></div>
|
|
{{/if}}
|
|
</div>
|
|
|
|
<form class="query-run" {{action "run" on="submit"}}>
|
|
{{#if selectedItem.hasParams}}
|
|
<div class="query-params">
|
|
{{#each selectedItem.param_info as |pinfo|}}
|
|
{{param-input params=selectedItem.params info=pinfo}}
|
|
{{! <div class="param">
|
|
{{param-field params=selectedItem.params pname=pinfo.identifier type=pinfo.type}
|
|
<span class="param-name">{{pinfo.identifier}</span>
|
|
</div> }}
|
|
{{/each}}
|
|
</div>
|
|
{{/if}}
|
|
<div class="bool-options">
|
|
<label>{{input type="checkbox" checked=explain name="explain"}} {{i18n "explorer.explain_label"}}</label>
|
|
</div>
|
|
{{#if runDisabled}}
|
|
{{#if saveDisabled}}
|
|
{{d-button label="explorer.run" disabled="true" class="btn-primary"}}
|
|
{{else}}
|
|
{{d-button action="saverun" label="explorer.saverun"}}
|
|
{{/if}}
|
|
{{else}}
|
|
{{d-button action="run" label="explorer.run" disabled=runDisabled class="btn-primary" type="submit"}}
|
|
{{/if}}
|
|
</form>
|
|
|
|
<hr>
|
|
{{/if}}
|
|
{{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}}
|
|
{{/unless}}
|
|
|
|
<div class="explorer-pad-bottom"></div>
|