added html method dropdown

gfoo · Mar 21, 2018 · 6764601 · 6764601
1 parent 88cf312
commit 6764601
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -26,22 +26,23 @@ <h5>Query</h5>
           <div class="form-group">
             <label for="login">Login:</label>
             <input [disabled]="isLaunched || token || isLogLaunched"
-              type="text" class="form-control mx-sm-1"
+              type="text" class="form-control-sm mx-sm-1"
               id="login" [(ngModel)]="login" name="login"
               #login_="ngModel">
           </div>
           <div class="form-group">
             <label for="password">Password:</label>
             <input [disabled]="isLaunched || token || isLogLaunched"
-              type="password" class="form-control mx-sm-1"
+              type="password" class="form-control-sm mx-sm-1"
               id="password" [(ngModel)]="password" name="password"
               #password_="ngModel">
           </div>
-          <button type="submit" class="login-btn btn btn-success mx-sm-1"
+          <button type="submit" class="login-btn btn-sm btn-success mx-sm-1"
             [disabled]="token || isLaunched || isLogLaunched">Login</button>
-          <button type="submit" class="login-btn btn btn-danger mx-sm-1"
+          <button type="submit" class="login-btn btn-sm btn-danger mx-sm-1"
             [disabled]="!token || isLaunched || isLogLaunched">Logout</button>
           <div *ngIf="isLogLaunched" class="loader"></div>
+          <label *ngIf="token">(you are logged)</label>
         </form>
 
         <br>
@@ -56,8 +57,17 @@ <h5>Query</h5>
         </div>
 
         <div style="display: flex;">
-          <button type="submit" class="btn btn-success" [disabled]="!knarqlmeForm.form.valid || isLaunched">Launch</button>
-          <div *ngIf="isLaunched" class="loader"></div>
+          <div class="input-group">
+            <select class="form-control" id="httpMethod" required
+              class="custom-select-sm" [(ngModel)]="httpMethod"
+              name="httpMethod">
+              <option value="{{m}}" *ngFor="let m of availableMethods">{{m}}</option>
+            </select>
+            <div class="input-group-append">
+              <button type="submit" class="btn-sm btn-success" [disabled]="!knarqlmeForm.form.valid || isLaunched">Launch</button>
+            </div>
+            <div *ngIf="isLaunched" class="loader"></div>
+          </div>
         </div>
 
       </form>

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -29,6 +29,9 @@ CONSTRUCT {
   ?s a knora-api:Resource .
   ?s a ll:FreeContent .
 }`;
+  availableMethods = ['POST sparql-query', 'POST json', 'GET'];
+  httpMethod;
+
   isLaunched = false;
   jsonResult = null;
   rawResult = null;
@@ -51,6 +54,8 @@ CONSTRUCT {
       };
     }
 
+    console.log(this.httpMethod);
+
     this.jsonResult = null;
     this.rawResult = null;
     this.isLaunched = true;
@@ -61,7 +66,7 @@ CONSTRUCT {
           encodeURIComponent(this.knarql),
         httpOptions
       )
-      // .delay(3000)
+      //.delay(3000)
       .timeout(30000)
       .subscribe(
         res => {