Add saveFailCounter

Fix bug with not clearing noteId Refactor a class removal and additions Add script.min.js
Adding new reference type retrieval
2024-06-09 20:26:54 -04:00 · 2024-06-09 20:24:44 -04:00 · 2024-06-09 20:18:54 -04:00 · 2024-06-09 20:18:27 -04:00 · 2024-06-09 20:17:40 -04:00 · 2024-06-09 20:17:20 -04:00
23 changed files with 462 additions and 175 deletions
--- a/README.md
+++ b/README.md
@@ -4,7 +4,9 @@ A program to take notes during a sermon.  The web app was built with PHP and Sym

 ## Installation

-The best option for installing is using the Docker container.  Download the `docker-compose.yml` file from this repository and run `docker-compose up -d` from the command line.
+1. Run `docker run -d --name sermon-notes -p 80:80 ryanprather/sermon-notes:latest`, this will download and start the container and keep it running in the background.  If you already have something on port 80 change the first `80` to whatever open port you'd like.
+2. Run `docker exec -it sermon-notes bash install.sh`  This will run an install script to create an .env file specific to your install, populate with the beginning factors, and then run a `composer` command to download the necessary package dependancies.
+3. Once complete you have a running system that you can navigate to in your browser with `http://{ip}:{port}|{hostname}:{port}`.  Then you just need to register for an account.  The first account that is created is made an admin so that you can access the `Reference Editor` and update any reference material if necessary.

 ## Operation

@@ -24,7 +26,7 @@ Once you get logged in you'll be presented with the main home page

 ![HomePage](/assets/images/HomePage.png)

-If you are accessing on a regular iPad the menu should be collapsed, if not, you may need to do that.  I built this with a iPad 9th Gen in mind so your mileage may vary.
+If you are accessing on a regular iPad the menu should be collapsed, if not, you may need to do that.  I built this with a iPad 9th Gen in mind so visibility on another device may vary.

 ![Header](/assets/images/Header.png)

@@ -62,5 +64,5 @@ or if the note was recently made you will see the most recent 4 notes listed und

 ![RecentNotes](/assets/images/RecentNotes.png)

-By click either of the title links it will open the note and display it for you to edit or read.  I can add "Notes" as future reference content.
+By clicking either of the title links it will open the note and display it for you to edit or read.  I can add "Notes" as future reference content.

--- a/data/data.db
+++ b/data/data.db
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -4,10 +4,5 @@ services:
  sermon-notes:
    container_name: sermon-notes
    image: ryanprather/sermon-notes:latest
-    command:
-      - "php bin/console doctrine:migrations:migrate --no-interaction"
-      - "bash install.sh"
    ports:
      - 80:80
-    volumes:
-      - .:/var/www/html
--- a/migrations/Version20240527010736.php
+++ b/migrations/Version20240527010736.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20240527010736 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE note ADD COLUMN recording VARCHAR(255) DEFAULT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE TEMPORARY TABLE __temp__note AS SELECT id, speaker_id, series_id, user_id, title, date, passage, refs, text FROM note');
+        $this->addSql('DROP TABLE note');
+        $this->addSql('CREATE TABLE note (id BLOB NOT NULL --(DC2Type:uuid)
+        , speaker_id BLOB DEFAULT NULL --(DC2Type:uuid)
+        , series_id BLOB DEFAULT NULL --(DC2Type:uuid)
+        , user_id BLOB DEFAULT NULL --(DC2Type:uuid)
+        , title VARCHAR(255) NOT NULL, date DATE NOT NULL, passage VARCHAR(255) NOT NULL, refs CLOB DEFAULT NULL --(DC2Type:json)
+        , text CLOB DEFAULT NULL, PRIMARY KEY(id), CONSTRAINT FK_CFBDFA14D04A0F27 FOREIGN KEY (speaker_id) REFERENCES speaker (id) NOT DEFERRABLE INITIALLY IMMEDIATE, CONSTRAINT FK_CFBDFA145278319C FOREIGN KEY (series_id) REFERENCES series (id) NOT DEFERRABLE INITIALLY IMMEDIATE, CONSTRAINT FK_CFBDFA14A76ED395 FOREIGN KEY (user_id) REFERENCES user (id) NOT DEFERRABLE INITIALLY IMMEDIATE)');
+        $this->addSql('INSERT INTO note (id, speaker_id, series_id, user_id, title, date, passage, refs, text) SELECT id, speaker_id, series_id, user_id, title, date, passage, refs, text FROM __temp__note');
+        $this->addSql('DROP TABLE __temp__note');
+        $this->addSql('CREATE INDEX IDX_CFBDFA14D04A0F27 ON note (speaker_id)');
+        $this->addSql('CREATE INDEX IDX_CFBDFA145278319C ON note (series_id)');
+        $this->addSql('CREATE INDEX IDX_CFBDFA14A76ED395 ON note (user_id)');
+    }
+}
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -43,24 +43,12 @@ body {
  height: 80px;
  width: 100%;
  text-align: center;
-  background-color: #f56a6a;
-  color: #fff !important;
-  border: none;
-  border-radius: 3px;
-  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.8);
  font-size: 14px;
  margin-bottom: 3px;
 }
-.tab button:active {
-  background-color: #7a0016;
-}
-
-.activeRef {
-  background-color: #3e8e41 !important;
-}

 .ref {
-  width: 35%;
+  width: 36%;
 }

 .ref > div#ref {
@@ -76,7 +64,7 @@ body {
 }

 #ref {
-  padding: 3px 3px 3px 10px;
+  padding: 3px 3px 3px 3px;
 }

 #passage {
@@ -102,7 +90,7 @@ body {
 }

 .notes {
-  width: 55%;
+  width: 57%;
 }

 textarea#notes {
@@ -114,10 +102,18 @@ textarea#notes {
 #notePreview {
  display: none;
  overflow-x: scroll;
+  padding-left: 10px;
+}
+
+#notePreview ul,
+#notePreview ol {
+  list-style-position: inside;
 }

 #previewBtn.active,
-#show-hide-btn.active {
+#show-hide-btn.active,
+.tab button.active,
+#openRefBtn.active {
  background-color: #f56a6a !important;
  color: white !important;
 }
@@ -140,6 +136,8 @@ textarea#notes {

 #note-list {
  display: none;
+  height: 100%;
+  overflow-y: scroll;
 }

 #note-list ul {
@@ -205,7 +203,7 @@ div#refQuery #referenceSearch {

 #fields-container input,
 #fields-container select {
-  width: 19.5%;
+  width: 32.5%;
  display: inline-block;
 }

@@ -234,6 +232,17 @@ div#refQuery #referenceSearch {
  font-size: 12pt;
 }

+#ref ol,
+#ref ul {
+  list-style-position: inside;
+}
+
 #referenceBook {
  display: none;
+}
+
+.recording-link {
+  font-size: 8pt;
+  color: blue;
+  text-decoration: none;
 }/*# sourceMappingURL=style.css.map */
