aboutsummaryrefslogtreecommitdiff
path: root/app/components/plan-new/plan-new.html
blob: 42bb8f601c214f77dbb440c5fc40832c01f291ce (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="page">
   <button class="pull-right btn btn-link" (click)="prefill()">create a sample plan</button>

   <span class="text-muted">For best results, use <code>EXPLAIN (ANALYZE, COSTS, VERBOSE, BUFFERS, FORMAT JSON)</code><br>
      Psql users can export the plan to a file using <code>psql -qAt -f explain.sql > analyze.json</code></span>
   <p class="pad-top">DISCLAIMER: Pev stores your plans locally (localStorage) and will not send them anywhere.</p>
  <div>
    <input placeholder="name (optional)" class="input-box input-box-main" type="text" [(ngModel)]="newPlanName">
    <button class="btn btn-default btn-lg pad-top pull-right" (click)="submitPlan()">submit</button>
  </div>

  <p *ngIf="validationMessage" class="error-message">{{validationMessage}}</p>
  <textarea placeholder="paste execution plan" class="input-box input-box-lg code" [(ngModel)]="newPlanContent"></textarea>
  <textarea placeholder="paste corresponding SQL query" class="input-box input-box-lg code" [(ngModel)]="newPlanQuery"></textarea>
</div>