user timezone v1 , add autofocus for CreateFolder,RenameItem popup

resources/js/components/Others/CreateFolder.vue

@@ -13,7 +13,7 @@
                 <!--Set password-->
                 <ValidationProvider tag="div" mode="passive" class="input-wrapper password" name="Title" rules="required" v-slot="{ errors }">
                     <label class="input-label">{{ $t('popup_create_folder.label') }}:</label>
-                    <input v-model="name" :class="{'is-error': errors[0]}" type="text" :placeholder="$t('popup_create_folder.placeholder')">
+                    <input v-model="name" :class="{'is-error': errors[0]}" type="text" ref="input" :placeholder="$t('popup_create_folder.placeholder')">
                     <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
                 </ValidationProvider>
             </ValidationObserver>
@@ -82,6 +82,15 @@
                 }
             },
         },
+        mounted () {
+            events.$on('popup:open', ({name}) => {
+
+                if (name === 'create-folder')
+                    this.$nextTick(() => {
+                       this.$refs.input.focus()
+                    })
+            })
+        }
     }
 </script>
 

resources/js/components/Others/RenameItem.vue

@@ -15,7 +15,7 @@
                 <!--Set password-->
                 <ValidationProvider tag="div" mode="passive" class="input-wrapper password" name="Name" rules="required" v-slot="{ errors }">
                     <label class="input-label">{{ $t('popup_rename.label') }}:</label>
-                    <input v-model="pickedItem.name" :class="{'is-error': errors[0]}" type="text" :placeholder="$t('popup_rename.placeholder')">
+                    <input v-model="pickedItem.name" :class="{'is-error': errors[0]}" ref="input" type="text" :placeholder="$t('popup_rename.placeholder')">
                     <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
                 </ValidationProvider>
             </ValidationObserver>
@@ -103,6 +103,10 @@
 
                 if (args.name !== 'rename-item') return
 
+                this.$nextTick(() => {
+                    this.$refs.input.focus()
+                })
+
                 // Store picked item
                 this.pickedItem = args.item
             })

resources/js/views/User/Settings.vue

@@ -105,6 +105,25 @@
                 </div>
             </div>
         </PageTabGroup>
+
+         <PageTabGroup v-if="userInfo">
+            <div class="form block-form">
+                <FormLabel>User Timezone</FormLabel>
+                <div class="block-wrapper">
+                    <label>Timezone</label>
+                    <div class="input-wrapper">
+                        <input @change="$updateText('/user/relationships/settings', 'timezone', userTimezone)"
+                                v-model="userTimezone"
+                               placeholder="Type your timezone"
+                               type="number"
+                        />
+                        <small class="input-help">
+                            Set your timezone by type the hours of your GMT : 1, -5, 1.5
+                        </small>
+                    </div>
+                </div>
+            </div>
+        </PageTabGroup>
     </PageTab>
 </template>
 
@@ -147,6 +166,7 @@
             return {
                 userInfo: undefined,
                 billingInfo: undefined,
+                userTimezone: undefined,
                 isLoading: false,
             }
         },
@@ -158,6 +178,8 @@
         },
         created() {
 
+            this.userTimezone = this.user.relationships.timezone.data.attributes.timezone
+
             this.userInfo = {
                 name: this.user.data.attributes.name,
                 email: this.user.data.attributes.email