Jannex
/
expo-app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added motor action

main
alex 2023-08-07 21:16:23 +00:00
parent 4a92df31b0
commit ef88e86c49
11 changed files with 607 additions and 248 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
App.js
View File

@ -35,6 +35,9 @@ import LightsEditActionModalContent, {
LightsEditActionColorModeSelectionModalContent,
} from "./src/Screens/Device/modals/EditActions/Lights";
import { EditActionAnimationSelectionModalContent } from "./src/Screens/Device/modals/EditActions";
import MotorEditActionModalContent, {
MotorEditActionMotorModeSelectionModalContent,
} from "./src/Screens/Device/modals/EditActions/Motor";
const Drawer = createDrawerNavigator();
const Stack = createStackNavigator();
@ -205,6 +208,32 @@ export function MyApp() {
}
/>
<Stack.Screen
name="modalMotorEditAction"
component={MotorEditActionModalContent}
options={({ navigation }) =>
options({
navigation: navigation,
pageTitle: t(
"screens.device.scenes.editActions.modalMotorEditAction.pageTitle"
),
})
}
/>
<Stack.Screen
name="modalMotorEditActionMotorModeSelection"
component={MotorEditActionMotorModeSelectionModalContent}
options={({ navigation }) =>
options({
navigation: navigation,
pageTitle: t(
"screens.device.scenes.editActions.modalMotorEditActionMotorModeSelection.pageTitle"
),
})
}
/>
<Stack.Screen
name="modalUpdateSceneName"
component={UpdateSceneNameModalContent}

11
locales/de.json
View File

