Merge prod

.env.example

@@ -0,0 +1,12 @@
+NUXT_AUTH0_CLIENTID=rizpj6JWOjTuo9YRACPPSmR9ffmZ1Xnk
+NUXT_AUTH0_SECRET='example_auth0_secret'
+NUXT_BASEURL=http://localhost:3000/
+NUXT_ISSUER=https://dev-o5pmpav6snak56qc.us.auth0.com/
+NUXT_STRIPE_PUBLIC=pk_test_bG0z4rdRUTA25QUTo0tuXCwX
+NUXT_STRIPE_SECRET='example_stripe_secret'
+NUXT_AWS_S3_BUCKET_NAME=images-dev.carsonsvillage.org
+[email protected]
+
+AWS_ACCESS_KEY_ID=AKIAT4QWIMWMZ3KXGZ62
+AWS_SECRET_ACCESS_KEY='example_aws_secret_access_key'
+DATABASE_URL=postgresql://postgres:[email protected]:11111/postgres

README.md

@@ -2,9 +2,24 @@
 
 Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 
+## Dependency Software to Install
+Nodejs, Docker, IDE with command line, Git, WSL2 (windows only)
 ## Setup
 
-Make sure to install the dependencies:
+Clone repsitory 
+
+Copy .env into root or fill out new keys from .env.example
+
+Need Private keys for 
+ - Stripe
+ - AWS
+ - Auth0
+ Need 
+ - email source for AWS SES
+ - S3 bucket URL
+ - Auth0 Issuer URL
+
+Install the dependencies:
 
 ```bash
 # yarn
@@ -17,6 +32,43 @@ npm install
 pnpm install --shamefully-hoist
 ```
 
+## Run Docker 
+Start Docker Desktop
+Change the director to prisma/local
+Run docker compose
+```bash
+cd prisma/local
+docker-compose up
+```
+
+## Initialize Database
+
+Initialize Postgres DB via
+```bash
+npx prisma generate
+```
+Add first user with prisma studio with valid email that you can use
+```bash
+npx prisma studio
+```
+And add email and user role as admin for maximium privilege
+And optionally add
+    - First name
+    - Last namme
+    - Middle name
+    - Phone number
+or 
+
+Add first user via Postgres CLI
+Enter Postgres CLI
+``` bash
+docker exec -it local-db-1 psql -U postgres
+```
+Enter first user with your email set to a usable email
+``` bash
+ insert into user_accounts(cuid, email, first_name, last_name, user_role) values ('your_name', 'your_email', 'your_first_name', 'your_last_name','admin')
+```
+
 ## Development Server
 
 Start the development server on http://localhost:3000
