RevisionBankCardLink First commit

Dockerfile

@@ -0,0 +1,11 @@
+FROM python:3.9
+
+WORKDIR /code
+
+COPY ./requirements.txt /code/requirements.txt
+
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+
+COPY . .
+
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

README.md

@@ -0,0 +1,8 @@
+---
+title: RevisionBankCardLink
+emoji: 🚀
+colorFrom: pink
+colorTo: green
+sdk: docker
+pinned: false
+---

main.py

@@ -0,0 +1,21 @@
+from fastapi import FastAPI, Request
+from fastapi.responses import HTMLResponse
+from fastapi.templating import Jinja2Templates
+from fastapi.staticfiles import StaticFiles
+import uvicorn
+import asyncio
+app = FastAPI()
+templates = Jinja2Templates(directory="templates")
+app.mount("/static", StaticFiles(directory="static"), name="static")
+@app.get("/hello/{name}", response_class=HTMLResponse)
+async def hello(request: Request, name:str):
+   return templates.TemplateResponse("hello.html", {"request": request, "name":name})
+
+
+async def main():
+    config = uvicorn.Config("main:app", port=7860, log_level="info",host="0.0.0.0",reload=True)
+    server = uvicorn.Server(config)
+    await server.serve()
+
+if __name__ == "__main__":
+    asyncio.run(main())

requirements.txt

@@ -0,0 +1,5 @@
+fastapi
+pydantic
+uvicorn
+jinja2
+aiofiles

static/hello.js

@@ -0,0 +1,19 @@
+function myFunction() {
+    var today = new Date();
+    var h = today.getHours();
+    var m = today.getMinutes();
+    var s = today.getSeconds();
+    var msg="";
+    if (h<12) {
+       msg="Good Morning, ";
+    }
+    if (h>=12 && h<18) {
+       msg="Good Afternoon, ";
+    }
+    if (h>=18) {
+       msg="Good Evening, ";
+    }
+    var x=document.getElementById('ttl').innerHTML;
+    document.getElementById('ttl').innerHTML = msg+x;
+    document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
+ }

static/test.js

@@ -0,0 +1,64 @@
+'use strict'
+const e = React.createElement;
+class Comp1 extends React.Component {
+    constructor(props) {
+       super(props);
+       //this.getallmagneuris = this.getallmagneuris.bind(this);
+       this.state = {quotas:[]}
+    }
+   
+    componentDidMount() {
+       //window.addEventListener('load', this.handleLoad);
+       //this.getallmagneuris();
+       alert("Hi")
+    }
+    /*
+    async getallmagneuris(){
+        const companyname = "Google"
+        const company_password = "kya63amari"
+        const contributorsignup= await axios.post("https://caesarcoinbackend.onrender.com/quotapostersignin",{"company":companyname,"email":"amari.lawal05@gmail.com","password":company_password})
+        
+        //console.log(contributorsignup)
+        if (contributorsignup.data.access_token == "Wrong password"){
+          let walletbalance= document.getElementById("walletbalance")
+          walletbalance.style = "position:absolute;left:20%;top:10%;"
+          walletbalance.innerHTML = `${companyname} incorrect password or username.`
+        }
+        else{
+          const config = {
+            headers: { Authorization: `Bearer ${contributorsignup.data.access_token}` }
+          };
+          const getlastblockchainresp = await axios.get("https://caesarcoinbackend.onrender.com/getallmagneturi",config) 
+          //console.log(getlastblockchainresp.data.quotamagneturis)
+          this.setState( state => ({
+            quotas: state.quotas.concat(getlastblockchainresp.data.quotamagneturis)
+        }));
+  
+        }
+    }*/
+    render () {
+        //console.log(this.state)
+        //const quotas = this.state //.quotas
+        console.log("hi")
+        return (
+          <div>
+            <h1>Quota files Contributed</h1>
+
+          </div>
+        )
+    }
+}
+
+
+// Find all DOM containers, and render our component into them.
+var containers = document.querySelectorAll('.root-react')
+console.log("test")
+containers.forEach(domContainer => {
+    // Read the user ID from a data-* attribute.
+    const userid = domContainer.dataset.userid
+    // render the component into the DOM
+    ReactDOM.render(
+      e(Comp1, { userid: userid}),
+      domContainer
+    )
+});

