graphdb-workbench
Version:
The web application for GraphDB APIs
75 lines (72 loc) • 4.4 kB
HTML
<div class="modal-header">
<button type="button" class="close" ng-click="cancel()"></button>
<h4 class="modal-title">{{'import.data.from.url' | translate}}</h4>
</div>
<div class="modal-body">
<form name="urlForm" class="url-import-form" ng-submit="importUrlForm($event)" ng-hide="loader" novalidate>
<div class="input-group mb-1">
<input required validate-uri id="dataUrl" name="dataUrl" placeholder="{{'url.import.input.placeholder' | translate}}"
ng-model="dataUrl" class="form-control" autocomplete="off"
uib-popover="{{'import.supported.url.with.rdf' | translate}} {{fileFormatsHuman}}. "
popover-placement="bottom"
popover-trigger="focus">
</div>
<div class="text-danger" ng-if="urlForm.dataUrl.$dirty && urlForm.dataUrl.$error.validateUri">
{{'import.invalid.url' | translate}}
</div>
<div class="text-danger" ng-if="urlForm.dataUrl.$touched && urlForm.dataUrl.$error.required">
{{'required.field' | translate}}
</div>
</form>
</div>
<div class="modal-footer">
<div class="mb-1">
<span uib-popover="{{'import.enable.for.auto.start' | translate}}"
popover-trigger="mouseenter"
popover-placement="top">
<input id="import-now-checkbox" type="checkbox" ng-model="startImport"/>
<label for="import-now-checkbox">"{{'import.auto.start' | translate}}</label>
</span>
</div>
<div>
<button type="button" ng-click="cancel()" class="btn btn-secondary">{{'common.cancel.btn' | translate}}</button>
<div class="btn-group import-format-dropdown" uib-dropdown>
<button class="btn btn-secondary dropdown-toggle import-format-dropdown-btn" uib-dropdown-toggle>
{{'import.format' | translate}}: {{importFormat.name}}
</button>
<ul class="dropdown-menu" role="menu">
<li><a ng-click="importFormat = {name: 'Auto', type: ''}"
class="dropdown-item">Auto</a></li>
<li><a ng-click="importFormat = {name: 'RDF/JSON', type: 'application/rdf+json'}"
class="dropdown-item">RDF/JSON</a></li>
<li><a ng-click="importFormat = {name: 'JSON-LD', type: 'application/ld+json'}"
class="dropdown-item">JSON-LD</a></li>
<li><a ng-click="importFormat = {name: 'NDJSON-LD', type: 'application/x-ld+NDjson'}"
class="dropdown-item">NDJSON-LD</a></li>
<li><a ng-click="importFormat = {name: 'RDF/XML', type: 'application/rdf+xml'}"
class="dropdown-item">RDF/XML</a></li>
<li><a ng-click="importFormat = {name: 'N3', type: 'text/rdf+n3'}"
class="dropdown-item">N3</a></li>
<li><a ng-click="importFormat = {name: 'N-Triples', type: 'text/plain'}"
class="dropdown-item">N-Triples</a></li>
<li><a ng-click="importFormat = {name: 'N-Quads', type: 'text/x-nquads'}"
class="dropdown-item">N-Quads</a></li>
<li><a ng-click="importFormat = {name: 'Turtle', type: 'text/turtle'}"
class="dropdown-item">Turtle</a></li>
<li><a ng-click="importFormat = {name: 'Turtle*', type: 'application/x-turtlestar'}"
class="dropdown-item">Turtle*</a></li>
<li><a ng-click="importFormat = {name: 'TriX', type: 'application/trix'}"
class="dropdown-item">TriX</a></li>
<li><a ng-click="importFormat = {name: 'TriG', type: 'application/x-trig'}"
class="dropdown-item">TriG</a></li>
<li><a ng-click="importFormat = {name: 'TriG*', type: 'application/x-trigstar'}"
class="dropdown-item">TriG*</a></li>
<li><a ng-click="importFormat = {name: 'BinaryRDF', type: 'application/x-binary-rdf'}"
class="dropdown-item">BinaryRDF</a></li>
</ul>
</div>
<button id="wb-import-importUrl" ng-disabled="urlForm.$invalid" ng-click="ok()" class="btn btn-primary">
<span class="icon-import"></span> {{'common.import' | translate}}
</button>
</div>
</div>