first step to inline editing - live

This commit is contained in:
Dennis Eichhorn 2019-05-18 17:58:56 +02:00
parent d3442d444c
commit 5a1278bf65

View File

@ -34,7 +34,7 @@ echo $this->getData('nav')->render(); ?>
<div class="col-md-6 col-xs-12"> <div class="col-md-6 col-xs-12">
<section id="task" class="box wf-100" <section id="task" class="box wf-100"
data-ui-content=".inner" data-ui-content=".inner"
data-ui-element="#task header, #task #task-content" data-ui-element="#task header, #task .task-content"
data-tag="form" data-tag="form"
> >
<div class="inner"> <div class="inner">
@ -44,7 +44,7 @@ echo $this->getData('nav')->render(); ?>
<header><h1><input type="text" data-tpl-text="/title" data-tpl-value="/title" data-value=""></h1></header> <header><h1><input type="text" data-tpl-text="/title" data-tpl-value="/title" data-value=""></h1></header>
</template> </template>
<template> <template>
<div id="task-content" class="inner"> <div class="inner task-content">
<!-- todo: handle different value/markdown paths how??? no idea --> <!-- todo: handle different value/markdown paths how??? no idea -->
<!-- todo: bind js after adding template --> <!-- todo: bind js after adding template -->
<?= $this->getData('editor')->render('task-edit'); ?> <?= $this->getData('editor')->render('task-edit'); ?>
@ -74,7 +74,7 @@ echo $this->getData('nav')->render(); ?>
<header> <header>
<h1 data-tpl-text="/title" data-tpl-value="/title" data-value=""><?= $this->printHtml($task->getTitle()); ?></h1> <h1 data-tpl-text="/title" data-tpl-value="/title" data-value=""><?= $this->printHtml($task->getTitle()); ?></h1>
</header> </header>
<div id="task-content" class="inner"> <div class="inner task-content">
<div data-tpl-text="/content" data-tpl-value="/content" data-value=""><?= $task->getDescription(); ?></div> <div data-tpl-text="/content" data-tpl-value="/content" data-value=""><?= $task->getDescription(); ?></div>
</div> </div>
@ -100,11 +100,32 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
</section> </section>
<div id="elements"
data-ui-content="#elements"
data-ui-element="#elements .taskelement-content"
data-tag="form">
<!-- todo: this doesn't work because single taskelements cannot be identified somehow we need to work with ids of elements, implement a counter for the current element or implement a nearest() function instead of the this.closest() -->
<template><!-- todo: this needs to be here for the form js to work (edit). find a way to remove these. maybe check if add functionality is available. --></template>
<template>
<div class="inner taskelement-content">
<!-- todo: handle different value/markdown paths how??? no idea -->
<!-- todo: bind js after adding template -->
<?= $this->getData('editor')->render('task-edit'); ?>
<?= $this->getData('editor')->getData('text')->render(
'task-edit',
'plain',
'taskElementEdit',
'', '',
'/content', '/content'
); ?>
<!--<textarea data-tpl-text="/content" data-tpl-value="/content" data-value=""></textarea>-->
</div>
</template>
<?php $c = 0; <?php $c = 0;
foreach ($elements as $key => $element) : $c++; foreach ($elements as $key => $element) : $c++;
if ($element->getDescription() !== '') : if ($element->getDescription() !== '') :
?> ?>
<section class="box wf-100"> <section class="box wf-100 taskelement">
<div class="inner pAlignTable"> <div class="inner pAlignTable">
<div class="vC wf-100"> <div class="vC wf-100">
<?= $this->printHtml($element->getCreatedBy()->getName1()); ?> - <?= $this->printHtml($element->getCreatedAt()->format('Y-m-d H:i')); ?> <?= $this->printHtml($element->getCreatedBy()->getName1()); ?> - <?= $this->printHtml($element->getCreatedAt()->format('Y-m-d H:i')); ?>
@ -115,8 +136,8 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
<?php if ($element->getDescription() !== '') : ?> <?php if ($element->getDescription() !== '') : ?>
<div class="inner"> <div class="inner taskelement-content">
<?= $element->getDescription(); ?> <div data-tpl-text="/content" data-tpl-value="/content" data-value=""><?= $element->getDescription(); ?></div>
</div> </div>
<?php endif; ?> <?php endif; ?>
@ -134,7 +155,7 @@ echo $this->getData('nav')->render(); ?>
|| $element->getStatus() !== TaskStatus::SUSPENDED || $element->getStatus() !== TaskStatus::SUSPENDED
|| $c != $cElements || $c != $cElements
) : ?> ) : ?>
<div class="vC nobreak"> <div class="vC wf-100 nobreak">
<?php if ($element->getPriority() === TaskPriority::NONE) : ?> <?php if ($element->getPriority() === TaskPriority::NONE) : ?>
<?= $this->getHtml('Due') ?>: <?= $this->printHtml($element->getDue()->format('Y/m/d H:i')); ?> <?= $this->getHtml('Due') ?>: <?= $this->printHtml($element->getDue()->format('Y/m/d H:i')); ?>
<?php else : ?> <?php else : ?>
@ -142,6 +163,12 @@ echo $this->getData('nav')->render(); ?>
<?php endif; ?> <?php endif; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="vC">
<button class="save hidden"><?= $this->getHtml('Save', '0', '0') ?></button>
<button class="cancel hidden"><?= $this->getHtml('Cancel', '0', '0') ?></button>
<button class="update"><?= $this->getHtml('Edit', '0', '0') ?></button>
</div>
</section> </section>
<?php endif; ?> <?php endif; ?>
@ -163,6 +190,7 @@ echo $this->getData('nav')->render(); ?>
<?php endif; ?> <?php endif; ?>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
</div>
<div class="col-md-6 col-xs-12"> <div class="col-md-6 col-xs-12">
<section class="box wf-100"> <section class="box wf-100">