kpi-header/lib/Timezone/index.js

KPI-header plugin for KPI NINJA react UI

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireWildcard(require("react")),_reactIonicons=_interopRequireDefault(require("react-ionicons")),_reactstrap=require("reactstrap"),_reactSelect=_interopRequireDefault(require("react-select")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar")),_reactResponsiveTabs=_interopRequireDefault(require("react-responsive-tabs")),_TimelineExample=_interopRequireDefault(require("../TabsContent/TimelineExample")),_TimelineExampleNotification=_interopRequireDefault(require("../TabsContent/TimelineExampleNotification")),_OrgModuleService=require("../Services/OrgModuleService"),_TimezoneService=require("../Services/TimezoneService"),_NotificationService=require("../Services/NotificationService");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};d.get||d.set?Object.defineProperty(b,c,d):b[c]=a[c]}return b["default"]=a,b}function _typeof(a){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function asyncGeneratorStep(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){return void c(a)}h.done?b(i):Promise.resolve(i).then(d,e)}function _asyncToGenerator(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){function f(a){asyncGeneratorStep(h,d,e,f,g,"next",a)}function g(a){asyncGeneratorStep(h,d,e,f,g,"throw",a)}var h=a.apply(b,c);f(void 0)})}}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),a}function _possibleConstructorReturn(a,b){return b&&("object"===_typeof(b)||"function"==typeof b)?b:_assertThisInitialized(a)}function _getPrototypeOf(a){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},_getPrototypeOf(a)}function _assertThisInitialized(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function _inherits(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),b&&_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}var HeaderDots=/*#__PURE__*/function(a){function b(a){var c;return _classCallCheck(this,b),c=_possibleConstructorReturn(this,_getPrototypeOf(b).call(this,a)),_defineProperty(_assertThisInitialized(c),"setTabs",function(){c.setState({tabs:[{title:"Notification",content:_react["default"].createElement(_TimelineExampleNotification["default"],{openModal:c.openModal,userApi:c.props.userApi,authApi:c.props.authApi,authUrl:c.props.authUrl})},{title:"Events",content:_react["default"].createElement(_TimelineExample["default"],{openModal:c.openModal,userApi:c.props.userApi,authApi:c.props.authApi,authUrl:c.props.authUrl})}]})}),_defineProperty(_assertThisInitialized(c),"dashboardAPI",function(){(0,_OrgModuleService.getOrgModulesAPI)(c.props.userApi).then(function(a){c.setState({quickAccess:a.data.modules,flag:!0})})}),_defineProperty(_assertThisInitialized(c),"getTimeZone",function(){(0,_TimezoneService.getTimezonesAPI)(c.props.userApi).then(function(a){var b=Math.floor,d=Math.abs,e=[],f={},g="",h="";if(a.status&&null!=a.data&&null!=a.data.companyTimezone)f=a.data.companyTimezone,h={label:f.name+" GMT"+f.value,name:f.name,timezoneid:f.id,value:f.value+"&"+f.id,finalValue:f.value};else{var i=new Date().getTimezoneOffset(),j=d(i);g=(0>i?"+":"-")+("00"+b(j/60)).slice(-2)+":"+("00"+j%60).slice(-2)}if(a.status&&null!=a.data&&null!=a.data.timezone)for(var n in a.data.timezone){var l=a.data.timezone[n],m={label:l.name,name:l.name,timezoneid:l.id,value:l.value+"&"+l.id};!1||l.value!==g||(h=m),e.push(m)}c.setState({timezoneList:e,companyTimezone:f,selectedItem:h})})}),_defineProperty(_assertThisInitialized(c),"changeSelect",function(a){c.setState({selectedItem:a}),localStorage.setItem("timezone",a)}),_defineProperty(_assertThisInitialized(c),"handleTimezone",function(a){localStorage.setItem("timezone",a.name),c.setState({selectedTimezone:a})}),_defineProperty(_assertThisInitialized(c),"openModal",function(a){c.setState({notificationId:a.id,readNotificationStatus:a.read_status,showTabs:!c.state.showTabs}),(0,_NotificationService.notificationByIdAfterLoginAPI)(c.props.userApi,a.id).then(function(b){c.setState({header:"Notification Details",title:b.data.categoriesList[0].rootNotifications.title,cat:b.data.categoriesList[0].rootCategory.category,time:b.data.categoriesList[0].rootNotifications.root_companies.created_on,logo:b.data.categoriesList[0].rootCategory.logo,description:b.data.notificationList.notificationDescription,attachment:b.data.notificationList.attachmentLink,notes:b.data.notificationList.notes,modal:!c.state.modal}),c.state.readNotificationStatus||(0,_NotificationService.notificationReadByIdAPI)(c.props.userApi,a.id)})}),_defineProperty(_assertThisInitialized(c),"downloadNotification",function(a){(0,_NotificationService.downloadNotificationAttachmentAPI)(c.props.authApi,a).then(function(a){window.open(a.data,"_blank")})}),_defineProperty(_assertThisInitialized(c),"getTabs",function(){var a=[{title:"Notification",content:_react["default"].createElement(_TimelineExampleNotification["default"],{changeNumberOfNotifications:c.changeNumberOfNotifications,openModal:c.openModal,userApi:c.props.userApi,authApi:c.props.authApi,authUrl:c.props.authUrl})},{title:"Events",content:_react["default"].createElement(_TimelineExample["default"],{openModal:c.openModal,userApi:c.props.userApi,authApi:c.props.authApi,authUrl:c.props.authUrl})}];return a.map(function(a,b){return{title:a.title,getContent:function getContent(){return a.content},key:b}})}),_defineProperty(_assertThisInitialized(c),"showTabs",function(){c.setState({showTabs:!0})}),_defineProperty(_assertThisInitialized(c),"toggleModal",function(){c.setState({modal:!c.state.modal},c.toggleTab())}),_defineProperty(_assertThisInitialized(c),"toggleTab",function(){c.setState({showTabs:!c.state.showTabs})}),_defineProperty(_assertThisInitialized(c),"closeModal",function(){c.setState({modal:!c.state.modal})}),_defineProperty(_assertThisInitialized(c),"changeNumberOfNotifications",function(a){c.setState({numberOfNotifications:a})}),_defineProperty(_assertThisInitialized(c),"getNotificationCount",function(){var a=0;(0,_NotificationService.notificationAfterLoginAPI)(c.props.userApi,0).then(function(b){a+=b.data.unReadCountList[0].root_notification_count}).then(function(){(0,_NotificationService.notificationAfterLoginEventAPI)(c.props.userApi,0).then(function(b){a+=b.data.unReadCountList[0].root_notification_count})}).then(function(){c.setState({unreadNotificationCount:a})})}),c.state={active:!1,selectedTimezone:{},selectedItem:{},quickAccess:"",logo:"",flag:!1,showTabs:!1,timezoneList:[],companyTimezone:null,numberOfNotifications:0,readNotificationStatus:!1,unreadNotificationCount:0},c}return _inherits(b,a),_createClass(b,[{key:"componentDidMount",value:function(){var a=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function a(){return regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:this.props.userApi&&""!==this.props.userApi&&this.props.authApi&&""!==this.props.authApi&&this.props.authUrl&&""!==this.props.authUrl?(this.setTabs(),this.dashboardAPI(),this.getTimeZone(),this.getNotificationCount()):console.error("Please provide valid props in component: userApi, authApi, authUrl");case 1:case"end":return a.stop();}},a,this)}));return function componentDidMount(){return a.apply(this,arguments)}}()},{key:"render",value:function render(){var a=this;return _react["default"].createElement(_react.Fragment,null,_react["default"].createElement("div",{className:"header-dots"},_react["default"].createElement(_reactstrap.UncontrolledDropdown,null,_react["default"].createElement(_reactstrap.DropdownToggle,{className:"p-0 mr-2",color:"default"},_react["default"].createElement("div",{className:"icon-wrapper icon-wrapper-alt rounded-circle round-bg-gray"},_react["default"].createElement("div",{className:"icon-wrapper-bg bg-danger",style:{backgroundColor:"#ffffff !important"}}),_react["default"].createElement("i",{className:"fal fa-clock",style:{fontSize:"24px"}}))),_react["default"].createElement(_reactstrap.DropdownMenu,{right:!0,className:"dropdown-menu-xl rm-pointers p-2"},_react["default"].createElement(_reactSelect["default"],{options:this.state.timezoneList,value:this.state.selectedItem,onChange:this.changeSelect}))),_react["default"].createElement(_reactstrap.UncontrolledDropdown,null,_react["default"].createElement(_reactstrap.Dropdown,{isOpen:this.state.showTabs,toggle:function toggle(){return a.toggleTab()}},_react["default"].createElement(_reactstrap.DropdownToggle,{className:"p-0 mr-2",color:"link"},_react["default"].createElement("div",{className:"icon-wrapper icon-wrapper-alt rounded-circle round-bg-gray"},_react["default"].createElement("div",{className:"icon-wrapper-bg bg-danger",style:{backgroundColor:"#ffffff !important"}}),_react["default"].createElement(_reactIonicons["default"],{beat:!1,color:"#d92550",fontSize:"23px",icon:"md-notifications-outline"}),0!==this.state.unreadNotificationCount&&_react["default"].createElement("div",{className:"badge badge-dot badge-dot-sm badge-danger"},"Notifications1"))),_react["default"].createElement(_reactstrap.DropdownMenu,{right:!0,className:"dropdown-menu-xl rm-pointers"},_react["default"].createElement("div",{className:"dropdown-menu-header"},_react["default"].createElement("div",{className:"dropdown-menu-header-inner bg-deep-blue"},_react["default"].createElement("div",{className:"menu-header-image opacity-1"}),_react["default"].createElement("div",{className:"menu-header-content text-dark"},_react["default"].createElement("h5",{className:"menu-header-title"},"Notifications"),_react["default"].createElement("h6",{className:"menu-header-subtitle"},"You have ",_react["default"].createElement("b",null,this.state.numberOfNotifications)," ","unread messages")))),_react["default"].createElement("div",null,this.state.showTabs&&_react["default"].createElement(_reactResponsiveTabs["default"],{tabsWrapperClass:"body-tabs body-tabs-alt",transform:!1,showInkBar:!0,items:this.getTabs()}))))),_react["default"].createElement(_reactstrap.UncontrolledDropdown,null,_react["default"].createElement(_reactstrap.DropdownToggle,{className:"p-0 mr-2",color:"link"},_react["default"].createElement("div",{className:"icon-wrapper icon-wrapper-alt rounded-circle round-bg-gray"},_react["default"].createElement("div",{className:"icon-wrapper-bg bg-primary",style:{backgroundColor:"#ffffff !important"}}),_react["default"].createElement(_reactIonicons["default"],{color:"#3f6ad8",fontSize:"23px",icon:"md-grid"}))),_react["default"].createElement(_reactstrap.DropdownMenu,{right:!0,className:"dropdown-menu-xl rm-pointers"},_react["default"].createElement("div",{className:"scroll-area-md"},_react["default"].createElement(_reactPerfectScrollbar["default"],null,_react["default"].createElement("div",{className:"grid-menu grid-menu-xl grid-menu-3col"},_react["default"].createElement(_reactstrap.Row,{className:"no-gutters"},_react["default"].createElement(_reactstrap.Col,{xl:"4",sm:"6"},_react["default"].createElement("a",{style:{textDecoration:"none",color:"#474f56"},href:this.props.authUrl},_react["default"].createElement(_reactstrap.Button,{className:"btn-icon-vertical btn-square btn-transition",outline:!0,color:"link"},_react["default"].createElement("i",{className:"fal fa-home fa-3x mt-2",style:{color:"#6437ff"}}),_react["default"].createElement("br",null),_react["default"].createElement("span",{className:"mt-1"},"Universe")))),this.state.quickAccess&&this.state.quickAccess.map(function(a){return _react["default"].createElement(_reactstrap.Col,{xl:"4",sm:"6",key:a.id},_react["default"].createElement("a",{href:a.root_modules_id.moduleUrl,style:{textDecoration:"none",color:"#474f56"}},_react["default"].createElement(_reactstrap.Button,{className:"btn-icon-vertical btn-square btn-transition",outline:!0,color:"link"},_react["default"].createElement("i",{className:"".concat(a.root_modules_id.icon," fa-3x mt-2"),style:{color:"#6437ff"}}),_react["default"].createElement("br",null),_react["default"].createElement("span",{className:"mt-1"},a.root_modules_id.name))))})))))))),_react["default"].createElement(_reactstrap.Modal,{isOpen:this.state.modal,toggle:this.closeModal,size:"lg"},_react["default"].createElement(_reactstrap.ModalHeader,{toggle:this.toggleModal},this.state.header),_react["default"].createElement(_reactstrap.ModalBody,null,_react["default"].createElement("b",null,"Title: ")," ",this.state.title,_react["default"].createElement("br",null),_react["default"].createElement("b",null,"Category: ")," ",this.state.header," -",this.state.logo&&this.state.logo.split(",").map(function(a){return _react["default"].createElement("i",{key:a,className:a}," ")}),_react["default"].createElement("br",null),this.state.attachment?_react["default"].createElement("span",null,_react["default"].createElement("b",null,"Download: "),_react["default"].createElement("i",{style:{cursor:"pointer"},className:"fa fa-download",onClick:function onClick(){return a.downloadNotification(a.state.notificationId)}})):null,_react["default"].createElement("div",{className:"divider"}),this.state.description&&_react["default"].createElement("div",{dangerouslySetInnerHTML:{__html:this.state.description}}),this.state.notes&&_react["default"].createElement("span",{className:"mt-2"},_react["default"].createElement("textarea",{rows:"3",cols:"100",className:"form-control",id:"notesDetails",name:"notes",readOnly:"readonly",value:this.state.notes})),this.state.description),_react["default"].createElement(_reactstrap.ModalFooter,null,_react["default"].createElement(_reactstrap.Button,{color:"secondary",className:"",onClick:function onClick(){return a.toggleModal()}},"Cancel"))))}}]),b}(_react["default"].Component),_default=HeaderDots;exports["default"]=_default,module.exports=exports.default;