Forms with Images - Revision history

Adrian: /* Maintenance Queue Flow */

2021-12-01T19:30:21Z

Maintenance Queue Flow

Adrian: /* Requesting the Image */

2021-12-01T19:29:38Z

Requesting the Image

Adrian: /* Uploading the Image */

2021-12-01T19:27:42Z

Uploading the Image

Adrian: /* The Two Paths to Loading an Image */

2021-12-01T19:25:54Z

The Two Paths to Loading an Image

Adrian: /* UI Guide Menu */

2021-11-30T15:29:24Z

UI Guide Menu

Adrian: /* Workaround Model and Flow */

2021-11-30T15:25:34Z

Workaround Model and Flow

Adrian: /* Standard Model and Flow */

2021-11-30T15:24:03Z

Standard Model and Flow

Adrian: /* The Two Paths to Loading an Image */

2021-11-30T03:57:51Z

The Two Paths to Loading an Image

Adrian: /* Standard Model and Flow */

2021-11-30T03:56:37Z

Standard Model and Flow

Adrian: Created page with "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 == :* UI - T..."

2021-11-30T03:51:02Z

Created page with "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 == :* UI - T..."

New page

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 ==
:* [[ UI - Truxton Analyst - Dev Guide ]]
:# [[ Entry Point ]]
:# [[ Navigation and Routing ]]
:# [[ Databinding ]]
:# [[ Dependency Injection ]]
:# [[ Task Bar Icon ]]
:# [[ Truxton CLI options ]]
:# [[ How Reports are Displayed ]]
:# [[ How Dialog Forms Work ]]
:# [[ 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.

 
=== 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.

@@ Line 35: / Line 35: @@
 :This data flow is based on the workaround model and flow that is deprecated but described below. This implementation will require at least 4 database tables but only on the retrieving end. When uploading an image, a backend ETL process will take care of the table record creation. When requesting the image, the tables will have to be associated.
-This flow of data is safer as creating database table records is left to the backend and not done by the UI.
+:This flow of data is safer as creating database table records is left to the backend and not done by the UI.
-This association and flow of data is likely to be utilized in the future as more OSINT is brought in.
+:This association and flow of data is likely to be utilized in the future as more OSINT is brought in.
 ==== Uploading the Image ====

@@ Line 43: / Line 43: @@
 ==== Requesting the Image ====
-<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-Maintenance-Queue-Relation-00.png|1000px|Requesting the Media Primary Photo]]</div>
 <br/><br/>
 === (Deprecated) 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>. 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>
 <br/><br/>

@@ Line 39: / Line 39: @@
 ==== Uploading the Image ====
-<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-Maintenance-Queue-00.png|1000px|Uploading Media Primary Photo]]</div>
 <br/><br/>
 ==== Requesting the Image ====
 <div style="display:flex; justify-content:center">[[File:Img-Workaround-Model-and-Flow-00.png|1000px|Workaround Image Usage]]</div>

@@ Line 32: / Line 32: @@
 <br/><br/>
-=== Workaround Model and Flow ===
+=== Maintenance Queue Flow ===
 :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>
 <br/><br/>

@@ Line 31: / Line 31: @@
 === 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>
 <br/><br/>

@@ Line 12: / Line 12: @@
 :# [[ How Dialog Forms Work ]]
 :# [[ Forms with Images ]]
 == Overview ==

@@ Line 26: / Line 26: @@
 === 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.
+: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.
 <div style="display:flex; justify-content:center">[[File:Img-Standard-Model-and-Flow-00.png|1000px|Standard Image Usage]]</div>
 <br/><br/>