Anda di halaman 1dari 44

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="addEditObservation.aspx.

cs"
Inherits="LossControlManagement_addEditObservation" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>EditObservation</title>
<meta charset="utf-8">
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targe
tSchema">
<meta name="viewport" content="width=device-width, initial-scale=1, maximumscale=1, user-scalable=no" />
<link rel="shortcut icon" href="../myicon.ico" type="image/x-icon" />
<!-- Default Css -->
<!-- Default Css -->
<link href="../css/app.css" rel="stylesheet" type="text/css" />
<link href="../css/custom.css" rel="stylesheet" type="text/css" />
<link href="../css/reponsive.css" rel="stylesheet" type="text/css" />
<!-- Default Css -->
<!-- Default Css End -->
<!-- Font Css -->
<link href="../css/fonts/font.css" rel="stylesheet" type="text/css" />
<link href="../css/font-awesome-4.3.0/css/font-awesome.css" rel="stylesheet"
type="text/css" />
<!-- Font Css End -->
<!-- Bootstrep Css -->
<link href="../css/bootstrap/bootstrap.css" rel="stylesheet" type="text/css"
/>
<!-- Bootstrep Css end -->
<!-- Bootstrep Css -->
<link href='../Styles/icons.css' rel="stylesheet" />
<link href='../css/rateit.css' rel="stylesheet" />
<link href='../js/plugins/forms/uniform/uniform.default.css' rel="stylesheet
" />
<!-- Bootstrep Css -->
<!-- Plugins stylesheets -->
<link href='../js/plugins/forms/uniform/uniform.default.css' rel="stylesheet
" />
<link href='../js/plugins/ui/jgrowl/jquery.jgrowl.css' rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../js/plugins/datetimepicker/jq
uery.datetimepicker.css" />
<link href="../js/plugins/forms/switch/bootstrapSwitch.css" rel="stylesheet"
/>
<!-- Plugins stylesheets End -->
<!-- fullcalendar Css -->
<link href="../js/fullcalendar/jquery.qtip.min.css" rel="stylesheet" type="t
ext/css" />
<!-- fullcalendar Css End -->
<!-- dhtmlwindow Css -->
<link href="../WindowFiles/dhtmlwindow.css" rel="stylesheet" type="text/css"
/>
<link href="../ModalFiles/modal.css" rel="stylesheet" type="text/css" />
<!-- dhtmlwindow Css end -->
<!---------------------------------- All JS ------------------------------->
<script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>

<script type="text/javascript" src="../js/jquery-ui-1.8.17.custom.min.js"></


script>
<script src="../js/Jquery_1.9.1.js" type="text/javascript"></script>
<script src="../js/Jquery_1.10.2.js" type="text/javascript"></script>
<script src='../js/conditionizr.min.js'></script>
<!-- bootstrap JS -->
<script src='../js/bootstrap/bootstrap.js'></script>
<!-- bootstrap JS END -->
<script src='../js/plugins/core/nicescroll/jquery.nicescroll.min.js'></scrip
t>
<script src='../js/plugins/core/jrespond/jRespond.min.js'></script>
<script src='../js/jquery.genyxAdmin.js'></script>
<!-- Form plugins -->
<script src='../js/plugins/forms/uniform/jquery.uniform.min.js'></script>
<script src='../js/plugins/forms/datepicker/bootstrap-datepicker.js'></scrip
t>
<script src='../js/plugins/forms/mask/jquery.mask.min.js'></script>
<script src='../js/plugins/forms/validation/jquery.validate.js'></script>
<script src='../js/plugins/forms/select2/select2.js'></script>
<!-- Misc plugins -->
<script src='../js/plugins/misc/fullcalendar/fullcalendar.min.js'></script>
<!-- UI plugins -->
<script src='../js/plugins/ui/jgrowl/jquery.jgrowl.min.js'></script>
<!-- Init plugins -->
<script src='../js/pages/form-elements.js'></script>
<script src='../js/pages/tables.js'></script>
<!-- Init plugins only for page -->
<script src='../js/plugins/forms/tinymce/tinymce.min.js'></script>
<%--For AutoComplete--%>
<script src='../js/jquery.tokeninput.js'></script>
<script src='../js/plugins/datetimepicker/jquery.datetimepicker.js'></script
>
<script src='../js/plugins/forms/switch/bootstrapSwitch.js'></script>
<script src='../js/jquery.blockUI.js'></script>
<script src='../js/jquery.MultiFile.js'></script>
<!-- DHTML Window Pop JS -->
<script type="text/javascript" src="../windowfiles/dhtmlwindow.js"></script>
<script type="text/javascript" src="../modalfiles/modal.js"></script>
<!-- DHTML Window Pop JS End -->
<!-- Comman Js -->
<script src="../js/app.js" type="text/javascript"></script>
<script src="../js/script.js" type="text/javascript"></script>
<script src='../js/common.js' type="text/javascript"></script>
<!-- Comman Js End -->
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager" runat="server" EnablePageMethods="true
">
</asp:ScriptManager>
<div class="wrapper">
<div class="container-fluid">
<div id="heading" class="page-header">
<h1>
<i class="icon20 i-user"></i>Observation
<%--Safety Inspection--%></h1>
</div>
<div class="userList row" id="divrowPad25" runat="server">

<div class="col-md-12 padBoth clearfix">


<div class="row" id="divSubContractorPackage" runat="server"
>
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<div class="icon1">
<i class="icon20 i-menu-6"></i>
</div>
<div class="panelText">
<asp:Label ID="lblAddEditNote" runat="se
rver"></asp:Label>
<asp:HiddenField ID="HiddenField1" runat
="server" Value="0" />
<asp:HiddenField ID="hdnCreatedBy" runat
="server" Value="0" />
<asp:HiddenField ID="hndSelectProject" r
unat="server" Value="Please Select Project" />
<a href="#" class="minimize"></a>
</div>
</div>
<div class="panel-body clearfix">
<div id="divLossControlGeneral" runat="serve
r">
<input type="hidden" runat="server" id="
hidngoryTypeId" />
<input type="hidden" runat="server" id="
hitegoryId" />
<asp:HiddenField ID="hdnProjectId" runat
="server" />
<asp:HiddenField ID="hdnUserID" runat="s
erver" Value="0" />
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for=
"normal">
<div class="title">
Inspected By<span class=
"errorMark">&nbsp;*</span></div>
<asp:DropDownList ID="ddlIns
pectedBy" runat="server" CssClass="tip" title="Inspected By">
</asp:DropDownList>
<asp:RequiredFieldValidator
ID="reqInspectedBy" CssClass="errormessage" ValidationGroup="LossControl"
runat="server" ControlTo
Validate="ddlInspectedBy" Display="Dynamic" ErrorMessage="Required"
InitialValue="0" SetFocu
sOnError="true"></asp:RequiredFieldValidator>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for=
"normal">
<div class="title">
Inspected Date<span clas
s="errorMark">&nbsp;*</span></div>
<input id="dateofreport" typ
e="text" class="form-control width100per tip required"
title="Inspected Date" r
unat="server" />

</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for=
"normal">
<div class="title">
Date Of Report</div>
<input id="txtReportedDate"
type="text" class="form-control width100per tip" title="Date Of Report"
runat="server" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for=
"normal">
<div class="title">
<asp:Label ID="lblProjec
t" runat="server" Text="Project"></asp:Label><span class="errorMark">&nbsp;*</sp
an></div>
<asp:DropDownList ID="ddlPro
ject" runat="server" CssClass="tip" title="Project">
</asp:DropDownList>
<asp:RequiredFieldValidator
ID="reqProject" CssClass="errormessage" ValidationGroup="LossControl"
runat="server" ControlTo
Validate="ddlProject" Display="Dynamic" ErrorMessage="Required"
InitialValue="0" SetFocu
sOnError="true"></asp:RequiredFieldValidator>
<asp:Label ID="lblSelectProj
ect" runat="server" Text="Project" Style="display: none;"></asp:Label>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for=
"normal">
<div class="title">
Division</div>
<asp:DropDownList ID="ddlWor
kSite" runat="server" CssClass="tip" title="Division">
</asp:DropDownList>
<div style="display: none;">
<asp:DropDownList ID="dd
lWorkSiteTemp" runat="server" CssClass="form-control tip">
<asp:ListItem Text="
--Select Division--" Value="0"></asp:ListItem>
</asp:DropDownList>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for=
"normal">
<div>
<span class="title flft"