--- a/public/css/style.css.map
+++ b/public/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA,kCAAA;AACA;EACI,SAAA;ACCJ;;ADEA,6BAAA;AAEA;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,6BAAA;EACA,oBAAA;EACA,yBAAA;EACA,iBAAA;EACA,iCAAA;EACA,cAAA;ACAJ;;ADGA;EACI,WAAA;EACA,4BAAA;ACAJ;;ADGA;EACI,SAAA;EACA,UAAA;ACAJ;;ADGA;EACI,gBAAA;EACA,qBAAA;ACAJ;;ADGA;EACI,kBAAA;ACAJ;;ADGA,GAAA;AACA;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,wCAAA;EACA,eAAA;EACA,kBAAA;ACAJ;ADEI;EACI,yBAAA;ACAR;;ADIA;EACI,oCAAA;ACDJ;;ADIA;EACI,UAAA;ACDJ;;ADIA;EACI,mBAAA;EACA,2BAAA;EACA,yBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;EACA,kBAAA;EACA,wCAAA;ACDJ;;ADIA;EACI,yBAAA;ACDJ;;ADIA;EACI,YAAA;ACDJ;;ADIA;EACI,aAAA;EACA,YAAA;ACDJ;;ADIA;EACI,aAAA;EACA,YAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,cAAA;ACDJ;;ADIA;EACI,UAAA;ACDJ;;ADIA;EACI,WAAA;EACA,YAAA;EACA,eAAA;ACDJ;;ADIA;EACI,aAAA;EACA,kBAAA;ACDJ;;ADIA;;EAEI,oCAAA;EACA,uBAAA;ACDJ;;ADIA;EACI,oBAAA;EACA,mBAAA;EACA,UAAA;ACDJ;;ADIA;EACI,oBAAA;EACA,2BAAA;EACA,UAAA;ACDJ;;ADIA;EACI,iBAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,SAAA;EACA,UAAA;EACA,qBAAA;EACA,gBAAA;ACDJ;;ADIA;EACI,aAAA;EACA,kBAAA;EACA,YAAA;EACA,oCAAA;EACA,YAAA;EACA,aAAA;ACDJ;;ADIA;EACI,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;ACDJ;;ADIA;EACI,aAAA;EACA,kBAAA;EACA,YAAA;EACA,sBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,wCAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,UAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,YAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,UAAA;ACDJ;;ADIA;;EAEI,YAAA;EACA,qBAAA;ACDJ;;ADIA;EACI,2BAAA;EACA,eAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;EACI,qBAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ","file":"style.css"}
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA,kCAAA;AACA;EACI,SAAA;ACCJ;;ADEA,6BAAA;AAEA;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,6BAAA;EACA,oBAAA;EACA,yBAAA;EACA,iBAAA;EACA,iCAAA;EACA,cAAA;ACAJ;;ADGA;EACI,WAAA;EACA,4BAAA;ACAJ;;ADGA;EACI,SAAA;EACA,UAAA;ACAJ;;ADGA;EACI,gBAAA;EACA,qBAAA;ACAJ;;ADGA;EACI,kBAAA;ACAJ;;ADGA,GAAA;AACA;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EACA,kBAAA;ACAJ;;ADIA;EACI,UAAA;ACDJ;;ADIA;EACI,mBAAA;EACA,2BAAA;EACA,yBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;EACA,kBAAA;EACA,wCAAA;ACDJ;;ADIA;EACI,wBAAA;ACDJ;;ADIA;EACI,YAAA;ACDJ;;ADIA;EACI,aAAA;EACA,YAAA;ACDJ;;ADIA;EACI,aAAA;EACA,YAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,cAAA;ACDJ;;ADIA;EACI,UAAA;ACDJ;;ADIA;EACI,WAAA;EACA,YAAA;EACA,eAAA;ACDJ;;ADIA;EACI,aAAA;EACA,kBAAA;EACA,kBAAA;ACDJ;;ADIA;;EAEI,2BAAA;ACDJ;;ADIA;;;;EAII,oCAAA;EACA,uBAAA;ACDJ;;ADIA;EACI,oBAAA;EACA,mBAAA;EACA,UAAA;ACDJ;;ADIA;EACI,oBAAA;EACA,2BAAA;EACA,UAAA;ACDJ;;ADIA;EACI,iBAAA;ACDJ;;ADIA;EACI,aAAA;EACA,YAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,SAAA;EACA,UAAA;EACA,qBAAA;EACA,gBAAA;ACDJ;;ADIA;EACI,aAAA;EACA,kBAAA;EACA,YAAA;EACA,oCAAA;EACA,YAAA;EACA,aAAA;ACDJ;;ADIA;EACI,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;ACDJ;;ADIA;EACI,aAAA;EACA,kBAAA;EACA,YAAA;EACA,sBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,wCAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,UAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,YAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,UAAA;ACDJ;;ADIA;;EAEI,YAAA;EACA,qBAAA;ACDJ;;ADIA;EACI,2BAAA;EACA,eAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;EACI,qBAAA;ACDJ;;ADIA;EACI,eAAA;ACDJ;;ADIA;;EAEI,2BAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,cAAA;EACA,WAAA;EACA,qBAAA;ACDJ","file":"style.css"}
--- a/public/css/style.min.css
+++ b/public/css/style.min.css
@@ -1 +1 @@
-body{margin:0}.inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:stretch;align-content:flex-start;max-width:1060px;margin:0 auto}.ref-tab{width:60px;padding-top:75px !important}.ref-tab ul{margin:0;padding:0}.ref-tab ul li{list-style:none;list-style-type:none}.tab{margin-bottom:3px}.tab button{display:flex;justify-content:center;align-items:center;height:80px;width:100%;text-align:center;background-color:#f56a6a;color:#fff !important;border:none;border-radius:3px;box-shadow:0 4px 5px rgba(0,0,0,.8);font-size:14px;margin-bottom:3px}.tab button:active{background-color:#7a0016}.activeRef{background-color:#3e8e41 !important}.ref{width:35%}.ref>div#ref{vertical-align:top;justify-content:flex-start;align-content:flex-start;overflow-y:scroll;width:100%;height:100%;border:#000 solid 1px;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.3)}#ref{padding:3px 3px 3px 10px}#passage{width:100px}#newSpeaker{display:none;width:110px}#newSeries{display:none;width:110px}#fields-container{display:none}#fields-container.show{display:block}.notes{width:55%}textarea#notes{width:100%;height:100%;font-size:14pt}#notePreview{display:none;overflow-x:scroll}#previewBtn.active,#show-hide-btn.active{background-color:#f56a6a !important;color:#fff !important}#note-header-left{display:inline-flex;flex-direction:row;width:25%}#note-header-right{display:inline-flex;flex-direction:row-reverse;width:74%}#note-header-left h2.dirty{color:#ff8c00}#note-list{display:none}#note-list ul{margin:0;padding:0;list-style-type:none;list-style:none}div#refQuery{display:none;position:absolute;z-index:100;background-color:rgba(0,0,0,.8);width:400px;height:200px}div#refQuery #referenceSearch{border:none;border-radius:5px;padding:10px 20px;font-size:16px;line-height:1.5;color:#333;background-color:#f4f4f4;width:150px;height:25px;cursor:pointer;display:none}#passage-popup{display:none;position:absolute;z-index:100;background-color:#fff;color:#000;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);width:300px;height:300px;overflow-x:scroll}#save-check{opacity:0;text-align:right;font-size:20pt;margin-left:15px;color:green}#save-check.saving{color:orange}#save-check.error{color:red}#fields-container input,#fields-container select{width:19.5%;display:inline-block}#old-notes article p:first-child{margin-bottom:0 !important;font-size:10pt}#old-notes article a{font-size:12pt}#old-notes article p:last-child{font-size:12pt}.inner{padding-left:0}.ref h2{display:inline-block}#ref{font-size:12pt}#referenceBook{display:none}/*# sourceMappingURL=style.min.css.map */
+body{margin:0}.inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:stretch;align-content:flex-start;max-width:1060px;margin:0 auto}.ref-tab{width:60px;padding-top:75px !important}.ref-tab ul{margin:0;padding:0}.ref-tab ul li{list-style:none;list-style-type:none}.tab{margin-bottom:3px}.tab button{display:flex;justify-content:center;align-items:center;height:80px;width:100%;text-align:center;font-size:14px;margin-bottom:3px}.ref{width:36%}.ref>div#ref{vertical-align:top;justify-content:flex-start;align-content:flex-start;overflow-y:scroll;width:100%;height:100%;border:#000 solid 1px;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.3)}#ref{padding:3px 3px 3px 3px}#passage{width:100px}#newSpeaker{display:none;width:110px}#newSeries{display:none;width:110px}#fields-container{display:none}#fields-container.show{display:block}.notes{width:57%}textarea#notes{width:100%;height:100%;font-size:14pt}#notePreview{display:none;overflow-x:scroll;padding-left:10px}#notePreview ul,#notePreview ol{list-style-position:inside}#previewBtn.active,#show-hide-btn.active,.tab button.active,#openRefBtn.active{background-color:#f56a6a !important;color:#fff !important}#note-header-left{display:inline-flex;flex-direction:row;width:25%}#note-header-right{display:inline-flex;flex-direction:row-reverse;width:74%}#note-header-left h2.dirty{color:#ff8c00}#note-list{display:none;height:100%;overflow-y:scroll}#note-list ul{margin:0;padding:0;list-style-type:none;list-style:none}div#refQuery{display:none;position:absolute;z-index:100;background-color:rgba(0,0,0,.8);width:400px;height:200px}div#refQuery #referenceSearch{border:none;border-radius:5px;padding:10px 20px;font-size:16px;line-height:1.5;color:#333;background-color:#f4f4f4;width:150px;height:25px;cursor:pointer;display:none}#passage-popup{display:none;position:absolute;z-index:100;background-color:#fff;color:#000;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);width:300px;height:300px;overflow-x:scroll}#save-check{opacity:0;text-align:right;font-size:20pt;margin-left:15px;color:green}#save-check.saving{color:orange}#save-check.error{color:red}#fields-container input,#fields-container select{width:32.5%;display:inline-block}#old-notes article p:first-child{margin-bottom:0 !important;font-size:10pt}#old-notes article a{font-size:12pt}#old-notes article p:last-child{font-size:12pt}.inner{padding-left:0}.ref h2{display:inline-block}#ref{font-size:12pt}#ref ol,#ref ul{list-style-position:inside}#referenceBook{display:none}.recording-link{font-size:8pt;color:blue;text-decoration:none}/*# sourceMappingURL=style.min.css.map */
--- a/public/css/style.min.css.map
+++ b/public/css/style.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AACA,KACI,QAAA,CAKJ,OACI,YAAA,CACA,kBAAA,CACA,cAAA,CACA,4BAAA,CACA,mBAAA,CACA,wBAAA,CACA,gBAAA,CAEA,aAAA,CAGJ,SACI,UAAA,CACA,2BAAA,CAGJ,YACI,QAAA,CACA,SAAA,CAGJ,eACI,eAAA,CACA,oBAAA,CAGJ,KACI,iBAAA,CAIJ,YACI,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,WAAA,CACA,UAAA,CACA,iBAAA,CACA,wBAAA,CACA,qBAAA,CACA,WAAA,CACA,iBAAA,CACA,mCAAA,CACA,cAAA,CACA,iBAAA,CAEA,mBACI,wBAAA,CAIR,WACI,mCAAA,CAGJ,KACI,SAAA,CAGJ,aACI,kBAAA,CACA,0BAAA,CACA,wBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,mCAAA,CAGJ,KACI,wBAAA,CAGJ,SACI,WAAA,CAGJ,YACI,YAAA,CACA,WAAA,CAGJ,WACI,YAAA,CACA,WAAA,CAGJ,kBACI,YAAA,CAGJ,uBACI,aAAA,CAGJ,OACI,SAAA,CAGJ,eACI,UAAA,CACA,WAAA,CACA,cAAA,CAGJ,aACI,YAAA,CACA,iBAAA,CAGJ,yCAEI,mCAAA,CACA,qBAAA,CAGJ,kBACI,mBAAA,CACA,kBAAA,CACA,SAAA,CAGJ,mBACI,mBAAA,CACA,0BAAA,CACA,SAAA,CAGJ,2BACI,aAAA,CAGJ,WACI,YAAA,CAGJ,cACI,QAAA,CACA,SAAA,CACA,oBAAA,CACA,eAAA,CAGJ,aACI,YAAA,CACA,iBAAA,CACA,WAAA,CACA,+BAAA,CACA,WAAA,CACA,YAAA,CAGJ,8BACI,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,eAAA,CACA,UAAA,CACA,wBAAA,CACA,WAAA,CACA,WAAA,CACA,cAAA,CACA,YAAA,CAGJ,eACI,YAAA,CACA,iBAAA,CACA,WAAA,CACA,qBAAA,CACA,UAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,mCAAA,CACA,WAAA,CACA,YAAA,CACA,iBAAA,CAGJ,YACI,SAAA,CACA,gBAAA,CACA,cAAA,CACA,gBAAA,CACA,WAAA,CAGJ,mBACI,YAAA,CAGJ,kBACI,SAAA,CAGJ,iDAEI,WAAA,CACA,oBAAA,CAGJ,iCACI,0BAAA,CACA,cAAA,CAGJ,qBACI,cAAA,CAGJ,gCACI,cAAA,CAGJ,OACI,cAAA,CAGJ,QACI,oBAAA,CAGJ,KACI,cAAA,CAGJ,eACI,YAAA","file":"style.min.css"}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AACA,KACI,QAAA,CAKJ,OACI,YAAA,CACA,kBAAA,CACA,cAAA,CACA,4BAAA,CACA,mBAAA,CACA,wBAAA,CACA,gBAAA,CAEA,aAAA,CAGJ,SACI,UAAA,CACA,2BAAA,CAGJ,YACI,QAAA,CACA,SAAA,CAGJ,eACI,eAAA,CACA,oBAAA,CAGJ,KACI,iBAAA,CAIJ,YACI,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,WAAA,CACA,UAAA,CACA,iBAAA,CACA,cAAA,CACA,iBAAA,CAIJ,KACI,SAAA,CAGJ,aACI,kBAAA,CACA,0BAAA,CACA,wBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,mCAAA,CAGJ,KACI,uBAAA,CAGJ,SACI,WAAA,CAGJ,YACI,YAAA,CACA,WAAA,CAGJ,WACI,YAAA,CACA,WAAA,CAGJ,kBACI,YAAA,CAGJ,uBACI,aAAA,CAGJ,OACI,SAAA,CAGJ,eACI,UAAA,CACA,WAAA,CACA,cAAA,CAGJ,aACI,YAAA,CACA,iBAAA,CACA,iBAAA,CAGJ,gCAEI,0BAAA,CAGJ,+EAII,mCAAA,CACA,qBAAA,CAGJ,kBACI,mBAAA,CACA,kBAAA,CACA,SAAA,CAGJ,mBACI,mBAAA,CACA,0BAAA,CACA,SAAA,CAGJ,2BACI,aAAA,CAGJ,WACI,YAAA,CACA,WAAA,CACA,iBAAA,CAGJ,cACI,QAAA,CACA,SAAA,CACA,oBAAA,CACA,eAAA,CAGJ,aACI,YAAA,CACA,iBAAA,CACA,WAAA,CACA,+BAAA,CACA,WAAA,CACA,YAAA,CAGJ,8BACI,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,eAAA,CACA,UAAA,CACA,wBAAA,CACA,WAAA,CACA,WAAA,CACA,cAAA,CACA,YAAA,CAGJ,eACI,YAAA,CACA,iBAAA,CACA,WAAA,CACA,qBAAA,CACA,UAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,mCAAA,CACA,WAAA,CACA,YAAA,CACA,iBAAA,CAGJ,YACI,SAAA,CACA,gBAAA,CACA,cAAA,CACA,gBAAA,CACA,WAAA,CAGJ,mBACI,YAAA,CAGJ,kBACI,SAAA,CAGJ,iDAEI,WAAA,CACA,oBAAA,CAGJ,iCACI,0BAAA,CACA,cAAA,CAGJ,qBACI,cAAA,CAGJ,gCACI,cAAA,CAGJ,OACI,cAAA,CAGJ,QACI,oBAAA,CAGJ,KACI,cAAA,CAGJ,gBAEI,0BAAA,CAGJ,eACI,YAAA,CAGJ,gBACI,aAAA,CACA,UAAA,CACA,oBAAA","file":"style.min.css"}
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -44,25 +44,13 @@ body {
    height: 80px;
    width: 100%;
    text-align: center;
-    background-color: #f56a6a;
-    color: #fff !important;
-    border: none;
-    border-radius: 3px;
-    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.8);
    font-size: 14px;
    margin-bottom: 3px;
