SH/PHP_SMART_HOME_V3
SH/PHP_SMART_HOME_V3
6
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

View class, refactoring

Browse Source
This commit is contained in:
xinatorus 2020-05-04 21:19:14 +02:00
parent 8d2af9181a
commit 63e7c95415
8 changed files with 104 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/controllers/ExampleController.php
View File

@ -3,12 +3,8 @@
class ExampleController extends Controller{ class ExampleController extends Controller{
public function index(){ public function index(){
echo 'example'; $this->view->title = 'Example title';
$this->view->render('example.phtml');
// TODO:
// - set view
// - process POST variables
// ...
} }
public function subpage(){ public function subpage(){

20
app/views/layouts/default.phtml Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $this->title ?></title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
{HEADER}
</header>
<?php echo $this->content(); ?>
<footer>
{FOOTER}
</footer>
</body>
</html>

1
app/views/templates/example.phtml Normal file
View File

@ -0,0 +1 @@
Example template

20
app/views/templates/loading.css
View File

@ -1,20 +0,0 @@
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

5
library/ApiController.php
View File

@ -1,12 +1,11 @@
<?php <?php
class ApiController { class ApiController {
protected $input; protected $input;
protected $authenticated; protected $authenticated = false;
function __construct() { function __construct() {
$this->authenticated = false;
$input = file_get_contents('php://input'); $input = file_get_contents('php://input');
if(empty($input)){ if(empty($input)){
$this->input = NULL; $this->input = NULL;
}else{ }else{

4
library/Controller.php
View File

@ -1,5 +1,9 @@
<?php <?php
class Controller{ class Controller{
public $view = null;
public function __construct(){
$this->view = new View();
}
} }

63
library/View.php Normal file
View File

@ -0,0 +1,63 @@
<?php
class View{
protected $_content = "";
protected $_layout = 'default';
protected $_viewEnabled = true;
protected $_layoutEnabled = true;
protected $_data = array();
public function disableLayout(){
$this->_layoutEnabled = false;
}
public function enableLayout(){
$this->_layoutEnabled = false;
}
public function setLayout($layout){
$this->_layout = $layout;
}
public function disableView(){
$this->_viewEnabled = false;
}
public function __set($key, $value){
$this->_data[$key] = $value;
}
public function __get($key){
if(array_key_exists($key, $this->_data)){
return $this->_data[$key];
}
return null;
}
public function content(){
return $this->_content;
}
public function render($template){
if($template && $this->_viewEnabled){
$this->_fetchContent($template);
}
if($this->_layoutEnabled){
include('../app/views/layouts/' . $this->_layout . '.phtml');
} else {
echo $this->_content;
}
}
protected function _fetchContent($template){
ob_start();
include('../app/views/templates/' . $template);
$this->_content = ob_get_clean();
}
}

23
public/css/loading.css
View File

@ -1,19 +1,20 @@
.loader { .loader {
border: 16px solid #f3f3f3; border: 16px solid #f3f3f3;
border-radius: 50%; border-radius: 50%;
border-top: 16px solid rgb(101, 30, 122);; border-top: 16px solid #3498db;
width: 100%; width: 120px;
height: 100%; height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */ -webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite; animation: spin 2s linear infinite;
} }
/* Safari */
@-webkit-keyframes spin { @-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); } 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); }
} }
@keyframes spin { @keyframes spin {
0% { transform: rotate(0deg); } 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
} }