dnet-applications/apps/dnet-is-application/src/main/resources/static/html/dsm_add_api.html

73 lines
2.5 KiB
HTML

<h1 class="ml-3 mb-4 mt-3">Datasource Manager: Add API</h1>
<div class="container-fluid">
<div class="row mt-5">
<div class="col">
<form>
<div class="form-group row">
<label class="col-sm-2 col-form-label col-form-label-sm">Datasource</label>
<div class="col-sm-10">
<input type="text" readonly class="form-control-plaintext form-control-sm" ng-model="dsName"/>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label col-form-label-sm">API Id</label>
<div class="col-sm-10">
<div class="input-group input-group-sm">
<div class="input-group-prepend">
<span class="input-group-text">{{prefix}}</span>
</div>
<input type="text" class="form-control" ng-model="api.id" />
</div>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label col-form-label-sm">Compatibility level</label>
<div class="col-sm-10">
<select class="custom-select custom-select-sm" ng-model="api.compliance">
<option ng-repeat="v in compatibilityLevels">{{v}}</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label col-form-label-sm">Content description</label>
<div class="col-sm-10">
<select class="custom-select custom-select-sm" ng-model="api.contentdescription">
<option ng-repeat="v in contentDescTypes">{{v}}</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label col-form-label-sm">Protocol</label>
<div class="col-sm-10">
<select class="custom-select custom-select-sm" ng-model="api.protocol" ng-change="updateSelProtParams()">
<option ng-repeat="prot in protocols">{{prot.id}}</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label col-form-label-sm">BaseURL</label>
<div class="col-sm-10">
<input type="text" class="form-control form-control-sm" ng-model="api.baseUrl"/>
</div>
</div>
<div ng-show="api.protocol" ng-repeat="p in selProtParams">
<div class="form-group row">
<label class="col-sm-2 col-form-label col-form-label-sm">Parameter: {{p.label}}</label>
<div class="col-sm-10">
<input type="text" class="form-control form-control-sm" ng-model="api.apiParams[p.name]"/>
</div>
</div>
</div>
</form>
{{api}}
</div>
</div>
</div>