X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;ds=sidebyside;f=provider%2Fview%2Fgetapi.html;fp=provider%2Fview%2Fgetapi.html;h=9ae04e36ed98f4f53613ddea6dc5791091ef8aa9;hb=e71305f32cddb7933da76dc5ce60193a866c48e7;hp=0000000000000000000000000000000000000000;hpb=7ae570afcc8119b1563cb786b2a34bf190f105da;p=nonrtric%2Fplt%2Fsme.git

diff --git a/provider/view/getapi.html b/provider/view/getapi.html
new file mode 100644
index 0000000..9ae04e3
--- /dev/null
+++ b/provider/view/getapi.html
@@ -0,0 +1,109 @@
+<!--
+   ========================LICENSE_START=================================
+   O-RAN-SC
+   %%
+   Copyright (C) 2023: Nordix Foundation
+   %%
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+   ========================LICENSE_END===================================
+-->
+{{define "title"}}
+  CAPIF Provider | {{index . "name"}}
+{{end}}
+
+{{define "body"}}
+
+{{if .isResponse}}
+<div class="p-5 mb-4 bg-light rounded-3">
+    <div class="container-fluid py-5">
+      <h4 class="card-subtitle mb-3 text-body-secondary">Response from CAPIF core</h4>
+      <div class="callout callout-info">
+        <h5 class="card-subtitle mb-3 text-body-secondary">ServiceAPIDescription</h5>
+        <div id="response">
+        </div>
+      </div>
+
+      <div class="btns col-md-12 text-center">
+        <form action="/" method="GET">
+            <input class="btn btn-secondary" formaction="/" type="submit" value="Return to main page">
+          </form>
+      </div>
+    </div>
+  </div>
+  <script>
+    var htmlResponse = "{{.response}}"
+    const strData = JSON.parse(htmlResponse);
+    let out = "";
+    strData.forEach((api) => {
+        out += `
+          <h6>
+            ApiId:
+            <small id="ApiId" class="text-muted">${api.apiId}</small>
+          </h6>
+          <h6>
+            ApiName:
+            <small id="ApiName" class="text-muted">${api.apiName}</small>
+          </h6>
+          <h6>
+            Description:
+            <small id="Description" class="text-muted">${api.description}</small>
+          </h6>
+
+          <h6>AefProfiles:</h6>
+          <div id="responseTable" class="table-responsive">
+            <table class="table accordion">
+              <thead>
+                 <tr>
+                    <th scope="col">AefId</th>
+                    <th scope="col">AefLocation</th>
+                    <th scope="col">DomainName</th>
+                    <th scope="col">Protocol</th>
+                    <th scope="col">SecurityMethods</th>
+                 </tr>
+              </thead>
+              <tbody id="data-output">
+                 <!-- Prodcuts from javascript file in here. -->
+                 ${printAefProfiles(api.aefProfiles)}
+              </tbody>
+           </table>
+          </div>
+        `;
+
+        document.querySelector("#response").innerHTML = out;
+    });
+  </script>
+{{- else}}
+    <div class="p-5 mb-4 bg-light rounded-3">
+        <div class="container-fluid py-5">
+            {{if .isError}}
+                <div class="alert alert-danger" role="alert">
+                    {{.response}}
+                </div>
+            {{end}}
+            <h5 class="card-subtitle mb-3 text-body-secondary">API publishing functions> Get APIs</h5>
+            <form action="/getapi" method="GET">
+                <div class="mb-3">
+                    <label for="apfId" class="form-label">ApfId:</label>
+                    <input type="text" class="form-control" id="apfId" name="apfId" placeholder="apfId" required>
+                </div>
+                <div class="btns col-md-12 text-center">
+                    <input class="btn btn-primary" type="submit" value="Submit">
+                    <input class="btn btn-secondary" formaction="/" type="submit" value="Cancel" formnovalidate>
+                </div>
+            </form>
+        </div>
+    </div>
+{{- end}}
+{{end}}
+
+