frontend, added user active flag, localization

Core/API/Request.class.php

@@ -278,6 +278,7 @@ abstract class Request {
         $this->success = $success;
       }
     } catch (\Error $err) {
+      http_response_code(500);
       $this->createError($err->getMessage());
       $this->logger->error($err->getMessage());
     }

Core/API/Stats.class.php

@@ -57,6 +57,7 @@ class Stats extends Request {
     $sql = $this->context->getSQL();
     $userCount = User::count($sql);
     $pageCount = Route::count($sql, new CondBool("active"));
+    $groupCount = Group::count($sql);
     $req = new \Core\API\Visitors\Stats($this->context);
     $this->success = $req->execute(array("type"=>"monthly"));
     $this->lastError = $req->getLastError();
@@ -82,6 +83,7 @@ class Stats extends Request {
     $this->result["data"] = [
       "userCount" => $userCount,
       "pageCount" => $pageCount,
+      "groupCount" => $groupCount,
       "visitors" => $visitorStatistics,
       "visitorsTotal" => $visitorCount,
       "server" => [

Core/API/UserAPI.class.php

@@ -576,8 +576,9 @@ namespace Core\API\User {
       if ($user !== false) {
         if ($user === null) {
           return $this->wrongCredentials();
-        } else {
+        } else if (!$user->isActive()) {
-          if (password_verify($password, $user->password)) {
+          return $this->createError("This user is currently disabled. Contact the server administrator, if you believe this is a mistake.");
+        } else if (password_verify($password, $user->password)) {
           if (!$user->confirmed) {
             $this->result["emailConfirmed"] = false;
             return $this->createError("Your email address has not been confirmed yet.");
@@ -596,7 +597,6 @@ namespace Core\API\User {
         } else {
           return $this->wrongCredentials();
         }
-        }
       } else {
         return $this->createError("Error fetching user details: " . $sql->getLastError());
       }
@@ -934,6 +934,9 @@ namespace Core\API\User {
       if ($user === false) {
         return $this->createError("Could not fetch user details: " . $sql->getLastError());
       } else if ($user !== null) {
+        if (!$user->isActive()) {
+          return $this->createError("This user is currently disabled. Contact the server administrator, if you believe this is a mistake.");
+        } else {
           $validHours = 1;
           $token = generateRandomString(36);
           $userToken = new UserToken($user, $token, UserToken::TYPE_PASSWORD_RESET, $validHours);
@@ -973,6 +976,7 @@ namespace Core\API\User {
             $this->logger->info("Requested password reset for user id=" . $user->getId() . " by ip_address=" . $_SERVER["REMOTE_ADDR"]);
           }
         }
+      }
 
       return $this->success;
     }

Core/Localization/de_DE/account.php

@@ -22,6 +22,7 @@ return [
   "reset_password_form_title" => "Ein neues Passwort wählen",
   "reset_password_request_form_title" => "Geben Sie Ihre E-Mail Adresse ein um ein Passwort-Reset Token zu erhalten",
   "form_title" => "Bitte geben Sie ihre Daten ein",
+  "name" => "Name",
   "username" => "Benutzername",
   "username_or_email" => "Benutzername oder E-Mail",
   "email" => "E-Mail Adresse",
@@ -60,5 +61,11 @@ return [
   "registered_at" => "Registriert am",
   "last_online" => "Zuletzt online",
   "groups" => "Gruppen",
+  "group_name" => "Gruppenname",
+  "new_group" => "Neue Gruppe",
+  "members" => "Mitglieder",
+  "member_count" => "Mitgliederanzahl",
+  "color" => "Farbe",
   "logged_in_as" => "Eingeloggt als",
+  "active" => "Aktiv",
 ];

Core/Localization/de_DE/admin.php

@@ -12,4 +12,12 @@ return [
   "acl" => "Zugriffsberechtigung",
   "logs" => "Logs",
   "help" => "Hilfe",
+
+  # Dashboard
+  "users_registered" => "Benutzer registriert",
+  "available_groups" => "verfügbare Gruppen",
+  "routes_defined" => "Routen definiert",
+
+  # Dialogs
+  "fetch_stats_error" => "Fehler beim Holen der Stats",
 ];

Core/Localization/de_DE/logs.php

@@ -10,6 +10,8 @@ return [
   "search_query" => "Suchanfrage",
   "no_entries_placeholder" => "Keine Log-Einträge zum Anzeigen",
   "timestamp_placeholder" => "Datum und Zeitpunk Auswählen zum Filtern",
+  "hide_details" => "Details verstecken",
+  "show_details" => "Details zeigen",
 
   // dialog
   "fetch_log_error" => "Fehler beim Holen der Log-Einträge",

Core/Localization/en_US/account.php

@@ -22,6 +22,7 @@ return [
   "reset_password_form_title" => "Choose a new password",
   "reset_password_request_form_title" => "Enter your E-Mail address, to receive a password reset token.",
   "form_title" => "Please fill with your details",
+  "name" => "Name",
   "username" => "Username",
   "username_or_email" => "Username or E-Mail",
   "email" => "E-Mail Address",
@@ -60,5 +61,11 @@ return [
   "registered_at" => "Registered At",
   "last_online" => "Last Online",
   "groups" => "Groups",
+  "group_name" => "Group Name",
+  "new_group" => "New Group",
+  "members" => "Members",
+  "member_count" => "Member Count",
+  "color" => "Color",
   "logged_in_as" => "Logged in as",
+  "active" => "Active",
 ];

Core/Localization/en_US/admin.php

@@ -12,4 +12,12 @@ return [
   "acl" => "Access Control",
   "logs" => "Logs",
   "help" => "Help",
+
+  # Dashboard
+  "users_registered" => "Users registered",
+  "available_groups" => "available Groups",
+  "routes_defined" => "Routes defined",
+
+  # Dialogs
+  "fetch_stats_error" => "Error fetching stats",
 ];

Core/Localization/en_US/general.php

@@ -59,7 +59,6 @@ return [
   "move" => "Move",
   "overwrite" => "Overwrite",
 
-
   # data table
   "showing_x_of_y_entries" => "Showing %d of %d entries",
   "controls" => "Controls",

Core/Localization/en_US/logs.php

@@ -10,6 +10,8 @@ return [
   "search_query" => "Search query",
   "no_entries_placeholder" => "No log entries to display",
   "timestamp_placeholder" => "Select date and time to filter",
+  "hide_details" => "Hide details",
+  "show_details" => "Show details",
 
   // dialog
   "fetch_log_error" => "Error fetching log entries",

Core/Objects/Context.class.php

@@ -176,8 +176,9 @@ class Context {
       ->addJoin(new InnerJoin("ApiKey", "ApiKey.user_id", "User.id"))
       ->whereEq("ApiKey.api_key", $apiKey)
       ->whereGt("valid_until", $this->sql->currentTimestamp())
-      ->whereTrue("ApiKey.active", true)
+      ->whereTrue("ApiKey.active")
-      ->whereTrue("User.confirmed", true)
+      ->whereTrue("User.confirmed")
+      ->whereTrue("User.active")
       ->fetchEntities());
 
     return $this->user !== null;

Core/Objects/DatabaseEntity/Session.class.php

@@ -46,10 +46,16 @@ class Session extends DatabaseEntity {
       ->whereEq("Session.uuid", $sessionUUID)
       ->whereTrue("Session.active")
       ->whereGt("Session.expires", $sql->now()));
+
     if (!$session) {
       return null;
     }
 
+    $user = $session->getUser();
+    if (!$user->isActive() || !$user->isConfirmed()) {
+      return null;
+    }
+
     if (is_array($session->data)) {
       foreach ($session->data as $key => $value) {
         $_SESSION[$key] = $value;

Core/Objects/DatabaseEntity/User.class.php

@@ -45,6 +45,10 @@ class User extends DatabaseEntity {
   #[DefaultValue(false)]
   public bool $confirmed;
 
+  #[Visibility(Visibility::BY_GROUP, Group::ADMIN, Group::SUPPORT)]
+  #[DefaultValue(true)]
+  public bool $active;
+
   #[DefaultValue(Language::AMERICAN_ENGLISH)] public Language $language;
 
   #[Visibility(Visibility::BY_GROUP, Group::ADMIN, Group::SUPPORT)]
@@ -92,6 +96,14 @@ class User extends DatabaseEntity {
     return $this->profilePicture;
   }
 
+  public function isActive():bool {
+    return $this->active;
+  }
+
+  public function isConfirmed():bool {
+    return $this->confirmed;
+  }
+
   public function __debugInfo(): array {
     return [
       'id' => $this->getId(),

index.php

@@ -65,7 +65,13 @@ if ($installation) {
       is_string($_GET["error"]) && preg_match("/^\d+$/", $_GET["error"])) {
       $response = $router->returnStatusCode(intval($_GET["error"]));
     } else {
+      try {
         $response = $router->run($requestedUri);
+      } catch (\Error $e) {
+        http_response_code(500);
+        $router->getLogger()->error($e->getMessage());
+        $router->returnStatusCode(500);
+      }
     }
   }
 

react/admin-panel/src/views/group/group-edit.js

@@ -56,7 +56,7 @@ export default function EditGroupView(props) {
                     <div className={"col-sm-6"}>
                         <ol className={"breadcrumb float-sm-right"}>
                             <li className={"breadcrumb-item"}><Link to={"/admin/dashboard"}>Home</Link></li>
-                            <li className="breadcrumb-item active"><Link to={"/admin/groups"}>Group</Link></li>
+                            <li className="breadcrumb-item active"><Link to={"/admin/groups"}>{L("account.group")}</Link></li>
                             <li className="breadcrumb-item active">{ isNewGroup ? L("general.new") : groupId }</li>
                         </ol>
                     </div>
@@ -68,13 +68,15 @@ export default function EditGroupView(props) {
                 <div className={"col-6 pl-5 pr-5"}>
                     <form role={"form"} onSubmit={(e) => this.submitForm(e)}>
                         <div className={"form-group"}>
-                            <label htmlFor={"name"}>Group Name</label>
+                            <label htmlFor={"name"}>{L("account.group_name")}</label>
                             <input type={"text"} className={"form-control"} placeholder={"Name"}
                                    name={"name"} id={"name"} maxLength={32} value={group.name}/>
                         </div>
 
                         <div className={"form-group"}>
-                            <label htmlFor={"color"}>Color</label>
+                            <label htmlFor={"color"}>
+                                {L("account.color")}
+                            </label>
                             <div>
                                 <ColorPicker
                                     value={group.color}
@@ -88,13 +90,15 @@ export default function EditGroupView(props) {
                         </div>
 
                         <Link to={"/admin/groups"} className={"btn btn-info mt-2 mr-2"}>
-                            &nbsp;Back
+                            &nbsp;{L("general.go_back")}
                         </Link>
-                        <button type={"submit"} className={"btn btn-primary mt-2"}>Submit</button>
+                        <button type={"submit"} className={"btn btn-primary mt-2"}>
+                            {L("general.submit")}
+                        </button>
                     </form>
                 </div>
                 <div className={"col-6"}>
-                    <h3>Members</h3>
+                    <h3>{L("account.members")}</h3>
                 </div>
             </div>
         </div>

react/admin-panel/src/views/group/group-list.js

@@ -52,8 +52,8 @@ export default function GroupListView(props) {
 
     const columnDefinitions = [
         new NumericColumn(L("general.id"), "id"),
-        new StringColumn(L("group.name"), "name"),
+        new StringColumn(L("account.name"), "name"),
-        new NumericColumn(L("group.member_count"), "memberCount"),
+        new NumericColumn(L("account.member_count"), "memberCount"),
         actionColumn,
     ];
 
@@ -66,7 +66,7 @@ export default function GroupListView(props) {
                     <div className={"col-sm-6"}>
                         <ol className={"breadcrumb float-sm-right"}>
                             <li className={"breadcrumb-item"}><Link to={"/admin/dashboard"}>Home</Link></li>
-                            <li className="breadcrumb-item active">Groups</li>
+                            <li className="breadcrumb-item active">{L("account.groups")}</li>
                         </ol>
                     </div>
                 </div>

react/admin-panel/src/views/log-view.js

@@ -9,7 +9,8 @@ import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import {API_DATETIME_FORMAT} from "shared/constants";
 import {format, toDate} from "date-fns";
-import {FormControl, FormGroup, FormLabel, MenuItem, Select} from "@material-ui/core";
+import {Box, FormControl, FormGroup, FormLabel, IconButton, MenuItem, Select} from "@material-ui/core";
+import {ExpandLess, ExpandMore} from "@material-ui/icons";
 
 export default function LogView(props) {
 
@@ -59,6 +60,16 @@ export default function LogView(props) {
         });
     }, [api, showDialog, logLevel, timestamp, query]);
 
+    const onToggleDetails = useCallback(entry => {
+        let newLogEntries = [...logEntries];
+        for (const logEntry of newLogEntries) {
+            if (logEntry.id === entry.id) {
+                logEntry.showDetails = !logEntry.showDetails;
+            }
+        }
+        setLogEntries(newLogEntries);
+    }, [logEntries]);
+
     useEffect(() => {
         // TODO: wait for user to finish typing before force reloading
         setForceReload(forceReload + 1);
@@ -68,7 +79,19 @@ export default function LogView(props) {
         let column = new DataColumn(L("logs.message"), "message");
         column.sortable = false;
         column.renderData = (L, entry) => {
-            return <pre>{entry.message}</pre>
+            return <Box display={"grid"} gridTemplateColumns={"40px auto"}>
+                    <Box alignSelf={"top"} textAlign={"center"}>
+                        <IconButton size={"small"} onClick={() => onToggleDetails(entry)}
+                                    title={L(entry.showDetails ? "logs.hide_details" : "logs.show_details")}>
+                            {entry.showDetails ? <ExpandLess /> : <ExpandMore />}
+                        </IconButton>
+                    </Box>
+                    <Box alignSelf={"center"}>
+                        <pre>
+                            {entry.showDetails ? entry.message : entry.message.split("\n")[0]}
+                        </pre>
+                    </Box>
+                </Box>
         }
         return column;
     })();

react/admin-panel/src/views/overview.js

@@ -1,13 +1,45 @@
 import * as React from "react";
 import {Link} from "react-router-dom";
 import {format, getDaysInMonth} from "date-fns";
-import {CircularProgress, Icon} from "@material-ui/core";
+import {CircularProgress} from "@material-ui/core";
-import {useCallback, useEffect, useState} from "react";
+import {useCallback, useContext, useEffect, useState} from "react";
+import {LocaleContext} from "shared/locale";
+import {LibraryBooks, People} from "@material-ui/icons";
+import {ArrowCircleRight, Groups} from "@mui/icons-material";
+
+const StatBox = (props) => <div className={"col-lg-3 col-6"}>
+    <div className={"small-box bg-" + props.color}>
+        <div className={"inner"}>
+            {props.count ?
+                <>
+                    <h3>{props.count}</h3>
+                    <p>{props.text}</p>
+                </> : <CircularProgress variant={"determinate"} />
+            }
+        </div>
+        <div className={"icon"}>
+            {props.icon}
+        </div>
+        <Link to={props.link} className={"small-box-footer text-right p-1"}>
+            More info <ArrowCircleRight />
+        </Link>
+    </div>
+</div>
 
 export default function Overview(props) {
 
     const [fetchStats, setFetchStats] = useState(true);
     const [stats, setStats] = useState(null);
+    const {translate: L, currentLocale, requestModules} = useContext(LocaleContext);
+
+
+    useEffect(() => {
+        requestModules(props.api, ["general", "admin"], currentLocale).then(data => {
+            if (!data.success) {
+                props.showDialog("Error fetching translations: " + data.msg);
+            }
+        });
+    }, [currentLocale]);
 
     const onFetchStats = useCallback((force = false) => {
         if (force || fetchStats) {
@@ -16,7 +48,7 @@ export default function Overview(props) {
                 if (res.success) {
                     setStats(res.data);
                 } else {
-                    props.showDialog("Error fetching stats: " + res.msg, "Error fetching stats");
+                    props.showDialog(res.msg, L("admin.fetch_stats_error"));
                 }
             });
         }
@@ -73,12 +105,12 @@ export default function Overview(props) {
             <div className={"container-fluid"}>
                 <div className={"row mb-2"}>
                     <div className={"col-sm-6"}>
-                        <h1 className={"m-0 text-dark"}>Dashboard</h1>
+                        <h1 className={"m-0 text-dark"}>{L("admin.dashboard")}</h1>
                     </div>
                     <div className={"col-sm-6"}>
                         <ol className={"breadcrumb float-sm-right"}>
                             <li className={"breadcrumb-item"}><Link to={"/admin/dashboard"}>Home</Link></li>
-                            <li className="breadcrumb-item active">Dashboard</li>
+                            <li className="breadcrumb-item active">{L("admin.dashboard")}</li>
                         </ol>
                     </div>
                 </div>
@@ -87,24 +119,18 @@ export default function Overview(props) {
         <section className={"content"}>
             <div className={"container-fluid"}>
                 <div className={"row"}>
-                    <div className={"col-lg-3 col-6"}>
+                    <StatBox color={"info"} count={stats?.userCount}
-                        <div className="small-box bg-info">
+                             text={L("admin.users_registered")}
-                            <div className={"inner"}>
+                             icon={<People />}
-                                {stats ?
+                             link={"/admin/users"} />
-                                    <>
+                    <StatBox color={"success"} count={stats?.groupCount}
-                                        <h3>{stats.userCount}</h3>
+                             text={L("admin.available_groups")}
-                                        <p>Users registered</p>
+                             icon={<Groups />}
-                                    </> : <CircularProgress variant={"determinate"} />
+                             link={"/admin/users"} />
-                                }
+                    <StatBox color={"warning"} count={stats?.pageCount}
-                            </div>
+                             text={L("admin.routes_defined")}
-                            <div className="icon">
+                             icon={<LibraryBooks />}
-                                <Icon icon={"users"} />
+                             link={"/admin/routes"} />
-                            </div>
-                            <Link to={"/admin/users"} className="small-box-footer">
-                                More info <Icon icon={"arrow-circle-right"}/>
-                            </Link>
-                        </div>
-                    </div>
                 </div>
             </div>
         </section>

react/admin-panel/src/views/user/user-list.js

@@ -5,7 +5,7 @@ import {
     BoolColumn,
     ControlsColumn,
     DataColumn,
-    DataTable,
+    DataTable, DateTimeColumn,
     NumericColumn,
     StringColumn
 } from "shared/elements/data-table";
@@ -48,7 +48,11 @@ export default function UserListView(props) {
     const groupColumn = (() => {
        let column = new DataColumn(L("account.groups"), "groups");
        column.renderData = (L, entry) => {
-           return Object.values(entry.groups).map(group => <Chip key={"group-" + group.id} label={group.name}/>)
+           return Object.values(entry.groups).map(group => <Chip
+               key={"group-" + group.id}
+               style={{ backgroundColor: group.color }}
+               label={group.name} />
+           )
        }
        return column;
     })();
@@ -59,6 +63,8 @@ export default function UserListView(props) {
         new StringColumn(L("account.full_name"), "fullName"),
         new StringColumn(L("account.email"), "email"),
         groupColumn,
+        new DateTimeColumn(L("account.registered_at"), "registeredAt"),
+        new BoolColumn(L("account.active"), "active", { align: "center" }),
         new BoolColumn(L("account.confirmed"), "confirmed", { align: "center" }),
         new ControlsColumn(L("general.controls"), [
             { label: L("general.edit"), element: EditIcon, onClick: (entry) => navigate(`/admin/user/${entry.id}`) }

react/shared/elements/data-table.js

@@ -83,7 +83,11 @@ export function DataTable(props) {
                                       title={L("general.sort_by") + ": " + column.label}
                                       onClick={() => onChangeSort(index, column)}
                                       align={column.align}>
-                {sortColumn === index ? (sortAscending ? <ArrowUpwardIcon /> : <ArrowDownwardIcon />): <></>}{column.renderHead(index)}
+                {sortColumn === index ?
+                    (sortAscending ? <ArrowUpwardIcon /> : <ArrowDownwardIcon />) :
+                    <></>
+                }
+                {column.renderHead(index)}
             </TableCell>);
         } else {
             headerRow.push(<TableCell key={"col-" + index} align={column.align}>