You`
31 | let user_question = document.createElement('p')
32 | user_question.innerText = query
33 | user_query.append(user_avatar_div, user_question)
34 |
35 | // Gemini-Bot/Gemini part
36 | let gemini_response = document.createElement('div')
37 | gemini_response.setAttribute('class', 'gemini')
38 | let gemini_avatar_div = document.createElement('div')
39 | gemini_avatar_div.innerHTML = ` You`
52 | let user_img_query = document.createElement('img')
53 | user_img_query.setAttribute('id', "query_img")
54 | user_img_query.src = `${imgUrl}` // using the image url that was created during input event
55 | let user_question = document.createElement('p')
56 | user_question.innerText = query
57 | user_query.append(user_avatar_div, user_img_query, user_question)
58 |
59 | // Gemini-Bot/Gemini part
60 | let gemini_response = document.createElement('div')
61 | gemini_response.setAttribute('class', 'gemini')
62 | let gemini_avatar_div = document.createElement('div')
63 | gemini_avatar_div.innerHTML = ` You`
126 | let user_img_query = document.createElement('img')
127 | user_img_query.setAttribute('id', "query_temp_img")
128 | user_img_query.src = `${img_url}`
129 | user_img_query.style.opacity = "0.8"
130 | user_query.append(user_avatar_div, user_img_query)
131 |
132 | all_chats.append(user_query)
133 | } catch (err) {
134 | console.log(err)
135 | imgUrl = null;
136 | }
137 | })
138 |
139 | text_area.addEventListener("keydown", (event) => {
140 | if (event.key == 'Enter') {
141 | ask_btn.click()
142 | }
143 | })
144 |
145 | // Function to load/retain all the chats when the page is refreshed/loaded
146 | window.addEventListener("load", () => {
147 | let whole_html = ""
148 | // retrieve the array and take all the queries that was stored, then use it
149 | if (sessionStorage.getItem("query_img_array_7_48")) {
150 | let queries = JSON.parse(sessionStorage.getItem("query_img_array_7_48"))
151 | for (query of queries) {
152 | whole_html += query
153 | }
154 | }
155 | all_chats.innerHTML = whole_html
156 | })
--------------------------------------------------------------------------------
/static/person_avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yashksaini-coder/Gemini-Bot/ad983b79da0b261591b454b6136e86ad61aff645/static/person_avatar.png
--------------------------------------------------------------------------------
/templates/chats.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Text to text
21 |Image to text
22 |}})
17 | Gemini Bot: Simple & Light-weight flask based AI bot .
18 |