SP5 Development Updates

10-26-23

Changes

• Subject Thumbnail on both backend and frontend
• Performmance improvements
• Markup/CSS for New/Edit/Delete Guide Collection, including translations, React components and Flash messages
• Markup/CSS for Guide Collections including React components and translations
• Markup/CSS for Departments, New/Edit/Show Department including React components and translations
• Markup/CSS for User Types index, new/edit form, show, translations
• Markup/CSS for App Config index
• Markup/CSS for Update Legacy Roles, translations
• Markup/CSS for User Form, User AG Grid, User Show screens including React components, translations
• CSS for PHP info page, translations
• Roles
• Role hierarchies

Going Forward

• Roles in user screens
• Role conditionals in twig templates
• Hash user password in user form
• Prompt user to reset password
• Department frontend performance optimization
• Frontend themes

Screenshots

10-18-23

Changes

• Markup/CSS for Media Upload Edit/Show, including translations
• Markup/CSS for Media Manager, including React styles, translations
• Markup/CSS for FAQs landing page, remove placeholders for layout
• Markup/CSS for Primo Search pluslet backend/frontend
• Pluslet boxes listed in alpha order in guide builder
• Markup/CSS for Research Guides backend including React styles, remove old guide index files used for layout
• Markup/CSS for New Guide form, Edit/Show screens, including translations
• Guides backend page performance optimization (already merged last week)
• Resources backend page performance optimization
• Users backend page performance optimization
• Collection backend page performance optimization
• GuideCollection backend page performance optimization create filterSubjectsUsedInCollection to prevent duplication of the guide collection used
• Migrate ptags to roles - used for ACL
  • Version20231017181109PtagFilter
  • Version20231017191515SetRolesFromPtags
  • Version20231017221106SetRoleUser

Going Forward

• Guide Thumbnail
• FAQ Performance Optimization
• FAQ Management List
• Department Frontend Performance Optimization
• Database by Subject AG Grid Display
• Styles for All Admin Screens
• Styles for Frontend Screens
• Auth ACL

Screenshots

10-11-23

Changes

• Resources Backend Index page performance optimized -- Uses symfony JsonSerializable library instead of Serializer Interface
• Guide Collection frontend interface
• Database Migrations for config and config_category tables -- Uses unique key field -- Version20231005013647.php -- Version20231005020221.php -- Version20231005020225.php -- Version20231005020229.php
• Database migrations for Subject and Collection shortform fields -- replace underscores with dashes and replace empty fields with lowercase title with dashes -- Version20231011201121CollectionEmptyShortform.php -- Version20231011200209SubjectShortform.php -- Version20231011195123CollectionUnderscore.php
• Styles for Backend Resources section, Lite CKEditor, React -- New guide metadata screen flash message. -- Markup/CSS for Resources by Subject page, including React components -- Markup/CSS for Resources Index page, including React components. Remove old files. -- Update Resource show screen -- Updates to Resource form, flash messages and translations -- Update New Resource form to use "lite" CKEditor config -- Set up a new CKEditor config without the Insert Media and Insert Resource plugins. -- CSS background pattern for backend light/dark mode -- Markup/CSS updates to Recent Activity panel (chchchanges), translations

Going Forward

• Thumbnails for Guides
• Performance Improvements
• Remove format tag in resource
• Fix Display in AG Grid Resources by Subject
• Styles for Guides, Guide Collections, Media Manager, FAQs
• FAQs management and public screens

Screenshots

10-03-23

Changes

• Databases by Subject -- AG Grid Tables for managing databases associated with subject guides -- order by alpha

• Guide Collections -- AG Grid tables for managing subject guides associated with collections -- Includes drag and drop -- sort order

• Library Chat Pluslet

• Primo Search Pluslet

• Dashboard Changes List

• Backend Navigation Translations

• Backend Navigation UI Updates

• Dashboard UI Updates

Going Forward

• FAQ Management screens
• Guide Collection Public View
• Primo and Library Chat Config values

Screenshots

07-20-23

Changes

• Media Manager sort, search, and filter

