index.html

<script>

var selectedSeat = -1; // this is only used in sign out if name list format is used.

function switchMode(mode) {
	document.getElementById('page-mode').className=mode;
	console.log('switching to ' + mode);
}

function getInfo(){
    var mode = document.getElementById('page-mode').className;
    var message = {
                    'mode': mode, 
                    'seat': selectedSeat
                    };
    var fields = document.getElementsByClassName('field ' + mode);
    
    for(var i = 0; i < fields.length; i++){
      message[fields.item(i).id] = fields.item(i).value;
    }
    console.log(JSON.stringify(message));
    return message;
}

function submit() {    
    //send to server.
    google.script.run.withSuccessHandler(handleSubmitResult).doSubmit(getInfo());
}

function handleSubmitResult(message) {
    alert(message);
    //if successful: display or remove student.
    //reset slides
}

// Display and Remove Student functions

</script>

<div id='page-mode' class='signin'>

<?!= include('ribbon'); ?>
<?!= include('map'); ?>
</div>
<?!= HtmlService.createHtmlOutputFromFile('generator-handler').getContent(); ?>