var STATES = [ "OK", "WARN", "CRITICAL" ];

SkyScanner.getInitializers().push(
    new Promise((resolve,reject)=>{
        LN().load("/vue/ln.skyscanner.issues.html").
        then((template)=>{
            skyScannerRoutes.push(
                {
                    path: "/issues",
                    label: "Störfälle",
                    component: {
                        data: function(){
                            return {
                                skyscanner,
                                view: {
                                    WARN: true,
                                    CRITICAL: true,
                                    OK: true
                                }
                            };
                        },
                        beforeRouteEnter: function(to,from,next){
                            skyscanner.updateIssues();
                            next();
                        },
                        beforeRouteLeave: function(from,to,next){
                            clearTimeout(skyscanner.currentTimeout);
                            next();
                        },
                        computed: {
                            CurrentIssues: function(){
                                return this.skyscanner.currentIssues;
                            },
                        },
                        template: template,
                    },
                }
            );
            resolve();
        });
    })
);