>Prime Contractor</span>
<div class="panelLink" f
or="placeholder">
<a class="rightAlign
" id="aContractorPackage" onclick="ShowHideContactInfo(1,0);"
style='font-size
: 11px; font-style: italic; font-weight: normal; color: green;'>
click here to ad
d a new contractor</a>
</div>
</div>
<asp:DropDownList ID="ddlPri
meContractor" runat="server" CssClass="form-control tip"
title="Prime Contractor"
>
</asp:DropDownList>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for=
"normal">
<div class="title">
Initial Notes</div>
<asp:TextBox runat="server"
ID="txtNote" CssClass="form-control tip" title="Initial Notes"
TextMode="MultiLine" Wid
th="100%" Rows="5" />
</div>
</div>
</div>
<div class="centerAlign row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for=
"normal">
<asp:Button ID="btnAddItem"
runat="server" CssClass="btn btn-success" Text="Add New Observation"
OnClick="btnAddItem_Clic
k" ValidationGroup="LossControl" />
<input type="button" value="
Link Observation" visible="false" runat="server" id="btnLinkObservation"
class="btn" onclick="jav
ascript:LinkObservation();" />
</div>
</div>
</div>
<div class="row marg-bottom-15 overflowH
ide" id="divLossControl" runat="server" visible="false">
<table class="table blueTable">
<thead>
<tr>
<th style="min-width: 20
0px; max-width: 200px;">
Contractor Package
</th>
<th style="min-width: 14
0px; max-width: 140px;">
Observation Code
</th>

<th class="centerAlign"
style="min-width: 80px; max-width: 80px; display: none">
Ratings
</th>
<th class="centerAlign"
style="min-width: 80px; max-width: 80px;">
Status
</th>
<th class="centerAlign"
style="min-width: 60px; max-width: 60px;" id="tdEditHeader"
runat="server">
Select
</th>
<th class="centerAlign"
style="min-width: 60px; max-width: 60px;" id="tdDeleteHeader"
runat="server">
Delete
</th>
</tr>
</thead>
<tbody>
<asp:Repeater ID="rptLossCon
trolItems" runat="server" OnItemCommand="rptLossControlItem_ItemCommand"
OnItemDataBound="rptSafe
ty_ItemDataBound">
<ItemTemplate>
<tr>
<td style="min-w
idth: 200px; max-width: 200px;">
<asp:HiddenF
ield ID="hdnContractorPackageID" runat="server" Value='<%#Eval("ContrPackageId")
%>' />
<asp:HiddenF
ield ID="hdnRating" runat="server" Value='<%#Eval("Ratings") %>' />
<asp:HiddenF
ield ID="hdnObservationType" runat="server" Value='<%#Eval("ObservationType") %>
' />
<asp:HiddenF
ield ID="hdnContrSafetyID" runat="server" Value='<%#Eval("ContrSafetyId") %>' />
<asp:HiddenF
ield ID="hdnContractorName" runat="server" Value='<%#Eval("ContractorName") %>'>
</asp:Hidden
Field>
<asp:HiddenF
ield ID="hdnWorkstieName" runat="server" Value='<%#Eval("WorkSiteName") %>'>
</asp:Hidden
Field>
<asp:HiddenF
ield ID="hdnTradeName" runat="server" Value='<%#Eval("TradeName") %>'>
</asp:Hidden
Field>
<%#Eval("Con
tractorName")%>
<%#Eval("Wor
kSiteName")%>
<%#Eval("Tra
deName")%>
</td>

<td style="min-w
idth: 140px; max-width: 140px;">
<asp:HiddenF
ield ID="hdnObservationCode" runat="server" Value='<%#Eval("ObservationCode") %>
' />
<asp:Label I
D="lblObservationCodeDesc" runat="server" Text='<%#Eval("ObservationCodeDesc")%>
'></asp:Label>
</td>
<td class="cente
rAlign" style="min-width: 80px; max-width: 80px; display: none">
<span class=
"claimstatus">
<%--<inp
ut type="range" min="0" max="5" value="0" step="1" id="backing2">--%>
<span id
="spnrating" data-rateit-ispreset="true" data-rateit-readonly="true" runat="serv
er">
</span><
/span>
</td>
<td class="cente
rAlign" style="min-width: 80px; max-width: 80px;">
<asp:HiddenF
ield ID="hdnStatus" runat="server" Value='<%#Eval("Status") %>' />
<asp:HiddenF
ield ID="hdnDesc" runat="server" Value='<%#Eval("Description") %>' />
<asp:HiddenF
ield ID="hdnCorrective" runat="server" Value='<%#Eval("CorrectiveAction") %>' />
<%--<asp:Lab
el ID="lblStatusName" runat="server" Text='<%#Eval("StatusName")%>'></asp:Label>
--%>
<span class=
"claimdesc" id="divStatus" runat="server">
<%#Eval(
"StatusName")%></span>
</td>
<td class="cente
rAlign" style="min-width: 60px; max-width: 60px;" id="tdEdit" runat="server">
<asp:LinkBut
ton ID="lnkEdit" runat="server" CommandArgument='<%#Eval("ContrSafetyId") %>'
CssClass
="tip clearfix" title="Edit" CommandName="Edit"><i class="fa fa-pencil-square-o"
></i></asp:LinkButton>&nbsp;
</td>
<td class="cente
rAlign" style="min-width: 60px; max-width: 60px;" id="tdDelete" runat="server">
<asp:LinkBut
ton ID="lnkDelete" OnClientClick="return javascript:confirm('are you sure you wa
nt to delete?')"
CssClass
="tip clearfix" title="Delete" runat="server" CommandArgument='<%#Eval("ContrSaf
etyId") %>'
CommandN
ame="Delete"><i class="fa fa-trash-o"></i></asp:LinkButton>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</tbody>

</table>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for=
"normal">
<div class="title">
Comments</div>
<asp:TextBox ID="txtFinalNot
e" runat="server" CssClass="form-control tip" TextMode="MultiLine"
Width="100%" Rows="5"></
asp:TextBox>
</div>
<div class="clearfix">
</div>
<div id="compose-textarea">
<textarea id="txtWriteYourMe
ssage" class="compose-area" rows="2" placeholder="Write your message "></textarea>
</div>
<div class="iconPanel clearfix">
<span id="spnSubmit" style="
display: inline-block;"><a class="commanButton blueButton">
Submit</a> </span>
</div>
</div>
</div>
</div>
<asp:HiddenField ID="hdnContractorPackageVie
w" runat="server" Value="0" />
<asp:HiddenField ID="hdnSafetyEdit" runat="s
erver" Value="1" />
<asp:HiddenField ID="hdnSafetyDelete" runat=
"server" Value="1" />
<div class="col-md-12 clearfix" id="divItems
Details" runat="server"
style="display: none;">
<div class="row marg-bottom-10">
<div class="col-md-12 col-sm-12 colxs-12" for="normal">
<span class="titles">Contractor<
span class="errorMark"> *</span></span>
<asp:DropDownList ID="ddlContact
orPackage" runat="server" CssClass="tip" title="Contractor">
</asp:DropDownList>
<asp:RequiredFieldValidator ID="
RequiredFieldValidator2" CssClass="errormessage"
ValidationGroup="LossControl
Item" runat="server" ControlToValidate="ddlContactorPackage"
Display="Dynamic" ErrorMessa
ge="Required" InitialValue="0" SetFocusOnError="true"></asp:RequiredFieldValidat
or>
</div>
</div>
<div class="row marg-bottom-10">
<div class="col-md-12 col-sm-12 colxs-12" for="normal">
<span class="titles">Priority</s
pan>
<asp:DropDownList ID="ddlPriorit
y" runat="server" CssClass="tip" title="Priority">

<asp:ListItem Text="Choose P
riority" Value="0"></asp:ListItem>
<asp:ListItem Text="Immediat
e" Value="1"></asp:ListItem>
<asp:ListItem Text="End of t
he day" Value="2"></asp:ListItem>
<asp:ListItem Text="Within a
week" Value="3"></asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div class="row marg-bottom-10" style="d
isplay: none">
<div class="col-md-2 col-xs-2" for="
normal">
<span class="titles">Rating</spa
n>
</div>
<div class="col-md-9 col-xs-9">
<input type="range" min="0" max=
"5" value="0" step="1" id="backing2">
<span class="rateit" data-rateit
-backingfld="#backing2"></span>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for=
"normal">
<div class="title">
Observation Code<span cl
ass="errorMark">*</span></div>
<asp:DropDownList ID="ddlObs
ervationCode" runat="server" CssClass="form-control tip"
title="Observation Code"
onclick="javascript:AddObservationCode();">
</asp:DropDownList>
<asp:RequiredFieldValidator
ID="RequiredFieldValidator3" CssClass="errormessage"
ValidationGroup="LossCon
trolItem" runat="server" ControlToValidate="ddlObservationCode"
Display="Dynamic" ErrorM
essage="Required" InitialValue="-1" SetFocusOnError="true"></asp:RequiredFieldVa
lidator>
</div>
</div>
<div class="col-md-6 col-sm-6" id="d
ivObservationCode" runat="server" style="display: none;">
<div class="controllGroups" for=
"normal">
<span class="title">New Obse
rvation Code</span>
<input type="text" name="txt
ObservationCode" id="txtObservationCode" runat="server"
class="form-control tip"
title="New Observation Code" />
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for=

