import PointrelClient = require("./pointrel20150417/PointrelClient");
import surveyBuilder = require("./surveyBuilderMithril");
import surveyStorage = require("./surveyStorage");

"use strict";

/* global m */

// http://localhost:8080/survey.html#project=test1&survey=one

// TODO: Internationalize
// TODO: Full survey
// TODO: Cancel feedback
// TODO: Closing page when not submitted
// TODO: Progress when sending to server 

// TODO: Should refactor code so this prefix is not also duplicated in application and buttonActions
const narrafirmaProjectPrefix = "NarraFirmaProject-";

const serverURL = "/api/pointrel20150417";
let pointrelClient: PointrelClient;

let preview;
let projectIdentifier;
let storyCollectionIdentifier;
    
function loadQuestionnaire(callback) {
    // Decided on how to load data: Either can get latest with one or more questionnaires, or can query all messages and filter. Went with get latest.
    
    pointrelClient.fetchLatestMessageForTopic("questionnaires", function (error, data) {
        if (error) {
            // handle an error condition
            console.log("error from request", error);
            // TODO: Translate
            // alert("Could not load survey");
            callback(error, null);
            return;
        }
        // do something with handled data
        console.log("request got data", data);
        if (data.success) {
            console.log("storyCollectionIdentifier", storyCollectionIdentifier, data.latestRecord.messageContents.change);
            const questionnaire = data.latestRecord.messageContents.change[storyCollectionIdentifier];
            if (questionnaire) {
                callback(null, questionnaire);
            } else {
                callback("Questionnaire not currently available", null);
            }
        } else {
            // TODO: Translate
            // alert("Problem loading questionnaire");
            callback("Problem loading questionnaire", null);
        }
    });
}

function finishedSurvey(status, completedSurvey, wizardPane) {    
    console.log("finishedSurvey", status);
    if (status === "submitted") {
        storeQuestionnaireResult(completedSurvey, wizardPane);
    }
} 

function storeQuestionnaireResult(completedSurvey, wizardPane) {
    surveyStorage.storeSurveyResult(pointrelClient, projectIdentifier, storyCollectionIdentifier, completedSurvey, wizardPane);
}

function createLayout() {
    loadQuestionnaire(function(error, questionnaire, envelope) {
        if (error) {
            console.log("Error loading questionnaire", error);
            // TODO: Translate
            hidePleaseWait();
            document.body.innerHTML += "Something went wrong loading the survey questionnaire from the server:<br>" + JSON.stringify(error);
            alert("Something went wrong loading the survey questionnaire from the server.");
            return;
        }
        console.log("got questionnaire from server", projectIdentifier, storyCollectionIdentifier, questionnaire);
        
        const surveyDiv = document.getElementById("surveyDiv");
        // m.render(surveyDiv, m("div", ["Hello survey ============== b"]));
        
        surveyBuilder.buildSurveyForm(surveyDiv, questionnaire, finishedSurvey);

        if (questionnaire && questionnaire.customCSS) surveyBuilder.loadCSS(document, questionnaire.customCSS);

        // turn off initial "please wait" display
        hidePleaseWait();
    });
}

function receivedMessage() {
    // Do nothing
    ;
}

function updateServerStatus(status, message) {
    // Do nothing
    ;
}

// getHashParameters derived from: http://stackoverflow.com/questions/4197591/parsing-url-hash-fragment-identifier-with-javascript
function getHashParameters() {
    const hash = window.location.hash.substr(1);
    const result = {};
    let match;
    // Regex for replacing addition symbol with a space
    const plusMatcher = /\+/g;
    const parameterSplitter = /([^&;=]+)=?([^&;]*)/g;
    const decode = function (s) {return decodeURIComponent(s.replace(plusMatcher, " ")); };
    while (true) {
        match = parameterSplitter.exec(hash);
        if (!match) break;
        result[decode(match[1])] = decode(match[2]);
    }
    return result;
}

function hidePleaseWait() {
    // This uses a window.narraFirma_pleaseWaitTimeout global set in survey.html
    console.log("turned off please wait at", new Date(), "still waiting to display", !!window["narraFirma_pleaseWaitTimeout"]);
    if (window["narraFirma_pleaseWaitTimeout"]) {
        clearTimeout(window["narraFirma_pleaseWaitTimeout"]);
        window["narraFirma_pleaseWaitTimeout"] = null;
    }
    document.getElementById("pleaseWaitDiv").style.display = "none";
}

function finishedPreview(status, surveyResult, wizardPane) {
    console.log("surveyResult for preview", status, surveyResult);
    if (wizardPane) wizardPane.forward();
}

function initialize() {
    const configuration = getHashParameters();
    console.log("configuration", configuration);

    preview = configuration["preview"];
    
    if (preview) {
        console.log("Preview mode");
        const surveyDiv = document.getElementById("surveyDiv");
        // m.render(surveyDiv, m("div", ["Hello survey ============== b"]));
        
        // turn off initial "please wait" display
        hidePleaseWait();
        
        if (!window.opener || !window.opener["narraFirma_previewQuestionnaire"]) {
            alert("Problem with preview");
            return;
        }

        
        const questionnaire = window.opener["narraFirma_previewQuestionnaire"];     
        if (questionnaire.customCSS) surveyBuilder.loadCSS(document, questionnaire.customCSS);

        surveyBuilder.buildSurveyForm(surveyDiv, questionnaire, finishedPreview, {previewMode: true});

        return;
    }
    
    projectIdentifier = configuration["project"];
    storyCollectionIdentifier = configuration["survey"];
    console.log("configuration: projectIdentifier", projectIdentifier, "storyCollectionIdentifier", storyCollectionIdentifier);

    if (!projectIdentifier || !storyCollectionIdentifier) {
        alert("The URL does not have all the information needed to select a survey");
        document.body.innerHTML += "The URL does not have all the information needed to select a survey. Please contact the project administrator.";
        hidePleaseWait();
        return;
    }
    
    projectIdentifier = narrafirmaProjectPrefix + projectIdentifier;
    
    // TODO: Should ping server to get current user identifier in case logged in
    // TODO: Should check with server if have read and write permissions for the specific topics
    const userIdentifier = "anonymous";
    pointrelClient = new PointrelClient(serverURL, projectIdentifier, userIdentifier, receivedMessage, updateServerStatus);
    
    createLayout();
}

initialize();