graphdb-workbench/dist/js/angular/import/templates/import-resource-message.html

The web application for GraphDB APIs

<div class="import-resource-message">
    <span ng-if="resource.importResource.status === ImportResourceStatus.NONE && resource.importResource.message"
          class="text-info">
        <small>{{resource.importResource.message || ''}}</small>
    </span>
    <div ng-if="resource.importResource.status === ImportResourceStatus.DONE"
         class="success-messages">
        <em class="icon-check"></em>
        <div class="success-message">
            <span class="text-success">
                <small>{{resource.importResource.message || ''}}</small>
            </span>
            <span class="import-counters">
                <span class="import-counter" ng-if="resource.importResource.numReplacedGraphs > 0">
                    <small class="mr-0">
                        {{ 'import.status-info.replaced_count_graphs' | translate: {count: resource.importResource.numReplacedGraphs} }}
                        {{ (resource.importResource.addedStatements > 0 || resource.importResource.removedStatements > 0 ? ',' : '') }}
                    </small>
                </span>
                <span class="import-counter" ng-if="resource.importResource.addedStatements > 0">
                    <small>
                        {{ 'import.status-info.added_count_statements' | translate: {count: resource.importResource.addedStatements} }}
                        {{ (resource.importResource.removedStatements > 0 ? ',' : '') }}
                    </small>
                </span>
                <span class="import-counter" ng-if="resource.importResource.removedStatements > 0">
                    <small>
                        {{ 'import.status-info.removed_count_statements' | translate: {count: resource.importResource.removedStatements} }}
                    </small>
                </span>
            </span>
        </div>
    </div>
    <span ng-if="resource.importResource.status === ImportResourceStatus.ERROR || resource.importResource.status === ImportResourceStatus.UPLOAD_ERROR" class="text-danger error-message">
        <em class="icon-warning"></em>
        <button ng-if="resource.shortenedMessage"
                class="btn btn-link"
                ng-click="showMessage(resource)">
            <small>{{resource.shortenedMessage}}</small>
        </button>
        <small class="message" ng-if="!resource.shortenedMessage">{{resource.importResource.message || ''}}</small>
    </span>
    <span class="text-secondary import-status-loader"
          ng-if="resource.importResource.status === ImportResourceStatus.IMPORTING || resource.importResource.status === ImportResourceStatus.PENDING || resource.importResource.status === ImportResourceStatus.INTERRUPTING">
        <em class="icon-reload loader"></em>
        <small>{{toTitleCase(resource.importResource.status)}}...</small>
    </span>
    <span class="text-secondary import-status-loader"
          ng-if="resource.importResource.status === ImportResourceStatus.UPLOADING || resource.importResource.status === ImportResourceStatus.UPLOADED">
        <em class="icon-reload loader"></em>
        <small>{{resource.importResource.message ? resource.importResource.message : (toTitleCase(resource.importResource.status) + '...')}}</small>
    </span>
</div>