A Healthy Web Page

Javascript & Ajax

Strider64 April 18, 2022, 2:08am #1

I’ve been trying to lose weight by walking and watching what I eat as I’m border on having blood pressure. OK, I will stop boring with my medical situation, but it ties into a little application that I am writing with Vanilla JavaScript using Fetch. I can keep track of my blood pressure, walking distance, my weight and how many calories I consume during the day. I’m still developing this web page, but I have made pretty good progress so far. Here it is on my GitHub Repository -

github.com

Strider64/phototechguru/blob/master/pbreadings.php

<?php
require_once 'assets/config/config.php';
require_once "vendor/autoload.php";

use PhotoTech\Measure;


if (!isset($_SESSION['last_login'])) {
    header("Location: index.php");
    exit();
}

if ($_SESSION['id'] != 2) {
    header('Location: index.php');
    exit();
}

/*
 * Add a new record to the database table.
 */

This file has been truncated. show original

github.com

Strider64/phototechguru/blob/master/assets/js/bp.js

'use strict';

/*
 *  The Blood Pressure Tracking ver 1.5  using FETCH/JSON
 *  by John R. Pepp
 *  Started: April 14, 2022
 *  Revised: Aprile 17 @ 2:30 pm
 */

(function () {

    let total_count = parseInt(document.querySelector('.site').getAttribute('data-pages'));
    let per_page = 14;
    let current_page = 0;
    let total_pages = Math.ceil(total_count / per_page);

    let offset = per_page * current_page;
    let data = {current: current_page, total_count: total_count, total_pages: total_pages, per_page: per_page, offset: offset  };
    //console.log(data);

This file has been truncated. show original

github.com

Strider64/phototechguru/blob/master/newRetrieveBP.php

<?php
require_once 'assets/config/config.php';
require_once "vendor/autoload.php";

use PhotoTech\Measure;

if (!isset($_SESSION['last_login'])) {
    header("Location: index.php");
    exit();
}

if ($_SESSION['id'] != 2) {
    header('Location: index.php');
    exit();
}

/* Makes it, so we don't have to decode the json coming from javascript */
header('Content-type: application/json');

This file has been truncated. show original

github.com

Strider64/phototechguru/blob/master/src/Measure.php

<?php

namespace PhotoTech;

use PDO;
class Measure extends DatabaseObject
{
    protected static string $table = "bp_measurement"; // Table Name:
    static protected array $db_columns = ['id', 'user_id', 'date_taken', 'systolic', 'diastolic', 'pulse', 'miles_walked', 'weight'];

    public int $id;
    public int $user_id;
    public string $date_taken;
    public int $systolic;
    public int $diastolic;
    public int $pulse;
    public float $miles_walked;
    public int $weight;
    public int $sodium;

This file has been truncated. show original

github.com

Strider64/phototechguru/blob/master/src/DatabaseObject.php

<?php

namespace PhotoTech;

use mysql_xdevapi\Exception;
use PDO;
use PDOException;

class DatabaseObject // Extended by the children class:
{
    static protected string $table = ""; // Overridden by the calling class:
    static protected array $db_columns = []; // Overridden by the calling class:
    static protected array $objects = [];
    static protected array $params = [];
    static protected $searchItem;
    static protected $searchValue;

    /*
     * There is NO read() method this fetch_all method
     *  basically does the same thing. The query ($sql)

This file has been truncated. show original

I know people use React to do this, but I find it fun doing it vanilla js. Like I said this is still be worked on, so just check this repository for updates every once in awhile.

HTH ~ John

1 Like

ErnieAlex April 18, 2022, 1:08pm #2

I am doing the same thing lately! Funny!

But, very glad you are doing this as we want to keep you around! You are very helpful on this site and we would miss you a lot if you were not here! Good luck with your progress !

Sponsor our Newsletter | Privacy Policy | Terms of Service