update to 15 gpt

app_chatgpt/static/description/index.html

@@ -1,18 +1,18 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" >
-        <div class="oe_span12">
-            <h2 class="oe_slogan"> Latest ChatGPT AI Center. GPT 3.5, Dall-E Image.Multi Robot Support. Chat and Training </h2>
-            <h3 class="oe_slogan"> Support chatgpt 4 image. 3.5 turbo, text-davinci, DALL·E, Integration All ChatGpt Api. </h3>
+        <div class="row">
+            <h2 class="oe_slogan"> Latest ChatGPT AI Center. GPT 3.5, Ali Ai, Baidu Ai, Multi Robot Support. Chat and Training </h2>
+            <h3 class="oe_slogan"> Support chatgpt 4 32k. 3.5 turbo, text-davinci, Integration All ChatGpt Api. </h3>
             <div class="oe_row">
-                <h3>Lastest update: v16.23.07.29</h3>
-                <div class="oe_span12">
+                <h3>Lastest update: v16.23.09.22</h3>
+                <div class="row">
                     <div class="row">
-                        <img class=""  src="bard.gif">
-                        Add google bard support, update chatgpt api</div>
+                        Add Alibaba Qwen support(search 'app_ai_ali'), update chatgpt api
+                    </div>
                     <img class="oe_demo  oe_screenshot img img-fluid" src="demo02.jpg">
                 </div>
                 <h3>Lastest update: v16.23.03.16</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo  oe_screenshot img img-fluid"  style="max-height: 100%;" src="banner.png">
                 </div>
                 <div class="oe_span12 oe_spaced">
@@ -25,7 +25,7 @@
                             </li>
                             <li>
                                 <i class="fa fa-check-square-o text-primary"></i>
-                                2. Multi Ai support including Google Bard Ai, Azure Ai, Chatgpt 4, Chatgpt 3.5 Turbo, Chatgpt 3 Davinci, Chatgpt 2 Code Optimized, 'Dall-E Image.
+                                2. Multi Ai support including Azure Ai, Alibaba Ai, Baidu Ai, Chatgpt 4, Chatgpt 3.5 Turbo, Chatgpt 3 Davinci
                             </li>
                             <li>
                                 <i class="fa fa-check-square-o text-primary"></i>
@@ -81,25 +81,21 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">Add more Ai support like google bard, chatgpt 4, baidu china</h1>
+        <h2 class="bg-warning text-center pt8 pb8">Add more Ai support like Alibaba qwen, chatgpt 4, baidu china</h2>
         <h4 class="oe_slogan"> Need to navigate to odoo app store to install addons</h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demo01.jpg"/>
         </div>
-        <h4 class="oe_slogan">Please apply for the bard api first from google</h4>
+        <h4 class="oe_slogan">Please apply for the Qwen Api first from Alibaba</h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demo03.jpg"/>
         </div>
-        <h4 class="oe_slogan">Setup for your own key</h4>
-        <div class="oe_demo  oe_screenshot img img-fluid">
-            <img  src="demo04.jpg"/>
-        </div>
     </div>
 </section>
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">Easy to use Ai Robot with multi Provider. Easy chat, easy help</h1>
+        <h2 class="bg-warning text-center pt8 pb8">Easy to use Ai Robot with multi Provider. Easy chat, easy help</h2>
         <h4 class="oe_slogan"> Open Ai for more smart. Microsoft Azure chatgpt for china user.</h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demob.jpg"/>
@@ -109,8 +105,8 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">1. Multi ChatGpt openAI robot Connector. Chat and train.</h1>
-        <h4 class="oe_slogan"> Goto Setting--> GPT Robot to setup your robot api.  </h4>
+        <h2 class="bg-warning text-center pt8 pb8">1. Multi ChatGpt openAI robot Connector. Chat and train.</h2>
+        <h4 class="oe_slogan"> Goto Setting--> Ai Robot to setup your robot api.  </h4>
         <p> Input your api key, And Select the api model you need to use.</p>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demo1.jpg"/>
