import kludgeForUseStrict = require("../../kludgeForUseStrict");
"use strict";

const panel: Panel = {
    id: "page_reflectOnCatalysisPhase",
    displayName: "Reflect on the catalysis phase",
    pageExplanation: "Think about what happened in this part of the project.",
    pageCategories: "journal",
    headerAbove: "Wrap up the catalysis phase",
    panelFields: [
        {
            id: "project_phaseReflections_catalysis_intro",
            valueType: "none",
            displayType: "label",
            displayPrompt: `On this page you can answer some <strong>reflective questions</strong> 
                that will help you think about what happened.`
        },
        
        {
            id: "project_phaseReflections_catalysis_happened",
            valuePath: "project_phaseReflections_catalysis_happened",
            valueType: "string",
            displayType: "textarea",
            displayName: "What happened",
            displayPrompt: "What <strong>happened</strong> in the catalysis phase of your project?"
        },
        {
            id: "project_phaseReflections_catalysis_surprisedAndNot",
            valuePath: "project_phaseReflections_catalysis_surprisedAndNot",
            valueType: "string",
            displayType: "textarea",
            displayName: "Surprised and Not",
            displayPrompt: "What <strong>surprised</strong> you? What didn't?"
        },
        {
            id: "project_phaseReflections_catalysis_obstaclesAndOpportunities",
            valuePath: "project_phaseReflections_catalysis_obstaclesAndOpportunities",
            valueType: "string",
            displayType: "textarea",
            displayName: "Obstacles and Opportunities",
            displayPrompt: `Did any <strong>obstacles</strong> or <strong>opportunities</strong> play a part in how things went? 
                Where did they come from? What did you do about them? How did that work out?`
        },
        {
            id: "project_phaseReflections_catalysis_learned",
            valuePath: "project_phaseReflections_catalysis_learned",
            valueType: "string",
            displayType: "textarea",
            displayName: "Learned",
            displayPrompt: "What did you <strong>learn</strong> from all of this?"
        },
        {
            id: "project_phaseReflections_catalysis_newIdeas",
            valuePath: "project_phaseReflections_catalysis_newIdeas",
            valueType: "string",
            displayType: "textarea",
            displayName: "New ideas",
            displayPrompt: "Did any <strong>new ideas</strong> come up that you want to remember in the future?"
        },
        {
            id: "project_phaseReflections_catalysis_issues",
            valuePath: "project_phaseReflections_catalysis_issues",
            valueType: "string",
            displayType: "textarea",
            displayName: "Issues",
            displayPrompt: "Are there any unresolved <strong>issues</strong> going forward?"
        },
        
    ]
};

export = panel;