Added Personas in settings

TNO · Dec 13, 2024 · 73f32fb · 73f32fb
1 parent 2044bbb
commit 73f32fb
Show file tree

Hide file tree

Showing 99 changed files with 436 additions and 0 deletions.
diff --git a/src/assets/personas/business_woman1.jpg b/src/assets/personas/business_woman1.jpg
diff --git a/src/assets/personas/business_woman2.jpg b/src/assets/personas/business_woman2.jpg
diff --git a/src/assets/personas/business_woman3.jpg b/src/assets/personas/business_woman3.jpg
diff --git a/src/assets/personas/business_woman4.jpg b/src/assets/personas/business_woman4.jpg
diff --git a/src/assets/personas/climate_girl1.jpg b/src/assets/personas/climate_girl1.jpg
diff --git a/src/assets/personas/climate_girl2.jpg b/src/assets/personas/climate_girl2.jpg
diff --git a/src/assets/personas/climate_girl3.jpg b/src/assets/personas/climate_girl3.jpg
diff --git a/src/assets/personas/climate_girl4.jpg b/src/assets/personas/climate_girl4.jpg
diff --git a/src/assets/personas/construction_worker1.jpg b/src/assets/personas/construction_worker1.jpg
diff --git a/src/assets/personas/construction_worker2.jpg b/src/assets/personas/construction_worker2.jpg
diff --git a/src/assets/personas/construction_worker3.jpg b/src/assets/personas/construction_worker3.jpg
diff --git a/src/assets/personas/construction_worker4.jpg b/src/assets/personas/construction_worker4.jpg
diff --git a/src/assets/personas/cook1.jpg b/src/assets/personas/cook1.jpg
diff --git a/src/assets/personas/cook2.jpg b/src/assets/personas/cook2.jpg
diff --git a/src/assets/personas/cook3.jpg b/src/assets/personas/cook3.jpg
diff --git a/src/assets/personas/elderly_man1.jpg b/src/assets/personas/elderly_man1.jpg
diff --git a/src/assets/personas/elderly_man2.jpg b/src/assets/personas/elderly_man2.jpg
diff --git a/src/assets/personas/elderly_man3.jpg b/src/assets/personas/elderly_man3.jpg
diff --git a/src/assets/personas/elderly_man4.jpg b/src/assets/personas/elderly_man4.jpg
diff --git a/src/assets/personas/elderly_man_wheelchair1.jpg b/src/assets/personas/elderly_man_wheelchair1.jpg
diff --git a/src/assets/personas/elderly_man_wheelchair2.jpg b/src/assets/personas/elderly_man_wheelchair2.jpg
diff --git a/src/assets/personas/elderly_man_wheelchair3.jpg b/src/assets/personas/elderly_man_wheelchair3.jpg
diff --git a/src/assets/personas/elderly_woman_wheelchair1.jpg b/src/assets/personas/elderly_woman_wheelchair1.jpg
diff --git a/src/assets/personas/elderly_woman_wheelchair2.jpg b/src/assets/personas/elderly_woman_wheelchair2.jpg
diff --git a/src/assets/personas/elderly_woman_wheelchair3.jpg b/src/assets/personas/elderly_woman_wheelchair3.jpg
diff --git a/src/assets/personas/elderly_woman_wheelchair4.jpg b/src/assets/personas/elderly_woman_wheelchair4.jpg
diff --git a/src/assets/personas/families1.jpg b/src/assets/personas/families1.jpg
diff --git a/src/assets/personas/families10.jpg b/src/assets/personas/families10.jpg
diff --git a/src/assets/personas/families11.jpg b/src/assets/personas/families11.jpg
diff --git a/src/assets/personas/families12.jpg b/src/assets/personas/families12.jpg
diff --git a/src/assets/personas/families13.jpg b/src/assets/personas/families13.jpg
diff --git a/src/assets/personas/families14.jpg b/src/assets/personas/families14.jpg
diff --git a/src/assets/personas/families15.jpg b/src/assets/personas/families15.jpg
diff --git a/src/assets/personas/families2.jpg b/src/assets/personas/families2.jpg
diff --git a/src/assets/personas/families3.jpg b/src/assets/personas/families3.jpg
diff --git a/src/assets/personas/families4.jpg b/src/assets/personas/families4.jpg
diff --git a/src/assets/personas/families5.jpg b/src/assets/personas/families5.jpg
diff --git a/src/assets/personas/families6.jpg b/src/assets/personas/families6.jpg
diff --git a/src/assets/personas/families7.jpg b/src/assets/personas/families7.jpg
diff --git a/src/assets/personas/families8.jpg b/src/assets/personas/families8.jpg
diff --git a/src/assets/personas/families9.jpg b/src/assets/personas/families9.jpg
diff --git a/src/assets/personas/farmer1.jpg b/src/assets/personas/farmer1.jpg
diff --git a/src/assets/personas/farmer2.jpg b/src/assets/personas/farmer2.jpg
diff --git a/src/assets/personas/farmer3.jpg b/src/assets/personas/farmer3.jpg
diff --git a/src/assets/personas/female_speaker1.jpg b/src/assets/personas/female_speaker1.jpg
diff --git a/src/assets/personas/female_speaker2.jpg b/src/assets/personas/female_speaker2.jpg
diff --git a/src/assets/personas/female_speaker3.jpg b/src/assets/personas/female_speaker3.jpg
diff --git a/src/assets/personas/female_speaker4.jpg b/src/assets/personas/female_speaker4.jpg
diff --git a/src/assets/personas/female_student1.jpg b/src/assets/personas/female_student1.jpg
diff --git a/src/assets/personas/female_student2.jpg b/src/assets/personas/female_student2.jpg
diff --git a/src/assets/personas/female_teacher1.jpg b/src/assets/personas/female_teacher1.jpg
diff --git a/src/assets/personas/female_teacher2.jpg b/src/assets/personas/female_teacher2.jpg
diff --git a/src/assets/personas/female_worker_with_laptop1.jpg b/src/assets/personas/female_worker_with_laptop1.jpg
diff --git a/src/assets/personas/female_worker_with_laptop2.jpg b/src/assets/personas/female_worker_with_laptop2.jpg
diff --git a/src/assets/personas/female_worker_with_laptop3.jpg b/src/assets/personas/female_worker_with_laptop3.jpg
diff --git a/src/assets/personas/female_worker_with_laptop4.jpg b/src/assets/personas/female_worker_with_laptop4.jpg
diff --git a/src/assets/personas/male_indian_student1.jpg b/src/assets/personas/male_indian_student1.jpg
diff --git a/src/assets/personas/male_indian_student2.jpg b/src/assets/personas/male_indian_student2.jpg
diff --git a/src/assets/personas/male_indian_student3.jpg b/src/assets/personas/male_indian_student3.jpg
diff --git a/src/assets/personas/male_indian_student4.jpg b/src/assets/personas/male_indian_student4.jpg
diff --git a/src/assets/personas/male_teacher1.jpg b/src/assets/personas/male_teacher1.jpg
diff --git a/src/assets/personas/male_teacher2.jpg b/src/assets/personas/male_teacher2.jpg
diff --git a/src/assets/personas/male_zzp1.jpg b/src/assets/personas/male_zzp1.jpg
diff --git a/src/assets/personas/male_zzp2.jpg b/src/assets/personas/male_zzp2.jpg
diff --git a/src/assets/personas/male_zzp3.jpg b/src/assets/personas/male_zzp3.jpg
diff --git a/src/assets/personas/male_zzp4.jpg b/src/assets/personas/male_zzp4.jpg
diff --git a/src/assets/personas/middle_aged_male_truck_driver1.jpg b/src/assets/personas/middle_aged_male_truck_driver1.jpg
diff --git a/src/assets/personas/middle_aged_male_truck_driver2.jpg b/src/assets/personas/middle_aged_male_truck_driver2.jpg
diff --git a/src/assets/personas/middle_aged_male_truck_driver3.jpg b/src/assets/personas/middle_aged_male_truck_driver3.jpg
diff --git a/src/assets/personas/middle_aged_male_truck_driver4.jpg b/src/assets/personas/middle_aged_male_truck_driver4.jpg
diff --git a/src/assets/personas/middleaged_man_suit1.jpg b/src/assets/personas/middleaged_man_suit1.jpg
diff --git a/src/assets/personas/middleaged_man_suit1.jpg:Zone.Identifier b/src/assets/personas/middleaged_man_suit1.jpg:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://www.bing.com/
diff --git a/src/assets/personas/middleaged_man_suit2.jpg b/src/assets/personas/middleaged_man_suit2.jpg
diff --git a/src/assets/personas/middleaged_man_suit2.jpg:Zone.Identifier b/src/assets/personas/middleaged_man_suit2.jpg:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://www.bing.com/
diff --git a/src/assets/personas/middleaged_man_suit3.jpg b/src/assets/personas/middleaged_man_suit3.jpg
diff --git a/src/assets/personas/middleaged_man_suit3.jpg:Zone.Identifier b/src/assets/personas/middleaged_man_suit3.jpg:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://www.bing.com/
diff --git a/src/assets/personas/middleaged_man_suit4.jpg b/src/assets/personas/middleaged_man_suit4.jpg
diff --git a/src/assets/personas/middleaged_man_suit4.jpg:Zone.Identifier b/src/assets/personas/middleaged_man_suit4.jpg:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://www.bing.com/
diff --git a/src/assets/personas/nurse1.jpg b/src/assets/personas/nurse1.jpg
diff --git a/src/assets/personas/nurse2.jpg b/src/assets/personas/nurse2.jpg
diff --git a/src/assets/personas/nurse3.jpg b/src/assets/personas/nurse3.jpg
diff --git a/src/assets/personas/nurse4.jpg b/src/assets/personas/nurse4.jpg
diff --git a/src/assets/personas/taxi_driver1.jpg b/src/assets/personas/taxi_driver1.jpg
diff --git a/src/assets/personas/taxi_driver2.jpg b/src/assets/personas/taxi_driver2.jpg
diff --git a/src/assets/personas/taxi_driver3.jpg b/src/assets/personas/taxi_driver3.jpg
diff --git a/src/assets/personas/taxi_driver4.jpg b/src/assets/personas/taxi_driver4.jpg
diff --git a/src/assets/personas/tech_guy1.jpg b/src/assets/personas/tech_guy1.jpg
diff --git a/src/assets/personas/tech_guy2.jpg b/src/assets/personas/tech_guy2.jpg
diff --git a/src/assets/personas/tech_guy3.jpg b/src/assets/personas/tech_guy3.jpg
diff --git a/src/assets/personas/tech_guy4.jpg b/src/assets/personas/tech_guy4.jpg
diff --git a/src/assets/personas/young_mother1.jpg b/src/assets/personas/young_mother1.jpg
diff --git a/src/assets/personas/young_mother2.jpg b/src/assets/personas/young_mother2.jpg
diff --git a/src/assets/personas/young_mother3.jpg b/src/assets/personas/young_mother3.jpg
diff --git a/src/assets/personas/young_mother4.jpg b/src/assets/personas/young_mother4.jpg
diff --git a/src/components/settings-page.ts b/src/components/settings-page.ts
@@ -1,8 +1,10 @@
 import m, { FactoryComponent } from 'mithril';
 import {
   Dashboards,
+  DataModel,
   ID,
   Inconsistencies,
+  PersonaImages,
   Scenario,
   emptyModel,
 } from '../models';