-
-    &:active {
-        background-color: #7a0016;
-    }
 }

-.activeRef {
-    background-color: #3e8e41 !important;
-}

 .ref {
-    width: 35%;
+    width: 36%;
 }

 .ref>div#ref {
@@ -78,7 +66,7 @@ body {
 }

 #ref {
-    padding: 3px 3px 3px 10px;
+    padding: 3px 3px 3px 3px;
 }

 #passage {
@@ -104,7 +92,7 @@ body {
 }

 .notes {
-    width: 55%
+    width: 57%
 }

 textarea#notes {
@@ -116,10 +104,18 @@ textarea#notes {
 #notePreview {
    display: none;
    overflow-x: scroll;
+    padding-left: 10px;
+}
+
+#notePreview ul,
+#notePreview ol {
+    list-style-position: inside;
 }

 #previewBtn.active,
-#show-hide-btn.active {
+#show-hide-btn.active,
+.tab button.active,
+#openRefBtn.active {
    background-color: #f56a6a !important;
    color: white !important;
 }
@@ -142,6 +138,8 @@ textarea#notes {

 #note-list {
    display: none;
+    height: 100%;
+    overflow-y: scroll;
 }

 #note-list ul {
@@ -207,7 +205,7 @@ div#refQuery #referenceSearch {

 #fields-container input,
 #fields-container select {
