Merge pull request #2 from vinay-jose/03-a-web-1.0-application

Dockerfile

@@ -0,0 +1,13 @@
+FROM python:3.9
+
+RUN useradd -m -u 1000 user
+USER user
+ENV PATH="/home/user/.local/bin:$PATH"
+
+WORKDIR /app
+
+COPY --chown=user ./requirements.txt requirements.txt
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
+
+COPY --chown=user . /app
+CMD ["python", "app.py", "--host", "0.0.0.0", "--port", "7860"]

app.py

@@ -0,0 +1,75 @@
+from flask import Flask, redirect, render_template, flash, request
+from models import Contact
+
+Contact.load_db()
+app = Flask(__name__)
+
+app.secret_key = b'just keep swimming'
+
+@app.get("/")
+def index():
+    return redirect("/contacts")
+
+@app.get("/contacts")
+def contacts():
+    search = request.args.get("q")
+    if search:
+        contacts_set = Contact.search(search)
+    else:
+        contacts_set = Contact.all()
+    return render_template("index.html", contacts=contacts_set)
+
+@app.get("/contacts/<contact_id>")
+def contacts_view(contact_id=0):
+    contact = Contact.find(contact_id)
+    return render_template("show.html", contact=contact)
+
+@app.get("/contacts/new")
+def contacts_new_get():
+    return render_template("new.html", contact=Contact())
+
+@app.post("/contacts/new")
+def contacts_new_post():
+    c = Contact(
+        None,
+        request.form['first'],
+        request.form['last'],
+        request.form['phone'],
+        request.form['email']
+    )
+    if c.save():
+        flash("Created New Contact!")
+        return redirect("/contacts")
+    else:
+        return render_template("new.html", contact=c)
+    
+@app.get("/contacts/<contact_id>/edit")
+def contacts_edit_get(contact_id=0):
+    contact = Contact.find(contact_id)
+    return render_template("edit.html", contact=contact)
+
+@app.post("/contacts/<contact_id>/edit")
+def contacts_edit_post(contact_id=0):
+    c = Contact.find(contact_id)
+    c.update(
+        request.form['first'],
+        request.form['last'],
+        request.form['phone'],
+        request.form['email']
+    )
+    if c.save():
+        flash("Updated Contact!")
+        return redirect(f"/contacts/{contact_id}")
+    else:
+        render_template("edit.html", contact=c)
+        
+@app.post("/contacts/<contact_id>/delete")
+def contacts_delete(contact_id=0):
+    contact = Contact.find(contact_id)
+    contact.delete()
+    flash("Deleted Contact!")
+    return redirect("/contacts")
+        
+if __name__ == "__main__":
+    app.run(host="0.0.0.0", port="7860", debug=True)
+  

contacts.json

