VENOM-10: added files x.tpl, x.php Modules

This commit is contained in:
engineerTrooper 2020-12-03 17:58:36 +01:00
commit f9dd03193e
33 changed files with 975 additions and 35 deletions

View file

@ -1,13 +1,13 @@
<main>
<nav class="menu">
<h1 class="logo">Venom</h1>
<div data-link="">Meta Data</div>
<div data-link="" class="active">Overview</div>
<div data-link="">Pages</div>
<div data-link="/metaData">Meta Data</div>
<div data-link="/overview" class="active">Overview</div>
<div data-link="/pages">Pages</div>
<div data-link="/roles">Roles</div>
<div data-link="">SEO-URL</div>
<div data-link="">Users</div>
<div data-link="">Venom-Status</div>
<div data-link="/seoUrl">SEO-URL</div>
<div data-link="/users">Users</div>
<div data-link="/venomStatus">Venom-Status</div>
<div data-link="/admin/api/login/logout">Ausloggen</div>
</nav>
<div class="content-area">

View file

@ -1,6 +1,7 @@
<?php
use Venom\Views\Asset;
use Venom\Core\Config;
?>
<!doctype html>
@ -14,7 +15,7 @@ use Venom\Views\Asset;
<?php Asset::get()->renderCSS(); ?>
<!--link rel="stylesheet" href="/theme/admin/css/admin-panel.css"-->
</head>
<body>
<body <?=Config::getInstance()->isDevMode() ? 'debug' : ''?>>
<?php
if (!$this->getVar('isLoggedIn')) {
$this->renderTemplate('login');

View file

@ -1,3 +1,3 @@
<svg role="img" class="icon">
<use href="/theme/admin/icon-sprite.svg#${icon}"></use>
<svg role="img" class="icon ${class}">
<use href="/theme/admin/icon-sprite.svg#${icon}" xlink:href="/theme/admin/icon-sprite.svg#${icon}"></use>
</svg>

Before

Width:  |  Height:  |  Size: 96 B

After

Width:  |  Height:  |  Size: 155 B

Before After
Before After

View file

@ -0,0 +1,5 @@
<v-switch data-id="${id}">
<input type="checkbox" required name="${name}">
<label></label>
<span>${desc}</span>
</v-switch>

View file

@ -0,0 +1,5 @@
<div class="meta-data">
<header>
<h2>Meta Data</h2>
</header>
</div>

View file

@ -0,0 +1,5 @@
<div class="overview">
<header>
<h2>Overview</h2>
</header>
</div>

View file

@ -0,0 +1,67 @@
<div class="page-edit">
<header>
<h2>Page Edit</h2>
</header>
<div>
<span data-link="/pages" class="icon-text">
{include(includes/svg;class=back-arrow;icon=vt-arrow-back)}
</span>
</div>
<h3>Page Information</h3>
<div>
<v-input
class="input-group"
data-label="New Page Name"
required
name="newPageName"
data-error="New Page Name is required">
</v-input>
</div>
<div>
<v-select required name="pageVisibility">
<v-label empty="Current Author"></v-label>
<v-options>
<v-option value="engineertrooper">engineertrooper (Dominic Seela)</v-option>
<v-option value="versustunez">versustunez (Maurice Grönwoldt)</v-option>
</v-options>
</v-select>
</div>
<div>
<v-select required name="pageVisibility">
<v-label empty="Page Visibility"></v-label>
<v-options>
<v-option value="visible">Visible</v-option>
<v-option value="privat">Privat</v-option>
</v-options>
</v-select>
</div>
<div>
<v-editor name="pageTextArea" rows="25">!</v-editor>
</div>
<div
<div class="btn-line">
<div>
<button class="btn btn--valid">
<span class="btn-ripple"></span>
<span class="btn__content">Save</span>
</button>
</div>
</div>
<div class="btn-line">
<div>
<button class="btn btn--valid">
<span class="btn-ripple"></span>
<span class="btn__content">Save</span>
</button>
<button class="btn btn--primary">
<span class="btn-ripple"></span>
<span class="btn__content">Reset</span>
</button>
<button class="btn btn--warn">
<span class="btn-ripple"></span>
<span class="btn__content">Delete Page</span>
</button>
</div>
</div>
</div>

View file

@ -0,0 +1,22 @@
<div class="pages-list">
<header>
<h2>Pages</h2>
</header>
<div>
<h3>Add new Page</h3>
{include(includes/input;label=New Page Name;name=newPageName;error=New Page Name is required;type=text)}
{include(includes/btn;type=primary;content=Add)}
</div>
<div>
<h3>All Pages</h3>
{foreach(pages as page,key)}
<div data-link="/pages" data-id="${page.id}">
<span class="icon-text">
{include(includes/svg;icon=$page.icon)}
</span>
<span>${page.name}</span>
</div>
{/for}
</div>
</div>

View file

@ -0,0 +1,62 @@
<div class="role-edit">
<header>
<h2>Role: ${roles.name}</h2>
</header>
<div>
<span data-link="/roles" class="icon-text">
{include(includes/svg;class=back-arrow;icon=vt-arrow-back)}
</span>
</div>
<div class="block">
<h3>Role Status</h3>
{include(includes/switch;id=${switch.id};name=permissionEditMetaData;desc=If enabled role is active.)}
</div>
<div class="block">
<h3>Role Name</h3>
<v-input
class="input-group"
data-label="Change Name"
required
name="roleName"
data-error="Role Name is required"></v-input>
</div>
<v-table>
<h3>Privileges</h3>
<v-table-row class="role-switches">
<div class="modules">
<h4>Module</h4>
<div>Meta-Data</div>
<div>Pages</div>
<div>Roles</div>
<div>SEO-URL</div>
<div>Users</div>
<div>VENOM-Status</div>
</div>
<div>
<h4>Edit</h4>
{include(includes/switch;id=${switch.id};name=permissionEditMetaData)}
{include(includes/switch;id=${switch.id};name=permissionEditPages)}
{include(includes/switch;id=${switch.id};name=permissionEditRoles)}
{include(includes/switch;id=${switch.id};name=permissionEditSeoUrl)}
{include(includes/switch;id=${switch.id};name=permissionEditUsers)}
{include(includes/switch;id=${switch.id};name=permissionEditVenomStatus)}
</div>
<div>
<h4>View</h4>
{include(includes/switch;id=${switch.id};name=permissionViewMetaData)}
{include(includes/switch;id=${switch.id};name=permissionViewPages)}
{include(includes/switch;id=${switch.id};name=permissionViewRoles)}
{include(includes/switch;id=${switch.id};name=permissionViewSeoUrl)}
{include(includes/switch;id=${switch.id};name=permissionViewUsers)}
{include(includes/switch;id=${switch.id};name=permissionViewVenomStatus)}
</div>
</v-table-row>
</v-table>
<div class="btn-line">
<div>
{include(includes/btn;type=valid;content=Save)}
{include(includes/btn;type=primary;content=Reset)}
{include(includes/btn;type=warn;content=Delete Role)}
</div>
</div>
</div>

View file

@ -1,23 +1,23 @@
<v-table>
<v-table-header>
<div class="roles-list">
<header>
<h2>Roles</h2>
</v-table-header>
<v-table-row>
</header>
<div class="flexbox">
<div>
<h3>Overview</h3>
{foreach(roles as role,key)}
<div data-link="/roles" data-id="${role.id}">
<div data-link="/roles" data-id="${role.id}">
<span class="icon-text">
{include(includes/svg;icon=$role.icon)}
</span>
<span>${role.name}</span>
</div>
<span>${role.name}</span>
</div>
{/for}
</div>
<div>
<h3>Add new Role</h3>
{include(includes/input;label=New Role Name;name=newRoleame;error=New Role Name is required;type=text)}
{include(includes/input;label=New Role Name;name=newRoleName;error=New Role Name is required;type=text)}
{include(includes/btn;type=primary;content=Add)}
</div>
</v-table-row>
</v-table>
</div>
</div>

View file

@ -0,0 +1,10 @@
<div class="seo-url-list">
<header>
<h2>SEO Urls Edit</h2>
</header>
<div>
<span data-link="/seoUrl" class="icon-text">
{include(includes/svg;class=back-arrow;icon=vt-arrow-back)}
</span>
</div>
</div>

View file

@ -0,0 +1,5 @@
<div class="seo-url-list">
<header>
<h2>SEO Urls</h2>
</header>
</div>

View file

@ -0,0 +1,96 @@
<div class="users-edit">
<header>
<h2>User: engineertrooper</h2>
</header>
<div>
<span data-link="/users" class="icon-text">
{include(includes/svg;class=back-arrow;icon=vt-arrow-back)}
</span>
</div>
<div>
<v-input
class="input-group"
data-label="Username"
required
name="newUserName"
data-error="New User Name is required">EngineerTrooper
</v-input>
</div>
<div>
<v-input
class="input-group"
data-label="Author Name"
required
name="newAuthorName"
data-error="Author Name is required">Dominic Seela
</v-input>
</div>
<div>
<v-input
class="input-group"
data-label="E-Mail"
required
name="newEMailAddress"
data-error="E-Mail Address is required">kontakt@engineertrooper.com
</v-input>
</div>
<div>
<v-input
class="input-group"
data-label="Password"
required
name="newPassword"
type="password"
data-error="Password is required">
</v-input>
</div>
<div>
<v-input
class="input-group"
data-label="Password (Repeat)"
required
name="newPasswordRepeat"
type="password"
data-error="Password is required">
</v-input>
</div>
<v-table>
<h3>Privileges</h3>
<v-table-row class="role-switches">
<div class="modules">
<h4>Module</h4>
<div>Meta-Data</div>
<div>Pages</div>
<div>Roles</div>
<div>SEO-URL</div>
<div>Users</div>
<div>VENOM-Status</div>
</div>
<div>
<h4>Edit</h4>
{include(includes/switch;id=${switch.id};name=permissionEditMetaData)}
{include(includes/switch;id=${switch.id};name=permissionEditPages)}
{include(includes/switch;id=${switch.id};name=permissionEditRoles)}
{include(includes/switch;id=${switch.id};name=permissionEditSeoUrl)}
{include(includes/switch;id=${switch.id};name=permissionEditUsers)}
{include(includes/switch;id=${switch.id};name=permissionEditVenomStatus)}
</div>
<div>
<h4>View</h4>
{include(includes/switch;id=${switch.id};name=permissionViewMetaData)}
{include(includes/switch;id=${switch.id};name=permissionViewPages)}
{include(includes/switch;id=${switch.id};name=permissionViewRoles)}
{include(includes/switch;id=${switch.id};name=permissionViewSeoUrl)}
{include(includes/switch;id=${switch.id};name=permissionViewUsers)}
{include(includes/switch;id=${switch.id};name=permissionViewVenomStatus)}
</div>
</v-table-row>
</v-table>
<div class="btn-line">
<div>
{include(includes/btn;type=valid;content=Save)}
{include(includes/btn;type=primary;content=Reset)}
{include(includes/btn;type=warn;content=Delete Role)}
</div>
</div>
</div>

View file

@ -0,0 +1,25 @@
<div class="users-list">
<header>
<h2>Users</h2>
</header>
</div>
<div class="roles-list">
<div class="flexbox">
<div>
<h3>Overview</h3>
{foreach(users as user,key)}
<div data-link="/users" data-id="${user.id}">
<span class="icon-text">
{include(includes/svg;icon=$user.icon)}
</span>
<span>${user.name}</span>
</div>
{/for}
</div>
<div>
<h3>Add new User</h3>
{include(includes/input;label=New User Name;name=newUserName;error=New User Name is required;type=text)}
{include(includes/btn;type=primary;content=Add)}
</div>
</div>
</div>

View file

@ -0,0 +1,5 @@
<div class="venom-status">
<header>
<h2>Venom Status</h2>
</header>
</div>