@@ -335,6 +337,54 @@ export const SettingsPage: MeiosisComponent = () => {
                   ]
                 ),
               },
+              {
+                title: t('PERSONA', 2),
+                vnode: m(
+                  '.row',
+                  m(LayoutForm, {
+                    obj: model,
+                    i18n: i18n.i18n,
+                    form: [
+                      {
+                        id: 'personas',
+                        label: t('PERSONA', 2),
+                        repeat: true,
+                        pageSize: 100,
+                        type: [
+                          { id: 'id', autogenerate: 'id' },
+                          {
+                            id: 'label',
+                            type: 'text',
+                            className: 'col s12 m6',
+                            label: t('NAME'),
+                          },
+                          {
+                            id: 'url',
+                            type: 'select',
+                            className: 'col s12 m6',
+                            options: PersonaImages,
+                            label: t('IMAGE'),
+                          },
+                          {
+                            id: 'desc',
+                            type: 'textarea',
+                            className: 'col s12',
+                            label: t('DESCRIPTION'),
+                          },
+                          // {
+                          //   type: 'md',
+                          //   readonly: true,
+                          //   value: `<img src="{{url}}"/>`,
+                          // },
+                        ],
+                      },
+                    ] as UIForm<any>,
+                    onchange: async () => {
+                      await saveModel(attrs, model);
+                    },
+                  } as FormAttributes<DataModel>)
+                ),
+              },
             ],
           }),
           m(ModalPanel, {

diff --git a/src/models/data-model.ts b/src/models/data-model.ts
@@ -9,8 +9,11 @@ export type DataModel = {
   scenario: Scenario;
   /** List of other possible scenarios, excluding the current scenario */
   scenarios: Scenario[];
+  personas?: Persona[];
 };
 
+export type Persona = Item;
+
 export type OldDataModel = {
   scenarios: {
     current: {
@@ -363,6 +366,7 @@ export const emptyModel = () =>
     lastUpdate: new Date().valueOf(),
     scenarios: [],
     scenario: newScenario(),
+    personas: [],
   } as DataModel);
 
 /**

diff --git a/src/models/index.ts b/src/models/index.ts
@@ -3,3 +3,4 @@ export * from './data-model';
 export * from './nominatim';
 export * from './overpassresult';
 export * from './osm';
+export * from './persona-images';