-    width: 19.5%;
+    width: 32.5%;
    display: inline-block;
 }

@@ -236,6 +234,17 @@ div#refQuery #referenceSearch {
    font-size: 12pt;
 }

+#ref ol,
+#ref ul {
+    list-style-position: inside;
+}
+
 #referenceBook {
    display: none;
 }
+
+.recording-link {
+    font-size: 8pt;
+    color: blue;
+    text-decoration: none;
+}
--- a/public/docs/markdown-cheat-sheet.md
+++ b/public/docs/markdown-cheat-sheet.md
--- a/public/js/data.json
+++ b/public/js/data.json
@@ -1354,5 +1354,29 @@
    "wlc": [
        1,
        196
+    ],
+    "lbc": [
+        1,
+        32
+    ],
+    "39a": [
+        1,
+        39
+    ],
+    "1hc": [
+        1,
+        10
+    ],
+    "2hc": [
+        1,
+        30
+    ],
+    "sd": [
+        1,
+        32
+    ],
+    "agc": [
+        1,
+        28
    ]
 }
--- a/public/js/script.js
+++ b/public/js/script.js
@@ -4,39 +4,66 @@ var references = {};
 var tabs = [];
 let saved = false;
 let textDirty = false;
-let saveTimeout = 10000;
+let saveTimeout = 15000;
 var to = null;
 let controller;
 var BOOKS = {};
+let saveFailCounter = 0;

