graphdb-workbench/dist/js/angular/autocomplete/templates/modal/add-label.html

The web application for GraphDB APIs

<!-- Start save graph modal -->

<div class="modal-header">
    <button type="button" class="close" ng-click="cancel()"></button>
    <h3 ng-if="isNew" class="modal-title">{{'add.label.add.autocomplete' | translate}}</h3>
    <h3 ng-if="!isNew" class="modal-title">{{'add.label.edit.autocomplete' | translate}}</h3>
</div>
<div class="modal-body">
    <form name="form" id="addLabelForm">

        <input id="wb-autocomplete-iri" name="autocompleteIri" required type="text" ng-model="label.labelIri" class="form-control" validate-url
               placeholder= "{{'add.label.enter.iri' | translate}}" autofocus/>
        <div ng-show="form.autocompleteIri.$error.validUrl" class="error-message">
            {{'invalid.uri.msg' | translate}}
        </div>

        <div class="mt-1 mb-2 templates">
            <span class="tag tag-default" ng-click="setTemplate('http://www.w3.org/2000/01/rdf-schema#label')">rdfs:label</span>
            <span class="tag tag-default" ng-click="label.labelIri = 'http://www.w3.org/2004/02/skos/core#prefLabel'; $('#wb-autocomplete-languages').focus()">skos:prefLabel</span>
            <span class="tag tag-default" ng-click="label.labelIri = 'http://xmlns.com/foaf/0.1/name'; $('#wb-autocomplete-languages').focus()">foaf:name</span>
        </div>

        <input id="wb-autocomplete-languages" type="text" ng-model="label.languages" class="form-control"
               placeholder="{{'add.label.enter.comma.separated' | translate}}"/>
    </form>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
    <button id="wb-autocomplete-savegraph-submit" form="addLabelForm" ng-disabled="form.autocompleteIri.$invalid" class="btn btn-primary" ng-click="ok()" type="submit">{{'common.ok.btn' | translate}}</button>
</div>

<!-- End save graph modal -->