v1.2.0 - Merge branch 'dev'
This commit is contained in:
commit
e3b075c4be
@ -6,6 +6,10 @@ DirectorySlash Off
|
|||||||
RewriteEngine On
|
RewriteEngine On
|
||||||
RewriteRule ^api(/.*)?$ /index.php?api=$1 [L,QSA]
|
RewriteRule ^api(/.*)?$ /index.php?api=$1 [L,QSA]
|
||||||
|
|
||||||
|
RewriteEngine On
|
||||||
|
RewriteOptions AllowNoSlash
|
||||||
|
RewriteRule ^files$ /files/ [L,QSA]
|
||||||
|
|
||||||
RewriteEngine On
|
RewriteEngine On
|
||||||
RewriteOptions AllowNoSlash
|
RewriteOptions AllowNoSlash
|
||||||
RewriteRule ^((\.idea|\.git|src|test|core)(/.*)?)$ /index.php?site=$1 [L,QSA]
|
RewriteRule ^((\.idea|\.git|src|test|core)(/.*)?)$ /index.php?site=$1 [L,QSA]
|
||||||
|
|||||||
0
src/.gitignore → adminPanel/.gitignore
vendored
0
src/.gitignore → adminPanel/.gitignore
vendored
5
adminPanel/.idea/.gitignore
vendored
Normal file
5
adminPanel/.idea/.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
12
adminPanel/.idea/adminPanel.iml
Normal file
12
adminPanel/.idea/adminPanel.iml
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="WEB_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager">
|
||||||
|
<content url="file://$MODULE_DIR$">
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||||
|
</content>
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
6
adminPanel/.idea/inspectionProfiles/Project_Default.xml
Normal file
6
adminPanel/.idea/inspectionProfiles/Project_Default.xml
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<component name="InspectionProjectProfileManager">
|
||||||
|
<profile version="1.0">
|
||||||
|
<option name="myName" value="Project Default" />
|
||||||
|
<inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
|
||||||
|
</profile>
|
||||||
|
</component>
|
||||||
8
adminPanel/.idea/modules.xml
Normal file
8
adminPanel/.idea/modules.xml
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/adminPanel.iml" filepath="$PROJECT_DIR$/.idea/adminPanel.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
6
adminPanel/.idea/vcs.xml
Normal file
6
adminPanel/.idea/vcs.xml
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
40134
adminPanel/package-lock.json
generated
Normal file
40134
adminPanel/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -16,13 +16,14 @@
|
|||||||
"react-dom": "^16.13.1",
|
"react-dom": "^16.13.1",
|
||||||
"react-draft-wysiwyg": "^1.14.5",
|
"react-draft-wysiwyg": "^1.14.5",
|
||||||
"react-router-dom": "^5.2.0",
|
"react-router-dom": "^5.2.0",
|
||||||
"react-scripts": "^3.4.1",
|
"react-scripts": "^4.0.3",
|
||||||
"react-select": "^3.1.0",
|
"react-select": "^3.1.0",
|
||||||
"react-tooltip": "^4.2.7",
|
"react-tooltip": "^4.2.7",
|
||||||
"sanitize-html": "^1.27.0"
|
"sanitize-html": "^1.27.0"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "webpack --mode production && mv dist/main.js ../js/admin.min.js"
|
"build": "webpack --mode production && mv dist/main.js ../js/admin.min.js",
|
||||||
|
"debug": "react-scripts start"
|
||||||
},
|
},
|
||||||
"eslintConfig": {
|
"eslintConfig": {
|
||||||
"extends": "react-app"
|
"extends": "react-app"
|
||||||
9
adminPanel/public/index.html
Normal file
9
adminPanel/public/index.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" href="/css/fontawesome.min.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -5,7 +5,7 @@ export default function Footer() {
|
|||||||
return (
|
return (
|
||||||
<footer className={"main-footer"}>
|
<footer className={"main-footer"}>
|
||||||
Theme: <strong>Copyright © 2014-2019 <a href={"http://adminlte.io"}>AdminLTE.io</a>. <b>Version</b> 3.0.3</strong>
|
Theme: <strong>Copyright © 2014-2019 <a href={"http://adminlte.io"}>AdminLTE.io</a>. <b>Version</b> 3.0.3</strong>
|
||||||
CMS: <strong><a href={"https://git.romanh.de/Projekte/web-base"}>WebBase</a></strong>. <b>Version</b> 1.0.3
|
CMS: <strong><a href={"https://git.romanh.de/Projekte/web-base"}>WebBase</a></strong>. <b>Version</b> 1.2.0
|
||||||
</footer>
|
</footer>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@ -36,7 +36,6 @@ export default function Header(props) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function onToggleSidebar() {
|
function onToggleSidebar() {
|
||||||
console.log(document.body.classList);
|
|
||||||
let classes = document.body.classList;
|
let classes = document.body.classList;
|
||||||
if (classes.contains("sidebar-collapse")) {
|
if (classes.contains("sidebar-collapse")) {
|
||||||
classes.remove("sidebar-collapse");
|
classes.remove("sidebar-collapse");
|
||||||
@ -99,4 +98,4 @@ export default function Header(props) {
|
|||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@ -30,7 +30,8 @@ class AdminDashboard extends React.Component {
|
|||||||
this.state = {
|
this.state = {
|
||||||
loaded: false,
|
loaded: false,
|
||||||
dialog: { onClose: () => this.hideDialog() },
|
dialog: { onClose: () => this.hideDialog() },
|
||||||
notifications: [ ]
|
notifications: [ ],
|
||||||
|
filesPath: null
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -57,12 +58,35 @@ class AdminDashboard extends React.Component {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
fetchFilesPath() {
|
||||||
|
this.api.getRoutes().then((res) => {
|
||||||
|
if (!res.success) {
|
||||||
|
this.showDialog("Error fetching routes: " + res.msg, "Error fetching routes");
|
||||||
|
} else {
|
||||||
|
for (const route of res.routes) {
|
||||||
|
if (route.target === "\\Documents\\Files") {
|
||||||
|
// prepare the path patterns, e.g. '/files(/.*)?' => '/files'
|
||||||
|
let path = route.request;
|
||||||
|
path = path.replace(/\(.*\)([?*])/g, ''); // remove optional and 0-n groups
|
||||||
|
path = path.replace(/.\*/g, ''); // remove .*
|
||||||
|
path = path.replace(/\[.*]\*/g, ''); // remove []*
|
||||||
|
path = path.replace(/(.*)\+/g, "$1"); // replace 1-n groups with one match
|
||||||
|
// todo: add some more rules, but we should have most of the cases now
|
||||||
|
this.setState({...this.state, filesPath: path });
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
this.api.fetchUser().then(Success => {
|
this.api.fetchUser().then(Success => {
|
||||||
if (!Success) {
|
if (!Success) {
|
||||||
document.location = "/admin";
|
document.location = "/admin";
|
||||||
} else {
|
} else {
|
||||||
this.fetchNotifications();
|
this.fetchNotifications();
|
||||||
|
this.fetchFilesPath();
|
||||||
setInterval(this.onUpdate.bind(this), 60*1000);
|
setInterval(this.onUpdate.bind(this), 60*1000);
|
||||||
this.setState({...this.state, loaded: true});
|
this.setState({...this.state, loaded: true});
|
||||||
}
|
}
|
||||||
@ -83,7 +107,7 @@ class AdminDashboard extends React.Component {
|
|||||||
|
|
||||||
return <Router>
|
return <Router>
|
||||||
<Header {...this.controlObj} notifications={this.state.notifications} />
|
<Header {...this.controlObj} notifications={this.state.notifications} />
|
||||||
<Sidebar {...this.controlObj} notifications={this.state.notifications} />
|
<Sidebar {...this.controlObj} notifications={this.state.notifications} filesPath={this.state.filesPath} />
|
||||||
<div className={"content-wrapper p-2"}>
|
<div className={"content-wrapper p-2"}>
|
||||||
<section className={"content"}>
|
<section className={"content"}>
|
||||||
<Switch>
|
<Switch>
|
||||||
@ -7,7 +7,8 @@ export default function Sidebar(props) {
|
|||||||
let parent = {
|
let parent = {
|
||||||
showDialog: props.showDialog || function() {},
|
showDialog: props.showDialog || function() {},
|
||||||
api: props.api,
|
api: props.api,
|
||||||
notifications: props.notifications || [ ]
|
notifications: props.notifications || [ ],
|
||||||
|
filesPath: props.filesPath || null
|
||||||
};
|
};
|
||||||
|
|
||||||
function onLogout() {
|
function onLogout() {
|
||||||
@ -71,6 +72,16 @@ export default function Sidebar(props) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let filePath = parent.filesPath;
|
||||||
|
if (filePath) {
|
||||||
|
li.push(<li className={"nav-item"} key={"files"}>
|
||||||
|
<a href={filePath} className={"nav-link"} target={"_blank"} rel={"noopener noreferrer"}>
|
||||||
|
<Icon icon={"folder"} className={"nav-icon"} />
|
||||||
|
<p>Files</p>
|
||||||
|
</a>
|
||||||
|
</li>);
|
||||||
|
}
|
||||||
|
|
||||||
li.push(<li className={"nav-item"} key={"logout"}>
|
li.push(<li className={"nav-item"} key={"logout"}>
|
||||||
<a href={"#"} onClick={() => onLogout()} className={"nav-link"}>
|
<a href={"#"} onClick={() => onLogout()} className={"nav-link"}>
|
||||||
<Icon icon={"arrow-left"} className={"nav-icon"} />
|
<Icon icon={"arrow-left"} className={"nav-icon"} />
|
||||||
@ -162,8 +162,8 @@ namespace Api\ApiKey {
|
|||||||
$this->loginRequired = true;
|
$this->loginRequired = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function execute($aValues = array()) {
|
public function execute($values = array()) {
|
||||||
if(!parent::execute($aValues)) {
|
if(!parent::execute($values)) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -53,6 +53,7 @@ namespace Api\Contact {
|
|||||||
}
|
}
|
||||||
|
|
||||||
$this->createNotification();
|
$this->createNotification();
|
||||||
|
$this->sendMail();
|
||||||
|
|
||||||
if (!$this->success) {
|
if (!$this->success) {
|
||||||
return $this->createError("The contact request was saved, but the server was unable to create a notification.");
|
return $this->createError("The contact request was saved, but the server was unable to create a notification.");
|
||||||
@ -110,6 +111,17 @@ namespace Api\Contact {
|
|||||||
|
|
||||||
return $this->success;
|
return $this->success;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private function sendMail() {
|
||||||
|
/*$email = $this->getParam("fromEmail");
|
||||||
|
$settings = $this->user->getConfiguration()->getSettings();
|
||||||
|
$request = new \Api\Mail\Send($this->user);
|
||||||
|
$this->success = $request->execute(array(
|
||||||
|
"to" => $settings->get,
|
||||||
|
"subject" => "[$siteName] Account Invitation",
|
||||||
|
"body" => $messageBody
|
||||||
|
));*/
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
1096
core/Api/FileAPI.class.php
Normal file
1096
core/Api/FileAPI.class.php
Normal file
File diff suppressed because it is too large
Load Diff
56
core/Api/Parameter/ArrayType.class.php
Normal file
56
core/Api/Parameter/ArrayType.class.php
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Api\Parameter;
|
||||||
|
|
||||||
|
class ArrayType extends Parameter {
|
||||||
|
|
||||||
|
private Parameter $elementParameter;
|
||||||
|
public int $elementType;
|
||||||
|
public int $canBeOne;
|
||||||
|
|
||||||
|
public function __construct($name, $elementType = Parameter::TYPE_MIXED, $canBeOne=false, $optional = FALSE, $defaultValue = NULL) {
|
||||||
|
$this->elementType = $elementType;
|
||||||
|
$this->elementParameter = new Parameter('', $elementType);
|
||||||
|
$this->canBeOne = $canBeOne;
|
||||||
|
parent::__construct($name, Parameter::TYPE_ARRAY, $optional, $defaultValue);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function parseParam($value) {
|
||||||
|
if(!is_array($value)) {
|
||||||
|
if (!$this->canBeOne) {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
$value = array($value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($this->elementType != Parameter::TYPE_MIXED) {
|
||||||
|
foreach ($value as &$element) {
|
||||||
|
if ($this->elementParameter->parseParam($element)) {
|
||||||
|
$element = $this->elementParameter->value;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$this->value = $value;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function getTypeName() {
|
||||||
|
$elementType = $this->elementParameter->getTypeName();
|
||||||
|
return parent::getTypeName() . "($elementType)";
|
||||||
|
}
|
||||||
|
|
||||||
|
public function toString() {
|
||||||
|
$typeName = $this->getTypeName();
|
||||||
|
$str = "$typeName $this->name";
|
||||||
|
$defaultValue = (is_null($this->value) ? 'NULL' : (is_array($this->value) ? '[' . implode(",", $this->value) . ']' : $this->value));
|
||||||
|
if($this->optional) {
|
||||||
|
$str = "[$str = $defaultValue]";
|
||||||
|
}
|
||||||
|
|
||||||
|
return $str;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -18,9 +18,11 @@ class Parameter {
|
|||||||
const TYPE_RAW = 8;
|
const TYPE_RAW = 8;
|
||||||
|
|
||||||
// only json will work here i guess
|
// only json will work here i guess
|
||||||
|
// nope. also name[]=value
|
||||||
const TYPE_ARRAY = 9;
|
const TYPE_ARRAY = 9;
|
||||||
|
const TYPE_MIXED = 10;
|
||||||
|
|
||||||
const names = array('Integer', 'Float', 'Boolean', 'String', 'Date', 'Time', 'DateTime', 'E-Mail', 'Raw', 'Array');
|
const names = array('Integer', 'Float', 'Boolean', 'String', 'Date', 'Time', 'DateTime', 'E-Mail', 'Raw', 'Array', 'Mixed');
|
||||||
|
|
||||||
public string $name;
|
public string $name;
|
||||||
public $value;
|
public $value;
|
||||||
|
|||||||
65
core/Api/PatchSQL.class.php
Normal file
65
core/Api/PatchSQL.class.php
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Api;
|
||||||
|
|
||||||
|
use Api\Parameter\StringType;
|
||||||
|
use Configuration\DatabaseScript;
|
||||||
|
use Objects\User;
|
||||||
|
|
||||||
|
class PatchSQL extends Request {
|
||||||
|
|
||||||
|
public function __construct(User $user, bool $externalCall = false) {
|
||||||
|
parent::__construct($user, $externalCall, array(
|
||||||
|
"className" => new StringType("className", 64)
|
||||||
|
));
|
||||||
|
$this->loginRequired = true;
|
||||||
|
$this->csrfTokenRequired = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function execute($values = array()) {
|
||||||
|
if (!parent::execute($values)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
$className = $this->getParam("className");
|
||||||
|
$fullClassName = "\\Configuration\\Patch\\" . $className;
|
||||||
|
$path = getClassPath($fullClassName, true);
|
||||||
|
if (!file_exists($path)) {
|
||||||
|
return $this->createError("File not found");
|
||||||
|
}
|
||||||
|
|
||||||
|
if(!class_exists($fullClassName)) {
|
||||||
|
return $this->createError("Class not found.");
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
$reflection = new \ReflectionClass($fullClassName);
|
||||||
|
if (!$reflection->isInstantiable()) {
|
||||||
|
return $this->createError("Class is not instantiable");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!$reflection->isSubclassOf(DatabaseScript::class)) {
|
||||||
|
return $this->createError("Not a database script.");
|
||||||
|
}
|
||||||
|
|
||||||
|
$sql = $this->user->getSQL();
|
||||||
|
$obj = $reflection->newInstance();
|
||||||
|
$queries = $obj->createQueries($sql);
|
||||||
|
if (!is_array($queries)) {
|
||||||
|
return $this->createError("Database script returned invalid values");
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach($queries as $query) {
|
||||||
|
if (!$query->execute()) {
|
||||||
|
return $this->createError("Query error: " . $sql->getLastError());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$this->success = true;
|
||||||
|
} catch (\ReflectionException $e) {
|
||||||
|
return $this->createError("Error reflecting class: " . $e->getMessage());
|
||||||
|
}
|
||||||
|
|
||||||
|
return $this->success;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -50,7 +50,7 @@ class Request {
|
|||||||
foreach($this->params as $name => $param) {
|
foreach($this->params as $name => $param) {
|
||||||
$value = $values[$name] ?? NULL;
|
$value = $values[$name] ?? NULL;
|
||||||
|
|
||||||
$isEmpty = (is_string($value) || is_array($value)) && empty($value);
|
$isEmpty = (is_string($value) && strlen($value) === 0) || (is_array($value) && empty($value));
|
||||||
if(!$param->optional && (is_null($value) || $isEmpty)) {
|
if(!$param->optional && (is_null($value) || $isEmpty)) {
|
||||||
return $this->createError("Missing parameter: $name");
|
return $this->createError("Missing parameter: $name");
|
||||||
}
|
}
|
||||||
@ -187,6 +187,7 @@ class Request {
|
|||||||
public function success() { return $this->success; }
|
public function success() { return $this->success; }
|
||||||
public function loginRequired() { return $this->loginRequired; }
|
public function loginRequired() { return $this->loginRequired; }
|
||||||
public function isExternalCall() { return $this->externalCall; }
|
public function isExternalCall() { return $this->externalCall; }
|
||||||
|
public function clearError() { $this->success = true; $this->lastError = ""; }
|
||||||
|
|
||||||
private function getMethod() {
|
private function getMethod() {
|
||||||
$class = str_replace("\\", "/", get_class($this));
|
$class = str_replace("\\", "/", get_class($this));
|
||||||
|
|||||||
@ -39,7 +39,7 @@ namespace Api\Settings {
|
|||||||
|
|
||||||
$query = $sql->select("name", "value") ->from("Settings");
|
$query = $sql->select("name", "value") ->from("Settings");
|
||||||
|
|
||||||
if (!is_null($key) && !empty($key)) {
|
if (!is_null($key)) {
|
||||||
$query->where(new CondRegex(new Column("name"), $key));
|
$query->where(new CondRegex(new Column("name"), $key));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -14,9 +14,38 @@ namespace Api\Visitors {
|
|||||||
use Api\VisitorsAPI;
|
use Api\VisitorsAPI;
|
||||||
use DateTime;
|
use DateTime;
|
||||||
use Driver\SQL\Condition\Compare;
|
use Driver\SQL\Condition\Compare;
|
||||||
|
use Driver\SQL\Expression\Add;
|
||||||
use Driver\SQL\Query\Select;
|
use Driver\SQL\Query\Select;
|
||||||
|
use Driver\SQL\Strategy\UpdateStrategy;
|
||||||
use Objects\User;
|
use Objects\User;
|
||||||
|
|
||||||
|
class ProcessVisit extends VisitorsAPI {
|
||||||
|
public function __construct(User $user, bool $externalCall = false) {
|
||||||
|
parent::__construct($user, $externalCall, array(
|
||||||
|
"cookie" => new StringType("cookie")
|
||||||
|
));
|
||||||
|
$this->isPublic = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function execute($values = array()) {
|
||||||
|
if (!parent::execute($values)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
$sql = $this->user->getSQL();
|
||||||
|
$cookie = $this->getParam("cookie");
|
||||||
|
$day = (new DateTime())->format("Ymd");
|
||||||
|
$sql->insert("Visitor", array("cookie", "day"))
|
||||||
|
->addRow($cookie, $day)
|
||||||
|
->onDuplicateKeyStrategy(new UpdateStrategy(
|
||||||
|
array("day", "cookie"),
|
||||||
|
array("count" => new Add("Visitor.count", 1))))
|
||||||
|
->execute();
|
||||||
|
|
||||||
|
return $this->success;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
class Stats extends VisitorsAPI {
|
class Stats extends VisitorsAPI {
|
||||||
public function __construct(User $user, bool $externalCall = false) {
|
public function __construct(User $user, bool $externalCall = false) {
|
||||||
parent::__construct($user, $externalCall, array(
|
parent::__construct($user, $externalCall, array(
|
||||||
|
|||||||
@ -6,7 +6,7 @@ use Driver\SQL\SQL;
|
|||||||
use \Driver\SQL\Strategy\SetNullStrategy;
|
use \Driver\SQL\Strategy\SetNullStrategy;
|
||||||
use \Driver\SQL\Strategy\CascadeStrategy;
|
use \Driver\SQL\Strategy\CascadeStrategy;
|
||||||
|
|
||||||
class CreateDatabase {
|
class CreateDatabase extends DatabaseScript {
|
||||||
|
|
||||||
// NOTE:
|
// NOTE:
|
||||||
// explicit serial ids removed due to postgres' serial implementation
|
// explicit serial ids removed due to postgres' serial implementation
|
||||||
@ -192,7 +192,10 @@ class CreateDatabase {
|
|||||||
->addRow("User/edit", array(USER_GROUP_ADMIN), "Allows users to edit details and group memberships of any user")
|
->addRow("User/edit", array(USER_GROUP_ADMIN), "Allows users to edit details and group memberships of any user")
|
||||||
->addRow("User/delete", array(USER_GROUP_ADMIN), "Allows users to delete any other user")
|
->addRow("User/delete", array(USER_GROUP_ADMIN), "Allows users to delete any other user")
|
||||||
->addRow("Permission/fetch", array(USER_GROUP_ADMIN), "Allows users to list all API permissions")
|
->addRow("Permission/fetch", array(USER_GROUP_ADMIN), "Allows users to list all API permissions")
|
||||||
->addRow("Visitors/stats", array(USER_GROUP_ADMIN, USER_GROUP_SUPPORT), "Allows users to see visitor statistics");
|
->addRow("Visitors/stats", array(USER_GROUP_ADMIN, USER_GROUP_SUPPORT), "Allows users to see visitor statistics")
|
||||||
|
->addRow("PatchSQL", array(USER_GROUP_ADMIN), "Allows users to import database patches");
|
||||||
|
|
||||||
|
self::loadPatches($queries, $sql);
|
||||||
|
|
||||||
return $queries;
|
return $queries;
|
||||||
}
|
}
|
||||||
@ -225,4 +228,22 @@ class CreateDatabase {
|
|||||||
"Best Regards<br>" .
|
"Best Regards<br>" .
|
||||||
"{{site_name}} Administration";
|
"{{site_name}} Administration";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private static function loadPatches(&$queries, $sql) {
|
||||||
|
$patchDirectory = './core/Configuration/Patch/';
|
||||||
|
if (file_exists($patchDirectory) && is_dir($patchDirectory)) {
|
||||||
|
$scan_arr = scandir($patchDirectory);
|
||||||
|
$files_arr = array_diff($scan_arr, array('.','..'));
|
||||||
|
foreach ($files_arr as $file) {
|
||||||
|
$suffix = ".class.php";
|
||||||
|
if (endsWith($file, $suffix)) {
|
||||||
|
$className = substr($file, 0, strlen($file) - strlen($suffix));
|
||||||
|
$className = "\\Configuration\\Patch\\$className";
|
||||||
|
$method = "$className::createQueries";
|
||||||
|
$patchQueries = call_user_func($method, $sql);
|
||||||
|
foreach($patchQueries as $query) $queries[] = $query;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
9
core/Configuration/DatabaseScript.class.php
Normal file
9
core/Configuration/DatabaseScript.class.php
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Configuration;
|
||||||
|
|
||||||
|
use Driver\SQL\SQL;
|
||||||
|
|
||||||
|
abstract class DatabaseScript {
|
||||||
|
public static abstract function createQueries(SQL $sql);
|
||||||
|
}
|
||||||
75
core/Configuration/Patch/file_api.class.php
Normal file
75
core/Configuration/Patch/file_api.class.php
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Configuration\Patch;
|
||||||
|
|
||||||
|
use Configuration\DatabaseScript;
|
||||||
|
use Driver\SQL\SQL;
|
||||||
|
use Driver\SQL\Column\Column;
|
||||||
|
use Driver\SQL\Strategy\CascadeStrategy;
|
||||||
|
use Driver\SQL\Strategy\UpdateStrategy;
|
||||||
|
|
||||||
|
class file_api extends DatabaseScript {
|
||||||
|
|
||||||
|
public static function createQueries(SQL $sql) {
|
||||||
|
|
||||||
|
$queries = array();
|
||||||
|
|
||||||
|
$queries[] = $sql->insert("ApiPermission", array("method", "groups", "description"))
|
||||||
|
->onDuplicateKeyStrategy(new UpdateStrategy(array("method"), array("method" => new Column("method"))))
|
||||||
|
->addRow("File/GetRestrictions", array(), "Allows users to view global upload restrictions")
|
||||||
|
->addRow("File/Download", array(), "Allows users to download files when logged in, or using a given token")
|
||||||
|
->addRow("File/Upload", array(), "Allows users to upload files when logged in, or using a given token")
|
||||||
|
->addRow("File/ValidateToken", array(), "Allows users to validate a given token")
|
||||||
|
->addRow("File/RevokeToken", array(USER_GROUP_ADMIN), "Allows users to revoke a token")
|
||||||
|
->addRow("File/ListFiles", array(), "Allows users to list all files assigned to an account")
|
||||||
|
->addRow("File/ListTokens", array(USER_GROUP_ADMIN), "Allows users to list all tokens assigned to the virtual filesystem of an account")
|
||||||
|
->addRow("File/CreateDirectory", array(), "Allows users to create a virtual directory")
|
||||||
|
->addRow("File/Rename", array(), "Allows users to rename files in the virtual filesystem")
|
||||||
|
->addRow("File/Move", array(), "Allows users to move files in the virtual filesystem")
|
||||||
|
->addRow("File/Delete", array(), "Allows users to delete files in the virtual filesystem")
|
||||||
|
->addRow("File/CreateUploadToken", array(USER_GROUP_ADMIN), "Allows users to create a token to upload files to the virtual filesystem assigned to the users account")
|
||||||
|
->addRow("File/CreateDownloadToken", array(USER_GROUP_ADMIN), "Allows users to create a token to download files from the virtual filesystem assigned to the users account");
|
||||||
|
|
||||||
|
$queries[] = $sql->insert("Route", array("request", "action", "target", "extra"))
|
||||||
|
->onDuplicateKeyStrategy(new UpdateStrategy(array("request"), array("request" => new Column("request"))))
|
||||||
|
->addRow("^/files(/.*)?$", "dynamic", "\\Documents\\Files", NULL);
|
||||||
|
|
||||||
|
$queries[] = $sql->createTable("UserFile")
|
||||||
|
->onlyIfNotExists()
|
||||||
|
->addSerial("uid")
|
||||||
|
->addBool("directory")
|
||||||
|
->addString("name", 64, false)
|
||||||
|
->addString("path", 512, true)
|
||||||
|
->addInt("parent_id", true)
|
||||||
|
->addInt("user_id")
|
||||||
|
->primaryKey("uid")
|
||||||
|
->unique("user_id", "parent_id", "name")
|
||||||
|
->foreignKey("parent_id", "UserFile", "uid", new CascadeStrategy())
|
||||||
|
->foreignKey("user_id", "User", "uid", new CascadeStrategy());
|
||||||
|
|
||||||
|
$queries[] = $sql->createTable("UserFileToken")
|
||||||
|
->onlyIfNotExists()
|
||||||
|
->addSerial("uid")
|
||||||
|
->addString("token", 36, false)
|
||||||
|
->addDateTime("valid_until", true)
|
||||||
|
->addEnum("token_type", array("download", "upload"))
|
||||||
|
->addInt("user_id")
|
||||||
|
# upload only:
|
||||||
|
->addInt("maxFiles", true)
|
||||||
|
->addInt("maxSize", true)
|
||||||
|
->addInt("parent_id", true)
|
||||||
|
->addString("extensions", 64, true)
|
||||||
|
->primaryKey("uid")
|
||||||
|
->foreignKey("user_id", "User", "uid", new CascadeStrategy())
|
||||||
|
->foreignKey("parent_id", "UserFile", "uid", new CascadeStrategy());
|
||||||
|
|
||||||
|
$queries[] = $sql->createTable("UserFileTokenFile")
|
||||||
|
->addInt("file_id")
|
||||||
|
->addInt("token_id")
|
||||||
|
->unique("file_id", "token_id")
|
||||||
|
->foreignKey("file_id", "UserFile", "uid", new CascadeStrategy())
|
||||||
|
->foreignKey("token_id", "UserFileToken", "uid", new CascadeStrategy());
|
||||||
|
|
||||||
|
return $queries;
|
||||||
|
}
|
||||||
|
}
|
||||||
64
core/Documents/Files.class.php
Normal file
64
core/Documents/Files.class.php
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Documents {
|
||||||
|
|
||||||
|
use Documents\Files\FilesBody;
|
||||||
|
use Documents\Files\FilesHead;
|
||||||
|
use Elements\Document;
|
||||||
|
use Objects\User;
|
||||||
|
|
||||||
|
class Files extends Document {
|
||||||
|
public function __construct(User $user, string $view = NULL) {
|
||||||
|
parent::__construct($user, FilesHead::class, FilesBody::class, $view);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
namespace Documents\Files {
|
||||||
|
|
||||||
|
use Elements\Head;
|
||||||
|
use Elements\Script;
|
||||||
|
use Elements\SimpleBody;
|
||||||
|
|
||||||
|
class FilesHead extends Head {
|
||||||
|
|
||||||
|
protected function initSources() {
|
||||||
|
$this->loadBootstrap();
|
||||||
|
$this->loadFontawesome();
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function initMetas() {
|
||||||
|
return array(
|
||||||
|
array('name' => 'viewport', 'content' => 'width=device-width, initial-scale=1.0'),
|
||||||
|
array('name' => 'format-detection', 'content' => 'telephone=yes'),
|
||||||
|
array('charset' => 'utf-8'),
|
||||||
|
array('http-equiv' => 'expires', 'content' => '0'),
|
||||||
|
array('name' => 'robots', 'content' => 'noarchive'),
|
||||||
|
array('name' => 'referrer', 'content' => 'origin')
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function initRawFields() {
|
||||||
|
return array();
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function initTitle() {
|
||||||
|
return "File Control Panel";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class FilesBody extends SimpleBody {
|
||||||
|
|
||||||
|
public function __construct($document) {
|
||||||
|
parent::__construct($document);
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function getContent() {
|
||||||
|
$html = "<noscript>" . $this->createErrorText("Javascript is required for this site to render.") . "</noscript>";
|
||||||
|
$html .= "<div id=\"root\"></div>";
|
||||||
|
$html .= new Script(Script::MIME_TEXT_JAVASCRIPT, Script::FILES);
|
||||||
|
return $html;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@ -234,7 +234,7 @@ namespace Documents\Install {
|
|||||||
$missingInputs[] = "Type";
|
$missingInputs[] = "Type";
|
||||||
}
|
}
|
||||||
|
|
||||||
$supportedTypes = array("mysql", "postgres"); # , "oracle", "postgres");
|
$supportedTypes = array("mysql", "postgres");
|
||||||
if(!$success) {
|
if(!$success) {
|
||||||
$msg = "Please fill out the following inputs:<br>" .
|
$msg = "Please fill out the following inputs:<br>" .
|
||||||
$this->createUnorderedList($missingInputs);
|
$this->createUnorderedList($missingInputs);
|
||||||
@ -590,7 +590,7 @@ namespace Documents\Install {
|
|||||||
"title" => "Database configuration",
|
"title" => "Database configuration",
|
||||||
"form" => array(
|
"form" => array(
|
||||||
array("title" => "Database Type", "name" => "type", "type" => "select", "required" => true, "items" => array(
|
array("title" => "Database Type", "name" => "type", "type" => "select", "required" => true, "items" => array(
|
||||||
"mysql" => "MySQL", "oracle" => "Oracle", "postgres" => "PostgreSQL"
|
"mysql" => "MySQL", "postgres" => "PostgreSQL"
|
||||||
)),
|
)),
|
||||||
array("title" => "Username", "name" => "username", "type" => "text", "required" => true),
|
array("title" => "Username", "name" => "username", "type" => "text", "required" => true),
|
||||||
array("title" => "Password", "name" => "password", "type" => "password"),
|
array("title" => "Password", "name" => "password", "type" => "password"),
|
||||||
|
|||||||
14
core/Driver/SQL/Condition/CondNull.class.php
Normal file
14
core/Driver/SQL/Condition/CondNull.class.php
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Driver\SQL\Condition;
|
||||||
|
|
||||||
|
class CondNull extends Condition {
|
||||||
|
|
||||||
|
private string $column;
|
||||||
|
|
||||||
|
public function __construct(string $col) {
|
||||||
|
$this->column = $col;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function getColumn() { return $this->column; }
|
||||||
|
}
|
||||||
@ -8,17 +8,20 @@ class Join {
|
|||||||
private string $table;
|
private string $table;
|
||||||
private string $columnA;
|
private string $columnA;
|
||||||
private string $columnB;
|
private string $columnB;
|
||||||
|
private $tableAlias;
|
||||||
|
|
||||||
public function __construct($type, $table, $columnA, $columnB) {
|
public function __construct($type, $table, $columnA, $columnB, $tableAlias=null) {
|
||||||
$this->type = $type;
|
$this->type = $type;
|
||||||
$this->table = $table;
|
$this->table = $table;
|
||||||
$this->columnA = $columnA;
|
$this->columnA = $columnA;
|
||||||
$this->columnB = $columnB;
|
$this->columnB = $columnB;
|
||||||
|
$this->tableAlias = $tableAlias;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function getType() { return $this->type; }
|
public function getType() { return $this->type; }
|
||||||
public function getTable() { return $this->table; }
|
public function getTable() { return $this->table; }
|
||||||
public function getColumnA() { return $this->columnA; }
|
public function getColumnA() { return $this->columnA; }
|
||||||
public function getColumnB() { return $this->columnB; }
|
public function getColumnB() { return $this->columnB; }
|
||||||
|
public function getTableAlias() { return $this->tableAlias; }
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -4,6 +4,7 @@ namespace Driver\SQL;
|
|||||||
|
|
||||||
use \Api\Parameter\Parameter;
|
use \Api\Parameter\Parameter;
|
||||||
|
|
||||||
|
use DateTime;
|
||||||
use \Driver\SQL\Column\Column;
|
use \Driver\SQL\Column\Column;
|
||||||
use \Driver\SQL\Column\IntColumn;
|
use \Driver\SQL\Column\IntColumn;
|
||||||
use \Driver\SQL\Column\SerialColumn;
|
use \Driver\SQL\Column\SerialColumn;
|
||||||
@ -91,15 +92,21 @@ class MySQL extends SQL {
|
|||||||
$sqlParams[0] .= 'd';
|
$sqlParams[0] .= 'd';
|
||||||
break;
|
break;
|
||||||
case Parameter::TYPE_DATE:
|
case Parameter::TYPE_DATE:
|
||||||
$value = $value->format('Y-m-d');
|
if ($value instanceof DateTime) {
|
||||||
|
$value = $value->format('Y-m-d');
|
||||||
|
}
|
||||||
$sqlParams[0] .= 's';
|
$sqlParams[0] .= 's';
|
||||||
break;
|
break;
|
||||||
case Parameter::TYPE_TIME:
|
case Parameter::TYPE_TIME:
|
||||||
$value = $value->format('H:i:s');
|
if ($value instanceof DateTime) {
|
||||||
|
$value = $value->format('H:i:s');
|
||||||
|
}
|
||||||
$sqlParams[0] .= 's';
|
$sqlParams[0] .= 's';
|
||||||
break;
|
break;
|
||||||
case Parameter::TYPE_DATE_TIME:
|
case Parameter::TYPE_DATE_TIME:
|
||||||
$value = $value->format('Y-m-d H:i:s');
|
if ($value instanceof DateTime) {
|
||||||
|
$value = $value->format('Y-m-d H:i:s');
|
||||||
|
}
|
||||||
$sqlParams[0] .= 's';
|
$sqlParams[0] .= 's';
|
||||||
break;
|
break;
|
||||||
case Parameter::TYPE_ARRAY:
|
case Parameter::TYPE_ARRAY:
|
||||||
|
|||||||
29
core/Driver/SQL/Query/Drop.php
Normal file
29
core/Driver/SQL/Query/Drop.php
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
namespace Driver\SQL\Query;
|
||||||
|
|
||||||
|
use Driver\SQL\SQL;
|
||||||
|
|
||||||
|
class Drop extends Query {
|
||||||
|
|
||||||
|
private string $table;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Drop constructor.
|
||||||
|
* @param SQL $sql
|
||||||
|
* @param string $table
|
||||||
|
*/
|
||||||
|
public function __construct(\Driver\SQL\SQL $sql, string $table) {
|
||||||
|
parent::__construct($sql);
|
||||||
|
$this->table = $table;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function execute() {
|
||||||
|
$this->sql->executeDrop($this);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function getTable() {
|
||||||
|
return $this->table;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -40,13 +40,13 @@ class Select extends Query {
|
|||||||
return $this;
|
return $this;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function innerJoin($table, $columnA, $columnB) {
|
public function innerJoin($table, $columnA, $columnB, $tableAlias=null) {
|
||||||
$this->joins[] = new Join("INNER", $table, $columnA, $columnB);
|
$this->joins[] = new Join("INNER", $table, $columnA, $columnB, $tableAlias);
|
||||||
return $this;
|
return $this;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function leftJoin($table, $columnA, $columnB) {
|
public function leftJoin($table, $columnA, $columnB, $tableAlias=null) {
|
||||||
$this->joins[] = new Join("LEFT", $table, $columnA, $columnB);
|
$this->joins[] = new Join("LEFT", $table, $columnA, $columnB, $tableAlias);
|
||||||
return $this;
|
return $this;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -9,6 +9,7 @@ use Driver\SQL\Condition\CondIn;
|
|||||||
use Driver\SQL\Condition\Condition;
|
use Driver\SQL\Condition\Condition;
|
||||||
use Driver\SQL\Condition\CondKeyword;
|
use Driver\SQL\Condition\CondKeyword;
|
||||||
use Driver\SQL\Condition\CondNot;
|
use Driver\SQL\Condition\CondNot;
|
||||||
|
use Driver\Sql\Condition\CondNull;
|
||||||
use Driver\SQL\Condition\CondOr;
|
use Driver\SQL\Condition\CondOr;
|
||||||
use Driver\SQL\Constraint\Constraint;
|
use Driver\SQL\Constraint\Constraint;
|
||||||
use \Driver\SQL\Constraint\Unique;
|
use \Driver\SQL\Constraint\Unique;
|
||||||
@ -16,6 +17,7 @@ use \Driver\SQL\Constraint\PrimaryKey;
|
|||||||
use \Driver\SQL\Constraint\ForeignKey;
|
use \Driver\SQL\Constraint\ForeignKey;
|
||||||
use Driver\SQL\Query\CreateTable;
|
use Driver\SQL\Query\CreateTable;
|
||||||
use Driver\SQL\Query\Delete;
|
use Driver\SQL\Query\Delete;
|
||||||
|
use Driver\SQL\Query\Drop;
|
||||||
use Driver\SQL\Query\Insert;
|
use Driver\SQL\Query\Insert;
|
||||||
use Driver\SQL\Query\Query;
|
use Driver\SQL\Query\Query;
|
||||||
use Driver\SQL\Query\Select;
|
use Driver\SQL\Query\Select;
|
||||||
@ -73,6 +75,10 @@ abstract class SQL {
|
|||||||
return new Update($this, $table);
|
return new Update($this, $table);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function drop(string $table) {
|
||||||
|
return new Drop($this, $table);
|
||||||
|
}
|
||||||
|
|
||||||
// ####################
|
// ####################
|
||||||
// ### ABSTRACT METHODS
|
// ### ABSTRACT METHODS
|
||||||
// ####################
|
// ####################
|
||||||
@ -107,7 +113,9 @@ abstract class SQL {
|
|||||||
$joinTable = $this->tableName($join->getTable());
|
$joinTable = $this->tableName($join->getTable());
|
||||||
$columnA = $this->columnName($join->getColumnA());
|
$columnA = $this->columnName($join->getColumnA());
|
||||||
$columnB = $this->columnName($join->getColumnB());
|
$columnB = $this->columnName($join->getColumnB());
|
||||||
$joinStr .= " $type JOIN $joinTable ON $columnA=$columnB";
|
$tableAlias = ($join->getTableAlias() ? " " . $join->getTableAlias() : "");
|
||||||
|
|
||||||
|
$joinStr .= " $type JOIN $joinTable$tableAlias ON $columnA=$columnB";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -248,6 +256,12 @@ abstract class SQL {
|
|||||||
return $this->execute($query, $params);
|
return $this->execute($query, $params);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function executeDrop(Drop $drop) {
|
||||||
|
$query = "DROP TABLE " . $this->tableName($drop->getTable());
|
||||||
|
if ($drop->dump) { var_dump($query); }
|
||||||
|
return $this->execute($query);
|
||||||
|
}
|
||||||
|
|
||||||
protected function getWhereClause($conditions, &$params) {
|
protected function getWhereClause($conditions, &$params) {
|
||||||
if (!$conditions) {
|
if (!$conditions) {
|
||||||
return "";
|
return "";
|
||||||
@ -338,6 +352,15 @@ abstract class SQL {
|
|||||||
$column = $this->columnName($condition->getColumn());
|
$column = $this->columnName($condition->getColumn());
|
||||||
$value = $condition->getValue();
|
$value = $condition->getValue();
|
||||||
$operator = $condition->getOperator();
|
$operator = $condition->getOperator();
|
||||||
|
|
||||||
|
if ($value === null) {
|
||||||
|
if ($operator === "=") {
|
||||||
|
return "$column IS NULL";
|
||||||
|
} else if ($operator === "!=") {
|
||||||
|
return "$column IS NOT NULL";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return $column . $operator . $this->addValue($value, $params);
|
return $column . $operator . $this->addValue($value, $params);
|
||||||
} else if ($condition instanceof CondBool) {
|
} else if ($condition instanceof CondBool) {
|
||||||
return $this->columnName($condition->getValue());
|
return $this->columnName($condition->getValue());
|
||||||
@ -385,6 +408,8 @@ abstract class SQL {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return "NOT $expression";
|
return "NOT $expression";
|
||||||
|
} else if($condition instanceof CondNull) {
|
||||||
|
return $this->columnName($condition->getColumn()) . " IS NULL";
|
||||||
} else {
|
} else {
|
||||||
$this->lastError = "Unsupported condition type: " . get_class($condition);
|
$this->lastError = "Unsupported condition type: " . get_class($condition);
|
||||||
return false;
|
return false;
|
||||||
@ -410,9 +435,6 @@ abstract class SQL {
|
|||||||
$sql = new MySQL($connectionData);
|
$sql = new MySQL($connectionData);
|
||||||
} else if ($type === "postgres") {
|
} else if ($type === "postgres") {
|
||||||
$sql = new PostgreSQL($connectionData);
|
$sql = new PostgreSQL($connectionData);
|
||||||
/*} else if ($type === "oracle") {
|
|
||||||
// $sql = new OracleSQL($connectionData);
|
|
||||||
*/
|
|
||||||
} else {
|
} else {
|
||||||
return "Unknown database type";
|
return "Unknown database type";
|
||||||
}
|
}
|
||||||
|
|||||||
7
core/Elements/EmptyBody.class.php
Normal file
7
core/Elements/EmptyBody.class.php
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
use Elements\Body;
|
||||||
|
|
||||||
|
class EmptyBody extends Body {
|
||||||
|
|
||||||
|
}
|
||||||
26
core/Elements/EmptyHead.class.php
Normal file
26
core/Elements/EmptyHead.class.php
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Elements;
|
||||||
|
|
||||||
|
class EmptyHead extends Head {
|
||||||
|
|
||||||
|
public function __construct($document) {
|
||||||
|
parent::__construct($document);
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function initSources() {
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function initMetas() {
|
||||||
|
return array(
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function initRawFields() {
|
||||||
|
return array();
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function initTitle() {
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -11,6 +11,7 @@ class Script extends StaticView {
|
|||||||
const INSTALL = "/js/install.js";
|
const INSTALL = "/js/install.js";
|
||||||
const BOOTSTRAP = "/js/bootstrap.bundle.min.js";
|
const BOOTSTRAP = "/js/bootstrap.bundle.min.js";
|
||||||
const ACCOUNT = "/js/account.js";
|
const ACCOUNT = "/js/account.js";
|
||||||
|
const FILES = "/js/files.min.js";
|
||||||
|
|
||||||
private string $type;
|
private string $type;
|
||||||
private string $content;
|
private string $content;
|
||||||
|
|||||||
@ -2,8 +2,6 @@
|
|||||||
|
|
||||||
namespace Elements;
|
namespace Elements;
|
||||||
|
|
||||||
use External\PHPMailer\Exception;
|
|
||||||
|
|
||||||
abstract class View extends StaticView {
|
abstract class View extends StaticView {
|
||||||
|
|
||||||
private Document $document;
|
private Document $document;
|
||||||
@ -81,9 +79,10 @@ abstract class View extends StaticView {
|
|||||||
return $this->createList($items, "ul");
|
return $this->createList($items, "ul");
|
||||||
}
|
}
|
||||||
|
|
||||||
protected function createLink($link, $title=null) {
|
protected function createLink($link, $title=null, $classes="") {
|
||||||
if(is_null($title)) $title=$link;
|
if(is_null($title)) $title=$link;
|
||||||
return "<a href=\"$link\">$title</a>";
|
if(!empty($classes)) $classes = " class=\"$classes\"";
|
||||||
|
return "<a href=\"$link\"$classes>$title</a>";
|
||||||
}
|
}
|
||||||
|
|
||||||
protected function createExternalLink($link, $title=null) {
|
protected function createExternalLink($link, $title=null) {
|
||||||
@ -123,14 +122,91 @@ abstract class View extends StaticView {
|
|||||||
return $this->createStatusText("info", $text, $id, $hidden);
|
return $this->createStatusText("info", $text, $id, $hidden);
|
||||||
}
|
}
|
||||||
|
|
||||||
protected function createStatusText($type, $text, $id="", $hidden=false) {
|
protected function createStatusText($type, $text, $id="", $hidden=false, $classes="") {
|
||||||
if(strlen($id) > 0) $id = " id=\"$id\"";
|
if(strlen($id) > 0) $id = " id=\"$id\"";
|
||||||
$hidden = ($hidden?" hidden" : "");
|
if($hidden) $classes .= " hidden";
|
||||||
return "<div class=\"alert alert-$type$hidden\" role=\"alert\"$id>$text</div>";
|
if(strlen($classes) > 0) $classes = " $classes";
|
||||||
|
return "<div class=\"alert alert-$type$hidden$classes\" role=\"alert\"$id>$text</div>";
|
||||||
}
|
}
|
||||||
|
|
||||||
protected function createBadge($type, $text) {
|
protected function createBadge($type, $text) {
|
||||||
$text = htmlspecialchars($text);
|
$text = htmlspecialchars($text);
|
||||||
return "<span class=\"badge badge-$type\">$text</span>";
|
return "<span class=\"badge badge-$type\">$text</span>";
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
protected function createJumbotron(string $content, bool $fluid=false, $class="") {
|
||||||
|
$jumbotronClass = "jumbotron" . ($fluid ? "-fluid" : "");
|
||||||
|
if (!empty($class)) $jumbotronClass .= " $class";
|
||||||
|
|
||||||
|
return "
|
||||||
|
<div class=\"row\">
|
||||||
|
<div class=\"col-12\">
|
||||||
|
<div class=\"$jumbotronClass\">
|
||||||
|
$content
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>";
|
||||||
|
}
|
||||||
|
|
||||||
|
public function createSimpleParagraph(string $content, string $class="") {
|
||||||
|
if($class) $class = " class=\"$class\"";
|
||||||
|
return "<p$class>$content</p>";
|
||||||
|
}
|
||||||
|
|
||||||
|
public function createParagraph($title, $id, $content) {
|
||||||
|
$id = replaceCssSelector($id);
|
||||||
|
$iconId = urlencode("$id-icon");
|
||||||
|
return "
|
||||||
|
<div class=\"row mt-4\">
|
||||||
|
<div class=\"col-12\">
|
||||||
|
<h2 id=\"$id\" data-target=\"$iconId\" class=\"inlineLink\">$title</h2>
|
||||||
|
<hr/>
|
||||||
|
$content
|
||||||
|
</div>
|
||||||
|
</div>";
|
||||||
|
}
|
||||||
|
|
||||||
|
protected function createBootstrapTable($data, string $classes="") {
|
||||||
|
$classes = empty($classes) ? "" : " $classes";
|
||||||
|
$code = "<div class=\"container$classes\">";
|
||||||
|
foreach($data as $row) {
|
||||||
|
$code .= "<div class=\"row mt-2 mb-2\">";
|
||||||
|
$columnCount = count($row);
|
||||||
|
if($columnCount > 0) {
|
||||||
|
$remainingSize = 12;
|
||||||
|
$columnSize = 12 / $columnCount;
|
||||||
|
foreach($row as $col) {
|
||||||
|
$size = ($columnSize <= $remainingSize ? $columnSize : $remainingSize);
|
||||||
|
$content = $col;
|
||||||
|
$class = "";
|
||||||
|
$code .= "<div";
|
||||||
|
|
||||||
|
if(is_array($col)) {
|
||||||
|
$content = "";
|
||||||
|
foreach($col as $key => $val) {
|
||||||
|
if(strcmp($key, "content") === 0) {
|
||||||
|
$content = $val;
|
||||||
|
} else if(strcmp($key, "class") === 0) {
|
||||||
|
$class = " " . $col["class"];
|
||||||
|
} else if(strcmp($key, "cols") === 0 && is_numeric($val)) {
|
||||||
|
$size = intval($val);
|
||||||
|
} else {
|
||||||
|
$code .= " $key=\"$val\"";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if(isset($col["class"])) $class = " " . $col["class"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if($size <= 6) $class .= " col-md-" . intval($size * 2);
|
||||||
|
$code .= " class=\"col-lg-$size$class\">$content</div>";
|
||||||
|
$remainingSize -= $size;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$code .= "</div>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$code .= "</div>";
|
||||||
|
return $code;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
62
core/External/ZipStream/BufferWriter.php
vendored
Normal file
62
core/External/ZipStream/BufferWriter.php
vendored
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Copyright (c) Borago 2019
|
||||||
|
*
|
||||||
|
* This software is provided 'as-is', without any express or implied
|
||||||
|
* warranty. In no event will the authors be held liable for any damages
|
||||||
|
* arising from the use of this software.
|
||||||
|
*
|
||||||
|
* Permission is granted to anyone to use this software for any purpose,
|
||||||
|
* including commercial applications, and to alter it and redistribute it
|
||||||
|
* freely, subject to the following restrictions:
|
||||||
|
*
|
||||||
|
* 1. The origin of this software must not be misrepresented; you must not
|
||||||
|
* claim that you wrote the original software. If you use this software
|
||||||
|
* in a product, an acknowledgment in the product documentation would be
|
||||||
|
* appreciated but is not required.
|
||||||
|
* 2. Altered source versions must be plainly marked as such, and must not be
|
||||||
|
* misrepresented as being the original software.
|
||||||
|
* 3. This notice may not be removed or altered from any source distribution.
|
||||||
|
**/
|
||||||
|
|
||||||
|
namespace External\ZipStream {
|
||||||
|
class BufferWriter implements Writer {
|
||||||
|
private $stream = '';
|
||||||
|
private $offset = 0;
|
||||||
|
private $callback = null;
|
||||||
|
|
||||||
|
public function __construct() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
public function registerCallback($callback) {
|
||||||
|
$this->callback = $callback;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function write($data) {
|
||||||
|
$this->offset += strlen($data);
|
||||||
|
$this->stream .= $data;
|
||||||
|
if ($this->callback !== null) {
|
||||||
|
call_user_func($this->callback, $this);
|
||||||
|
}
|
||||||
|
return strlen($data);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function read() {
|
||||||
|
$data = $this->stream;
|
||||||
|
$this->stream = '';
|
||||||
|
return $data;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function offset() {
|
||||||
|
return $this->offset;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function close() {
|
||||||
|
if ($this->callback !== null) {
|
||||||
|
call_user_func($this->callback, $this);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
207
core/External/ZipStream/File.php
vendored
Normal file
207
core/External/ZipStream/File.php
vendored
Normal file
@ -0,0 +1,207 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Copyright (c) Borago 2019
|
||||||
|
*
|
||||||
|
* This software is provided 'as-is', without any express or implied
|
||||||
|
* warranty. In no event will the authors be held liable for any damages
|
||||||
|
* arising from the use of this software.
|
||||||
|
*
|
||||||
|
* Permission is granted to anyone to use this software for any purpose,
|
||||||
|
* including commercial applications, and to alter it and redistribute it
|
||||||
|
* freely, subject to the following restrictions:
|
||||||
|
*
|
||||||
|
* 1. The origin of this software must not be misrepresented; you must not
|
||||||
|
* claim that you wrote the original software. If you use this software
|
||||||
|
* in a product, an acknowledgment in the product documentation would be
|
||||||
|
* appreciated but is not required.
|
||||||
|
* 2. Altered source versions must be plainly marked as such, and must not be
|
||||||
|
* misrepresented as being the original software.
|
||||||
|
* 3. This notice may not be removed or altered from any source distribution.
|
||||||
|
**/
|
||||||
|
|
||||||
|
namespace External\ZipStream {
|
||||||
|
class File {
|
||||||
|
private $name;
|
||||||
|
private $content = '';
|
||||||
|
private $fileHandle = false;
|
||||||
|
private $lastModificationTimestamp;
|
||||||
|
private $crc32 = null;
|
||||||
|
private $fileSize = 0;
|
||||||
|
private $compressedSize = 0;
|
||||||
|
private $offset = 0;
|
||||||
|
private $bitField = 0;
|
||||||
|
private $useCompression = true;
|
||||||
|
private $deflateState = null;
|
||||||
|
|
||||||
|
//check for duplications //currently not used
|
||||||
|
private $sha256;
|
||||||
|
|
||||||
|
public const BIT_NO_SIZE_IN_HEADER = 0b0000000000001000;
|
||||||
|
public const BIT_UTF8_NAMES = 0b0000100000000000;
|
||||||
|
|
||||||
|
public function __construct($name) {
|
||||||
|
$this->name = $name;
|
||||||
|
$this->lastModificationTimestamp = time();
|
||||||
|
$this->crc32 = hash('crc32b', '', true);
|
||||||
|
$this->compressedSize = 0;
|
||||||
|
|
||||||
|
$this->bitField = 0;
|
||||||
|
$this->bitField |= self::BIT_NO_SIZE_IN_HEADER;
|
||||||
|
$this->bitField |= self::BIT_UTF8_NAMES;
|
||||||
|
|
||||||
|
$this->deflateState = deflate_init(ZLIB_ENCODING_RAW, ['level' => 9]);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function setContent($content) {
|
||||||
|
$this->crc32 = hash('crc32b', $content, true);
|
||||||
|
$this->sha256 = hash('sha256', $content);
|
||||||
|
$this->content = $content;
|
||||||
|
$this->fileSize = strlen($content);
|
||||||
|
$this->fileHandle = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function loadFromFile($filename) {
|
||||||
|
$this->crc32 = hash_file('crc32b', $filename, true);
|
||||||
|
$this->sha256 = hash_file('sha256', $filename);
|
||||||
|
$this->fileSize = filesize($filename);
|
||||||
|
$this->fileHandle = fopen($filename, 'rb');
|
||||||
|
}
|
||||||
|
|
||||||
|
public function name() {
|
||||||
|
return $this->name;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function sha256() {
|
||||||
|
return $this->sha256;
|
||||||
|
}
|
||||||
|
|
||||||
|
private function unixTimeToDosTime($timestamp) {
|
||||||
|
$hour = intval(date('H', $timestamp));
|
||||||
|
$min = intval(date('i', $timestamp));
|
||||||
|
$sec = intval(date('s', $timestamp));
|
||||||
|
return ($hour << 11) |
|
||||||
|
($min << 5) |
|
||||||
|
($sec >> 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
private function unixTimeToDosDate($timestamp) {
|
||||||
|
$year = intval(date('Y', $timestamp));
|
||||||
|
$month = intval(date('m', $timestamp));
|
||||||
|
$day = intval(date('d', $timestamp));
|
||||||
|
return (($year - 1980) << 9) |
|
||||||
|
($month << 5) |
|
||||||
|
($day);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function readLocalFileHeader() {
|
||||||
|
if (!$this->useCompression) {
|
||||||
|
$this->compressedSize = $this->fileSize;
|
||||||
|
}
|
||||||
|
|
||||||
|
$header = "";
|
||||||
|
$header .= "\x50\x4b\x03\x04";
|
||||||
|
$header .= "\x14\x00"; //version 2.0 and MS-DOS compatible
|
||||||
|
$header .= pack("v", $this->bitField); //general purpose bit flag
|
||||||
|
if ($this->useCompression) {
|
||||||
|
$header .= "\x08\x00"; //compression Method - deflate
|
||||||
|
} else {
|
||||||
|
$header .= "\x00\x00"; //compression Method - no
|
||||||
|
}
|
||||||
|
$header .= pack("v", $this->unixTimeToDosTime($this->lastModificationTimestamp)); //dos time
|
||||||
|
$header .= pack("v", $this->unixTimeToDosDate($this->lastModificationTimestamp)); //dos date
|
||||||
|
if ($this->bitField & self::BIT_NO_SIZE_IN_HEADER) {
|
||||||
|
$header .= pack("V", 0); //crc32
|
||||||
|
$header .= pack("V", 0); //compressed Size
|
||||||
|
$header .= pack("V", 0); //uncompressed Size
|
||||||
|
} else {
|
||||||
|
$header .= strrev($this->crc32);
|
||||||
|
$header .= pack("V", $this->compressedSize); //compressed Size
|
||||||
|
$header .= pack("V", $this->fileSize); //uncompressed Size
|
||||||
|
}
|
||||||
|
$header .= pack("v", strlen($this->name)); //filename
|
||||||
|
$header .= "\x00\x00"; //extra field length
|
||||||
|
$header .= $this->name;
|
||||||
|
|
||||||
|
return $header;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function readDataDescriptor() {
|
||||||
|
$data = "";
|
||||||
|
$data .= "\x50\x4b\x07\x08";
|
||||||
|
$data .= strrev($this->crc32);
|
||||||
|
$data .= pack("V", $this->compressedSize); //compressed Size
|
||||||
|
$data .= pack("V", $this->fileSize); //uncompressed Size
|
||||||
|
return $data;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function readFileDataImp() {
|
||||||
|
$ret = null;
|
||||||
|
if ($this->fileHandle !== false) {
|
||||||
|
$block = fread($this->fileHandle, 65536);
|
||||||
|
if (!empty($block)) {
|
||||||
|
$ret = $block;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$ret = $this->content;
|
||||||
|
$this->content = null;
|
||||||
|
}
|
||||||
|
return $ret;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function readFileData() {
|
||||||
|
$ret = null;
|
||||||
|
if ($this->useCompression) {
|
||||||
|
$block = $this->readFileDataImp();
|
||||||
|
if ($this->deflateState !== null) {
|
||||||
|
if ($block !== null) {
|
||||||
|
$ret = deflate_add($this->deflateState, $block, ZLIB_NO_FLUSH);
|
||||||
|
} else {
|
||||||
|
$ret = deflate_add($this->deflateState, '', ZLIB_FINISH);
|
||||||
|
$this->deflateState = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ($ret !== null) {
|
||||||
|
$this->compressedSize += strlen($ret);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$ret = $this->readFileDataImp();
|
||||||
|
}
|
||||||
|
return $ret;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function setOffset($offset) {
|
||||||
|
$this->offset = $offset;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function readCentralDirectoryHeader() {
|
||||||
|
$header = "";
|
||||||
|
$header .= "\x50\x4b\x01\x02";
|
||||||
|
$header .= "\x14\x00"; //version 2.0 and MS-DOS compatible
|
||||||
|
$header .= "\x14\x00"; //version 2.0 and MS-DOS compatible
|
||||||
|
$header .= pack("v", $this->bitField); //general purpose bit flag
|
||||||
|
$header .= "\x00\x00"; //compression Method - no
|
||||||
|
$header .= pack("v", $this->unixTimeToDosTime($this->lastModificationTimestamp)); //dos time
|
||||||
|
$header .= pack("v", $this->unixTimeToDosDate($this->lastModificationTimestamp)); //dos date
|
||||||
|
$header .= strrev($this->crc32);
|
||||||
|
$header .= pack("V", $this->compressedSize); //compressed Size
|
||||||
|
$header .= pack("V", $this->fileSize); //uncompressed Size
|
||||||
|
$header .= pack("v", strlen($this->name)); //filename
|
||||||
|
$header .= "\x00\x00"; //extra field length
|
||||||
|
$header .= "\x00\x00"; //comment length
|
||||||
|
$header .= "\x00\x00"; //disk num start
|
||||||
|
$header .= "\x00\x00"; //int file attr
|
||||||
|
$header .= "\x00\x00\x00\x00"; //ext file attr
|
||||||
|
$header .= pack("V", $this->offset); //relative offset
|
||||||
|
$header .= $this->name;
|
||||||
|
|
||||||
|
return $header;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function closeHandle() {
|
||||||
|
if ($this->fileHandle) {
|
||||||
|
fclose($this->fileHandle);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
63
core/External/ZipStream/FileWriter.php
vendored
Normal file
63
core/External/ZipStream/FileWriter.php
vendored
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Copyright (c) Borago 2019
|
||||||
|
*
|
||||||
|
* This software is provided 'as-is', without any express or implied
|
||||||
|
* warranty. In no event will the authors be held liable for any damages
|
||||||
|
* arising from the use of this software.
|
||||||
|
*
|
||||||
|
* Permission is granted to anyone to use this software for any purpose,
|
||||||
|
* including commercial applications, and to alter it and redistribute it
|
||||||
|
* freely, subject to the following restrictions:
|
||||||
|
*
|
||||||
|
* 1. The origin of this software must not be misrepresented; you must not
|
||||||
|
* claim that you wrote the original software. If you use this software
|
||||||
|
* in a product, an acknowledgment in the product documentation would be
|
||||||
|
* appreciated but is not required.
|
||||||
|
* 2. Altered source versions must be plainly marked as such, and must not be
|
||||||
|
* misrepresented as being the original software.
|
||||||
|
* 3. This notice may not be removed or altered from any source distribution.
|
||||||
|
**/
|
||||||
|
|
||||||
|
namespace External\ZipStream {
|
||||||
|
class FileWriter implements Writer {
|
||||||
|
private $offset = 0;
|
||||||
|
private $fileHandle = false;
|
||||||
|
|
||||||
|
public function __construct($filename) {
|
||||||
|
if (!empty($filename)) {
|
||||||
|
$this->open($filename);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public function __destruct() {
|
||||||
|
$this->close();
|
||||||
|
}
|
||||||
|
|
||||||
|
public function open($filename) {
|
||||||
|
$this->close();
|
||||||
|
$this->fileHandle = fopen($filename, 'wb');
|
||||||
|
}
|
||||||
|
|
||||||
|
public function write($data) {
|
||||||
|
$this->offset += strlen($data);
|
||||||
|
if ($this->fileHandle === false) {
|
||||||
|
throw new \Exception('No file opened.');
|
||||||
|
} else {
|
||||||
|
return fwrite($this->fileHandle, $data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public function offset() {
|
||||||
|
return $this->offset;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function close() {
|
||||||
|
if ($this->fileHandle !== false) {
|
||||||
|
fclose($this->fileHandle);
|
||||||
|
}
|
||||||
|
$this->fileHandle = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
29
core/External/ZipStream/Writer.php
vendored
Normal file
29
core/External/ZipStream/Writer.php
vendored
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Copyright (c) Borago 2019
|
||||||
|
*
|
||||||
|
* This software is provided 'as-is', without any express or implied
|
||||||
|
* warranty. In no event will the authors be held liable for any damages
|
||||||
|
* arising from the use of this software.
|
||||||
|
*
|
||||||
|
* Permission is granted to anyone to use this software for any purpose,
|
||||||
|
* including commercial applications, and to alter it and redistribute it
|
||||||
|
* freely, subject to the following restrictions:
|
||||||
|
*
|
||||||
|
* 1. The origin of this software must not be misrepresented; you must not
|
||||||
|
* claim that you wrote the original software. If you use this software
|
||||||
|
* in a product, an acknowledgment in the product documentation would be
|
||||||
|
* appreciated but is not required.
|
||||||
|
* 2. Altered source versions must be plainly marked as such, and must not be
|
||||||
|
* misrepresented as being the original software.
|
||||||
|
* 3. This notice may not be removed or altered from any source distribution.
|
||||||
|
**/
|
||||||
|
|
||||||
|
namespace External\ZipStream {
|
||||||
|
interface Writer {
|
||||||
|
public function write($data);
|
||||||
|
public function close();
|
||||||
|
public function offset();
|
||||||
|
}
|
||||||
|
}
|
||||||
72
core/External/ZipStream/ZipStream.php
vendored
Normal file
72
core/External/ZipStream/ZipStream.php
vendored
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Copyright (c) Borago 2019
|
||||||
|
*
|
||||||
|
* This software is provided 'as-is', without any express or implied
|
||||||
|
* warranty. In no event will the authors be held liable for any damages
|
||||||
|
* arising from the use of this software.
|
||||||
|
*
|
||||||
|
* Permission is granted to anyone to use this software for any purpose,
|
||||||
|
* including commercial applications, and to alter it and redistribute it
|
||||||
|
* freely, subject to the following restrictions:
|
||||||
|
*
|
||||||
|
* 1. The origin of this software must not be misrepresented; you must not
|
||||||
|
* claim that you wrote the original software. If you use this software
|
||||||
|
* in a product, an acknowledgment in the product documentation would be
|
||||||
|
* appreciated but is not required.
|
||||||
|
* 2. Altered source versions must be plainly marked as such, and must not be
|
||||||
|
* misrepresented as being the original software.
|
||||||
|
* 3. This notice may not be removed or altered from any source distribution.
|
||||||
|
**/
|
||||||
|
|
||||||
|
namespace External\ZipStream {
|
||||||
|
class ZipStream {
|
||||||
|
private $writer = null;
|
||||||
|
private $files = [];
|
||||||
|
|
||||||
|
public function __construct($writer) {
|
||||||
|
$this->writer = $writer;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function saveFile($file) {
|
||||||
|
$isSymlink = false; //currently not used
|
||||||
|
foreach ($this->files as $f) {
|
||||||
|
if ($f->name() == $file->name()) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if ($f->sha256() == $file->sha256()) {
|
||||||
|
$isSymlink = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$file->setOffset($this->writer->offset());
|
||||||
|
$this->writer->write($file->readLocalFileHeader());
|
||||||
|
while (($buffer = $file->readFileData()) !== null) {
|
||||||
|
$this->writer->write($buffer);
|
||||||
|
}
|
||||||
|
$this->writer->write($file->readDataDescriptor());
|
||||||
|
$this->files[] = $file;
|
||||||
|
$file->closeHandle();
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function close() {
|
||||||
|
$size = 0;
|
||||||
|
$offset = $this->writer->offset();
|
||||||
|
foreach ($this->files as $file) {
|
||||||
|
$size += $this->writer->write($file->readCentralDirectoryHeader());
|
||||||
|
}
|
||||||
|
|
||||||
|
$data = "";
|
||||||
|
$data .= "\x50\x4b\x05\x06";
|
||||||
|
$data .= "\x00\x00"; //number of disks
|
||||||
|
$data .= "\x00\x00"; //number of the disk with the start of the central directory
|
||||||
|
$data .= pack("v", count($this->files)); //total number of entries in the central directory on this disk
|
||||||
|
$data .= pack("v", count($this->files)); //total number of entries in the central directory
|
||||||
|
$data .= pack("V", $size); //size of the central directory
|
||||||
|
$data .= pack("V", $offset); //offset of start of central directory with respect to the starting disk number
|
||||||
|
$data .= "\x0\x0"; //comment length
|
||||||
|
$this->writer->write($data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -254,20 +254,13 @@ class User extends ApiObject {
|
|||||||
|
|
||||||
public function processVisit() {
|
public function processVisit() {
|
||||||
if ($this->sql && $this->sql->isConnected() && isset($_COOKIE["PHPSESSID"]) && !empty($_COOKIE["PHPSESSID"])) {
|
if ($this->sql && $this->sql->isConnected() && isset($_COOKIE["PHPSESSID"]) && !empty($_COOKIE["PHPSESSID"])) {
|
||||||
|
|
||||||
if ($this->isBot()) {
|
if ($this->isBot()) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
$cookie = $_COOKIE["PHPSESSID"];
|
$cookie = $_COOKIE["PHPSESSID"];
|
||||||
$day = (new DateTime())->format("Ymd");
|
$req = new \Api\Visitors\ProcessVisit($this);
|
||||||
|
$req->execute(array("cookie" => $cookie));
|
||||||
$this->sql->insert("Visitor", array("cookie", "day"))
|
|
||||||
->addRow($cookie, $day)
|
|
||||||
->onDuplicateKeyStrategy(new UpdateStrategy(
|
|
||||||
array("month", "cookie"),
|
|
||||||
array("count" => new Add("Visitor.count", 1))))
|
|
||||||
->execute();
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
define("WEBBASE_VERSION", "1.0.4");
|
define("WEBBASE_VERSION", "1.2.0");
|
||||||
|
|
||||||
function getProtocol() {
|
function getProtocol() {
|
||||||
return (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https" : "http";
|
return (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https" : "http";
|
||||||
@ -75,6 +75,10 @@ function replaceCssSelector($sel) {
|
|||||||
return preg_replace("~[.#<>]~", "_", preg_replace("~[:\-]~", "", $sel));
|
return preg_replace("~[.#<>]~", "_", preg_replace("~[:\-]~", "", $sel));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function urlId($str) {
|
||||||
|
return urlencode(htmlspecialchars(preg_replace("[: ]","-", $str)));
|
||||||
|
}
|
||||||
|
|
||||||
function getClassPath($class, $suffix = true) {
|
function getClassPath($class, $suffix = true) {
|
||||||
$path = str_replace('\\', '/', $class);
|
$path = str_replace('\\', '/', $class);
|
||||||
$path = array_values(array_filter(explode("/", $path)));
|
$path = array_values(array_filter(explode("/", $path)));
|
||||||
@ -134,7 +138,6 @@ function serveStatic(string $webRoot, string $file) {
|
|||||||
$length = $size;
|
$length = $size;
|
||||||
|
|
||||||
if (isset($_SERVER['HTTP_RANGE'])) {
|
if (isset($_SERVER['HTTP_RANGE'])) {
|
||||||
$partialContent = true;
|
|
||||||
preg_match('/bytes=(\d+)-(\d+)?/', $_SERVER['HTTP_RANGE'], $matches);
|
preg_match('/bytes=(\d+)-(\d+)?/', $_SERVER['HTTP_RANGE'], $matches);
|
||||||
$offset = intval($matches[1]);
|
$offset = intval($matches[1]);
|
||||||
$length = intval($matches[2]) - $offset;
|
$length = intval($matches[2]) - $offset;
|
||||||
@ -166,4 +169,4 @@ function parseClass($class) {
|
|||||||
$parts = explode("\\", $class);
|
$parts = explode("\\", $class);
|
||||||
$parts = array_map('ucfirst', $parts);
|
$parts = array_map('ucfirst', $parts);
|
||||||
return implode("\\", $parts);
|
return implode("\\", $parts);
|
||||||
}
|
}
|
||||||
|
|||||||
3
fileControlPanel/.babelrc
Normal file
3
fileControlPanel/.babelrc
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"presets": ["@babel/preset-env", "@babel/preset-react"]
|
||||||
|
}
|
||||||
24
fileControlPanel/.gitignore
vendored
Normal file
24
fileControlPanel/.gitignore
vendored
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
/.pnp
|
||||||
|
.pnp.js
|
||||||
|
|
||||||
|
# testing
|
||||||
|
/coverage
|
||||||
|
|
||||||
|
# production
|
||||||
|
/build
|
||||||
|
public/
|
||||||
|
|
||||||
|
# misc
|
||||||
|
.DS_Store
|
||||||
|
.env.local
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
5
fileControlPanel/.idea/.gitignore
vendored
Normal file
5
fileControlPanel/.idea/.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
12
fileControlPanel/.idea/fileControlPanel.iml
Normal file
12
fileControlPanel/.idea/fileControlPanel.iml
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="WEB_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager">
|
||||||
|
<content url="file://$MODULE_DIR$">
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||||
|
</content>
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<component name="InspectionProjectProfileManager">
|
||||||
|
<profile version="1.0">
|
||||||
|
<option name="myName" value="Project Default" />
|
||||||
|
<inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
|
||||||
|
</profile>
|
||||||
|
</component>
|
||||||
6
fileControlPanel/.idea/misc.xml
Normal file
6
fileControlPanel/.idea/misc.xml
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="WebPackConfiguration">
|
||||||
|
<option name="mode" value="DISABLED" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
8
fileControlPanel/.idea/modules.xml
Normal file
8
fileControlPanel/.idea/modules.xml
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/fileControlPanel.iml" filepath="$PROJECT_DIR$/.idea/fileControlPanel.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
6
fileControlPanel/.idea/vcs.xml
Normal file
6
fileControlPanel/.idea/vcs.xml
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
31428
fileControlPanel/package-lock.json
generated
Normal file
31428
fileControlPanel/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
46
fileControlPanel/package.json
Normal file
46
fileControlPanel/package.json
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
{
|
||||||
|
"name": "file-control-panel",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"dependencies": {
|
||||||
|
"axios": "^0.21.1",
|
||||||
|
"moment": "^2.26.0",
|
||||||
|
"react": "^16.13.1",
|
||||||
|
"react-collapse": "^5.0.1",
|
||||||
|
"react-dom": "^16.13.1",
|
||||||
|
"react-draft-wysiwyg": "^1.14.5",
|
||||||
|
"react-dropzone": "^11.2.4",
|
||||||
|
"react-router-dom": "^5.2.0",
|
||||||
|
"react-scripts": "^3.4.4",
|
||||||
|
"react-tooltip": "^4.2.13"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build": "webpack --mode production && mv dist/main.js ../js/files.min.js",
|
||||||
|
"debug": "react-scripts start"
|
||||||
|
},
|
||||||
|
"eslintConfig": {
|
||||||
|
"extends": "react-app"
|
||||||
|
},
|
||||||
|
"browserslist": {
|
||||||
|
"production": [
|
||||||
|
">0.2%",
|
||||||
|
"not dead",
|
||||||
|
"not op_mini all"
|
||||||
|
],
|
||||||
|
"development": [
|
||||||
|
"last 1 chrome version",
|
||||||
|
"last 1 firefox version",
|
||||||
|
"last 1 safari version"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"proxy": "http://localhost",
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.10.2",
|
||||||
|
"@babel/preset-env": "^7.10.2",
|
||||||
|
"@babel/preset-react": "^7.10.1",
|
||||||
|
"babel-loader": "^8.1.0",
|
||||||
|
"babel-polyfill": "^6.26.0",
|
||||||
|
"webpack": "^4.42.0",
|
||||||
|
"webpack-cli": "^4.3.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
96
fileControlPanel/src/api.js
Normal file
96
fileControlPanel/src/api.js
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
import 'babel-polyfill';
|
||||||
|
import axios from "axios";
|
||||||
|
|
||||||
|
export default class API {
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
this.loggedIn = false;
|
||||||
|
this.user = { };
|
||||||
|
}
|
||||||
|
|
||||||
|
csrfToken() {
|
||||||
|
return this.loggedIn ? this.user.session.csrf_token : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
async apiCall(method, params) {
|
||||||
|
params = params || { };
|
||||||
|
const csrf_token = this.csrfToken();
|
||||||
|
if (csrf_token) params.csrf_token = csrf_token;
|
||||||
|
let response = await axios.post("/api/" + method, params);
|
||||||
|
return response.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
async fetchUser() {
|
||||||
|
let response = await axios.get("/api/user/info");
|
||||||
|
let data = response.data;
|
||||||
|
this.user = data["user"];
|
||||||
|
this.loggedIn = data["loggedIn"];
|
||||||
|
return data && data["success"] && data["loggedIn"];
|
||||||
|
}
|
||||||
|
|
||||||
|
async logout() {
|
||||||
|
return this.apiCall("user/logout");
|
||||||
|
}
|
||||||
|
|
||||||
|
validateToken(token) {
|
||||||
|
return this.apiCall("file/validateToken", { token: token });
|
||||||
|
}
|
||||||
|
|
||||||
|
listFiles() {
|
||||||
|
return this.apiCall("file/listFiles");
|
||||||
|
}
|
||||||
|
|
||||||
|
listTokens() {
|
||||||
|
return this.apiCall("file/listTokens");
|
||||||
|
}
|
||||||
|
|
||||||
|
delete(id, token=null) {
|
||||||
|
return this.apiCall("file/delete", { id: id, token: token });
|
||||||
|
}
|
||||||
|
|
||||||
|
revokeToken(token) {
|
||||||
|
return this.apiCall("file/revokeToken", { token: token });
|
||||||
|
}
|
||||||
|
|
||||||
|
createDownloadToken(durability, files) {
|
||||||
|
return this.apiCall("file/createDownloadToken", { files: files, durability: durability });
|
||||||
|
}
|
||||||
|
|
||||||
|
createUploadToken(durability, parentId=null, maxFiles=0, maxSize=0, extensions = "") {
|
||||||
|
return this.apiCall("file/createUploadToken", { parentId: parentId, durability: durability, maxFiles: maxFiles, maxSize: maxSize, extensions: extensions });
|
||||||
|
}
|
||||||
|
|
||||||
|
createDirectory(name, parentId = null) {
|
||||||
|
return this.apiCall("file/createDirectory", { name: name, parentId: parentId });
|
||||||
|
}
|
||||||
|
|
||||||
|
moveFiles(files, parentId = null) {
|
||||||
|
return this.apiCall("file/move", { id: files, parentId: parentId });
|
||||||
|
}
|
||||||
|
|
||||||
|
rename(id, name, token = null) {
|
||||||
|
return this.apiCall("file/rename", { id: id, name: name, token: token });
|
||||||
|
}
|
||||||
|
|
||||||
|
getRestrictions() {
|
||||||
|
return this.apiCall("file/getRestrictions");
|
||||||
|
}
|
||||||
|
|
||||||
|
async upload(file, token = null, parentId = null, cancelToken = null, onUploadProgress = null) {
|
||||||
|
const csrf_token = this.csrfToken();
|
||||||
|
|
||||||
|
const fd = new FormData();
|
||||||
|
fd.append("file", file);
|
||||||
|
if (csrf_token) fd.append("csrf_token", csrf_token);
|
||||||
|
if (token) fd.append("token", token);
|
||||||
|
if (parentId) fd.append("parentId", parentId);
|
||||||
|
|
||||||
|
let response = await axios.post('/api/file/upload', fd, {
|
||||||
|
headers: { 'Content-Type': 'multipart/form-data' },
|
||||||
|
onUploadProgress: onUploadProgress || function () { },
|
||||||
|
cancelToken : cancelToken.token
|
||||||
|
});
|
||||||
|
|
||||||
|
return response.data;
|
||||||
|
}
|
||||||
|
};
|
||||||
25
fileControlPanel/src/elements/alert.js
Normal file
25
fileControlPanel/src/elements/alert.js
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
import Icon from "./icon";
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
|
export default function Alert(props) {
|
||||||
|
|
||||||
|
const onClose = props.onClose || null;
|
||||||
|
const title = props.title || "Untitled Alert";
|
||||||
|
const message = props.message || "Alert message";
|
||||||
|
const type = props.type || "danger";
|
||||||
|
|
||||||
|
let icon = "ban";
|
||||||
|
if (type === "warning") {
|
||||||
|
icon = "exclamation-triangle";
|
||||||
|
} else if(type === "success") {
|
||||||
|
icon = "check";
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={"alert alert-" + type + " alert-dismissible"}>
|
||||||
|
{onClose ? <button type="button" className={"close"} data-dismiss={"alert"} aria-hidden={"true"} onClick={onClose}>×</button> : null}
|
||||||
|
<h5><Icon icon={icon} className={"icon"} /> {title}</h5>
|
||||||
|
{message}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
85
fileControlPanel/src/elements/file-browser.css
Normal file
85
fileControlPanel/src/elements/file-browser.css
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
.file-row td {
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-control-buttons {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto auto;
|
||||||
|
grid-template-columns: auto auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-control-buttons > button {
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-upload-container {
|
||||||
|
border: dotted;
|
||||||
|
margin: 18px;
|
||||||
|
padding: 15px;
|
||||||
|
min-height: 150px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-upload-container > div > div {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto auto auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploaded-file {
|
||||||
|
max-width: 120px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploaded-file > span {
|
||||||
|
display: block;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploaded-file > .status-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: -9px;
|
||||||
|
right: 25px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploaded-file > .cancel-button {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 15px;
|
||||||
|
bottom: 0;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploaded-file:hover > .file-icon {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploaded-file:hover > .cancel-button {
|
||||||
|
opacity: 1.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clickable { cursor: pointer; }
|
||||||
|
.token-revoked td { text-decoration: line-through; }
|
||||||
|
|
||||||
|
.token-table td:not(:first-child), .token-table th:not(:first-child) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token-table td:nth-child(4) > i {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-table td:nth-child(n+3), .file-table th:nth-child(n+3) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-browser-restrictions {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, auto);
|
||||||
|
}
|
||||||
630
fileControlPanel/src/elements/file-browser.js
Normal file
630
fileControlPanel/src/elements/file-browser.js
Normal file
@ -0,0 +1,630 @@
|
|||||||
|
import * as React from "react";
|
||||||
|
import "./file-browser.css";
|
||||||
|
import Dropzone from "react-dropzone";
|
||||||
|
import Icon from "./icon";
|
||||||
|
import Alert from "./alert";
|
||||||
|
import {Popup} from "./popup";
|
||||||
|
import {useEffect, useState} from "react";
|
||||||
|
import axios from "axios";
|
||||||
|
|
||||||
|
export function FileBrowser(props) {
|
||||||
|
|
||||||
|
let files = props.files || {};
|
||||||
|
let api = props.api;
|
||||||
|
let tokenObj = props.token || {valid: false};
|
||||||
|
let onSelectFile = props.onSelectFile || function () { };
|
||||||
|
let onFetchFiles = props.onFetchFiles || function () { };
|
||||||
|
let directories = props.directories || {};
|
||||||
|
let restrictions = props.restrictions || {maxFiles: 0, maxSize: 0, extensions: ""};
|
||||||
|
|
||||||
|
let [popup, setPopup] = useState({ visible: false, name: "", directory: 0, target: null, type: "createDirectory" });
|
||||||
|
let [alerts, setAlerts] = useState([]);
|
||||||
|
let [filesToUpload, setFilesToUpload] = useState([]);
|
||||||
|
|
||||||
|
function canUpload() {
|
||||||
|
return api.loggedIn || (tokenObj.valid && tokenObj.type === "upload");
|
||||||
|
}
|
||||||
|
|
||||||
|
function svgMiddle(key, scale = 1.0) {
|
||||||
|
let width = 48 * scale;
|
||||||
|
let height = 64 * scale;
|
||||||
|
|
||||||
|
return <svg key={key} width={width} height={height} xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g>
|
||||||
|
<line y2="0" x2={width / 2} y1={height} x1={width / 2} strokeWidth="1.5" stroke="#000" fill="none"/>
|
||||||
|
<line y2={height / 2} x2={width} y1={height / 2} x1={width / 2} strokeWidth="1.5" stroke="#000"
|
||||||
|
fill="none"/>
|
||||||
|
</g>
|
||||||
|
</svg>;
|
||||||
|
}
|
||||||
|
|
||||||
|
function svgEnd(key, scale = 1.0) {
|
||||||
|
let width = 48 * scale;
|
||||||
|
let height = 64 * scale;
|
||||||
|
|
||||||
|
return <svg key={key} width={width} height={height} xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g>
|
||||||
|
{ /* vertical line */}
|
||||||
|
<line y2="0" x2={width / 2} y1={height / 2} x1={width / 2} strokeWidth="1.5" stroke="#000" fill="none"/>
|
||||||
|
{ /* horizontal line */}
|
||||||
|
<line y2={height / 2} x2={width} y1={height / 2} x1={width / 2} strokeWidth="1.5" stroke="#000"
|
||||||
|
fill="none"/>
|
||||||
|
</g>
|
||||||
|
</svg>;
|
||||||
|
}
|
||||||
|
|
||||||
|
function svgLeft(key, scale = 1.0) {
|
||||||
|
let width = 48 * scale;
|
||||||
|
let height = 64 * scale;
|
||||||
|
return <svg key={key} width={width} height={height} xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g>
|
||||||
|
{ /* vertical line */}
|
||||||
|
<line y2="0" x2={width / 2} y1={height} x1={width / 2} strokeWidth="1.5" stroke="#000" fill="none"/>
|
||||||
|
</g>
|
||||||
|
</svg>;
|
||||||
|
}
|
||||||
|
|
||||||
|
function createFileIcon(mimeType, size = "2x") {
|
||||||
|
let icon = "";
|
||||||
|
if (mimeType) {
|
||||||
|
mimeType = mimeType.toLowerCase().trim();
|
||||||
|
let types = ["image", "text", "audio", "video"];
|
||||||
|
let languages = ["php", "java", "python", "cpp"];
|
||||||
|
let archives = ["zip", "tar", "archive"];
|
||||||
|
let [mainType, subType] = mimeType.split("/");
|
||||||
|
if (mainType === "text" && languages.find(a => subType.includes(a))) {
|
||||||
|
icon = "code";
|
||||||
|
} else if (mainType === "application" && archives.find(a => subType.includes(a))) {
|
||||||
|
icon = "archive";
|
||||||
|
} else if (mainType === "application" && subType === "pdf") {
|
||||||
|
icon = "pdf";
|
||||||
|
} else if (mainType === "application" && (subType.indexOf("powerpoint") > -1 || subType.indexOf("presentation") > -1)) {
|
||||||
|
icon = "powerpoint";
|
||||||
|
} else if (mainType === "application" && (subType.indexOf("word") > -1 || subType.indexOf("opendocument") > -1)) {
|
||||||
|
icon = "word";
|
||||||
|
} else if (mainType === "application" && (subType.indexOf("excel") > -1 || subType.indexOf("sheet") > -1)) {
|
||||||
|
icon = "excel";
|
||||||
|
} else if (mainType === "application" && subType.indexOf("directory") > -1) {
|
||||||
|
icon = "folder";
|
||||||
|
} else if (types.indexOf(mainType) > -1) {
|
||||||
|
if (mainType === "text") {
|
||||||
|
icon = "alt";
|
||||||
|
} else {
|
||||||
|
icon = mainType;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (icon !== "folder") {
|
||||||
|
icon = "file" + (icon ? ("-" + icon) : icon);
|
||||||
|
}
|
||||||
|
|
||||||
|
return <Icon icon={icon} type={"far"} className={"p-1 align-middle file-icon fa-" + size}/>
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatSize(size) {
|
||||||
|
const suffixes = ["B", "KiB", "MiB", "GiB", "TiB"];
|
||||||
|
let i = 0;
|
||||||
|
for (; i < suffixes.length && size >= 1024; i++) {
|
||||||
|
size /= 1024.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (i === 0 || Math.round(size) === size) {
|
||||||
|
return size + " " + suffixes[i];
|
||||||
|
} else {
|
||||||
|
return size.toFixed(1) + " " + suffixes[i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let newFiles = filesToUpload.slice();
|
||||||
|
for (let fileIndex = 0; fileIndex < newFiles.length; fileIndex++) {
|
||||||
|
if (typeof newFiles[fileIndex].progress === 'undefined') {
|
||||||
|
onUpload(fileIndex);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, [filesToUpload]);
|
||||||
|
|
||||||
|
function onAddUploadFiles(acceptedFiles, rejectedFiles) {
|
||||||
|
|
||||||
|
if (rejectedFiles && rejectedFiles.length > 0) {
|
||||||
|
const filenames = rejectedFiles.map(f => f.file.name).join(", ");
|
||||||
|
pushAlert({msg: "The following files could not be uploaded due to given restrictions: " + filenames }, "Cannot upload file");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (acceptedFiles && acceptedFiles.length > 0) {
|
||||||
|
let files = filesToUpload.slice();
|
||||||
|
files.push(...acceptedFiles);
|
||||||
|
setFilesToUpload(files);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSelectedIds(items = null, recursive = true) {
|
||||||
|
let ids = [];
|
||||||
|
items = items || files;
|
||||||
|
for (const fileItem of Object.values(items)) {
|
||||||
|
if (fileItem.selected) {
|
||||||
|
ids.push(fileItem.uid);
|
||||||
|
}
|
||||||
|
if (recursive && fileItem.isDirectory) {
|
||||||
|
ids.push(...getSelectedIds(fileItem.items));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return ids;
|
||||||
|
}
|
||||||
|
|
||||||
|
// TODO: add more mime type names or use an directory here?
|
||||||
|
function getTypeName(type) {
|
||||||
|
if (type.toLowerCase() === "directory") {
|
||||||
|
return "Directory";
|
||||||
|
}
|
||||||
|
|
||||||
|
switch (type.toLowerCase()) {
|
||||||
|
case "image/jpeg":
|
||||||
|
return "JPEG-Image";
|
||||||
|
case "image/png":
|
||||||
|
return "PNG-Image";
|
||||||
|
case "application/pdf":
|
||||||
|
return "PDF-Document";
|
||||||
|
case "text/plain":
|
||||||
|
return "Text-Document"
|
||||||
|
case "application/x-dosexec":
|
||||||
|
return "Windows Executable";
|
||||||
|
case "application/vnd.oasis.opendocument.text":
|
||||||
|
return "OpenOffice-Document";
|
||||||
|
default:
|
||||||
|
return type;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let selectedIds = getSelectedIds();
|
||||||
|
let selectedCount = selectedIds.length;
|
||||||
|
let uploadZone = <></>;
|
||||||
|
let writePermissions = canUpload();
|
||||||
|
let uploadedFiles = [];
|
||||||
|
let alertElements = [];
|
||||||
|
|
||||||
|
function createFileList(elements, indentation = 0) {
|
||||||
|
let rows = [];
|
||||||
|
let rowIndex = 0;
|
||||||
|
|
||||||
|
const scale = 0.45;
|
||||||
|
const iconSize = "lg";
|
||||||
|
|
||||||
|
const values = Object.values(elements);
|
||||||
|
for (const fileElement of values) {
|
||||||
|
let name = fileElement.name;
|
||||||
|
let uid = fileElement.uid;
|
||||||
|
let type = (fileElement.isDirectory ? "Directory" : fileElement.mimeType);
|
||||||
|
let size = (fileElement.isDirectory ? "" : formatSize(fileElement.size));
|
||||||
|
let mimeType = (fileElement.isDirectory ? "application/x-directory" : fileElement.mimeType);
|
||||||
|
let token = (tokenObj && tokenObj.valid ? "&token=" + tokenObj.value : "");
|
||||||
|
let svg = [];
|
||||||
|
if (indentation > 0) {
|
||||||
|
for (let i = 0; i < indentation - 1; i++) {
|
||||||
|
svg.push(svgLeft(rowIndex + "-" + i, scale));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (rowIndex === values.length - 1) {
|
||||||
|
svg.push(svgEnd(rowIndex + "-end", scale));
|
||||||
|
} else {
|
||||||
|
svg.push(svgMiddle(rowIndex + "-middle", scale));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
rows.push(
|
||||||
|
<tr key={"file-" + uid} data-id={uid} className={"file-row"}>
|
||||||
|
<td>
|
||||||
|
{svg}
|
||||||
|
{createFileIcon(mimeType, iconSize)}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{fileElement.isDirectory ? name :
|
||||||
|
<a href={"/api/file/download?id=" + uid + token} download={true}>{name}</a>
|
||||||
|
}
|
||||||
|
</td>
|
||||||
|
<td>{getTypeName(type)}</td>
|
||||||
|
<td>{size}</td>
|
||||||
|
<td>
|
||||||
|
<input type={"checkbox"} checked={!!fileElement.selected}
|
||||||
|
onChange={(e) => onSelectFile(e, uid)}
|
||||||
|
/>
|
||||||
|
{ writePermissions ?
|
||||||
|
<Icon icon={"pencil-alt"} title={"Rename"} className={"ml-2 clickable text-secondary"}
|
||||||
|
style={{marginTop: "-17px"}} onClick={() => onPopupOpen("rename", uid)} /> :
|
||||||
|
<></> }
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
);
|
||||||
|
|
||||||
|
if (fileElement.isDirectory) {
|
||||||
|
rows.push(...createFileList(fileElement.items, indentation + 1));
|
||||||
|
}
|
||||||
|
rowIndex++;
|
||||||
|
}
|
||||||
|
return rows;
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let i = 0; i < alerts.length; i++) {
|
||||||
|
const alert = alerts[i];
|
||||||
|
alertElements.push(
|
||||||
|
<Alert key={"alert-" + i} {...alert} onClose={() => removeAlert(i)}/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
let options = [];
|
||||||
|
for (const [uid, dir] of Object.entries(directories)) {
|
||||||
|
options.push(
|
||||||
|
<option key={"option-" + dir} value={uid}>{dir}</option>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getAllowedExtensions() {
|
||||||
|
let extensions = restrictions.extensions || "";
|
||||||
|
return extensions.split(",")
|
||||||
|
.map(ext => ext.trim())
|
||||||
|
.map(ext => !ext.startsWith(".") && ext.length > 0 ? "." + ext : ext)
|
||||||
|
.join(",");
|
||||||
|
}
|
||||||
|
|
||||||
|
function getRestrictions() {
|
||||||
|
return {
|
||||||
|
accept: getAllowedExtensions(),
|
||||||
|
maxFiles: restrictions.maxFiles,
|
||||||
|
maxSize: restrictions.maxSize
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function onCancelUpload(e, i) {
|
||||||
|
e.stopPropagation();
|
||||||
|
e.preventDefault();
|
||||||
|
const cancelToken = filesToUpload[i].cancelToken;
|
||||||
|
if (cancelToken && filesToUpload[i].progress < 1) {
|
||||||
|
cancelToken.cancel("Upload cancelled");
|
||||||
|
}
|
||||||
|
|
||||||
|
let files = filesToUpload.slice();
|
||||||
|
files.splice(i, 1);
|
||||||
|
setFilesToUpload(files);
|
||||||
|
}
|
||||||
|
|
||||||
|
let rows = createFileList(files);
|
||||||
|
if (writePermissions) {
|
||||||
|
|
||||||
|
for (let i = 0; i < filesToUpload.length; i++) {
|
||||||
|
const file = filesToUpload[i];
|
||||||
|
const progress = Math.round((file.progress ?? 0) * 100);
|
||||||
|
const done = progress >= 100;
|
||||||
|
uploadedFiles.push(
|
||||||
|
<span className={"uploaded-file"} key={i}>
|
||||||
|
{createFileIcon(file.type, "3x")}
|
||||||
|
<span>{file.name}</span>
|
||||||
|
{!done ?
|
||||||
|
<div className={"progress border border-primary position-relative"}>
|
||||||
|
<div className={"progress-bar progress-bar-striped progress-bar-animated"} role={"progressbar"}
|
||||||
|
aria-valuenow={progress} aria-valuemin={"0"} aria-valuemax={"100"}
|
||||||
|
style={{width: progress + "%"}} />
|
||||||
|
<span className="justify-content-center d-flex position-absolute w-100" style={{top: "7px"}}>
|
||||||
|
{ progress + "%" }
|
||||||
|
</span>
|
||||||
|
</div> : <></>
|
||||||
|
}
|
||||||
|
<Icon icon={done ? (file.success ? "check" : "times") : "spinner"}
|
||||||
|
className={"status-icon " + (done ? (file.success ? "text-success" : "text-danger") : "text-secondary")} />
|
||||||
|
<Icon icon={"times"} className={"text-danger cancel-button fa-2x"}
|
||||||
|
title={"Cancel Upload"} onClick={(e) => onCancelUpload(e, i)}/>
|
||||||
|
</span>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
uploadZone = <>
|
||||||
|
<div className={"p-3"}>
|
||||||
|
<label><b>Upload Directory:</b></label>
|
||||||
|
<select value={popup.directory} className={"form-control"}
|
||||||
|
onChange={(e) => onPopupChange(e, "directory")}>
|
||||||
|
{options}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<Dropzone onDrop={onAddUploadFiles} {...getRestrictions()} >
|
||||||
|
{({getRootProps, getInputProps}) => (
|
||||||
|
<section className={"file-upload-container"}>
|
||||||
|
<div {...getRootProps()}>
|
||||||
|
<input {...getInputProps()} />
|
||||||
|
<p>Drag 'n' drop some files here, or click to select files</p>
|
||||||
|
{uploadedFiles.length === 0 ?
|
||||||
|
<Icon className={"mx-auto fa-3x text-black-50"} icon={"upload"}/> :
|
||||||
|
<div>{uploadedFiles}</div>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
)}
|
||||||
|
</Dropzone>
|
||||||
|
</>;
|
||||||
|
}
|
||||||
|
|
||||||
|
let singleButton = {
|
||||||
|
gridColumnStart: 1,
|
||||||
|
gridColumnEnd: 3,
|
||||||
|
width: "40%",
|
||||||
|
margin: "0 auto"
|
||||||
|
};
|
||||||
|
|
||||||
|
function createPopup() {
|
||||||
|
let title = "";
|
||||||
|
let inputs = [];
|
||||||
|
|
||||||
|
if (popup.type === "createDirectory" || popup.type === "moveFiles") {
|
||||||
|
inputs.push(
|
||||||
|
<div className={"form-group"} key={"select-directory"}>
|
||||||
|
<label>Destination Directory:</label>
|
||||||
|
<select value={popup.directory} className={"form-control"}
|
||||||
|
onChange={(e) => onPopupChange(e, "directory")}>
|
||||||
|
{options}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (popup.type === "createDirectory" || popup.type === "rename") {
|
||||||
|
inputs.push(
|
||||||
|
<div className={"form-group"} key={"input-name"}>
|
||||||
|
<label>{ popup.type === "createDirectory" ? "Create Directory" : "New Name" }</label>
|
||||||
|
<input type={"text"} className={"form-control"} value={popup.name} maxLength={32}
|
||||||
|
placeholder={"Enter name…"}
|
||||||
|
onChange={(e) => onPopupChange(e, "name")}/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (popup.type === "createDirectory") {
|
||||||
|
title = "Create Directory";
|
||||||
|
} else if (popup.type === "moveFiles") {
|
||||||
|
title = "Move Files";
|
||||||
|
} else if (popup.type === "rename") {
|
||||||
|
title = "Rename File or Directory";
|
||||||
|
}
|
||||||
|
|
||||||
|
return <Popup title={title} visible={popup.visible} buttons={["Ok", "Cancel"]} onClose={onPopupClose}
|
||||||
|
onClick={onPopupButton}>
|
||||||
|
{ inputs }
|
||||||
|
</Popup>
|
||||||
|
}
|
||||||
|
|
||||||
|
return <>
|
||||||
|
<h4>
|
||||||
|
<Icon icon={"sync"} className={"mx-3 clickable small"} onClick={fetchFiles}/>
|
||||||
|
File Browser
|
||||||
|
</h4>
|
||||||
|
<table className={"table data-table file-table"}>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th/>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Type</th>
|
||||||
|
<th>Size</th>
|
||||||
|
<th/>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{rows.length > 0 ? rows :
|
||||||
|
<tr>
|
||||||
|
<td colSpan={4} className={"text-center text-black-50"}>
|
||||||
|
No files uploaded yet
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<div className={"file-control-buttons"}>
|
||||||
|
<button type={"button"} className={"btn btn-success"} disabled={selectedCount === 0} style={!writePermissions ? singleButton : {}}
|
||||||
|
onClick={() => onDownload(selectedIds)}>
|
||||||
|
<Icon icon={"download"} className={"mr-1"}/>
|
||||||
|
Download Selected Files ({selectedCount})
|
||||||
|
</button>
|
||||||
|
{
|
||||||
|
writePermissions ?
|
||||||
|
<>
|
||||||
|
<button type={"button"} className={"btn btn-danger"} disabled={selectedCount === 0}
|
||||||
|
onClick={() => deleteFiles(selectedIds)}>
|
||||||
|
<Icon icon={"trash"} className={"mr-1"}/>
|
||||||
|
Delete Selected Files ({selectedCount})
|
||||||
|
</button>
|
||||||
|
{api.loggedIn ?
|
||||||
|
<>
|
||||||
|
<button type={"button"} className={"btn btn-info"}
|
||||||
|
onClick={(e) => onPopupOpen("createDirectory")}>
|
||||||
|
<Icon icon={"plus"} className={"mr-1"}/>
|
||||||
|
Create Directory
|
||||||
|
</button>
|
||||||
|
<button type={"button"} className={"btn btn-primary"} disabled={selectedCount === 0}
|
||||||
|
onClick={(e) => onPopupOpen("moveFiles")}>
|
||||||
|
<Icon icon={"plus"} className={"mr-1"}/>
|
||||||
|
Move Selected Files ({selectedCount})
|
||||||
|
</button>
|
||||||
|
</>:
|
||||||
|
<></>
|
||||||
|
}
|
||||||
|
</>
|
||||||
|
: <></>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
{uploadZone}
|
||||||
|
<div className={"file-browser-restrictions px-4 mb-4"}>
|
||||||
|
<b>Restrictions:</b>
|
||||||
|
<span>Max. Files: {restrictions.maxFiles}</span>
|
||||||
|
<span>Max. Filesize: {formatSize(restrictions.maxSize)}</span>
|
||||||
|
<span>{restrictions.extensions ? "Allowed extensions: " + restrictions.extensions : "All extensions allowed"}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
{alertElements}
|
||||||
|
</div>
|
||||||
|
{ createPopup() }
|
||||||
|
</>;
|
||||||
|
|
||||||
|
function onPopupOpen(type, target = null) {
|
||||||
|
setPopup({...popup, visible: true, type: type, target: target});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onPopupClose() {
|
||||||
|
setPopup({...popup, visible: false});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onPopupChange(e, key) {
|
||||||
|
setPopup({...popup, [key]: e.target.value});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onPopupButton(btn) {
|
||||||
|
|
||||||
|
if (btn === "Ok") {
|
||||||
|
let parentId = popup.directory === 0 ? null : popup.directory;
|
||||||
|
if (popup.type === "createDirectory") {
|
||||||
|
api.createDirectory(popup.name, parentId).then((res) => {
|
||||||
|
if (!res.success) {
|
||||||
|
pushAlert(res, "Error creating directory");
|
||||||
|
} else {
|
||||||
|
fetchFiles();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else if (popup.type === "moveFiles") {
|
||||||
|
api.moveFiles(selectedIds, parentId).then((res) => {
|
||||||
|
if (!res.success) {
|
||||||
|
pushAlert(res, "Error moving files");
|
||||||
|
} else {
|
||||||
|
fetchFiles();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else if (popup.type === "rename") {
|
||||||
|
api.rename(popup.target, popup.name, tokenObj.valid ? tokenObj.value : null).then((res) => {
|
||||||
|
if (!res.success) {
|
||||||
|
pushAlert(res, "Error renaming file or directory");
|
||||||
|
} else {
|
||||||
|
fetchFiles();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onPopupClose();
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeUploadedFiles() {
|
||||||
|
let newFiles = filesToUpload.filter(file => !file.progress || file.progress < 1.0);
|
||||||
|
if (newFiles.length !== filesToUpload.length) {
|
||||||
|
setFilesToUpload(newFiles);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function fetchFiles() {
|
||||||
|
let promise;
|
||||||
|
|
||||||
|
if (tokenObj.valid) {
|
||||||
|
promise = api.validateToken(tokenObj.value);
|
||||||
|
} else if (api.loggedIn) {
|
||||||
|
promise = api.listFiles()
|
||||||
|
} else {
|
||||||
|
return; // should never happen
|
||||||
|
}
|
||||||
|
|
||||||
|
promise.then((res) => {
|
||||||
|
if (res) {
|
||||||
|
onFetchFiles(res.files);
|
||||||
|
removeUploadedFiles();
|
||||||
|
} else {
|
||||||
|
pushAlert(res);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function pushAlert(res, title) {
|
||||||
|
let newAlerts = alerts.slice();
|
||||||
|
newAlerts.push({type: "danger", message: res.msg, title: title});
|
||||||
|
setAlerts(newAlerts);
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeAlert(i) {
|
||||||
|
if (i >= 0 && i < alerts.length) {
|
||||||
|
let newAlerts = alerts.slice();
|
||||||
|
newAlerts.splice(i, 1);
|
||||||
|
setAlerts(newAlerts);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteFiles(selectedIds) {
|
||||||
|
if (selectedIds && selectedIds.length > 0) {
|
||||||
|
let token = (api.loggedIn ? null : tokenObj.value);
|
||||||
|
api.delete(selectedIds, token).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
fetchFiles();
|
||||||
|
} else {
|
||||||
|
pushAlert(res);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function onUploadProgress(event, fileIndex) {
|
||||||
|
if (fileIndex < filesToUpload.length) {
|
||||||
|
let files = filesToUpload.slice();
|
||||||
|
files[fileIndex].progress = event.loaded >= event.total ? 1 : event.loaded / event.total;
|
||||||
|
setFilesToUpload(files);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function onUpload(fileIndex) {
|
||||||
|
let token = (api.loggedIn ? null : tokenObj.value);
|
||||||
|
let parentId = ((!api.loggedIn || popup.directory === 0) ? null : popup.directory);
|
||||||
|
const file = filesToUpload[fileIndex];
|
||||||
|
const cancelToken = axios.CancelToken.source();
|
||||||
|
|
||||||
|
let newFiles = filesToUpload.slice();
|
||||||
|
newFiles[fileIndex].cancelToken = cancelToken;
|
||||||
|
newFiles[fileIndex].progress = 0;
|
||||||
|
setFilesToUpload(newFiles);
|
||||||
|
|
||||||
|
api.upload(file, token, parentId, cancelToken, (e) => onUploadProgress(e, fileIndex)).then((res) => {
|
||||||
|
|
||||||
|
let newFiles = filesToUpload.slice();
|
||||||
|
newFiles[fileIndex].success = res.success;
|
||||||
|
setFilesToUpload(newFiles);
|
||||||
|
|
||||||
|
if (res.success) {
|
||||||
|
fetchFiles();
|
||||||
|
} else {
|
||||||
|
pushAlert(res);
|
||||||
|
}
|
||||||
|
}).catch((reason) => {
|
||||||
|
if (reason && reason.message !== "Upload cancelled") {
|
||||||
|
pushAlert({ msg: reason }, "Error uploading files");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onDownload(selectedIds) {
|
||||||
|
if (selectedIds && selectedIds.length > 0) {
|
||||||
|
let token = (api.loggedIn ? "" : "&token=" + tokenObj.value);
|
||||||
|
let ids = selectedIds.map(id => "id[]=" + id).join("&");
|
||||||
|
let downloadUrl = "/api/file/download?" + ids + token;
|
||||||
|
fetch(downloadUrl)
|
||||||
|
.then(response => {
|
||||||
|
let header = response.headers.get("Content-Disposition") || "";
|
||||||
|
let fileNameFields = header.split(";").filter(c => c.trim().toLowerCase().startsWith("filename="));
|
||||||
|
let fileName = null;
|
||||||
|
if (fileNameFields.length > 0) {
|
||||||
|
fileName = fileNameFields[0].trim().substr("filename=".length);
|
||||||
|
} else {
|
||||||
|
fileName = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
response.blob().then(blob => {
|
||||||
|
let url = window.URL.createObjectURL(blob);
|
||||||
|
let a = document.createElement('a');
|
||||||
|
a.href = url;
|
||||||
|
if (fileName !== null) a.download = fileName;
|
||||||
|
a.click();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
24
fileControlPanel/src/elements/icon.js
Normal file
24
fileControlPanel/src/elements/icon.js
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
import * as React from "react";
|
||||||
|
|
||||||
|
export default function Icon(props) {
|
||||||
|
|
||||||
|
let classes = props.className || [];
|
||||||
|
classes = Array.isArray(classes) ? classes : classes.toString().split(" ");
|
||||||
|
let type = props.type || "fas";
|
||||||
|
let icon = props.icon;
|
||||||
|
|
||||||
|
classes.push(type);
|
||||||
|
classes.push("fa-" + icon);
|
||||||
|
|
||||||
|
if (icon === "spinner" || icon === "circle-notch") {
|
||||||
|
classes.push("fa-spin");
|
||||||
|
}
|
||||||
|
|
||||||
|
let newProps = {...props, className: classes.join(" ") };
|
||||||
|
delete newProps["type"];
|
||||||
|
delete newProps["icon"];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<i {...newProps} />
|
||||||
|
);
|
||||||
|
}
|
||||||
46
fileControlPanel/src/elements/popup.js
Normal file
46
fileControlPanel/src/elements/popup.js
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
export function Popup(props) {
|
||||||
|
|
||||||
|
let buttonNames = props.buttons || ["Ok", "Cancel"];
|
||||||
|
let onClick = props.onClick || function () { };
|
||||||
|
let visible = !!props.visible;
|
||||||
|
let title = props.title || "Popup Title";
|
||||||
|
let onClose = props.onClose || function() { };
|
||||||
|
|
||||||
|
let buttons = [];
|
||||||
|
const colors = ["primary", "secondary", "success", "warning", "danger"];
|
||||||
|
for (let i = 0; i < buttonNames.length; i++) {
|
||||||
|
let name = buttonNames[i];
|
||||||
|
let color = colors[i % colors.length];
|
||||||
|
buttons.push(
|
||||||
|
<button key={"btn-" + i} type={"button"} className={"btn btn-" + color} data-dismiss={"modal"}
|
||||||
|
onClick={() => onClick(name)}>
|
||||||
|
{name}
|
||||||
|
</button>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return <>
|
||||||
|
<div className={"modal fade" + (visible ? " show" : "")} tabIndex="-1" role="dialog" style={{display: (visible) ? "block" : "none"}}>
|
||||||
|
<div className="modal-dialog" role="document">
|
||||||
|
<div className="modal-content">
|
||||||
|
<div className="modal-header">
|
||||||
|
<h5 className="modal-title">{title}</h5>
|
||||||
|
<button type="button" className="close" aria-label="Close" onClick={onClose}>
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div className="modal-body">
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
<div className="modal-footer">
|
||||||
|
{buttons}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{visible ? <div className={"modal-backdrop fade show"}/> : <></>}
|
||||||
|
</>;
|
||||||
|
|
||||||
|
}
|
||||||
284
fileControlPanel/src/elements/token-list.js
Normal file
284
fileControlPanel/src/elements/token-list.js
Normal file
@ -0,0 +1,284 @@
|
|||||||
|
import * as React from "react";
|
||||||
|
import Icon from "./icon";
|
||||||
|
import moment from "moment";
|
||||||
|
import {Popup} from "./popup";
|
||||||
|
import Alert from "./alert";
|
||||||
|
import {useEffect, useState} from "react";
|
||||||
|
import ReactTooltip from 'react-tooltip';
|
||||||
|
|
||||||
|
export function TokenList(props) {
|
||||||
|
|
||||||
|
let api = props.api;
|
||||||
|
let selectedFiles = props.selectedFiles || [];
|
||||||
|
let directories = props.directories || {};
|
||||||
|
|
||||||
|
let [tokens, setTokens] = useState(null);
|
||||||
|
let [alerts, setAlerts] = useState([]);
|
||||||
|
let [hideRevoked, setHideRevoked] = useState(true);
|
||||||
|
let [popup, setPopup] = useState({
|
||||||
|
tokenType: "download",
|
||||||
|
maxFiles: 0,
|
||||||
|
maxSize: 0,
|
||||||
|
extensions: "",
|
||||||
|
durability: 24 * 60 * 2,
|
||||||
|
visible: false,
|
||||||
|
directory: 0
|
||||||
|
});
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (tokens) {
|
||||||
|
let hasChanged = false;
|
||||||
|
let newTokens = tokens.slice();
|
||||||
|
for (let token of newTokens) {
|
||||||
|
if (token.tooltip) hasChanged = true;
|
||||||
|
token.tooltip = false;
|
||||||
|
}
|
||||||
|
if (hasChanged) setTokens(newTokens);
|
||||||
|
}
|
||||||
|
}, 1500);
|
||||||
|
}, [tokens]);
|
||||||
|
|
||||||
|
function fetchTokens() {
|
||||||
|
api.listTokens().then((res) => {
|
||||||
|
if (res) {
|
||||||
|
setTokens(res.tokens);
|
||||||
|
} else {
|
||||||
|
pushAlert(res, "Error fetching tokens");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
let rows = [];
|
||||||
|
if (tokens === null) {
|
||||||
|
fetchTokens();
|
||||||
|
} else {
|
||||||
|
for (let i = 0; i < tokens.length; i++) {
|
||||||
|
const token = tokens[i];
|
||||||
|
const validUntil = token.valid_until;
|
||||||
|
const revoked = validUntil !== null && moment(validUntil).isSameOrBefore(new Date());
|
||||||
|
if (revoked && hideRevoked) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
const timeStr = (validUntil === null ? "Forever" : moment(validUntil).format("Do MMM YYYY, HH:mm"));
|
||||||
|
const tooltipPropsRevoke = (revoked ? {} : {
|
||||||
|
"data-tip": "Revoke", "data-place": "bottom", "data-type": "error",
|
||||||
|
"data-effect": "solid", "data-for": "tooltip-token-" + token.uid,
|
||||||
|
});
|
||||||
|
|
||||||
|
const tooltipPropsCopy = (revoked ? {} : {
|
||||||
|
"data-tip": "", "data-place": "bottom", "data-type": "info",
|
||||||
|
"data-effect": "solid", "data-for": "tooltip-token-" + token.uid,
|
||||||
|
});
|
||||||
|
|
||||||
|
rows.push(
|
||||||
|
<tr key={"token-" + token.uid} className={revoked ? "token-revoked" : ""}>
|
||||||
|
<td>{token.token}</td>
|
||||||
|
<td>{token.type}</td>
|
||||||
|
<td>{timeStr}</td>
|
||||||
|
<td>
|
||||||
|
{ revoked ? <></> : <ReactTooltip id={"tooltip-token-" + token.uid}
|
||||||
|
getContent={(x) => { if (x === "Revoke") return x; return (!!token.tooltip ? "Coped successfully!" : "Copy to Clipboard"); }} /> }
|
||||||
|
<Icon icon={"times"} className={"clickable text-" + (revoked ? "secondary" : "danger")}
|
||||||
|
onClick={() => (revoked ? null : onRevokeToken(token.token))} disabled={revoked}
|
||||||
|
{...tooltipPropsRevoke} />
|
||||||
|
<Icon icon={"save"} className={"clickable text-" + (revoked ? "secondary" : "info")}
|
||||||
|
onClick={() => (revoked ? null : onCopyToken(i))} disabled={revoked}
|
||||||
|
{...tooltipPropsCopy} />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let alertElements = [];
|
||||||
|
for (let i = 0; i < alerts.length; i++) {
|
||||||
|
const alert = alerts[i];
|
||||||
|
alertElements.push(
|
||||||
|
<Alert key={"alert-" + i} {...alert} onClose={() => removeAlert(i)}/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
let options = [];
|
||||||
|
for (const [uid, dir] of Object.entries(directories)) {
|
||||||
|
options.push(
|
||||||
|
<option key={"option-" + dir} value={uid}>{dir}</option>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return <>
|
||||||
|
<h4>
|
||||||
|
<Icon icon={"sync"} className={"mx-3 clickable small"} onClick={fetchTokens}/>
|
||||||
|
Tokens
|
||||||
|
</h4>
|
||||||
|
<div className={"form-check p-3 ml-3"}>
|
||||||
|
<input type={"checkbox"} checked={hideRevoked} name={"hide-revoked"}
|
||||||
|
className={"form-check-input"} style={{marginTop: "0.2rem"}}
|
||||||
|
onChange={(e) => setHideRevoked(e.target.checked)}/>
|
||||||
|
<label htmlFor={"hide-revoked"} className={"form-check-label pl-2"}>Hide revoked</label>
|
||||||
|
</div>
|
||||||
|
<table className={"table token-table"}>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Token</th>
|
||||||
|
<th>Type</th>
|
||||||
|
<th>Valid Until</th>
|
||||||
|
<th/>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{rows.length > 0 ? rows :
|
||||||
|
<tr>
|
||||||
|
<td colSpan={4} className={"text-center text-black-50"}>
|
||||||
|
No active tokens connected with this account
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<div>
|
||||||
|
<button type={"button"} className={"btn btn-success m-2"} onClick={onPopupOpen}>
|
||||||
|
<Icon icon={"plus"} className={"mr-1"}/>
|
||||||
|
Create Token
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
{alertElements}
|
||||||
|
</div>
|
||||||
|
<Popup title={"Create Token"} visible={popup.visible} buttons={["Ok", "Cancel"]}
|
||||||
|
onClose={onPopupClose} onClick={onPopupButton}>
|
||||||
|
<div className={"form-group"}>
|
||||||
|
<label>Token Durability in minutes (0 = forever):</label>
|
||||||
|
<input type={"number"} min={0} className={"form-control"}
|
||||||
|
value={popup.durability} onChange={(e) => onPopupChange(e, "durability")}/>
|
||||||
|
</div>
|
||||||
|
<div className="form-group">
|
||||||
|
<label>Token Type:</label>
|
||||||
|
<select value={popup.tokenType} className={"form-control"}
|
||||||
|
onChange={(e) => onPopupChange(e, "tokenType")}>
|
||||||
|
<option value={"upload"}>Upload</option>
|
||||||
|
<option value={"download"}>Download</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
{popup.tokenType === "upload" ?
|
||||||
|
<>
|
||||||
|
<div className={"form-group"}>
|
||||||
|
<label>Destination Directory:</label>
|
||||||
|
<select value={popup.directory} className={"form-control"}
|
||||||
|
onChange={(e) => onPopupChange(e, "directory")}>
|
||||||
|
{ options }
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<b>Upload Restrictions:</b>
|
||||||
|
<div className={"form-group"}>
|
||||||
|
<label>Max. Files (0 = unlimited):</label>
|
||||||
|
<input type={"number"} min={0} max={25} className={"form-control"}
|
||||||
|
value={popup.maxFiles}
|
||||||
|
onChange={(e) => onPopupChange(e, "maxFiles")}/>
|
||||||
|
</div>
|
||||||
|
<div className={"form-group"}>
|
||||||
|
<label>Max. Size per file in MB (0 = unlimited):</label>
|
||||||
|
<input type={"number"} min={0} max={10} className={"form-control"}
|
||||||
|
value={popup.maxSize} onChange={(e) => onPopupChange(e, "maxSize")}/>
|
||||||
|
</div>
|
||||||
|
<div className={"form-group"}>
|
||||||
|
<label>Allowed Extensions:</label>
|
||||||
|
<input type={"text"} placeholder={"(no restrictions)"} maxLength={256}
|
||||||
|
className={"form-control"}
|
||||||
|
value={popup.extensions}
|
||||||
|
onChange={(e) => onPopupChange(e, "extensions")}/>
|
||||||
|
</div>
|
||||||
|
</> :
|
||||||
|
<></>
|
||||||
|
}
|
||||||
|
</Popup>
|
||||||
|
</>;
|
||||||
|
|
||||||
|
function pushAlert(res, title) {
|
||||||
|
let newAlerts = alerts.slice();
|
||||||
|
newAlerts.push({type: "danger", message: res.msg, title: title});
|
||||||
|
setAlerts(newAlerts);
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeAlert(i) {
|
||||||
|
if (i >= 0 && i < alerts.length) {
|
||||||
|
let newAlerts = alerts.slice();
|
||||||
|
newAlerts.splice(i, 1);
|
||||||
|
setAlerts(newAlerts);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function onRevokeToken(token) {
|
||||||
|
api.revokeToken(token).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
let newTokens = tokens.slice();
|
||||||
|
for (const tokenObj of newTokens) {
|
||||||
|
if (tokenObj.token === token) {
|
||||||
|
tokenObj.valid_until = moment();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
setTokens(newTokens);
|
||||||
|
} else {
|
||||||
|
pushAlert(res, "Error revoking token");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onPopupOpen() {
|
||||||
|
setPopup({...popup, visible: true});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onPopupClose() {
|
||||||
|
setPopup({...popup, visible: false});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onPopupChange(e, key) {
|
||||||
|
setPopup({...popup, [key]: e.target.value});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onPopupButton(btn) {
|
||||||
|
|
||||||
|
if (btn === "Ok") {
|
||||||
|
let durability = popup.durability;
|
||||||
|
let validUntil = (durability === 0 ? null : moment().add(durability, "hours").format("YYYY-MM-DD HH:mm:ss"));
|
||||||
|
if (popup.tokenType === "download") {
|
||||||
|
api.createDownloadToken(durability, selectedFiles).then((res) => {
|
||||||
|
if (!res.success) {
|
||||||
|
pushAlert(res, "Error creating token");
|
||||||
|
} else {
|
||||||
|
let newTokens = tokens.slice();
|
||||||
|
newTokens.push({token: res.token, valid_until: validUntil, type: "download"});
|
||||||
|
setTokens(newTokens);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else if (popup.tokenType === "upload") {
|
||||||
|
let parentId = popup.directory === 0 ? null : popup.directory;
|
||||||
|
api.createUploadToken(durability, parentId, popup.maxFiles, popup.maxSize, popup.extensions).then((res) => {
|
||||||
|
if (!res.success) {
|
||||||
|
pushAlert(res, "Error creating token");
|
||||||
|
} else {
|
||||||
|
let newTokens = tokens.slice();
|
||||||
|
newTokens.push({uid: res.tokenId, token: res.token, valid_until: validUntil, type: "upload"});
|
||||||
|
setTokens(newTokens);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onPopupClose();
|
||||||
|
}
|
||||||
|
|
||||||
|
function onCopyToken(index) {
|
||||||
|
let newTokens = tokens.slice();
|
||||||
|
let token = newTokens[index].token;
|
||||||
|
let url = window.location.href;
|
||||||
|
if (!url.endsWith("/")) url += "/";
|
||||||
|
url += token;
|
||||||
|
navigator.clipboard.writeText(url);
|
||||||
|
newTokens[index].tooltip = true;
|
||||||
|
setTokens(newTokens);
|
||||||
|
}
|
||||||
|
}
|
||||||
230
fileControlPanel/src/index.js
Normal file
230
fileControlPanel/src/index.js
Normal file
@ -0,0 +1,230 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import ReactDOM from 'react-dom';
|
||||||
|
import API from "./api";
|
||||||
|
import Icon from "./elements/icon";
|
||||||
|
import {FileBrowser} from "./elements/file-browser";
|
||||||
|
import {TokenList} from "./elements/token-list";
|
||||||
|
|
||||||
|
class FileControlPanel extends React.Component {
|
||||||
|
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.api = new API();
|
||||||
|
this.state = {
|
||||||
|
loaded: false,
|
||||||
|
validatingToken: false,
|
||||||
|
errorMessage: "",
|
||||||
|
user: { },
|
||||||
|
token: { valid: false, value: "", validUntil: null, type: null },
|
||||||
|
files: {},
|
||||||
|
restrictions: { maxFiles: 0, maxSize: 0, extensions: "" }
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
onFetchFiles(files) {
|
||||||
|
this.setState({ ...this.state, files: files });
|
||||||
|
}
|
||||||
|
|
||||||
|
getDirectories(prefix = "/", items = null) {
|
||||||
|
let directories = { }
|
||||||
|
items = items || this.state.files;
|
||||||
|
|
||||||
|
if (prefix === "/") {
|
||||||
|
directories[0] = "/";
|
||||||
|
}
|
||||||
|
|
||||||
|
for(const fileItem of Object.values(items)) {
|
||||||
|
if (fileItem.isDirectory) {
|
||||||
|
let path = prefix + (prefix.length > 1 ? "/" : "") + fileItem.name;
|
||||||
|
directories[fileItem.uid] = path;
|
||||||
|
directories = Object.assign(directories, {...this.getDirectories(path, fileItem.items)});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return directories;
|
||||||
|
}
|
||||||
|
|
||||||
|
getSelectedIds(items = null, recursive = true) {
|
||||||
|
let ids = [];
|
||||||
|
items = items || this.state.files;
|
||||||
|
for (const fileItem of Object.values(items)) {
|
||||||
|
if (fileItem.selected) {
|
||||||
|
ids.push(fileItem.uid);
|
||||||
|
}
|
||||||
|
if (recursive && fileItem.isDirectory) {
|
||||||
|
ids.push(...this.getSelectedIds(fileItem.items));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return ids;
|
||||||
|
}
|
||||||
|
|
||||||
|
onSelectAll(selected, items) {
|
||||||
|
for (const fileElement of Object.values(items)) {
|
||||||
|
fileElement.selected = selected;
|
||||||
|
if (fileElement.isDirectory) {
|
||||||
|
this.onSelectAll(selected, fileElement.items);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onSelectFile(e, uid, items=null) {
|
||||||
|
|
||||||
|
let found = false;
|
||||||
|
let updatedFiles = (items === null) ? {...this.state.files} : items;
|
||||||
|
if (updatedFiles.hasOwnProperty(uid)) {
|
||||||
|
let fileElement = updatedFiles[uid];
|
||||||
|
found = true;
|
||||||
|
fileElement.selected = e.target.checked;
|
||||||
|
if (fileElement.isDirectory) {
|
||||||
|
this.onSelectAll(fileElement.selected, fileElement.items);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
for (const fileElement of Object.values(updatedFiles)) {
|
||||||
|
if (fileElement.isDirectory) {
|
||||||
|
if (this.onSelectFile(e, uid, fileElement.items)) {
|
||||||
|
if (!e.target.checked) {
|
||||||
|
fileElement.selected = false;
|
||||||
|
}/* else if (this.getSelectedIds(fileElement.items, false).length === Object.values(fileElement.items).length) {
|
||||||
|
fileElement.selected = true;
|
||||||
|
}*/
|
||||||
|
found = true;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (items === null) {
|
||||||
|
this.setState({
|
||||||
|
...this.state,
|
||||||
|
files: updatedFiles
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return found;
|
||||||
|
}
|
||||||
|
|
||||||
|
onValidateToken(token = null) {
|
||||||
|
if (token === null) {
|
||||||
|
this.setState({ ...this.state, validatingToken: true, errorMessage: "" });
|
||||||
|
token = this.state.token.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.api.validateToken(token).then((res) => {
|
||||||
|
let newState = { ...this.state, loaded: true, validatingToken: false };
|
||||||
|
if (res.success) {
|
||||||
|
newState.token = { ...this.state.token, valid: true, validUntil: res.token.valid_until, type: res.token.type };
|
||||||
|
if (!newState.token.value) {
|
||||||
|
newState.token.value = token;
|
||||||
|
}
|
||||||
|
newState.files = res.files;
|
||||||
|
newState.restrictions = res.restrictions;
|
||||||
|
} else {
|
||||||
|
newState.token.value = (newState.token.value ? "" : token);
|
||||||
|
newState.errorMessage = res.msg;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.setState(newState);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
onUpdateToken(e) {
|
||||||
|
this.setState({ ...this.state, token: { ...this.state.token, value: e.target.value } });
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const self = this;
|
||||||
|
const errorMessageShown = !!this.state.errorMessage;
|
||||||
|
|
||||||
|
// still loading
|
||||||
|
if (!this.state.loaded) {
|
||||||
|
|
||||||
|
let checkUser = true;
|
||||||
|
let pathName = window.location.pathname;
|
||||||
|
if (pathName.startsWith("/files")) {
|
||||||
|
pathName = pathName.substr("/files".length);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (pathName.length > 1) {
|
||||||
|
let end = (pathName.endsWith("/") ? pathName.length - 2 : pathName.length - 1);
|
||||||
|
let start = (pathName.startsWith("/files/") ? ("/files/").length : 1);
|
||||||
|
let token = pathName.substr(start, end);
|
||||||
|
if (token) {
|
||||||
|
this.onValidateToken(token);
|
||||||
|
checkUser = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (checkUser) {
|
||||||
|
this.api.fetchUser().then((isLoggedIn) => {
|
||||||
|
if (isLoggedIn) {
|
||||||
|
this.api.listFiles().then((res) => {
|
||||||
|
this.setState({ ...this.state, loaded: true, user: this.api.user, files: res.files });
|
||||||
|
this.api.getRestrictions().then((res) => {
|
||||||
|
this.setState({ ...this.state, restrictions: res.restrictions });
|
||||||
|
})
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.setState({ ...this.state, loaded: true, user: this.api.user });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return <>Loading… <Icon icon={"spinner"} /></>;
|
||||||
|
}
|
||||||
|
// access granted
|
||||||
|
else if (this.api.loggedIn || this.state.token.valid) {
|
||||||
|
let selectedIds = this.getSelectedIds();
|
||||||
|
let directories = this.getDirectories();
|
||||||
|
let tokenList = (this.api.loggedIn ?
|
||||||
|
<div className={"row"}>
|
||||||
|
<div className={"col-lg-8 col-md-10 col-sm-12 mx-auto"}>
|
||||||
|
<TokenList api={this.api} selectedFiles={selectedIds} directories={directories} />
|
||||||
|
</div>
|
||||||
|
</div> : <></>
|
||||||
|
);
|
||||||
|
|
||||||
|
return <>
|
||||||
|
<div className={"container mt-4"}>
|
||||||
|
<div className={"row"}>
|
||||||
|
<div className={"col-lg-8 col-md-10 col-sm-12 mx-auto"}>
|
||||||
|
<h2>File Control Panel</h2>
|
||||||
|
<FileBrowser files={this.state.files} token={this.state.token} api={this.api}
|
||||||
|
restrictions={this.state.restrictions} directories={directories}
|
||||||
|
onSelectFile={this.onSelectFile.bind(this)}
|
||||||
|
onFetchFiles={this.onFetchFiles.bind(this)}/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{ tokenList }
|
||||||
|
</div>
|
||||||
|
</>;
|
||||||
|
} else {
|
||||||
|
return <div className={"container mt-4"}>
|
||||||
|
<div className={"row"}>
|
||||||
|
<div className={"col-lg-8 col-md-10 col-sm-12 mx-auto"}>
|
||||||
|
<h2>File Control Panel</h2>
|
||||||
|
<form onSubmit={(e) => e.preventDefault()}>
|
||||||
|
<label htmlFor={"token"}>Enter a file token to download or upload files</label>
|
||||||
|
<input type={"text"} className={"form-control"} name={"token"} placeholder={"Enter token…"} maxLength={36}
|
||||||
|
value={this.state.token.value} onChange={(e) => self.onUpdateToken(e)}/>
|
||||||
|
<button className={"btn btn-success mt-2"} onClick={() => this.onValidateToken()} disabled={this.state.validatingToken}>
|
||||||
|
{ this.state.validatingToken ? <>Validating… <Icon icon={"spinner"}/></> : "Submit" }
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
<div className={"alert alert-danger mt-2"} hidden={!errorMessageShown}>
|
||||||
|
{ this.state.errorMessage }
|
||||||
|
</div>
|
||||||
|
<div className={"mt-3"}>
|
||||||
|
Or either <a href={"/admin"}>login</a> to access the file control panel.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ReactDOM.render(
|
||||||
|
<FileControlPanel />,
|
||||||
|
document.getElementById('root')
|
||||||
|
);
|
||||||
17
fileControlPanel/webpack.config.js
Normal file
17
fileControlPanel/webpack.config.js
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
module.exports = {
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.(js|jsx)$/,
|
||||||
|
exclude: /node_modules/,
|
||||||
|
use: {
|
||||||
|
loader: "babel-loader"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.css$/,
|
||||||
|
use: ['style-loader', 'css-loader']
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
2
files/uploaded/.gitignore
vendored
Normal file
2
files/uploaded/.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
*
|
||||||
|
!.htaccess
|
||||||
1
files/uploaded/.htaccess
Normal file
1
files/uploaded/.htaccess
Normal file
@ -0,0 +1 @@
|
|||||||
|
DENY FROM ALL
|
||||||
@ -1,5 +1,9 @@
|
|||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
function isRecaptchaEnabled() {
|
||||||
|
return (typeof grecaptcha !== 'undefined');
|
||||||
|
}
|
||||||
|
|
||||||
function showAlert(type, msg) {
|
function showAlert(type, msg) {
|
||||||
let alert = $("#alertMessage");
|
let alert = $("#alertMessage");
|
||||||
alert.text(msg);
|
alert.text(msg);
|
||||||
@ -27,6 +31,8 @@ $(document).ready(function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Login
|
// Login
|
||||||
|
$("#username").keypress(function (e) { if(e.which === 13) $("#password").focus(); });
|
||||||
|
$("#password").keypress(function (e) { if(e.which === 13) $("#btnLogin").click(); });
|
||||||
$("#btnLogin").click(function() {
|
$("#btnLogin").click(function() {
|
||||||
const username = $("#username").val();
|
const username = $("#username").val();
|
||||||
const password = $("#password").val();
|
const password = $("#password").val();
|
||||||
@ -45,7 +51,7 @@ $(document).ready(function () {
|
|||||||
btn.prop("disabled", false);
|
btn.prop("disabled", false);
|
||||||
$("#password").val("");
|
$("#password").val("");
|
||||||
createdDiv.hide();
|
createdDiv.hide();
|
||||||
showAlert(res.msg);
|
showAlert("danger", res.msg);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@ -59,7 +65,6 @@ $(document).ready(function () {
|
|||||||
let email = $("#email").val().trim();
|
let email = $("#email").val().trim();
|
||||||
let password = $("#password").val();
|
let password = $("#password").val();
|
||||||
let confirmPassword = $("#confirmPassword").val();
|
let confirmPassword = $("#confirmPassword").val();
|
||||||
let siteKey = $("#siteKey").val().trim();
|
|
||||||
|
|
||||||
if (username === '' || email === '' || password === '' || confirmPassword === '') {
|
if (username === '' || email === '' || password === '' || confirmPassword === '') {
|
||||||
showAlert("danger", "Please fill out every field.");
|
showAlert("danger", "Please fill out every field.");
|
||||||
@ -67,7 +72,8 @@ $(document).ready(function () {
|
|||||||
showAlert("danger", "Your passwords did not match.");
|
showAlert("danger", "Your passwords did not match.");
|
||||||
} else {
|
} else {
|
||||||
let params = { username: username, email: email, password: password, confirmPassword: confirmPassword };
|
let params = { username: username, email: email, password: password, confirmPassword: confirmPassword };
|
||||||
if (typeof grecaptcha !== 'undefined') {
|
if (isRecaptchaEnabled()) {
|
||||||
|
let siteKey = $("#siteKey").val().trim();
|
||||||
grecaptcha.ready(function() {
|
grecaptcha.ready(function() {
|
||||||
grecaptcha.execute(siteKey, {action: 'register'}).then(function(captcha) {
|
grecaptcha.execute(siteKey, {action: 'register'}).then(function(captcha) {
|
||||||
params["captcha"] = captcha;
|
params["captcha"] = captcha;
|
||||||
@ -122,10 +128,10 @@ $(document).ready(function () {
|
|||||||
|
|
||||||
let btn = $(this);
|
let btn = $(this);
|
||||||
let email = $("#email").val();
|
let email = $("#email").val();
|
||||||
let siteKey = $("#siteKey").val().trim();
|
|
||||||
|
|
||||||
let params = { email: email };
|
let params = { email: email };
|
||||||
if (typeof grecaptcha !== 'undefined') {
|
if (isRecaptchaEnabled()) {
|
||||||
|
let siteKey = $("#siteKey").val().trim();
|
||||||
grecaptcha.ready(function() {
|
grecaptcha.ready(function() {
|
||||||
grecaptcha.execute(siteKey, {action: 'resetPassword'}).then(function(captcha) {
|
grecaptcha.execute(siteKey, {action: 'resetPassword'}).then(function(captcha) {
|
||||||
params["captcha"] = captcha;
|
params["captcha"] = captcha;
|
||||||
@ -172,4 +178,4 @@ $(document).ready(function () {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
26
js/admin.min.js
vendored
26
js/admin.min.js
vendored
File diff suppressed because one or more lines are too long
302
js/files.min.js
vendored
Normal file
302
js/files.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -4,8 +4,8 @@ const SUCCESFULL = 2;
|
|||||||
const ERROR = 3;
|
const ERROR = 3;
|
||||||
|
|
||||||
function setState(state) {
|
function setState(state) {
|
||||||
var li = $("#currentStep");
|
let li = $("#currentStep");
|
||||||
var icon, color, text;
|
let icon, color, text;
|
||||||
|
|
||||||
switch (state) {
|
switch (state) {
|
||||||
case PENDING:
|
case PENDING:
|
||||||
@ -44,23 +44,25 @@ function getCurrentStep() {
|
|||||||
|
|
||||||
function sendRequest(params, done) {
|
function sendRequest(params, done) {
|
||||||
setState(PENDING);
|
setState(PENDING);
|
||||||
var success = false;
|
let success = false;
|
||||||
$("#status").hide();
|
let statusBox = $("#status");
|
||||||
|
|
||||||
|
statusBox.hide();
|
||||||
$.post("/index.php", params, function(data) {
|
$.post("/index.php", params, function(data) {
|
||||||
if(data.success || data.step != getCurrentStep()) {
|
if(data.success || data.step !== getCurrentStep()) {
|
||||||
success = true;
|
success = true;
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
} else {
|
} else {
|
||||||
setState(ERROR);
|
setState(ERROR);
|
||||||
$("#status").addClass("alert-danger");
|
statusBox.addClass("alert-danger");
|
||||||
$("#status").html("An error occurred during intallation: " + data.msg);
|
statusBox.html("An error occurred during intallation: " + data.msg);
|
||||||
$("#status").show();
|
statusBox.show();
|
||||||
}
|
}
|
||||||
}, "json").fail(function() {
|
}, "json").fail(function() {
|
||||||
setState(ERROR);
|
setState(ERROR);
|
||||||
$("#status").addClass("alert-danger");
|
statusBox.addClass("alert-danger");
|
||||||
$("#status").html("An error occurred during intallation. Try <a href=\"/index.php\">restarting the process</a>.");
|
statusBox.html("An error occurred during intallation. Try <a href=\"/index.php\">restarting the process</a>.");
|
||||||
$("#status").show();
|
statusBox.show();
|
||||||
}).always(function() {
|
}).always(function() {
|
||||||
if(done) done(success);
|
if(done) done(success);
|
||||||
});
|
});
|
||||||
@ -79,12 +81,13 @@ $(document).ready(function() {
|
|||||||
|
|
||||||
$("#btnSubmit").click(function() {
|
$("#btnSubmit").click(function() {
|
||||||
params = { };
|
params = { };
|
||||||
var textBefore = $("#btnSubmit").text();
|
let submitButton = $("#btnSubmit");
|
||||||
$("#btnSubmit").prop("disabled", true);
|
let textBefore = submitButton.text();
|
||||||
$("#btnSubmit").html("Submitting… <i class=\"fas fa-spinner fa-spin\">");
|
submitButton.prop("disabled", true);
|
||||||
|
submitButton.html("Submitting… <i class=\"fas fa-spinner fa-spin\">");
|
||||||
$("#installForm .form-control").each(function() {
|
$("#installForm .form-control").each(function() {
|
||||||
var type = $(this).attr("type") ?? $(this).prop("tagName").toLowerCase();
|
let type = $(this).attr("type") ?? $(this).prop("tagName").toLowerCase();
|
||||||
var name = $(this).attr("name");
|
let name = $(this).attr("name");
|
||||||
if(type === "text") {
|
if(type === "text") {
|
||||||
params[name] = $(this).val().trim();
|
params[name] = $(this).val().trim();
|
||||||
} else if(type === "password" || type === "number") {
|
} else if(type === "password" || type === "number") {
|
||||||
@ -95,8 +98,8 @@ $(document).ready(function() {
|
|||||||
}).promise().done(function() {
|
}).promise().done(function() {
|
||||||
sendRequest(params, function(success) {
|
sendRequest(params, function(success) {
|
||||||
if(!success) {
|
if(!success) {
|
||||||
$("#btnSubmit").prop("disabled",false);
|
submitButton.prop("disabled",false);
|
||||||
$("#btnSubmit").text(textBefore);
|
submitButton.text(textBefore);
|
||||||
} else {
|
} else {
|
||||||
setState(SUCCESFULL);
|
setState(SUCCESFULL);
|
||||||
}
|
}
|
||||||
@ -135,17 +138,16 @@ $(document).ready(function() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// DATABASE PORT
|
// DATABASE PORT
|
||||||
var prevPort = $("#port").val();
|
let prevPort = $("#port").val();
|
||||||
var prevDbms = $("#type option:selected").val();
|
let prevDbms = $("#type option:selected").val();
|
||||||
function updateDefaultPort() {
|
function updateDefaultPort() {
|
||||||
var defaultPorts = {
|
let defaultPorts = {
|
||||||
"mysql": 3306,
|
"mysql": 3306,
|
||||||
"postgres": 5432,
|
"postgres": 5432
|
||||||
"oracle": 1521
|
|
||||||
};
|
};
|
||||||
|
|
||||||
var curDbms = $("#type option:selected").val();
|
let curDbms = $("#type option:selected").val();
|
||||||
if(defaultPorts[prevDbms] == prevPort) {
|
if(defaultPorts[prevDbms] === prevPort) {
|
||||||
$("#port").val(defaultPorts[curDbms]);
|
$("#port").val(defaultPorts[curDbms]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
15045
src/package-lock.json
generated
15045
src/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user