mirror of
https://github.com/Karaka-Management/oms-Editor.git
synced 2026-01-15 02:58:41 +00:00
More flexbox implementations
This commit is contained in:
parent
847bff8f1b
commit
055c19ab2f
|
|
@ -154,7 +154,7 @@ class Controller extends ModuleAbstract implements WebInterface
|
|||
public function viewEditorSingle(RequestAbstract $request, ResponseAbstract $response, $data = null) : \Serializable
|
||||
{
|
||||
$view = new View($this->app, $request, $response);
|
||||
$view->setTemplate('/Modules/Editor/Theme/Backend/editor');
|
||||
$view->setTemplate('/Modules/Editor/Theme/Backend/editor-single');
|
||||
$view->addData('nav', $this->app->moduleManager->get('Navigation')->createNavigationMid(1005301001, $request, $response));
|
||||
|
||||
$doc = EditorDocMapper::get((int) $request->getData('id'));
|
||||
|
|
|
|||
7
Theme/Backend/editor-single.tpl.php
Normal file
7
Theme/Backend/editor-single.tpl.php
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<?= $this->getData('nav')->render(); ?>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<?php include 'editor.tpl.php'; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -19,13 +19,13 @@
|
|||
|
||||
$doc = $this->getData('doc') ?? null;
|
||||
?>
|
||||
<section class="box w-100">
|
||||
<section class="box wf-100">
|
||||
<div class="inner">
|
||||
<input type="text" name="title" form="docForm">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box w-100">
|
||||
<section class="box wf-100">
|
||||
<div class="inner">
|
||||
<i class="fa fa-header"></i>
|
||||
<i class="fa fa-link"></i>
|
||||
|
|
@ -43,7 +43,7 @@ $doc = $this->getData('doc') ?? null;
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<div class="box w-100">
|
||||
<div class="box wf-100">
|
||||
<div class="tabular">
|
||||
<ul class="tab-links">
|
||||
<li><label for="c-tab-1"><?= $this->getText('Text') ?></label>
|
||||
|
|
|
|||
|
|
@ -19,103 +19,119 @@
|
|||
|
||||
echo $this->getData('nav')->render(); ?>
|
||||
|
||||
<section class="box w-100">
|
||||
<div class="inner">
|
||||
<form id="fEditor" method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/editor?csrf={$CSRF}'); ?>">
|
||||
<input name="title" type="text" class="wf-100">
|
||||
<input type="submit" value="<?= $this->getText('Save'); ?>">
|
||||
</form>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<section class="box wf-100">
|
||||
<div class="inner">
|
||||
<form id="fEditor" method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/editor?csrf={$CSRF}'); ?>">
|
||||
<input name="title" type="text" class="wf-100">
|
||||
<input type="submit" value="<?= $this->getText('Save'); ?>">
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="box w-100">
|
||||
<div class="tabular">
|
||||
<ul class="tab-links">
|
||||
<li><label for="c-tab-1"><?= $this->getText('Start') ?></label>
|
||||
<li><label for="c-tab-2"><?= $this->getText('Insert') ?></label>
|
||||
<li><label for="c-tab-3"><?= $this->getText('Layout') ?></label>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<input type="radio" id="c-tab-1" name="tabular-1" checked>
|
||||
<div class="tab">
|
||||
<ul class="h-list">
|
||||
<li><i class="fa fa-lg fa-floppy-o"></i>
|
||||
<li><i class="fa fa-lg fa-cloud-download"></i>
|
||||
<li><i class="fa fa-lg fa-undo"></i>
|
||||
<li><i class="fa fa-lg fa-repeat"></i>
|
||||
<li><i class="fa fa-lg fa-copy"></i>
|
||||
<li><i class="fa fa-lg fa-paste"></i>
|
||||
<li><i class="fa fa-lg fa-cut"></i>
|
||||
<li><i class="fa fa-lg fa-bold"></i>
|
||||
<li><i class="fa fa-lg fa-italic"></i>
|
||||
<li><i class="fa fa-lg fa-underline"></i>
|
||||
<li><i class="fa fa-lg fa-strikethrough"></i>
|
||||
<li><i class="fa fa-lg fa-font"></i>
|
||||
<li><i class="fa fa-lg fa-subscript"></i>
|
||||
<li><i class="fa fa-lg fa-superscript"></i>
|
||||
<li><i class="fa fa-lg fa-paint-brush"></i>
|
||||
<li><i class="fa fa-lg fa-pencil"></i>
|
||||
<li><i class="fa fa-lg fa-list-ul"></i>
|
||||
<li><i class="fa fa-lg fa-list-ol"></i>
|
||||
<li><i class="fa fa-lg fa-indent"></i>
|
||||
<li><i class="fa fa-lg fa-dedent"></i>
|
||||
<li><i class="fa fa-lg fa-align-left"></i>
|
||||
<li><i class="fa fa-lg fa-align-justify"></i>
|
||||
<li><i class="fa fa-lg fa-align-right"></i>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="box wf-100">
|
||||
<div class="tabular">
|
||||
<ul class="tab-links">
|
||||
<li><label for="c-tab-1"><?= $this->getText('Start') ?></label>
|
||||
<li><label for="c-tab-2"><?= $this->getText('Insert') ?></label>
|
||||
<li><label for="c-tab-3"><?= $this->getText('Layout') ?></label>
|
||||
</ul>
|
||||
</div>
|
||||
<input type="radio" id="c-tab-2" name="tabular-1">
|
||||
<div class="tab">
|
||||
<ul class="h-list">
|
||||
<li><i class="fa fa-lg fa-table"></i>
|
||||
<li><i class="fa fa-lg fa-image"></i>
|
||||
<li><i class="fa fa-lg fa-camera"></i>
|
||||
<li><i class="fa fa-lg fa-paint-brush"></i>
|
||||
<li><i class="fa fa-lg fa-bar-chart"></i>
|
||||
<li><i class="fa fa-lg fa-link"></i>
|
||||
<li><i class="fa fa-lg fa-unlink"></i>
|
||||
<li><i class="fa fa-lg fa-code"></i>
|
||||
<li><i class="fa fa-lg fa-quote-right"></i>
|
||||
<li><i class="fa fa-lg fa-calendar"></i>
|
||||
<li><i class="fa fa-lg fa-clock"></i>
|
||||
</ul>
|
||||
</div>
|
||||
<input type="radio" id="c-tab-3" name="tabular-1">
|
||||
<div class="tab">
|
||||
<div class="tab-content">
|
||||
<input type="radio" id="c-tab-1" name="tabular-1" checked>
|
||||
<div class="tab">
|
||||
<ul class="h-list">
|
||||
<li><i class="fa fa-lg fa-floppy-o"></i>
|
||||
<li><i class="fa fa-lg fa-cloud-download"></i>
|
||||
<li><i class="fa fa-lg fa-undo"></i>
|
||||
<li><i class="fa fa-lg fa-repeat"></i>
|
||||
<li><i class="fa fa-lg fa-copy"></i>
|
||||
<li><i class="fa fa-lg fa-paste"></i>
|
||||
<li><i class="fa fa-lg fa-cut"></i>
|
||||
<li><i class="fa fa-lg fa-bold"></i>
|
||||
<li><i class="fa fa-lg fa-italic"></i>
|
||||
<li><i class="fa fa-lg fa-underline"></i>
|
||||
<li><i class="fa fa-lg fa-strikethrough"></i>
|
||||
<li><i class="fa fa-lg fa-font"></i>
|
||||
<li><i class="fa fa-lg fa-subscript"></i>
|
||||
<li><i class="fa fa-lg fa-superscript"></i>
|
||||
<li><i class="fa fa-lg fa-paint-brush"></i>
|
||||
<li><i class="fa fa-lg fa-pencil"></i>
|
||||
<li><i class="fa fa-lg fa-list-ul"></i>
|
||||
<li><i class="fa fa-lg fa-list-ol"></i>
|
||||
<li><i class="fa fa-lg fa-indent"></i>
|
||||
<li><i class="fa fa-lg fa-dedent"></i>
|
||||
<li><i class="fa fa-lg fa-align-left"></i>
|
||||
<li><i class="fa fa-lg fa-align-justify"></i>
|
||||
<li><i class="fa fa-lg fa-align-right"></i>
|
||||
</ul>
|
||||
</div>
|
||||
<input type="radio" id="c-tab-2" name="tabular-1">
|
||||
<div class="tab">
|
||||
<ul class="h-list">
|
||||
<li><i class="fa fa-lg fa-table"></i>
|
||||
<li><i class="fa fa-lg fa-image"></i>
|
||||
<li><i class="fa fa-lg fa-camera"></i>
|
||||
<li><i class="fa fa-lg fa-paint-brush"></i>
|
||||
<li><i class="fa fa-lg fa-bar-chart"></i>
|
||||
<li><i class="fa fa-lg fa-link"></i>
|
||||
<li><i class="fa fa-lg fa-unlink"></i>
|
||||
<li><i class="fa fa-lg fa-code"></i>
|
||||
<li><i class="fa fa-lg fa-quote-right"></i>
|
||||
<li><i class="fa fa-lg fa-calendar"></i>
|
||||
<li><i class="fa fa-lg fa-clock"></i>
|
||||
</ul>
|
||||
</div>
|
||||
<input type="radio" id="c-tab-3" name="tabular-1">
|
||||
<div class="tab">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box w-100">
|
||||
<div class="tabular">
|
||||
<ul class="tab-links">
|
||||
<li><label for="c-tab2-1"><?= $this->getText('Text') ?></label>
|
||||
<li><label for="c-tab2-2"><?= $this->getText('Preview') ?></label>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<input type="radio" id="c-tab2-1" name="tabular-2" checked>
|
||||
<div class="tab">
|
||||
<textarea name="plain" class="wf-100" form="fEditor"></textarea>
|
||||
</div>
|
||||
<input type="radio" id="c-tab2-2" name="tabular-2">
|
||||
<div class="tab">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="box wf-100">
|
||||
<div class="tabular">
|
||||
<ul class="tab-links">
|
||||
<li><label for="c-tab2-1"><?= $this->getText('Text') ?></label>
|
||||
<li><label for="c-tab2-2"><?= $this->getText('Preview') ?></label>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<input type="radio" id="c-tab2-1" name="tabular-2" checked>
|
||||
<div class="tab">
|
||||
<textarea name="plain" class="wf-100" form="fEditor"></textarea>
|
||||
</div>
|
||||
<input type="radio" id="c-tab2-2" name="tabular-2">
|
||||
<div class="tab">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="box w-100">
|
||||
<div class="inner">
|
||||
<form>
|
||||
<table class="layout">
|
||||
<tr><td colspan="2"><label><?= $this->getText('Permission') ?></label>
|
||||
<tr><td><select>
|
||||
<option>
|
||||
</select>
|
||||
<tr><td colspan="2"><label><?= $this->getText('GroupUser') ?></label>
|
||||
<tr><td><input id="iPermission" name="group" type="text" placeholder=""><td><button><?= $this->getText('Add') ?></button>
|
||||
</table>
|
||||
</form>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<section class="box wf-100">
|
||||
<div class="inner">
|
||||
<form>
|
||||
<table class="layout">
|
||||
<tr><td colspan="2"><label><?= $this->getText('Permission') ?></label>
|
||||
<tr><td><select>
|
||||
<option>
|
||||
</select>
|
||||
<tr><td colspan="2"><label><?= $this->getText('GroupUser') ?></label>
|
||||
<tr><td><input id="iPermission" name="group" type="text" placeholder=""><td><button><?= $this->getText('Add') ?></button>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -25,27 +25,31 @@ $footerView->setPage(1);
|
|||
$docs = $this->getData('docs');
|
||||
|
||||
echo $this->getData('nav')->render(); ?>
|
||||
<div class="box">
|
||||
<table class="table">
|
||||
<caption><?= $this->getText('Documents'); ?></caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="wf-100"><?= $this->getText('Title'); ?>
|
||||
<td><?= $this->getText('Creator'); ?>
|
||||
<td><?= $this->getText('Created'); ?>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="3"><?= $footerView->render(); ?>
|
||||
<tbody>
|
||||
<?php $count = 0; foreach($docs as $key => $value) : $count++;
|
||||
$url = \phpOMS\Uri\UriFactory::build('/{/lang}/backend/editor/single?id=' . $value->getId()); ?>
|
||||
<tr>
|
||||
<td><a href="<?= $url; ?>"><?= $value->getTitle(); ?></a>
|
||||
<td><a href="<?= $url; ?>"><?= $value->getCreatedBy(); ?></a>
|
||||
<td><a href="<?= $url; ?>"><?= $value->getCreatedAt()->format('Y-m-d H:i:s'); ?></a>
|
||||
<?php endforeach; ?>
|
||||
<?php if($count === 0) : ?>
|
||||
<tr><td colspan="5" class="empty"><?= $this->getText('Empty', 0, 0); ?>
|
||||
<?php endif; ?>
|
||||
</table>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="box wf-100">
|
||||
<table class="table">
|
||||
<caption><?= $this->getText('Documents'); ?></caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="wf-100"><?= $this->getText('Title'); ?>
|
||||
<td><?= $this->getText('Creator'); ?>
|
||||
<td><?= $this->getText('Created'); ?>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="3"><?= $footerView->render(); ?>
|
||||
<tbody>
|
||||
<?php $count = 0; foreach($docs as $key => $value) : $count++;
|
||||
$url = \phpOMS\Uri\UriFactory::build('/{/lang}/backend/editor/single?id=' . $value->getId()); ?>
|
||||
<tr>
|
||||
<td><a href="<?= $url; ?>"><?= $value->getTitle(); ?></a>
|
||||
<td><a href="<?= $url; ?>"><?= $value->getCreatedBy(); ?></a>
|
||||
<td><a href="<?= $url; ?>"><?= $value->getCreatedAt()->format('Y-m-d H:i:s'); ?></a>
|
||||
<?php endforeach; ?>
|
||||
<?php if($count === 0) : ?>
|
||||
<tr><td colspan="5" class="empty"><?= $this->getText('Empty', 0, 0); ?>
|
||||
<?php endif; ?>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user