@@ -40,3 +92,202 @@ npm run preview
 ```
 
 Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
+
+## Interacting with site
+
+Log in via the 'Login' button and use Auth0 with the previously entered email
+
+## docker-compose.yml location
+The docker-compose file is located in /prisma/local for local development
+
+## Schema location
+The schema is in prisma and is in /prisma
+
+## UI Mockups Folder
+The ui mockups are located in /figma
+
+## Workflow diagrams
+The workflow diagrams are located in /flowcharts
+
+## Notes for the langauges of the tech stack
+Notes on the current tech are located in /notes
+
+## Current Deployment Scheme
+The main and stage branches automatically deploys to pages.carsonsvillage.org  and pages-staged.carsonsvillage.org respectively via an AWS EC2 instance built via GitHub actions for testing.
+The deployment scripts are in /.github/workflows.
+
+# Migration Scripts
+None
+Carsonsvillage.org, the previous solution, is not ever green so the data will start from scratch
+on future Carson's Village's usage of this project.
+
+# Conceptual Overview
+
+This system is focused around advocates, families, and pages. Advocates invite families and guide them through the process of creating a memorial page. These pages contain obituaries, times, and locations. These pages are publicly viewable and searchable. Pages can receive donations, have donation goals, and have deadlines for fundraising. Family users can only access the system after being invited by an advocate. Family users have profiles. Admin distributes donations to families.
+
+# Functional Requirements
+
+## Edit Page
+ - Logged in users can create pages with the following properties filled in:
+  - Name
+  - Day of birth (optional)
+  - Day of passing (optional)
+  - Visitation (optional)
+    - Date
+    - Location
+    - Description
+  - Funeral (optional)
+    - Date
+    - Location
+    - Description
+  - Obituary
+  - Donation goal (optional)
+  - Deadline (optional)
+  - Images (optional)
+   - Images can be added
+    - one by one
+    - multiple at a time
+   - Viewable via image preview feature
+   - Images can be deleted one by one
+   - User can select profile picture
+
+## Users
+
+- There are three roles: family, dvocate, admin
+- Users are invite only, regardless of roles
+- Admin(s) are entered through CLI only
+- Admins can do what advocates can do and only admins can
+  - Distribute Donations via Stripe
+- Only advocates can
+  - Toggle Page active/inactive status
+  - Invite users
+  - See a list of all pages
+  - See a list of all users
+  - See Family Reports
+  - Change the role of a user
+- All logged in users can
+  - Edit a page
+  - See a list of their own pages
+- Only Family Users need to do onboarding for using a connected account via Stripe Connect
+- Users are authenticated via Auth0
+- Users receive invitation emails via AWS SES
+
+## Family Pages
+
+- All pages can be viewed publicly
+- Pages must be publicly searchable
+- Pages have
+  - Name
+  - Day of birth
+  - Day of passing
+  - Visitation
+    - Date
+    - Location
+    - Description
+  - Funeral
+    - Date
+    - Location
+    - Description
+  - Obituary
+  - Donation goal
+  - Amount donated
+  - Deadline
+  - Images
+  - Donations
+    - Processed through stripe
+  - Donation comments associated to a donation
+  - Page Replies not associated to a donation
+  - Page sharing links to
+    - Facebook
+    - X (formally known as Twitter)
+    - Mail Application
+
+## Family Report Page
+  - Family Reports can be viewed by Advocates and Admin(s)
+  - Family Report can be downloaded to CSV
+  - Family Report columns are 
+    - Page name
+    - Advocate Responsible name
+    - Donation Performance metrics
+        - Duration
+        - Donation Status
+        - Goal Met Date
+    - Donation Payout Metrics
+        - Owed / Goal Percentage
+        - Amount Owed
+        - Amount Paid
+        - Amount Raised
+    - Start Date
+    - Donation Goal
+
+## Donation Managment Page
+  - Donation Managment page can only be viewed by an Admin
+  - Admin can distribute donations to a family page or family
+  - Admin can view family and page's 
+    - total amount raised
+    - total amount distributed
+    - total amount left to distribute
+  - Admin can view all of family's donations
+
+## Family Creation Page
+  - Admin and Advocate can create family and the first user
+  - First user is invited via AWS SES
+
+## User Invite Page
+   - Admin and Advocate can create a user with the following properties
+     - Role (advocate or family)
+     - Select Family via listbox for family role 
+     - First Name
+     - Middle Name
+     - Last name
+     - Phone number
+
+## Home 
+ - Every Logged in user can view their
+    - First, middle, last name
+    - Role
+    - Phone number
+
+## Page List
+  - Advocates can view all pages of families they are responsible for
+  - Advocates can select family to view pages for
+  - Families can view all of their pages
+  - Page list shows 
+   - Page name
+   - Donation Deadline
+   - link to edit
+   - link to view
+   - Only admin and advocates can view user cuid of page creator
+   - Show up to 12 family pages per page 
+
+## User List 
+  - Advocates and Admins can view all users
+  - User List shows 
+    - User name
+    - User email
+    - User id
+    - User Family name for family members
+    - User role
+    - Link to user page list of pages they created
+    - Show up to 12 Users per page
+
+## Search Page
+  - Show up to 12 results of pages searched per page
+  - Search by matching any character of page name
+  - Show all pages with empty query
+
+## Stack
+Nuxt, postgres, prisma
+
+## Research Questions
+None
+
+## Third party integrations
+
+- Stripe for payments and donation payouts
+- Auth0 for authentication
+- AWS SES for emails
+
+## Deployment
+
+AWS EC2

TODO.md

@@ -6,19 +6,26 @@ This system is focused around advocates, families, and pages. Advocates invite f
 
 ## Users
 
-- There are two roles: family and advocate
+- There are three roles: family, advocate, admin
 - Users are invite only, regardless of roles
+- Admin(s) are entered through CLI only
+- Admins can do what advocates can do and only admins can
+  - Distribute Donations via Stripe
 - Only advocates can
+  - Toggle Page active/inactive status
   - Invite users
-  - See a lit of all pages
+  - See a list of all pages
+  - See a list of all users
+  - See Family Reports
   - Change the role of a user
-- All users can
+- All logged in users can
   - Edit a page
   - See a list of their own pages
+- Only Family Users need to do onboarding for using a connected account via Stripe Connect
 - Users are authenticated via Auth0
 - Users receive invitation emails via AWS SES
 
-## Pages
+## Family Pages
 
 - All pages can be viewed publicly
 - Pages must be publicly searchable
@@ -50,9 +57,10 @@ None
 
 ## Third party integrations
 
-- Stripe for payments
+- Stripe for payments, Donation Distribution
 - Auth0 for authentication
 - AWS SES for emails
+- Constant Contacts for newsletter integration
 
 ## Deployment
 

components/CVFooter.vue

@@ -6,12 +6,12 @@ div
         img(src='/footer.png')
         div.absolute(style="margin-left: auto;margin-right: auto; left: 0;right: 0; text-align: center;")
             LinkButton.absolute.bottom-4.mx-auto.text-md(class="left-1/2" to='https://carsonsvillage.org/contact-us/') Contact Us
-    div.bg-black(style="align-content: center;")
-        div.flex(style="color: gray; font-weight: 700;justify-content:center")
-            label Copyright 2023 Carson's Village | 
-            .col
-                NuxtLink(to='https://carsonsvillage.org/privacy-policy/') Privacy Policy
-
+    div.bg-black.flex(style="color:gray; font-weight: 700; justify-content:center; align-items: center; height: 100px;")
+        label COPYRIGHT 2023 CARSON'S VILLAGE | 
+        .col
+            NuxtLink(to='https://carsonsvillage.org/privacy-policy/') PRIVACY POLICY | 
+        .col
+            NuxtLink(to='https://carsonsvillage.org/carsons-village-non-discriminatory-statement/') CARSON’S VILLAGE NON-DISCRIMINATORY STATEMENT
 </template>
 
 <style scoped></style>

components/CVHeader.vue

@@ -3,8 +3,9 @@ import type { User, Page } from "@/types.d.ts"
 import { donationFormat, dateFormat } from '@/utils'
 const cvuser = useCookie<User>('cvuser');
 const cvtoken = useCookie('cvtoken');
-const isAdmin = computed(() => cvuser.value?.user_role == "advocate")
+const isAdmin = computed(() => cvuser.value?.user_role == "advocate" || cvuser.value?.user_role == "admin")
 const cuid = computed(() => cvuser.value?.cuid)
+const familyCuid = computed(() => cvuser.value?.familyCuid)
 const isLoggedIn = computed(() => cvuser.value)
 const pages = ref<Page[]>([])
 const searchQuery = ref('');
@@ -22,19 +23,24 @@ ClientOnly
       href="/api/logout"
       ) 
         p.uppercase.white.w-max LOGOUT
-      NavLinkButton(:to="`/PageList/${cuid}`") 
-        p.uppercase.white.w-max(v-if="isAdmin") Pages
-        p.uppercase.white.w-max(v-else) Pages
+      NavLinkButton(:to="`/PageList/${cuid}/?fromUsers=0`" v-if="isAdmin") 
+        p.uppercase.white.w-max Pages
+      NavLinkButton(:to="`/pageList/${familyCuid}/?fromUsers=0`" v-if="!isAdmin")
+        p.uppercase.white.w-max Pages
       NavLinkButton(to='/EditPage/0') 
         p.uppercase.white.w-max New page
       NavLinkButton( v-if="isAdmin" to='/Users') 
         p.uppercase.white.w-max Users
       NavLinkButton( v-if="isAdmin" to='/EditUser/0') 
         p.uppercase.white.w-max Invite user
+      NavLinkButton( v-if="isAdmin" to='/EditFamily') 
+        p.uppercase.white.w-max Create Family
       NavLinkButton(to="/") 
         p.uppercase.white.w-max Home
       NavLinkButton(v-if="isAdmin" to='/FamilyTransactionList') 
         p.uppercase.white.w-max Donations
+      NavLinkButton(v-if="isAdmin" to='/FamilyReports')
+        p.uppercase.white.w-max FamilyReports
     div.max-w-min.mx-auto.flex.gap-2(v-else)
       a.items-center.px-2.py-2.text-base.font-medium.rounded-md.text-green-600.cursor-pointer(style="border: 1px solid #c4c4c4;"
       class='hover:text-white hover:bg-gray-600'