From c9a5b208db3dc0d2ee6a3dc059ac2f0aafdda117 Mon Sep 17 00:00:00 2001
From: dingyongliang <dingyongliang@easycorp.ltd>
Date: Thu, 2 Nov 2023 11:30:22 +0800
Subject: [PATCH] * add back to list prompt.

---
 module/ai/js/configuredminiprogram.js         | 47 +++++++++++++++----
 module/ai/lang/de.php                         | 34 +++++++-------
 module/ai/lang/en.php                         | 34 +++++++-------
 module/ai/lang/fr.php                         | 34 +++++++-------
 module/ai/lang/zh-cn.php                      |  2 +
 module/ai/view/configuredminiprogram.html.php | 20 +++++++-
 6 files changed, 114 insertions(+), 57 deletions(-)

diff --git a/module/ai/js/configuredminiprogram.js b/module/ai/js/configuredminiprogram.js
index 43b8b8e03a..e17904baa6 100644
--- a/module/ai/js/configuredminiprogram.js
+++ b/module/ai/js/configuredminiprogram.js
@@ -483,13 +483,7 @@ function updatePromptPreview()
     $('.prompt-preview-area .preview-container').html(innerHTML);
 }
 
-/**
- * Save mini program fields.
- *
- * @param {'0'|'1'} toPublish
- * @returns {void}
- */
-function saveMiniProgram(toPublish)
+function getRequiredFields()
 {
     const fields = [];
     $('.field-content').children().each(function()
@@ -504,7 +498,44 @@ function saveMiniProgram(toPublish)
         fields.push(field);
     });
     const prompt = $('#autocomplete-textarea').html();
