Change timezone input to select in Settings.vue

This commit is contained in:
Milos Holba
2021-01-05 11:40:05 +01:00
parent a100671cc0
commit ba28ac6184
6 changed files with 188 additions and 30 deletions
+3 -1
View File
@@ -803,7 +803,9 @@
"state": "州",
"state_plac": "输入您的帐单状态",
"title_account": "帐户信息",
"title_billing": "账单信息"
"title_billing": "账单信息",
"timezone": "Timezone",
"timezone_plac" : "Select your timezone"
},
"user_subscription": {
"billed": "开票",
+3 -1
View File
@@ -805,7 +805,9 @@
"state": "State",
"state_plac": "Type your billing state",
"title_account": "Account Information",
"title_billing": "Billing Information"
"title_billing": "Billing Information",
"timezone": "Timezone",
"timezone_plac" : "Select your timezone"
},
"user_subscription": {
"billed": "Billed",
+3 -1
View File
@@ -805,7 +805,9 @@
"state": "Štát",
"state_plac": "Zadajte Štát",
"title_account": "informácie o účte",
"title_billing": "Fakturačné údaje"
"title_billing": "Fakturačné údaje",
"timezone": "Časové pásmo",
"timezone_plac" : "Vyberte svoje časové pásmo"
},
"user_subscription": {
"billed": "Ůčtované",
+127
View File
@@ -839,6 +839,132 @@ const defaultState = {
value: 'ZMW',
},
],
timezones : [
{
value: "-12.0",
label: "(GMT -12:00) Eniwetok, Kwajalein"
},
{
value: "-11.0",
label: "(GMT -11:00) Midway Island, Samoa"
},
{
value: "-10.0",
label: "(GMT -10:00) Hawaii"
},
{
value: "-9.0",
label: "(GMT -9:00) Alaska"
},
{
value: "-8.0",
label: "(GMT -8:00) Pacific Time (US & Canada)"
},
{
value: "-7.0",
label: "(GMT -7:00) Mountain Time (US & Canada)"
},
{
value: "-6.0",
label: "(GMT -6:00) Central Time (US & Canada), Mexico City"
},
{
value: "-5.0",
label: "(GMT -5:00) Eastern Time (US & Canada), Bogota, Lima"
},
{
value: "-4.0",
label: "(GMT -4:00) Atlantic Time (Canada), Caracas, La Paz"
},
{
value: "-3.5",
label: "(GMT -3:30) Newfoundland"
},
{
value: "-3.0",
label: "(GMT -3:00) Brazil, Buenos Aires, Georgetown"
},
{
value: "-2.0",
label: "(GMT -2:00) Mid-Atlantic"
},
{
value: "-1.0",
label: "(GMT -1:00) Azores, Cape Verde Islands"
},
{
value: "0.0",
label: "(GMT) Western Europe Time, London, Lisbon, Casablanca"
},
{
value: "1.0",
label: "(GMT +1:00) Brussels, Copenhagen, Madrid, Paris"
},
{
value: "2.0",
label: "(GMT +2:00) Kaliningrad, South Africa"
},
{
value: "3.0",
label: "(GMT +3:00) Baghdad, Riyadh, Moscow, St. Petersburg"
},
{
value: "3.5",
label: "(GMT +3:30) Tehran"
},
{
value: "4.0",
label: "(GMT +4:00) Abu Dhabi, Muscat, Baku, Tbilisi"
},
{
value: "4.5",
label: "(GMT +4:30) Kabul"
},
{
value: "5.0",
label: "(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent"
},
{
value: "5.5",
label: "(GMT +5:30) Bombay, Calcutta, Madras, New Delhi"
},
{
value: "5.75",
label: "(GMT +5:45) Kathmandu"
},
{
value: "6.0",
label: "(GMT +6:00) Almaty, Dhaka, Colombo"
},
{
value: "7.0",
label: "(GMT +7:00) Bangkok, Hanoi, Jakarta"
},
{
value: "8.0",
label: "(GMT +8:00) Beijing, Perth, Singapore, Hong Kong"
},
{
value: "9.0",
label: "(GMT +9:00) Tokyo, Seoul, Osaka, Sapporo, Yakutsk"
},
{
value: "9.5",
label: "(GMT +9:30) Adelaide, Darwin"
},
{
value: "10.0",
label: "(GMT +10:00) Eastern Australia, Guam, Vladivostok"
},
{
value: "11.0",
label: "(GMT +11:00) Magadan, Solomon Islands, New Caledonia"
},
{
value: "12.0",
label: "(GMT +12:00) Auckland, Wellington, Fiji, Kamchatka"
}
]
}
const actions = {
changePreviewType: ({commit, state}, preview) => {
@@ -906,6 +1032,7 @@ const getters = {
requestedPlan: state => state.requestedPlan,
currencyList: state => state.currencyList,
countries: state => state.countries,
timezones: state=> state.timezones,
api: state => state.config.api,
config: state => state.config,
index: state => state.index,
+18 -22
View File
@@ -25,6 +25,23 @@
</div>
</div>
</PageTabGroup>
<PageTabGroup v-if="userInfo">
<div class="form block-form">
<FormLabel>{{$t('user_settings.timezone')}}</FormLabel>
<div class="block-wrapper">
<label>GMT:</label>
<div class="input-wrapper">
<SelectInput @input="$updateText('/user/relationships/settings', 'timezone', userTimezone)"
v-model="userTimezone"
:default="userTimezone"
:options="timezones"
:placeholder="$t('user_settings.timezone_plac')"/>
</div>
</div>
</div>
</PageTabGroup>
<PageTabGroup v-if="config.isSaaS && billingInfo">
<div class="form block-form">
<FormLabel>{{ $t('user_settings.title_billing') }}</FormLabel>
@@ -105,27 +122,6 @@
</div>
</div>
</PageTabGroup>
<PageTabGroup v-if="userInfo">
<div class="form block-form">
<FormLabel>Timezone</FormLabel>
<div class="block-wrapper">
<label>GMT:</label>
<div class="input-wrapper">
<input @change="$updateText('/user/relationships/settings', 'timezone', userTimezone)"
v-model="userTimezone"
placeholder="Type your GMT"
type="number"
max='30'
min='-30'
/>
<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>
@@ -162,7 +158,7 @@
PageTab,
},
computed: {
...mapGetters(['config', 'countries']),
...mapGetters(['config', 'countries', 'timezones']),
},
data() {
return {