QUESTIONTABLE.html

<div class="data-list" ng-init="parentin = $parent.$index; grandparentin = $parent.$parent.$index; $grandtype = $parent.$parent.question.type">
   <div class="row">
      <div class="col-xs-2 col-sm-2 col-md-2">
      </div>
      <div class="col-xs-4 col-sm-4 col-md-4">
         <md-input-container class="md-block fullwidth">
            <label class="input-custom">
               <span swlang code="SW012852">Header of rows</span> <span swlang code="SW012841">(Eng)</span>
            </label>
            <input class="input-custom" ng-model="question.structure.list.headerrow.eng">
         </md-input-container>
      </div>
      <div class="col-xs-4 col-sm-4 col-md-4">
         <md-input-container class="md-block fullwidth">
            <label class="input-custom">
               <span swlang code="SW012852">Header of rows</span> <span swlang code="SW012842">(thai)</span>
            </label>
            <input class="input-custom" ng-model="question.structure.list.headerrow.tha">
         </md-input-container>
      </div>
   </div>

   <div class="row">
      <div class="col-xs-2 col-sm-2 col-md-2">
      </div>
      <div class="col-xs-4 col-sm-4 col-md-4">
         <md-input-container class="md-block fullwidth">
            <label class="input-custom">
               <span swlang code="SW012853">Header of column</span> <span swlang code="SW012841">(Eng)</span>
            </label>
            <input class="input-custom" ng-model="question.structure.list.headercolumn.eng">
         </md-input-container>
      </div>
      <div class="col-xs-4 col-sm-4 col-md-4">
         <md-input-container class="md-block fullwidth">
            <label class="input-custom">
               <span swlang code="SW012853">Header of column</span> <span swlang code="SW012842">(Thai)</span>
            </label>
            <input class="input-custom" ng-model="question.structure.list.headercolumn.tha">
         </md-input-container>
      </div>
   </div>

   <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
         <center>
            <div class="line-space"></div>
         </center>
      </div>
   </div>

   <div class="row" ng-repeat="column in question.structure.list.column">
      <div class="col-xs-2 col-sm-2 col-md-2">
      </div>
      <div class="col-xs-3 col-sm-3 col-md-3">
         <md-input-container class="md-block fullwidth">
            <label class="input-custom">
               <span swlang code="SW002184">column</span> {{ $index+1 }} <span swlang code="SW012841">(Eng)</span>
            </label>
            <input class="input-custom" ng-model="column.eng">
         </md-input-container>
      </div>
      <div class="col-xs-3 col-sm-3 col-md-3">
         <md-input-container class="md-block fullwidth">
            <label class="input-custom">
               <span swlang code="SW002184">column</span> {{ $index+1 }} <span swlang code="SW012842">(Thai)</span>
            </label>
            <input class="input-custom" ng-model="column.tha">
         </md-input-container>
      </div>
      <div class="col-xs-2 col-sm-2 col-md-2">
         <md-input-container class="md-block fullwidth">
            <label class="input-custom" swlang code="SW000116">value</label>
            <input class="input-custom" ng-model="column.value">
         </md-input-container>
      </div>
      <div class="col-xs-1 col-sm-1 col-md-1">
         <a class="delChoice" ng-click="delColumn($index, parentin)" ng-if="$grandtype != 6"><i class="fa fa-times"></i></a>
         <a class="delChoice" ng-click="delSubColumn($index, parentin, grandparentin)" ng-if="$grandtype == 6"><i class="fa fa-times"></i></a>
      </div>
   </div>

   <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
         <center>
            <a class="btn btn-primary" ng-click="putColumn($index)" ng-if="$grandtype != 6">
               <span swlang code="SW012854">Add Column</span>
            </a>
            <a class="btn btn-primary" ng-click="putSubColumn($index, grandparentin)" ng-if="$grandtype == 6" swlang code="SW012854">Add Column</a>
         </center>
      </div>
   </div>

   <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
         <center>
            <div class="line-space"></div>
         </center>
      </div>
   </div>

   <div class="row">
      <div class="col-xs-2 col-sm-2 col-md-2">
      </div>
      <div class="col-xs-8 col-sm-8 col-md-8">
         <div class="row" ng-repeat="grouprow in question.structure.list.grouprow">
            <fieldset>
               <legend>{{ getData(grouprow.groupname) }} group</legend>
               <div class="col-xs-12 col-sm-12 col-md-12">
                  <div class="row">
                     <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="col-xs-10 col-sm-10 col-md-10">
                           <h4 ng-if="grouprow.groupid == 'default'"><span swlang code="SW012855">List row of</span> {{ getData(grouprow.groupname) }} group</h4>
                           <md-input-container ng-if="grouprow.groupid !='default'" class="halfwidth">
                              <label class="input-custom">
                                 <span swlang code="SW012856">Group name</span> <span swlang code="SW012841">(eng)</span>
                              </label>
                              <input type="text" ng-model="grouprow.groupname.eng" class="input-custom">
                           </md-input-container>
                           <md-input-container ng-if="grouprow.groupid !='default'" class="halfwidth">
                              <label class="input-custom">
                                 <span swlang code="SW012856">Group name</span> <span swlang code="SW012842">(tha)</span>
                              </label>
                              <input type="text" ng-model="grouprow.groupname.tha" class="input-custom">
                           </md-input-container>
                        </div>

                        <div class="col-xs-1 col-sm-1 col-md-1" ng-if="grouprow.groupid !='default'">
                           <a class="delChoice" ng-click="goHelpGroup($index, parentin, 'none')" ng-if="$grandtype != 6"><i class="fa fa-search"></i></a>
                           <a class="delChoice" ng-click="goHelpGroup($index, parentin, grandparentin)" ng-if="$grandtype == 6"><i class="fa fa-search"></i></a>
                        </div>

                        <div class="col-xs-1 col-sm-1 col-md-1">
                           <a class="delChoice" ng-click="delGroup($index, parentin)" ng-if="($grandtype != 6) && ((grouprow.groupid != 'default') || (grouprow.groupid == ''))"><i class="fa fa-times"></i></a>
                           <a class="delChoice" ng-click="delSubGroup($index, parentin, grandparentin)" ng-if="($grandtype == 6) && ((grouprow.groupid != 'default') || (grouprow.groupid == '')) "><i class="fa fa-times"></i></a>
                        </div>
                     </div>
                  </div>

                  <div class="row" ng-if="( grouprow.groupname.eng.length > 0 || grouprow.groupname.tha.length > 0)">
                     <div class="col-xs-12 col-sm-12 col-md-12 row-background">
                        <div class="col-xs-10 col-sm-10 col-md-10">
                           <md-chips class="md-block fullwidth" ng-model="grouprow.listrow" disabled>
                              <md-chip-template ng-if="grouprow.listrow.length > 0">
                                 <span>
                                    <strong>{{ getData($chip) }}</strong>
                                 </span>
                              </md-chip-template>
                              <input type="text" disabled>
                           </md-chips>
                        </div>

                        <div class="col-xs-1 col-sm-1 col-md-1">
                           <a class="delChoice" ng-click="goHelp('MCOURSEHELP', $index, parentin, 'none', grouprow.groupid)" ng-if="$grandtype != 6"><i class="fa fa-search"></i></a>
                           <a class="delChoice" ng-click="goHelp('MCOURSEHELP', $index, parentin, grandparentin, grouprow.groupid)" ng-if="$grandtype == 6"><i class="fa fa-search"></i></a>
                        </div>
                     </div>

                  </div>

               </div>
            </fieldset>
         </div>
      </div>
   </div>
</div>

<div class="row">
   <div class="col-xs-12 col-sm-12 col-md-12">
      <center ng-init="grandparentin = $parent.$parent.$index; $grandtype = $parent.$parent.question.type" >
         <a class="btn btn-primary" ng-click="putNewGroupTable($index)" ng-if="$grandtype != 6" swlang code="SW012857">Add Group</a>
         <a class="btn btn-primary" ng-click="putSubNewGroupTable($index, grandparentin)" ng-if="$grandtype == 6" swlang code="SW012857">Add Group</a>
      </center>
   </div>
</div>