<!-- Modal -->

<div class="modal fade" id="mdlGeneric" tabindex="-1" role="dialog" aria-labelledby="lblmdlGeneric" aria-hidden="true">

  <div class="modal-dialog modal-lg" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <h5 class="modal-title" id="lblmdlGeneric">New Entry</h5>

        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

          <span aria-hidden="true">&times;</span>

        </button>

      </div>

      <div class="modal-body">

  <div data-style="min-height: 820px;" onresize="console.log('Resizing!');$('.modal').first().modal('handleUpdate');">

    <input 

      type="hidden"

      id="hdnEntryOrderHasChanged"

      value=""

    />

    <input

      type="hidden"

      id="hdnEntryStructureHasChanged"

      value=""

    />

    <div class="container container-fluid">

      <div class="row">

        <div class="col-12">

          <div class="md-form">

            <input 

              type="text" 

              id="txtEntryName" 

              class="form-control" 

              data-entry="110"

              data-column="EntryName"

              data-originalvalue=""

              onChange="HandleEntryDetailCell(this);"

              onKeyUp="HandleEntryNameKeyUp(this);"

              value=""

              placeholder="Entry Name"

              max-length="200"

            />

            <label for="txtEntryName" class="active">Entry Name</label>

          </div>

        </div>

      </div>

      <div class="row">

        <div class="col-md-6">

          <div class="md-form">

          <input 

              type="text" 

              id="txtEntryDate" 

              class="form-control datepickerweekday lnklbl" 

              data-entry="110"

              data-column="EntryDate"

              data-originalvalue="Wed 10 Apr 2019"

              onChange="HandleEntryDetailCell(this);"

              value="Wed 10 Apr 2019"

              placeholder="Entry Date"

            />

            <label for="txtEntryDate" class="active">Entry Date</label>

          </div>

        </div>

        <div class="col-md-6">

          <div class="switch">

            <label class="text-nowrap">

              Single Entry

              <input 

                type="checkbox"

                data-entry="110"

                data-originalvalue=""

                onChange="HandleEntrySingleMultiSwitch(this);"

                />

                <span class="lever"></span> Multiple Entry

            </label>

          </div>

        </div>

      </div><!--/row-->

    <div class="row">

      <div class="col-5 md-form mb-2"><label class="active px-3">Container</label></div>

      <div class="col-3 md-form mb-2"><label class="active px-3">Entry Type</label></div>

      <div class="col-2 md-form mb-2"><label class="active px-3">Weighting</label></div>

      <div class="col-2 md-form mb-2"><label class="active px-3">Out Of</label></div>

    </div>

      <div class="row EntryRow Xsmall" data-entry="110">

        <div class="col-5">

<select 

  class="mdb-select"

  data-class="2"

  onChange="HandleEntryContainerChange(this);"

  >

  <option value="0">-- Not Counted --</option>

​

  <option 

    value="18"

    >Knowledge / Understanding (25.00)</option>

  <option 

    value="8"

    >Thinking / Inquiry (15.00)</option>

  <option 

    value="9"

    >Communication (15.00)</option>

  <option 

    value="10"

    >Application (15.00)</option>

  <option 

    value="11"

    >Culminating (30.00)</option>

  <option 

    value="12"

    >Responsibility (Cmp)</option>

  <option 

    value="13"

    >Organization (Cmp)</option>

  <option 

    value="14"

    >Independent Work (Cmp)</option>

  <option 

    value="15"

    >Collaboration (Cmp)</option>

  <option 

    value="16"

    >Initiative (Cmp)</option>

  <option 

    value="17"

    >Self-Regulation (Cmp)</option>

</select>

​

        </div>

        <div class="col-3">

  <select class="mdb-select"

    data-column="entryGradeType"

    onChange="HandleEntryGradeType(this);"

  >

  <option value="">--No Entry Type--</option>

  <option value="Checkmark" >Checkmark</option>

  <option value="EGSN" >EGSN</option>

  <option value="Letter Grades" >Letter Grades</option>

  <option value="Levels" >Levels</option>

  <option value="Out Of" >Out Of</option>

  <option value="Percent" >Percent</option>

  </select>

        </div>

      <!--/div>

      <div class="row justify-content-end"-->

        <div class="col-2">

          <div class="md-form form-sm">

          <input

            type="number"

            data-field="entry weighting"

            onChange="HandleEntryContainerField(this);"

            class="numWeighting w-100"

            value="0.00"

            id="numWeighting_110"

            min="0"  step="0.1"

            /><!--label class="active" for="numWeighting_110">Weighting</label-->

          </div>

        </div>

        <div class="col-2">

          <div class="md-form form-sm">

          <input

            type="number"

            data-field="entry out of"

            class="numOutOf w-100"

            value="0.00"

            id="numOutOf_110"

            onChange="HandleEntryContainerField(this);"

            />

            <!--label class="active" for="numOutOf_110">Out Of</label-->

          </div>

        </div>

      </div><!--/row-->

    </div><!--/container-->

    </div>

      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-secondary" data-entry="110" onClick="HandleNewEntryCancelButton(this);">Cancel</button>

  <button type="button" class="btn btn-info" data-dismiss="modal" onClick="GBCheckForEntryDetailChangeAndReload();">Close</button>

  <button type="button" class="btn btn-info" onClick="$('.mdb-select').materialSelect();">Activate MDBSelect</button>   

      </div>

    </div>

  </div>

</div>

<!-- Button trigger modal -->

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#mdlGeneric"

       onClick="$('.mdb-select').materal_select();">

  Launch demo modal

</button>

​

​