PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+CiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFsLXNjYWxlPTEuMCI+CiAgICA8dGl0bGU+TXVsdGktRnVuY3Rpb25hbCBBcHA8L3RpdGxlPgogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vYy4uLmNvbnRlbnQtYXZhaWxhYmxlLXRvLWF1dGhvci1vbmx5Li4ucy5jb20iPjwvc2NyaXB0PgogICAgPGxpbmsgaHJlZj0iaHR0cHM6Ly9jLi4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5yLm5ldC9ucG0vZGFpc3l1aUAyLjUxLjYvZGlzdC9mdWxsLmNzcyIgcmVsPSJzdHlsZXNoZWV0IiB0eXBlPSJ0ZXh0L2NzcyIgLz4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2MuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnIubmV0L25wbS92dWVAMi42LjE0L2Rpc3QvdnVlLmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL3cuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLmMuY29tL2ZpcmViYXNlanMvOC42LjgvZmlyZWJhc2UtYXBwLmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL3cuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLmMuY29tL2ZpcmViYXNlanMvOC42LjgvZmlyZWJhc2UtYXV0aC5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly93Li4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5jLmNvbS9maXJlYmFzZWpzLzguNi44L2ZpcmViYXNlLXN0b3JhZ2UuanMiPjwvc2NyaXB0PgogICAgPGxpbmsgaHJlZj0iaHR0cHM6Ly9mLi4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5zLmNvbS9pY29uP2ZhbWlseT1NYXRlcmlhbCtJY29ucyIgcmVsPSJzdHlsZXNoZWV0Ij4KPC9oZWFkPgo8Ym9keSBjbGFzcz0iYmctYmFzZS0yMDAiPgogICAgPGRpdiBpZD0iYXBwIiBjbGFzcz0iY29udGFpbmVyIG14LWF1dG8gbXktOCI+CiAgICAgICAgPGRpdiB2LXNob3c9IiF1c2VyIiBjbGFzcz0iZmxleCBqdXN0aWZ5LWNlbnRlciI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgYmctYmFzZS0xMDAgc2hhZG93LXhsIHctZnVsbCBtYXgtdy1tZCI+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkLWJvZHkiPgogICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz0iY2FyZC10aXRsZSB0ZXh0LTJ4bCBmb250LWJvbGQgbWItNCB0ZXh0LWNlbnRlciI+TXVsdGktRnVuY3Rpb25hbCBBcHA8L2gyPgogICAgICAgICAgICAgICAgICAgIDxkaXYgdi1zaG93PSJzaG93TG9naW5Gb3JtIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1jb250cm9sIG1iLTQiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj0ibG9naW5FbWFpbCIgY2xhc3M9ImxhYmVsIj5FbWFpbDwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0iZW1haWwiIGlkPSJsb2dpbkVtYWlsIiB2LW1vZGVsPSJsb2dpbkVtYWlsIiBjbGFzcz0iaW5wdXQgaW5wdXQtYm9yZGVyZWQiPgogICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1jb250cm9sIG1iLTYiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj0ibG9naW5QYXNzd29yZCIgY2xhc3M9ImxhYmVsIj5QYXNzd29yZDwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0icGFzc3dvcmQiIGlkPSJsb2dpblBhc3N3b3JkIiB2LW1vZGVsPSJsb2dpblBhc3N3b3JkIiBjbGFzcz0iaW5wdXQgaW5wdXQtYm9yZGVyZWQiPgogICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBAY2xpY2s9ImxvZ2luIiBjbGFzcz0iYnRuIGJ0bi1wcmltYXJ5IGJ0bi1ibG9jayI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0ibWF0ZXJpYWwtaWNvbnMiPmxvZ2luPC9zcGFuPiBMb2dpbgogICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBAY2xpY2s9ImxvZ2luQW5vbnltb3VzbHkiIGNsYXNzPSJidG4gYnRuLWdob3N0IGJ0bi1ibG9jayBtdC0yIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJtYXRlcmlhbC1pY29ucyI+cGVyc29uX291dGxpbmU8L3NwYW4+IExvZ2luIGFzIEd1ZXN0CiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPgogICAgICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgICAgIDxkaXYgdi1zaG93PSIhc2hvd0xvZ2luRm9ybSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tY29udHJvbCBtYi00Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9InNpZ251cEVtYWlsIiBjbGFzcz0ibGFiZWwiPkVtYWlsPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJlbWFpbCIgaWQ9InNpZ251cEVtYWlsIiB2LW1vZGVsPSJzaWdudXBFbWFpbCIgY2xhc3M9ImlucHV0IGlucHV0LWJvcmRlcmVkIj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tY29udHJvbCBtYi02Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9InNpZ251cFBhc3N3b3JkIiBjbGFzcz0ibGFiZWwiPlBhc3N3b3JkPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgaWQ9InNpZ251cFBhc3N3b3JkIiB2LW1vZGVsPSJzaWdudXBQYXNzd29yZCIgY2xhc3M9ImlucHV0IGlucHV0LWJvcmRlcmVkIj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gQGNsaWNrPSJzaWdudXAiIGNsYXNzPSJidG4gYnRuLXN1Y2Nlc3MgYnRuLWJsb2NrIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJtYXRlcmlhbC1pY29ucyI+cGVyc29uX2FkZDwvc3Bhbj4gU2lnbnVwCiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPgogICAgICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9InRleHQtY2VudGVyIG10LTYiPgogICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIEBjbGljaz0idG9nZ2xlRm9ybSIgY2xhc3M9ImxpbmsgbGluay1wcmltYXJ5Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJtYXRlcmlhbC1pY29ucyI+e3sgc2hvd0xvZ2luRm9ybSA/ICdwZXJzb25fYWRkJyA6ICdsb2dpbicgfX08L3NwYW4+IHt7IHNob3dMb2dpbkZvcm0gPyAnU3dpdGNoIHRvIFNpZ251cCcgOiAnU3dpdGNoIHRvIExvZ2luJyB9fQogICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj4KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IHYtc2hvdz0idXNlciI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9Im5hdmJhciBiZy1iYXNlLTEwMCBzaGFkb3ctbGcgbWItNiI+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmbGV4LTEiPgogICAgICAgICAgICAgICAgICAgIDxoMSBjbGFzcz0idGV4dC0yeGwgZm9udC1ib2xkIj5NdWx0aS1GdW5jdGlvbmFsIEFwcDwvaDE+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZsZXgtbm9uZSI+CiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBAY2xpY2s9ImxvZ291dCIgY2xhc3M9ImJ0biBidG4tcHJpbWFyeSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJtYXRlcmlhbC1pY29ucyI+bG9nb3V0PC9zcGFuPiBMb2dvdXQKICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj4KICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBiZy1iYXNlLTEwMCBzaGFkb3cteGwgbWItNiI+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkLWJvZHkiPgogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tY29udHJvbCBtYi00Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj0iaW1hZ2VJbnB1dCIgY2xhc3M9ImxhYmVsIj5VcGxvYWQgSW1hZ2U8L2xhYmVsPgogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0iZmlsZSIgaWQ9ImltYWdlSW5wdXQiIEBjaGFuZ2U9ImhhbmRsZUltYWdlVXBsb2FkIiBjbGFzcz0iZmlsZS1pbnB1dCBmaWxlLWlucHV0LWJvcmRlcmVkIHctZnVsbCI+CiAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBAY2xpY2s9InVwbG9hZEltYWdlIiBjbGFzcz0iYnRuIGJ0bi1wcmltYXJ5Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9Im1hdGVyaWFsLWljb25zIj5jbG91ZF91cGxvYWQ8L3NwYW4+IFVwbG9hZAogICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPgogICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJncmlkIGdyaWQtY29scy0zIGdhcC00Ij4KICAgICAgICAgICAgICAgIDxkaXYgdi1mb3I9ImltYWdlIGluIGltYWdlcyIgOmtleT0iaW1hZ2UuaWQiIGNsYXNzPSJyZWxhdGl2ZSI+CiAgICAgICAgICAgICAgICAgICAgPGltZyA6c3JjPSJpbWFnZS51cmwiIGNsYXNzPSJ3LWZ1bGwgaC02NCBvYmplY3QtY292ZXIgcm91bmRlZC1sZyI+CiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iYWJzb2x1dGUgdG9wLTIgcmlnaHQtMiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gQGNsaWNrPSJkZWxldGVJbWFnZShpbWFnZS5pZCkiIGNsYXNzPSJidG4gYnRuLWVycm9yIGJ0bi1zbSBidG4tY2lyY2xlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJtYXRlcmlhbC1pY29ucyI+ZGVsZXRlPC9zcGFuPgogICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj4KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgICAgICA8ZGl2PgogICAgICAgICAgICAgICAgICAgICAgICA8dGV4dGFyZWEgY2xhc3M9InRleHRhcmVhIHRleHRhcmVhLWJvcmRlcmVkIHctZnVsbCBtdC0yIiB2LW1vZGVsPSJjb21tZW50VGV4dCIgcGxhY2Vob2xkZXI9IkFkZCBhIGNvbW1lbnQiPjwvdGV4dGFyZWE+CiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gQGNsaWNrPSJhZGRDb21tZW50KGltYWdlLmlkKSIgY2xhc3M9ImJ0biBidG4tcHJpbWFyeSBidG4tc20gbXQtMiI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0ibWF0ZXJpYWwtaWNvbnMiPnNlbmQ8L3NwYW4+IFN1Ym1pdAogICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiB2LWZvcj0iY29tbWVudCBpbiBpbWFnZS5jb21tZW50cyIgOmtleT0iY29tbWVudC5pZCIgY2xhc3M9Im10LTIiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9ImZvbnQtc2VtaWJvbGQiPnt7IGNvbW1lbnQubmFtZSB9fTwvcD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwPnt7IGNvbW1lbnQudGV4dCB9fTwvcD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgPC9kaXY+CiAgICA8L2Rpdj4KICAgIDxzY3JpcHQ+CiAgICAgICAgdmFyIGZpcmViYXNlQ29uZmlnID0gewogICAgICAgICAgICBhcGlLZXk6ICJBSXphU3lYWFhYWFgiLCAKICAgICAgICAgICAgYXV0aERvbWFpbjogInlvdXItcHJvamVjdC5maXJlYmFzZWFwcC5jb20iLAogICAgICAgICAgICBwcm9qZWN0SWQ6ICJ5b3VyLXByb2plY3QtaWQiLAogICAgICAgICAgICBzdG9yYWdlQnVja2V0OiAieW91ci1wcm9qZWN0LmFwcHNwb3QuY29tIiwKICAgICAgICAgICAgbWVzc2FnaW5nU2VuZGVySWQ6ICJ5b3VyLXNlbmRlci1pZCIsCiAgICAgICAgICAgIGFwcElkOiAieW91ci1hcHAtaWQiCiAgICAgICAgfTsKICAgICAgICBmaXJlYmFzZS5pbml0aWFsaXplQXBwKGZpcmViYXNlQ29uZmlnKTsKICAgICAgICBjb25zdCBhdXRoID0gZmlyZWJhc2UuYXV0aCgpOwogICAgICAgIGNvbnN0IHN0b3JhZ2UgPSBmaXJlYmFzZS5zdG9yYWdlKCk7CiAgICAgICAgbmV3IFZ1ZSh7CiAgICAgICAgICAgIGVsOiAnI2FwcCcsCiAgICAgICAgICAgIGRhdGE6IHsKICAgICAgICAgICAgICAgIHVzZXI6IG51bGwsCiAgICAgICAgICAgICAgICBzaG93TG9naW5Gb3JtOiB0cnVlLAogICAgICAgICAgICAgICAgbG9naW5FbWFpbDogJycsCiAgICAgICAgICAgICAgICBsb2dpblBhc3N3b3JkOiAnJywKICAgICAgICAgICAgICAgIHNpZ251cEVtYWlsOiAnJywKICAgICAgICAgICAgICAgIHNpZ251cFBhc3N3b3JkOiAnJywKICAgICAgICAgICAgICAgIGN1cnJlbnRJbWFnZTogbnVsbCwKICAgICAgICAgICAgICAgIGltYWdlczogW10sCiAgICAgICAgICAgICAgICBjb21tZW50VGV4dDogJycKICAgICAgICAgICAgfSwKICAgICAgICAgICAgbWV0aG9kczogewogICAgICAgICAgICAgICAgbG9naW4oKSB7CiAgICAgICAgICAgICAgICAgICAgYXV0aC5zaWduSW5XaXRoRW1haWxBbmRQYXNzd29yZCh0aGlzLmxvZ2luRW1haWwsIHRoaXMubG9naW5QYXNzd29yZCkKICAgICAgICAgICAgICAgICAgICAgICAgLnRoZW4oKHVzZXJDcmVkZW50aWFsKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnVzZXIgPSB1c2VyQ3JlZGVudGlhbC51c2VyOwogICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2coJ1VzZXIgbG9nZ2VkIGluOicsIHRoaXMudXNlcik7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmZldGNoSW1hZ2VzKCk7CiAgICAgICAgICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgIGxvZ2luQW5vbnltb3VzbHkoKSB7CiAgICAgICAgICAgICAgICAgICAgYXV0aC5zaWduSW5Bbm9ueW1vdXNseSgpCiAgICAgICAgICAgICAgICAgICAgICAgIC50aGVuKCgpID0+IHsKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMudXNlciA9IGF1dGguY3VycmVudFVzZXI7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZygnQW5vbnltb3VzIHVzZXIgbG9nZ2VkIGluJyk7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmZldGNoSW1hZ2VzKCk7CiAgICAgICAgICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgIHNpZ251cCgpIHsKICAgICAgICAgICAgICAgICAgICBhdXRoLmNyZWF0ZVVzZXJXaXRoRW1haWxBbmRQYXNzd29yZCh0aGlzLnNpZ251cEVtYWlsLCB0aGlzLnNpZ251cFBhc3N3b3JkKQogICAgICAgICAgICAgICAgICAgICAgICAudGhlbigodXNlckNyZWRlbnRpYWwpID0+IHsKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMudXNlciA9IHVzZXJDcmVkZW50aWFsLnVzZXI7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZygnVXNlciBzaWduZWQgdXA6JywgdGhpcy51c2VyKTsKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuZmV0Y2hJbWFnZXMoKTsKICAgICAgICAgICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgdG9nZ2xlRm9ybSgpIHsKICAgICAgICAgICAgICAgICAgICB0aGlzLnNob3dMb2dpbkZvcm0gPSAhdGhpcy5zaG93TG9naW5Gb3JtOwogICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgIGxvZ291dCgpIHsKICAgICAgICAgICAgICAgICAgICBhdXRoLnNpZ25PdXQoKQogICAgICAgICAgICAgICAgICAgICAgICAudGhlbigoKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZygnVXNlciBsb2dnZWQgb3V0Jyk7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnVzZXIgPSBudWxsOwogICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5pbWFnZXMgPSBbXTsKICAgICAgICAgICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgaGFuZGxlSW1hZ2VVcGxvYWQoZXZlbnQpIHsKICAgICAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRJbWFnZSA9IGV2ZW50LnRhcmdldC5maWxlc1swXTsKICAgICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgICB1cGxvYWRJbWFnZSgpIHsKICAgICAgICAgICAgICAgICAgICBpZiAodGhpcy5jdXJyZW50SW1hZ2UpIHsKICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgc3RvcmFnZVJlZiA9IHN0b3JhZ2UucmVmKGBpbWFnZXMvJHt0aGlzLnVzZXIudWlkfS8ke3RoaXMuY3VycmVudEltYWdlLm5hbWV9YCk7CiAgICAgICAgICAgICAgICAgICAgICAgIHN0b3JhZ2VSZWYucHV0KHRoaXMuY3VycmVudEltYWdlKQogICAgICAgICAgICAgICAgICAgICAgICAgICAgLnRoZW4oKCkgPT4gewogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0b3JhZ2VSZWYuZ2V0RG93bmxvYWRVUkwoKQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAudGhlbigodXJsKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmltYWdlcy5wdXNoKHsgdXJsOiB1cmwsIGNvbW1lbnRzOiBbXSB9KTsKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKCdJbWFnZSB1cGxvYWRlZCBzdWNjZXNzZnVsbHknKTsKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudEltYWdlID0gbnVsbDsKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgZmV0Y2hJbWFnZXMoKSB7CiAgICAgICAgICAgICAgICAgICAgLy8gTm9ybWFsbHkgZmV0Y2ggaW1hZ2VzIGZyb20gc3RvcmFnZSBoZXJlCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgZGVsZXRlSW1hZ2UoaWQpIHsKICAgICAgICAgICAgICAgICAgICAvLyBIYW5kbGUgZGVsZXRpb24gbG9naWMKICAgICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgICBhZGRDb21tZW50KGltYWdlSWQpIHsKICAgICAgICAgICAgICAgICAgICAvLyBIYW5kbGUgYWRkIGNvbW1lbnQgbG9naWMKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSwKICAgICAgICAgICAgY3JlYXRlZCgpIHsKICAgICAgICAgICAgICAgIGF1dGgub25BdXRoU3RhdGVDaGFuZ2VkKCh1c2VyKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgdGhpcy51c2VyID0gdXNlcjsKICAgICAgICAgICAgICAgICAgICBpZiAodXNlcikgewogICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmZldGNoSW1hZ2VzKCk7CiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIH0KICAgICAgICB9KTsKICAgIDwvc2NyaXB0Pgo8L2JvZHk+CjwvaHRtbD4=
SA==
H
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Multi-Functional App</title>
<script src="https://c...content-available-to-author-only...s.com"></script>
<link href="https://c...content-available-to-author-only...r.net/npm/daisyui@2.51.6/dist/full.css" rel="stylesheet" type="text/css" />
<script src="https://c...content-available-to-author-only...r.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="https://w...content-available-to-author-only...c.com/firebasejs/8.6.8/firebase-app.js"></script>
<script src="https://w...content-available-to-author-only...c.com/firebasejs/8.6.8/firebase-auth.js"></script>
<script src="https://w...content-available-to-author-only...c.com/firebasejs/8.6.8/firebase-storage.js"></script>
<link href="https://f...content-available-to-author-only...s.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body class="bg-base-200">
<div id="app" class="container mx-auto my-8">
<div v-show="!user" class="flex justify-center">
<div class="card bg-base-100 shadow-xl w-full max-w-md">
<div class="card-body">
<h2 class="card-title text-2xl font-bold mb-4 text-center">Multi-Functional App</h2>
<div v-show="showLoginForm">
<div class="form-control mb-4">
<label for="loginEmail" class="label">Email</label>
<input type="email" id="loginEmail" v-model="loginEmail" class="input input-bordered">
</div>
<div class="form-control mb-6">
<label for="loginPassword" class="label">Password</label>
<input type="password" id="loginPassword" v-model="loginPassword" class="input input-bordered">
</div>
<button @click="login" class="btn btn-primary btn-block">
<span class="material-icons">login</span> Login
</button>
<button @click="loginAnonymously" class="btn btn-ghost btn-block mt-2">
<span class="material-icons">person_outline</span> Login as Guest
</button>
</div>
<div v-show="!showLoginForm">
<div class="form-control mb-4">
<label for="signupEmail" class="label">Email</label>
<input type="email" id="signupEmail" v-model="signupEmail" class="input input-bordered">
</div>
<div class="form-control mb-6">
<label for="signupPassword" class="label">Password</label>
<input type="password" id="signupPassword" v-model="signupPassword" class="input input-bordered">
</div>
<button @click="signup" class="btn btn-success btn-block">
<span class="material-icons">person_add</span> Signup
</button>
</div>
<div class="text-center mt-6">
<button @click="toggleForm" class="link link-primary">
<span class="material-icons">{{ showLoginForm ? 'person_add' : 'login' }}</span> {{ showLoginForm ? 'Switch to Signup' : 'Switch to Login' }}
</button>
</div>
</div>
</div>
</div>
<div v-show="user">
<div class="navbar bg-base-100 shadow-lg mb-6">
<div class="flex-1">
<h1 class="text-2xl font-bold">Multi-Functional App</h1>
</div>
<div class="flex-none">
<button @click="logout" class="btn btn-primary">
<span class="material-icons">logout</span> Logout
</button>
</div>
</div>
<div class="card bg-base-100 shadow-xl mb-6">
<div class="card-body">
<div class="form-control mb-4">
<label for="imageInput" class="label">Upload Image</label>
<input type="file" id="imageInput" @change="handleImageUpload" class="file-input file-input-bordered w-full">
</div>
<button @click="uploadImage" class="btn btn-primary">
<span class="material-icons">cloud_upload</span> Upload
</button>
</div>
</div>
<div class="grid grid-cols-3 gap-4">
<div v-for="image in images" :key="image.id" class="relative">
<img :src="image.url" class="w-full h-64 object-cover rounded-lg">
<div class="absolute top-2 right-2">
<button @click="deleteImage(image.id)" class="btn btn-error btn-sm btn-circle">
<span class="material-icons">delete</span>
</button>
</div>
<div>
<textarea class="textarea textarea-bordered w-full mt-2" v-model="commentText" placeholder="Add a comment"></textarea>
<button @click="addComment(image.id)" class="btn btn-primary btn-sm mt-2">
<span class="material-icons">send</span> Submit
</button>
<div v-for="comment in image.comments" :key="comment.id" class="mt-2">
<p class="font-semibold">{{ comment.name }}</p>
<p>{{ comment.text }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var firebaseConfig = {
apiKey: "AIzaSyXXXXXX",
authDomain: "your-project.firebaseapp.com",
projectId: "your-project-id",
storageBucket: "your-project.appspot.com",
messagingSenderId: "your-sender-id",
appId: "your-app-id"
};
firebase.initializeApp(firebaseConfig);
const auth = firebase.auth();
const storage = firebase.storage();
new Vue({
el: '#app',
data: {
user: null,
showLoginForm: true,
loginEmail: '',
loginPassword: '',
signupEmail: '',
signupPassword: '',
currentImage: null,
images: [],
commentText: ''
},
methods: {
login() {
auth.signInWithEmailAndPassword(this.loginEmail, this.loginPassword)
.then((userCredential) => {
this.user = userCredential.user;
console.log('User logged in:', this.user);
this.fetchImages();
});
},
loginAnonymously() {
auth.signInAnonymously()
.then(() => {
this.user = auth.currentUser;
console.log('Anonymous user logged in');
this.fetchImages();
});
},
signup() {
auth.createUserWithEmailAndPassword(this.signupEmail, this.signupPassword)
.then((userCredential) => {
this.user = userCredential.user;
console.log('User signed up:', this.user);
this.fetchImages();
});
},
toggleForm() {
this.showLoginForm = !this.showLoginForm;
},
logout() {
auth.signOut()
.then(() => {
console.log('User logged out');
this.user = null;
this.images = [];
});
},
handleImageUpload(event) {
this.currentImage = event.target.files[0];
},
uploadImage() {
if (this.currentImage) {
const storageRef = storage.ref(`images/${this.user.uid}/${this.currentImage.name}`);
storageRef.put(this.currentImage)
.then(() => {
storageRef.getDownloadURL()
.then((url) => {
this.images.push({ url: url, comments: [] });
console.log('Image uploaded successfully');
this.currentImage = null;
});
});
}
},
fetchImages() {
// Normally fetch images from storage here
},
deleteImage(id) {
// Handle deletion logic
},
addComment(imageId) {
// Handle add comment logic
}
},
created() {
auth.onAuthStateChanged((user) => {
this.user = user;
if (user) {
this.fetchImages();
}
});
}
});
</script>
</body>
</html>
Gg
language:
PHP (php 7.3.5)
created:
5 days ago
Discover > Sphere Engine API
The brand new service which powers Ideone!
Discover > IDE Widget
Widget for compiling and running the source code in a web browser!
