Difference between revisions of "Forms with Images"

From truxwiki.com
Jump to navigation Jump to search
Line 31: Line 31:
  
 
=== Workaround Model and Flow ===
 
=== Workaround Model and Flow ===
:Here is how the proposed workaround will work. It's somewhat complex and <b>requires that the image be a loaded media</b>.
+
:Here is how the proposed workaround will work. It's somewhat complex and <b>requires that the image be a loaded media</b>. In this implemention, at least 4 database tables will be utilized.
 
<div style="display:flex; justify-content:center">[[File:Img-Workaround-Model-and-Flow-00.png|1000px|Workaround Image Usage]]</div>
 
<div style="display:flex; justify-content:center">[[File:Img-Workaround-Model-and-Flow-00.png|1000px|Workaround Image Usage]]</div>
 
<br/><br/>
 
<br/><br/>

Revision as of 11:25, 30 November 2021

There are a few Dialog Forms that include a picture to help identify the topic in question. A few examples include: Suspect and Investigator.

UI Guide Menu

  1. Entry Point
  2. Navigation and Routing
  3. Databinding
  4. Dependency Injection
  5. Task Bar Icon
  6. Truxton CLI options
  7. How Reports are Displayed
  8. How Dialog Forms Work
  9. Forms with Images

Overview

When adding or editing the following topics, Suspect and Investigator, you can add a picture to help identify the topic. This picture is from the file system, not a loaded media, and can be easily changed the appropriate (Dialog) Form.
A new request has come in to add a picture to the Media topic. A database migration will be needed to do it properly. A workaround can be done but it'll add a lot of technical debt.


The Two Paths to Loading an Image

Here are how the data is shaped into a model and flows through the applications. For the most part, the models(code) match the database schemas(tables).



Standard Model and Flow

Here are how the current Models are and how the data flows from the UI to the database and back. It's pretty straightforward and standard between the different topics.
The image is stored in the database as bytes. The image is easily created, updated, and retrieved. Only one table is affected and the code Model matches the table.
Standard Image Usage



Workaround Model and Flow

Here is how the proposed workaround will work. It's somewhat complex and requires that the image be a loaded media. In this implemention, at least 4 database tables will be utilized.
Workaround Image Usage