@@ -74,7 +92,33 @@ class DeviceModule extends React.Component
{
>
- {name}
+
+ {name}
+
+ {
+ const checked = e.target.checked;
+ const disable = new SuFile(`/data/adb/modules/${module}/disable`);
+
+ if (checked) {
+ if (disable.system.exists()) {
+ if (disable.system.delete()) {
+ this.log.i(`${module} has been enabled`);
+ }
+ }
+ } else {
+ if (!disable.system.exists()) {
+ if (disable.system.createNewFile()) {
+ this.log.i(`${module} has been disabled`);
+ }
+ }
+ }
+ }}
+ />
+ {" "}
+
@@ -91,28 +135,62 @@ class DeviceModule extends React.Component {
{/*
// @ts-ignore */}
- {
- const file = new SuFile(`/data/adb/modules/${module}`);
- new AlertBuilder()
- .setTitle(`Delete ${name}`)
- .setMessage("Are you sure to delete the module forever?")
- .setPositiveButton("Yes", () => {
- if (file.system.exists()) {
- file.system.deleteRecursive();
- Toast.makeText("Module deleted", Toast.LENGTH_LONG).show();
- } else {
- Toast.makeText(`Failed to delete ${module} module`, Toast.LENGTH_LONG).show();
- }
- })
- .showAlert();
- }}
- >
-
-
-
- Delete module
-
+ {(() => {
+ if (isSwitchDisabled) {
+ return (
+ <>
+ {
+ const remove = new SuFile(`/data/adb/modules/${module}/remove`);
+ if (remove.system.exists()) {
+ if (remove.system.delete()) {
+ this.setState({ isSwitchDisabled: false });
+ this.log.i(`${module} has been recovered`);
+ } else {
+ this.log.e(`Failed to recover ${module}`);
+ }
+ } else {
+ this.log.e(`This remove file don't exists for ${module}`);
+ }
+ }}
+ >
+
+
+
+ Recover module
+
+
+ );
+ } else {
+ return (
+ <>
+ {
+ const file = new SuFile(`/data/adb/modules/${module}/remove`);
+ new AlertBuilder()
+ .setTitle(`Delete ${name}`)
+ .setMessage("Are you sure to delete the module forever?")
+ .setPositiveButton("Yes", () => {
+ if (file.system.createNewFile()) {
+ this.setState({ isSwitchDisabled: true });
+ Toast.makeText("Module get removed on next reboot", Toast.LENGTH_LONG).show();
+ } else {
+ this.setState({ isSwitchDisabled: false });
+ Toast.makeText(`Failed to add reomve to ${module} module`, Toast.LENGTH_LONG).show();
+ }
+ })
+ .showAlert();
+ }}
+ >
+
+
+
+ Remove module
+
+
+ );
+ }
+ })()}
diff --git a/Website/src/components/ExploreModule.tsx b/Website/src/components/ExploreModule.tsx
index 4d2b5869..70224952 100644
--- a/Website/src/components/ExploreModule.tsx
+++ b/Website/src/components/ExploreModule.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
import ons from "onsenui";
import axios from "axios";
import Properties from "@js.properties/properties";
-import { Card } from "react-onsenui";
+import { Card, Switch } from "react-onsenui";
import { Chip } from "@mui/material";
import tools from "@Utils/tools";
import ViewModuleActivity from "@Activitys/ViewModuleActivity";
@@ -192,7 +192,20 @@ class ExploreModule extends React.Component {
return null;
}
})()}
- {props.name}
+
+
+ {props.name}
+
+
{(() => {
if (isVerified) {
return (
diff --git a/Website/src/components/icons/TimeIcon.jsx b/Website/src/components/icons/TimeIcon.jsx
new file mode 100644
index 00000000..e305fa25
--- /dev/null
+++ b/Website/src/components/icons/TimeIcon.jsx
@@ -0,0 +1,30 @@
+import * as React from "react";
+
+class TimeIcon extends React.Component {
+ render() {
+ const { color, size, className } = this.props;
+ return (
+
+ );
+ }
+}
+
+TimeIcon.defaultProps = {
+ size: "16",
+};
+
+export default TimeIcon;
diff --git a/Website/src/language/de.json b/Website/src/language/de.json
new file mode 100644
index 00000000..544b7b4d
--- /dev/null
+++ b/Website/src/language/de.json
@@ -0,0 +1,3 @@
+{
+
+}
\ No newline at end of file
diff --git a/Website/src/styles/addtional.scss b/Website/src/styles/addtional.scss
index 6bbab099..50ffa63b 100644
--- a/Website/src/styles/addtional.scss
+++ b/Website/src/styles/addtional.scss
@@ -27,6 +27,20 @@ item-card-wrapper {
margin-top: 8px;
}
item-module-name {
+ display: flex;
+ item-name {
+ font-size: large;
+ overflow: hidden;
+ text-align: start;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+ }
+ item-switch {
+ font-size: small;
+ text-align: end;
+ white-space: nowrap;
+ }
}
}
diff --git a/Website/src/typings/declaration.d.ts b/Website/src/typings/declaration.d.ts
new file mode 100644
index 00000000..39257771
--- /dev/null
+++ b/Website/src/typings/declaration.d.ts
@@ -0,0 +1 @@
+declare module 'fuchs-template';
diff --git a/Website/src/typings/global.d.ts b/Website/src/typings/global.d.ts
index bc827a41..2bd7771e 100644
--- a/Website/src/typings/global.d.ts
+++ b/Website/src/typings/global.d.ts
@@ -47,6 +47,8 @@ declare global {
"item-description": HTMLAttributes;
"item-last-update": HTMLAttributes;
"item-module-name": HTMLAttributes;
+ "item-name": HTMLAttributes;
+ "item-switch": HTMLAttributes;
// License cards
"license-card-wrapper": HTMLAttributes;
diff --git a/Website/src/utils/translations.ts b/Website/src/utils/translations.ts
new file mode 100644
index 00000000..5d4564fe
--- /dev/null
+++ b/Website/src/utils/translations.ts
@@ -0,0 +1,34 @@
+import * as t from "fuchs-template";
+import de from "./../language/de.json";
+
+const variableRegex = /\{[\w-]+?\}/g;
+
+function translations(locale: any, isDevelopment: boolean) {
+ if (typeof locale !== "object") throw new Error("The locale has to be an object.");
+
+ const invalidLocale = Object.keys(locale).some(function (key) {
+ return typeof locale[key] !== "string";
+ });
+
+ if (isDevelopment && invalidLocale) throw new Error("The locale json file has to be a map of strings to strings.");
+
+ return function (key: string, values: string) {
+ if (typeof locale[key] !== "string") {
+ if (!isDevelopment) {
+ return key;
+ }
+ throw new Error('There is no translation for the key "' + key + '" in this locale.');
+ }
+
+ const result = t(locale[key], values);
+
+ if (isDevelopment && variableRegex.test(result)) {
+ const undefinedVariables = result.match(variableRegex).join(", ");
+ throw new Error("Missing value for " + undefinedVariables);
+ }
+
+ return result;
+ };
+}
+
+export default translations;