# View Widget

# Description

This widget displays a single commitment that is published, or not published with appropriate roles.

# Install

# Widget

To install as a copy and paste widget. As seen here: (opens new window) https://www.cbd.int/action-agenda/contributions/action/?action-id=5eeba456395529000178dcbf

TIP

This widgets's options can be passed as an attribute on the script tag. See options details

# Properties

props: {
  identifier: { type: String, required: false },
  options   : { type: Object, required: false },
  forceEnv  : { type: String, required: false }
},
1
2
3
4

# identifier

Can be passed a prop on the element or as a url search param:

?action-id=5dbc8120f247140001197c8a

(opens new window) https://www.cbd.int/action-agenda/contributions/action/?action-id=5dbc8120f247140001197c8a

# forceEnv

Tell the component which api to use by passing: dev | stg | prod

dev : https://api.cbddev.xyz/api/actions

stg : https://api.stg.cbd.int/api/actions

prod : https://api.cbd.int/api/actions

# options

const validationMap =
{ forceEnv: String,  /* default: production */
  basePath: String,  /* default: '/' */
  locale  : String,  /* default: derives from the client automatically otherwise 'en' */
  api     : String,  /* default: api/cbd.int/api/actions */
  hostname: String   /* default: cbd.int - this is also used to derive the env if set. */
}
1
2
3
4
5
6