"normal">
<div class="title">
Observation Type<span cl
ass="errorMark">*</span></div>
<asp:DropDownList ID="ddlObs
ervationType" runat="server" CssClass="form-control tip"
title="Observation Type"
>
<asp:ListItem Text="Choo
se an item" Value="0"></asp:ListItem>
<asp:ListItem Text="N/A"
Value="6"></asp:ListItem>
<asp:ListItem Text="OTHE
R" Value="3"></asp:ListItem>
<asp:ListItem Text="POSI
TIVE OBSERVATION" Value="4"></asp:ListItem>
<asp:ListItem Text="UNSA
FE ACT" Value="1"></asp:ListItem>
<asp:ListItem Text="UNSA
FE CONDITION" Value="2"></asp:ListItem>
<asp:ListItem Text="UNSA
FE ACT AND CONDITION" Value="5"></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator
ID="RequiredFieldValidator4" CssClass="errormessage"
ValidationGroup="LossCon
trolItem" runat="server" ControlToValidate="ddlObservationType"
Display="Dynamic" ErrorM
essage="Required" InitialValue="0" SetFocusOnError="true"></asp:RequiredFieldVal
idator>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for=
"normal">
<div class="title">
Status<span class="error
Mark">*</span></div>
<asp:DropDownList ID="ddlSta
tus" runat="server" CssClass="form-control tip" title="Status">
<asp:ListItem Text="Choo
se an item" Value="0"></asp:ListItem>
<asp:ListItem Text="Open
" Value="1"></asp:ListItem>
<asp:ListItem Text="Clos
ed" Value="2"></asp:ListItem>
<asp:ListItem Text="N/A"
Value="3"></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator
ID="RequiredFieldValidator5" CssClass="errormessage"
ValidationGroup="LossCon
trolItem" runat="server" ControlToValidate="ddlStatus"
Display="Dynamic" ErrorM
essage="Required" InitialValue="0" SetFocusOnError="true"></asp:RequiredFieldVal
idator>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for=

"normal">
<span class="title">Location
</span>
<asp:TextBox ID="txtLocation
" runat="server" CssClass="form-control tip" title="Location"></asp:TextBox>
</div>
</div>
</div>
<div class="row marg-bottom-10">
<div class="col-md-3 col-xs-3" for="
normal">
<div class="titles marg-top-5">
<input type="checkbox" runat
="server" name="chkIsAcknowledgeBy" id="chkIsAcknowledgeBy"
onclick="javascript:AddR
equiredOnAcknowledgeBy();" />Acknowledge By</div>
</div>
<div class="col-md-9 col-xs-9">
<input type="text" name="txtAckn
owledgeBy" id="txtAcknowledgeBy" runat="server" title="AcknowledgeBy"
style="width: 50%" class="fo
rm-control tip" />
</div>
</div>
<div class="row marg-bottom-10">
<div class="col-md-12 col-xs-12" for
="normal">
<div class="titles marg-top-5">
<input type="checkbox" runat
="server" name="chkIsRepeatedViolation" id="chkIsRepeatedViolation" />Repeated
Violation</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for=
"normal">
<span class="title">Descript
ion</span>
<textarea id="txtDesc" name=
"text-editor" class="form-control tip" rows="4" runat="server"
title="Description"></te
xtarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for=
"normal">
<span class="title">Correcti
ve Action / Mitigation</span>
<textarea id="txtCorrective"
name="text-editor" class="form-control tip" title="Corrective Action / Mitigati
on"
rows="4" runat="server">
</textarea>
</div>
</div>
</div>

<div class="contractorstep1">
<div class="col-xs-12 tblrow">
<div id="dragandrophandler" clas
s="clearfix">
<div id="setBackground">
<div class="dragtxtCente
r">
<p class="dragtext">
<span>Drag your
file here</span></p>
</div>
</div>
<div class="form-group">
<label>
Please Upload only.<
/label>
</div>
<div class="form-group">
<%--<a href="javascript:
void(0)" onclick="javascript:clickfileuploadcontrol();" title="add logo">
<img src="images/Image1/
attech-icon.png" />File Upload</a>--%>
<asp:FileUpload ID="file
_upload" class="multi" runat="server" accept="jpg|jpeg|bmp|png" />
</div>
<div class="clear">
</div>
<div class="col-xs-12">
<div id="divDocsDragandD
rop">
</div>
<asp:Repeater ID="rptDoc
uments" runat="server" OnItemDataBound="rptDocuments_ItemDataBound">
<ItemTemplate>
<asp:HiddenField
ID="hdnDocumentView" runat="server" Value="block" />
<div id="divDocu
ment" runat="server" class="form-group">
<div id="div
Path" runat="server" class="col-xs-12" title='<%#Eval("DocumentName")%>'>
<div cla
ss="pad-top5 pad-right5 fleft">
<img
width="50" height="50" id="imgDocumentName" runat="server" /></div>
<div id=
"divDocuemntName" class="pad-top5 pad-right5 fleft" runat="server">
<a t
arget="_blank" id="aDocument" runat="server">
<%#Eval("DocumentName")%></a></div>
<div id=
"divDelete" class="pad-top10 pad-right0 fleft" runat="server">
<img
src="images/deletes.gif" alt="" />
</div>
</div>
</div>
<div class="clea
r">
</div>