-fetch('/js/data.json')
-    .then((res) => {
-        if (!res.ok) {
-            throw new Error('HTTP Error: Status: ${res.status}');
+$(function () {
+    setHeight();
+    setBooks();
+    setEventListeners();
+    $('#note-table').DataTable({
+        paging: false,
+        ajax: {
+            url: '/index.php/get-notes',
+            type: 'POST'
+        },
+        columns: [
+            { data: 'link' },
+            { data: 'speaker.name' },
+            { data: 'passage' },
+            {
+                data: 'date.date',
+                render: DataTable.render.date("L")
+            },
+        ]
+    });
+});
+
+function setBooks() {
+    fetch('/js/data.json')
+        .then((res) => {
+            if (!res.ok) {
+                throw new Error('HTTP Error: Status: ${res.status}');
+            }
+            return res.json();
+        })
+        .then((data) => {
+            BOOKS = data;
+        })
+        .catch((error) => {
+            console.log(error);
+        })
+}
+
+function setEventListeners() {
+    document.addEventListener('keyup', function (event) {
+        if (event.key == "F3") {
+            openRef(false);
        }
-        return res.json();
-    })
-    .then((data) => {
-        BOOKS = data;
-    })
-    .catch((error) => {
-        console.log(error);
-    })
+    });

-document.addEventListener('keyup', function (event) {
-    if (event.key == "F3") {
-        openRef(false);
-    }
-});
+    document.querySelector('#notes').addEventListener('keyup', function (event) {
+        let key = event.keyCode;

-document.querySelector('#notes').addEventListener('keyup', function (event) {
-    let key = event.keyCode;
-
-    if (key >= 48 && key <= 90 || key >= 96 && key <= 111 || key >= 186 && key <= 222) {
-        textDirty = true;
-        document.querySelector('#note-header-left h2').classList.add('dirty');
-    }
-});
+        if (key >= 48 && key <= 90 || key >= 96 && key <= 111 || key >= 186 && key <= 222) {
+            textDirty = true;
+            document.querySelector('#note-header-left h2').classList.add('dirty');
+        }
+    });
+}

 function setHeight() {
    md = new markdownit({
@@ -133,7 +160,8 @@ function newNote() {
    document.querySelector('#series').value = 0;
    document.querySelector('#template').value = 0;
    document.querySelector('#passage').value = '';
-    document.querySelector('#noteId').value = uuidv4();
+    document.querySelector('#recording').value = '';
+    document.querySelector('#noteId').value = '';

    document.querySelector('#ref-list').innerHTML = '';
    document.querySelector('#ref').innerHTML = '';
@@ -158,6 +186,7 @@ function saveNote(event) {
    }

    let saveCheck = document.querySelector('#save-check');
+    var noteText = document.querySelector('#notes').value;

    startSave();

@@ -169,6 +198,7 @@ function saveNote(event) {
        series: document.querySelector('#series').value,
        passage: document.querySelector('#passage').value,
        note: document.querySelector('#notes').value,
+        recording: document.querySelector('#recording').value,
        refs: references
    };
    $.ajax({
@@ -181,29 +211,36 @@ function saveNote(event) {
    })
        .done(function (data) {
            if (data.msg == 'saved' && !saved) {
-                saveCheck.classList.remove('saving');
+                saveCheck.classList.remove('saving', 'error', 'fa-times', 'fa-check');
                showSave();
-                saved = true;
-                textDirty = false;
-                document.querySelector('#note-header-left h2').classList.remove('dirty');
+                if (noteText == document.querySelector('#notes').value) {
+                    saved = true;
+                    textDirty = false;
+                    document.querySelector('#note-header-left h2').classList.remove('dirty');
+                }

                if (data.new) {
                    document.querySelector('#noteId').value = data.id;
                }
            }
        })
-        .fail(function (data) {
-            saveCheck.classList.remove('saving');
-            saveCheck.classList.add('error');
-            console.error(data);
+        .fail(function (xhr, status, error) {
+            saveFailCounter++;
+            saveCheck.classList.remove('saving', 'fa-check');
+            saveCheck.classList.add('fa-times', 'error');
+            console.error(error);
        })
        .always(function (xhr, status) {
            if (status == 'timeout') {
-                saveCheck.classList.remove('saving');
-                saveCheck.classList.add('error');
+                saveCheck.classList.remove('saving', 'fa-check');
+                saveCheck.classList.add('error', 'fa-times');
            }
            clearTimeout(to);
-            to = setTimeout(saveNote, saveTimeout);
+            if (saveFailCounter < 5) {
+                to = setTimeout(saveNote, saveTimeout);
+            } else {
+                saveFailCounter = 0;
+            }
        });
 }

@@ -231,7 +268,8 @@ function isUuidValid(uuid) {
 }

 function startSave() {
-    document.querySelector('#save-check').classList.add('saving');
+    document.querySelector('#save-check').classList.remove('error', 'fa-times', 'fa-check');
+    document.querySelector('#save-check').classList.add('saving', 'fa-check');
    document.querySelector('#save-check').style.opacity = 1;
 }

@@ -245,6 +283,7 @@ function showSave() {
    if (saved) { return; }

    var checkmark = document.getElementById("save-check");
+    checkmark.classList.add('fa-check');

    // Schedule the animation to run every 1 second (which is equivalent to a 1-second delay between each iteration)
    var si = setInterval(function () {
@@ -271,6 +310,9 @@ function discardNote() {
    document.querySelector('#template').value = 0;
    document.querySelector('#passage').value = '';
    document.querySelector('#notes').value = '';
+    document.querySelector('#recording').value = '';
+    document.querySelector('#noteDate').value = '';
+    document.querySelector('#noteId').value = '';

    fetch('/index.php/discard-note', {
        method: 'POST',
@@ -368,6 +410,8 @@ function saveSeries(event) {
 }

 function openRef(closeSidebar = true) {
+    document.querySelector('#openRefBtn').classList.add('active');
+
    refQuery = document.querySelector('#refQuery');
    refQuery.style.display = 'block';

@@ -389,6 +433,7 @@ function closeRef() {
    document.querySelector('#verse-range').innerText = '';

    document.querySelector('#refQuery').style.display = 'none';
+    document.querySelector('#openRefBtn').classList.remove('active');
 }

 function queryRef(type = null, book = null, input = null) {
@@ -438,10 +483,11 @@ function queryRef(type = null, book = null, input = null) {
 function makeButton(title) {
    var btn = document.createElement('button');
    btn.innerText = title;
+    btn.class = 'button';
    btn.addEventListener('click', function () {
        removeActiveRef();
        document.querySelector('#ref').innerHTML = md.render(references[title]);
-        this.classList.add('activeRef');
+        this.classList.add('active');
        findRefLinks();
    });

@@ -456,16 +502,16 @@ function makeButton(title) {
    });

    removeActiveRef();
-    btn.classList.add('activeRef');
+    btn.classList.add('active');

    return btn;
 }

 function removeActiveRef() {
-    tabs = document.querySelectorAll('.activeRef');
+    tabs = document.querySelectorAll('.active');
    for (var t in tabs) {
        if (isFinite(parseInt(t))) {
-            tabs[t].classList.remove('activeRef');
+            tabs[t].classList.remove('active');
        }
    }
 }
@@ -573,6 +619,30 @@ function retrieveBooks() {
            newBook.text = BOOKS.cd[x];
            bookList.appendChild(newBook);
        }
+    } else if (selectedType == 'note') {
+        var none = document.createElement("option");
+        none.value = '';
+        none.text = '-- Select --';
+        bookList.appendChild(none);
+
+        fetch('/index.php/retrieve-reference', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                'type': 'note'
+            })
+        })
+            .then(response => response.json())
+            .then(results => {
+                for (var x in results) {
+                    var newBook = document.createElement("option");
+                    newBook.value = results[x].id;
+                    newBook.text = results[x].title;
+                    bookList.appendChild(newBook);
+                }
+            });
    } else {
        var min = BOOKS[selectedType][0];
        var max = BOOKS[selectedType][1];
@@ -622,15 +692,42 @@ function filterVerse() {
    verseRange.innerText = 'Verse: ' + verse;
 }

+function retrieveReferenceType(el) {
+    fetch('/index.php/reference/' + el.value, {
+        method: 'GET',
+        header: {
+            'Content-Type': 'application/json'
+        }
+    })
+        .then(response => response.json())
+        .then(results => {
+            document.querySelector('#referenceSeries').innerHTML = '';
+            var none = document.createElement('option');
+            none.value = '';
+            none.text = '-- Select --';
+            document.querySelector('#referenceSeries').appendChild(none);
+
+            for (var x in results) {
+                var newSeries = document.createElement('option');
+                newSeries.value = results[x].id;
+                newSeries.text = results[x].label;
+                document.querySelector('#referenceSeries').appendChild(newSeries);
+            }
+        })
+}
+
 function retrieveReference(el) {
+    if (el.value == 'new') {
+        document.querySelector('#refName').style.display = 'inline-block';
+        return;
+    }
    fetch('/index.php/get-reference', {
        method: "POST",
        header: {
            "Content-Type": "application/json"
        },
        body: JSON.stringify({
-            file: el.value,
-            type: el.options[el.selectedIndex].getAttribute('type')
+            id: el.value
        })
    })
        .then(response => response.json())
--- a/public/js/script.min.js
+++ b/public/js/script.min.js
--- a/public/theme/assets/css/main.css
+++ b/public/theme/assets/css/main.css
@@ -2233,7 +2233,6 @@ a.image:hover img {
 ol {
    list-style: decimal;
    margin: 0 0 2em 0;
-    padding-left: 1.5em;
 }

 ol li {
@@ -2243,7 +2242,6 @@ ol li {
 ul {
    list-style: disc;
    margin: 0 0 2em 0;
-    padding-left: 1em;
 }

 ul.alt {
@@ -3088,13 +3086,13 @@ button:disabled,
 }

 #main>.inner {
-    padding: 0 0.5em 0.1em 0.5em;
+    padding: 0 0.25em 0.1em 0.25em;
    margin: 0 auto;
    max-width: 110em;
 }

 #main>.inner>section {
-    padding: 0.5em 0 0.5em 0;
+    padding: 0.25em 0 0.25em 0;
    border-top: solid 2px rgba(210, 215, 217, 0.75);
 }

@@ -3104,13 +3102,13 @@ button:disabled,

@media screen and (max-width: 1680px) {
    #main>.inner {
-        padding: 0 0 0 2em;
+        padding: 0 0 0 0;
    }
 }

@media screen and (max-width: 1280px) {
    #main>.inner {
-        padding: 0 0 0 2em;
+        padding: 0 0 0 0;
    }
 }

--- a/src/Controller/AjaxController.php
+++ b/src/Controller/AjaxController.php
@@ -166,6 +166,7 @@ class AjaxController extends AbstractController
        }

        ReferenceController::$emi = $emi;
+        $user = $this->getUser();

        $ret = match(strtolower($data->type)) {
            'bible' => ReferenceController::retrieveBible("{$data->book} {$search}"),
@@ -175,7 +176,14 @@ class AjaxController extends AbstractController
            'wcf' => ReferenceController::retrieveWCF($ref),
            'wsc' => ReferenceController::retrieveWSC($ref),
            'wlc' => ReferenceController::retrieveWLC($ref),
-            'creed' => ReferenceController::retrieveCreed($data->book)
+            'lbc' => ReferenceController::retrieveLBC($ref),
+            'creed' => ReferenceController::retrieveCreed($data->book),
+            '39a' => ReferenceController::retrieve39a($ref),
+            '1hc' => ReferenceController::retrieve1HC($ref),
+            '2hc' => ReferenceController::retrieve2HC($ref),
+            'sd' => ReferenceController::retrieveSD($ref),
+            'agc' => ReferenceController::retrieveAGC($ref),
+            'note' => ReferenceController::retrieveNote($user)
        };

        if (!is_a($ret, Reference::class)) {
@@ -195,19 +203,12 @@ class AjaxController extends AbstractController
    {
        $res = new Response();
        $data = json_decode($req->getContent());
-        $ret = match ($data->type) {
-            'creed' => '/Creeds/',
-            'bc' => '/Belgic/',
-            'hc' => '/Heidelberg/',
-            'cd' => '/Dort/',
-            'wcf' => '/Westminster/Confessions/',
-            'wsc' => '/Westminster/Shorter Catechism/',
-            'wlc' => '/Westminster/Larger Catechism/'
-        };
+        $ref = $emi->getRepository(Reference::class)->find($data->id);

-        $fc = file_get_contents(dirname(dirname(__DIR__))."/references{$ret}{$data->file}");
-
-        $res->setContent(json_encode(['text' => $fc]));
+        if (!is_a($ref, Reference::class)) {
+            $ref = new Reference();
+        }
+        $res->setContent(json_encode(['text' => $ref->getContent()]));

        return $res;
    }
@@ -224,7 +225,13 @@ class AjaxController extends AbstractController
            'cd' => 'Dort',
            'wcf' => 'Westminster/Confessions',
            'wsc' => 'Westminster/Shorter Catechism',
-            'wlc' => 'Westminster/Larger Catechism'
+            'wlc' => 'Westminster/Larger Catechism',
+            'lbc' => 'London',
+            '39a' => '39 Articles',
+            '1hc' => '1 Helvetic Catechism',
+            '2hc' => '2 Helvetic Catechism',
+            'sd' => 'Savor Declaration',
+            'agc' => 'Augsburg Confession'
        };

        $ret = file_put_contents(dirname(dirname(__DIR__))."/references/{$path}/{$data->file}", $data->text);
@@ -251,6 +258,18 @@ class AjaxController extends AbstractController
        return $res;
    }

+    #[Route('/get-notes', name: 'app_get_notes')]
+    public function getNotes(EntityManagerInterface $emi): Response
+    {
+        /** @var User $user */
+        $user = $this->getUser();
+        $notes = $emi->getRepository(Note::class)->reverseNoteSort($user);
+        $res = new Response();
+        $res->setContent(json_encode(['data'=> $notes]));
+
+        return $res;
+    }
+
    #[Route('/get-note', name: 'app_get_note')]
    public function getNote(Request $req, EntityManagerInterface $emi): Response
    {
@@ -274,6 +293,10 @@ class AjaxController extends AbstractController
            if (is_array($note) && count($note) > 0) {
                /** @var Note $note */
                $note = $note[0];
+            } else {
+                $note = new Note();
+                $newNote = true;
+                $note->setUser($this->getUser());
            }
        } else {
            $note = new Note();
@@ -293,6 +316,7 @@ class AjaxController extends AbstractController
             ->setSpeaker($speaker)
             ->setText($data->note)
             ->setPassage($data->passage)
+             ->setRecording($data->recording)
             ->setRefs($refs);

        $emi->persist($note);
--- a/src/Controller/DefaultController.php
+++ b/src/Controller/DefaultController.php
@@ -40,23 +40,7 @@ class DefaultController extends AbstractController
    {
        $this->denyAccessUnlessGranted('ROLE_ADMIN');

-        $creeds = $emi->getRepository(Reference::class)->findByType('creed');
-        $belgic = $emi->getRepository(Reference::class)->findByType('belgic');
-        $heidelberg = $emi->getRepository(Reference::class)->findByType('heidelberg');
-        $dort = $emi->getRepository(Reference::class)->findByType('dort');
-        $wcf = $emi->getRepository(Reference::class)->findByType('wcf');
-        $wsc = $emi->getRepository(Reference::class)->findByType('wsc');
-        $wlc = $emi->getRepository(Reference::class)->findByType('wlc');
-
-        return $this->render('editors/reference-editor.html.twig', [
-            'creeds' => $creeds,
-            'belgic' => $belgic,
-            'heidelberg' => $heidelberg,
-            'dort' => $dort,
-            'wcf' => $wcf,
-            'wsc' => $wsc,
-            'wlc' => $wlc
-        ]);
+        return $this->render('editors/reference-editor.html.twig');
    }

    #[Route('/template-editor', name: 'app_template_editor')]
--- a/src/Controller/ReferenceController.php
+++ b/src/Controller/ReferenceController.php
@@ -3,7 +3,9 @@
 namespace App\Controller;

 use App\Entity\Bible;
+use App\Entity\Note;
 use App\Entity\Reference;
+use App\Entity\User;
 use Doctrine\ORM\EntityManagerInterface;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 use Symfony\Component\HttpFoundation\Response;
@@ -144,6 +146,9 @@ class ReferenceController extends AbstractController
    public static function retrieveWSC($ref): Reference
    {
        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => $ref->getType(), 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
        return $r[0];
    }

@@ -157,6 +162,9 @@ class ReferenceController extends AbstractController
    public static function retrieveWLC($ref): Reference
    {
        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => $ref->getType(), 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
        return $r[0];
    }

@@ -170,6 +178,79 @@ class ReferenceController extends AbstractController
    public static function retrieveWCF($ref): Reference
    {
        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => $ref->getType(), 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
        return $r[0];
    }
+
+    public static function retrieveLBC($ref): Reference
+    {
+        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => 'lbc', 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
+        return $r[0];
+    }
+
+    public static function retrieveAGC($ref): Reference
+    {
+        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => 'agc', 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
+        return $r[0];
+    }
+
+    public static function retrieve39a($ref): Reference
+    {
+        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => '39a', 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
+        return $r[0];
+    }
+
+    public static function retrieve1HC($ref): Reference
+    {
+        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => '1hc', 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
+        return $r[0];
+    }
+
+    public static function retrieve2HC($ref): Reference
+    {
+        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => '2hc', 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
+        return $r[0];
+    }
+
+    public static function retrieveSD($ref): Reference
+    {
+        $r = self::$emi->getRepository(Reference::class)->findBy(['type' => 'sd', 'ndx' => $ref->getNdx()]);
+        if (!$r) {
+            return new Reference();
+        }
+        return $r[0];
+    }
+
+    public static function retrieveNote(?User $user): array
+    {
+        $notes = self::$emi->getRepository(Note::class)->findBy(['user' => $user], ['date' => 'DESC']);
+        return $notes;
+    }
+
+    #[Route('/reference/{type}', name: 'app_reference_by_type', methods: ['GET'])]
+    public function retrieveReferenceByType(string $type, EntityManagerInterface $emi): Response
+    {
+        $res = new Response();
+        $data = $emi->getRepository(Reference::class)->findByType($type);
+
+        $res->setContent(json_encode($data));
+        return $res;
+    }
 }
--- a/src/Entity/Note.php
+++ b/src/Entity/Note.php
@@ -42,6 +42,9 @@ class Note implements JsonSerializable
    #[ORM\ManyToOne(inversedBy: 'notes')]
    private ?User $user = null;

+    #[ORM\Column(length: 255, nullable: true)]
+    private ?string $recording = null;
+
    public function getId(): ?Uuid
    {
        return $this->id;
@@ -166,7 +169,13 @@ class Note implements JsonSerializable
    {
        return "<a href='#' onclick=\"retrieveNote('{$this->id}')\">".
            $this->title.
-            "</a>";
+            "</a>".
+            (
+                $this->recording ? "<br/>".
+                "<a href='{$this->recording}' target='_blank' class='recording-link'>".
+                    "<i class='fa fa-play-circle'></i>".
+                "</a>" : null
+            );
    }

    public function toTableRow(): string
@@ -183,6 +192,7 @@ class Note implements JsonSerializable
    {
        return [
            'id' => $this->getId(),
+            'link' => $this->toLink(),
            'title' => $this->getTitle(),
            'date' => $this->getDate(),
            'passage' => $this->getPassage(),
@@ -193,4 +203,16 @@ class Note implements JsonSerializable
            'user' => $this->getUser(),
        ];
    }
+
+    public function getRecording(): ?string
+    {
+        return $this->recording;
+    }
+
+    public function setRecording(?string $recording): static
+    {
+        $this->recording = $recording;
+
+        return $this;
+    }
 }
--- a/src/Entity/User.php
+++ b/src/Entity/User.php
@@ -11,6 +11,7 @@ use Symfony\Bridge\Doctrine\Types\UuidType;
 use Symfony\Component\Security\Core\User\PasswordAuthenticatedUserInterface;
 use Symfony\Component\Security\Core\User\UserInterface;
 use Symfony\Component\Uid\Uuid;
+use Symfony\Component\Validator\Constraints as Assert;

 #[ORM\Entity(repositoryClass: UserRepository::class)]
 #[ORM\UniqueConstraint(name: 'UNIQ_IDENTIFIER_EMAIL', fields: ['email'])]
@@ -23,6 +24,9 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface, JsonSer
    private ?Uuid $id = null;

    #[ORM\Column(length: 180)]
+    #[Assert\Email(
+        message: 'The email {{ value }} is not a valid email.',
+    )]
    private ?string $email = null;

    /**
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -12,7 +12,7 @@
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}{% endblock %}
    </head>
-    <body class='is-preload' onload='setHeight()' onresize='setHeight()'>
+    <body class='is-preload' onresize='setHeight()'>
        {% block body %}{% endblock %}
        {% block javascripts %}{% endblock %}
    </body>
--- a/templates/default/home.html.twig
+++ b/templates/default/home.html.twig
@@ -7,17 +7,20 @@
 <link href='/theme/assets/css/jquery-ui.theme.css' rel='stylesheet' />
 <link href='/theme/assets/css/jquery-ui.structure.css' rel='stylesheet' />
 <link href='/css/style.css' rel='stylesheet' />
+<link href='//cdn.datatables.net/2.0.8/css/dataTables.dataTables.min.css' rel='stylesheet' />
 {% endblock %}

 {% block javascripts %}
-<script src='/js/script.js'></script>
 <script src="/theme/assets/js/jquery.min.js"></script>
 <script src='/theme/assets/js/jquery-ui.js'></script>
 <script src="/theme/assets/js/browser.min.js"></script>
 <script src="/theme/assets/js/breakpoints.min.js"></script>
 <script src="/theme/assets/js/util.js"></script>
 <script src="/theme/assets/js/main.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.2/markdown-it.min.js" integrity="sha512-ohlWmsCxOu0bph1om5eDL0jm/83eH09fvqLDhiEdiqfDeJbEvz4FSbeY0gLJSVJwQAp0laRhTXbUQG+ZUuifUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src='//momentjs.com/downloads/moment-with-locales.js'></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.2/markdown-it.min.js" integrity="sha512-ohlWmsCxOu0bph1om5eDL0jm/83eH09fvqLDhiEdiqfDeJbEvz4FSbeY0gLJSVJwQAp0laRhTXbUQG+ZUuifUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src='//cdn.datatables.net/2.0.8/js/dataTables.min.js'></script>
+<script src='/js/script.js'></script>
 {% endblock %}

 {% block body %}
@@ -34,11 +37,11 @@
                <div style='display:inline-block'>
                    <button onclick='increaseFont()'><i class='fa fa-plus'></i></button>&nbsp;
                    <button onclick='decreaseFont()'><i class='fa fa-minus'></i></button>&nbsp;
-                    <button onclick='openRef(false)'><i class='fa fa-book'></i></button>
+                    <button id='openRefBtn' class='button' onclick='openRef(false)'><i class='fa fa-book'></i></button>
                </div>
                <div id="ref" style='font-size:12pt;'></div>
                <div id='note-list'>
-                    <table>
+                    <table id='note-table' data-order='[[ 3, "desc" ]]'>
                        <thead>
                            <tr>
                                <th>Title</th>
@@ -47,11 +50,11 @@
                                <th>Date</th>
                            </tr>
                        </thead>
-                        <tbody>
+                        {#<tbody>
                        {% for n in reverseNoteSort %}
                        {{ n.toTableRow()|raw }}
                        {% endfor %}
-                        </tbody>
+                        </tbody>#}
                    </table>
                </div>
            </section>
@@ -80,7 +83,10 @@
                <div id='fields-container'>
                    <input type="hidden" id="noteId" value="" />
                    <input type="text" id="noteTitle" placeholder="Title..." />
-                    <input type='text' id='noteDate' onchange='textDirty=true;saved=false;' />
+                    <input type='text' id='noteDate' placeholder='Date...' onchange='textDirty=true;saved=false;' />
+                    <input type='text' id='passage' placeholder='Passage...' onchange='saved=false;textDirty=true;' />
+                    <br />
+                    <input type='text' id='recording' name='recording' placeholder='Recording link...' />
                    <input type='text' id='newSpeaker' placeholder='Name...' onkeyup='saveSpeaker(event)' style='display:none;' />
                    <select id="speaker" onchange='newSpeaker()'>
                        <option value=0>-- Speaker --</option>
@@ -97,7 +103,6 @@
                        <option value='{{ s.id }}'>{{ s.name }}</option>
                        {% endfor %}
                    </select>
-                    <input type='text' id='passage' placeholder='Passage...' onchange='saved=false;textDirty=true;' />
                </div>

                <textarea id="notes" wrap="hard"></textarea>
@@ -121,6 +126,12 @@
        <option value='wcf'>Westminster Confession of Faith</option>
        <option value='wsc'>Westminster Shorter Catechism</option>
        <option value='wlc'>Westminster Larger Catechism</option>
+        <option value='lbc'>London Baptist Confession</option>
+        <option value='39a'>Thirty-Nine Articles</option>
+        <option value='1hc'>First Helvetic Confession</option>
+        <option value='2hc'>Second Helvetic Confession</option>
+        <option value='sd'>Savoy Declaration</option>
+        <option value='agc'>Augsburg Confession</option>
    </select>
    <select id='referenceBook' onchange='filterBooks()'>
    </select>
--- a/templates/default/sidebar.html.twig
+++ b/templates/default/sidebar.html.twig
@@ -29,6 +29,7 @@
                {% endif %}
                <li><a href='#' onclick="openRef()">Open Reference</a></li>
                <li><a href='/index.php/template-editor'>Template Editor</a></li>
+                <li><a href='/docs/markdown-cheat-sheet.md' target='_blank'>Markdown Cheat Sheet</a></li>
                {% else %}
                <li><a href="/index.php/">Home</a></li>
                <li><a href='/index.php/register'>Register</a></li>
--- a/templates/editors/reference-editor.html.twig
+++ b/templates/editors/reference-editor.html.twig
@@ -5,44 +5,26 @@
    </head>

    <body>
-        <select id='references' onchange='retrieveReference(this)'>
+        <select id='referenceTypes' onchange='retrieveReferenceType(this)'>
            <option value=''>-- Select Reference --</option>
-            <optgroup id='creeds' label='Creeds'>
-                {% for c in creeds %}
-                <option type='creed'>{{ c }}</option>
-                {% endfor %}
-            </optgroup>
-            <optgroup id='belgic' label='Belgic Confession'>
-                {% for c in belgic %}
-                <option type='bc'>{{ c }}</option>
-                {% endfor %}
-            </optgroup>
-            <optgroup id='heidelberg' label='Heidelberg Catechism'>
-                {% for c in heidelberg %}
-                <option type='hc'>{{ c }}</option>
-                {% endfor %}
-            </optgroup>
-            <optgroup id='dort' label='Canons of Dort'>
-                {% for c in dort %}
-                <option type='cd'>{{ c }}</option>
-                {% endfor %}
-            </optgroup>
-            <optgroup id='wcf' label='Westminster Confession of Faith'>
-                {% for c in wcf %}
-                <option type='wcf'>{{ c }}</option>
-                {% endfor %}
-            </optgroup>
-            <optgroup id='wsc' label='Westminster Short Catechism'>
-                {% for c in wsc %}
-                <option type='wsc'>{{ c }}</option>
-                {% endfor %}
-            </optgroup>
-            <optgroup id='wlc' label='Westminster Larger Catechism'>
-                {% for c in wlc %}
-                <option type='wlc'>{{ c }}</option>
-                {% endfor %}
-            </optgroup>
-        </select>
+            <option value='new'>-- Insert New --</option>
+            <option value='creed'>Creed</option>
+            <option value='belgic'>Belgic Confession</option>
+            <option value='hc'>Heidelberg Catechism</option>
+            <option value='cd'>Canons of Dort</option>
+            <option value='wcf'>Westminster Confession of Faith</option>
+            <option value='wsc'>Westminster Shorter Catechism</option>
+            <option value='wlc'>Westminster Larger Catechism</option>
+            <option value='agc'>Augsberg Confession</option>
+            <option value='1hc'>First Helvetic Confession</option>
+            <option value='2hc'>Second Helvetic Confession</option>
+            <option value='sd'>Savoy Declaration</option>
+            <option value='39a'>Thirty-Nine Articles</option>
+            <option value='lbc'>London Baptist Confession</option>
+        </select>&nbsp;&nbsp;
+        <select id='referenceSeries' onchange='retrieveReference(this)'>
+        </select>&nbsp;&nbsp;
+        <input type='text' name='name' id='refName' style='display:none;' />&nbsp;&nbsp;
        <button id='save' name='save' onclick='saveReference()'>Save</button>
        <a href='/index.php/home'>Back</a><br />
Author	SHA1	Message	Date
Ryan Prather	c2c08db342	Add saveFailCounter Fix bug with not clearing noteId Refactor a class removal and additions Add script.min.js	2024-06-09 20:26:54 -04:00
Ryan Prather	4d55711190	Adding new reference type retrieval	2024-06-09 20:24:44 -04:00
Ryan Prather	164ed62a48	add method for retrieving 39 articles	2024-06-09 20:18:54 -04:00
Ryan Prather	bdc67942ea	Add validation for email registration	2024-06-09 20:18:27 -04:00
Ryan Prather	4a6191e287	Add link to markdown cheat sheet	2024-06-09 20:17:40 -04:00
Ryan Prather	d809e7eb38	Add new reference types	2024-06-09 20:17:20 -04:00
Ryan Prather	83709509f2	Move markdown cheat sheet	2024-06-09 20:16:42 -04:00
Ryan Prather	7bb909dfe4	Add link for recording	2024-05-29 00:37:56 -04:00
Ryan Prather	1d98940341	removed onload method call since it's now in script.js	2024-05-29 00:37:27 -04:00
Ryan Prather	14b4ca0545	add moment.js and datatables.js	2024-05-29 00:37:12 -04:00
Ryan Prather	ea60cf2622	add methods to retrieve new references	2024-05-29 00:35:42 -04:00
Ryan Prather	53e5c48aa9	Changed reference editor to not pass through data	2024-05-29 00:34:50 -04:00
Ryan Prather	a1e921063a	add getNotes method for open notes table	2024-05-29 00:32:07 -04:00
Ryan Prather	2552335513	Migrate openNotes table to use DataTables Added couple helper methods Fixed not clearing recording link on "New Note" add retrieveReferenceType method for reference editor	2024-05-29 00:30:42 -04:00
Ryan Prather	74b24afc75	Style updates	2024-05-29 00:24:05 -04:00
Ryan Prather	451a61722e	New starter dataset	2024-05-29 00:23:48 -04:00
Ryan Prather	a46253ec7d	Add retrieveLBC and retrieveNote for references	2024-05-26 22:46:54 -04:00
Ryan Prather	45a3398ac7	Fix error with retrieving HC and CD references and add LBC	2024-05-26 22:46:25 -04:00
Ryan Prather	a20caf1fc8	Added LBC and note reference retrieval Convert get-reference to retrieve data from database instead of files Fixed error with saving new note	2024-05-26 22:43:56 -04:00
Ryan Prather	435402ee41	Add LBC and new reference field	2024-05-26 22:40:45 -04:00
Ryan Prather	8315970571	Reorg the note fields and add recording link field Add LBC	2024-05-26 22:33:41 -04:00
Ryan Prather	d26874d88b	Add recording link field	2024-05-26 22:30:53 -04:00
Ryan Prather	d1ac0578f3	Add recording link field to note	2024-05-26 22:30:39 -04:00
Ryan Prather	3d10944b6d	Style updates	2024-05-26 22:30:20 -04:00
Ryan Prather	72bf4273f3	increase saveTimeout add check for note text to see if something has changed add recording link text field fix error for check covert reference buttons to match style of other buttons	2024-05-26 22:30:03 -04:00
Ryan Prather	77e2777c7a	Add LBC	2024-05-26 22:24:51 -04:00
Ryan Prather	a1f5ce416c	Style updates	2024-05-26 22:24:40 -04:00
Ryan Prather	6af0095470	Merge pull request 'Remerge' (#3 ) from main into 1.1 Reviewed-on: #3	2024-05-25 08:11:00 -04:00
Ryan	11f566897f	Fix install instructions	2024-05-25 08:01:46 -04:00
Ryan	7044d16ee0	Update docker-compose	2024-05-24 11:48:08 -04:00