2 lines
3.3 KiB
JavaScript
2 lines
3.3 KiB
JavaScript
"use strict";(self.webpackChunktinode_webapp=self.webpackChunktinode_webapp||[]).push([[534],{8534:function(e,t,s){s.r(t),s.d(t,{default:function(){return p}});var i=s(1594),n=s.n(i),o=s(8181),d=s(5372),h=(s(3272),s(7981)),a=s(7256),r=s(7849),l=s(4848);class p extends n().PureComponent{constructor(e){super(e),this.state={width:0,height:0},this.handleSendImage=this.handleSendImage.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}componentDidMount(){document.addEventListener("keydown",this.handleKeyDown)}componentWillUnmount(){document.removeEventListener("keydown",this.handleKeyDown)}handleKeyDown(e){this.props.onSendMessage||(e.preventDefault(),"Escape"===e.key&&this.props.onClose())}assignWidth(e){if(e&&!this.state.width){const t=e.getBoundingClientRect();this.setState({width:0|t.width,height:0|t.height})}}handleSendImage(e){this.props.onClose(),this.props.onSendMessage(e,this.props.content.blob)}render(){if(!this.props.content)return null;const e=(0,h.ae)(this.props.content.width,this.props.content.height,this.state.width,this.state.height,!1),t=e?{width:e.dstWidth+"px",height:e.dstHeight+"px"}:this.props.content.width>this.props.content.height?{width:"100%"}:{height:"100%"};t.maxWidth="100%",t.maxHeight="100%";const s=Math.max((this.state.width/13/1.5|0)-2,12),i=(0,a.Tu)(this.props.content.filename,s)||"-",n=this.props.content.width||"-",p=this.props.content.height||"-",c=(0,r.FH)(this.props.content.url);return(0,l.jsxs)("div",{id:"image-preview",children:[(0,l.jsxs)("div",{id:"preview-caption-panel",children:[this.props.onSendMessage?(0,l.jsx)("span",{children:i}):(0,l.jsxs)("a",{href:c,download:this.props.content.filename,children:[(0,l.jsx)("i",{className:"material-icons",children:"file_download"})," ",(0,l.jsx)(o.FormattedMessage,{id:"download_action",defaultMessage:"download",description:"Call to action [download]"})]}),(0,l.jsx)("a",{href:"#",onClick:e=>{e.preventDefault(),this.props.onClose()},children:(0,l.jsx)("i",{className:"material-icons gray",children:"close"})})]}),(0,l.jsx)("div",{id:"image-preview-container",ref:e=>this.assignWidth(e),children:(0,l.jsx)("img",{src:this.props.content.url,style:t,className:"image-preview",alt:this.props.content.filename})}),this.props.onSendMessage?(0,l.jsx)(d.A,{messagePrompt:"add_image_caption",acceptBlank:!0,tinode:this.props.tinode,reply:this.props.reply,onCancelReply:this.props.onCancelReply,onSendMessage:this.handleSendImage,onError:this.props.onError}):(0,l.jsxs)("div",{id:"image-preview-footer",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{children:(0,l.jsx)("b",{children:(0,l.jsx)(o.FormattedMessage,{id:"label_file_name",defaultMessage:"File name:",description:"Label for a file name"})})}),(0,l.jsx)("div",{children:(0,l.jsx)("span",{title:this.props.content.filename,children:i})})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{children:(0,l.jsx)("b",{children:(0,l.jsx)(o.FormattedMessage,{id:"label_content_type",defaultMessage:"Content type:",description:"Label for file content type (mime)"})})}),(0,l.jsx)("div",{children:this.props.content.type})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{children:(0,l.jsx)("b",{children:(0,l.jsx)(o.FormattedMessage,{id:"label_size",defaultMessage:"Size:",description:"Label for file size"})})}),(0,l.jsxs)("div",{children:[n," × ",p," px; ",(0,a.lX)(this.props.content.size)]})]})]})]})}}}}]);
|
||
//# sourceMappingURL=534.prod.js.map
|