Shared link expiration backend

Redirect from sign in page when user is logged
Updated README.md

resources/js/components/Others/ShareEdit.vue

@@ -31,7 +31,7 @@
                         <label class="input-label">{{ $t('shared_form.label_password_protection') }}:</label>
                         <SwitchInput v-model="shareOptions.isProtected" :state="shareOptions.isProtected" class="switch"/>
                     </div>
-                    <ActionButton v-if="(pickedItem.shared.protected && canChangePassword) && shareOptions.isProtected" @click.native="changePassword" icon="pencil-alt">{{ $t('popup_share_edit.change_pass') }}</ActionButton>
+                    <ActionButton v-if="(pickedItem.shared.protected && canChangePassword) && shareOptions.isProtected" @click.native="changePassword" class="change-password">{{ $t('popup_share_edit.change_pass') }}</ActionButton>
                 </div>
 
                 <!--Set password-->
@@ -40,6 +40,18 @@
                     <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
                 </ValidationProvider>
 
+                <!--More options-->
+                <div class="more-options" v-if="isMoreOptions">
+
+                    <!--Set expiration-->
+                    <div class="input-wrapper">
+                        <label class="input-label">{{ $t('shared_form.label_expiration') }}:</label>
+                        <SelectBoxInput v-model="shareOptions.expiration" :data="expirationList" :value="shareOptions.expiration" class="box"/>
+                    </div>
+                </div>
+
+                <ActionButton @click.native="moreOptions" :icon="isMoreOptions || shareOptions.expiration ? 'x' : 'pencil-alt'">{{ moreOptionsTitle }}</ActionButton>
+
             </ValidationObserver>
 
         </PopupContent>
@@ -68,6 +80,7 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
+    import SelectBoxInput from '@/components/Others/Forms/SelectBoxInput'
     import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
     import PopupActions from '@/components/Others/Popup/PopupActions'
     import PopupContent from '@/components/Others/Popup/PopupContent'
@@ -88,6 +101,7 @@
         components: {
             ValidationProvider,
             ValidationObserver,
+            SelectBoxInput,
             ThumbnailItem,
             ActionButton,
             PopupWrapper,
@@ -101,7 +115,12 @@
             required,
         },
         computed: {
-            ...mapGetters(['user', 'permissionOptions', 'currentFolder']),
+            ...mapGetters([
+                'permissionOptions',
+                'expirationList',
+                'currentFolder',
+                'user',
+            ]),
             isFolder() {
                 return this.pickedItem && this.pickedItem.type === 'folder'
             },
@@ -114,18 +133,28 @@
             isSharedLocation() {
                 return this.currentFolder && this.currentFolder.location === 'shared'
             },
+            moreOptionsTitle() {
+                return this.isMoreOptions ? this.$t('shared_form.button_close_options') : this.$t('shared_form.button_more_options')
+            }
         },
         data() {
             return {
+                isConfirmedDestroy: false,
+                canChangePassword: false,
                 shareOptions: undefined,
                 pickedItem: undefined,
-                isLoading: false,
+                isMoreOptions: false,
                 isDeleting: false,
-                canChangePassword: false,
-                isConfirmedDestroy: false,
+                isLoading: false,
             }
         },
         methods: {
+            moreOptions() {
+                this.isMoreOptions = ! this.isMoreOptions
+
+                if (! this.isMoreOptions)
+                    this.shareOptions.expiration = undefined
+            },
             changePassword() {
                 this.canChangePassword = false
             },
@@ -187,22 +216,22 @@
                     .post('/api/share/' + this.shareOptions.token, {
                         permission: this.shareOptions.permission,
                         protected: this.shareOptions.isProtected,
+                        expiration: this.shareOptions.expiration,
                         password: this.shareOptions.password ? this.shareOptions.password : undefined,
                         _method: 'patch'
                     })
                     .then(response => {
 
-                        // End loading
-                        this.isLoading = false
-
                         // Update shared data
                         this.$store.commit('UPDATE_SHARED_ITEM', response.data.data.attributes)
 
                         events.$emit('popup:close')
                     })
-                    .catch(error => {
+                    .catch(() => {
 
-                        // todo: catch errors
+                        this.$isSomethingWrong()
+                    })
+                    .finally(() => {
 
                         // End loading
                         this.isLoading = false
@@ -222,11 +251,15 @@
                 // Store shared options
                 this.shareOptions = {
                     token: args.item.shared.token,
+                    expiration: args.item.shared.expire_in,
                     isProtected: args.item.shared.protected,
                     permission: args.item.shared.permission,
                     password: undefined,
                 }
 
+                if (args.item.shared.expire_in)
+                    this.isMoreOptions = true
+
                 this.canChangePassword = args.item.shared.protected
             })
 
@@ -256,6 +289,11 @@
         }
     }
 
+    .change-password {
+        opacity: 0.7;
+        text-decoration: underline;
+    }
+
     .item-thumbnail {
         margin-bottom: 20px;
     }