@@ -0,0 +1,402 @@
+[
+    {
+      "id": 1,
+      "first": "Aarav",
+      "last": "Patel",
+      "phone": "987-654-3210",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 2,
+      "first": "Diya",
+      "last": "Sharma",
+      "phone": "876-543-2109",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 3,
+      "first": "Arjun",
+      "last": "Kumar",
+      "phone": "765-432-1098",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 4,
+      "first": "Ananya",
+      "last": "Singh",
+      "phone": "654-321-0987",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 5,
+      "first": "Vikram",
+      "last": "Gupta",
+      "phone": "543-210-9876",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 6,
+      "first": "Neha",
+      "last": "Reddy",
+      "phone": "432-109-8765",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 7,
+      "first": "Rohan",
+      "last": "Mehta",
+      "phone": "321-098-7654",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 8,
+      "first": "Priya",
+      "last": "Desai",
+      "phone": "210-987-6543",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 9,
+      "first": "Karthik",
+      "last": "Nair",
+      "phone": "109-876-5432",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 10,
+      "first": "Kavya",
+      "last": "Joshi",
+      "phone": "098-765-4321",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 11,
+      "first": "Rahul",
+      "last": "Malhotra",
+      "phone": "987-654-3211",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 12,
+      "first": "Aisha",
+      "last": "Choudhury",
+      "phone": "876-543-2110",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 13,
+      "first": "Vivek",
+      "last": "Kapoor",
+      "phone": "765-432-1099",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 14,
+      "first": "Meera",
+      "last": "Iyer",
+      "phone": "654-321-0988",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 15,
+      "first": "Siddharth",
+      "last": "Verma",
+      "phone": "543-210-9877",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 16,
+      "first": "Riya",
+      "last": "Saxena",
+      "phone": "432-109-8766",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 17,
+      "first": "Aditya",
+      "last": "Menon",
+      "phone": "321-098-7655",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 18,
+      "first": "Anjali",
+      "last": "Bhatia",
+      "phone": "210-987-6544",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 19,
+      "first": "Nikhil",
+      "last": "Rao",
+      "phone": "109-876-5433",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 20,
+      "first": "Pooja",
+      "last": "Chopra",
+      "phone": "098-765-4322",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 21,
+      "first": "Akash",
+      "last": "Mukherjee",
+      "phone": "987-654-3212",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 22,
+      "first": "Shreya",
+      "last": "Sengupta",
+      "phone": "876-543-2111",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 23,
+      "first": "Varun",
+      "last": "Khanna",
+      "phone": "765-432-1100",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 24,
+      "first": "Tanvi",
+      "last": "Agarwal",
+      "phone": "654-321-0989",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 25,
+      "first": "Gaurav",
+      "last": "Bansal",
+      "phone": "543-210-9878",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 26,
+      "first": "Ishaan",
+      "last": "Chakraborty",
+      "phone": "432-109-8767",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 27,
+      "first": "Nisha",
+      "last": "Sinha",
+      "phone": "321-098-7656",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 28,
+      "first": "Dhruv",
+      "last": "Trivedi",
+      "phone": "210-987-6545",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 29,
+      "first": "Aditi",
+      "last": "Mishra",
+      "phone": "109-876-5434",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 30,
+      "first": "Kunal",
+      "last": "Rastogi",
+      "phone": "098-765-4323",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 31,
+      "first": "Sakshi",
+      "last": "Malik",
+      "phone": "987-654-3213",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 32,
+      "first": "Rohit",
+      "last": "Bajaj",
+      "phone": "876-543-2112",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 33,
+      "first": "Shivani",
+      "last": "Bhatt",
+      "phone": "765-432-1101",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 34,
+      "first": "Arnav",
+      "last": "Ahuja",
+      "phone": "654-321-0990",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 35,
+      "first": "Swati",
+      "last": "Chawla",
+      "phone": "543-210-9879",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 36,
+      "first": "Yash",
+      "last": "Dewan",
+      "phone": "432-109-8768",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 37,
+      "first": "Kritika",
+      "last": "Arora",
+      "phone": "321-098-7657",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 38,
+      "first": "Arun",
+      "last": "Narang",
+      "phone": "210-987-6546",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 39,
+      "first": "Sana",
+      "last": "Qureshi",
+      "phone": "109-876-5435",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 40,
+      "first": "Karan",
+      "last": "Mehra",
+      "phone": "098-765-4324",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 41,
+      "first": "Tanya",
+      "last": "Basu",
+      "phone": "987-654-3214",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 42,
+      "first": "Mihir",
+      "last": "Bose",
+      "phone": "876-543-2113",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 43,
+      "first": "Kajal",
+      "last": "Ghosh",
+      "phone": "765-432-1102",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 44,
+      "first": "Pranav",
+      "last": "Lal",
+      "phone": "654-321-0991",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 45,
+      "first": "Simran",
+      "last": "Mathur",
+      "phone": "543-210-9880",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 46,
+      "first": "Aamir",
+      "last": "Khan",
+      "phone": "432-109-8769",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 47,
+      "first": "Zoya",
+      "last": "Suri",
+      "phone": "321-098-7658",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 48,
+      "first": "Vedant",
+      "last": "Chauhan",
+      "phone": "210-987-6547",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 49,
+      "first": "Nandini",
+      "last": "Venkatesh",
+      "phone": "109-876-5436",
+      "email": "[email protected]",
+      "errors": {}
+    },
+    {
+      "id": 50,
+      "first": "Kabir",
+      "last": "Dhillon",
+      "phone": "098-765-4325",
+      "email": "[email protected]",
+      "errors": {}
+    }
+  ]