</ItemTemplate>
</asp:Repeater>
</div>
</div>
</div>
</div>
<div class="clear">
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for=
"normal">
<span class="title">Contract
or Response</span>
<textarea id="txtContractorR
esponse" name="text-editor" class="form-control tip"
rows="4" runat="server"
title="Contractor Response"></textarea>
</div>
</div>
</div>
<!-- Dynamic Design --->
<div class="row">
<div class="col-md-12 col-xs-12 marg
-top-15">
<div class="contractorstep2 blue
TableBox" id="divObservation" runat="server">
<h4>
Comments</h4>
<div class="tblrow" id="main
Comment" runat="server">
<%--<div class="clear"><
/div>--%>
<div style="display: blo
ck;">
<asp:HiddenField ID=
"hdnSafetyCommentId" runat="server" />
<%--<asp:Button ID="
allReplyBtn" runat="server" OnClick="ReplyButton_Click" style="display:none" />-%>
<asp:Repeater ID="rp
tComments" runat="server" OnItemDataBound="rptComments_ItemDataBound">
<ItemTemplate>
<img width="
50" height="50" id="listImages" runat="server" visible="false" />
<div id="Com
mentSection<%#Eval("SafetyCommentId") %>" class="contractertbldecp2 overflowHide
"
style="d
isplay: block; border: 1px solid blue;">
<asp:Hid
denField ID="hdnSafetyCmtId" Value='<%#Eval("SafetyCommentId") %>' runat="server
" />
<b>
<asp
:Label ID="lblUserName" runat="server"></asp:Label></b>&nbsp;:<a class="tipR"
style="margin-top: 30px; margin-left: 475px" onclick="javascript:CommentDocument
Open(<%#Eval("SafetyCommentId") %>);">

<i id="I2" class="fa fa-link"></i></a>&nbsp; &nbsp;


<div id=
"CommentDocument<%#Eval("SafetyCommentId") %>" style="border: 1px solid #f00;
back
ground: #fff; position: absolute; display: none; margin-left: 553px; z-index: 1;
padd
ing: 10px">
<asp
:HiddenField ID="hiidnSafetyCommentID" runat="server" Value='<%#Eval("SafetyComm
entId") %>' />
<ul
id="ulCommentDocument" runat="server">
</ul
>
</div>
<a class
="tipR" style="margin-top: 30px; margin-left: 300px" onclick="javascript:Comment
EdtDlte(<%#Eval("SafetyCommentId") %>);">
<i i
d="I3" class="fa fa-angle-double-down marg-right-5"></i></a>
<div id=
"CommentEditDelete<%#Eval("SafetyCommentId") %>" style="border: 1px solid #f00;
back
ground: #fff; position: absolute; display: none; margin-left: 878px; z-index: 1;
padd
ing: 10px">
<ul
id="ulCommentEditDelete" style="cursor: pointer;" runat="server">
<li><a onclick="javascript:NavigateComment(<%#Eval("SafetyCommentId") %>);">Edit
</a></li>
<li><a onclick="javascript:NavigateDeleteComment(<%#Eval("SafetyCommentId") %>);
">Delete</a></li>
</ul
>
</div>
<asp:Lab
el ID="lblCrestedDate" runat="server" Style="margin-top: 26px; margin-left: 1217
px"
Text
='<%#Eval("CreatedDate","{0:d/M/yyyy hh:mm:ss tt}") %>'></asp:Label><br />
<b>
<asp
:Label ID="Label4" runat="server" Text='<%#Eval("Comment") %>'></asp:Label></b>&
nbsp;<br />
<button
type="button" class="btn btn-primary" style="margin-top: 8px; margin-left: 1300p
x"
oncl
ick="javascript:Navigate(<%#Eval("SafetyCommentId") %>);">
Repl
y</button></br>
</div>
<%--This is
AutoGenerated Comment Section For Edit And Delete--%>
<div id="Edi
tComment<%#Eval("SafetyCommentId") %>" style="display: none;">
<div id=
"Div6" style="margin-top: 8px;" align="right">

<tex
tarea id="txteditsafetycomments" value='<%#Eval("Comment") %>' placeholder="Writ
e your Comment..."
name="text-editor" class="form-control tip" rows="2" runat="server"></textarea>
</div>
<div cla
ss="clearfix">
<div
class="form-group">
<label>
Please Upload only images and videos.</label>
<asp:HiddenField ID="hdnSafetyCommentUpdate" runat="server" Value="0" />
</di
v>
<div
class="form-group">
<asp:FileUpload ID="editSafetyCommentFileUpload" class="multi" runat="server" />
<div class="sendBar fltr">
<asp:Button ID="Button3" runat="server" class="btn btn-primary" OnClick="btn
UpdateComment_Click"
CommandName="btnUpdateComment" Text="Update Comment" />
</div>
</di
v>
<div
class="clear">
</di
v>
</div>
</div>
<%--This is
End of AutoGenerated Comment Section For Edit And Delete--%>
<div id="dco
mment<%#Eval("SafetyCommentId") %>" style="display: none;">
<asp:Hid
denField ID="hdnSafetyCommentForResponse" Value='<%#Eval("SafetyCommentId") %>'
runa
t="server" />
<div cla
ss="overflowHide maxTabledata" id="divRequireSafetyCommetReply" runat="server">
<tab
le class="table blueTable">
<tbody>
<asp:Repeater ID="rptReply" runat="server" OnItemDataBound="rptReply_ItemDat
aBound">
<ItemTemplate>
<img width="50" height="50" id="ReplylistImages" runat="server" visi

ble="false" />
<tr id="ReplySection<%#Eval("SafetyCommentResponseId") %>">
<td style="min-width: 120px; max-width: 120px;">
<asp:Label ID="lblCommentUserName" runat="server"></asp:Labe
l>
<asp:Label ID="lblCrestedDate" runat="server" Text='<%#Eval(
"CreatedDate","{0:d/M/yyyy hh:mm:ss tt}") %>'></asp:Label>
</td>
<td style="min-width: 120px; max-width: 120px;">
<asp:Label ID="lblCommentResponse" runat="server" Text='<%#E
val("CommentResponse") %>'></asp:Label>
</td>
<td>
<a class="tipR" onclick="javascript:DocumentOpen(<%#Eval("Sa
fetyCommentResponseId") %>);">
<i id="liDropdown" class="fa fa-link"></i></a>
<div id="Responsecomment<%#Eval("SafetyCommentResponseId") %
>" style="border: 1px solid #f00;
background: #fff; position: absolute; display: none; z-i
ndex: 1; padding: 10px">
<asp:HiddenField ID="hiidnSafetyCommentResponseID" runat
="server" Value='<%#Eval("SafetyCommentResponseId") %>' />
<ul id="ulReply" runat="server">
</ul>
</div>
</td>
<td>
<a class="tipR" onclick="javascript:ReplyEdtDlte(<%#Eval("Sa
fetyCommentResponseId") %>);">
<i id="I1" class="fa fa-angle-double-down marg-right-5">
</i></a>
<div id="ReplyEditDelete<%#Eval("SafetyCommentResponseId") %
>" style="border: 1px solid #f00;
background: #fff; position: absolute; display: none; z-i
ndex: 1; padding: 10px">
<ul id="ulEditDelete" style="cursor: pointer;" runat="se

rver">
<li><a onclick="javascript:NavigateReply(<%#Eval("Sa
fetyCommentResponseId") %>);">Edit</a></li>
<li><a onclick="javascript:NavigateDeleteReply(<%#Ev
al("SafetyCommentResponseId") %>);">
Delete</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td colspan="4" id="repeatedComment" runat="server">
<div class="clearfix" id="EditReply<%#Eval("SafetyCommentRes
ponseId") %>" style="margin-left: 150px;
display: none;">
<div id="Div1" style="margin-top: 8px;" align="right">
<textarea id="txtUpdateReply" value='<%#Eval("Commen
tResponse") %>' placeholder="Write your Reply..."
name="text-editor" class="form-control tip" rows
="2" runat="server"></textarea>
</div>
<div class="clearfix">
<div class="form-group">
<label>
Please Upload only images and videos.
<%-- Please Upload only image files.--%></la
bel>
<asp:HiddenField ID="hdnSafetyCommentResponse" r
unat="server" Value="0" />
</div>
<div class="form-group">
<asp:FileUpload ID="editReplyFileUpload" class="
multi" runat="server" />
<div class="sendBar fltr">

<asp:Button ID="Button4" runat="server" clas


s="btn btn-primary" CommandName="btnEditReply"
OnClick="btnEditReply_Click" Text="Updat
e Reply" />
</div>
</div>
</div>
<div class="clear">
</div>
</div>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</tbody>
</ta
ble>
</div>
<div id=
"dynamiccmt" style="margin-left: 150px; display: block;">
<div
id="Div1" style="margin-top: 8px;" align="right">
<textarea id="txtReplyComments" placeholder="Write your Reply..." name="text-edi
tor"
class="form-control tip" rows="2" runat="server"></textarea>
<asp:RequiredFieldValidator ID="requireSafetyComment" runat="server" ControlToVa
lidate="txtReplyComments"
Display="Dynamic" ErrorMessage="Required Reply Comments" ValidationGroup="vg
Save"></asp:RequiredFieldValidator>
</di
v>
<div
class="clearfix">
<div class="form-group">
<label>
Please Upload only images and videos.
<%-- Please Upload only image files.--%></label>
<asp:HiddenField ID="hdnSafetyCommentResponse" runat="server" Value="0" />

</div>
<div class="form-group">
<asp:FileUpload ID="FileUpload2" class="multi" runat="server" />
<div class="form-group">
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ErrorMessage="R
equired"
ControlToValidate="FileUpload2" runat="server" Display="Dynamic" Val
idationGroup="vgSave" />
<asp:Button ID="Button4" runat="server" class="btn btn-primary" OnClick=
"btnCommentReply_Click"
Text="Add Reply" />
</div>
</div>
<div class="clear">
</div>
<div class="col-xs-12">
<asp:Repeater ID="rptCommentReplyDocuments" OnItemDataBound="rptCommentReply
Documents_ItemDataBound"
runat="server">
<ItemTemplate>
<asp:HiddenField ID="hdnReplyCommentDocumentView" runat="server" Val
ue="block" />
<div id="divReplyCommentDocument" runat="server" class="form-group">
<div id="divReplyCommentPath" runat="server" class="col-xs-12" t
itle='<%#Eval("ReplyDocumentName")%>'>
<div class="pad-top5 pad-right5 fleft">
<img width="50" height="50" id="imgReplyCommentDocumentN
ame" runat="server" />
</div>
<div id="divReplyCommentDocuemntName" class="pad-top5 pad-ri
ght5 fleft" runat="server">
<a target="_blank" id="aReplyCommentDocument" runat="ser
ver">
<%#Eval("ReplyDocumentName")%></a>
</div>

<div id="divReplyCommentDelete" class="pad-top10 pad-right0


fleft" runat="server">
<img src="images/deletes.gif" alt="" />
</div>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
</di
v>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
<div class="col-xs-12 tblrow
">
<div class="clearfix">
<div id="Div6" style
="margin-top: 8px;" align="right">
<textarea id="tx
tsafetycomments" placeholder="Write your Comment..." name="text-editor"
class="formcontrol tip" rows="2" runat="server"></textarea>
</div>
<div class="clearfix
">
<div class="form
-group">
<label>
Please U
pload only images and videos.</label>
<asp:HiddenF
ield ID="hdnSafetyComment" runat="server" Value="0" />
</div>
<div class="form
-group">
<asp:FileUpl
oad ID="FileUpload1" class="multi" runat="server" />
</div>
<div class="clea
r">
</div>
<div class="send
Bar fltr">
<asp:Button
ID="btnAddComment" runat="server" ToolTip="Save" class="btn btn-primary"
OnClient
Click="Confirm()" OnClick="btnComment_Click" Text="Add Comment" />
</div>