templates/hello.html

@@ -0,0 +1,100 @@
+<html>
+   <head>
+      <title>My Website</title>
+      <script src="{{ url_for('static', path='hello.js') }}"></script>
+      
+      <title>Google</title>
+      <meta name="title" content="Google"></meta>
+      <meta name="description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
+      </meta>
+      <meta property="og:type" content="website">
+      </meta>
+      <meta property="og:url" content="https://www.google.com/">
+      </meta>
+      <meta property="og:title" content="Google">
+      </meta>
+      <meta property="og:description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
+      </meta>
+      <meta property="og:image" content="https://www.businessinsider.in/thumb/msid-76111673,width-700,height-525,imgsize-308344/YouTube-is-15-years-old-Heres-a-timeline-of-how-YouTube-was-founded-its-rise-to-video-behemoth-and-its-biggest-controversies-along-way.jpg">
+      </meta>
+  
+      <meta property="twitter:card" content="summary_large_image">
+      </meta>
+      <meta property="twitter:url" content="https://www.google.com/">
+      </meta>
+      <meta property="twitter:title" content="Google">
+      </meta>
+      <meta property="twitter:description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
+      </meta>
+      <meta property="twitter:image" content="https://www.businessinsider.in/thumb/msid-76111673,width-700,height-525,imgsize-308344/YouTube-is-15-years-old-Heres-a-timeline-of-how-YouTube-was-founded-its-rise-to-video-behemoth-and-its-biggest-controversies-along-way.jpg">
+      </meta>
+      <style>
+         a,p,h1{
+            font-family: "Arial"
+         }
+      </style>
+   </head>
+   <body style="background-color: #141212;" onload="myFunction()">
+      <div id="time" style="text-align:right;" width="100%">
+      <div>
+                <div style="display:flex;flex-direction:column;align-items:center;width:100%;margin-top:50px">
+                <div>
+                <h1 style="color:white;margin-bottom:20px">Revision Cards</h1>
+                </div>
+                
+        
+                <div style="position:relative;border:3px white solid;border-radius:10px;background-color:white;width: 100vh">
+        
+                    <div style="position:relative;left:10%;top:10%;width:80%;border:1px grey solid;border-radius:5px">
+                        <div style="margin:20px">
+                            <div style="display:flex;gap:7%;border-bottom:1px grey solid;flex-direction:row">
+                                <p style="color:grey">Email to send to:</p>
+                                <p >amari.lawal05@gmail.com</p>
+                            </div>
+                            
+                            <div style="display:flex;gap:10%;border-bottom:1px grey solid;margin-top:50px;flex-direction:row">
+                                <p style="color:grey">Revision Interval</p>
+                                <p>60 minutes</p>
+                                
+                            </div>
+                            <div style="display:flex;gap:10%;border-bottom:1px grey solid;margin-top:50px;flex-direction:row">
+                            <p style="color:grey">Manage Revision Cards:</p>
+                            </div>
+                                
+                            <div>
+                                <div key={1} style="display:flex;margin-top:50px;flex-direction:row;justify-content: space-between">
+                                    <p >A Level Physics</p>
+                                    <p style="margin-right:40px">Photons and Electrons</p>
+                                </div>
+                                <textarea defaultValue="Hello world" name="revisioncard" className="form-control" style="height:200px;width:95%;margin-top:10px">
+                                </textarea>
+                                
+                                
+                                <table>
+                                    <tbody >
+                                    <tr>
+                                    image.png
+                                    </tr>
+                                    <tr>
+                                    <td ><img key={1} style="width:55%;height:55%" src="{{ url_for('static', path='test.jpg') }}"></img></td>
+                                    
+                                    </tr>
+                                    </tbody>
+                                </table>
+                                
+                                        
+                                    
+        
+          
+        
+        
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+      </div>
+
+   </body>
+   
+</html>