Add initial files for Bougth Together Results

bt_color.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8b47ec8cc1cb2a71cd307858c796d8995c6135dd0ab83d4d7856dab14c954699
+size 34921428

bt_color_no_cat_order.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ccadd17b565b1d1b001f5b3993377d68e4cb98b8a7299d72a0e34ebbe307f741
+size 34108444

bt_no_color.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:668b763870bba3c9a2c801f043dd70d1667d03ff399f0358ac9382352f1dcba9
+size 34332666

entry.py

@@ -0,0 +1,92 @@
+import streamlit as st
+import pickle
+from html_information import html
+
+
+def load_pickle_file(file_name):
+    with open(file_name, 'rb') as f:
+        return pickle.load(f)
+
+
+def streamlit_carousel(header_name: str, rec_item_url: list,
+                       rec_item_name: list) -> None:
+    st.header(header_name)
+    mid_section = ""
+    for index, value in enumerate(rec_item_url):
+        mid_section += """<div class="item"><div id="image-container"><img src='""" + str(value) + """' /></div><p>""" + str(rec_item_name[index]) + """</p></div>"""
+
+    mid_html = html + mid_section + """</div></div></body>"""
+    st.markdown(mid_html, unsafe_allow_html=True)
+
+
+def get_mapped_values(uid_list, uid_map_dict):
+    res = []
+    for val in uid_list:
+        res.append(uid_map_dict[val])
+    return res
+
+
+uid_name_map = load_pickle_file('generalize_uid_name_map.pkl')
+uid_media_map = load_pickle_file('generalize_uid_media_map.pkl')
+bt_no_color_rec = load_pickle_file('bt_no_color.pkl')
+bt_color_rec = load_pickle_file('bt_color.pkl')
+bt_color_no_cat_order = load_pickle_file('bt_color_no_cat_order.pkl')
+
+
+
+st.set_page_config(page_title="My App", page_icon=":guardsman:", layout="wide", initial_sidebar_state="auto")
+st.header("Bought Together Recommendations")
+uid_list = list(uid_name_map)
+uid_name_list = get_mapped_values(uid_list, uid_name_map)
+st.subheader("Choose a Product")
+index = st.selectbox("Product List", range(len(uid_name_list)), format_func=lambda x: uid_name_list[x])
+query_id = uid_list[index]
+print(query_id)
+print()
+query_url = uid_media_map[query_id]
+st.image(query_url, width=200)
+for val in bt_no_color_rec:
+    if val["product_id"] == query_id:
+        text_rec_list = val["recommendations"]
+        print(text_rec_list)
+        if text_rec_list:
+            text_rec_url = []
+            text_rec_name = []
+            for val in text_rec_list:
+                text_rec_url.append(uid_media_map[val["product_id"]])
+                text_rec_name.append(uid_name_map[val["product_id"]])
+            streamlit_carousel("BT Recommendations No Color", text_rec_url, text_rec_name)
+        else:
+            st.write("No BT recommendations found")
+
+for val in bt_color_rec:
+    if val["product_id"] == query_id:
+        text_rec_list = val["recommendations"]
+        print(text_rec_list)
+        if text_rec_list:
+            text_rec_url = []
+            text_rec_name = []
+            for val in text_rec_list:
+                text_rec_url.append(uid_media_map[val["product_id"]])
+                text_rec_name.append(uid_name_map[val["product_id"]])
+            streamlit_carousel("BT Recommendations Color", text_rec_url, text_rec_name)
+        else:
+            st.write("No BT recommendations found")
+
+for val in bt_color_no_cat_order:
+    if val["product_id"] == query_id:
+        text_rec_list = val["recommendations"]
+        print(text_rec_list)
+        if text_rec_list:
+            text_rec_url = []
+            text_rec_name = []
+            for val in text_rec_list:
+                text_rec_url.append(uid_media_map[val["product_id"]])
+                text_rec_name.append(uid_name_map[val["product_id"]])
+            streamlit_carousel("BT Recommendations Color No Category Order", text_rec_url, text_rec_name)
+        else:
+            st.write("No BT recommendations found No Category Order")
+
+
+
+

generalize_uid_media_map.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2aaaaeb9ce0bada0ce217245d6d922cee8ac9ccb3aaa2f1274804384ab7404d0
+size 1317791

generalize_uid_name_map.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c5fb8c2fc1814b5a30200a49da01cf8c3d56821ed372d71c56211749556f6bdc
+size 466520

html_information.py

@@ -0,0 +1,67 @@
+html = """
+<style>
+ body{
+  font-family: sans-serif;
+}
+h1{
+  font-weight: 100;
+}
+.container{
+  width: 100%;
+  display:block;
+  overflow:hidden;
+}
+.carousel{
+  display:block;
+  width: 100%;
+  height: 320px;
+  background: white;
+  overflow-x: scroll;
+  padding: 10px;
+  margin: 0;
+  white-space: nowrap; 
+  border-top: 2px solid rgba(0, 0, 0, 0.1);
+  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
+}
+.item {
+    display: inline-block;
+    overflow: hidden;
+    width: 250px;
+    margin: 0 10px;
+    height: calc(100%);
+    background: rgba(0, 0, 0, 0.05) no-repeat center center;
+    background-size: cover;
+    position:relative;
+    border-radius: 20px;
+    box-shadow: 0 0 10px #dfdfdf;
+}
+.item p {
+    padding: 20px;
+    word-break: break-all;
+    white-space: break-spaces;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    margin: 0;
+    align: center;
+}
+#image-container{
+  width: 100%;
+  height: 60%;
+  text-align:center;
+  font-size: 9em;
+  color: white;
+  overflow: hidden;
+}
+#image-container img{
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div class="carousel">
+"""