Add step folders

Author: acsany

build-a-rest-api-frontend/source_code_final/init_database.py

@@ -0,0 +1,93 @@
+from datetime import datetime
+from sqlalchemy.exc import OperationalError
+from sqlalchemy.ext.serializer import loads, dumps
+
+from config import app, db
+from models import Note, Person
+
+PEOPLE_NOTES = [
+    {
+        "lname": "Fairy",
+        "fname": "Tooth",
+        "notes": [
+            ("I brush my teeth after each meal.", "2022-01-06 17:10:24"),
+            (
+                "The other day a friend said, I have big teeth.",
+                "2022-03-05 22:17:54",
+            ),
+            ("Do you pay per gram?", "2022-03-05 22:18:10"),
+        ],
+    },
+    {
+        "lname": "Ruprecht",
+        "fname": "Knecht",
+        "notes": [
+            (
+                "I swear, I'll do better this year.",
+                "2022-01-01 09:15:03",
+            ),
+            (
+                "Really! Only good deeds from now on!",
+                "2022-02-06 13:09:21",
+            ),
+        ],
+    },
+    {
+        "lname": "Bunny",
+        "fname": "Easter",
+        "notes": [
+            (
+                "Please keep the current inflation rate in mind!",
+                "2022-01-07 22:47:54",
+            ),
+            ("No need to hide the eggs this time.", "2022-04-06 13:03:17"),
+        ],
+    },
+]
+
+def get_data_from_table(model):
+    try:
+        data = db.session.query(model).all()
+        db.session.close()
+        return data
+    except OperationalError:
+        return []
+
+def create_database(db):
+    db.create_all()
+    for data in PEOPLE_NOTES:
+        new_person = Person(lname=data.get("lname"), fname=data.get("fname"))
+        for content, timestamp in data.get("notes", []):
+            new_person.notes.append(
+                Note(
+                    content=content,
+                    timestamp=datetime.strptime(
+                        timestamp, "%Y-%m-%d %H:%M:%S"
+                    ),
+                )
+            )
+        db.session.add(new_person)
+    db.session.commit()
+    print("Created new database")
+
+def update_database(db, existing_people, existing_notes):
+    db.drop_all()
+    db.create_all()
+    for person in existing_people:
+        db.session.merge(person)
+    for note in existing_notes:
+        db.session.merge(note)
+    db.session.commit()
+    print("Updated existing database")
+
+with app.app_context():
+    existing_people = get_data_from_table(Person)
+    existing_notes = get_data_from_table(Note)
+
+    if not existing_people:
+        create_database(db)
+    else:
+        update_database(db, existing_people, existing_notes)
+
+
+

build-a-rest-api-frontend/source_code_final/models.py

@@ -26,7 +26,7 @@ class Meta:
 class Person(db.Model):
     __tablename__ = "person"
     id = db.Column(db.Integer, primary_key=True)
