mirror of
https://github.com/Karaka-Management/oms-Draw.git
synced 2026-02-12 05:08:40 +00:00
More flexbox implementations
This commit is contained in:
parent
fe466bc2a3
commit
a0c9ced34a
|
|
@ -19,66 +19,82 @@
|
||||||
|
|
||||||
echo $this->getData('nav')->render(); ?>
|
echo $this->getData('nav')->render(); ?>
|
||||||
|
|
||||||
<section class="box w-100">
|
<div class="row">
|
||||||
<div class="inner">
|
<div class="col-xs-12">
|
||||||
<form id="drawForm" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/draw?csrf={$CSRF}'); ?>" method="POST">
|
<section class="box wf-100">
|
||||||
<input type="text" id="iTitle" name="title" class="wf-100"><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
|
<div class="inner">
|
||||||
</form>
|
<form id="drawForm" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/draw?csrf={$CSRF}'); ?>" method="POST">
|
||||||
|
<input type="text" id="iTitle" name="title" class="wf-100"><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
|
|
||||||
<div class="box w-100">
|
<div class="row">
|
||||||
<div class="tabular">
|
<div class="col-xs-12">
|
||||||
<ul class="tab-links">
|
<div class="box wf-100">
|
||||||
<li><label for="c-tab-1"><?= $this->getText('Start') ?></label>
|
<div class="tabular">
|
||||||
<li><label for="c-tab-2"><?= $this->getText('Layout') ?></label>
|
<ul class="tab-links">
|
||||||
</ul>
|
<li><label for="c-tab-1"><?= $this->getText('Start') ?></label>
|
||||||
<div class="tab-content">
|
<li><label for="c-tab-2"><?= $this->getText('Layout') ?></label>
|
||||||
<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-pencil"></i>
|
|
||||||
<li><i class="fa fa-lg fa-paint-brush"></i>
|
|
||||||
<li><i class="fa fa-lg fa-eraser"></i>
|
|
||||||
<li><i class="fa fa-lg fa-minus"></i>
|
|
||||||
<li><i class="fa fa-lg fa-square-o"></i>
|
|
||||||
<li><i class="fa fa-lg fa-circle-thin"></i>
|
|
||||||
<li><i class="fa fa-lg fa-tint"></i>
|
|
||||||
<li><i class="fa fa-lg fa-bars"></i>
|
|
||||||
<li><i class="fa fa-lg fa-i-cursor"></i>
|
|
||||||
<li><i class="fa fa-lg fa-text-height"></i>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
<div class="tab-content">
|
||||||
<input type="radio" id="c-tab-2" name="tabular-1">
|
<input type="radio" id="c-tab-1" name="tabular-1" checked>
|
||||||
<div class="tab">
|
<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-pencil"></i>
|
||||||
|
<li><i class="fa fa-lg fa-paint-brush"></i>
|
||||||
|
<li><i class="fa fa-lg fa-eraser"></i>
|
||||||
|
<li><i class="fa fa-lg fa-minus"></i>
|
||||||
|
<li><i class="fa fa-lg fa-square-o"></i>
|
||||||
|
<li><i class="fa fa-lg fa-circle-thin"></i>
|
||||||
|
<li><i class="fa fa-lg fa-tint"></i>
|
||||||
|
<li><i class="fa fa-lg fa-bars"></i>
|
||||||
|
<li><i class="fa fa-lg fa-i-cursor"></i>
|
||||||
|
<li><i class="fa fa-lg fa-text-height"></i>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<input type="radio" id="c-tab-2" name="tabular-1">
|
||||||
|
<div class="tab">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="m-draw">
|
<div class="row">
|
||||||
<section class="box w-100" style="height: 30%;">
|
<div class="col-xs-12">
|
||||||
<div class="inner resizable">
|
<div class="m-draw">
|
||||||
<canvas id="canvasImage resizable" name="image" form="drawForm"></canvas>
|
<section class="box wf-100" style="height: 30%;">
|
||||||
|
<div class="inner resizable">
|
||||||
|
<canvas id="canvasImage resizable" name="image" form="drawForm"></canvas>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section class="box w-100">
|
<div class="row">
|
||||||
<div class="inner">
|
<div class="col-xs-12">
|
||||||
<form>
|
<section class="box wf-100">
|
||||||
<table class="layout">
|
<div class="inner">
|
||||||
<tr><td colspan="2"><label><?= $this->getText('Permission') ?></label>
|
<form>
|
||||||
<tr><td><select>
|
<table class="layout">
|
||||||
<option>
|
<tr><td colspan="2"><label><?= $this->getText('Permission') ?></label>
|
||||||
</select>
|
<tr><td><select>
|
||||||
<tr><td colspan="2"><label><?= $this->getText('GroupUser') ?></label>
|
<option>
|
||||||
<tr><td><input id="iPermission" name="group" type="text" placeholder=""><td><button><?= $this->getText('Add', 0, 0) ?></button>
|
</select>
|
||||||
</table>
|
<tr><td colspan="2"><label><?= $this->getText('GroupUser') ?></label>
|
||||||
</form>
|
<tr><td><input id="iPermission" name="group" type="text" placeholder=""><td><button><?= $this->getText('Add', 0, 0) ?></button>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
|
|
@ -25,27 +25,31 @@ $footerView->setPage(1);
|
||||||
$images = $this->getData('images');
|
$images = $this->getData('images');
|
||||||
|
|
||||||
echo $this->getData('nav')->render(); ?>
|
echo $this->getData('nav')->render(); ?>
|
||||||
<div class="box">
|
<div class="row">
|
||||||
<table class="table">
|
<div class="col-xs-12">
|
||||||
<caption><?= $this->getText('Images'); ?></caption>
|
<div class="box wf-100">
|
||||||
<thead>
|
<table class="table">
|
||||||
<tr>
|
<caption><?= $this->getText('Images'); ?></caption>
|
||||||
<td class="wf-100"><?= $this->getText('Name'); ?>
|
<thead>
|
||||||
<td><?= $this->getText('Creator'); ?>
|
<tr>
|
||||||
<td><?= $this->getText('Created'); ?>
|
<td class="wf-100"><?= $this->getText('Name'); ?>
|
||||||
<tfoot>
|
<td><?= $this->getText('Creator'); ?>
|
||||||
<tr>
|
<td><?= $this->getText('Created'); ?>
|
||||||
<td colspan="3"><?= $footerView->render(); ?>
|
<tfoot>
|
||||||
<tbody>
|
<tr>
|
||||||
<?php $count = 0; foreach($images as $key => $value) : $count++;
|
<td colspan="3"><?= $footerView->render(); ?>
|
||||||
$url = \phpOMS\Uri\UriFactory::build('/{/lang}/backend/draw/single?id=' . $value->getId()); ?>
|
<tbody>
|
||||||
<tr>
|
<?php $count = 0; foreach($images as $key => $value) : $count++;
|
||||||
<td><?= $value->getMedia()->getName(); ?>
|
$url = \phpOMS\Uri\UriFactory::build('/{/lang}/backend/draw/single?id=' . $value->getId()); ?>
|
||||||
<td><?= $value->getMedia()->getCreatedBy(); ?>
|
<tr>
|
||||||
<td><?= $value->getMedia()->getCreatedAt()->format('Y-m-d'); ?>
|
<td><?= $value->getMedia()->getName(); ?>
|
||||||
<?php endforeach; ?>
|
<td><?= $value->getMedia()->getCreatedBy(); ?>
|
||||||
<?php if($count === 0) : ?>
|
<td><?= $value->getMedia()->getCreatedAt()->format('Y-m-d'); ?>
|
||||||
<tr><td colspan="5" class="empty"><?= $this->getText('Empty', 0, 0); ?>
|
<?php endforeach; ?>
|
||||||
<?php endif; ?>
|
<?php if($count === 0) : ?>
|
||||||
</table>
|
<tr><td colspan="5" class="empty"><?= $this->getText('Empty', 0, 0); ?>
|
||||||
|
<?php endif; ?>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user