port threadlist.php and thread.php to vue

[dunkeltron]

Porting threadlist.php and thread.php to vue in order to accomodate new front end design philosophy..

9/13
began scaffolding for new .vue implementations of threadlist, conversation, and threadpreview
located where the vue app was being created and mounted
still need an answer on axios form submission handling

9/15
More scaffolding.
Reworked the directory system
Added webtextingcontainer.vue, threadpreview.vue
for monday we need to try and see what we can feed into and through webtextingcontainer

9/20
More scaffolding
more understanding of working with vue

9/22
Scaffolding near completion
Broke a lot of things in order to place elements where I want them for testing / styling

• Moved all styles into threadlist.php for ease of access will have to undo this later
• Put hard coded values into threadlist and webtextingcontainer
• moved the vue app deployment target to webtextingcontainer.vue
• moved the vue app deployment from thread.php to threadlist.php (this breaks all functionality but focusing on layout /
  style / data flow for now should allow progress on those fronts while I build confidence with vue + php interactions)

Current plan is monday test prop passing from threadlist -> ThreadPreview Use this knowledge to try and rehookup webtextingcontainer.vue -> Conversation.vue

10/2
working on responsiveness
working on data flow using vue-router's router-link elements and vue-router to ping the messaging api

10/5
looking through how to access messages.php from vue in order to access messages that we deliver to conversation.vue

10/6
we can deliver messages to the conversation components now
for monday we gotta render message components

10/18
message sending/recieving seems to work now
need to fix grabbing messages as they come in to a thread

10/20
ThreadPreview is being served props from threadlist via webtextingcontainer.
to resolve the page refresh issues in threadview may need to learn about nginx
https://gist.github.com/vesper8/ec6c079f810afeb19004937b2a153dcc
https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

10/27
Need to finish calculateThreadID in SIP.ts
Need to finish the new Record<threadID,Array> swap
once these are done need to test changes.
once changes are tested we can see about implementing unread message notifications.

10/30
need to rework switching between threads updating messages
probably need to do this by updating the emitter functionality in global.ts to expect a parameter

11/1
trouble checking for older_than in backfillMessages
we can switch between threads tho

11/3
older_than backfill error may have been related to session data (need verification)
switching between a fully backfilled conversation and a non fully backfilled conversation doesn't allow the non fully backfilled message to be backfilled
calculate threadID needs to work

11/6
changed the bucket from mms_bucket to mms-bucket.
now digital ocean loses our jpgs

11/8
it was not digital ocean losing our jpgs but the mms_bucket vs mms-bucket issue messing up the credentials
waiting on endstream provisioning the phone for mms
working on style changes / vue router-link onclick event issuing for active threadpreview highlighting

11/14
threadpreview highlighting implemented
backfill wonkiness reduced when switching between threads
first and last thread preview have top or bottom border-radius.
display: none'd in footer.css. this was done so that footer.php can still do the important fusionpbx theming without adding a nonsense bottom margin.
still need to test groups.
still need to implement mobile design
still need to add action bar to conversation.vue for things like search / mobile navigation

11/15
Holy Hell group chat has no idea how to work now.
also need to rethink the mobile layout but we must do group chats first

11/17
prioritizing group messaging
need to figure out the backfilling group messages issue.
need to figure out the passing displayName to conversation.vue issue

11/20
figured out group message backfilling
implemented name change for groups
need to polish threadpreview styling because of default group name length issues
need to pass displayname to conversation.vue still

11/27
known issues / planned features

• [media] text preview
  • (we have a comment in threadlist.php where we need to expand the functionality of last message calculation to include grabbing messages back from s3)
• threadpreview event emitter
  -conversation event listener
  -mobile view
  -upload progress is a liar (but it is uploading) not a liar it's just pass/fail
  -contactEditLink and groupMembers are not populating to the threadpreview component
  11/28
  ~~fix active thread carot thingy ~~

11/29
Sendbox style changes
mobile view
contactEditLink and groupMembers still.

12/4
Add contact / thread
threadlist header
mobile view go back is wrong color and spacing
top border for threadlist and conversation is inconsistent
margin of phone numbers in conversation look wierd

12/5
Switching from newthread to any given thread prevents the displyname of the changed to thread from displaying.

12/13
newthread issues ironed out. site is in line for deployment