Amadeus Upload Panel

by Steve Coffman

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//www.fuelcdn.com/fuelux/3.7.2/js/fuelux.min.js"></script>
<link rel="stylesheet" href="//www.fuelcdn.com/fuelux/3.7.2/css/fuelux.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<div class="container padding-top-10">
    <form action="?" class="modal-form ajax-form" data-action="/amadeus/csvupload/evaluationAssignmentFromPanel" id="student-assessment-panel" method="post" enctype="multipart/form-data">
        <div class="container">
            <div id="alertContainer"></div>
            <div id="alertContainer"></div>
            <div class="panel panel-primary panel-primary-with-border">
                <div class="panel-heading">
                     <h3 class="panel-title"><span class="badge panel-title">1</span> Choose Assessment Purpose and Open Date</h3>

                </div>
                <div class="panel-body">
                    <div class="form-group select">
                        <label for="inputAssessmentPurpose">Assessment Purpose</label>
                        <select class="form-control" id="inputAssessmentPurpose">
                            <option>Select one</option>
                            <option>Learning Experience 1</option>
                            <option>Learning Experience 2</option>
                        </select>
                    </div>
                    <div class="form-group" id="sandbox-container">
                        <label for="inputAssessmentPurposeOpenDate">Open Date</label>
                        <div class="col-sm-4">
                            <div class="datepicker fuelux" id="myDatepicker">
                                <div class="input-group">
                                    <input class="form-control" id="myDatepickerInput"...

CSS

.padding-top-10 {
    padding-top:10px;
}

JavaScript

$('#myDatepicker').datepicker({
    date: new Date(),
    dropdownWidth: 170,
    restrictDateSelection: false,
    allowPastDates: true
});