<%@ Page Title="Project status report" Language="C#"

MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
CodeFile="ProjectStatus.aspx.cs" Inherits="ProjectStatus" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
runat="Server">
<script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.quicksearch.js"></script>
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
<div class="panel-body">
<ol class="breadcrumb bc-3 ">
<li><a href="Dashboard.aspx">Dashboard</a></li>
<li><a href="ProjectStatus.aspx">Project Status</a></li>
</ol>
<h2>Project / Task Status Report</h2>
</div>
<asp:HiddenField runat="server" ID="getGridData" />
<div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="panel-title">
Project / Task Status Report
</div>
<div class="panel-options">
<a href="#sample-model" data-doggle="model" data-
target="" class="bg"><i class="entypo-cog"></i></a>
<a href="#" data-rel="collapse"><i class="entypo-down-
open"></i></a>
<a href="#" data-rel="reload"><i class="entypo-arrows-
ccw"></i></a>
<a href="#" data--rel="close"><i class="entypo-
cancel"></i></a>
</div>
</div>
<div class="panel-body">
<div class="form-group">
<label for="field-1" runat="server" class="col-sm-4
control-label">
</label>
<div class="col-sm-5">
<table>
<tr>
<td>
<input type="radio"
id="chk_RequestDetails" runat="server">
Request Details<br>
<%-- <asp:CheckBox
ID="chk_RequestDetails" runat="server" Text="Request Details"
AutoPostBack="true" />--%>&nbsp;&nbsp;&nbsp;
</td>

<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<
/td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<
/td>

<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<
/td>
<td>
<input type="radio"
id="chk_TaskDetails" runat="server">
Task Details<br>
<%-- <asp:CheckBox
ID="chk_TaskDetails" runat="server" Text="Task Details" AutoPostBack="true"/>--
%>&nbsp;&nbsp;&nbsp;
</td>

</tr>
</table>
</div>
</div>

<br />
<br />
<div class="form-group">
<label for="field-2" runat="server" class="col-sm-4
control-label">
From and To Date
</label>
<div class="col-sm-5">
<div class="input-group minimal">
<span class="input-group-addon"><i class="fa
fa-calendar"></i></span>
<asp:TextBox ID="txt_ProjectReport"
AutoComplete="off" AutoPostBack="true" class="form-control daterange add-ranges"
runat="server"
CausesValidation="true"></asp:TextBox>
</div>
</div>
<asp:RequiredFieldValidator ValidationGroup="Report"
ID="rfv_ProjectReport" runat="server" ControlToValidate="txt_ProjectReport"
ForeColor="Red" Text="***"></asp:RequiredFieldValidator>

</div>
<br />
<br />
<div class="form-group">
<label for="field-3" runat="server" class="col-sm-4
control-label">
Team
</label>
<div class="col-sm-5">
<div class="input-group minimal">
<span class="input-group-addon"><i
class="entypo-users"></i></span>
<asp:DropDownList ID="ddl_TeamName"
Visible="true" CausesValidation="true" CssClass="form-control"
runat="server"></asp:DropDownList>
</div>
</div>
</div>
<br />
 <br />