-    $.post(createLink('ai', 'configuredMiniProgram', `appID=${appid}`), {fields, prompt, toPublish}).done(console.log);
+    return [fields, prompt];
+}
+
+/**
+ * Save mini program fields.
+ *
+ * @param {'0'|'1'} toPublish
+ * @returns {void}
+ */
+function saveMiniProgram(toPublish)
+{
+    const [fields, prompt] = getRequiredFields();
+    if(fields.length && prompt) $.post(createLink('ai', 'configuredMiniProgram', `appID=${appid}`), {fields, prompt, toPublish}).done(console.log);
+}
+
+function backToList()
+{
+    const [fields, prompt] = getRequiredFields();
+    if(fields.length && prompt)
+    {
+        $modal = $('#back-to-list-modal');
+        $modal.modal('show', 'fit');
+        return;
+    }
+    window.location.href = createLink('ai', 'miniPrograms');
+}
+
+function backWithoutSave()
+{
+    $modal = $('#back-to-list-modal');
+    $modal.modal('hide');
+}
+
+function backWithSave()
+{
+    $modal = $('#back-to-list-modal');
+    $modal.modal('hide');
+    saveMiniProgram('0');
 }
 
 $(function()
diff --git a/module/ai/lang/de.php b/module/ai/lang/de.php
index f4aac5f1c8..4d851e5c93 100644
--- a/module/ai/lang/de.php
+++ b/module/ai/lang/de.php
@@ -404,22 +404,24 @@ $lang->ai->prompts->modules['doc']         = 'Document';
 $lang->ai->conversations = new stdclass();
 $lang->ai->conversations->common = 'Conversations';
 
-$lang->ai->miniPrograms                   = new stdClass();
-$lang->ai->miniPrograms->common           = 'Mini Programs';
-$lang->ai->miniPrograms->create           = 'Create A Program';
-$lang->ai->miniPrograms->configuration    = 'Basic Information Configuration';
-$lang->ai->miniPrograms->downloadTip      = 'Once created, your mini-program will be displayed on the AI Mini-Program Square in the client.';
-$lang->ai->miniPrograms->download         = 'Download Zentao Client';
-$lang->ai->miniPrograms->category         = 'Category';
-$lang->ai->miniPrograms->icon             = 'Icon';
-$lang->ai->miniPrograms->desc             = 'Introduction';
-$lang->ai->miniPrograms->categoryList     = array('writing' => 'writing', 'statistics' => 'statistics', 'creative' => 'creative', 'raiders' => 'Guideline ', 'schedule' => 'schedule');
-$lang->ai->miniPrograms->modelList        = array('openai-GPT35 '=> 'openai/GPT-3.5');
-$lang->ai->miniPrograms->iconModification = 'Icon modification';
-$lang->ai->miniPrograms->customBackground = 'Custom background Color';
-$lang->ai->miniPrograms->customIcon       = 'Custom icon';
-$lang->ai->miniPrograms->backToListPage   = 'Return to list page';
-$lang->ai->miniPrograms->lastStep         = 'Previous step';
+$lang->ai->miniPrograms                    = new stdClass();
+$lang->ai->miniPrograms->common            = 'Mini Programs';
+$lang->ai->miniPrograms->create            = 'Create A Program';
+$lang->ai->miniPrograms->configuration     = 'Basic Information Configuration';
+$lang->ai->miniPrograms->downloadTip       = 'Once created, your mini-program will be displayed on the AI Mini-Program Square in the client.';
+$lang->ai->miniPrograms->download          = 'Download Zentao Client';
+$lang->ai->miniPrograms->category          = 'Category';
+$lang->ai->miniPrograms->icon              = 'Icon';
+$lang->ai->miniPrograms->desc              = 'Introduction';
+$lang->ai->miniPrograms->categoryList      = array('writing' => 'writing', 'statistics' => 'statistics', 'creative' => 'creative', 'raiders' => 'Guideline ', 'schedule' => 'schedule');
+$lang->ai->miniPrograms->modelList         = array('openai-GPT35 '=> 'openai/GPT-3.5');
+$lang->ai->miniPrograms->iconModification  = 'Icon modification';
+$lang->ai->miniPrograms->customBackground  = 'Custom background Color';
+$lang->ai->miniPrograms->customIcon        = 'Custom icon';
+$lang->ai->miniPrograms->backToListPage    = 'Return to list page';
+$lang->ai->miniPrograms->lastStep          = 'Previous step';
+$lang->ai->miniPrograms->backToListPageTip = 'There are data changes in the form. Do you want to save and go back?';
+$lang->ai->miniPrograms->saveAndBack       = 'Save and Go Back';
 
 $lang->ai->miniPrograms->placeholder          = new stdClass();
 $lang->ai->miniPrograms->placeholder->name    = 'Please enter a small program name';
diff --git a/module/ai/lang/en.php b/module/ai/lang/en.php
index 30247f35d9..1077c1c9c3 100644
--- a/module/ai/lang/en.php
+++ b/module/ai/lang/en.php
@@ -404,22 +404,24 @@ $lang->ai->prompts->modules['doc']         = 'Document';
 $lang->ai->conversations = new stdclass();
 $lang->ai->conversations->common = 'Conversations';
 
-$lang->ai->miniPrograms                   = new stdClass();
-$lang->ai->miniPrograms->common           = 'Mini Programs';
-$lang->ai->miniPrograms->create           = 'Create A Program';
-$lang->ai->miniPrograms->configuration    = 'Basic Information Configuration';
-$lang->ai->miniPrograms->downloadTip      = 'Once created, your mini-program will be displayed on the AI Mini-Program Square in the client.';
-$lang->ai->miniPrograms->download         = 'Download Zentao Client';
-$lang->ai->miniPrograms->category         = 'Category';
-$lang->ai->miniPrograms->icon             = 'Icon';
-$lang->ai->miniPrograms->desc             = 'Introduction';
-$lang->ai->miniPrograms->categoryList     = array('writing' => 'writing', 'statistics' => 'statistics', 'creative' => 'creative', 'raiders' => 'Guideline ', 'schedule' => 'schedule');
-$lang->ai->miniPrograms->modelList        = array(' openai-GPT35 '=> 'openai/GPT-3.5');
-$lang->ai->miniPrograms->iconModification = 'Icon modification';
-$lang->ai->miniPrograms->customBackground = 'Custom background Color';
-$lang->ai->miniPrograms->customIcon       = 'Custom icon';
-$lang->ai->miniPrograms->backToListPage   = 'Return to list page';
-$lang->ai->miniPrograms->lastStep         = 'Previous step';
+$lang->ai->miniPrograms                    = new stdClass();
+$lang->ai->miniPrograms->common            = 'Mini Programs';
+$lang->ai->miniPrograms->create            = 'Create A Program';
+$lang->ai->miniPrograms->configuration     = 'Basic Information Configuration';
+$lang->ai->miniPrograms->downloadTip       = 'Once created, your mini-program will be displayed on the AI Mini-Program Square in the client.';
+$lang->ai->miniPrograms->download          = 'Download Zentao Client';
+$lang->ai->miniPrograms->category          = 'Category';
+$lang->ai->miniPrograms->icon              = 'Icon';
+$lang->ai->miniPrograms->desc              = 'Introduction';
+$lang->ai->miniPrograms->categoryList      = array('writing' => 'writing', 'statistics' => 'statistics', 'creative' => 'creative', 'raiders' => 'Guideline ', 'schedule' => 'schedule');
+$lang->ai->miniPrograms->modelList         = array(' openai-GPT35 '=> 'openai/GPT-3.5');
+$lang->ai->miniPrograms->iconModification  = 'Icon modification';
+$lang->ai->miniPrograms->customBackground  = 'Custom background Color';
+$lang->ai->miniPrograms->customIcon        = 'Custom icon';
+$lang->ai->miniPrograms->backToListPage    = 'Return to list page';
+$lang->ai->miniPrograms->lastStep          = 'Previous step';
+$lang->ai->miniPrograms->backToListPageTip = 'There are data changes in the form. Do you want to save and go back?';
+$lang->ai->miniPrograms->saveAndBack       = 'Save and Go Back';
 
 $lang->ai->miniPrograms->placeholder          = new stdClass();
 $lang->ai->miniPrograms->placeholder->name    = 'Please enter a small program name';
diff --git a/module/ai/lang/fr.php b/module/ai/lang/fr.php
index ffda3d6b67..12bfc565a2 100644
--- a/module/ai/lang/fr.php
+++ b/module/ai/lang/fr.php
@@ -404,22 +404,24 @@ $lang->ai->prompts->modules['doc']         = 'Document';
 $lang->ai->conversations = new stdclass();
 $lang->ai->conversations->common = 'Conversations';
 
-$lang->ai->miniPrograms                   = new stdClass();
-$lang->ai->miniPrograms->common           = 'Mini Programs';
-$lang->ai->miniPrograms->create           = 'Create A Program';
-$lang->ai->miniPrograms->configuration    = 'Basic Information Configuration';
-$lang->ai->miniPrograms->downloadTip      = 'Once created, your mini-program will be displayed on the AI Mini-Program Square in the client.';
-$lang->ai->miniPrograms->download         = 'Download Zentao Client';
-$lang->ai->miniPrograms->category         = 'Category';
-$lang->ai->miniPrograms->icon             = 'Icon';
-$lang->ai->miniPrograms->desc             = 'Introduction';
-$lang->ai->miniPrograms->categoryList     = array('writing' => 'writing', 'statistics' => 'statistics', 'creative' => 'creative', 'raiders' => 'Guideline ', 'schedule' => 'schedule');
-$lang->ai->miniPrograms->modelList        = array('openai-GPT35 ' => 'openai/GPT-3.5');
-$lang->ai->miniPrograms->iconModification = 'Icon modification';
-$lang->ai->miniPrograms->customBackground = 'Custom background Color';
-$lang->ai->miniPrograms->customIcon       = 'Custom icon';
-$lang->ai->miniPrograms->backToListPage   = 'Return to list page';
-$lang->ai->miniPrograms->lastStep         = 'Previous step';
+$lang->ai->miniPrograms                    = new stdClass();
+$lang->ai->miniPrograms->common            = 'Mini Programs';
+$lang->ai->miniPrograms->create            = 'Create A Program';
+$lang->ai->miniPrograms->configuration     = 'Basic Information Configuration';
+$lang->ai->miniPrograms->downloadTip       = 'Once created, your mini-program will be displayed on the AI Mini-Program Square in the client.';
+$lang->ai->miniPrograms->download          = 'Download Zentao Client';
+$lang->ai->miniPrograms->category          = 'Category';
+$lang->ai->miniPrograms->icon              = 'Icon';
+$lang->ai->miniPrograms->desc              = 'Introduction';
+$lang->ai->miniPrograms->categoryList      = array('writing' => 'writing', 'statistics' => 'statistics', 'creative' => 'creative', 'raiders' => 'Guideline ', 'schedule' => 'schedule');
+$lang->ai->miniPrograms->modelList         = array('openai-GPT35 ' => 'openai/GPT-3.5');
+$lang->ai->miniPrograms->iconModification  = 'Icon modification';
+$lang->ai->miniPrograms->customBackground  = 'Custom background Color';
+$lang->ai->miniPrograms->customIcon        = 'Custom icon';
+$lang->ai->miniPrograms->backToListPage    = 'Return to list page';
+$lang->ai->miniPrograms->lastStep          = 'Previous step';
+$lang->ai->miniPrograms->backToListPageTip = 'There are data changes in the form. Do you want to save and go back?';
+$lang->ai->miniPrograms->saveAndBack       = 'Save and Go Back';
 
 $lang->ai->miniPrograms->placeholder          = new stdClass();
 $lang->ai->miniPrograms->placeholder->name    = 'Please enter a small program name';
diff --git a/module/ai/lang/zh-cn.php b/module/ai/lang/zh-cn.php
index 2ef77c733c..a62b09c7ce 100644
--- a/module/ai/lang/zh-cn.php
+++ b/module/ai/lang/zh-cn.php
@@ -420,6 +420,8 @@ $lang->ai->miniPrograms->customBackground  = '自定义背景色';
 $lang->ai->miniPrograms->customIcon        = '自定义icon';
 $lang->ai->miniPrograms->backToListPage    = '返回列表页';
 $lang->ai->miniPrograms->lastStep          = '上一步';
+$lang->ai->miniPrograms->backToListPageTip = '表单有数据变动，是否保存并返回';
+$lang->ai->miniPrograms->saveAndBack       = '保存并返回';
 
 $lang->ai->miniPrograms->placeholder          = new stdClass();
 $lang->ai->miniPrograms->placeholder->name    = '请输入小程序名称';
diff --git a/module/ai/view/configuredminiprogram.html.php b/module/ai/view/configuredminiprogram.html.php
index 7a8a85a4b2..bb20a34786 100644
--- a/module/ai/view/configuredminiprogram.html.php
+++ b/module/ai/view/configuredminiprogram.html.php
@@ -105,6 +105,24 @@ js::set('appid', $appid);
     </div>
   </div>
 </div>
+<div class="modal fade" id="back-to-list-modal">
+  <div class="modal-dialog" style="width: 480px;">
+    <div class="modal-content">
+      <div class="modal-header" style="border-bottom: none; padding-left: 12px; display: flex; align-items: center; gap: 16px; margin: 0;">
+        <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <circle cx="12.0159" cy="12.0163" r="12" transform="rotate(0.0777774 12.0159 12.0163)" fill="#FFA34D" />
+          <path d="M12.4516 14.621C12.8867 14.6215 13.3224 14.1498 13.3231 13.6775L13.6588 7.42006C13.6595 6.94777 13.661 6.00319 12.3559 6.0016C11.1595 6.00013 11.0495 6.8265 11.0486 7.41686L11.3655 13.6751C11.5823 14.1476 12.0166 14.6204 12.4516 14.621ZM12.4499 15.8017C11.7973 15.8009 11.1439 16.3905 11.1426 17.217C11.1416 17.9254 11.6843 18.6345 12.4456 18.6354C13.2069 18.6363 13.7516 18.0467 13.7528 17.2202C13.7541 16.3936 13.1024 15.8025 12.4499 15.8017Z" fill="white" />
+        </svg>
+        <strong style="font-size: 16px;"><?php echo $lang->ai->miniPrograms->backToListPageTip; ?></strong>
+      </div>
+      <div class="modal-footer" style="display: flex; justify-content: center; border-top: none; gap: 10px;">
+        <a href="<?php echo $this->createLink('ai', 'miniPrograms'); ?>" class="btn btn-wide btn-primary" onclick="backWithoutSave()"><?php echo $lang->ai->miniPrograms->saveAndBack; ?></a>
+        <a href="<?php echo $this->createLink('ai', 'miniPrograms'); ?>" class="btn btn-wide btn-secondary" onclick="backWithSave()"><?php echo $lang->save; ?></a>
+        <a class="btn btn-wide" data-dismiss="modal"><?php echo $lang->cancel; ?></a>
+      </div>
+    </div>
+  </div>
+</div>
 <div id="mainContent" class="main-content">
   <div style="flex-basis: 30%; margin-right: 16px;">
     <header>
@@ -183,7 +201,7 @@ js::set('appid', $appid);
   </div>
 </div>
 <footer style="display: flex; justify-content: center; align-items: center; height: 56px; background: #fff; border-top: 1px solid #eff1f7; position: fixed; bottom: 0; left: 20px; right: 20px; gap: 24px;">
-  <a href="<?php echo $this->createLink('ai', 'miniPrograms'); ?>" class="btn btn-wide"><?php echo $lang->ai->miniPrograms->backToListPage; ?></a>
+  <a onclick="backToList()" class="btn btn-wide"><?php echo $lang->ai->miniPrograms->backToListPage; ?></a>
   <a href="<?php echo $this->createLink('ai', 'createMiniProgram'); ?>" class="btn btn-wide"><?php echo $lang->ai->miniPrograms->lastStep; ?></a>
   <a class="btn btn-wide btn-secondary" onclick="saveMiniProgram('0')"><?php echo $lang->save; ?></a>
   <a class="btn btn-wide btn-primary" onclick="saveMiniProgram('1')"><?php echo $lang->ai->prompts->action->publish; ?></a>