1 line
14 KiB
JavaScript
1 line
14 KiB
JavaScript
webpackJsonp([8],{"+uBh":function(e,t){},"/CfG":function(e,t){},"/Jpy":function(e,t){},"8AHC":function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=s("JaHG"),r={name:"clients-basic",props:{record:{type:Object,default:function(){return{}}}},filters:{transToUnlimit:function(e){return 0===e?"Unlimited":e}},data:function(){return{showMore:!1,mqttVersionMap:{3:"v3.1",4:"v3.1.1",5:"v5.0"}}},methods:{interceptString:function(e,t){return Object(n.d)(e,t)}}},c={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"clients-basic"},[s("el-card",{staticClass:"el-card--self tabs-card"},[s("el-row",[s("el-form",{ref:"record",staticClass:"clients-basic-form",attrs:{model:e.record,"label-suffix":":"}},[s("el-col",{attrs:{span:12}},[s("div",{staticClass:"card-subtitle"},[e._v(e._s(e.$t("clients.connectInfo")))]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.node"),prop:"node"}},[s("span",[e._v(e._s(e.record.node))])]),e._v(" "),e.record.clientid?s("el-form-item",{attrs:{label:e.$t("clients.clientId"),prop:"clientid"}},[e.record.clientid.length>60?s("el-popover",{attrs:{placement:"top-start",trigger:"hover",content:e.record.clientid}},[s("span",{attrs:{slot:"reference"},slot:"reference"},[e._v(e._s(e.interceptString(e.record.clientid,60)))])]):e._e()],1):e._e(),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.username"),prop:"username"}},[s("span",[e._v(e._s(e.record.username))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.protoType")}},["MQTT"===e.record.proto_name?[s("span",[e._v(e._s(e.record.proto_name)+" "+e._s(e.mqttVersionMap[e.record.proto_ver]))])]:[s("span",[e._v("\n "+e._s(e.record.proto_name)+"\n "),e.record.proto_ver?s("span",[e._v(" v"+e._s(e.record.proto_ver))]):e._e()])]],2),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.ipAddr"),prop:"ip_address"}},[s("span",[e._v(e._s(e.record.ip_address))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.port"),prop:"port"}},[s("span",[e._v(e._s(e.record.port))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.keepalive"),prop:"keepalive"}},[s("span",[e._v(e._s(e.record.keepalive))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.isBridge"),prop:"is_bridge"}},[s("span",[e._v(e._s(e.record.is_bridge))])]),e._v(" "),e.record.connected?s("el-form-item",{attrs:{label:e.$t("clients.connectedAt"),prop:"connected_at"}},[s("span",[e._v(e._s(e.record.connected_at))])]):e._e(),e._v(" "),e.record.connected?e._e():s("el-form-item",{attrs:{label:e.$t("clients.disconnectAt"),prop:"disconnected_at"}},[s("span",[e._v(e._s(e.record.disconnected_at))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.connected"),prop:"connected"}},[s("span",{class:e.record.connected?"connected":"disconnected"},[e._v("\n "+e._s(e.record.connected?e.$t("websocket.connected"):e.$t("websocket.disconnected"))+"\n ")])]),e._v(" "),s("el-form-item",{attrs:{label:"Zone",prop:"zone"}},[s("span",[e._v(e._s(e.record.zone))])])],1),e._v(" "),s("el-col",{attrs:{span:12}},[s("div",{staticClass:"card-subtitle"},[e._v(e._s(e.$t("clients.session")))]),e._v(" "),s("el-form-item",{attrs:{label:5===e.record.proto_ver?"Clean Start":"Clean Session",prop:"clean_start"}},[s("span",[e._v(e._s(e.record.clean_start))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.expiryInterval"),prop:"expiry_interval"}},[s("span",[e._v(e._s(e.record.expiry_interval))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.createdAt"),prop:"created_at"}},[s("span",[e._v(e._s(e.record.created_at))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.subscriptions")}},[s("span",[e._v(e._s(e.record.subscriptions_cnt)+" / "+e._s(e._f("transToUnlimit")(e.record.max_subscriptions)))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.max")+" "+e.$t("clients.subscriptions")}},[s("span",[e._v(e._s(e._f("transToUnlimit")(e.record.max_subscriptions)))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.inflight")}},[s("span",[e._v(e._s(e.record.inflight)+" / "+e._s(e.record.max_inflight))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.max")+" "+e.$t("clients.inflight")}},[s("span",[e._v(e._s(e.record.max_inflight))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.mqueue")}},[s("span",[e._v(e._s(e.record.mqueue_len)+" / "+e._s(e.record.max_mqueue))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.max")+" "+e.$t("clients.mqueue")}},[s("span",[e._v(e._s(e.record.max_mqueue))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.awaiting_rel"),prop:"awaiting_rel"}},[s("span",[e._v(e._s(e.record.awaiting_rel))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.max")+" "+e.$t("clients.awaiting_rel"),prop:"max_awaiting_rel"}},[s("span",[e._v(e._s(e.record.max_awaiting_rel))])])],1)],1)],1),e._v(" "),s("div",{staticClass:"view-more"},[s("a",{attrs:{href:"javascript:;"},on:{click:function(t){e.showMore=!e.showMore}}},[e._v("\n "+e._s(e.showMore?e.$t("oper.collapse"):e.$t("oper.viewMore"))+"\n "),s("i",{class:e.showMore?"el-icon-arrow-up":"el-icon-arrow-down"})])]),e._v(" "),s("el-collapse-transition",[e.showMore?s("el-form",{ref:"record",staticClass:"clients-basic-form",attrs:{model:e.record,"label-suffix":":"}},[s("el-row",[s("el-col",{attrs:{span:12}},[s("el-form-item",{attrs:{label:e.$t("clients.recv_cnt_desc"),prop:"recv_cnt"}},[s("span",[e._v(e._s(e.record.recv_cnt))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.recv_msg_desc"),prop:"recv_msg"}},[s("span",[e._v(e._s(e.record.recv_msg))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.recv_oct_desc"),prop:"recv_oct"}},[s("span",[e._v(e._s(e.record.recv_oct))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.recv_pkt_desc"),prop:"recv_pkt"}},[s("span",[e._v(e._s(e.record.recv_pkt))])])],1),e._v(" "),s("el-col",{attrs:{span:12}},[s("el-form-item",{attrs:{label:e.$t("clients.send_cnt_desc"),prop:"send_cnt"}},[s("span",[e._v(e._s(e.record.send_cnt))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.send_msg_desc"),prop:"send_msg"}},[s("span",[e._v(e._s(e.record.send_msg))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.send_oct_desc"),prop:"send_oct"}},[s("span",[e._v(e._s(e.record.send_oct))])]),e._v(" "),s("el-form-item",{attrs:{label:e.$t("clients.send_pkt_desc"),prop:"send_pkt"}},[s("span",[e._v(e._s(e.record.send_pkt))])])],1)],1)],1):e._e()],1)],1)],1)},staticRenderFns:[]};var i=s("VU/8")(r,c,!1,function(e){s("+uBh")},null,null).exports,o=s("woOf"),a=s.n(o),l={name:"clients-subscriptions",components:{EmqSelect:s("FcGO").a},props:{clientId:{type:String,required:!0},tableData:{type:Array,required:!0},reload:{type:Function,default:function(){}},mountpoint:{type:String,default:""}},data:function(){return{addVisible:!1,record:{topic:"",qos:0},rules:{clientid:{required:!0,message:this.$t("oper.pleaseEnter")},topic:{required:!0,message:this.$t("oper.pleaseEnter")}}}},methods:{handleUnsub:function(e){var t=this;this.$msgbox.confirm(this.$t("oper.unsubscribeConfirm"),this.$t("oper.warning"),{type:"warning"}).then(function(){var s=e.topic,n=e.clientid,r={topic:t.mountpoint?s.replace(t.mountpoint,""):s,clientid:n};t.$httpPost("/mqtt/unsubscribe",r).then(function(){t.reload()}).catch(function(){})}).catch(function(){})},open:function(){this.addVisible=!0,this.record.clientid=this.clientId},handleAdd:function(){var e=this;this.$refs.record.validate(function(t){if(t){var s={};a()(s,e.record),e.$httpPost("/mqtt/subscribe",s).then(function(){e.handleClose(),e.reload()}).catch(function(){})}})},handleClose:function(){this.$refs.record.resetFields(),this.addVisible=!1}}},d={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"clients-subscriptions"},[s("el-card",{staticClass:"el-card--self tabs-card"},[s("el-row",[s("el-col",{staticClass:"card-subtitle",attrs:{span:12}},[e._v("\n "+e._s(this.$t("clients.currentSubs"))+"\n ")]),e._v(" "),s("el-col",{staticClass:"oper-btn-group",attrs:{span:12}},[s("el-button",{attrs:{size:"mini",type:"success",icon:"el-icon-refresh",plain:""},on:{click:e.reload}},[e._v("\n "+e._s(e.$t("oper.refresh"))+"\n ")]),e._v(" "),s("el-button",{attrs:{size:"mini",type:"success",icon:"el-icon-plus",plain:""},on:{click:e.open}},[e._v("\n "+e._s(e.$t("clients.addSubs"))+"\n ")])],1)],1),e._v(" "),s("el-table",{directives:[{name:"loading",rawName:"v-loading",value:e.$store.state.loading,expression:"$store.state.loading"}],staticClass:"client-sub-table",attrs:{border:"",data:e.tableData}},[s("el-table-column",{attrs:{prop:"topic",label:e.$t("subscriptions.topic")}}),e._v(" "),s("el-table-column",{attrs:{prop:"qos",label:e.$t("subscriptions.qoS")}}),e._v(" "),s("el-table-column",{attrs:{width:"120px",label:e.$t("oper.oper")},scopedSlots:e._u([{key:"default",fn:function(t){var n=t.row;return[s("el-button",{attrs:{size:"mini",type:"danger",plain:""},on:{click:function(t){return e.handleUnsub(n)}}},[e._v("\n "+e._s(e.$t("oper.unsubscribe"))+"\n ")])]}}])})],1)],1),e._v(" "),s("el-dialog",{staticClass:"create-subscribe",attrs:{title:e.$t("clients.addSubs"),width:"400px",visible:e.addVisible},on:{"update:visible":function(t){e.addVisible=t}},nativeOn:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.handleAdd(t)}}},[s("el-form",{ref:"record",staticClass:"el-form--public",attrs:{model:e.record,rules:e.rules,size:"small","label-position":"top"}},[s("el-form-item",{attrs:{prop:"topic",label:e.$t("subscriptions.topic")}},[s("el-input",{attrs:{placeholder:"Topic"},model:{value:e.record.topic,callback:function(t){e.$set(e.record,"topic",t)},expression:"record.topic"}})],1),e._v(" "),s("el-form-item",{attrs:{prop:"qos",label:"QoS"}},[s("emq-select",{staticClass:"el-select--public",attrs:{"popper-class":"el-select--public",size:"small",field:{list:[0,1,2]}},model:{value:e.record.qos,callback:function(t){e.$set(e.record,"qos",t)},expression:"record.qos"}})],1)],1),e._v(" "),s("div",{attrs:{slot:"footer"},slot:"footer"},[s("el-button",{staticClass:"cache-btn",attrs:{type:"text"},on:{click:e.handleClose}},[e._v("\n "+e._s(e.$t("oper.cancel"))+"\n ")]),e._v(" "),s("el-button",{staticClass:"confirm-btn",attrs:{type:"success",loading:e.$store.state.loading},on:{click:e.handleAdd}},[e._v("\n "+e._s(e.$t("oper.add"))+"\n ")])],1)],1)],1)},staticRenderFns:[]};var p={name:"clients-view",components:{ClientsBasic:i,ClientsSubscriptions:s("VU/8")(l,d,!1,function(e){s("/CfG")},null,null).exports},data:function(){return{activeName:"basic",basicRecord:{},subscriptionsData:[],nodeName:"",mountpoint:""}},computed:{clientId:function(){return this.$route.params.id}},created:function(){this.loadBasicData()},watch:{activeName:function(e){"basic"===e?this.loadBasicData():"subscription"===e&&this.loadSubscription()}},methods:{interceptString:function(e,t){return Object(n.d)(e,t)},handleCommand:function(e){this[e]()},handleDisconnect:function(){var e=this,t=this.basicRecord.connected?this.$t("oper.confirmKickOut"):this.$t("oper.confirmCleanSession");this.$confirm(t,this.$t("oper.warning"),{confirmButtonClass:"confirm-btn",cancelButtonClass:"cache-btn el-button--text",type:"warning"}).then(function(){e.$httpDelete("/clients/"+encodeURIComponent(e.clientId)).then(function(){e.$message.success(e.$t("oper.disconnectSuccess")),e.$set(e.basicRecord,"connected",!1),setTimeout(function(){e.$router.push({path:"/clients"})},500)}).catch(function(t){e.$message.error(t||e.$t("error.networkError"))})}).catch(function(){})},loadBasicData:function(){var e=this;this.$httpGet("/clients/"+encodeURIComponent(this.clientId)).then(function(t){e.basicRecord=t.data[0],e.nodeName=e.basicRecord.node,t.data[0].mountpoint&&(e.mountpoint=t.data[0].mountpoint),e.loadSubscription()}).catch(function(){})},loadSubscription:function(){var e=this;this.$httpGet("/nodes/"+this.nodeName+"/subscriptions/"+encodeURIComponent(this.clientId)).then(function(t){e.subscriptionsData=t.data}).catch(function(){})}}},_={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"clients-view"},[s("div",{staticClass:"page-title"},[s("el-breadcrumb",{attrs:{separator:"/"}},[s("el-breadcrumb-item",{attrs:{to:{path:"/clients"}}},[e._v("\n "+e._s(e.$t("leftbar.clients"))+"\n ")]),e._v(" "),s("el-breadcrumb-item",{staticClass:"breadcrumb-name"},[e._v("\n "+e._s(e.$t("clients.view"))+"\n ")])],1)],1),e._v(" "),s("div",{staticClass:"client-oper"},[s("span",{class:[e.basicRecord.connected?"connected":"disconnected","status-circle"]}),e._v(" "),e.clientId.length>90?s("el-popover",{attrs:{placement:"top-start",trigger:"hover",content:e.clientId}},[s("span",{attrs:{slot:"reference"},slot:"reference"},[e._v(e._s(e.interceptString(e.clientId,90)))])]):e._e(),e._v(" "),s("el-button",{class:[e.basicRecord.connected?"connected":"disconnected","connect-btn"],attrs:{size:"mini"},on:{click:e.handleDisconnect}},[e._v("\n "+e._s(e.basicRecord.connected?e.$t("clients.kickOut"):e.$t("websocket.cleanSession"))+"\n ")])],1),e._v(" "),s("el-tabs",{staticClass:"normal-tabs",attrs:{type:"card"},model:{value:e.activeName,callback:function(t){e.activeName=t},expression:"activeName"}},[s("el-tab-pane",{attrs:{label:e.$t("clients.basicInfo"),name:"basic"}},[s("clients-basic",{attrs:{record:e.basicRecord}})],1),e._v(" "),s("el-tab-pane",{attrs:{label:e.$t("clients.subsInfo"),name:"subscription"}},[s("clients-subscriptions",{attrs:{clientId:e.clientId,tableData:e.subscriptionsData,reload:e.loadSubscription,mountpoint:e.mountpoint}})],1)],1)],1)},staticRenderFns:[]};var u=s("VU/8")(p,_,!1,function(e){s("/Jpy")},null,null);t.default=u.exports}}); |