</div>
<div class="col-xs-1
2" style="border: 1px solid yellow;">
<h1>
Hello...Worl
d</h1>
<asp:Repeater ID
="rptCommentDocuments" runat="server" OnItemDataBound="rptCommentDocuments_ItemD
ataBound">
<ItemTemplat
e>
<asp:Hid
denField ID="hdnCommentDocumentView" runat="server" Value="block" />
<div id=
"divCommentDocument" runat="server" class="form-group">
<div
id="divCommentPath" runat="server" class="col-xs-12" title='<%#Eval("CommentDoc
umentsName")%>'>
<div class="pad-top5 pad-right5 fleft">
<img width="50" height="50" id="imgCommentDocumentName" runat="server" /></d
iv>
<div id="divCommentDocuemntName" class="pad-top5 pad-right5 fleft" runat="server
">
<a target="_blank" id="aCommentDocument" runat="server">
<%#Eval("CommentDocumentsName")%></a></div>
<div id="divCommentDelete" class="pad-top10 pad-right0 fleft" runat="server">
<img src="../Images/deletes.gif" alt="" />
</div>
</di
v>
</div>
<div cla
ss="clear">
</div>
</ItemTempla
te>
</asp:Repeater>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Dynamic Design End --->
<div class="row">
<div class="col-md-12">
<div class="commentMain clearfix
">
<div class="headings colorNa
vy marg-top-15">
<span>Comment</span></di
v>

<hr />
<div class="mainComment clea
rfix">
<div class="userMainComm
ent">
<div class="row">
<div class="colmd-8">
<div class="
userImg">
<img src
="../Images/emps.jpg" />
</div>
<div class="
overflowHide clearfix">
<div cla
ss="userName">Boley Barnes</div>
<div cla
ss="noteComment">
Ther
e are many variations of passages of Lorem Ipsum available, but the majority
have
suffered alteration in some form, by injected humour, or randomised words which
don'
t look even slightly believable.
</div>
<button
data-original-title="Reply" class="btnR btn-primary tipB ">Reply<//button>
</div>
</div>
<div class="colmd-4">
<div class="
fltr clearfix">
<div cla
ss="dateTime flft">
10/1
1/2016 11:16:36 AM
</div>
<div cla
ss="iconGroups flft">
<spa
n class="viewImg"><i class="fa fa-eye tipB" data-original-title="View"aria-hidde
n="true"></i>
<ul>
<li>Image 01</li>
<li>Image 02</li>
</ul>
</sp
an>
<spa
n class="addEditLInk"><i class="fa fa-angle-down tipB" data-original-title="Add/
Edit" aria-hidden="true"></i>
<ul>

<div class="arrow-up"></div>
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
</ul>
</sp
an>
</div>
</div>
</div>
</div>
</div>
<div class="replyComment
">
<div class="row">
<div class="colmd-12">
<div class="subR
eply clearfix">
<div class="row"
>
<div cla
ss="col-md-8">
<div class="
userImg">
<img src
="../Images/emps.jpg">
</div>
<div class="
overflowHide clearfix">
<div cla
ss="userName">Albert Alejandro</div>
<div cla
ss="noteComment">
It i
s a long established fact that a reader will be distracted by the readable conte
nt
of a
page when looking at its layout. The point of using Lorem Ipsum is that it
has
a more-or-less normal distribution of letters,
</div>
</div>
</div>
<div class="
col-md-4">
<div class="
fltr clearfix">
<div cla
ss="dateTime flft">
10/1
1/2016 11:16:36 AM
</div>
<div cla
ss="iconGroups flft">
<spa

n class="viewImg"><i class="fa fa-eye tipB" data-original-title="View"aria-hidde


n="true"></i>
<ul>
<li>Image 01</li>
<li>Image 02</li>
</ul>
</sp
an>
<spa
n class="addEditLInk"><i class="fa fa-angle-down tipB" data-original-title="Add/
Edit" aria-hidden="true"></i>
<ul>
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
</ul>
</sp
an>
</div>
</div>
<%--<div cla
ss="fltr clearfix">
<div cla
ss="dateTime flft">
10/1
1/2016 11:16:36 AM
</div>
<div cla
ss="iconGroups flft">
<a h
ref="javascript:void(0);"><i class="fa fa-eye tipB" data-original-title="View" a
ria-hidden="true"></i></a><a href="javascript:void(0);"><i class="fa fa-angle-do
wn tipB" data-original-title="Add/Edit" aria-hidden="true"></i></a>
</div>
</div>--%>
</div>
</div>
</div>
<div class="subR
eply clearfix">
<div class="row"
>
<div cla
ss="col-md-8">
<div class="
userImg">
<img src
="../Images/Hands.JPG">
</div>
<div class="
overflowHide clearfix">
<div cla
ss="userName">Stephen Dennis</div>

<div cla
ss="noteComment">
Where
does it come from?
Contr
ary to popular belief, Lorem Ipsum is not simply random text. It has roots in a
piece of classical
Latin
literature from 45 BC
</div>
</div>
</div>
<div class="
col-md-4">
<div class="
fltr clearfix">
<div cla
ss="dateTime flft">
10/1
1/2016 11:16:36 AM
</div>
<div cla
ss="iconGroups flft">
<spa
n class="viewImg"><i class="fa fa-eye tipB" data-original-title="View"aria-hidde
n="true"></i>
<ul>
<li>Image 01</li>
<li>Image 02</li>
</ul>
</sp
an>
<spa
n class="addEditLInk"><i class="fa fa-angle-down tipB" data-original-title="Add/
Edit" aria-hidden="true"></i>
<ul>
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
</ul>
</sp
an>
</div>
</div>
<%--<div cla
ss="fltr clearfix">
<div cla
ss="dateTime flft">
10/1
1/2016 11:16:36 AM
</div>

<div cla
ss="iconGroups flft">
<a h
ref="javascript:void(0);"><i class="fa fa-eye tipB" data-original-title="View" a
ria-hidden="true"></i></a><a href="javascript:void(0);"><i class="fa fa-angle-do
wn tipB" data-original-title="Add/Edit" aria-hidden="true"></i></a>
</div>
</div>--%>
</div>
</div>
</div>
</div>
<div class="colmd-11 marg-left-60">
<div class=
"commentEdit">
<tex
tarea id="Textarea2" placeholder="Reply Comment..." name="text-editor" class="fo
rm-control tip"
rows="1" runat="server"></textarea>
<a c
lass="attachFile" title="tipB"><i class="fa fa-paperclip tipL" data-original-tit
le="Please Upload only images and videos."
aria-hidden="true"></i></a>
</div>
<button
class="btn btn-primary fltr">Reply Comment</button>
</div>
</div>
</div>
</div>
<div class="mainComment clea
rfix">
<div class="userMainComm
ent">
<div class="row">
<div class="colmd-8">
<div class="
userImg">
<img src
="../Images/building Sml2.jpg" />
</div>
<div class="
overflowHide clearfix">
<div cla
ss="userName">Jeremy Rodney</div>
<div cla
ss="noteComment">
Variou
s versions have evolved over the years, sometimes by accident,
someti
mes on purpose (injected humour and the like).
</div>

<button
data-original-title="Reply" class="btnR btn-primary tipB ">Reply<//button>
</div>
</div>
<div class="colmd-4">
<div class="
fltr clearfix">
<div cla
ss="dateTime flft">
10/1
1/2016 11:16:36 AM
</div>
<div cla
ss="iconGroups flft">
<spa
n class="viewImg"><i class="fa fa-eye tipB" data-original-title="View"aria-hidde
n="true"></i>
<ul>
<li>Image 01</li>
<li>Image 02</li>
</ul>
</sp
an>
<spa
n class="addEditLInk"><i class="fa fa-angle-down tipB" data-original-title="Add/
Edit" aria-hidden="true"></i>
<ul>
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
</ul>
</sp
an>
</div>
</div>
</div>
</div>
</div>
<div class="replyComment
" style="display:none">
<div class="row">
<div class="colmd-12">
<div class="subR
eply clearfix">
<div class="row"
>
<div cla
ss="col-md-8">
<div class="
userImg">
<img src

