From 12435963922ba2452fd09daacd15e2273198428a Mon Sep 17 00:00:00 2001
From: 0ceanSlim <89587889+0ceanSlim@users.noreply.github.com>
Date: Fri, 28 Jul 2023 23:30:07 -0400
Subject: [PATCH 1/3] I have a webview working but not all the way. I can't get
 it it load scripts in html

---
 .idea/gradle.xml                              |  1 +
 .idea/misc.xml                                |  1 -
 app/assets/script.html                        | 21 ++++++
 .../com/example/satsmonitor/MainActivity.kt   | 68 ++++++++++++++++++-
 app/src/main/res/layout/activity_main.xml     | 29 ++------
 5 files changed, 95 insertions(+), 25 deletions(-)
 create mode 100644 app/assets/script.html
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 6d89050..ae388c2 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 0ad17cb..8978d23 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
   <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
diff --git a/app/assets/script.html b/app/assets/script.html
new file mode 100644
index 0000000..f573936
--- /dev/null
+++ b/app/assets/script.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+
+<div class="bitcointodollars">
+    <h1>Bitcoin Price Tracker</h1>
+    <div id="bitcoin-price"></div>
+</div>
+<script>
+    // Fetch the Bitcoin price from the CoinGecko API
+    fetch('https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd')
+        .then(response => response.json())
+        .then(data => {
+            const bitcoinPrice = data['bitcoin']['usd'];
+            const bitcoinPriceDivided = bitcoinPrice; // Divide the Bitcoin price by 100 million
+            // Update the Bitcoin price on the website
+            const bitcoinPriceElement = document.getElementById('bitcoin-price');
+            bitcoinPriceElement.textContent = `1 Bitcoin = $${bitcoinPriceDivided.toFixed(2)}`; // Display the Bitcoin price
+        })
+        .catch(error => console.error(error));
+</script>
\ No newline at end of file
diff --git a/app/src/main/java/com/example/satsmonitor/MainActivity.kt b/app/src/main/java/com/example/satsmonitor/MainActivity.kt
index 3632d93..b8cbe74 100644
--- a/app/src/main/java/com/example/satsmonitor/MainActivity.kt
+++ b/app/src/main/java/com/example/satsmonitor/MainActivity.kt
@@ -2,10 +2,76 @@ package com.example.satsmonitor
 
 import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
+import android.webkit.WebView
+import android.webkit.WebSettings
 
 class MainActivity : AppCompatActivity() {
+
+    private lateinit var webView: WebView
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
+
+        // Get the WebView reference from the layout
+        webView = findViewById(R.id.webView)
+
+        // Enable JavaScript support
+        val webSettings: WebSettings = webView.settings
+        webSettings.javaScriptEnabled = true
+
+        // Clear the WebView cache (optional)
+        webView.clearCache(true)
+
+        // Load the HTML content with the embedded script and CSS
+        val htmlContent = """<!DOCTYPE html>
+    <html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <style>
+            /* CSS styles for the Bitcoin Price Tracker */
+            body {
+                font-family: Arial, sans-serif;
+                margin: 20px;
+            }
+            .bitcointodollars {
+                background-color: #f5f5f5;
+                padding: 10px;
+                border: 1px solid #ccc;
+                border-radius: 5px;
+            }
+            h1 {
+                color: #333;
+            }
+            #bitcoin-price {
+                font-size: 24px;
+                font-weight: bold;
+                color: #0066cc;
+                margin-top: 10px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="bitcointodollars">
+            <h1>Bitcoin Price Tracker.</h1>
+            <div id="bitcoin-price"></div>
+        <script>
+            // Fetch the Bitcoin price from the CoinGecko API
+            fetch('https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd')
+                .then(response => response.json())
+                .then(data => {
+                    const bitcoinPrice = data['bitcoin']['usd'];
+                    // Update the Bitcoin price on the website
+                    const bitcoinPriceElement = document.getElementById('bitcoin-price');
+                    bitcoinPriceElement.textContent = '1 Bitcoin = $' + bitcoinPrice.toFixed(2); // Display the Bitcoin price
+                })
+                .catch(error => console.error(error));
+        </script>
+        </div>
+    </body>
+    </html>"""
+
+        webView.loadDataWithBaseURL(null, htmlContent, "text/html", "UTF-8", null)
     }
-}
\ No newline at end of file
+
+
+}
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 72c4173..3c68e65 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -6,28 +6,11 @@
     android:layout_height="match_parent"
     tools:context=".MainActivity">
 