@ -113,6 +113,17 @@
"modalEditActionAnimationOutSelection": {
"pageTitle": "Animation out auswählen",
"noResult": "Keine Animationen verfügbar"
},
"modalMotorEditAction": {
"pageTitle": "Motor einstellen",
"dropdownMotorModeSelection": {
"label": "Wähle einen Motormodus",
"noMotorModeSelected": "Kein Motormodus ausgewählt"
},
"modeSpecificSettings": "Modus spezifische Einstellungen"
},
"modalMotorEditActionMotorModeSelection": {
"pageTitle": "Motormodus wählen"
}
},
"modalUpdateSceneName": {

11
locales/en.json
View File

@ -113,6 +113,17 @@
"modalEditActionAnimationOutSelection": {
"pageTitle": "Choose animation out",
"noResult": "No animations available"
},
"modalMotorEditAction": {
"pageTitle": "Adjust motor",
"dropdownMotorModeSelection": {
"label": "Choose a motor mode",
"noMotorModeSelected": "No motor mode selected"
},
"modeSpecificSettings": "Mode specific settings"
},
"modalMotorEditActionMotorModeSelection": {
"pageTitle": "Choose motor mode"
}
},
"modalUpdateSceneName": {

2
src/Screens/Device/modals/AddSceneAction/LayerSelection/index.js
View File

@ -93,7 +93,7 @@ export default function LayerSelectionModalContent({ navigation, route }) {
appContext.setDeviceSceneActions((arr) => [...arr, newAction]);
route.params["actionId"] = newAction.actionId;
route.params["action"] = newAction;
navigation.navigate(AppSelectedUserDevice.current.routeName);
navigation.navigate("modalLightsEditAction", {

20
src/Screens/Device/modals/AddSceneAction/index.js
View File

@ -94,7 +94,7 @@ export default function AddSceneActionModalContent({ navigation, route }) {
appContext.setDeviceSceneActions((arr) => [...arr, newAction]);
route.params["actionId"] = newAction.actionId;
route.params["action"] = newAction;
if (actionType === Constants.actionType.ambilight) {
route.params["actionType"] = Constants.actionType.ambilight;
@ -111,7 +111,9 @@ export default function AddSceneActionModalContent({ navigation, route }) {
text={t("screens.device.scenes.modalAddSceneAction.actions.layers")}
iconName={ActionTypeIconName(Constants.actionType.layers)}
imageSource={require("../../../../../assets/layers.gif")}
onPress={() => navigation.navigate("modalLayerSelection", route.params)}
onPress={() =>
navigation.navigate("modalLayerSelection", route.params)
}
deviceFirmwareVersion={deviceFirmwareVersion}
supportedFirmwareVersions={["1.0.1"]}
/>
@ -122,13 +124,13 @@ export default function AddSceneActionModalContent({ navigation, route }) {
)}
iconName={ActionTypeIconName(Constants.actionType.ambilight)}
imageSource={require("../../../../../assets/ambilight.gif")}
onPress={() => {
onPress={() =>
handleCreateAction(
Constants.actionType.ambilight,
{},
"modalLightsEditAction"
);
}}
)
}
deviceFirmwareVersion={deviceFirmwareVersion}
supportedFirmwareVersions={["1.0.1"]}
/>
@ -137,7 +139,13 @@ export default function AddSceneActionModalContent({ navigation, route }) {
text={t("screens.device.scenes.modalAddSceneAction.actions.motor")}
iconName={ActionTypeIconName(Constants.actionType.motor)}
imageSource={require("../../../../../assets/motor.gif")}
onPress={() => console.log("pressed action")}
onPress={() =>
handleCreateAction(
Constants.actionType.motor,
{},
"modalMotorEditAction"
)
}
deviceFirmwareVersion={deviceFirmwareVersion}
supportedFirmwareVersions={["1.0.1"]}
/>

2
src/Screens/Device/modals/ChooseScene/index.js
View File

@ -1,4 +1,4 @@
import { useCallback, useContext, useEffect, useState } from "react";
import { useCallback, useContext, useState } from "react";
import { FlatList } from "react-native";
import {
AppContext,

99
src/Screens/Device/modals/EditActions/Lights/index.js
View File

@ -31,6 +31,7 @@ import { MyColorPickerV2 } from "../../../../../Components/ColorPicker";
import {
EditActionAdjustmentsContent,
EditActionAnimationsCardContent,
RenderHeaderRight,
} from "..";
import {
MyDotsModal,
@ -47,9 +48,7 @@ export default function LightsEditActionModalContent({ navigation, route }) {
const colorPickerRef = useRef(ColorPickerRef);
const { t } = useTranslation();
const { actionType, actionId, deviceFirmwareVersion } = route.params;
console.log("actionType", actionType);
const { actionType, deviceFirmwareVersion, action } = route.params;
useFocusEffect(
useCallback(() => {
@ -63,47 +62,11 @@ export default function LightsEditActionModalContent({ navigation, route }) {
"screens.device.scenes.editActions.modalLightsEditAction.ambilightPageTitle"
),
headerRight: () => (
<MyDotsModal
modalData={[
/*{
bug: Duplicated item as references to the old action -> if the color is changed it will apply on both actions
icon: "content-duplicate",
label: t(
"screens.device.scenes.modalDotsEditAction.duplicateAction"
),
onPress: () => {
const currentSelectedAction =
appContext.deviceSceneActions.find(
(a) => a.actionId === actionId
);
appContext.setDeviceSceneActions((arr) => {
const duplicatedAction = {
...currentSelectedAction,
actionId: GetUuid(),
};
return [...arr, duplicatedAction];
});
navigation.goBack();
},
},*/
{
icon: "trash-can",
label: t(
"screens.device.scenes.editActions.modalDotsEditAction.deleteAction"
),
onPress: () => {
appContext.setDeviceSceneActions((actions) =>
actions.filter((a) => a.actionId !== actionId)
);
navigation.goBack();
},
},
]}
<RenderHeaderRight
action={action}
appContext={appContext}
navigation={navigation}
t={t}
/>
),
});
@ -115,40 +78,33 @@ export default function LightsEditActionModalContent({ navigation, route }) {
lightMode.supportedFirmwareVersions.includes(deviceFirmwareVersion)
);
const selectedSceneAction = appContext.deviceSceneActions.find(
(a) => a.actionId === actionId
);
const [lightModeDefaultColors, setLightModeDefaultColors] = useState([]);
// check if selectedSceneAction exists before accessing modeId as the action could be deleted by the user
// check if action exists before accessing modeId as the action could be deleted by the user
const selectedLightMode = supportedDeviceLightModes.find(
(s) => s.id === (selectedSceneAction && selectedSceneAction.modeId)
(s) => s.id === (action && action.modeId)
);
useEffect(() => {
if (colorPickerRef.current && selectedLightMode.defaults.length > 0) {
colorPickerRef.current.setColor(
selectedSceneAction.modeAdjustments.colors[0]
);
colorPickerRef.current.setColor(action.modeAdjustments.colors[0]);
}
}, [lightModeDefaultColors]);
useEffect(() => {
if (selectedLightMode !== undefined) {
sharedLightModeDefaultColors.value =
selectedSceneAction.modeAdjustments.colors;
setLightModeDefaultColors(selectedSceneAction.modeAdjustments.colors);
sharedLightModeDefaultColors.value = action.modeAdjustments.colors;
setLightModeDefaultColors(action.modeAdjustments.colors);
setSelectedDefaultLightModeColor(0);
}
}, [selectedSceneAction?.modeId]);
}, [action?.modeId]);
const saveColorsToModeAdjustments = () => {
appContext.setDeviceSceneActions((arr) => {
const newArr = [...arr];
const foundSceneActionIndex = arr.findIndex(
(a) => a.actionId === selectedSceneAction.actionId
(a) => a.actionId === action.actionId
);
if (foundSceneActionIndex !== -1) {
@ -160,15 +116,10 @@ export default function LightsEditActionModalContent({ navigation, route }) {
});
};
if (!selectedSceneAction) return null;
if (!action) return null;
return (
<View
style={{
backgroundColor: appContext.appTheme.backgroundColor,
height: "100%",
}}
>
<ModalContainer withoutPadding>
<DeviceLivePreview />
<MyDeviceTabButtonContainer>
@ -190,7 +141,7 @@ export default function LightsEditActionModalContent({ navigation, route }) {
"screens.device.scenes.editActions.modalLightsEditAction.dropdownColorModeSelection.label"
)}
selectedItemLabel={
selectedSceneAction.modeId === ""
action.modeId === ""
? t(
"screens.device.scenes.editActions.modalLightsEditAction.dropdownColorModeSelection.noColorModeSelected"
)
@ -199,12 +150,12 @@ export default function LightsEditActionModalContent({ navigation, route }) {
onPress={() =>
navigation.navigate("modalLightsEditActionColorModeSelection", {
supportedDeviceLightModes: supportedDeviceLightModes,
action: selectedSceneAction,
action: action,
})
}
/>
{selectedSceneAction.modeId !== "" && (
{action.modeId !== "" && (
<>
{lightModeDefaultColors.length > 0 && (
<>
@ -285,7 +236,7 @@ export default function LightsEditActionModalContent({ navigation, route }) {
)}
<EditActionAdjustmentsContent
action={selectedSceneAction}
action={action}
adjustmentType="mode"
adjustments={selectedLightMode.adjustments}
/>
@ -294,13 +245,13 @@ export default function LightsEditActionModalContent({ navigation, route }) {
</Card>
<EditActionAnimationsCardContent
disabled={selectedSceneAction.modeId === ""}
disabled={action.modeId === ""}
navigation={navigation}
deviceFirmwareVersion={deviceFirmwareVersion}
action={selectedSceneAction}
action={action}
/>
</ScrollView>
</View>
</ModalContainer>
);
}
@ -350,12 +301,12 @@ export function LightsEditActionColorModeSelectionModalContent({
}) {
const appContext = useContext(AppContext);
const { action } = route.params;
const { action, supportedDeviceLightModes } = route.params;
return (
<ModalContainer withoutPadding>
<FlatList
data={route.params.supportedDeviceLightModes}
data={supportedDeviceLightModes}
keyExtractor={(item) => item.id}
renderItem={({ item }) => (
<MyPickerModalListItem

155
src/Screens/Device/modals/EditActions/Motor/index.js Normal file
View File

@ -0,0 +1,155 @@
import { useCallback, useContext } from "react";
import { AppContext, ModalContainer } from "../../../../../utils";
import { DeviceLivePreview } from "../../..";
import { FlatList, ScrollView } from "react-native";
import Card from "../../../../../Components/Card";
import MyDropdown from "../../../../../Components/Dropdown";
import { useTranslation } from "react-i18next";
import {
EditActionAdjustmentsContent,
EditActionAnimationsCardContent,
RenderHeaderRight,
} from "..";
import { MyPickerModalListItem } from "../../../../../Components/Modal";
import { useFocusEffect } from "@react-navigation/native";
export default function MotorEditActionModalContent({ navigation, route }) {
const appContext = useContext(AppContext);
const { t } = useTranslation();
const { action, deviceFirmwareVersion } = route.params;
const supportedDeviceMotorModes =
appContext.deviceFirmwareModes.motorModes.filter((motorMode) =>
motorMode.supportedFirmwareVersions.includes(deviceFirmwareVersion)
);
// check if action exists before accessing modeId as the action could be deleted by the user
const selectedMotorMode = supportedDeviceMotorModes.find(
(s) => s.id === (action && action.modeId)
);
useFocusEffect(
useCallback(() => {
navigation.setOptions({
headerRight: () => (
<RenderHeaderRight
navigation={navigation}
action={action}
appContext={appContext}
t={t}
/>
),
});
}, [])
);
if (!action) return null;
return (
<ModalContainer withoutPadding>
<DeviceLivePreview />
<ScrollView>
<Card>
<MyDropdown
style={{ marginBottom: 2 }}
label={t(
"screens.device.scenes.editActions.modalMotorEditAction.dropdownMotorModeSelection.label"
)}
selectedItemLabel={
action.modeId === ""
? t(
"screens.device.scenes.editActions.modalMotorEditAction.dropdownMotorModeSelection.noMotorModeSelected"
)
: selectedMotorMode.name[appContext.appLanguage]
}
onPress={() =>
navigation.navigate("modalMotorEditActionMotorModeSelection", {
supportedDeviceMotorModes: supportedDeviceMotorModes,
action: action,
})
}
/>
{action.modeId !== "" && (
<EditActionAdjustmentsContent
action={action}
adjustmentType="mode"
adjustments={selectedMotorMode.adjustments}
/>
)}
</Card>
<EditActionAnimationsCardContent
disabled={action.modeId === ""}
navigation={navigation}
deviceFirmwareVersion={deviceFirmwareVersion}
action={action}
/>
</ScrollView>
</ModalContainer>
);
}
export function MotorEditActionMotorModeSelectionModalContent({
navigation,
route,
}) {
const appContext = useContext(AppContext);
const { action, supportedDeviceMotorModes } = route.params;
return (
<ModalContainer withoutPadding>
<FlatList
data={supportedDeviceMotorModes}
keyExtractor={(item) => item.id}
renderItem={({ item }) => (
<MyPickerModalListItem
itemName={item.name[appContext.appLanguage]}
itemSelected={action.modeId === item.id}
onPress={() => {
appContext.setDeviceSceneActions((arr) => {
const newArr = [...arr];
const actionIndex = newArr.findIndex(
(a) => a.actionId === action.actionId
);
if (actionIndex !== -1) {
newArr[actionIndex].modeId = item.id;
/* const lightModeDefaultColors =
appContext.deviceFirmwareModes.lightModes.find(
(lM) => lM.id === item.id
);
if (lightModeDefaultColors !== undefined) {
if (lightModeDefaultColors.defaults !== undefined) {
newArr[actionIndex].modeAdjustments.colors =
appContext.deviceFirmwareModes.lightModes.find(
(lM) => lM.id === item.id
).defaults;
}
}*/
item.adjustments.forEach(
(adjustment) =>
(newArr[actionIndex].modeAdjustments[
adjustment.variableName
] = adjustment.defaultValue)
);
}
return newArr;
});
navigation.goBack();
}}
/>
)}
/>
</ModalContainer>
);
}

54
src/Screens/Device/modals/EditActions/index.js
View File

@ -10,7 +10,10 @@ import { useTranslation } from "react-i18next";
import Card from "../../../../Components/Card";
import MyDropdown from "../../../../Components/Dropdown";
import MyResult from "../../../../Components/Result";
import { MyPickerModalListItem } from "../../../../Components/Modal";
import {
MyDotsModal,
MyPickerModalListItem,
} from "../../../../Components/Modal";
import MySlider from "../../../../Components/Slider";
import MyIcon from "../../../../Components/Icon";
import { useFocusEffect } from "@react-navigation/native";
@ -236,6 +239,7 @@ export function EditActionAdjustmentsContent({
);
}
console.log("EditActionAdjustmentsContent item type not found");
return <Text>Item type not found</Text>;
}}
/>
@ -309,3 +313,51 @@ function EditActionSliderAdjustment({ action, adjustmentType, adjustment }) {
</>
);
}
export function RenderHeaderRight({ navigation, appContext, t, action }) {
return (
<MyDotsModal
modalData={[
/*{
TODO: Fix it
bug: Duplicated item as references to the old action -> if the color is changed it will apply on both actions
icon: "content-duplicate",
label: t(
"screens.device.scenes.modalDotsEditAction.duplicateAction"
),
onPress: () => {
const currentSelectedAction =
appContext.deviceSceneActions.find(
(a) => a.actionId === actionId
);
appContext.setDeviceSceneActions((arr) => {
const duplicatedAction = {
...currentSelectedAction,
actionId: GetUuid(),
};
return [...arr, duplicatedAction];
});
navigation.goBack();
},
},*/
{
icon: "trash-can",
label: t(
"screens.device.scenes.editActions.modalDotsEditAction.deleteAction"
),
onPress: () => {
appContext.setDeviceSceneActions((actions) =>
actions.filter((a) => a.actionId !== action.actionId)
);
navigation.goBack();
},
},
]}
/>
);
}

174
src/Screens/Device/scene.js
View File

@ -3,11 +3,12 @@ import Card from "../../Components/Card";
import {
AppContext,
AppSelectedUserDevice,
AppStyles,
Constants,
GetDevice,
VibrateShort,
} from "../../utils";
import { useCallback, useContext, useState } from "react";
import { useCallback, useContext, useEffect, useState } from "react";
import MyDropdown from "../../Components/Dropdown";
import MyIcon from "../../Components/Icon";
import { useTranslation } from "react-i18next";
@ -172,10 +173,13 @@ export default function SceneView({ navigation }) {
ListFooterComponent={
<MyTextButton
title={t("screens.device.scenes.buttonAddAction")}
styleContainer={{
styleContainer={[
{
alignItems: "center",
marginTop: 10,
}}
},
AppStyles.appBottom,
]}
style={{ padding: 8 }}
actionColor={
deviceSceneActions === undefined ||
@ -212,19 +216,20 @@ function ActionListItem({ drag, navigation, device, item }) {
const appContext = useContext(AppContext);
const { t } = useTranslation();
const ListItemTitle = () => {
let navigateTo;
let navigateToOptions = {
deviceFirmwareVersion: device.firmware.version,
action: item,
};
let itemModeList = [];
let adjustments = [];
const ListItem = ({ text, children }) => {
return (
<Text
style={{
color: appContext.appTheme.colors.primary,
}}
>
{item.modeId === ""
? "???"
: appContext.deviceFirmwareModes.lightModes.find(
(lM) => lM.id === item.modeId
).name[appContext.appLanguage]}
</Text>
<View style={{ flexDirection: "row", alignItems: "center" }}>
<Text style={{ color: appContext.appTheme.textSecondary }}>{text}</Text>
{children}
</View>
);
};
@ -236,11 +241,28 @@ function ActionListItem({ drag, navigation, device, item }) {
}${usedAnimation.adjustment.unitOfMeasurement[appContext.appLanguage]})`;
};
const ListItemAdjustments = () => {
let adjustments = [];
const ListItemTitle = () => {
return (
<Text
style={{
color: appContext.appTheme.colors.primary,
}}
>
{item.modeId === ""
? "???"
: itemModeList.find((m) => m.id === item.modeId).name[
appContext.appLanguage
]}
</Text>
);
};
switch (item.type) {
case Constants.actionType.layers:
navigateTo = "modalLightsEditAction";
navigateToOptions.actionType = Constants.actionType.layers;
itemModeList = appContext.deviceFirmwareModes.lightModes;
if (item.modeAdjustments.layers !== undefined) {
const layerGrammarForm =
item.modeAdjustments.layers.length > 1
@ -252,12 +274,16 @@ function ActionListItem({ drag, navigation, device, item }) {
);
const affectedLayers = item.modeAdjustments.layers.join(", ");
adjustments.push(
<View style={{ flexDirection: "row", alignItems: "center" }}>
<Text style={{ color: appContext.appTheme.textSecondary }}>
{appContext.deviceFirmwareModes.lightModes.find(
const lightMode = appContext.deviceFirmwareModes.lightModes.find(
(lM) => lM.id === item.modeId
).defaults.length === 0
);
adjustments.push(
<ListItem
text={
lightMode && (
<>
{lightMode.defaults.length === 0
? `${t(
"screens.device.scenes.sceneActionsListItems.layers.applyToLayers",
{
@ -274,10 +300,13 @@ function ActionListItem({ drag, navigation, device, item }) {
)} ${
item.modeAdjustments.colors.length === 0 ? "???" : ""
}`}
</Text>
{item.modeAdjustments.colors !== undefined &&
item.modeAdjustments.colors.map((color, index) => (
</>
)
}
children={
item.modeAdjustments.colors !== undefined && (
<>
{item.modeAdjustments.colors.map((color, index) => (
<MyColorSwatch
key={index}
backgroundColor={color}
@ -285,21 +314,27 @@ function ActionListItem({ drag, navigation, device, item }) {
style={{ marginRight: -2 }}
/>
))}
</View>
</>
)
}
/>
);
}
break;
case Constants.actionType.ambilight:
console.log("item", item);
navigateTo = "modalLightsEditAction";
navigateToOptions.actionType = Constants.actionType.ambilight;
itemModeList = appContext.deviceFirmwareModes.lightModes;
adjustments.push(
<View style={{ flexDirection: "row", alignItems: "center" }}>
<Text style={{ color: appContext.appTheme.textSecondary }}>
{t("screens.device.scenes.sceneActionsListItems.ambilight")}{" "}
</Text>
{item.modeAdjustments.colors !== undefined &&
item.modeAdjustments.colors.map((color, index) => (
<ListItem
text={
<>{t("screens.device.scenes.sceneActionsListItems.ambilight")} </>
}
children={
item.modeAdjustments.colors !== undefined && (
<>
{item.modeAdjustments.colors.map((color, index) => (
<MyColorSwatch
key={index}
backgroundColor={color}
@ -307,14 +342,21 @@ function ActionListItem({ drag, navigation, device, item }) {
style={{ marginRight: -2 }}
/>
))}
</View>
</>
)
}
/>
);
break;
case Constants.actionType.motor:
navigateTo = "modalMotorEditAction";
itemModeList = appContext.deviceFirmwareModes.motorModes;
//adjustments.push(<ListItem text={"Motor"} />);
break;
default:
console.log(
`item type ${item.type} not found in to display ListItemAdjustments`
);
break;
console.log("item type not defined" + item.type);
return;
}
if (
@ -353,58 +395,34 @@ function ActionListItem({ drag, navigation, device, item }) {
);
}
return adjustments.map((adjustment, index) => (
<View key={index} style={{ flexDirection: "row" }}>
{adjustment}
</View>
));
};
return (
<View style={{ marginLeft: 15, marginRight: 15 }}>
<TouchableOpacity
onPress={() => {
let navigateTo;
let options = {
actionId: item.actionId,
deviceFirmwareVersion: device.firmware.version,
};
switch (item.type) {
case Constants.actionType.layers:
navigateTo = "modalLightsEditAction";
options.actionType = Constants.actionType.layers;
break;
case Constants.actionType.ambilight:
navigateTo = "modalLightsEditAction";
options.actionType = Constants.actionType.ambilight;
break;
default:
console.log("no navigation defined for item type " + item.type);
return;
}
navigation.navigate(navigateTo, options);
}}
onPress={() => navigation.navigate(navigateTo, navigateToOptions)}
>
<View style={{ flexDirection: "row", justifyContent: "space-between" }}>
<View
style={{
flexDirection: "row",
alignItems: "center",
justifyContent: "space-between",
}}
>
<View style={{ flexDirection: "row" }}>
<MyIcon
name={ActionTypeIconName(item.type)}
size={24}
style={item.modeId !== "" && { marginTop: 6 }}
/>
<MyIcon name={ActionTypeIconName(item.type)} size={24} />
<View style={{ flexDirection: "row" }}>
<View style={{ marginLeft: 12 }}>
<ListItemTitle />
{item.modeId !== "" && <ListItemAdjustments />}
{item.modeId !== "" && (
<>
{adjustments.map((adjustment, index) => (
<View key={index} style={{ flexDirection: "row" }}>
{adjustment}
</View>
))}
</>
)}
</View>
</View>
</View>

130
src/utils.js
View File

@ -71,6 +71,9 @@ export const AppStyles = StyleSheet.create({
deviceLivePreview: {
height: 200,
},
appBottom: {
marginBottom: 40,
},
});
const DarkAppTheme = {
@ -367,13 +370,134 @@ const devDevicesFirmwareModes = {
motorModes: [
{
id: "41de8c57-fc99-40a4-b6eb-a8d0d4569bc8",
type: "motor",
supportedFirmwareVersions: ["1.0.1"],
name: {
de: "Hin und her",
en: "Back and forth",
},
defaults: [],
adjustments: [],
adjustments: [
{
type: "slider",
variableName: "duration",
iconName: "repeat-variant",
name: {
de: "Dauer",
en: "Duration",
},
min: 1,
max: 6,
defaultValue: 2,
unitOfMeasurement: {
de: "s",
en: "s",
},
},
],
},
],
motorAnimationsIn: [
{
id: "b27003a7-447d-4b2b-b89a-5780b91f6614",
supportedFirmwareVersions: ["1.0.1"],
name: {
de: "Ruckartig in",
en: "Jerking in",
},
defaults: [],
adjustment: {
type: "slider",
variableName: "duration",
iconName: "repeat-variant",
name: {
de: "Dauer",
en: "Duration",
},
min: 1,
max: 3,
defaultValue: 2,
unitOfMeasurement: {
de: "s",
en: "s",
},
},
},
{
id: "13096781-92d7-4694-a8b8-b3a92399b922",
supportedFirmwareVersions: ["1.0.1"],
name: {
de: "Glatt in",
en: "Smooth in",
},
defaults: [],
adjustment: {
type: "slider",
variableName: "duration",
iconName: "repeat-variant",
name: {
de: "Dauer",
en: "Duration",
},
min: 1,
max: 8,
defaultValue: 4,
unitOfMeasurement: {
de: "s",
en: "s",
},
},
},
],
motorAnimationsOut: [
{
id: "b27003a7-447d-4b2b-b89a-5780b91f6614",
supportedFirmwareVersions: ["1.0.1"],
name: {
de: "Ruckartig out",
en: "Jerking out",
},
defaults: [],
adjustment: {
type: "slider",
variableName: "duration",
iconName: "repeat-variant",
name: {
de: "Dauer",
en: "Duration",
},
min: 1,
max: 3,
defaultValue: 2,
unitOfMeasurement: {
de: "s",
en: "s",
},
},
},
{
id: "13096781-92d7-4694-a8b8-b3a92399b922",
supportedFirmwareVersions: ["1.0.1"],
name: {
de: "Glatt out",
en: "Smooth out",
},
defaults: [],
adjustment: {
type: "slider",
variableName: "duration",
iconName: "repeat-variant",
name: {
de: "Dauer",
en: "Duration",
},
min: 1,
max: 8,
defaultValue: 4,
unitOfMeasurement: {
de: "s",
en: "s",
},
},
},
],
};
@ -572,7 +696,7 @@ export function VibrateShort() {
export function ModalContainer({ children, withoutPadding }) {
return (
<View style={[{ flex: 1 }, !withoutPadding && { padding: 10 }]}>
<View>{children}</View>
{children}
</View>
);
}