161 lines
4.3 KiB
Vue
161 lines
4.3 KiB
Vue
<template>
|
|
<Page @loaded="pgLoad" actionBarHidden="true">
|
|
<RGridLayout :rtl="RTL" rows="*, auto" columns="auto, *">
|
|
<OptionsList title="Settings" :items="items" />
|
|
<GridLayout row="1" class="appbar rtl" rows="*" columns="auto, *">
|
|
<Button class="ico end" :text="icon.back" @tap="$navigateBack()" />
|
|
</GridLayout>
|
|
<Label rowSpan="2" class="edge hal rtl" @swipe="swipeBack" />
|
|
<Label
|
|
rowSpan="2"
|
|
colSpan="2"
|
|
class="edge har rtl f"
|
|
@swipe="swipeBack"
|
|
/>
|
|
</RGridLayout>
|
|
</Page>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
Observable,
|
|
Device,
|
|
Application,
|
|
ApplicationSettings,
|
|
Utils,
|
|
} from "@nativescript/core";
|
|
import { mapState, mapActions } from "vuex";
|
|
import { localize } from "@nativescript/localize";
|
|
import OptionsList from "../sub/OptionsList";
|
|
import Action from "../modals/Action";
|
|
import * as utils from "~/shared/utils";
|
|
|
|
export default {
|
|
components: { OptionsList },
|
|
computed: {
|
|
...mapState(["icon", "timerD", "timerS", "timerV", "RTL"]),
|
|
items() {
|
|
let options = [
|
|
{
|
|
type: "list",
|
|
icon: "sound",
|
|
rtl: 0,
|
|
title: "tmrSnd",
|
|
subTitle: this.timerS.title,
|
|
action: this.showSoundsList,
|
|
},
|
|
{
|
|
type: "switch",
|
|
icon: "vibrate",
|
|
rtl: 0,
|
|
title: "tmrvbrt",
|
|
checked: !!this.timerV,
|
|
action: this.toggleTimerVibrate,
|
|
},
|
|
];
|
|
let openSettings = [
|
|
{
|
|
type: "list",
|
|
icon: "sound",
|
|
rtl: 0,
|
|
title: "notifSetg",
|
|
subTitle: null,
|
|
action: this.openNotificationChannelSettings,
|
|
},
|
|
];
|
|
let list = this.channelExists() ? openSettings : options;
|
|
return [
|
|
{},
|
|
{
|
|
type: "list",
|
|
icon: "delay",
|
|
rtl: 0,
|
|
title: "dlyDur",
|
|
subTitle:
|
|
this.delayList[this.delayList.findIndex((e) => e.n == this.timerD)]
|
|
.l,
|
|
action: this.showDelayList,
|
|
},
|
|
...list,
|
|
{},
|
|
];
|
|
},
|
|
delayList() {
|
|
return [
|
|
...Array.from(Array(4), (_, x) => x + 1),
|
|
...Array.from(Array(6), (_, x) => (x + 1) * 5),
|
|
].map((e) => {
|
|
return {
|
|
l: `${this.localeN(e)} ${localize(e > 1 ? "minutes" : "minute")}`,
|
|
n: e,
|
|
};
|
|
});
|
|
},
|
|
},
|
|
methods: {
|
|
...mapActions(["setTD", "setTS", "setTV"]),
|
|
pgLoad({ object }) {
|
|
object.bindingContext = new Observable();
|
|
ApplicationSettings.setNumber("isTimer", 2);
|
|
},
|
|
showDelayList() {
|
|
this.$showModal(Action, {
|
|
props: {
|
|
title: "dlyDur",
|
|
list: this.delayList.map((e) => e.l),
|
|
selected: this.delayList.findIndex((e) => e.n == this.timerD),
|
|
},
|
|
}).then(
|
|
(res) =>
|
|
res &&
|
|
this.setTD(
|
|
this.delayList[this.delayList.findIndex((e) => e.l == res)].n
|
|
)
|
|
);
|
|
},
|
|
showSoundsList() {
|
|
let getTones = utils.getTones();
|
|
this.$showModal(Action, {
|
|
props: {
|
|
title: "tmrSnd",
|
|
list: getTones.tones.map((e) => e.title),
|
|
selected: getTones.tones.findIndex(
|
|
(e) => e.title == this.timerS.title
|
|
),
|
|
},
|
|
}).then(
|
|
(tone) =>
|
|
tone &&
|
|
tone !== this.timerS.title &&
|
|
this.setTS(getTones.tones.filter((e) => e.title === tone)[0])
|
|
);
|
|
},
|
|
toggleTimerVibrate() {
|
|
this.setTV(!this.timerV | 0);
|
|
},
|
|
openNotificationChannelSettings() {
|
|
const ctx = Application.android.context;
|
|
const Settings = android.provider.Settings;
|
|
const Intent = android.content.Intent;
|
|
let intent = new Intent(Settings.ACTION_CHANNEL_NOTIFICATION_SETTINGS);
|
|
intent.putExtra(
|
|
Settings.EXTRA_APP_PACKAGE,
|
|
Application.android.packageName
|
|
);
|
|
intent.putExtra(Settings.EXTRA_CHANNEL_ID, "cta");
|
|
intent.setFlags(android.content.Intent.FLAG_ACTIVITY_NEW_TASK);
|
|
ctx.startActivity(intent);
|
|
},
|
|
channelExists() {
|
|
if (Device.sdkVersion * 1 >= 26) {
|
|
const ctx = Utils.ad.getApplicationContext();
|
|
const NotifySrv = ctx.getSystemService(
|
|
android.content.Context.NOTIFICATION_SERVICE
|
|
);
|
|
return NotifySrv.getNotificationChannel("cta");
|
|
}
|
|
return null;
|
|
},
|
|
},
|
|
};
|
|
</script>
|