Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* add loading indicator.

Browse Source
This commit is contained in:
Chenjianyu
2023-07-19 10:38:55 +08:00
parent 7cc382fad5
commit 0103f8bee9
4 changed files with 44 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
module/ai/view/inputinject.html.php
+14
View File
@@ -83,6 +83,10 @@
publishButton.addEventListener('click', function(e)
{
e.preventDefault();
const container = publishButton.ownerDocument.defaultView.parent.document.querySelector('.load-indicator');
if(container) container.classList.toggle('loading', true);
const promptId = publishButton.dataset.promptid;
const aTag = document.createElement('a');
aTag.href = createLink('ai', 'promptPublish', 'promptId=' + promptId + '&$backToTestingLocation=true');
@@ -91,6 +95,16 @@
aTag.click();
});
}
const regenerateButton = document.getElementById('promptRegenerate');
if(regenerateButton)
{
regenerateButton.addEventListener('click', function()
{
const container = regenerateButton.ownerDocument.defaultView.parent.document.querySelector('.load-indicator');
if(container) container.classList.toggle('loading', true);
});
}
});
</script>
<?php endif;?>
module/ai/view/promptaudit.html.php
+5
View File
@@ -128,6 +128,11 @@
function reloadPrompt(promptId, objectId)
{
const container = parent.parent.document.querySelector('.load-indicator');
if(container) container.classList.toggle('loading', true);
parent.$.zui.closeModal();
let link = createLink('ai', 'promptexecute', 'promptId=' + promptId + '&objectId=' + objectId);
link = link.replace('onlybody=yes', '');
const aTag = document.createElement('a');
module/ai/view/promptmenu.html.php
+23 -2
View File
@@ -30,14 +30,14 @@
$currentObjectId = !empty($this->view->$objectVarName) ? $this->view->$objectVarName->id : 0;
if(count($prompts) > 1)
{
$html .= '<div class="dropdown' . ((isset($menuOptions->class) ? ' ' . $menuOptions->class : '') . (isset($menuOptions->dropdownClass) ? ' ' . $menuOptions->dropdownClass : '')) . '"><button class="btn btn-link' . (isset($menuOptions->buttonClass) ? ' ' . $menuOptions->buttonClass : '') . '" type="button" data-toggle="dropdown">' . $lang->ai->promptMenu->dropdownTitle . ' <i class="icon-caret-down"></i></button><ul class="dropdown-menu">';
$html .= '<div class="prompts dropdown' . ((isset($menuOptions->class) ? ' ' . $menuOptions->class : '') . (isset($menuOptions->dropdownClass) ? ' ' . $menuOptions->dropdownClass : '')) . '"><button class="btn btn-link' . (isset($menuOptions->buttonClass) ? ' ' . $menuOptions->buttonClass : '') . '" type="button" data-toggle="dropdown">' . $lang->ai->promptMenu->dropdownTitle . ' <i class="icon-caret-down"></i></button><ul class="dropdown-menu">';
foreach($prompts as $prompt) $html .= '<li>' . html::linkButton($prompt->name . ($prompt->status != 'active' ? '<span class="label label-info label-badge">' . $lang->ai->prompts->statuses[$prompt->status] . '</span>' : ''), helper::createLink('ai', 'promptExecute', "promptId=$prompt->id&objectId=$currentObjectId"), 'self', "style='width: 100%;'" . (empty($prompt->desc) ? '' : " data-toggle='popover' data-container='body' data-trigger='hover' data-content='$prompt->desc' data-title='$prompt->name' data-placement='left'"), 'btn btn-link text-left') . '</li>';
$html .= '</ul></div>';
}
else
{
$prompt = current($prompts);
$html .= html::linkButton($prompt->name . ($prompt->status != 'active' ? '<span class="label label-info label-badge">' . $lang->ai->prompts->statuses[$prompt->status] . '</span>' : ''), helper::createLink('ai', 'promptExecute', "promptId=$prompt->id&objectId=$currentObjectId"), 'self', (empty($prompt->desc) ? '' : "data-toggle='popover' data-container='body' data-trigger='hover' data-content='$prompt->desc' data-title='$prompt->name' data-placement='bottom'"), 'btn btn-link' . ((isset($menuOptions->class) ? ' ' . $menuOptions->class : '') . (isset($menuOptions->buttonClass) ? ' ' . $menuOptions->buttonClass : '')));
$html .= html::linkButton($prompt->name . ($prompt->status != 'active' ? '<span class="label label-info label-badge">' . $lang->ai->prompts->statuses[$prompt->status] . '</span>' : ''), helper::createLink('ai', 'promptExecute', "promptId=$prompt->id&objectId=$currentObjectId"), 'self', (empty($prompt->desc) ? '' : "data-toggle='popover' data-container='body' data-trigger='hover' data-content='$prompt->desc' data-title='$prompt->name' data-placement='bottom'"), 'prompt btn btn-link' . ((isset($menuOptions->class) ? ' ' . $menuOptions->class : '') . (isset($menuOptions->buttonClass) ? ' ' . $menuOptions->buttonClass : '')));
}
?>
@@ -51,6 +51,27 @@
$(`<?php echo $menuOptions->targetContainer;?>`).<?php echo isset($menuOptions->injectMethod) ? $menuOptions->injectMethod : 'append';?>(`<?php echo $html;?>`);
$('[data-toggle="popover"]').popover({template: '<div class="popover"><h3 class="popover-title"></h3><div class="popover-content"></div></div>'});
});
window.addEventListener('load', function()
{
const promptButton = document.querySelector('.prompt');
if(promptButton)
{
promptButton.addEventListener('click', function(){
const container = promptButton.ownerDocument.defaultView.parent.document.querySelector('.load-indicator');
if(container) container.classList.toggle('loading', true);
});
}
const promptDropdown = document.querySelector('.prompts .dropdown-menu');
if(promptDropdown)
{
promptDropdown.addEventListener('click', function(){
const container = promptDropdown.ownerDocument.defaultView.parent.document.querySelector('.load-indicator');
if(container) container.classList.toggle('loading', true);
});
}
});
</script>
<?php endif; endif;?>
module/story/view/change.html.php
+2 -2
View File
@@ -28,9 +28,9 @@
if(isset($_SESSION['auditPrompt']['time'])) $auditTime = $_SESSION['auditPrompt']['time'];
?>
<div class="pull-right btn-toolbar">
<?php echo html::a(helper::createLink('ai', 'promptexecute', "promptId=$prompt->id&objectId=$story->id"), '<i class="icon icon-refresh muted"></i> ' . $lang->ai->audit->regenerate, '', 'class="btn btn-link"');?>
<?php echo html::a(helper::createLink('ai', 'promptexecute', "promptId=$prompt->id&objectId=$story->id"), '<i class="icon icon-refresh muted"></i> ' . $lang->ai->audit->regenerate, '', 'id="promptRegenerate" class="btn btn-link"');?>
<?php if(!empty($auditTime) && time() - $auditTime < 30 * 60): ?>
<?php echo html::a(helper::createLink('ai', 'promptaudit', "promptId=$prompt->id&objectId=$story->id"), $lang->ai->audit->designPrompt, '', 'class="btn btn-info iframe"'); ?>
<?php echo html::a(helper::createLink('ai', 'promptaudit', "promptId=$prompt->id&objectId=$story->id"), $lang->ai->audit->designPrompt, '', 'id="promptAudit" class="btn btn-info iframe"'); ?>
<?php endif;?>
</div>
<?php endif;?>