-    lname = db.Column(db.String(32))
+    lname = db.Column(db.String(32), nullable=False)
     fname = db.Column(db.String(32))
     timestamp = db.Column(
         db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow

build-a-rest-api-frontend/source_code_final/people.py

@@ -31,6 +31,7 @@ def update(person_id, person):
     if existing_person:
         update_person = person_schema.load(person, session=db.session)
         existing_person.fname = update_person.fname
+        existing_person.lname = update_person.lname
         db.session.merge(existing_person)
         db.session.commit()
         return person_schema.dump(existing_person), 201

build-a-rest-api-frontend/source_code_final/static/css/notes.css

@@ -1,18 +1,9 @@
-.note-control-card {
-    text-align: right;
-}
-
-.note-control {
-    text-align: left;
-}
-
 .note-create-card {
     background-color: var(--secondary-color);
     padding: 1em;
 }
 
-.note-create-card input,
-.note-control-card input {
+.note-create-card input {
     width: 100%;
 }
 

build-a-rest-api-frontend/source_code_final/static/js/debug.js

@@ -1,13 +1,5 @@
 import { getData } from "./request.js";
 
-export function showInDebug(data) {
-  const debugCard = document.querySelector(".debug-card");
-  if (debugCard) {
-    let code = debugCard.querySelector("code");
-    code.innerText = data;
-  }
-}
-
 export class DebugForm {
   constructor() {
     this.debugCard = document.querySelector(".debug-card");

build-a-rest-api-frontend/source_code_final/static/js/notes.js

@@ -24,7 +24,10 @@ export class NoteCreateForm {
     this.createButton = this.form.querySelector(
       "button[data-action='create']"
     );
-    this.createButton.addEventListener("click", this.onCreateClick.bind(this));
+    this.createButton.addEventListener(
+      "click",
+      this.handleCreateClick.bind(this)
+    );
     this.connectPerson();
   }
 
@@ -33,7 +36,7 @@ export class NoteCreateForm {
     fieldPersonID.setAttribute("value", this.personID);
   }
 
-  onCreateClick(event) {
+  handleCreateClick(event) {
     event.preventDefault();
     sendForm(this.form, "POST", "/api/notes", this.addNoteToList);
     this.form.reset();

build-a-rest-api-frontend/source_code_final/static/js/people.js

@@ -1,10 +1,6 @@
 import { sendForm } from "./request.js";
 import { NoteCreateForm } from "./notes.js";
 
-/**
- * Initializes the forms, state and display of person-related information
- * via other classes: {@link CreatePersonForm} and {@link PersonControl}
- */
 export class People {
   constructor() {
     this.allPeopleCards = document.querySelectorAll(".person-card");
@@ -24,14 +20,7 @@ export class People {
   }
 }
 
-/**
- * Manages a form allowing the creation of a new person.
- * Manages the view, and the requests to the server
- */
 class CreatePersonForm {
-  /**
-   * @param {@type {HTMLElement}} el
-   */
   constructor(el) {
     this.form = el;
     this.createButton = el.querySelector("button[data-action='create']");

build-a-rest-api-frontend/source_code_final/static/js/request.js

@@ -1,5 +1,3 @@
-import { showInDebug } from "./debug.js";
-
 export function getData(endpoint, callback) {
   const request = new XMLHttpRequest();
   request.onreadystatechange = () => {
@@ -18,7 +16,6 @@ export function sendForm(form, action, endpoint, callback) {
   const request = new XMLHttpRequest();
   request.onreadystatechange = () => {
     if (request.readyState === 4) {
-      showInDebug(request.response);
       callback(request.response, form);
     }
   };

build-a-rest-api-frontend/source_code_final/swagger.yml

@@ -21,7 +21,7 @@ components:
   parameters:
     person_id:
       name: "person_id"
-      description: "ID of the person"
+      description: "ID of the person to get"
       in: path
       required: True
       schema:
@@ -60,7 +60,6 @@ paths:
       responses:
         "201":
           description: "Successfully created person"
-
   /people/{person_id}:
     get:
       operationId: "people.read_one"
@@ -98,7 +97,6 @@ paths:
       responses:
         "204":
           description: "Successfully deleted person"
-
   /notes:
     post:
       operationId: "notes.create"
@@ -121,7 +119,6 @@ paths:
       responses:
         "201":
           description: "Successfully created a note"
-
   /notes/{note_id}:
     get:
       operationId: "notes.read_one"

build-a-rest-api-frontend/source_code_final/templates/_debug.html

@@ -1,5 +1,4 @@
 <div class="debug-card">
-    <h2>Debug</h2>
     <form class="debug-form">
         <input type="text" name="endpoint" value="/api/people" />
         <button data-action="read">Get Data</button>
@@ -14,4 +13,4 @@ <h2>Debug</h2>
     pre {
         white-space: pre-wrap;
     }
-</style>
+</style>