graphdb-workbench/dist/js/angular/repositories/templates/ontop-repo.html

The web application for GraphDB APIs

<div id="ontop-content" class="pt-1">
    <h4>Ontop configuration</h4>
    <div class="form-group row indented-div">
        <label class="col-xs-12 col-md-3 col-lg-2 col-form-label">Database driver</label>
        <div class="col-xs-8 col-md-5 col-lg-4" uib-tooltip="{{repoTooltips.ontop.driverType}}">
            <select class="form-control" id="driverType" ng-model="selectedDriver.driverType"
                    ng-change="selectDriverByType(selectedDriver.driverType)"
                    ng-options="driver.driverType as driver.driverName for driver in supportedDriversData">
            </select>
        </div>
        <div class="form-group col-xs-4 col-md-2 wrapper-div"
             ng-if="selectedDriver.driverType === genericDriverType"
             uib-tooltip="{{repoTooltips.ontop.testConn}}">
            <button id="testConnection" ng-click="validateOntopPropertiesConnection()"
                    ng-disabled="!isOntopRepoFileUploaded() && !editRepoPage"
                    type="submit"
                    class="btn btn-primary">Test connection
            </button>
        </div>
    </div>
    <div ng-repeat="labelName in propertiesFileParams" class="form-group row indented-div"
         ng-if="selectedDriver.driverType !== genericDriverType">
        <label for="{{labelName}}" class="col-xs-12 col-md-3 col-lg-2 col-form-label">
            {{supportedDriverLabels[labelName] + (isRequiredField(labelName) ? '*' : '')}}</label>
        <div ng-class="{'col-xs-8 col-md-5 col-lg-4': labelName === 'url', 'col-xs-12 col-md-5 col-lg-4': labelName !== 'url'}"
             uib-tooltip="{{getFieldTooltip(labelName)}}">
            <input id="{{labelName}}" class="form-control" ng-readonly="isReadOnly(labelName)"
                   type="{{getInputType(labelName)}}" min="1" max="65535"
                   ng-required="isRequiredField(labelName)"
                   placeholder="{{isRequiredField(labelName) ? 'This field is required' : ''}}"
                   ng-model="selectedDriver.jdbc[labelName]" ng-change="concatURL(labelName)">
        </div>
        <div class="col-xs-12 col-md-4" ng-if="labelName === 'driverClass'">
            <em class="icon-warning icon-2x"
                ng-if="!classAvailable"
                uib-tooltip="{{repoTooltips.ontop.driverClassWarning}}"
                tooltip-placement="top"></em>
            <a class="uri" ng-if="selectedDriver.downloadDriverUrl && !classAvailable"
               href="{{selectedDriver.downloadDriverUrl}}"
               style="text-decoration: underline;">
                Download JDBC driver
            </a>
        </div>
        <div class="col-xs-4 col-md-2" ng-if="labelName === 'url'">
            <div class="wrapper-div" uib-tooltip="{{repoTooltips.ontop.testConn}}">
                <button id="testConnection1" ng-click="validateOntopPropertiesConnection()"
                        ng-disabled="!selectedDriver.jdbc.hostName || !selectedDriver.jdbc.userName || !selectedDriver.jdbc.databaseName || isRequiredField('port') && !selectedDriver.jdbc.port"
                        type="submit"
                        class="btn btn-primary">Test connection
                </button>
            </div>
        </div>
    </div>
    <div ng-repeat="file in ontopRepoFiles" class="form-group row indented-div"
         ng-if="selectedDriver.driverType === genericDriverType || propertiesFile !== file">
        <label for="{{file}}" class="col-xs-12 col-md-3 col-lg-2 col-form-label">
            {{repositoryInfo.params[file].label + (isRequiredOntopRepoFile(file) ? '*' : '')}}</label>
        <div class="col-xs-8 col-md-5 col-lg-4" uib-tooltip="{{repoTooltips.ontop[file]}}">
            <a class="btn btn-link ot-edit-input" ng-if="ontopRepoFileNames[file]" ng-click="editFile(file)"
               uib-tooltip="Edit file content"
               tooltip-placement="right"
               tooltip-trigger="mouseenter">
                <span class="icon-edit"></span>
            </a>
            <input class="form-control" id="{{file}}" ng-readonly="true"
                   placeholder="{{isRequiredOntopRepoFile(file) ? 'This file is required' : ''}}"
                   ng-model="ontopRepoFileNames[file]">
        </div>
        <div class="col-xs-4 col-md-2">
            <div class="btn btn-outline-primary btn-sm">
                <div ngf-select ngf-change="uploadOntopRepoFile($files, file)" ngf-multiple="false "
                     class="selectFiles pointer clearfix">
                    <em ng-hide="uploadFileLoader" class="fa fa-upload fa-2x"></em>&nbsp;
                    <div ng-show="uploadFileLoader" onto-loader size="24" class="spinner-container ot-loader"></div>
                    <span for="{{file}}" class="pageInfo" style="vertical-align: super; color: #8a8a8a;">Upload file...</span>
                </div>
            </div>
        </div>
    </div>
    <div class="pt-1"></div>
    <div class="form-group row" ng-if="editRepoPage">
        <div class="checkbox col-xs-12">
            <label uib-tooltip="Check to restart the repository and apply the changes.">
                <input id="restartRepo" name="restartRepo"
                       type="checkbox"
                       ng-model="repositoryInfo.restartRequested"
                       ng-checked="repositoryInfo.restartRequested || repositoryInfo.saveId !== repositoryInfo.id"
                       ng-disabled="repositoryInfo.saveId !== repositoryInfo.id"/>
                Restart repository
            </label>
        </div>
    </div>
    <div class="form-group row pb-3">
        <div class="col-xs-12">
            <button id="addSaveOntopRepository" ng-click="createOntopRepo()" ng-if="!editRepoPage" type="submit" class="btn btn-primary">Create</button>
            <button id="addEditOntopRepository" ng-click="editOntopRepo()" ng-if="editRepoPage" type="submit" class="btn btn-primary">Save</button>
            <a ng-click="goBackToPrevious()" class="btn btn-secondary">Cancel</a>
        </div>
    </div>
</div>