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.repo' | translate}}</h3>
    <h3 class="modal-title" ng-if="model.editMode">{{'edit.remote.repo' | translate}}</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.repo' | translate}}</h3>
</div>
<div class="modal-body" ng-if="mode === 'remote'">
    <form id="addFedXRepositoryForm" novalidate name="form">
        <label> <input type="radio" name="model.store" ng-model="model.store" ng-disabled="model.editMode" id="graphdb-server" value="RemoteRepository">
            {{'gdb.rdf4j.server' | translate}}</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' | translate}}</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' | translate}}</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">{{'repo.id' | translate}}</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' | translate}}</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' | translate}}
                </label>
            </div>
        </div>
        <div id="auth-credentials">
            <p> <strong>{{'authentication.credentials' | translate}}</strong> </p>
            <div id="username" class="form-group row">
                <label for="username-credentials" class=" col-lg-3 col-form-label">{{'username' | translate}}</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">{{'pass' | translate}}</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>
    </form>
</div>
<div class="modal-body" ng-if="mode === 'local'">
    <form id="addFedXRepositoryForm" novalidate name="form">
        <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.repo.access.rights' | translate}}</label>
            <p class="indented-div">{{'no.access.to.repo.users.warning' | translate}}</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.repo.access.rights' | translate}}</label>
            <p class="indented-div">{{'regardless.repo.rights.federated.view.warning' | translate}}</p>
        </div>
    </form>
</div>
<div class="modal-footer">
    <button type="submit" form="addFedXRepositoryForm" ng-click="ok();" class="btn btn-primary"
            ng-disabled="form.$invalid" ng-if="!model.editMode"> {{'common.add' | translate}}
    </button>
    <button type="submit" form="addFedXRepositoryForm" ng-click="ok();" class="btn btn-primary"
            ng-disabled="form.$invalid" ng-if="model.editMode"> {{'edit' | translate}}
    </button>
    <button type="button" ng-click="cancel();" class="btn btn-secondary" data-dismiss="modal">{{'common.cancel.btn' | translate}}</button>
</div>