Chrome extension - initial commit

CS410Assignments · dasshims · Oct 27, 2023 · Nov 17, 2023 · Nov 17, 2023 · Nov 18, 2023
commit a4d325ee81d7b23fbcaeb9067845ec121b533ab0
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.idea
+*.iml
diff --git a/README.md b/README.md
@@ -1,3 +1,9 @@
 # CourseProject
 
 Please fork this repository and paste the github link of your fork on Microsoft CMT. Detailed instructions are on Coursera under Week 1: Course Project Overview/Week 9 Activities.
+
+
+## Steps to load the extension in Chrome
+1. Go to the Extensions page by entering chrome://extensions
+2. Enable Developer Mode by clicking the toggle switch next to Developer mode. 
+3. Click the Load unpacked button and select the /extension directory.
diff --git a/extension/CS410_Fall2023_CourseProject_TeamCAHJ.png b/extension/CS410_Fall2023_CourseProject_TeamCAHJ.png
diff --git a/extension/index.html b/extension/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<script src='./js/search.js'></script>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Simple Search Platform</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      text-align: center;
+      margin: 50px;
+    }
+
+    input[type="text"] {
+      padding: 8px;
+      width: 300px;
+    }
+
+    input[type="submit"] {
+      padding: 8px 15px;
+      background-color: #4CAF50;
+      color: white;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+    }
+
+    input[type="submit"]:hover {
+      background-color: #45a049;
+    }
+  </style>
+</head>
+<body>
+<h2>CS410 Fall2023 TeamCAHJ</h2>
+<h4>Search Coursera Lectures</h4>
+<form action="/search" method="get">
+  <input type="text" id="search" name="q" placeholder="Search text...">
+  <br>
+  <input type="submit" value="Search" onclick="search()">
+</form>
+</body>
+</html>
diff --git a/extension/js/es_client.js b/extension/js/es_client.js
@@ -0,0 +1,18 @@
+const { Client } = require('@elastic/elasticsearch')
+const client = new Client({
+    cloud: {
+        id: '<cloud-id>'
+    },
+    auth: {
+        username: 'elastic',
+        password: 'changeme'
+    }
+})
+
+
+const result = await client.search({
+    index: 'my-index',
+    query: {
+        match: { hello: 'world' }
+    }
+})
diff --git a/extension/js/search.js b/extension/js/search.js
@@ -0,0 +1,6 @@
+
+async function search(){
+    return {
+        "lecture" : "Week: 2, Lecture: Title: introduction-to-text-mining-and-analytics, Time: 8:22"
+    }
+}
diff --git a/extension/manifest.json b/extension/manifest.json
@@ -0,0 +1,10 @@
+{
+    "name": "CS410_Fall2023_CourseProject_TeamCAHJ",
+    "description": "Base Level Extension",
+    "version": "1.0",
+    "manifest_version": 3,
+    "action": {
+      "default_popup": "index.html",
+      "default_icon": "CS410_Fall2023_CourseProject_TeamCAHJ.png"
+    }
+  }