• Filter by date

• Filter by media type

• Filter by user

• Filter by media being used in a guide or staff photo

• Admin filter by my media and all media

• Search by title, caption, and alt text

• Sort by location, date, user, type, title, caption, alt text

• Show thumbnail

• Action column with view and edit buttons

Going Forward

• View media in a grid format

• ACL for permissions

Screenshots

06-23-23

Changes

• Choose which Subject Guides to display on Staff Page i.e. User can have, for example, 10 guides, but can select to only display 5 on their staff page.

• Add Staff Profile Picture to User

• Select User Permissions via Dropdown Select Menu

• Select User Type, i.e. Student, Staff, Admin

• Search/Filter User table via AG Grid

• Department table via AG Grid

• Add Booking URL field to User

• Add Pronouns field to User

• Staff Page display order by Department with Supervisor listed first, others by last name

• User Type CRUD form

• User form Supervisor displays name instead of supervisor id, same for other relations including department, permissions, and subjects.

Going Forward

• User Authentication via Shibboleth

• User Permissions

• Media delete

• Departments performance optimization

Screenshots

05-26-23

Changes

• use record API instead title API for record search plugin

• set default for format and restriction for creating a new resource

• render the faqpages list as valueGetter instead cellRenderer

• created FaqSearchFaqpages and render the list as select options

• add the hook for faqpages list and use it in FaqSearchFaqpages

• parse faqpages json data as FaqFaqpagesType type

• get faqpages json data in template to use into the loader

• get faqpages from the repo and seiralize as json

• sortable for update date column on FAQs ag grid table

• take out the FAQ search bar of the old template

• change line-height to lineHeight to fit the ag grid current version

• add filter for faqs associate with current staff only

• add the default timezone as US/Eastern time for temporary

• format content in the list column

• function to get the last modified date associated the faq

• add column Update Date and render it by FaqSearchResultUpdateDate

• add the faqChchchangesData for the FaqSearchResults

• created a new FaqChchchangesType

• parse the json data as the FaqChcchchangesType

• get the faqs chchchanges for the loader

• get chchchanges JSON data for the faq search loader

• Merge branch 'td-backend-record' into td-backend-faq

• check form when the ctags is null

• add staff toggle for faq

• change placeholder for faq searchbar

• created active(public) toggle for FAQ filter

• created a searchbar with react quick filter for faq

• render cells for question column as html

• render cells for answer column as html

• add model transformer for active to due with string & bool types

• created a func for cellRender the Actions column

• created a function for getting the faq preview path

• fead: created a helper for getting the faq pat

• add edit and review path for FAQ in the client config

• created a func for cellRender the List column of Faq ag grid react

• created a func for cellRender the status column of Faq ag grid

• show the faq data as ag grid react table

• using data from the loader in FaqSearch

• get faq json data and pass it to the FaqSearch

• created a faq type for using in react

• add Faq search component loader in webpack

• get faq JSON data for the script faq search loader

• use serializer to get faqs data as JSON to use in the template

• add http for which link of records does not work in href

• add link for Actions (edit and preview) of Resources/Records

• change ctags/format tags to React Multi-select for Resource

• add model transformer for eres_display and record_status

• add message for eres_display and record_status toggles

• display as CheckboxType switch for record_status for record

• display as CheckboxType switch for eres_display for record

• apply react-select style for RecordSearchLetter

• add filter for Num, combine all filter to work together.

• put RecordSearch back as original for Search toggle for Basic Pluslet

• rename RecordSearch to RecordSearchMain

Going Forward

• Sprint to add User Auth, ACL, and File Management

Screenshots

04-14-23

Changes

