generate iframe from shared link

config/language-translations.php

@@ -727,5 +727,12 @@ return [
         'actions.create'                                     => 'Create Something',
         'actions.search'                                     => 'Search',
         'mobile.create'                                      => 'Create',
+        'popup.share.email_send'                             => 'Send on Emails',
+        'popup.share.email_description'                      => 'Send your share link via email to many recipients.',
+        'expiration'                                         => 'Expiration',
+        'popup.share.expiration_description'                 => 'Your link expire after exact period of time.',
+        'popup.share.password_description'                   => 'Protect your item by your custom password.',
+        'sharelink.share_via_email'                          => 'Share Link on Emails',
+        'sharelink.copy_embed'                               => 'Copy Web Insert Code',
     ],
 ];

index.html

@@ -0,0 +1 @@
+<iframe src="http://localhost:8000/share/HeFFhydAFkIQuX4W" width="790" height="400" allowfullscreen frameborder="0"></iframe>

public/mix-manifest.json

@@ -5,7 +5,7 @@
     "/chunks/admin-account.js": "/chunks/admin-account.js?id=caa530fac8a887b06ee9",
     "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=91adf6625e49f0b93731",
     "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~39825672.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~39825672.js?id=6c16b40191c43d6bd8ee",
-    "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=f580c1668c202a4542d2",
+    "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=d36b3eb20b4899f2d899",
     "/chunks/admin~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=2d893fdcf54f0c3577ff",
     "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js?id=6632ba96ef28b8ec0c98",
     "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=6ecc8cc8a2134eb223b5",
@@ -37,7 +37,7 @@
     "/chunks/email-verified.js": "/chunks/email-verified.js?id=dc4aa33310fc98be6749",
     "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=c934a108e4753d3cf57e",
     "/chunks/files.js": "/chunks/files.js?id=b7e2ed7375508a61be92",
-    "/chunks/files~chunks/platform~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.js?id=9ec51bb96e6a86687fdc",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.js?id=86c9de67aa5bed3e30a9",
     "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=7242f90e77f7484eb6d8",
     "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js?id=08b44ab83e2bdc02904b",
     "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js?id=c5ec9502bcfad35c502e",
@@ -56,7 +56,7 @@
     "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=5985ab9f52c65eff7441",
     "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=61fdb752ac9e8c387c9d",
     "/chunks/plans.js": "/chunks/plans.js?id=5a3c28288952fcad96e5",
-    "/chunks/platform.js": "/chunks/platform.js?id=2da9d3de5b931b4972a5",
+    "/chunks/platform.js": "/chunks/platform.js?id=b7eda8f35db940129c48",
     "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=5495aa03bf10f3ffacfd",
     "/chunks/profile.js": "/chunks/profile.js?id=5ddfe22334111147102b",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=ddb7be518c092ed392ca",
@@ -333,5 +333,48 @@
     "/chunks/platform.9b281fe12b542f015387.hot-update.js": "/chunks/platform.9b281fe12b542f015387.hot-update.js",
     "/chunks/platform.b2f368ccac8558179041.hot-update.js": "/chunks/platform.b2f368ccac8558179041.hot-update.js",
     "/chunks/platform.a29cc9e7872b5d7917ed.hot-update.js": "/chunks/platform.a29cc9e7872b5d7917ed.hot-update.js",
