Some ui improvements with coloring and bold texts (#112)

Upsonic · Apr 15, 2024 · dd45c7c · dd45c7c
1 parent 7667606
commit dd45c7c
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 12 deletions.
diff --git a/upsonic_on_prem/dash/app/api_integration.py b/upsonic_on_prem/dash/app/api_integration.py
@@ -35,7 +35,7 @@ def transform_to_html_bold(text):
             content = text[start_idx + 2:end_idx]
 
             # Replace content with HTML <b> tags
-            text = text[:start_idx] + '<br><br><b>' + content + '</b><br>' + text[end_idx + 2:]
+            text = text[:start_idx] + '<br><br><b class="custom_code_highlight_green">' + content + '</b><br>' + text[end_idx + 2:]
 
             # Find the next occurrence
             start_idx = text.find('**', end_idx + 2)

diff --git a/upsonic_on_prem/dash/app/templates/home.html b/upsonic_on_prem/dash/app/templates/home.html
@@ -38,15 +38,13 @@
 
     <div>
         <div class="custom_page_header_top_bottom_margin">
-            <span class="custom_page_header_text">Connection Code</span>
+            <span class="custom_page_header_text"><span class="custom_page_header_text_bold">Connection</span> Code</span>
         </div>
 
 
         <div class="custom_code_block">
             <div class="custom_code_block_code">
-                <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html">
-{{the_connection_code}}
-                </code></pre></div>
+                <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="">{{the_connection_code}}</span></code></pre></div>
             </div>
         </div>
 

diff --git a/upsonic_on_prem/dash/app/templates/libraries/control_library.html b/upsonic_on_prem/dash/app/templates/libraries/control_library.html
@@ -63,12 +63,12 @@
                 <div class="highlight">
                     <pre class="chroma" style="text-wrap: wrap;">
                         <code class="language-html" data-lang="html">
-<b>Importing:</b>
+<b class="custom_code_highlight_green">Importing:</b>
 {{code}}
 
 {{readme|safe}}
 
-<b>Content:</b>
+<b class="custom_code_highlight_green">Content:</b>
 {% for key,value in all_scopes%}
 <b>{{key}}</b>: {{value|safe}}<br>
 {% endfor %}

diff --git a/upsonic_on_prem/dash/app/templates/libraries/libraries.html b/upsonic_on_prem/dash/app/templates/libraries/libraries.html
@@ -12,15 +12,13 @@
 
     <div>
         <div class="custom_page_header_bottom_margin">
-            <span class="custom_page_header_text">Connection Code</span>
+            <span class="custom_page_header_text"><span class="custom_page_header_text_bold">Connection</span> Code</span>
         </div>
 
 
         <div class="custom_code_block">
             <div class="custom_code_block_code">
-                <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html">
-{{the_connection_code}}
-                </code></pre></div>
+<div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="">{{the_connection_code}}</span></code></pre></div>
             </div>
         </div>
 

diff --git a/upsonic_on_prem/utils/ai/ai.py b/upsonic_on_prem/utils/ai/ai.py
@@ -405,7 +405,7 @@ def generate_readme(self, top_library, summary_list):
 
         usage_aim = self.default_completion(prompt)
 
-        result = "<b>Explanation:</b><br>" + summary + "\n\n<b>Use Case:</b><br>" + usage_aim
+        result = '<b class="custom_code_highlight_green">Explanation:</b><br>' + summary + '\n\n<b class="custom_code_highlight_green">Use Case:</b><br>' + usage_aim
 
         return result