{"id":390,"date":"2019-06-15T23:36:22","date_gmt":"2019-06-15T23:36:22","guid":{"rendered":"https:\/\/www.nleby.com\/longform\/?p=390"},"modified":"2019-07-14T01:56:12","modified_gmt":"2019-07-14T01:56:12","slug":"custom-urban-airship-message-center-templates","status":"publish","type":"post","link":"https:\/\/www.nleby.com\/longform\/2019\/06\/15\/custom-urban-airship-message-center-templates\/","title":{"rendered":"Custom Urban Airship Message Center Templates"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Key Technologies: HTML, CSS, JavaScript (with jQuery), UA Console<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To make a better guest experience I was asked create some new html templates to be used in our app&#8217;s message center (powered by Urban Airship). Although this used technologies I already knew, there was a ton of specialized learning to understand how all the pieces fit together.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some key callouts were: understanding how the html entities needed to be prepared\/attributed in the template creation process so that the UA CMS sees them as editable fields, exploring how the UA webview creates a JS bridge and passes a UA object to be used by template at run-time, and how the template itself reaches out to UA for user specific data with the help of data passed in the CMS process.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/AFPI5743720.mov\"><\/video><figcaption>End result<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/email.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/email-266x1024.png\" alt=\"\" class=\"wp-image-394\" width=\"133\" height=\"512\" srcset=\"https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/email-266x1024.png 266w, https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/email-78x300.png 78w, https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/email.png 303w\" sizes=\"auto, (max-width: 133px) 100vw, 133px\" \/><\/a><figcaption>Original email<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-17-at-10.49.14-AM.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-17-at-10.49.14-AM-1024x863.png\" alt=\"\" class=\"wp-image-392\" width=\"512\" height=\"432\" srcset=\"https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-17-at-10.49.14-AM-1024x863.png 1024w, https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-17-at-10.49.14-AM-300x253.png 300w, https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-17-at-10.49.14-AM-768x647.png 768w, https:\/\/www.nleby.com\/longform\/wp-content\/uploads\/2019\/04\/Screen-Shot-2019-04-17-at-10.49.14-AM.png 1285w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><figcaption>Custom editable fields within UA CMS<\/figcaption><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Key Technologies: HTML, CSS, JavaScript (with jQuery), UA Console To make a better guest experience I was asked create some new html templates to be used in our app&#8217;s message&hellip;<\/p>\n<p> <a class=\"more-link\" href=\"https:\/\/www.nleby.com\/longform\/2019\/06\/15\/custom-urban-airship-message-center-templates\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[2],"tags":[42,27,44,43,33],"class_list":{"0":"post-390","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-ulta","7":"tag-ajax","8":"tag-javascript","9":"tag-jquery","10":"tag-urban-airship","11":"tag-website"},"_links":{"self":[{"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/posts\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/comments?post=390"}],"version-history":[{"count":7,"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/posts\/390\/revisions"}],"predecessor-version":[{"id":421,"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/posts\/390\/revisions\/421"}],"wp:attachment":[{"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/media?parent=390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/categories?post=390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nleby.com\/longform\/wp-json\/wp\/v2\/tags?post=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}