Search This Blog

Thursday, February 18, 2021

Sample html -testing

 <!DOCTYPE html>


<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<head>
    <meta charset="utf-8" />
    <title></title>
    
   
   

     <!-- ===== Date Picker-jquery-ui.css  =========================================================================================== -->
    <script>
        $(function () {
            var dateToday = new Date();
            $("#ExpiryDate").datepicker({
                changeMonth: true,
                changeYear: true,
                minDate: 0,
                dateFormat: 'dd/mm/yy'

            });
            $("#EffectiveDate").datepicker({
                changeMonth: true,
                changeYear: true,
                minDate: 0,
                dateFormat: 'dd/mm/yy'
            });
        });
    </script>
 <style>
     input[type=password], input[type=text], input[type=file], textarea.ms-inputBox {
    padding2px 5px;
    border0px none;
}
textarea.form-control {
    heightauto;
    border0px none;
}
.row {
     margin-right0px
     margin-left0px
}
 </style>
</head>
<body>
    <div class="center">
        <div ng-app="SOSAapp">
            <div ng-controller="SosaFormController" ng-init="init(this)">
                <ng-form name="SOSAForm" ng-app novalidate>
                    <div class="justify-content-center">
                        <div class="col-md-12 col-sm-12">
                            <div id="printSectionId">
                                <div class="panel panel-primary">
                                    <div class="panel-body">
                                        <div>
                                            <!--<span class="tooltipInfo glyphicon glyphicon-info-sign"><span class="tooltiptext">Purchase Justification Number</span></span>-->
                                            <div id="dv1"><a target="_self" href="/sites/mat/Pages/SADashboard.aspx"><img class="imgLogo" src="/sites/test/SiteAssets/logo.jpg" /></a></div>
                                            <div id="dv2"><p class="centerText">Sample Title</p></div>
                                            <!--<div id="dv3"><p class="rightText"><input id="btnPrint" class="frmbutton" value="Print" ng-click="printToCart('printSectionId')" type="button" /></p></div>-->
                                        </div>
                                        <div class="form-group col-md-12 col-sm-12 divborder">
                                            <label class="pull-right" for="tNumber">Form Status : <span class="docStatus">{{appProperties.DisplayStatus}}</span></label>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6 col-sm-6">
                                                <label for="tNumber">Sample Number  <span class="redColor"> : </span><span class="docStatus">SA-Feb2021-001</span></label>
                                            </div>
                                            <div class="form-group col-md-6 col-sm-6">
                                                <label class="pull-right" for="tNumber">{{SavedText}} Date : {{appProperties.SubmittedFormatDate}}</label>
                                            </div>
                                        </div>                                      
                                    </div>
                                    <!--  Supplier Information -->
                                    <div class="panel-heading">
                                        MANUFACTURING ENGINEERING
                                    </div>
                                    <div class="panel-body">
                                        <table cellspacing="0" width="100%" class="ms-rteTable-default">
                                            <tbody>
                                                <tr class="ms-rteTableEvenRow-default">
                                                    <td class="ms-rteTableEvenCol-default" colspan="2" style="width: 50%;"> <label for="tNumber">SUPPLIER
                                                            NAME</label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="2" colspan="3" style="width: 50%;">​​ ​​ <label
                                                            for="tNumber">SUPPLIER ADDRESS</label>
                                                        <textarea id="PurchaseDescription" name="PurchaseDescription"
                                                            ng-model="appProperties.SOSAApprovalList.PurchaseDescription" ng-disabled="IsSubmitMode" rows="4"
                                                            cols="50" class="form-control"></textarea>
                                                    </td>
                                                </tr>
                                                <tr class="ms-rteTableOddRow-default">
                                                    <td class="ms-rteTableEvenCol-default" colspan="2"> <label for="tNumber">ATTENTION</label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                    </td>
                                                </tr>
                                                <tr class="ms-rteTableEvenRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> <label for="tNumber"> PART NUMBER -ONE (1) ONLY <span
                                                                class="redColor">*</span></label>
                                                        <input type="text" id="ExpiryDate" name="ExpiryDate" autocomplete="off" class="form-control"
                                                            ng-disabled="IsSubmitMode" ng-model="appProperties.SOSAApprovalList.ExpiryDate" required>
                                                        <span class="redColor" ng-show="SOSAForm.ExpiryDate.$invalid && SOSAForm.ExpiryDate.$touched">Expiry
                                                            Date is Required.</span>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1"> <label for="tNumber">PART REV NO. <span
                                                                class="redColor">*</span></label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                        ​
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> <label for="tNumber">ORIGINATOR</label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1" colspan="2"> <label for="tNumber">DATE</label>
                                                        <input type="text" id="ExpiryDate" name="ExpiryDate" autocomplete="off" class="form-control"
                                                            ng-disabled="IsSubmitMode" ng-model="appProperties.SOSAApprovalList.ExpiryDate" required>
                                                    </td>
                                                </tr>
                                                <tr class="ms-rteTableOddRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​ <label for="tNumber">DRAWING NUMBER<span
                                                                class="redColor">*</span></label>
                                                        <input type="text" id="ExpiryDate" name="ExpiryDate" autocomplete="off" class="form-control"
                                                            ng-disabled="IsSubmitMode" ng-model="appProperties.SOSAApprovalList.ExpiryDate" required>
                                                        <span class="redColor" ng-show="SOSAForm.ExpiryDate.$invalid && SOSAForm.ExpiryDate.$touched">Expiry
                                                            Date is Required.</span>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1">​ <label for="tNumber">DWG REV <span
                                                                class="redColor">*</span></label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> <label for="tNumber">QTY AFFECTED</label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                        <span class="redColor"
                                                            ng-show="SOSAForm.EffectiveDate.$invalid && SOSAForm.EffectiveDate.$touched">Effective Date is
                                                            Required.</span>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1"><label for="tNumber">P.O. NUMBER <span
                                                                class="redColor">*</span></label>
                                                        <input type="text" id="ExpiryDate" name="ExpiryDate" autocomplete="off" class="form-control"
                                                            ng-disabled="IsSubmitMode" ng-model="appProperties.SOSAApprovalList.ExpiryDate" required>
                                                        <span class="redColor" ng-show="SOSAForm.ExpiryDate.$invalid && SOSAForm.ExpiryDate.$touched">Expiry
                                                            Date is Required.</span>
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> <label for="tNumber">P.O. QTY <span
                                                                class="redColor">*</span></label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                        ​
                                                    </td>
                                                </tr>
                                                <tr class="ms-rteTableEvenRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​​ <label for="tNumber">PART NAME</label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1">​ <label for="tNumber">MODEL NUMBER</label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​ <label for="tNumber">JOB NUMBER <span
                                                                class="redColor">*</span></label>
                                                        <input type="text" id="ExpiryDate" name="ExpiryDate" autocomplete="off" class="form-control"
                                                            ng-disabled="IsSubmitMode" ng-model="appProperties.SOSAApprovalList.ExpiryDate" required>
                                                        <span class="redColor" ng-show="SOSAForm.ExpiryDate.$invalid && SOSAForm.ExpiryDate.$touched">Expiry
                                                            Date is Required.</span>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1" colspan="2">​ ​​ <label for="tNumber">GROUPS AFFECTED(SYR)
                                                            <span class="redColor">*</span></label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" class="form-control" type="text"
                                                            ng-model="appProperties.SupplierInfo.QuoteRef" />
                                                    </td>
                                                </tr>                                               
                                                <tr class="ms-rteTableFooterRow-default">
                                                    <td class="ms-rteTableFooterEvenCol-default" rowspan="1" colspan="5">​ ​​ ​​
                                                        <div class="row" style="background-color:ghostwhite">
                                                            <div class="form-group col-md-6 col-sm-6">
                                                                <label for="tNumber">SPECIFICATION</label>
                                                                <textarea id="PurchaseDescription" name="PurchaseDescription" ng-model="appProperties.SOSAApprovalList.PurchaseDescription" ng-disabled="IsSubmitMode" style="height:200px;" class="form-control"></textarea>
                                                            </div>
                                                            <div class="form-group col-md-6 col-sm-6">
                                                                <label for="tNumber">DEVIATION</label>
                                                                <textarea id="PurchaseDescription" name="PurchaseDescription" ng-model="appProperties.SOSAApprovalList.PurchaseDescription" ng-disabled="IsSubmitMode" style="height:200px;" class="form-control"></textarea>
                                                            </div>
                                                            <div class="form-group col-md-12 col-sm-12">
                                                                <label for="tNumber">REASON / REMARKS </label>
                                                                <textarea id="PurchaseDescription" name="PurchaseDescription" ng-model="appProperties.SOSAApprovalList.PurchaseDescription" ng-disabled="IsSubmitMode" rows="4" cols="50" class="form-control"></textarea>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr class="ms-rteTableFooterRow-default">
                                                    <td class="ms-rteTableFooterEvenCol-default" rowspan="1" colspan="5">​ ​​ 
                                                        <div class="row">
                                                            <div class="form-group col-md-12 col-sm-12">
                                                                <label for="tNumber">DISPOSITION OF EXISTING PARTS</label>
                                                                <div ng-repeat="item in appProperties.DOEPData">
                                                                    <div ng-if="$index%4!==0" class="col-md-3 col-sm-3 action-checkbox">
                                                                        <input id="{{$index}}" type="checkbox" value="{{item}}" ng-checked="appProperties.DOEPSelectionItem.indexOf(item) > -1" ng-click="toggleSelection(item)" />
                                                                        <label for="{{$index}}"></label>
                                                                        {{item}}
                                                                    </div>
                                                                    <div ng-if="$index%4==0" class="col-md-3 col-sm-3 action-checkbox">
                                                                        <input id="{{$index}}" type="checkbox" value="{{item}}" ng-checked="appProperties.DOEPSelectionItem.indexOf(item) > -1" ng-click="toggleSelection(item)" />
                                                                        <label for="{{$index}}"></label>
                                                                        {{item}}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                       </div>         
                                                    </td>
                                                </tr>
                                                <tr class="ms-rteTableFooterRow-default">
                                                    <td class="ms-rteTableFooterEvenCol-default" rowspan="1" colspan="4">​ ​​
                                                        <div class="row">
                                                            <div class="form-group col-md-12 col-sm-12">
                                                                
                                                                <div class="form-group col-md-3 col-sm-3">                                                   
                                                                     <label for="yes_no_radio">CHANGE THIS PART?</label>
                                                                      <p>
                                                                      <input class="action-checkbox" type="checkbox" name="yes_no"> Yes</input>
                                                                      <input class="action-checkbox" type="checkbox" name="yes_no"> No</input>
                                                                </div>
                                                                <div class="form-group col-md-3 col-sm-3">
                                                                    <label for="tNumber">CHANGE THIS DWG?</label>
                                                                    <p>
                                                                        <input class="action-checkbox" type="checkbox" name="yes_no"> Yes</input>
                                                                        <input class="action-checkbox" type="checkbox" name="yes_no"> No</input>
                                                                </div>
                                                                <div class="form-group col-md-3 col-sm-3">
                                                                    <label for="tNumber">CREATE NEW PART?</label>
                                                                    <p>
                                                                        <input class="action-checkbox" type="checkbox" name="yes_no"> Yes</input>
                                                                        <input class="action-checkbox" type="checkbox" name="yes_no"> No</input>
                                                                </div>
                                                                <div class="form-group col-md-3 col-sm-3">
                                                                    <label for="tNumber">CREATE NEW DWG?</label>
                                                                    <p>
                                                                        <input class="action-checkbox" type="checkbox" name="yes_no"> Yes</input>
                                                                        <input class="action-checkbox" type="checkbox" name="yes_no"> No</input>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="ms-rteTableFooterEvenCol-default" rowspan="1" colspan="1">​ ​​
                                                        <label for="tNumber">INITIAL</label>
                                                        <input id="SupplierQuoteRef" name="SupplierQuoteRef" style="background-color:ghostwhite" class="form-control" type="text" ng-model="appProperties.SupplierInfo.INITIAL" />                                                  
                                                    </td>
                                                </tr>
                                              
                                            </tbody>
                                        </table>
                                    </div>
                                    <!--  Attachments Information -->
                                 
                                    <div class="panel-body">  
                                        <div class="form-group col-md-12 col-sm-12">
                                            <div class="pull-right file-input-wrapper">
                                                <span class="form-group btn btn-primary btn-sm btn-file-input" role="button" tabindex="0">
                                                    <i class="glyphicon glyphicon-plus"></i>
                                                    <span>Select file</span>
                                                </span>
                                                <input type="file" ng-model="fileName" multiple onchange="angular.element(this).scope().upload(this)" id="file" name="file" />
                                                <span class="redColor" ng-show="isSelectedFile">Please select file to approve...</span>
                                                <div ng-show="appProperties.SOSAFiles.length>0 || appProperties.SOSAFileProperties.length>0" class="Table center">
                                                    <div class="form-group">
                                                        <table id="file_list" role="presentation" class="table table-condensed" aria-live="polite" tabindex="-1">
                                                            <thead>
                                                                <tr class="active">
                                                                    <th scope="col">Filename</th>
                                                                    <th scope="col">Template</th>
                                                                    <th ng-show="IsSaveAndSubmitButton" scope="col">Actions</th>
                                                                </tr>
                                                            </thead>
                                                            <tfoot>
                                                                <tr ng-repeat="item in appProperties.SOSAFileProperties track by $index" class="active">
                                                                    <td>
                                                                        <a target="_blank" href="{{item.url}}">{{item.fileName}}</a>
                                                                    </td>
                                                                    <td>
                                                                        {{item.template}}
                                                                    </td>
                                                                    <td ng-show="IsSaveAndSubmitButton" colspan="2">
                                                                        <a class="btn btn-xs delete-record" ng-disabled="IsSubmitMode" ng-click="removeSOSAFiles($index,item.fileName,item.Id)"><i class="glyphicon glyphicon-trash"></i></a>
                                                                    </td>
                                                                </tr>
                                                            </tfoot>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>                                   
                                    <div class="panel-heading">
                                        Authorization by Managers <span class="tooltipInfo glyphicon glyphicon-info-sign pull-right">
                                            <span class="tooltiptext">
                                                * Authorizationinformation <br />
                                                * Authorization information <br />
                                            </span>Instruction
                                        </span>
                                    </div>
                                    <!-- Authorization information -->
                                    <div class="panel-body">
                                        <table cellspacing="0" width="100%" class="ms-rteTable-default">
                                            <tbody>
                                            
                                                <tr class="ms-rteTableOddRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​   <label for="tNumber">PRODUCT ENGINEERING
                                                        NAME <span class="redColor"> *</span></label> <select name="metreialControl" id="metreialControl" class="form-control captialTextFont" ng-model="appProperties.SOSAApprovalList.MaterialController.Id">
                                                        <option ng-repeat="item in appProperties.MaterialControllerMaster" ng-selected="appProperties.SOSAApprovalList.MaterialController.Id == item.Id" value="{{item.Id}}">{{item.Title| uppercase }}</option>
                                                        <option value="">--Select--</option>
                                                    </select>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1">
                                                        <label for="tNumber"> DATE</label>
                                                          <input type="text" disabled placeholder="Approve Date" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> 
                                                        <label for="tNumber"> STATUS</label>
                                                        <input type="text" disabled placeholder="Approve / Reject" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />                                                 
                                                    </td>
                                                </tr>     
                                                <tr class="ms-rteTableOddRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​   <label for="tNumber">MFG ENGINEERING</label><span class="redColor"> *</span> <select name="metreialControl" id="metreialControl" class="form-control captialTextFont" ng-model="appProperties.SOSAApprovalList.MaterialController.Id">
                                                        <option ng-repeat="item in appProperties.MaterialControllerMaster" ng-selected="appProperties.SOSAApprovalList.MaterialController.Id == item.Id" value="{{item.Id}}">{{item.Title| uppercase }}</option>
                                                        <option value="">--Select--</option>
                                                    </select>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1">
                                                        <label for="tNumber"> </label>
                                                          <input type="text" disabled placeholder="Approve Date" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> 
                                                        <label for="tNumber"> </label>
                                                        <input type="text" disabled placeholder="Approve / Reject" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />                                                 
                                                    </td>
                                                </tr>     
                                                <tr class="ms-rteTableOddRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​   <label for="tNumber">PURCHASING <span class="redColor"> *</span></label> <select name="metreialControl" id="metreialControl" class="form-control captialTextFont" ng-model="appProperties.SOSAApprovalList.MaterialController.Id">
                                                        <option ng-repeat="item in appProperties.MaterialControllerMaster" ng-selected="appProperties.SOSAApprovalList.MaterialController.Id == item.Id" value="{{item.Id}}">{{item.Title| uppercase }}</option>
                                                        <option value="">--Select--</option>
                                                    </select>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1">
                                                        <label for="tNumber"> </label>
                                                          <input type="text" disabled placeholder="Approve Date" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> 
                                                        <label for="tNumber"> </label>
                                                        <input type="text" disabled placeholder="Approve / Reject" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />                                                 
                                                    </td>
                                                </tr>     
                                                <tr class="ms-rteTableOddRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​   <label for="tNumber">DRAFTING (If applicable)</label></label> <select name="metreialControl" id="metreialControl" class="form-control captialTextFont" ng-model="appProperties.SOSAApprovalList.MaterialController.Id">
                                                        <option ng-repeat="item in appProperties.MaterialControllerMaster" ng-selected="appProperties.SOSAApprovalList.MaterialController.Id == item.Id" value="{{item.Id}}">{{item.Title| uppercase }}</option>
                                                        <option value="">--Select--</option>
                                                    </select>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1">
                                                        <label for="tNumber"> </label>
                                                          <input type="text" disabled placeholder="Approve Date" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> 
                                                        <label for="tNumber"> </label>
                                                        <input type="text" disabled placeholder="Approve / Reject" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />                                                 
                                                    </td>
                                                </tr>     
                                                <tr class="ms-rteTableOddRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​   <label for="tNumber">QUALITY <span class="redColor"> *</span></label> <select name="metreialControl" id="metreialControl" class="form-control captialTextFont" ng-model="appProperties.SOSAApprovalList.MaterialController.Id">
                                                        <option ng-repeat="item in appProperties.MaterialControllerMaster" ng-selected="appProperties.SOSAApprovalList.MaterialController.Id == item.Id" value="{{item.Id}}">{{item.Title| uppercase }}</option>
                                                        <option value="">--Select--</option>
                                                    </select>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1">
                                                        <label for="tNumber"> </label>
                                                          <input type="text" disabled placeholder="Approve Date" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> 
                                                        <label for="tNumber"> </label>
                                                        <input type="text" disabled placeholder="Approve / Reject" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />                                                 
                                                    </td>
                                                </tr>                                               
                                                <tr class="ms-rteTableOddRow-default">
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1">​   <label for="tNumber">PRODUCTION <span class="redColor"> *</span></label> <select name="metreialControl" id="metreialControl" class="form-control captialTextFont" ng-model="appProperties.SOSAApprovalList.MaterialController.Id">
                                                        <option ng-repeat="item in appProperties.MaterialControllerMaster" ng-selected="appProperties.SOSAApprovalList.MaterialController.Id == item.Id" value="{{item.Id}}">{{item.Title| uppercase }}</option>
                                                        <option value="">--Select--</option>
                                                    </select>
                                                    </td>
                                                    <td class="ms-rteTableOddCol-default" rowspan="1">
                                                        <label for="tNumber"> </label>
                                                          <input type="text" disabled placeholder="Approve Date" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />
                                                    </td>
                                                    <td class="ms-rteTableEvenCol-default" rowspan="1"> 
                                                        <label for="tNumber"> </label>
                                                        <input type="text" disabled placeholder="Approve / Reject" id="MCDate" ng-model="appProperties.SOSAApprovalList.MCFormatDate" class="form-control" name="MCDate" />                                                 
                                                    </td>
                                                </tr>     
                                            </tbody>
                                        </table>                                       
                                        <div ng-show="IsCommentSection" class="form-group col-md-12 col-sm-12">
                                            <label for="tNumber">Comments <span class="redColor">*</span></label>
                                            <textarea id="Comments" style="height:140px;" ng-model="appProperties.SOSAComments.Comments" name="Comments" class="form-control"></textarea><!--required-->
                                            <span class="redColor" ng-show="SOSAForm.Comments.$invalid && SOSAForm.Comments.$touched">Comments is Required.</span>

                                            <table id="file_list" role="presentation" ng-hide="!appProperties.SOSAComments.length" class="table table-condensed" aria-live="polite" tabindex="-1">
                                                <thead>
                                                    <tr class="active">
                                                        <th scope="col">Comments</th>
                                                        <th scope="col">Comments By</th>
                                                        <th scope="col">Date</th>
                                                    </tr>
                                                </thead>
                                                <tfoot>
                                                    <tr ng-repeat="item in appProperties.SOSAComments track by $index" ng-bind-html-unsafe="item.html" class="active">
                                                        <td style="padding: 2px; width: 450px;">
                                                            <p ng-bind-html="item.UserComment"></p>
                                                        </td>
                                                        <td>
                                                            {{item.CommentsBy.Title}}
                                                        </td>
                                                        <td>
                                                            {{item.Created | date : 'dd/MMM/yyyy hh:mm a'}}
                                                        </td>
                                                    </tr>
                                                </tfoot>
                                            </table>


                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        <div align="center" class="form-group">
                                            <input id="btnSaveRequest" class="frmbutton" ng-show="IsSaveButton" value="Save" ng-click="submitSOSARequest(1,$event,SOSAForm)" type="button" />
                                            <input id="btnSubmitRequest" class="frmbutton" value="Submit" ng-click="submitSOSARequest(2,$event,SOSAForm)" type="button" />
                                            <input id="btnReSubmitRequest" class="frmbutton" ng-show="IsReSubmitButton" value="Re-Submit" ng-click="submitSOSARequest(16,$event,SOSAForm)" type="button" />
                                            <input id="btnReDelegateSubmitRequest" style="display:none;" class="frmbutton" ng-show="IsReDelegateSubmitButton" value="Re-Delegate" ng-click="showModal(appProperties.SOSAApprovalList.ID)" type="button" />
                                            <input id="btnCloseRequest" class="frmbutton" value="Close" ng-click="submitSOSARequest(0,$event,SOSAForm)" type="button" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </ng-form>
                <div ng-show="loaded" class="loading">Loading&#8230;</div>
            </div>           
        </div>
    </div>
    <script>
        $(function () {
            var dtToday = new Date();

            var month = dtToday.getMonth() + 1;
            var day = dtToday.getDate();
            var year = dtToday.getFullYear();
            if (month < 10)
                month = '0' + month.toString();
            if (day < 10)
                day = '0' + day.toString();

            var maxDate = year + '-' + month + '-' + day;
            //alert(maxDate);
            $('#txtDateFrom').attr('min'maxDate);
            $('#txtDateTo').attr('min'maxDate);
        });
    </script>    
</body>
</html>