models.py

@@ -0,0 +1,98 @@
+import json
+import time
+# ========================================================
+# Contact Model
+# ========================================================
+PAGE_SIZE = 100
+
+class Contact:
+    # mock contacts database
+    db = {}
+    def __init__(self, id_=None, first=None, last=None, phone=None, email=None):
+        self.id = id_
+        self.first = first
+        self.last = last
+        self.phone = phone
+        self.email = email
+        self.errors = {}
+
+    def __str__(self):
+        return json.dumps(self.__dict__, ensure_ascii=False)
+
+    def update(self, first, last, phone, email):
+        self.first = first
+        self.last = last
+        self.phone = phone
+        self.email = email
+
+    def validate(self):
+        if not self.email:
+            self.errors['email'] = "Email Required"
+        existing_contact = next(filter(lambda c: c.id != self.id and c.email == self.email, Contact.db.values()), None)
+        if existing_contact:
+            self.errors['email'] = "Email Must Be Unique"
+        return len(self.errors) == 0
+
+    def save(self):
+        if not self.validate():
+            return False
+        if self.id is None:
+            if len(Contact.db) == 0:
+                max_id = 1
+            else:
+                max_id = max(contact.id for contact in Contact.db.values())
+            self.id = max_id + 1
+            Contact.db[self.id] = self
+        Contact.save_db()
+        return True
+
+    def delete(self):
+        del Contact.db[self.id]
+        Contact.save_db()
+
+    @classmethod
+    def count(cls):
+        time.sleep(2)
+        return len(cls.db)
+
+    @classmethod
+    def all(cls, page=1):
+        page = int(page)
+        start = (page - 1) * PAGE_SIZE
+        end = start + PAGE_SIZE
+        return list(cls.db.values())[start:end]
+
+    @classmethod
+    def search(cls, text):
+        result = []
+        for c in cls.db.values():
+            match_first = c.first is not None and text in c.first
+            match_last = c.last is not None and text in c.last
+            match_email = c.email is not None and text in c.email
+            match_phone = c.phone is not None and text in c.phone
+            if match_first or match_last or match_email or match_phone:
+                result.append(c)
+        return result
+
+    @classmethod
+    def load_db(cls):
+        with open('contacts.json', 'r') as contacts_file:
+            contacts = json.load(contacts_file)
+            cls.db.clear()
+            for c in contacts:
+                cls.db[c['id']] = Contact(c['id'], c['first'], c['last'], c['phone'], c['email'])
+
+    @staticmethod
+    def save_db():
+        out_arr = [c.__dict__ for c in Contact.db.values()]
+        with open("contacts.json", "w") as f:
+            json.dump(out_arr, f, indent=2)
+
+    @classmethod
+    def find(cls, id_):
+        id_ = int(id_)
+        c = cls.db.get(id_)
+        if c is not None:
+            c.errors = {}
+        return c
+      

requirements.txt

@@ -0,0 +1 @@
+Flask

templates/edit.html

