@ngageoint/mage.web-app/app/614.ba133678daaf0cc3.js

The Mage web-app is the UI for interacting with the Mage service in a web browser.

"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[614],{9614:(b,r,i)=>{i.r(r),i.d(r,{LandingModule:()=>M});var c=i(36895),n=i(94650),g=i(80529);let d=(()=>{class e{constructor(t){this.client=t}getApi(){return this.client.get("/api")}}return e.\u0275fac=function(t){return new(t||e)(n.LFG(g.eN))},e.\u0275prov=n.Yz7({token:e,factory:e.\u0275fac,providedIn:"root"}),e})();var a=i(19132),p=i(19241);let u=(()=>{class e{constructor(){this.backgrounds=["mage-1-bg","mage-2-bg","mage-3-bg","mage-4-bg"],this.background=this.backgrounds[Math.floor(4*Math.random())]}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=n.Xpm({type:e,selectors:[["info"]],decls:33,vars:1,consts:[[1,"slide",3,"ngClass"],[1,"title-container"],[1,"title"],[1,"features"],[1,"feature"],[1,"feature-icon"],[1,"material-icons-outlined"],[1,"feature-description"],[1,"feature-title"],[1,"feature-subtitle"]],template:function(t,s){1&t&&(n._UZ(0,"div",0),n.TgZ(1,"div")(2,"div",1)(3,"div",2),n._uU(4,"Mage"),n.qZA()(),n.TgZ(5,"div",3)(6,"div",4)(7,"div",5)(8,"i",6),n._uU(9,"photo_camera"),n.qZA()(),n.TgZ(10,"div",7)(11,"div",8),n._uU(12,"Share what you see"),n.qZA(),n.TgZ(13,"div",9),n._uU(14,"Attach photos, videos, and voice to your observations from the field "),n.qZA()()(),n.TgZ(15,"div",4)(16,"div",5)(17,"i",6),n._uU(18,"place"),n.qZA()(),n.TgZ(19,"div",7)(20,"div",8),n._uU(21,"Location, location, location"),n.qZA(),n.TgZ(22,"div",9),n._uU(23,"See your observations and your team's locations on the map"),n.qZA()()(),n.TgZ(24,"div",4)(25,"div",5)(26,"i",6),n._uU(27,"signal_cellular_alt"),n.qZA()(),n.TgZ(28,"div",7)(29,"div",8),n._uU(30,"No connection, no problem"),n.qZA(),n.TgZ(31,"div",9),n._uU(32,"Keep collecting observations even when you have no service"),n.qZA()()()()()),2&t&&n.Q6J("ngClass",s.background)},dependencies:[c.mk],styles:["[_nghost-%COMP%]{width:80%}.mage-1-bg[_ngcontent-%COMP%]{background-image:url(/assets/images/splash/1.jpg)}.mage-2-bg[_ngcontent-%COMP%]{background-image:url(/assets/images/splash/2.jpg)}.mage-3-bg[_ngcontent-%COMP%]{background-image:url(/assets/images/splash/3.jpg)}.mage-4-bg[_ngcontent-%COMP%]{background-image:url(/assets/images/splash/4.jpg)}@keyframes bg-slide{0%{transform:translate(0)}50%{transform:translate(-50%)}to{transform:translate(0)}}.slide[_ngcontent-%COMP%]{width:100%;background-size:cover;position:absolute;top:0;bottom:0;left:0;animation:bg-slide 400s linear infinite;z-index:-1}.title-container[_ngcontent-%COMP%]{text-align:center}.title[_ngcontent-%COMP%]{font-size:8rem}.subtitle[_ngcontent-%COMP%]{margin-top:-10px;font-size:1.5rem}.features[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center}.feature[_ngcontent-%COMP%]{display:flex;flex-direction:row;padding-bottom:30px;padding-top:30px;width:550px}.feature-icon[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;padding-right:16px}.feature-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:3.5rem;stroke:#fff}.feature-description[_ngcontent-%COMP%]{display:flex;flex-direction:column}.feature-title[_ngcontent-%COMP%]{font-size:1.6rem;font-weight:400;margin-bottom:10px}.feature-subtitle[_ngcontent-%COMP%]{font-size:1rem}@media all and (max-width: 1025px){.slide[_ngcontent-%COMP%]{animation:none}.title[_ngcontent-%COMP%]{font-size:4rem;letter-spacing:none}.subtitle[_ngcontent-%COMP%], .features[_ngcontent-%COMP%]{display:none}}"]}),e})(),f=(()=>{class e{constructor(t,s){this.router=s,t.getApi().subscribe(l=>{this.api=l})}onIngress(){this.router.navigate(["home"])}}return e.\u0275fac=function(t){return new(t||e)(n.Y36(d),n.Y36(a.F0))},e.\u0275cmp=n.Xpm({type:e,selectors:[["landing"]],decls:6,vars:1,consts:[[1,"landing"],[1,"section","info"],[1,"section","ingress-container"],[1,"ingress"],["landing","true",3,"api","complete"]],template:function(t,s){1&t&&(n.TgZ(0,"div",0)(1,"div",1),n._UZ(2,"info"),n.qZA(),n.TgZ(3,"div",2)(4,"div",3)(5,"ingress",4),n.NdJ("complete",function(){return s.onIngress()}),n.qZA()()()()),2&t&&(n.xp6(5),n.Q6J("api",s.api))},dependencies:[p.t,u],styles:[".landing[_ngcontent-%COMP%]{display:flex;flex-direction:row}.section[_ngcontent-%COMP%]{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.info[_ngcontent-%COMP%]{height:100vh;overflow:hidden;color:#fff;background-color:#10458280}.ingress-container[_ngcontent-%COMP%]{overflow-y:scroll;background-color:#fff}.ingress[_ngcontent-%COMP%]{width:75%;height:100vh;min-width:285px;max-width:600px;position:relative}@media (max-width: 1100px) or (max-height: 460px){.ingress-container[_ngcontent-%COMP%]{width:100%}.info[_ngcontent-%COMP%]{display:none}}"]}),e})();var m=i(82524);let v=(()=>{class e{constructor(t){this.service=t}resolve(t,s){return this.service.getApi()}}return e.\u0275fac=function(t){return new(t||e)(n.LFG(m.s))},e.\u0275prov=n.Yz7({token:e,factory:e.\u0275fac,providedIn:"root"}),e})();var h=i(89024);const C=[{path:"",component:f,resolve:{api:v}}];let M=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=n.oAB({type:e}),e.\u0275inj=n.cJS({imports:[c.ez,h.p,a.Bz.forChild(C),a.Bz]}),e})()}}]);