graphdb-workbench/dist/js/angular/graphql/templates/step-configure-endpoint.html

The web application for GraphDB APIs

<div onto-loader-new ng-if="loadingData" class="schema-sources-loader" size="100"></div>

<div ng-show="!loadingData" class="endpoint-configuration-view">

    <h5 class="title mt-2">
        <span>{{'graphql.create_endpoint.wizard_steps.configure_endpoint.endpoint_parameters.title' | translate}}</span>
        <span ng-click="toggleAdvancedSettings()" class="toggle-advanced-settings">
            <input type="checkbox" class="switch" ng-checked="showAdvancedSettings"/>
            <label></label>
            <span>{{'graphql.create_endpoint.wizard_steps.configure_endpoint.endpoint_parameters.actions.show_advanced_settings.label' | translate}}</span>
        </span>
    </h5>

    <div class="endpoint-configuration-container">
        <dynamic-form ng-if="endpointConfiguration.settings.hasSettings"
                      form-model="endpointConfiguration.settings.settings"
                      show-all-fields="showAdvancedSettings"
                      on-validity-change="handleValidityChange(valid)"
                      translation-key-prefix="graphql.create_endpoint.wizard_steps.configure_endpoint.endpoint_parameters.settings."
                      form-ctrl="formCtrl" class="generation-settings-form">
        </dynamic-form>
    </div>

    <div class="wizard-actions mt-2">
        <button class="btn btn-secondary cancel-btn mr-1"
                ng-click="cancel()">
            {{'graphql.create_endpoint.wizard_steps.actions.cancel.label' | translate}}
        </button>
        <button class="btn btn-secondary back-btn mr-1"
                ng-click="back()">
            {{'graphql.create_endpoint.wizard_steps.actions.back.label' | translate}}
        </button>
        <button class="btn btn-primary next-btn" ng-disabled="!endpointConfigurationSettingsValid || formCtrl.$pristine"
                ng-click="next()">
            {{'graphql.create_endpoint.wizard_steps.actions.next.label' | translate}}
        </button>
    </div>
</div>