@@ -125,7 +121,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">2. Multi Api support, Chatgpt 3.5 Turbo, Chatgpt 3 Davinci, Chatgpt 2 Code Optimized, 'Dall-E Image.</h1>
+        <h2 class="bg-warning text-center pt8 pb8">2. Multi Api support, Chatgpt 3.5 Turbo, Chatgpt 3 Davinci, Chatgpt 2 Code Optimized</h2>
         <h4 class="oe_slogan"> Choose the model you want to use</h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demo2.jpg"/>
@@ -139,7 +135,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">3. Bind ChatGpt Api to user. So we can chat to robot user or use ChatGpt Channel for Group Chat.</h1>
+        <h2 class="bg-warning text-center pt8 pb8">3. Bind ChatGpt Api to user. So we can chat to robot user or use ChatGpt Channel for Group Chat.</h2>
         <h4 class="oe_slogan"> Go Settings ->users, bind chatgpt to some user.</h4>
             <img  src="demo4.jpg"/>
         </div>
@@ -156,8 +152,8 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">4. White and black List for ChatGpt.</h1>
-        <h1 class="text-danger text-center">5. Setup Demo Chat time for every new user.</h1>
+        <h2 class="bg-warning text-center pt8 pb8">4. White and black List for ChatGpt.</h2>
+        <h2 class="bg-warning text-center pt8 pb8">5. Setup Demo Chat time for every new user.</h2>
         <h4 class="oe_slogan"> You can set the blacklist to this chatgpt robot to limit request. Also you can setup Demo time for every normal user..</h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demo6.jpg"/>
@@ -167,7 +163,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">6. Easy Start and Stop ChatGpt..</h1>
+        <h2 class="bg-warning text-center pt8 pb8">6. Easy Start and Stop ChatGpt..</h2>
         <h4 class="oe_slogan"> You can easy chat with the apt robot with odoo IM</h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demo7.jpg"/>
@@ -186,7 +182,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">7. Evaluation the ai robot to make better response. This training.</h1>
+        <h2 class="bg-warning text-center pt8 pb8">7. Evaluation the ai robot to make better response. This training.</h2>
         <h4 class="oe_slogan"> You can Evaluation chatgpt's answer.  Mark as good for good answer. Mark as back for bad answer.</h4>
         <p> With Evaluation, you can make your ai robot more smart.
         <div class="oe_demo  oe_screenshot img img-fluid">
@@ -197,7 +193,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">8. Add api support Connect the Microsoft Azure OpenAI Service.</h1>
+        <h2 class="bg-warning text-center pt8 pb8">8. Add api support Connect the Microsoft Azure OpenAI Service.</h2>
         <h4 class="oe_slogan"> Azure openai add. It is for china and other country which no chatgpt service.</h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demo81.jpg"/>
@@ -207,7 +203,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">9. Can set Synchronous or Asynchronous mode for Ai response.</h1>
+        <h2 class="bg-warning text-center pt8 pb8">9. Can set Synchronous or Asynchronous mode for Ai response.</h2>
         <h4 class="oe_slogan"> Synchronous(default) mode can get response then ask question again. Asynchronous mode would make you do other thing when waiting for response.</h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="demo91.jpg"/>
@@ -217,7 +213,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <h1 class="text-danger text-center">Multi-language Support..</h1>
+        <h2 class="bg-warning text-center pt8 pb8">Multi-language Support..</h2>
         <h4 class="oe_slogan"> </h4>
         <div class="oe_demo  oe_screenshot img img-fluid">
             <img  src="cnreadme.jpg"/>