<div class="form-group">
<div class="col-sm-offset-4 col-sm-4">
<div class="col-lg-4">
<asp:Button ID="btn_Report" runat="server"
ValidationGroup="Report" CssClass="btn btn-green" OnClick="btnReport_OnClick"
Text="Report" />
</div>
<%-- <div class="col-lg-4">
<asp:Button ID="btnBack" runat="server"
CssClass="btn btn-primary" OnClick="btnBack_OnClick" Text="Back" />
</div>--%>
<div class="col-lg-4">
<asp:Button ID="btn_Clear" runat="server"
CssClass="btn btn-gold" OnClick="btnClear_OnClick" Text="Clear" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<asp:Panel ID="pnl_grdReport" runat="server" Visible="false">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="panel-title">
Project / Task Status Report Table
</div>
<div class="panel-options">
<a href="#sample-model" data-toggle="model" data-target=""
class="bg">
<i class="entypo-cog"></i></a>
<a href="#" data-rel="collapse"><i class="entypo-down-
open"></i></a>
<a href="#" data-rel="reload"><i class="entypo-arrows-
ccw"></i></a>
<a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
</div>
</div>
<%-- CssClass="table table-striped table-bordered table-hover"--%>
<div class="panel-body">
<div class="form-group">
<script type="text/javascript">
jQuery(document).ready(function ($) {

var rawJSONStr = $('#<%=getGridData.ClientID

%>').val();
console.log(rawJSONStr);
var conJSONS = JSON.parse(rawJSONStr);
console.log(conJSONS);
<% if (chk_RequestDetails.Checked == true)%>
<%{%>
for (var iElm = 0; iElm < conJSONS.length; iElm++) {
$("#userDetails").find('tbody').append
('<tr width="20px"><td width="20px">' +
parseFloat(iElm + 1)
+ '</td><td>' + conJSONS[iElm].assigned_by
+ '</td><td>' + conJSONS[iElm].ProjectIDName
 + '</td><td>' + conJSONS[iElm].requestedid
+ '</td><td>' + conJSONS[iElm].YetToStart
+ '</td><td>' + conJSONS[iElm].WIP
+ '</td><td>' + conJSONS[iElm].Hold
+ '</td><td>' + conJSONS[iElm].SignOff
+ '</td><td>' + conJSONS[iElm].Cancelled
+ '</td><td>' + conJSONS[iElm].Completed);
}
<% }%>
<%if (chk_TaskDetails.Checked == true)%>
<%{%>
for (var iElm = 0; iElm < conJSONS.length; iElm++) {
$("#userDetails").find('tbody').append
('<tr width="20px"><td width="20px">' +
parseFloat(iElm + 1)
+ '</td><td>' + conJSONS[iElm].assigned_by
+ '</td><td>' + conJSONS[iElm].ProjectIDName
+ '</td><td>' + conJSONS[iElm].requestedid
+ '</td><td>' + conJSONS[iElm].alloted_to
+ '</td><td>' + conJSONS[iElm].TotalTask
+ '</td><td>' + conJSONS[iElm].YetToStart
+ '</td><td>' + conJSONS[iElm].WIP
+ '</td><td>' + conJSONS[iElm].Hold
+ '</td><td>' + conJSONS[iElm].Completed);
}
<%}%>
var $table3 = jQuery("#userDetails");

//var table3 = $table3.DataTable({

// "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50,
"All"]]
//});

var table3 = $table3.DataTable({

// dom: 'Bfrtip',
// buttons: [
//'copyHtml5',
//'excelHtml5',
//'pdfHtml5'
// ]
dom: 'Bfrtip',
buttons: [
'copy', 'excel', 'pdf', 'csv'
]

});

// Initalize Select Dropdown after DataTables is

created

$table3.closest('.dataTables_wrapper').find('select').select2({
minimumResultsForSearch: -1
});

// Setup - add a text input to each footer cell

$('#userDetails tfoot th').each(function () {
var title = $('#userDetails thead th').eq($
(this).index()).text();
$(this).html('<input type="text" class="form-
control" placeholder="Search ' + title + '" />');
});

// Apply the search

table3.columns().every(function () {
var that = this;

$('input', this.footer()).on('keyup change',

function () {
if (that.search() !== this.value) {
that
.search(this.value)
.draw();
}
});
});
});
</script>
<table class="table table-bordered datatable" id="userDetails">
<caption class="center"> ProjectStatus </caption>
<% if (chk_TaskDetails.Checked == true) %>
<%{ %>
<thead>
<tr class="replace-inputs">
<th class="center" >SI.No.</th>
<th class="center">Team</th>
<th class="center">Project Name</th>
<th class="center">Request ID</th>
<th class="center">Task By</th>
<th class="center">No.of Tasks</th>
<th class="center">Yet To Start</th>
<th class="center">Working In Progress</th>
<th class="center">Hold</th>
<th class="center">Completed</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<th class="center">SI.No.</th>
<th class="center">Team</th>
<th class="center">Project Name</th>
<th class="center">Request ID</th>
<th class="center">Task By</th>
<th class="center">No.of Tasks</th>
<th class="center">Yet To Start</th>
<th class="center">Working In Progress</th>
<th class="center">Hold</th>
<th class="center">Completed</th>
</tr>
</tfoot>
<%} %>
<% if (chk_RequestDetails.Checked == true) %>
<%{ %>
<thead>
<tr class="replace-inputs">
<th class="center">SI.No.</th>
<th class="center">Team</th>
 <th class="center">Project Name</th>
<th class="center">Request ID</th>
<th class="center">Yet To Start</th>
<th class="center">Working In Progress</th>
<th class="center">Hold</th>
<th class="center">SignOff</th>
<th class="center">Cancelled</th>
<th class="center">Completed</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<th class="center">SI.No.</th>
<th class="center">Team</th>
<th class="center">Project Name</th>
<th class="center">Request ID</th>
<th class="center">Yet To Start</th>
<th class="center">Working In Progress</th>
<th class="center">Hold</th>
<th class="center">SignOff</th>
<th class="center">Cancelled</th>
<th class="center">Completed</th>
</tr>
</tfoot>
<%} %>
</table>
</div>
</div>
</div>
</asp:Panel>
</asp:Content>