-    <TextView
-        android:id="@+id/textView2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Hello World!"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-    <TextView
-        android:id="@+id/textView"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="192dp"
-        android:layout_marginTop="90dp"
-        android:layout_marginEnd="192dp"
-        android:layout_marginBottom="246dp"
-        android:text="@string/test"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/textView2" />
+    <WebView
+        android:id="@+id/webView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:layout_editor_absoluteX="0dp"
+        tools:layout_editor_absoluteY="-356dp" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file

From 37c20e9bf72bf1a829b4a4e868eca123f1418809 Mon Sep 17 00:00:00 2001
From: 0ceanSlim <89587889+0ceanSlim@users.noreply.github.com>
Date: Sat, 29 Jul 2023 07:57:33 -0400
Subject: [PATCH 2/3] Bitcoin price is displaying in HTLM with Javascript!

---
 app/src/main/AndroidManifest.xml                          | 6 ++++--
 app/src/main/java/com/example/satsmonitor/MainActivity.kt | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 2309cc5..8780fb8 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -1,7 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
+    <!-- Add the internet permission here -->
+    <uses-permission android:name="android.permission.INTERNET" />
+
     <application
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
@@ -23,4 +25,4 @@
         </activity>
     </application>
 
-</manifest>
\ No newline at end of file
+</manifest>
diff --git a/app/src/main/java/com/example/satsmonitor/MainActivity.kt b/app/src/main/java/com/example/satsmonitor/MainActivity.kt
index b8cbe74..536cf42 100644
--- a/app/src/main/java/com/example/satsmonitor/MainActivity.kt
+++ b/app/src/main/java/com/example/satsmonitor/MainActivity.kt
@@ -53,6 +53,7 @@ class MainActivity : AppCompatActivity() {
     <body>
         <div class="bitcointodollars">
             <h1>Bitcoin Price Tracker.</h1>
+            <p> this is a p </p>
             <div id="bitcoin-price"></div>
         <script>
             // Fetch the Bitcoin price from the CoinGecko API

From b10ea93ea7420dbbd160dec1616cac71bddf4da9 Mon Sep 17 00:00:00 2001
From: 0ceanSlim <89587889+0ceanSlim@users.noreply.github.com>
Date: Sat, 29 Jul 2023 09:17:35 -0400
Subject: [PATCH 3/3] Added proper CSS Sytling

---
 .../com/example/satsmonitor/MainActivity.kt   | 33 ++++++++++++-------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/app/src/main/java/com/example/satsmonitor/MainActivity.kt b/app/src/main/java/com/example/satsmonitor/MainActivity.kt
index 536cf42..d3a35a4 100644
--- a/app/src/main/java/com/example/satsmonitor/MainActivity.kt
+++ b/app/src/main/java/com/example/satsmonitor/MainActivity.kt
@@ -30,30 +30,41 @@ class MainActivity : AppCompatActivity() {
         <style>
             /* CSS styles for the Bitcoin Price Tracker */
             body {
-                font-family: Arial, sans-serif;
-                margin: 20px;
+                margin: 0;
+	            padding: 0;
+	            background: #252525;
+	            color: #ffffff;
+	            font-family: monospace, Arial;
+	            font-size: 12px;
+	            font-feature-settings: normal;
+	            overflow-x: hidden;
+	            text-align: center;
             }
             .bitcointodollars {
-                background-color: #f5f5f5;
-                padding: 10px;
+                width: auto;
+                margin-left: 20px;
+                margin-right: 20px;
+                margin-top: 20px;
+                background-color: #252525;
                 border: 1px solid #ccc;
-                border-radius: 5px;
+                border-radius: 8px;
+                padding: 10px;
+                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
             }
             h1 {
-                color: #333;
+	            color: #ff7500;
             }
             #bitcoin-price {
                 font-size: 24px;
                 font-weight: bold;
-                color: #0066cc;
-                margin-top: 10px;
+                text-align: center;
+                margin: 10px;
             }
         </style>
     </head>
     <body>
         <div class="bitcointodollars">
-            <h1>Bitcoin Price Tracker.</h1>
-            <p> this is a p </p>
+            <h1>Bitcoin Price Tracker</h1>
             <div id="bitcoin-price"></div>
         <script>
             // Fetch the Bitcoin price from the CoinGecko API
@@ -63,7 +74,7 @@ class MainActivity : AppCompatActivity() {
                     const bitcoinPrice = data['bitcoin']['usd'];
                     // Update the Bitcoin price on the website
                     const bitcoinPriceElement = document.getElementById('bitcoin-price');
-                    bitcoinPriceElement.textContent = '1 Bitcoin = $' + bitcoinPrice.toFixed(2); // Display the Bitcoin price
+                    bitcoinPriceElement.textContent = '1 BTC = $' + bitcoinPrice.toFixed(2); // Display the Bitcoin price
                 })
                 .catch(error => console.error(error));
         </script>