@@ -225,9 +221,92 @@
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<!-- begin howto-->
+<section class="oe_container container s_text_block o_colored_level pt16 pb16">
+    <h2 class="text-center bg-info text-white pt16 pb16">- How to setup and use -</h2>
+</section>
+<section class="oe_container container">
+    <div class="oe_row oe_spaced">
+        <h4 class="pt16">
+            1. Get ChatGPT Api key from openai or azure.
+        </h4>
+        <p>Api From Azure, please read </p>
+        <p>https://www.odooai.cn/blog/odoo-install-deploy-6/chatgpt4-china-application-chatgpt3-5-free-one-year-microsoft-azure-openai-api-registration-tutorial-odoo-aicenter-integration-28 </p>
+
+        <p>Api From Alibaba, please read </p>
+        <p>https://www.odooai.cn/blog/customer-success-10/odoo-ai-ali-tongyi-qianwen-281</p>
+        <h4 class="pt16">2. Setup your Api information from Settings -- Users --Ai Robot</h4>
+        <div class="row">
+            <div class="oe_demo oe_screenshot img img-fluid">
+                <img src="setup2.jpg">
+            </div>
+        </div>
+        <h4 class="pt16">3. Setup your Api Provider(openai) , api key, End point</h4>
+        <div class="row">
+            <div class="oe_demo oe_screenshot img img-fluid">
+                <img src="setup3.jpg">
+            </div>
+            <p> As openai change the api often, sometime you need to check</p>
+            <p> https://platform.openai.com/docs/introduction</p>
+        </div>
+        <h4 class="pt16">4.Bind your Ai Robot (GPT) to a User. We already setup a sample.</h4>
+        <div class="row">
+            <div class="oe_demo oe_screenshot img img-fluid">
+                <img src="setup4.jpg">
+            </div>
+        </div>
+        <h4 class="pt16">5. Bind your Ai User to Channel from Discuss. We already setup a sample.</h4>
+        <div class="row">
+            <div class="oe_demo oe_screenshot img img-fluid">
+                <img src="setup5.jpg">
+            </div>
+        </div>
+        <h5 class="pt16">6. You can setup the Ai system context and Character.</h5>
+        <div class="row">
+            <div class="oe_demo oe_screenshot img img-fluid">
+                <img src="setup6.jpg">
+            </div>
+        </div>
+        <h5 class="pt16">7. You can setup Lots of channel for subjects and projects..</h5>
+        <div class="row">
+            <div class="oe_demo oe_screenshot img img-fluid">
+                <img src="setup7.jpg">
+            </div>
+        </div>
+    </div>
+</section>
+<!-- end howto-->
+
+
+<!-- begin video-->
+<section class="s_text_block o_colored_level pt16 pb16">
+    <div class="container s_allow_columns">
+        <h2 class="text-center bg-info text-white pt16 pb16">- You can Buy our extra apps for website builder, seo builder or multi languages' translator. -</h2>
+    </div>
+</section>
+<section class="oe_container container s_text_block pt24 pb24 o_colored_level" data-snippet="s_text_block" data-name="文本">
+    <div class="s_allow_columns container">
+        <div data-oe-expression="//www.youtube.com/embed/ntKpCi_Lics?rel=0&amp;autoplay=1" class="media_iframe_video">
+            <div class="css_editable_mode_display"></div>
+            <div class="media_iframe_video_size"></div>
+            <iframe src="//www.youtube.com/embed/ntKpCi_Lics?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
+        </div>
+        <p class="o_default_snippet_text"><br></p>
+    </div>
+    <div class="oe_row text-center">
+        <span>Click above Play. or go </span>
+        <a href="https://www.youtube.com/watch?v=ntKpCi_Lics" target="_blank" role="button" class="btn btn-link btn-lg">Youtube Video of odoo Advance Search Superbar</a>
+    </div>
+    <div class="oe_row text-center">
+        <p class="o_default_snippet_text">Demo Gif Animation if you can not get video</p>
+        <img class="oe_demo oe_screenshot img img-fluid" src="app_ai_seo.gif">
+    </div>
+</section>
+<!-- end video-->
+
+ <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
@@ -256,9 +335,9 @@
         </div>
     </div>
     <div class="oe_row oe_spaced text-center">
-        <h1>More Powerful addons, Make your odoo very easy to use, easy customize:
+        <h2>More Powerful addons, Make your odoo very easy to use, easy customize:
             <a class="btn btn-primary mb16" href="http://www.odoo.com/apps/modules/browse?author=odooai.cn">odooai.cn Odoo Addons</a>
-        </h1>
+        </h2>
     </div>
 </section>