# I18n (translations)

 export default {
   "messages": {
     "en": {
       "Action": "Action",
       "Actor": "Actor",
       "Submitted By": "Submitted By",
       "Operational Area (s)": "Operational Area (s)",
       "Thematic Areas (s)": "Thematic Areas (s)",
       "Details": "Details",
       "Aichi Biodiversity Target (s)": "Aichi Biodiversity Target (s)",
       "Sustainable Development Goal (s)": "Sustainable Development Goal (s)",
       "Operational Areas (s)": "Operational Areas (s)",
       "Progress Measured": "Progress Measured",
       "Action Agenda Theme (s)": "Action Agenda Theme (s)",
       "Action Agenda Themes": "Action Agenda Themes",
       "Linkages to Aichi Biodiversity Targets": "Linkages to Aichi Biodiversity Targets",
       "Linkages to Sustainable Development Goals": "Linkages to Sustainable Development Goals",
       "Progress tracking": "Progress tracking",
       "Partner (s)": "Partner (s)",
       "Contact": "Contact",
       "person": "Person",
       "organization": "Organization",
       "public": "Public Government Organization",
       "Action Details": "Action Details",
       "Website": "Website",
       "Country": "Country",
       "Actor Type": "Actor Type",
       "Email": "Email",
       "404 Action not found": "404 Action not found",
       "Status": "Status",
       "rejected": "Rejected",
       "published": "Published",
       "draft": "New",
       "Created": "Created",
       "close": "close",
       "edit": "edit",
       "help": "help",
       "earth": "earth",
       "delete": "delete",
       "file": "file",
       "upload to cloud": "upload to cloud",
       "down": "down",
       "search": "search",
       "filter": "filter"
     },
     "zh": {
       "Action": "行动",
       "Actor": "演员",
       "Submitted By": "由...所提交",
       "Operational Area (s)": "业务区域",
       "Thematic Areas (s)": "专题领域",
       "Details": "细节",
       "Aichi Biodiversity Target (s)": "爱知生物多样性目标",
       "Sustainable Development Goal (s)": "可持续发展目标)",
       "Operational Areas (s)": "业务领域",
       "Progress Measured": "进度测量",
       "Action Agenda Theme (s)": "行动议程主题",
       "Action Agenda Themes": "行动议程主题",
       "Linkages to Aichi Biodiversity Targets": "与爱知生物多样性目标的联系",
       "Linkages to Sustainable Development Goals": "与可持续发展目标的联系",
       "Progress tracking": "进度跟踪",
       "Partner (s)": "伙伴)",
       "Contact": "接触",
       "person": "人",
       "organization": "组织",
       "public": "公共政府组织",
       "Action Details": "操作详情",
       "Website": "网站",
       "Country": "国家",
       "Actor Type": "演员类型",
       "Email": "电子邮件",
       "404 Action not found": "404 未找到操作",
       "Status": "地位",
       "rejected": "拒绝了",
       "published": "已发表",
       "draft": "新的",
       "Created": "已创建",
       "close": "关闭",
       "edit": "编辑",
       "help": "帮助",
       "earth": "地球",
       "delete": "删除",
       "file": "文件",
       "upload to cloud": "上传到云端",
       "down": "下",
       "search": "搜索",
       "filter": "筛选"
     },
     "ar": {
       "Action": "عمل",
       "Actor": "الممثل",
       "Submitted By": "مقدم من",
       "Operational Area (s)": "منطقة (مناطق) التشغيل",
       "Thematic Areas (s)": "المجالات المواضيعية",
       "Details": "تفاصيل",
       "Aichi Biodiversity Target (s)": "هدف (أهداف) أيشي للتنوع البيولوجي",
       "Sustainable Development Goal (s)": "هدف (أهداف) التنمية المستدامة",
       "Operational Areas (s)": "مجالات التشغيل",
       "Progress Measured": "قياس التقدم",
       "Action Agenda Theme (s)": "موضوع (مواضيع) خطة العمل",
       "Action Agenda Themes": "مواضيع جدول العمل",
       "Linkages to Aichi Biodiversity Targets": "الروابط بأهداف أيشي للتنوع البيولوجي",
       "Linkages to Sustainable Development Goals": "الروابط بأهداف التنمية المستدامة",
       "Progress tracking": "تتبع التقدم",
       "Partner (s)": "شريك (ق)",
       "Contact": "اتصال",
       "person": "شخص",
       "organization": "منظمة",
       "public": "مؤسسة حكومية عامة",
       "Action Details": "تفاصيل العمل",
       "Website": "موقع إلكتروني",
       "Country": "دولة",
       "Actor Type": "نوع الممثل",
       "Email": "بريد إلكتروني",
       "404 Action not found": "404 لم يتم العثور على الإجراء",
       "Status": "حالة",
       "rejected": "مرفوض",
       "published": "نشرت",
       "draft": "جديد",
       "Created": "خلقت",
       "close": "قريب",
       "edit": "تعديل",
       "help": "يساعد",
       "earth": "أرض",
       "delete": "حذف",
       "file": "ملف",
       "upload to cloud": "تحميل إلى السحابة",
       "down": "تحت",
       "search": "بحث",
       "filter": "منقي"
     },
     "es": {
       "Action": "Acción",
       "Actor": "Actor",
       "Submitted By": "Presentado por",
       "Operational Area (s)": "Área (s) operativa",
       "Thematic Areas (s)": "Áreas temáticas",
       "Details": "Detalles",
       "Aichi Biodiversity Target (s)": "Metas de Aichi para la diversidad biológica",
       "Sustainable Development Goal (s)": "Metas de desarrollo sostenible)",
       "Operational Areas (s)": "Áreas operativas",
       "Progress Measured": "Progreso medido",
       "Action Agenda Theme (s)": "Tema (s) de la agenda de acción",
       "Action Agenda Themes": "Temas de la agenda de acción",
       "Linkages to Aichi Biodiversity Targets": "Vínculos con las Metas de Aichi para la Diversidad Biológica",
       "Linkages to Sustainable Development Goals": "Vínculos con los Objetivos de Desarrollo Sostenible",
       "Progress tracking": "Seguimiento de progreso",
       "Partner (s)": "Socios)",
       "Contact": "Contacto",
       "person": "Persona",
       "organization": "Organización",
       "public": "Organización de gobierno público",
       "Action Details": "Detalles de la acción",
       "Website": "Sitio web",
       "Country": "País",
       "Actor Type": "Tipo de actor",
       "Email": "Correo electrónico",
       "404 Action not found": "404 Acción no encontrada",
       "Status": "Estado",
       "rejected": "Rechazado",
       "published": "Publicado",
       "draft": "Nuevo",
       "Created": "Creado",
       "close": "cerca",
       "edit": "editar",
       "help": "ayuda",
       "earth": "tierra",
       "delete": "Eliminar",
       "file": "expediente",
       "upload to cloud": "subir a la nube",
       "down": "abajo",
       "search": "buscar",
       "filter": "filtrar"
     },
     "fr": {
       "Action": "action",
       "Actor": "Acteur",
       "Submitted By": "Proposé par",
       "Operational Area (s)": "Zone(s) opérationnelle(s)",
       "Thematic Areas (s)": "Domaine(s) thématique(s)",
       "Details": "Des détails",
       "Aichi Biodiversity Target (s)": "Objectif(s) de biodiversité d'Aichi",
       "Sustainable Development Goal (s)": "Objectif(s) de développement durable",
       "Operational Areas (s)": "Domaine(s) opérationnel(s)",
       "Progress Measured": "Progrès mesuré",
       "Action Agenda Theme (s)": "Thème(s) du programme d'action",
       "Action Agenda Themes": "Thèmes du programme d'action",
       "Linkages to Aichi Biodiversity Targets": "Liens avec les objectifs d'Aichi pour la biodiversité",
       "Linkages to Sustainable Development Goals": "Liens avec les objectifs de développement durable",
       "Progress tracking": "Suivi des progrès",
       "Partner (s)": "Les partenaires)",
       "Contact": "Contacter",
       "person": "Personne",
       "organization": "Organisation",
       "public": "Organisation gouvernementale publique",
       "Action Details": "Détails de l'action",
       "Website": "Site Internet",
       "Country": "Pays",
       "Actor Type": "Type d'acteur",
       "Email": "E-mail",
       "404 Action not found": "404 Action non trouvée",
       "Status": "Statut",
       "rejected": "Rejeté",
       "published": "Publié",
       "draft": "Nouveau",
       "Created": "Créé",
       "close": "Fermer",
       "edit": "Éditer",
       "help": "aider",
       "earth": "Terre",
       "delete": "effacer",
       "file": "déposer",
       "upload to cloud": "télécharger dans le cloud",
       "down": "vers le bas",
       "search": "rechercher",
       "filter": "filtre"
     },
     "ru": {
       "Action": "Действие",
       "Actor": "Актер",
       "Submitted By": "Представленный",
       "Operational Area (s)": "Операционная зона (а)",
       "Thematic Areas (s)": "Тематические области",
       "Details": "Подробности",
       "Aichi Biodiversity Target (s)": "Цели Айти в области биоразнообразия",
       "Sustainable Development Goal (s)": "Цели устойчивого развития",
       "Operational Areas (s)": "Операционные районы",
       "Progress Measured": "Прогресс измеряется",
       "Action Agenda Theme (s)": "Тема (ы) программы действий",
       "Action Agenda Themes": "Темы программы действий",
       "Linkages to Aichi Biodiversity Targets": "Связь с целевыми задачами в области биоразнообразия, принятыми в Айти",
       "Linkages to Sustainable Development Goals": "Связь с целями устойчивого развития",
       "Progress tracking": "Отслеживание прогресса",
       "Partner (s)": "Партнер (ы)",
       "Contact": "Контакт",
       "person": "Человек",
       "organization": "Организация",
       "public": "Общественная правительственная организация",
       "Action Details": "Детали действия",
       "Website": "Веб-сайт",
       "Country": "Страна",
       "Actor Type": "Тип актера",
       "Email": "Электронное письмо",
       "404 Action not found": "404 Действие не найдено",
       "Status": "Статус",
       "rejected": "Отклоненный",
       "published": "Опубликовано",
       "draft": "Новый",
       "Created": "Созданный",
       "close": "Закрыть",
       "edit": "редактировать",
       "help": "помощь",
       "earth": "земля",
       "delete": "Удалить",
       "file": "файл",
       "upload to cloud": "загрузить в облако",
       "down": "вниз",
       "search": "поиск",
       "filter": "фильтр"
     }
   }
 }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261

# Example