-    "/chunks/platform.eb5f3efd62529b57b40b.hot-update.js": "/chunks/platform.eb5f3efd62529b57b40b.hot-update.js"
+    "/chunks/platform.eb5f3efd62529b57b40b.hot-update.js": "/chunks/platform.eb5f3efd62529b57b40b.hot-update.js",
+    "/chunks/platform.e179e318ab070ba02482.hot-update.js": "/chunks/platform.e179e318ab070ba02482.hot-update.js",
+    "/chunks/platform.dc8b200c6504eda58653.hot-update.js": "/chunks/platform.dc8b200c6504eda58653.hot-update.js",
+    "/chunks/platform.5edd46565ce76d0a16f3.hot-update.js": "/chunks/platform.5edd46565ce76d0a16f3.hot-update.js",
+    "/chunks/platform.8dec365d440b002b8c02.hot-update.js": "/chunks/platform.8dec365d440b002b8c02.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.90c0a0af65d88266ae17.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.90c0a0af65d88266ae17.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.e53e0f110c6009bfec98.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.e53e0f110c6009bfec98.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.412dc23d5123f95682af.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.412dc23d5123f95682af.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.f296339ff3b3c56e47d1.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.f296339ff3b3c56e47d1.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.1c7facff07c5cc5beb2b.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.1c7facff07c5cc5beb2b.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.f63ab7ac613e20cad67e.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.f63ab7ac613e20cad67e.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.174d764ac7c4aefc62b1.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.174d764ac7c4aefc62b1.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.ca1fa92a101e97660983.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.ca1fa92a101e97660983.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.7a28b92bb4a5e8e74dac.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.7a28b92bb4a5e8e74dac.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.d5e007d4b2ecf969a220.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.d5e007d4b2ecf969a220.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.13026d1500ef120827cc.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.13026d1500ef120827cc.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.1c90f76dd68fcb373f45.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.1c90f76dd68fcb373f45.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.c005a2b16c31803e6980.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.c005a2b16c31803e6980.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.50f37ecd0eab3132aa84.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.50f37ecd0eab3132aa84.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.6f4e1fbafd1e4ff24cf1.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.6f4e1fbafd1e4ff24cf1.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.d11cb84e5e7bd6afdcf2.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.d11cb84e5e7bd6afdcf2.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.ac2734758e31073fe940.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.ac2734758e31073fe940.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.880984c27905c02f442b.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.880984c27905c02f442b.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.4a8395e44bd52b7a1b81.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.4a8395e44bd52b7a1b81.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.c3f1d5bd903ed0d1f6fc.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.c3f1d5bd903ed0d1f6fc.hot-update.js",
+    "/chunks/platform.dbbed94ae26436bc2829.hot-update.js": "/chunks/platform.dbbed94ae26436bc2829.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.a93ef52e2336ff2dec89.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.a93ef52e2336ff2dec89.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.33d2abe41013e33d934f.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.33d2abe41013e33d934f.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.6836b4c546acfd274276.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.6836b4c546acfd274276.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.00aeab70e3f882bdacd3.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.00aeab70e3f882bdacd3.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.b7e96bb96b767dc0bdb4.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.b7e96bb96b767dc0bdb4.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.98c324e77aadb412c80f.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.98c324e77aadb412c80f.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.9c3f8d3e674f4f7d9331.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.9c3f8d3e674f4f7d9331.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.5a0755a178cfb8ce04ac.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.5a0755a178cfb8ce04ac.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.619ae2e107a127733d66.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.619ae2e107a127733d66.hot-update.js",
+    "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.a3d98d54dda5aab7557e.hot-update.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.a3d98d54dda5aab7557e.hot-update.js",
+    "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.8afa7323caf1d72b11ed.hot-update.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.8afa7323caf1d72b11ed.hot-update.js",
+    "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.7bed14facebf80cc309f.hot-update.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.7bed14facebf80cc309f.hot-update.js",
+    "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.4dcef6a8db97b15ac98e.hot-update.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.4dcef6a8db97b15ac98e.hot-update.js",
+    "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.15a6e1a900dba17a8171.hot-update.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.15a6e1a900dba17a8171.hot-update.js",
+    "/chunks/platform.ef678756b0115862be83.hot-update.js": "/chunks/platform.ef678756b0115862be83.hot-update.js",
+    "/chunks/platform.c819aa0c91d16cbc017f.hot-update.js": "/chunks/platform.c819aa0c91d16cbc017f.hot-update.js",
+    "/chunks/platform.e44547344372385f5590.hot-update.js": "/chunks/platform.e44547344372385f5590.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.c4f18ceddc02247eeab7.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.c4f18ceddc02247eeab7.hot-update.js"
 }

resources/js/components/Others/Forms/CopyShareLink.vue

@@ -1,42 +1,89 @@
 <template>
-    <div class="inline-wrapper icon-append copy-input" :class="size" @click="copyUrl">
+    <div class="inline-wrapper icon-append copy-input" :class="size">
         <input ref="sel" :value="item.shared.link" id="link-input" type="text" class="input-text" readonly>
         <div class="multi-icon">
-            <div class="icon-item group hover-bg-theme-100">
+            <div @click="copyUrl" class="icon-item group hover-bg-theme-100">
                 <link-icon v-if="! isCopiedLink" size="14" class="group-hover-text-theme hover-text-theme"/>
                 <check-icon v-if="isCopiedLink" size="14" class="group-hover-text-theme hover-text-theme"/>
             </div>
-            <div class="icon-item group hover-bg-theme-100" @click.stop.prevent="menuForEmail">
+            <div @click.stop.prevent="moreOptions" class="icon-item group hover-bg-theme-100">
-                <send-icon size="14" class="group-hover-text-theme hover-text-theme" />
+                <more-horizontal-icon size="14" class="group-hover-text-theme hover-text-theme" />
             </div>
         </div>