="../Images/emps.jpg">
</div>
<div class="
overflowHide clearfix">
<div cla
ss="userName">Andrew HenryENRY</div>
<div cla
ss="noteComment">
The
standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those
interested.
Sect
ions 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also
reproduced in their exact original form,
acco
mpanied by English versions from the 1914 translation by H. Rackham.
</div>
</div>
</div>
<div class="
col-md-4">
<div class="
fltr clearfix">
<div cla
ss="dateTime flft">
10/1
1/2016 11:16:36 AM
</div>
<div cla
ss="iconGroups flft">
<spa
n class="viewImg"><i class="fa fa-eye tipB" data-original-title="View"aria-hidde
n="true"></i>
<ul>
<li>Image 01</li>
<li>Image 02</li>
</ul>
</sp
an>
<spa
n class="addEditLInk"><i class="fa fa-angle-down tipB" data-original-title="Add/
Edit" aria-hidden="true"></i>
<ul>
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
</ul>
</sp
an>
</div>
</div>

</div>
</div>
</div>
</div>
<div class="colmd-11 marg-left-60">
<div class=
"commentEdit">
<tex
tarea id="Textarea3" placeholder="Reply Comment..." name="text-editor" class="fo
rm-control tip"
rows="1" runat="server"></textarea>
<a c
lass="attachFile" title="tipB"><i class="fa fa-paperclip tipL" data-original-tit
le="Please Upload only images and videos."
aria-hidden="true"></i></a>
</div>
<button
class="btn btn-primary fltr">Reply Comment</button>
</div>
</div>
</div>
</div>
<div class="mainComment clea
rfix">
<div class="userMainComm
ent">
<div class="row">
<div class="colmd-8">
<div class="
userImg">
<img src
="../Images/TribeOne.jpg" />
</div>
<div class="
overflowHide clearfix">
<div cla
ss="userName">Adalberto Padwa</div>
<div cla
ss="noteComment">
Variou
s versions have evolved over the years, sometimes by accident,
someti
mes on purpose (injected humour and the like).
</div>
<button
data-original-title="Reply" class="btnR btn-primary tipB ">Reply<//button>
</div>
</div>
<div class="colmd-4">
<div class="
fltr clearfix">
<div cla
ss="dateTime flft">

10/1
1/2016 11:16:36 AM
</div>
<div cla
ss="iconGroups flft">
<spa
n class="viewImg"><i class="fa fa-eye tipB" data-original-title="View"aria-hidde
n="true"></i>
<ul>
<li>Image 01</li>
<li>Image 02</li>
</ul>
</sp
an>
<spa
n class="addEditLInk"><i class="fa fa-angle-down tipB" data-original-title="Add/
Edit" aria-hidden="true"></i>
<ul>
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
</ul>
</sp
an>
</div>
</div>
</div>
</div>
</div>
<div class="replyComment
" style="display:none">
<div class="row">
<div class="colmd-12">
<div class="subR
eply clearfix">
<div class="row"
>
<div cla
ss="col-md-8">
<div class="
userImg">
<img src
="../Images/emps.jpg">
</div>
<div class="
overflowHide clearfix">
<div cla
ss="userName">Andrew HenryENRY</div>
<div cla
ss="noteComment">
The
standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those

interested.
Sect
ions 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also
reproduced in their exact original form,
acco
mpanied by English versions from the 1914 translation by H. Rackham.
</div>
</div>
</div>
<div class="
col-md-4">
<div class="
fltr clearfix">
<div cla
ss="dateTime flft">
10/1
1/2016 11:16:36 AM
</div>
<div cla
ss="iconGroups flft">
<spa
n class="viewImg"><i class="fa fa-eye tipB" data-original-title="View"aria-hidde
n="true"></i>
<ul>
<li>Image 01</li>
<li>Image 02</li>
</ul>
</sp
an>
<spa
n class="addEditLInk"><i class="fa fa-angle-down tipB" data-original-title="Add/
Edit" aria-hidden="true"></i>
<ul>
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
</ul>
</sp
an>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="colmd-11 marg-left-60">
<div class=
"commentEdit">
<tex

tarea id="Textarea4" placeholder="Reply Comment..." name="text-editor" class="fo


rm-control tip"
rows="1" runat="server"></textarea>
<a c
lass="attachFile" title="tipB"><i class="fa fa-paperclip tipL" data-original-tit
le="Please Upload only images and videos."
aria-hidden="true"></i></a>
</div>
<button
class="btn btn-primary fltr">Reply Comment</button>
</div>
</div>
</div>
</div>
<div class="commentBox margtop-10">
<div class="commentEdit"
>
<div>
<textarea id="Te
xtarea1" placeholder="Write your Comment..." name="text-editor" class="form-cont
rol tip"
rows="2" run
at="server"></textarea>
<a class="attach
File" title="tipB"><i class="fa fa-paperclip tipL" data-original-title="Please U
pload only images and videos."
aria-hidden=
"true"></i></a>
</div>
</div>
<%-- <div class="uploadIm
age">--%>
<%-<div class="titl
es">Upload Documents</div>
<hr />--%>
<div class="listDoc"
>
<ul>
<li>
<span><img s
rc="../Images/Hands.jpg"></span>
<span><a hre
f="javascript:void(0);">image.jpg</a></span>
<span><a hre
f="javascript:void(0);" title="Remove"><i class="fa fa-times" aria-hidden="true"
></i></a></span>
</li>
<li>
<span><img s
rc="../Images/Hands.jpg"></span>
<span><a hre
f="javascript:void(0);">image.jpg</a></span>
<span><a hre
f="javascript:void(0);" title="Remove"><i class="fa fa-times" aria-hidden="true"
></i></a></span>

</li>
<li>
<span><img s
rc="../Images/Hands.jpg"></span>
<span><a hre
f="javascript:void(0);">image.jpg</a></span>
<span><a hre
f="javascript:void(0);" title="Remove"><i class="fa fa-times" aria-hidden="true"
></i></a></span>
</li>
.
</ul>
</div>
</div>
<button class="btn btn-p
rimary fltr">
Add Comment</button>
<%-- </div>--%>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<asp:HiddenField ID="hdnRateIt" runat="server" Value="0"
/>
<asp:HiddenField ID="hdnContrSafetyID" runat="server" Va
lue="0" />
</div>
</div>
</div>
</div>
<div class="col-md-12 col-xs-12 marg-bottom-10 smallDevice clearfix">
<input type="button" value="Close" class="btn" onclick="javascript:f
uncclosebun();" />
<div class="fright">
<asp:Button ID="btnSaveItem" runat="server" OnClientClick="javas
cript:funccloseSavebun();"
ToolTip="Save" class="btn btn-primary" OnClick="btnSaveItem_
Click" Text="Save and Close"
ValidationGroup="LossControlItem" />
</div>
</div>
<div class="col-md-12 col-xs-12 marg-bottom-10 smallDevice clearfix" id=
"divAddButton"
runat="server">
<input type="button" value="Close" class="btn" />
<div class="fright">
<asp:Button ID="btnSave" runat="server" ToolTip="Save" class="bt
n btn-primary" OnClick="btnSave_Click"
Text="Save" ValidationGroup="LossControl" />
<asp:Button ID="btnSaveandClose" runat="server" ToolTip="Save an
d Continue" class="btn btn-success"
OnClick="btnSaveClose_Click" Text="Save and Continue" Valida
tionGroup="LossControl" />

</div>
</div>
</div>
<div class="row pad-top5" id="divContactInformation" runat="server" style="d
isplay: none;">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<div class="icon1">
<i class="icon20 i-user-7"></i>
</div>
<div class="panelText">
Add General Contractor <a href="#" class="minimize"></a>
</div>
</div>
<!-- End .panel-heading -->
<div class="panel-body clearfix">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="controllGroups" for="normal">
<div class="title">
Company Name <span class="errorMark">&nbsp;*
</span></div>
<asp:TextBox ID="txtSubCompanyName" runat="serve
r" CssClass="form-control tip" title="Company Name"></asp:TextBox></div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for="normal">
<div class="title">
Contact First Name <span class="errorMark">&
nbsp;*</span></div>
<asp:TextBox ID="txtSubContratorFirstName" runat
="server" CssClass="form-control tip"
title="Contact First Name"></asp:TextBox>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for="normal">
<div class="title">
Contact Last Name<span class="errorMark">&nb
sp;*</span></div>
<asp:TextBox ID="txtSubContractorLastName" runat
="server" CssClass="form-control tip"
title="Contact Last Name"></asp:TextBox>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="controllGroups" for="normal">
<div class="title">
Contact Email<span class="errorMark">&nbsp;*
</span></div>
<asp:TextBox ID="txtSubContractorEmail" runat="s
erver" CssClass="form-control tip Email"
title="Contact Email"></asp:TextBox>
</div>
</div>

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


