graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 3.26 kB
JavaScript
import{h}from"@stencil/core";import{OperationGroup,OperationStatus,navigateTo}from"../../../../../api/dist/ontotext-workbench-api";const operationGroupToIcon={[OperationGroup.BACKUP]:"ri-archive-line",[OperationGroup.QUERY]:"ri-arrow-left-right-line",[OperationGroup.CLUSTER]:"ri-organization-chart",[OperationGroup.IMPORT]:"ri-download-2-line"},operationStatusToWarningClass={[OperationStatus.WARNING]:"status-warning",[OperationStatus.INFORMATION]:"status-information",[OperationStatus.CRITICAL]:"status-critical"},operationStatusToFadeClass={[OperationStatus.WARNING]:"onto-btn-fade-warning",[OperationStatus.CRITICAL]:"onto-btn-fade-danger"};export class OntoOperationsNotification{constructor(){this.isOpen=!1,this.toggleDropdown=t=>{t.stopPropagation(),this.isOpen=!this.isOpen}}handleOutsideClick(){this.isOpen&&(this.isOpen=!1)}render(){var t;return this.operationGroups=this.activeOperations.toOperationGroupSummaryList(),h("section",{key:"7a92d84014a1600e615b78c2dd89dbd68b2f214f",class:"operations-statuses"},h("button",{key:"2e157a404f2fe64ce08097992598bdfca36cf7db",class:`operations-statuses-dropdown-toggle ${this.isOpen?"open":"closed"} ${null!==(t=operationStatusToFadeClass[this.activeOperations.status])&&void 0!==t?t:""}`,onClick:this.toggleDropdown},this.operationGroups.getItems().map(t=>h("section",{key:t.id,class:"operation-status-header"},h("i",{class:`${operationGroupToIcon[t.group]} ${operationStatusToWarningClass[t.status]}`}),t.totalOperations?h("sup",{class:"running-operation-count tag-info"},t.totalOperations):"")),h("i",{key:"980f0e06cb1182f9e832f45423f6872af27bb0ec",class:"ri-arrow-down-s-line "+(this.isOpen?"rotate-180":"")})),this.isOpen&&h("ul",{key:"4dae219ef215abce0367335ab10c8ab85cfad684",class:"operations-dropdown"},h("section",{key:"e0de9986991b78cd339da605148a22b088a55566",class:"operations-statuses-content"},this.activeOperations.allRunningOperations.getItems().map(t=>h("li",{key:t.id},h("a",{class:`operation-status-content onto-btn no-underline ${operationStatusToWarningClass[t.status]}`,target:"_blank",onClick:navigateTo(t.href)},h("i",{class:operationGroupToIcon[t.group]}),h("span",{class:"operation-status-label"},h("translate-label",{labelKey:`operations_notification.links.${t.labelKey}`})),h("span",{class:"operation-number"},t.count?h("span",{class:"operation-status-running-operation-count"},t.count):"")))))))}static get is(){return"onto-operations-notification"}static get originalStyleUrls(){return{$:["onto-operations-notification.scss"]}}static get styleUrls(){return{$:["onto-operations-notification.css"]}}static get properties(){return{activeOperations:{type:"unknown",attribute:"active-operations",mutable:!1,complexType:{original:"OperationStatusSummary",resolved:"OperationStatusSummary",references:{OperationStatusSummary:{location:"import",path:"@ontotext/workbench-api",id:"../api/dist/ontotext-workbench-api.d.ts::OperationStatusSummary"}}},required:!1,optional:!1,docs:{tags:[],text:"The active operations summary. Holds general status and all current operations"},getter:!1,setter:!1}}}static get states(){return{isOpen:{}}}static get elementRef(){return"el"}static get listeners(){return[{name:"click",method:"handleOutsideClick",target:"window",capture:!1,passive:!1}]}}