+
+		<ul v-if="isOpenedMoreOptions" class="input-options">
+			<li class="option-item" @click="sendOnEmail">
+				<div class="option-icon">
+					<send-icon size="14" />
+				</div>
+				<span class="option-value">{{ $t('sharelink.share_via_email') }}</span>
+			</li>
+			<li class="option-item" @click="copyIframe">
+				<div class="option-icon">
+					<code-icon size="14" />
+				</div>
+				<span class="option-value">{{ $t('sharelink.copy_embed') }}</span>
+			</li>
+		</ul>
+
+		<textarea v-model="iframeCode" ref="iframe" class="iframe-output"></textarea>
     </div>
 </template>
 
 <script>
-import { LinkIcon, CheckIcon, SendIcon } from 'vue-feather-icons'
+import { LinkIcon, CheckIcon, SendIcon, MoreHorizontalIcon, CodeIcon } from 'vue-feather-icons'
 import { events } from '/resources/js/bus'
 
 export default {
     name: 'CopyShareLink',
-    props: ['size', 'item'],
+    props: [
+		'size',
+		'item',
+	],
     components: {
+		MoreHorizontalIcon,
         CheckIcon,
+		CodeIcon,
         LinkIcon,
         SendIcon
     },
     data() {
         return {
-            isCopiedLink: false
+			iframeCode: '',
+            isCopiedLink: false,
+			isOpenedMoreOptions: false,
         }
     },
     methods: {
-        menuForEmail() {
+        moreOptions() {
+            this.isOpenedMoreOptions = ! this.isOpenedMoreOptions
+        },
+		sendOnEmail() {
             events.$emit('popup:open', {
                 name: 'share-edit',
                 item: this.item,
                 sentToEmail: true,
             })
+
+			this.isOpenedMoreOptions = false
+        },
+		copyIframe() {
+        	// generate iframe
+        	this.iframeCode = `<iframe src="${this.item.shared.link}" width="790" height="400" allowfullscreen frameborder="0"></iframe>`
+
+			let copyText = this.$refs.iframe
+
+			copyText.select()
+			copyText.setSelectionRange(0, 99999)
+
+			document.execCommand('copy')
+
+			events.$emit('toaster', {
+				type: 'success',
+				message: this.$t('Your web insert code was copied'),
+			})
+
+			this.isOpenedMoreOptions = false
         },
         copyUrl() {
 
@@ -68,6 +115,57 @@ export default {
 @import "resources/sass/vuefilemanager/_inapp-forms.scss";
 @import "resources/sass/vuefilemanager/_forms.scss";
 
+.input-options {
+	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
+	background: white;
+	border-radius: 8px;
+	position: absolute;
+	overflow: hidden;
+	top: 45px;
+	left: 0;
+	right: 0;
+	z-index: 9;
+	max-height: 295px;
+	overflow-y: auto;
+
+	.option-item {
+		padding: 13px 20px;
+		display: block;
+		cursor: pointer;
+
+		&:hover {
+			color: $theme;
+			background: $light_background;
+		}
+
+		&:last-child {
+			border-bottom: none;
+		}
+	}
+
+	.option-icon {
+		width: 20px;
+		display: inline-block;
+		@include font-size(10);
+
+		svg {
+			margin-top: -4px;
+			vertical-align: middle;
+		}
+	}
+
+	.option-value {
+		@include font-size(14);
+		font-weight: 700;
+		width: 100%;
+		vertical-align: middle;
+
+		&.placehoder {
+			color: rgba($text, 0.5);
+		}
+	}
+}
+
 .multi-icon {
     display: flex;
     align-items: center;
@@ -77,7 +175,8 @@ export default {
 
     line,
     path,
-    polygon {
+    polygon,
+	circle{
         color: $text;
     }
 
@@ -93,6 +192,7 @@ export default {
             line,
             polyline,
             path,
+            circle,
             polygon {
                 color: inherit;
             }
@@ -107,12 +207,10 @@ export default {
             border-top-right-radius: 8px;
         }
     }
-
-
 }
 
-// Single page
 .copy-input {
+	position: relative;
     border: 1px solid $light_mode_border_darken;
     border-radius: 8px;
 
@@ -146,6 +244,11 @@ export default {
     }
 }
 
+.iframe-output {
+	position: absolute;
+	right: -9999px;
+}
+
 .dark-mode {
 
     .copy-input {
@@ -158,6 +261,7 @@ export default {
 
         line,
         path,
+        circle,
         polygon {
             color: inherit !important;
         }
@@ -165,8 +269,6 @@ export default {
         .icon-item {
             border-color: #333333;
         }
-
-
     }
 
     .copy-input {

resources/js/components/Others/Forms/SelectInput.vue

@@ -7,8 +7,8 @@
             <!--If is selected-->
             <div class="selected" v-if="selected">
                 <div class="option-icon" v-if="selected.icon">
-                    <user-icon v-if="selected.icon === 'user'" size="14" />
+                    <user-icon v-if="selected.icon === 'user'" size="14" class="text-theme dark-text-theme" />
-                    <edit2-icon v-if="selected.icon === 'user-edit'" size="14" />
+                    <edit2-icon v-if="selected.icon === 'user-edit'" size="14" class="text-theme dark-text-theme" />
                 </div>
                 <span class="option-value">{{ selected.label }}</span>
             </div>
@@ -211,6 +211,10 @@
         svg {
             margin-top: -4px;
             vertical-align: middle;
+
+			line, path, circle {
+				color: inherit;
+			}
         }
     }
 

resources/js/components/Others/ShareCreatePopup.vue

@@ -25,7 +25,7 @@
 						<div class="inline-wrapper">
 							<div class="switch-label">
 								<label class="input-label">{{ $t('shared_form.label_password_protection') }}:</label>
-                                <small class="input-help">{{ $t('Protect your item by your custom password.') }}</small>
+                                <small class="input-help">{{ $t('popup.share.password_description') }}</small>
                             </div>
 							<SwitchInput v-model="shareOptions.isPassword" class="switch" :state="0" />
 						</div>
@@ -43,8 +43,8 @@
 					<div class="input-wrapper">
 						<div class="inline-wrapper">
                             <div class="switch-label">
-                                <label class="input-label">{{ $t('Expiration') }}:</label>
+                                <label class="input-label">{{ $t('expiration') }}:</label>
-                                <small class="input-help">{{ $t('Your link expire after exact period of time.') }}</small>
+                                <small class="input-help">{{ $t('popup.share.expiration_description') }}</small>
                             </div>
 							<SwitchInput v-model="isExpiration" class="switch" :state="0" />
                         </div>
@@ -61,8 +61,8 @@
 					<div class="input-wrapper">
 						<div class="inline-wrapper">
 							<div class="switch-label">
-								<label class="input-label">{{ $t('Send on Emails') }}:</label>
+								<label class="input-label">{{ $t('popup.share.email_send') }}:</label>
-                                <small class="input-help">{{ $t('Send your share link via email to many recipients.') }}</small>
+                                <small class="input-help">{{ $t('popup.share.email_description') }}</small>
                             </div>
 							<SwitchInput v-model="isEmailSharing" class="switch" :state="0" />
 						</div>

resources/js/components/Others/ShareEditPopup.vue

@@ -38,7 +38,7 @@
 						<div class="inline-wrapper">
 							<div class="switch-label">
 								<label class="input-label">{{ $t('shared_form.label_password_protection') }}:</label>
-                                <small class="input-help">{{ $t('Protect your item by your custom password.') }}</small>
+                                <small class="input-help">{{ $t('popup.share.password_description') }}</small>
                             </div>
 							<SwitchInput v-model="shareOptions.isProtected" class="switch" :state="shareOptions.isProtected" />
 						</div>
@@ -60,8 +60,8 @@
 					<div class="input-wrapper">
 						<div class="inline-wrapper">
                             <div class="switch-label">
-                                <label class="input-label">{{ $t('Expiration') }}:</label>
+                                <label class="input-label">{{ $t('expiration') }}:</label>
-                                <small class="input-help">{{ $t('Your link expire after exact period of time.') }}</small>
+                                <small class="input-help">{{ $t('popup.share.expiration_description') }}</small>
                             </div>
 							<SwitchInput v-model="shareOptions.expiration" class="switch" :state="shareOptions.expiration ? 1 : 0" />
                         </div>
@@ -180,7 +180,6 @@
 		},
         data() {
             return {
-				isExpiration: false,
                 sendToRecipientsMenu: false,
                 isConfirmedDestroy: false,
                 canChangePassword: false,
@@ -304,12 +303,7 @@
             },
         },
         mounted() {
-
+            events.$on('emailsInputValues', emails => this.emails = emails)
-            this.sendToRecipientsMenu = false
-
-            events.$on('emailsInputValues', (emails) => {
-                this.emails = emails
-            })
 
             // Show popup
             events.$on('popup:open', args => {
@@ -329,9 +323,6 @@
                     password: undefined,
                 }
 
-                if (args.item.shared.expire_in)
-                	this.isExpiration = true
-
                 if (args.sentToEmail)
                     this.sendToRecipientsMenu = true
                     this.isEmailSended = false
@@ -339,7 +330,6 @@
                 this.canChangePassword = args.item.shared.is_protected
             })
 
-            // Close popup
             events.$on('popup:close', () => {
 
                 // Restore data
@@ -350,7 +340,6 @@
                     this.shareOptions = undefined
                     this.pickedItem = undefined
                     this.isEmailSended = false
-					this.isExpiration = false
                 }, 150)
             })
         }