<div class="controllGroups" for="normal">
<span class="title">Contact Phone</span>
<asp:TextBox ID="txtSubContractorPhone" runat="s
erver" CssClass="form-control tip phone_us"
title="Contact Phone"></asp:TextBox>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 marg-bottom-15 clearfix">
<button type="button" class="btn" runat="server" id="Button1" onclic
k="javascript:funcclosebun();">
Close</button>
<div class="fright">
<asp:Button ID="btnSaveContactInformation" runat="server" OnClic
k="btnSaveContactInformation_Click"
Text="Save and Close" ToolTip="Save and Close" CssClass="btn
btn-primary" />
</div>
</div>
</div>
<asp:HiddenField ID="hdfColor" runat="server" />
<input type="hidden" runat="server" id="hdnFileName" />
<input type="hidden" runat="server" id="hdncommentfilename" />
<input type="hidden" runat="server" id="hdnEditFileNames" />
<input type="hidden" runat="server" id="hdnSafetyCmtFiles" />
</div> </div> </div> </div>
<asp:HiddenField ID="hdnLossControlID" runat="server" />
<script type="text/javascript">
function Navigate(id) {
$('#dcomment' + id).css("display", "block");
var hdnSftyCmtId = document.getElementById("<%=hdnSafetyCommentId.Cl
ientID%>");
var newcsId = id;
hdnSftyCmtId.value = newcsId;
}
function Confirm() {
var comment = document.getElementById("txtsafetycomments").value;
var commentfiles = $('#<%= FileUpload1.ClientID %>').val();
var confirm_value = document.createElement("INPUT");
confirm_value.type = "hidden";
confirm_value.name = "confirm_value";
if (comment == "" && commentfiles == "") {
confirm_value.value = "No";
alert("please Enter Comments");
}
else {
confirm_value.value = "Yes";
}
document.forms[0].appendChild(confirm_value);
}

function NavigateReply(id) {
$('#EditReply' + id).css("display", "block");
$('#ReplySection' + id).css("display", "none");
}
function NavigateDeleteReply(id) {
if (confirm("Are you sure you want to delete Reply?")) {
PageMethods.DeleteReply(id, onDeleteSucess, onDeleteError);
} else {
$('#EditReply' + id).css("display", "block");
$('#ReplySection' + id).css("display", "none");
}
function onDeleteSucess(result) {
window.location = window.location;
} function onDeleteError(result) {
alert('Something wrong.');
}
}
function NavigateDeleteComment(id) {
if (confirm("Are you sure you want to delete Comment?")) {
PageMethods.DeleteComment(id, onDeleteSucess, onDeleteError);
} else {
$('#EditComment' + id).css("display", "block");
$('#CommentSection' + id).css("display", "none");
}
function onDeleteSucess(result) {
window.location = window.location;
} function onDeleteError(result) {
alert('Something wrong.');
}
}
function NavigateComment(id) {
$('#EditComment' + id).css("display", "block");
$('#CommentSection' + id).css("display", "none");
}
function DocumentOpen(id) {
if ($("#Responsecomment" + id).css('display') == "block") {
$("#Responsecomment" + id).css('display', "none");
}
else {
$("#Responsecomment" + id).css('display', "block");
}
}
function CommentDocumentOpen(id) {
if ($("#CommentDocument" + id).css('display') == "block") {
$("#CommentDocument" + id).css('display', "none");
}
else {
$("#CommentDocument" + id).css('display', "block");

}
}
function CommentEdtDlte(id) {
if ($("#CommentEditDelete" + id).css('display') == "block") {
$("#CommentEditDelete" + id).css('display', "none");
}
else {
$("#CommentEditDelete" + id).css('display', "block");
}
}
function ReplyEdtDlte(id) {
if ($("#ReplyEditDelete" + id).css('display') == "block") {
$("#ReplyEditDelete" + id).css('display', "none");
}
else {
$("#ReplyEditDelete" + id).css('display', "block");
}
}
function showHide(scid) {
$('#dcomment' + scid).css("display", "block");
}
function funcsonone(ContrSafetyId) {
var height = $(document).height() - 100;
var width = $(window).width() - 600;
if (height > 750) {
height = 750;
}
PopupCenter('addEditLossControl.aspx', width, height);
}
function funcclosebun() {
window.opener.location.reload();
window.close();
}
function funccloseSavebun() {
window.opener.location.reload(); window.close();
}
//
function OpenAddUpdate() {
//
//
alert("Hello");
//
//
var height = $(document).height() - 100;
//
//
var width = $(window).width() - 600;
//
//
//

//
//
//

if (height > 750) {


height = 750;
}

//

PopupCenter('addEditLossControl.aspx', width, height);

//
}
function AddRequiredOnAcknowledgeBy() {
var chkIsAcknowledgeBy = document.getElementById('<%=chkIsAcknowledg
eBy.ClientID%>').checked;
if (chkIsAcknowledgeBy) {
$('#<%=txtAcknowledgeBy.ClientID %>').addClass("required");
}
else {
$('#<%=txtAcknowledgeBy.ClientID %>').removeClass("required");
}
}
function AddObservationCode() {
var ddlObservationCode = document.getElementById('<%=ddlObservationC
ode.ClientID%>');
if (ddlObservationCode.value == "0") {
$('#<%=divObservationCode.ClientID %>').css("display", "block");
$('#<%=txtObservationCode.ClientID %>').addClass("required");
}
else {
$('#<%=divObservationCode.ClientID %>').css("display", "none");
$('#<%=txtObservationCode.ClientID%>').removeClass("required");
}
}
function showLossControl() {
var divItemsDetails = document.getElementById('<%=divItemsDetails.Cl
ientID %>');
var divLossControlGeneral = document.getElementById('<%=divLossContr
olGeneral.ClientID %>');
var divAddButton = document.getElementById('<%=divAddButton.ClientID
%>');
$('#<%=divItemsDetails.ClientID %>').css("display", "none");
$('#<%=divLossControlGeneral.ClientID %>').css("display", "block");
$('#<%=divAddButton.ClientID %>').css("display", "block");
}
$(document).ready(function () {
$("#form1").validate({
onfocusout: function (element) { jQuery(element).valid(); },
ignore: 'input[type="hidden"]',
rules: {
'#<%=dateofreport.UniqueID%>': {
required: true
}
}
});
});
function HideDiv(id, hdnID) {
$('#' + hdnID).val("none");
$('#' + id).css("display", "none");
}
function RemoveDragandDropDocument(docID) {

var atag = $(docID).next().children('a');


var href = atag.attr('href');
//
href.length);

var lastname = href.substring((href.lastIndexOf('/') + 1),

var hdnFileName = document.getElementById('<%=hdnFileName.ClientID %


>');
var replacevalue = (atag.text() + "~~~" + href.replace("../", "") +
";");
hdnFileName.value = hdnFileName.value.replace(replacevalue, "");
$(docID).parent().parent().remove();
}
function clickfileuploadcontrol() {
$('#<%=file_upload.ClientID %>').click();
}
$("#<%=ddlProject.ClientID %>").change(function () {
addRemoveOptionforWorksite();
});
function addRemoveOptionforWorksite() {
var ddlProject = document.getElementById('<%=ddlProject.ClientID%>')
;
var hdnProjectID = document.getElementById('<%=hdnProjectId.ClientID
%>');
hdnProjectID.value = ddlProject.value;
$("#<%=ddlWorkSite.ClientID %>").empty();
$("<option value='0'>--Select Division--</option>").appendTo("#<%=dd
lWorkSite.ClientID%>");
if (ddlProject.value != "0") {
$("#<%=ddlWorkSiteTemp.ClientID %> option").each(function (i) {
var temptext = $(this).text();
var tempvalue = $(this).val();
if (tempvalue.indexOf("-" + ddlProject.value) > -1) {
var startvalue = tempvalue.indexOf("-" + ddlProject.valu
e);
$("<option value='" + tempvalue.substring(0, startvalue)
+ "'>" + temptext + "</option>").appendTo("#<%=ddlWorkSite.ClientID%>");
}
});
}
else {
$("#<%=ddlWorkSiteTemp.ClientID %> option").each(function (i) {
var temptext = $(this).text();
var tempvalue = $(this).val();
var startvalue = tempvalue.indexOf("-"); $("<option value='"
+ tempvalue.substring(0, tempvalue.length - startvalue) + "'>" + temptext + "</
option>").appendTo("#<%=ddlWorkSite.ClientID%>");
});
}
}
$('#<%=dateofreport.ClientID %>').datetimepicker({ format: 'm/d/y h:i a'
, formatTime: 'h:i a', hours12: false, step: 30 });
$('#<%=txtReportedDate.ClientID %>').datetimepicker({ format: 'm/d/y h:i
a', formatTime: 'h:i a', hours12: false, step: 30 });
</script>
<script type="text/javascript">
$(".rateit").bind('rated', function (event, value) { $('#<%=hdnRateIt.Cl
ientID %>').val(value); });

function openAddItem() {
document.getElementById("divAddItem").setAttribute("style", "display
:block");
} function closeWidnow(isRefresh) {
if (isRefresh) {
window.location = "LossControlManagement.aspx";
} else {
window.close();
}
}
function BindRating(ratingValue) {
$(document).ready(function () {
$('.rateit').rateit('value', ratingValue);
});
}
</script>
<script>
function sendFileToServer(formData, status) {
var uploadURL = "<%=urlFileUpload %>"; //Upload URL
var extraData = {}; //Extra Data.
var jqXHR = $.ajax({
xhr: function () {
var xhrobj = $.ajaxSettings.xhr();
if (xhrobj.upload) {
xhrobj.upload.addEventListener('progress', function (eve
nt) {
var percent = 0;
var position = event.loaded || event.position;
var total = event.total;
if (event.lengthComputable) {
percent = Math.ceil(position / total * 100);
}
//Set progress
status.setProgress(percent);
}, false);
}
return xhrobj;
},
url: uploadURL,
type: "POST",
contentType: false,
processData: false,
cache: false,
data: formData,
success: function (data) {
if (data == "Failure") {
alert("Please upload only image files");
}
else {
var hdnFileName = document.getElementById('<%=hdnFileNam
e.ClientID %>');
status.setProgress(100);
hdnFileName.value += data;
var strDocs = "";
var tokens = data.split(/~~~/g);

strDocs += "<div class='form-group'>";


strDocs += "<div class='col-xs-12' title='" + tokens[0]
+ "'>";
strDocs += "<div \class='pad-top10 pad-right5 fleft' onc
lick='RemoveDragandDropDocument(this);'>";
strDocs += "<img src='../images/deletes.gif' alt='' /></
div>";
strDocs += "<div class='pad-top5 pad-right5 fleft'>";
strDocs += "<a target='_blank' href='../" + tokens[1].re
place(";", "") + "'>" + tokens[0] + "</a></div>";
strDocs += "<div class='pad-top5 pad-right0 fleft'><img
width='50',height='50' src='../" + tokens[1].replace(";", "") + "'/></div>";
$('#divDocsDragandDrop').append(strDocs);
}
}
});
status.setAbort(jqXHR);
}
var rowCount = 0;
function createStatusbar(obj) {
rowCount++;
var row = "odd";
if (rowCount % 2 == 0) row = "even";
this.statusbar = $("<div style='display:none;' class='statusbar " +
row + "'></div>");
this.filename = $("<div class='filename'></div>").appendTo(this.stat
usbar);
this.size = $("<div class='filesize'></div>").appendTo(this.statusba
r);
this.progressBar = $("<div class='progressBar'><div></div></div>").a
ppendTo(this.statusbar);
this.abort = $("<div class='abort'>Abort</div>").appendTo(this.statu
sbar);
obj.after(this.statusbar);
this.setFileNameSize = function (name, size) {
var sizeStr = "";
var sizeKB = size / 1024;
if (parseInt(sizeKB) > 1024) {
var sizeMB = sizeKB / 1024;
sizeStr = sizeMB.toFixed(2) + " MB";
}
else {
sizeStr = sizeKB.toFixed(2) + " KB";
}
this.filename.html(name);
this.size.html(sizeStr);
}
this.setProgress = function (progress) {
var progressBarWidth = progress * this.progressBar.width() / 100
;
this.progressBar.find('div').animate({ width: progressBarWidth }
, 10).html(progress + "% ");
if (parseInt(progress) >= 100) {
this.abort.hide();
}

}
this.setAbort = function (jqxhr) {
var sb = this.statusbar;
this.abort.click(function () {
jqxhr.abort();
sb.hide();
});
}
}
function handleFileUpload(files, obj) {
for (var i = 0; i < files.length; i++) {
var fd = new FormData();
fd.append('file', files[i]);
var status = new createStatusbar(obj); //Using this we can set p
rogress.
status.setFileNameSize(files[i].name, files[i].size);
sendFileToServer(fd, status);
}
}
$(document).ready(function () {
var obj = $("#dragandrophandler");
obj.on('dragenter', function (e) {
e.stopPropagation();
e.preventDefault();
$('#setBackground').css('display', 'block');
});
obj.on('dragover', function (e) {
e.stopPropagation();
e.preventDefault();
});
obj.on('drop', function (e) {
//$(this).css('border', '2px dotted #0B85A1');
e.preventDefault();
var files = e.originalEvent.dataTransfer.files;
//We need to send dropped files to Server
handleFileUpload(files, obj);
});
$(document).on('dragenter', function (e) {
e.stopPropagation();
e.preventDefault();
$('#setBackground').css('display', 'none');
});
$(document).on('dragover', function (e) {
e.stopPropagation();
e.preventDefault();
$('#setBackground').css('display', 'none');
});
$(document).on('drop', function (e) {
e.stopPropagation();
e.preventDefault();
$('#setBackground').css('display', 'none');
});

});
function LinkObservation() {
var ddlProject = document.getElementById('<%=ddlProject.ClientID %>'
);
var ddlWorkSite = document.getElementById('<%=ddlWorkSite.ClientID %
>');
var hdnLossControlID = document.getElementById('<%=hdnLossControlID.
ClientID %>');
var hndSelectProject = document.getElementById('<%=hndSelectProject.
ClientID %>');
if (ddlProject.value != 0) {
Url = "frmLinkObservation.aspx?ProjectID=" + ddlProject.value +
"&WorksiteID=" + ddlWorkSite.value + "&LossControlID=" + hdnLossControlID.value;
emailwindow = dhtmlmodal.open('EmailBox12', 'iframe', Url, '', '
width=750px,height=500px,left=250,top=200,center=1,resize=0,scrolling=1');
}
else {
alert(hndSelectProject);
}
}
function BindRatingrpt(ratingValue, ratingID) {
$('#' + ratingID).rateit();
$('#' + ratingID).rateit('value', ratingValue);
}
function ShowHideContactInfo(Info, isEdit) {
if (Info == "0") {
$('#<%= txtSubCompanyName.ClientID %>').val("");
$('#<%= txtSubContratorFirstName.ClientID %>').val("");
$('#<%= txtSubContractorLastName.ClientID %>').val("");
$('#<%= txtSubContractorEmail.ClientID %>').val("");
$('#<%= txtSubContractorPhone.ClientID %>').val("");
$('#<%= divSubContractorPackage.ClientID %>').css("display", "no
ne");
$('#<%= divContactInformation.ClientID %>').css("display", "bloc
k");
var reqProject = document.getElementById('<%=reqProject.ClientID
%>');
ValidatorEnable(reqProject, true);
var reqInspectedBy = document.getElementById('<%=reqInspectedBy.
ClientID %>');
ValidatorEnable(reqInspectedBy, true);
$('#<%=dateofreport.ClientID %>').addClass('required');
$('#<%=txtSubContratorFirstName.ClientID %>').removeClass('requi
red');
$('#<%=txtSubCompanyName.ClientID %>').removeClass('required');
$('#<%=txtSubContractorLastName.ClientID %>').removeClass('requi
red');
$('#<%=txtSubContractorEmail.ClientID %>').removeClass('required
');
var hdnUserID = document.getElementById('<%=hdnUserID.ClientID %
>');
hdnUserID.value = "0";

}
else {
$('#<%= divSubContractorPackage.ClientID %>').css("display", "no
ne");
$('#<%= divContactInformation.ClientID %>').css("display", "bloc
k");
var reqProject = document.getElementById('<%=reqProject.ClientID
%>');
ValidatorEnable(reqProject, false);
var reqInspectedBy = document.getElementById('<%=reqInspectedBy.
ClientID %>');
ValidatorEnable(reqInspectedBy, false);
$('#<%=dateofreport.ClientID %>').removeClass('required');
$('#<%=txtSubContratorFirstName.ClientID %>').addClass('required
');
$('#<%=txtSubCompanyName.ClientID %>').addClass('required');
$('#<%=txtSubContractorLastName.ClientID %>').addClass('required
');
$('#<%=txtSubContractorEmail.ClientID %>').addClass('required');
var ddlPrimeContractor = document.getElementById('<%=ddlPrimeCon
tractor.ClientID %>');
if (isEdit == "1") {
var hdnUserID = document.getElementById('<%=hdnUserID.Client
ID %>');
hdnUserID.value = ddlPrimeContractor.value;
}
}
}
</script>
</form>
</body>
</html>

Anda mungkin juga menyukai