Changed iframe code, removed x-frame headers, js undefined reference error

app/static/app/js/ModelView.jsx

@@ -72,7 +72,7 @@ class ModelView extends React.Component {
 
   handleMouseClick(e){
     // Make sure the share popup closes
-    this.shareButton.hidePopup();
+    if (this.shareButton) this.shareButton.hidePopup();
   }
 
   componentDidMount() {

app/static/app/js/components/SharePopup.jsx

@@ -62,7 +62,7 @@ class SharePopup extends React.Component{
   render(){
     const shareLink = Utils.absoluteUrl(`/public/task/${this.state.task.id}/${this.props.linksTarget}/`);
     const iframeUrl = Utils.absoluteUrl(`public/task/${this.state.task.id}/iframe/${this.props.linksTarget}/`);
-    const iframeCode = `<iframe>${iframeUrl}</iframe>`;
+    const iframeCode = `<iframe scrolling="no" title="WebODM" width="61.8033%" height="360" frameBorder="0" src="${iframeUrl}"></iframe>`;
 
     return (<div onMouseDown={e => { e.stopPropagation(); }}
         className={"sharePopup popover in " + this.props.placement}>

webodm/settings.py

@@ -86,7 +86,6 @@ MIDDLEWARE = [
     'django.middleware.csrf.CsrfViewMiddleware',
     'django.contrib.auth.middleware.AuthenticationMiddleware',
     'django.contrib.messages.middleware.MessageMiddleware',
-    'django.middleware.clickjacking.XFrameOptionsMiddleware',
     'django.middleware.locale.LocaleMiddleware',
 ]