• Add people under department index and department page
• (https://github.com/subjectsplus/SubjectsPlus5/pull/72)

Going Forward

• Refactor StaffController so that get staff uses the Repository/Service pattern. getDoctrine is deprecated in symfony 5.4.

Screenshots

04-13-23

Changes

• Sort subjects in subject librarian and staff profile pages
• (https://github.com/subjectsplus/SubjectsPlus5/pull/69)
• Create drop title id in record table migration file
• (https://github.com/subjectsplus/SubjectsPlus5/pull/70)

Going Forward

• Refactor StaffController so that get staff uses the Repository/Service pattern. getDoctrine is deprecated in symfony 5.4.

Screenshots

11-11-22

Changes

• Record Form
• Record Show
• Record AG Grid Mockup
• Set api-platform to v 2.6.8 - 2.7 causes logout to fail

Going Forward

• AG Grid for Records
• Record API replaces Title/Location API
• Databases Frontend Index
• Guide Management Admin page mockup
• Databases by Subject Admin page mockup
• Config Admin page mockup

Screenshots

10-10-22

Changes

• FAQ Frontend Index
• FAQ Frontend Collection Lists
• FAQ Single Q&A Page
• Create New Record
• Refactor Title and Location Tables into Record Table

Going Forward

• Record Frontend Index
• Record Backend Index
• Record Form
• Record Show

Screenshots

09-23-22

Changes

• Department Index (Public and Admin views)
• Department Single Page (Public view)
• Department New/Edit Form
• Subject Librarians Mockup Public view
• Misc Styles

Going Forward

• FAQ Index
• Config Mockup UI

Screenshots

09-02-22

Changes

• Users index backend styles
• Users New/Edit form
• User show page
• User Public Profile page (frontend)
• People A-Z landing page with filter/sort (frontend)

Going Forward

• Department Index
• Department New/Edit Form
• Record Form
• Record Index

Screenshots

08-26-22

Changes

• Staff profile image added to backend menu and dashboard
• Render guide content on UM theme (frontend)
• Refactor FAQ index page markup (backend)
• Users index page (markup)

Going Forward

• Users New/Edit form
• User Public Profile page (frontend)
• People landing page (frontend)
• Record CRUD
• Record AG Grid
• Record table refactor
• Staff page backend styles

Screenshots

08-19-22

Changes

• Upgrade Symfony from 5.3 to 5.4
• BookList styles updated
• Table of Content styles updated

Going Forward

• Record CRUD
• Record AG Grid
• Record table refactor
• Staff page backend styles

Screenshots

08-12-22

Changes

• AG Grid customizations
• Update styles for guide builder
  • Spacing between pluslet boxes
• remove node-sass and replace with sass
• SubjectSpecialist styling
• Misc styles
• Retrieve Staff by alpha in Guide Metadata, subjectspecialist pluslet

Going Forward

• BookList styles
• Database list tokens for the frontend styles
• Fix delete bug in Config
• Record CRUD
• Record AG Grid
• Record table refactor
• Staff page backend styles

Screenshots

08-04-22

Changes

• Completion of Guide Search
• Completion of BookList Pluslet Migration Component
• Table of Contents v2 implemented with save and view functionality
• General styles for guides
• Styling for Subject Specialist (frontend/backend) using default staff image

Going Forward

• AG grid customizations
• Booklist pluslet styles

Screenshots

07-29-22

Changes

• BookList Pluslet complete
  • Pull book metadata including cover thumbnail by ISBN from Primo, Google Books, Open Library
  • Title Author, Date, ISBN Sortable
• UM customizations: mega footer, mobile toolbar
• Guide tab select functionality in mobile (frontend)
• Custom styling for select (dropdown)

Going Forward

• Table of Content Pluslets
• BookList Pluslet Migration
• FAQ Search
• Guide
• Styles for Booklist, Subject Specialist, etc

Screenshots

07-22-22

Changes

• Implemented save functionality for SubjectSpecialist
• Clicking on Add Pluslet now allows you to choose amongst different Pluslet types
• Added config values for small, medium, and large image dimensions
• Added link to edit guide on guide metadata offcanvas
• Added functionality for assigning staff to a guide
• Staff Photo upload is now available and shows up within staff profile and SubjectSpecialist
• Add open graph tags
• Theme separation
• UM customizations: navigation and mega menus

Going Forward

• Implement BookList
• Implement Table of Contents
• Guide and FAQ search
• UM customizations: mega footer
• Styles for Subject Specialist

Screenshots

07-15-22

Changes

• Refactor of Guide Builder, Guide Metadata, Media Browser and Record Search components into TypeScript
• Pluslet component has been refactored to allow for the rendering of different types of Pluslet
• Clicking on the add new tab button now opens a form in a modal to input tab name, visibility, and external url beforehand
• Migrate SubjectSpecialist Pluslet extra field into new format
• Implemented render of SubjectSpecialist in Guide Builder

Going Forward

• Implement save functionality for SubjectSpecialist
• Implement BookList

Screenshots

07-08-22

Changes

• Customizable and responsive footer
• Research guides lading page - frontend, customizable

Going Forward

• Custom options for guides
• Mobile display for tabs - show as dropdown
• Mockup for theme config settings screen
• SubjectsSpecialist Pluslet
• BookList Pluslet
• Refactor to TypeScript

Screenshots

07-01-22

Changes

• Customizable and responsive navigation
• Customizable and responsive page header
• Fully migrated LinkList to new format for databases

Going Forward

• Customizable and responsive footer
• Custom options for guides
• Mobile display for tabs - show as dropdowns
• Implement BookList
• Implement SubjectSpecialist

Screenshots

06-24-22

Changes

• Create Twig Extension for native lazy loading for images
• Make videos responsive and lazy loaded
• Implement the “Clone” Pluslet type
• Implement Tab redirect for Guides
• Improved indexing of record tokens in CKEditor
  • Usage of global namespace window to keep track of records that have already been indexed
• Double clicking a Pluslet now only changes the Pluslet to edit mode rather than toggling
• Link List migration proof of concept
  • Identified ability to manipulate the html of the link lists through doctrine migration
  • Pattern will be used for all future migrations that involve html manipulation

Going Forward

• Default navigation
• Fully migrate Link List
• Implement BookList

Screenshots

06-16-22

Changes

• Guide public view proof of concept
  • Guide public view with layout, tabs, sections, and pluslet types inclduing Basic, Subject Specialist, Google search, scholar, and books.
• Subject Specialist Pluslet public view backwards compatibility
• Google search, scholar, books search form public view backwards compatibility
• Pluslet public view backwards compatibility required converting the pluslet.extra field to json type.
• HTML5Video pluslet public view backwards compatibility

Going Forward

• Theme Navigation switcher
• LinkList pluslet public view backwards compatibility
• BookList pluslet public view backwards compatibility

Screenshots

06-10-22

Changes

• A shortform/slug generator is now available for the create/edit guide form
• While dragging a Pluslet, other Pluslets are resized for easier organization
• While dragging a Pluslet, the background color of all droppable columns are changed
• The Pluslet title now serves as the drag handle for the Pluslet
• Configuration for Mime Type Icons
• Disabled search for react-select single element dropdown
• Hide the image plugin in CKEditor
• Rename the term “Record(s)” to “Resource(s)”
• Rename the term “Pluslet(s)” to “Box(es)”
• Option to change image size in media-browser component is only enabled when more than one image size is available
• Divide Pluslet component into smaller components such as EditableTitle and ActionsContainer that will potentially be shared amongst other Pluslet types
• Offcanvas are now hidden when clicking on another tab or saving a
• Guide Box UI updates/labels

Going Forward

• Record CRUD in the backend
• Databases index on the frontend
• Guide public view proof of concept
• Render frontend portion of guide
• Implement remaining Pluslet types
• Frontend Theme Customizations

Screenshots

05-25-22

Changes

• Change shortform url for Guide to restrict to alphanumerical format
  • Implement migration for existing Guide’s shortform that changes to the aforementioned format
• While dragging a Section, other Sections are resized for easier organization
• When creating a new Pluslet, it is editable in the Guide Builder by default
• When Pluslet dropdown is active, hovering away from the Pluslet will no longer hide the dropdown
• Styles for Media Upload screens
• Styles for Guide Metadata Offcanvas in Guide Builder
• Change Layout for New Guide
• Miscellaneous styles, translation changes

Going Forward

• Styles for frontend
• Render guide through frontend controller and template
• While dragging a Pluslet, other Pluslet will be resized for easier organization
• Configuration for Mime Type Icons

Screenshots

05-20-22

Changes

• Implement functionality where while dragging a Pluslet reduce height and only show title bar area
• Ability to switch between different column types for an existing Section
• Implement component for edit guide metadata on Guide Builder page
• Created SectionColumn component as part of Section component refactor
• Add range filter in API for Pluslet entity’s pcolumn and prow properties
• Styles for Insert Media Offcanvas React Component (upload form and list display)
• Link to Guides/Faqs frontend from backend

Going Forward

• Render guide through frontend controller and template
• Styles for Media Upload screens
• Styles for frontend
• Styles for Guide Metadata Offcanvas in Guide Builder
• Doctrine caches: Result, Metadata, Query
• Cache Service

Screenshots

05-13-22

Changes

• Add Frontend Symfony components for Subjects, Staff, Databases, and FAQs
  • Includes Controllers, Services, and Repositories
• Created a ThemeService that handles twig files in separate frontend theme directories
• Extended AbstractController so that a FrontendBaseController overrides the render function to incorporate the ThemeService
• Auto-generation and auto-removal of Media Attachments
  • Implemented auto-generation of MediaAttachment entity when a media item is added to a Pluslet or FAQ
  • Implemented auto-removal of MediaAttachment entity when a media item is removed from a Pluslet or FAQ, or the Pluslet or FAQ is deleted entirely
• Using the Media-Browser component, staff can choose between using a "Small", "Medium", or "Large" size when inserting images into their Guide or FAQ
  • While hovering over the text for choosing a size, the width by height measurement in pixels appears as a tooltip
• New page for editing details/metadata of an existing guide
• Added a unique constraint for a Guide's short form (pretty URL) and subject/title that ensures no duplicate values
• Hovering over a Pluslet adds a grey background style to distinguish it as the active Pluslet
• Pluslet controls only show when hovering over the Pluslet or the Pluslet is in editing mode
• Added "Suppressed" to visibility options for a Guide
• Show Modal dialog/warning for delete operations within Guides
• When using either the Record-Search or Media-Browser component in an off canvas, using one will close the other off canvas if it is active
• Styling for Media Upload Form and recent uploads
• Initial SASS setup for frontend
• Initial setup for CSS custom properties for theming

Going Forward

• Implement functionality where while dragging a Pluslet reduce height and only show title bar area
• Ability to switch between different column types for an existing Section
• Implement component for edit guide metadata on Guide Builder page
• Render guide through frontend controller and template
• Styles for Media Upload screens
• Styles for frontend
• Retrieve data for frontend subjects, staff, databases, faqs

Screenshots

05-06-22

Changes

• Added visual effect where hovering over Add Pluslet button shows the text and changes color
• Added visual effect where hovering over Add Section button shows the text and changes color
• Added styles to Pluslet action buttons
• Added styles to Section action buttons
• Config site architecture added
• Config service added
• Implemented sharing of CKEditor custom configuration for both Symfony forms and React instances
• Added record-token component as a sidebar to Guide Builder page
• Implemented Media API within API Platform to support file uploads from the client
• Changed Guide Builder to only allow one editable pluslet at any given time
• Implemented update mutation and optimistic update for pluslet content changes
• Established two modes for a Pluslet: view mode and edit mode
• View mode is a read only format that displays pluslet content as they would appear on the frontend
• Edit mode allows staff to edit content for that particular Pluslet
• Made Pluslet Title editable
• Added keyboard shortcut (CTRL + S on Windows, COMMAND + S on Mac) for saving a Pluslet while in edit mode
• Added autosave for Pluslets
• Content saves as you type or make changes
• Added functionality for Sections to change size while dragging to make them easier to move and rearrange
• Added react-toastify for toast messages
• Added an edit/save button that toggles between edit and view mode for Pluslet
• Added ability to add a token to the active CKEditor’s cursor location by clicking on the result within the off-canvas Record-Search component
• Implemented Tokenizer for frontend that reads all tokens on the page and updates with up to date information from the database
• Add media-browser react component as an off-canvas to Guide Builder
• Shows current staff’s media uploads
• Allows staff to upload their own files
• Uses dropzone for dynamic drag and drop media uploading
• Refactored MediaController to offload repetitive tasks to MediaService
• Added file validation for uploads from Media Upload API endpoint

Going Forward

• Styles for Media and upload pages
• Record component
• Implement functionality where hovering over a Pluslet adds a background style to distinguish
• Implement functionality where while dragging a Pluslet reduce height and only show title bar area
• Pluslet controls only show when hovering over or is in editing mode
• Ability to switch between different column types for an existing Section
• Add edit Guide controller
• Implement component for edit guide metadata on Guide Builder page
• Show Modal dialog/warning for delete operations within Guides

Screenshots

04-15-22

Changes

• UI changes for Guides Index page
• Miscellaneous UI changes
• Pluslet creation
• Pluslet deletion
• UUID for Pluslets and Tabs
• Implemented CKEditor into Pluslet component
• Fixed Section flash when deleted
• Implemented Immer library https://immerjs.github.io/immer/ for immutable data structures

Going Forward

• More UI optimization
• CKEditor for Pluslets, integrate for Symfony forms

Screenshots

04-08-22

Changes

• Put API behind Auth
• Ordered Guide index by alpha and display only active
• Fix undefined prow error when dragging pluslets
• Added UUID for Sections so that a unique id is generated upon creating a new section in the interface.
• Customized CKEditor menu toolbar and added custom labels to make Insert Record and Insert My Media clear
• Refactored javascript files to use Pascal case.

Going Forward

• UI optimization
• Section options menu
• Pluslet options menu
• Pluslet creation and deletion
• UUID for Pluslets
• UUID for Tabs
• Record search

Screenshots

04-04-22

Changes

• Added ability to move pluslets between same columns.
• Added ability to move pluslets between sections.
• Refactored Symfony config files to separate dev from prod.
• Deleted all SP4 files from the SP5 codebase.
• Refactored login route to be /control/login to mimic SP4
• Implemented APCU cache into Azure environment
• Added OrderBy to FAQ Subjects and FAQ Collections result lists.
• Added default keys to .env.default for Azure Mysql and Trusted Proxies.
• Implementation of React Error Boundaries to isolate component errors from the rest of the application.
• Translations for No Options message in React Select.
• Annotations for POST, PUT, and Delete operations for Pluslet Entity.
• API Search filtering for Pluslets row and column.
• Styling for Guide Index and Guide Builder

Going Forward

• Continue Styling Guide Builder
• Record styling
• Reordering of Pluslets across Sections
• Pluslet creation and deletion
• UUID for Sections and other necessary entities
• Record search

Screenshots

03-25-22

Changes

• Guide Metadata detail page
• Guide Metadata form page
• Dark mode switch moved to User dropdown menu
• Refactoring of CSS includes
• Guide Builder lazy loading of Tab content
• Section CRUD Logic
  • Add new Section to Tab
  • Delete Section and cascading pluslets
  • Reorder of Section with Drag and Drop
• Section Columns are now rendering layout with Pluslets
• Completed refactoring in Guide Builder of Component Classes into Functional Components

Going Forward

• Styling for Guide Index and Tabs
• Styling for Records
• Rendering of Pluslets
• Pluslets CRUD logic
• Implementation of React Error Boundaries to isolate component errors from the rest of the application
• Doctrine Cache
• Symfony Cache

Screenshots

03-18-22

Changes

• React Query library for caching, fetching data from API
  • Using React Query for Pluslets, Sections, and Tabs.
  • Created custom React Hooks for CRUD functions for the Guide components.
  • The addition of "Optimistic Results" in fetching data so that users can immediately work with the results rather than wait for the result to load.
• New Section is automatically created upon creation of New Tab.
• Reorganized code structure to separate API functions from React components.
• Styling for remaining FAQ screens
• Added Manage FAQ Collections mockup
• Minor style updates

Going Forward

• Styling for Guide Index and Tabs
• Styling for Records
• Continue with interaction between Sections and Pluslets
  • Section CRUD logic
  • Pluslets CRUD logic
• Rendering of Section Columns
• Rendering of Pluslets
• Doctrine Cache
• Symfony Cache

Screenshots

03-11-22

Changes

• Removed SP4 files from codebase
• Removed LegacyBridge from public/index.php
• Sections in existing guides are loaded
• Refactor React components to use Functions rather than classes in order to take advantage of React Hooks
• Description icon tooltip
• Form hints tooltip
• Minor style updates

Going Forward

• Symfony caching
• Continue with interaction between Sections and Pluslets
  • Add Section
  • Reorder Pluslets
• React Query library for caching, fetching data from API
• Styling for remaining FAQ screens
• Styling for Guide Index and Tabs

Screenshots

03-04-22

Changes

• Display FAQs with a search filter (mockup) and table of results.
• Tab Drag and Drop interaction
• FAQ refactor of the database relationships
• FAQ api returns faqs by subjects and collections

Going Forward

• Record search
• Record filter by A-Z official databases
• Begin work on Guide Sections
• Styling for remaining FAQ screens
• Styling for Guide Index and Tabs

Screenshots

02-25-22

Changes

• Tab Delete
• At A Glance Mockup
• Active flag toggle message for FAQ

Going Forward

• Display FAQs with a search filter (mockup) and table of results.
• Mockup for remaining FAQ components
• Tab Drag and Drop interaction
• Record search
• Record filter by A-Z official databases

Screenshots

02-18-22

Changes

• Record Component created that displays Databases by Letter.
• Custom tokens flyout panel. Tokens are drag/drop enabled to work with CKEditor instances.
• Database refactor for the Title and Location table relationships.
• Guide builder UI. Tab interactions such as add and edit; as well as initial Section creation.
• Modal dialog including a form for editing tabs.

Going Forward

• Display FAQs with a search filter (mockup) and table of results.
• Mockup for remaining FAQ components
• Tab Drag and Drop interaction
• Tab Delete
• Record search
• Record filter by A-Z official databases

Screenshots

02-11-22

Changes

• Implemented a multi-select, autocomplete dropdown React component for the FAQ subject associations and FAQ collections using React-Select library. Translations have been implemented.
• Fixed FOUC (Flash of Unstyled Content) for Multi-select dropdown.
• API custom endpoints for Guide tabs, sections, and pluslets. The endpoints deal with the nested entities, i.e. tabs are available via a guide call, and sections are available via a tab call.
• Updated database to move the section_id, pcolumn, and prow from the pluslet_section to pluslet. This was necessary for the relationships to work with Doctrine.

Going Forward

• Record React Component for the A-Z list and user generated entries.
• Custom tokens flyout panel. Tokens are drag/drop enabled to work with CKEditor instances.
• Database refactor for the Title and Location table relationships.
• Guide builder UI. Tab interactions such as add, edit, delete tabs; and creating new section when a tab is created.

Screenshots

02-04-22

Changes

• The "Load More" Record results are not infinite scroll, instead more results are loaded via an onclick.
• Refactored the React directory structure so that best practices are followed.
• • The model followed is similar to:
  • https://engineering.udacity.com/react-folder-structure-for-enterprise-level-applications-f8384eff162b
• Added new endpoints to the API for guides, tabs, sections, and pluslets
• Began work on Dark and Light mode admin styles.
  • The user preference is stored in LocalStorage
• The Styles directory structure has been refactored into a backend/frontend model
• Updated Twig templates and Styles for FAQs, Login, and Dashboard

Going Forward

• Begin work on Guides interface incorporating both the API and React components.
• Guide Tabs will be a React component that are editable and able to be reordered via drag and drop.
  • This requires refactoring Symfony form approach to work with React components to display the form fields.
• Implement a multi-select, autocomplete, filtered resutls React component for the FAQ subject associations and FAQ collections using React-Select library.

Screenshots