Use custom title and remove space between textarea and go button

Author: danielneis

classes/output/mobile.php

@@ -32,7 +32,7 @@ class mobile {
      * @param array $args Data provided by standard CoreBlockDelegate.
      */
     public static function get_block_content($args) {
-        global $CFG, $OUTPUT;
+        global $CFG, $DB, $OUTPUT;
 
         $context = \core\context\block::instance($args['blockid']);
 
@@ -60,6 +60,16 @@ public static function get_block_content($args) {
         $assistantname = get_config('block_openai_chat', 'assistantname') ? get_config('block_openai_chat', 'assistantname') : get_string('defaultassistantname', 'block_openai_chat');
         $username = get_config('block_openai_chat', 'username') ? get_config('block_openai_chat', 'username') : get_string('defaultusername', 'block_openai_chat');
 
+        $title = get_string('openai_chat', 'block_openai_chat');
+        $configdata = $DB->get_field('block_instances', 'configdata', ['id' => $context->instanceid]);
+        if (!empty($configdata)) {
+            $cfg = base64_decode($configdata);
+            $cfg = unserialize_object($cfg);
+            if (!empty($cfg->title)) {
+                $title = $cfg->title;
+            }
+        }
+
         // Then, override with local settings if available
         if (!empty($config)) {
             $assistantname = (property_exists($config, 'assistantname') && $config->assistantname) ? $config->assistantname : $assistantname;
@@ -77,6 +87,7 @@ public static function get_block_content($args) {
             'assistantname' => $assistantname,
             'showlabelscss' => $showlabelscss,
             'contextid' => $context->id,
+            'title' => $title,
         ];
 
         return [

db/mobile.php

@@ -35,7 +35,7 @@
                 ],
                 'styles' => [
                     'url' => $CFG->wwwroot . '/blocks/openai_chat/styles.css',
-                    'version' => 8,
+                    'version' => 11,
                 ],
             ],
         ],

styles.css

@@ -28,7 +28,8 @@
     filter: brightness(0.8);
 }
 
-.block_openai_chat #control_bar #go {
+.block_openai_chat #control_bar #go,
+#control_bar #go button.button-native {
     border-radius: 0 0.5rem 0.5rem 0;
 }
 
@@ -318,3 +319,9 @@ ion-card.block_openai_chat .openai_message.bot {
         opacity: 1;
     }
 }
+
+.block_openai_chat .card-title:before{
+  content: url(https://ccaa-digital.s3.amazonaws.com/CSS%20style/stars.png);
+  display: inline-block;
+  margin-right: 0.25em;
+}

templates/mobile.mustache

@@ -29,22 +29,29 @@
 }}
 {{=<% %>=}}
 <div style="padding: 0 0.5em 0.5em 0.5em">
-<h3><%#str%> openai_chat, block_openai_chat <%/str%></h3>
+<h3><% title %></h3>
 <div id="openai_chat_log" role="log"></div>
 <div id="control_bar">
     <div class="openai_input_bar" id="input_bar">
-        <textarea aria-label="<%#str%>askaquestion, block_openai_chat<%/str%>" rows=1 id="openai_input" placeholder="<%#str%>askaquestion, block_openai_chat<%/str%>" type="text" name="message" core-auto-rows [(ngModel)]="CONTENT_OTHERDATA.message"></textarea>
+        <textarea 
+            style="background-color: white; color: black;"
+            aria-label="<%#str%>askaquestion, block_openai_chat<%/str%>"
+            rows=1 id="openai_input" placeholder="<%#str%>askaquestion, block_openai_chat<%/str%>"
+            type="text" name="message"
+            core-auto-rows
+            [(ngModel)]="CONTENT_OTHERDATA.message"></textarea>
+
+        <ion-button id="go" style="width: 1em; height: 1em; margin: 0;"
+            core-site-plugins-call-ws
+            name="block_openai_chat_answer"
+            component="block_openai_chat" method="answer" samePage="true" showError="false"
+            [params]="{contextid: <% contextid %>}"
+            (onSuccess)="this.answer($event)"
+            (onError)="this.answer($event)"
+            [useOtherDataForWS]="['message']"
+            ><img style="transform: scale(1.3)" src="<%config.wwwroot%><% pix_arrow_right %>" alt="<%#str%>askaquestion, block_openai_chat<%/str%>" class='openai_input_submit_btn_icon'>
+        </ion-button>
     </div>
-    <ion-button id="chat-send" style="width: 1em; height: 1em; margin: 0;"
-        core-site-plugins-call-ws
-        name="block_openai_chat_answer"
-        component="block_openai_chat" method="answer" samePage="true" showError="false"
-        [params]="{contextid: <% contextid %>}"
-        (onSuccess)="this.answer($event)"
-        (onError)="this.answer($event)"
-        [useOtherDataForWS]="['message']"
-        ><img style="transform: scale(1.3)" src="<%config.wwwroot%><% pix_arrow_right %>" alt="<%#str%>askaquestion, block_openai_chat<%/str%>" class='openai_input_submit_btn_icon'>
-    </ion-button>
     <ion-button class='openai_input_refresh_btn' style="width: 1em; height: 1em; margin: 0;" color="secondary"
         title="<%#str%>new_chat, block_openai_chat <%/str%>" id="refresh">
         <img style="transform: scale(1.3)" src="<%config.wwwroot%><% pix_refresh %>" class='openai_input_refresh_btn_icon' alt="<%#str%>new_chat, block_openai_chat <%/str%>" />