@@ -0,0 +1,37 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+
+<form action="/contacts/{{ contact.id }}/edit" method="post">
+    <fieldset>
+        <legend>Contact Info</legend>
+        <p>
+            <label for="email">Email</label>
+            <input name="email" id="email" type="text" placeholder="Email" value="{{ contact.email }}"/>
+            <span class="error">{{ contact.errors["email"] }}</span>
+        </p>
+        <p>
+            <label for="first">First Name</label>
+            <input name="first" id="first" type="text" placeholder="First Name" value="{{ contact.first }}"/>
+            <span class="error">{{ contact.errors["first"] }}</span>
+        </p>
+        <p>
+            <label for="last">Last Name</label>
+            <input name="last" id="last" type="text" placeholder="Last Name" value="{{ contact.last }}"/>
+            <span class="error">{{ contact.errors["last"] }}</span>
+        </p>
+        <p>
+            <label for="phone">Phone</label>
+            <input name="phone" id="phone" type="text" placeholder="Phone" value="{{ contact.phone }}"/>
+            <span class="phone">{{ contact.errors["phone"]}}</span>
+        </p>
+        <button>Save</button>
+    </fieldset>
+</form>
+<form action="/contacts/{{ contact.id }}/delete" method="post">
+    <button>Delete Contact</button>
+</form>
+<p>
+    <a href="/contacts">Back</a>
+</p>
+{% endblock %}

templates/index.html

@@ -0,0 +1,36 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+
+<form action="/contacts" method="get" class="tool-bar">
+    <label for="search">Search Term</label>
+    <input id="search" type="search" name="q"
+        value="{{ request.args.get('q') or '' }}"/>
+    <input type="submit" value="Search"/>
+</form>
+<table>
+    <thead>
+        <tr>
+            <th>First name <th>Last name <th>Phone <th>Email </th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for contact in contacts %}
+            <tr>
+                <td>{{ contact.first }}</td>
+                <td>{{ contact.last }}</td>
+                <td>{{ contact.phone }}</td>
+                <td>{{ contact.email }}</td>
+                <td> 
+                    <a href="contacts/{{ contact.id }}/edit">Edit</a> 
+                    <a href="contacts/{{ contact.id }}">View</a>
+                </td>
+            </tr>
+        {% endfor %}
+    </tbody>
+</table>
+<p>
+    <a href="/contacts/new">Add New Contact</a>
+</p>
+
+{% endblock %}

templates/layout.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="">
+<head>
+    <title>Contact App</title>
+</head>
+<body>
+    <main>
+        <header>
+            <h1>Contacts.app</h1>
+            <h3>A Demo Contacts Application</h3>
+        </header>
+        {% block content %}{% endblock %}
+    </main>
+</body>
+</html>

templates/new.html

@@ -0,0 +1,34 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+
+<form action="/contacts/new" method="post">
+    <fieldset>
+        <legend>Contact Info</legend>           
+        <p>
+            <label for="email">Email</label>
+            <input name="email" id="email" type="text" placeholder="Email" value="{{ contact.email or '' }}"/>
+            <span class="error">{{ contact.errors['email'] }}</span>
+        </p>
+        <p>
+            <label for="first">First Name</label>
+            <input name="first" id="first" type="text" placeholder="First Name" value="{{ contact.first or '' }}"/>
+            <span class="error">{{ contact.errors['first']}}</span>
+        </p>
+        <p>
+            <label for="last">Last Name</label>
+            <input name="last" id="last" type="text" placeholder="Last Name" value="{{ contact.last or '' }}"/>
+            <span class="error">{{ contact.errors['last'] }}</span>
+        </p>
+        <p>
+            <label for="phone">Phone</label>
+            <input name="phone" id="phone" type="text" placeholder="Phone" value="{{ contact.phone or '' }}"/>
+            <span class="error">{{ contact.errors['phone'] }}</span>
+        </p>
+        <button>Save</button>
+    </fieldset>
+</form>
+<p>
+    <a href="/contacts">Back</a>
+</p>
+{% endblock %}

templates/show.html

@@ -0,0 +1,15 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+
+<h1>{{contact.first}} {{contact.last}}</h1>
+<div>
+    <div>Phone: {{contact.phone}}</div>
+    <div>Email: {{contact.email}}</div>
+</div>
+<p>
+    <a href="/contacts/{{ contact.id }}/edit">Edit</a>
+    <a href="/contacts">Back</a>
+</p>
+
+{% endblock %}