graphdb-workbench/dist/js/angular/templates/modal/add-fedx-remote-repo.html

The web application for GraphDB APIs

<!-- Start addRemoteMember.html -->
<div class="modal-header" ng-if="mode === 'remote'">
    <button ng-click="cancel();" class="close" aria-hidden="true" data-dismiss="dialog">
    </button>
    <h3 class="modal-title" ng-if="!model.editMode">Add remote repository</h3>
    <h3 class="modal-title" ng-if="model.editMode">Edit remote repository</h3>
</div>
<div class="modal-header" ng-if="mode === 'local'">
    <button ng-click="cancel();" class="close" aria-hidden="true" data-dismiss="dialog">
    </button>
    <h3 class="modal-title">Edit local repository</h3>
</div>
<form id="addFedXRepositoryForm" novalidate name="form">
    <div class="modal-body" ng-if="mode === 'remote'">
        <label> <input type="radio" name="model.store" ng-model="model.store" ng-disabled="model.editMode" id="graphdb-server" value="RemoteRepository">
            GraphDB/RDF4J server</label>
        <label class="padding-label"> <input type="radio" name="model.store" ng-model="model.store" ng-disabled="model.editMode" id="sparql-endpoint" value="SPARQLEndpoint">
            Generic SPARQL endpoint</label>
        <div ng-if="model.store === 'RemoteRepository'">
            <div class="form-group row">
                <label for="server-url" class="col-lg-3 col-form-label">Server URL*:</label>
                <div class="col-lg-8">
                    <input name="model.repositoryServer" ng-model="model.repositoryServer" type="text" id="server-url" class="form-control" ng-disabled="model.editMode" ng-required='!model.sparqlEndpoint'>
                </div>
            </div>
            <div class="form-group row">
                <label for="repository-id" class="col-lg-3 col-form-label">Repository ID*:</label>
                <div class="col-lg-8">
                    <input name="model.repositoryName" ng-model="model.repositoryName" type="text" id="repository-id" class="form-control" ng-disabled="model.editMode" ng-required='!model.sparqlEndpoint'>
                </div>
            </div>
        </div>
        <div ng-if="model.store === 'SPARQLEndpoint'">
            <div class="form-group row">
                <label for="url-endpoint" class="col-lg-3 col-form-label">Endpoint URL*:</label>
                <div class="col-lg-8">
                    <input name="model.sparqlEndpoint" ng-model="model.sparqlEndpoint" type="text" id="url-endpoint" class="form-control" ng-disabled="model.editMode" ng-required='!model.repositoryServer' ng-required='!model.repositoryName'>
                </div>
            </div>
            <div class="form-group row indented-div">
                <label for="ask-queries" class="col-lg-7 offset-xs-2">
                    <input name = "model.supportsASKQueries" ng-model = "model.supportsASKQueries" type="checkbox" id="ask-queries" ng-true-value="'true'" ng-false-value="'false'">  Supports ASK queries
                </label>
            </div>
        </div>
        <div id="auth-credentials">
            <p> <strong>Authentication credentials</strong> </p>
            <div id="username" class="form-group row">
                <label for="username-credentials" class=" col-lg-3 col-form-label">Username:</label>
                <div class="col-lg-8">
                    <input type="text" id="username-credentials" class="form-control" placeholder="my-user" ng-model="model.username">
                </div>
            </div>
            <div id="password" class="form-group row">
                <label for="password-credentials" class="col-lg-3 col-form-label">Password:</label>
                <div class="col-lg-8">
                    <input type="password" id="password-credentials" class="form-control" placeholder="my-password" ng-model="model.password">
                </div>
            </div>
        </div>
    </div>
    <div class="modal-body" ng-if="mode === 'local'">
        <div id="respect">
            <input type="radio" name="model.respectRights" ng-model="model.respectRights" id="respect_access" value="true">
            <label for="respect_access" style="font-size: 1.3em; display:inline">Respect repository's access rights</label>
            <p class="indented-div">Users without rights to this repository will see a federated view
                that does not include results from the repository</p>
        </div>
        <div id="ignore">
            <input type="radio" name="model.respectRights" ng-model="model.respectRights" id="ignore_access" value="false">
            <label for="ignore_access" style="font-size: 1.3em; display:inline">Ignore repository's access rights</label>
            <p class="indented-div">Users will see a federated view that includes results from
                the repository regardless of their rights to access the repository</p>
        </div>
    </div>
    <div class="modal-footer">
        <button type="submit" ng-click="ok();" class="btn btn-primary"
                ng-disabled="form.$invalid" ng-if="!model.editMode"> Add
        </button>
        <button type="submit" ng-click="ok();" class="btn btn-primary"
                ng-disabled="form.$invalid" ng-if="model.editMode"> Edit
        </button>
        <button type="button" ng-click="cancel();" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
    </div>
</form>