change icon for share , change color in text of Infobox

resources/js/components/Others/Popup/PopupHeader.vue

@@ -2,7 +2,8 @@
     <div class="popup-header">
         <div class="icon">
             <corner-down-right-icon v-if="icon === 'move'" size="15" class="title-icon"></corner-down-right-icon>
-            <link-icon v-if="icon === 'share'" size="17" class="title-icon"></link-icon>
+            <share-icon v-if="icon === 'share'" size="17" class="title-icon"></share-icon>
+            <!-- <link-icon v-if="icon === 'share'" size="17" class="title-icon"></link-icon> -->
             <edit2-icon v-if="icon === 'edit'" size="17" class="title-icon"></edit2-icon>
         </div>
         <div class="label">
@@ -13,7 +14,7 @@
 </template>
 
 <script>
-    import {CornerDownRightIcon, LinkIcon, XIcon, Edit2Icon} from 'vue-feather-icons'
+    import {CornerDownRightIcon, LinkIcon, XIcon, Edit2Icon, ShareIcon} from 'vue-feather-icons'
     import {events} from '@/bus'
 
     export default {
@@ -23,6 +24,7 @@
         ],
         components: {
             CornerDownRightIcon,
+            ShareIcon,
             Edit2Icon,
             LinkIcon,
             XIcon,

resources/js/components/Others/ShareCreate.vue

@@ -11,9 +11,7 @@
 
             <!-- Infobox for successfull sended email -->
             <div v-if="isGeneratedShared && shareViaEmail" class="info-box">
-                <InfoBox >
-                    {{$t('shared_form.email_successfully_send_message')}}
-                </InfoBox>
+                <InfoBox v-html="$t('shared_form.email_successfully_send_message')"/>
             </div>
 
 

resources/js/components/Others/ShareEdit.vue

@@ -11,13 +11,11 @@
 
             <!-- Infobox for successfull sended email -->
             <div v-if="sendToRecipientsMenu && isEmailSended" class="info-box">
-                <InfoBox >
-                    {{$t('shared_form.email_successfully_send_message')}}
-                </InfoBox>
+                <InfoBox v-html="$t('shared_form.email_successfully_send_message')"/>
             </div>
 
             <div v-if="! sendToRecipientsMenu || (sendToRecipientsMenu && isEmailSended)" class="input-wrapper copy-input">
-                    <label class="input-label">{{ $t('shared_form.label_shared_url') }}:</label>
+                    <label class="input-label">{{ $t('shared_form.label_share_vie_email') }}:</label>
                     <CopyInput size="small" :value="pickedItem.shared.link" :share-via-email="sendToRecipientsMenu ? false : true" />
             </div>
 

resources/js/i18n/lang/cn.json

@@ -698,7 +698,7 @@
 		"expiration_hour": "{value}h.",
 		"expiration_day": "{value}d.",
 		"placeholder_permission": "请设置权限",
-		"email_successfully_send_message": "Your item was successfully sended to recipients emails.",
+		"email_successfully_send_message": "Your item was &nbsp; <span id='colored-text'>successfully sended</span> &nbsp; to recipients emails.",
 		"share_by_link": "Share by Link",
 		"share_by_email": "Share by Email",
 		"recipients_label": "Recipients",

resources/js/i18n/lang/en.json

@@ -607,7 +607,7 @@
 		"change_pass": "Change Password",
 		"confirm": "Confirm",
 		"save": "Save Changes",
-		"stop": "Stop Sharing",
+		"stop": "Cancel Sharing",
 		"title": "Update sharing options",
 		"go_back": "Go Back",
 		"send_to_recipients": "Send to Recipients"
@@ -709,7 +709,7 @@
 		"expiration_hour": "{value}h.",
 		"expiration_day": "{value}d.",
 		"placeholder_permission": "Select your permission",
-		"email_successfully_send_message": "Your item was successfully sended to recipients emails.",
+		"email_successfully_send_message": "Your item was &nbsp; <span id='colored-text'>successfully sended</span> &nbsp; to recipients emails.",
 		"share_by_link": "Share by Link",
 		"share_by_email": "Share by Email",
 		"recipients_label": "Recipients",

resources/js/i18n/lang/sk.json

@@ -700,7 +700,7 @@
 		"expiration_hour": "{value}h.",
 		"expiration_day": "{value}d.",
 		"placeholder_permission": "Zvoľte oprávnenia",
-		"email_successfully_send_message": "Vaša položka bola úspešne odoslaná na e-maily príjemcov.",
+		"email_successfully_send_message": "Vaša položka bola &nbsp; <span id='colored-text'>úspešne odoslaná</span> &nbsp; na e-maily príjemcov.",
 		"share_by_link": "Zdieľať odkazom",
 		"share_by_email": "Zdieľať e-mailom",
 		"recipients_label": "Príjemcovia",

resources/sass/app.scss

@@ -441,6 +441,11 @@
   }
 
 }
+#colored-text {
+  color: $theme;
+  @include font-size(16);
+  font-weight: 700;
+}
 
 .windows {