<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.

master"
AutoEventWireup="true" CodeFile="ProjectMaster.aspx.cs" Inherits="ProjectMaster" %>

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

<script>
function deleteitem(value) {
var ID;
if (value == "btn_delete")
{
ID = document.getElementById("lbl_id").innerHTML;
$('#btn_DeleteCancel').click();
}
var dataObj = {};
dataObj.ID = ID
console.log(ID);
$.ajax({
type: "POST",
data: { name: "name" },
url: "ProjectMaster.aspx/deleteitem",
data: JSON.stringify(dataObj),
contentType: "application/json; charset=utf-8",
dataType: "json",
async: "true",
success: function (data) {
var s = data;
var alertwin = $('#alertOkCancel');
var alertcontent = $('#div_DeleteCancel');
window.location.href = window.location.href;
}

});
}

</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server">
<div class="panel-body">
<ol class="breadcrumb bc-3">
<li><a href="Dashboard.aspx">Home</a></li>
<li><a href="Dashboard.aspx">Project Master</a></li>
</ol>
<h2>Project Master</h2>
</div>
<asp:HiddenField ID="hdn_projectid" runat="server" />
<div class="form-group">

<asp:Panel ID="pnl_projectmaster" runat="server" >

<div class="panel panel-primary " data-collapsed="0">
<div class=" panel-heading">
<div class="panel-title">
<label for="field-1">Add new project</label>
</div>
<div class="panel-options">
<a href="#sample-modal" data-toggle="modal" 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-horizontal form-groups-bordered">

<div class="form-group" id="div_ProjectID&Name">

<div class="col-sm-1"></div>
<b><label for="field-1" class="col-sm-2">Project
ID:</label></b>
<div class="col-sm-3">
<div class=" input-group"
style="float:left;padding-right:12px">
<div class="input-group-addon"> <a
href="#"><i class="fa fa-database" style="font-size: initial;"></i></a> </div>
<%--<asp:DropDownList
ID="ddl_requirementid" class="form-control" runat="server" >
</asp:DropDownList>--%>
<asp:TextBox ID="txt_Projectid"
runat="server" CssClass="form-control" ReadOnly="true"
AutoPostBack="true"></asp:TextBox>
</div>
<asp:RequiredFieldValidator ID="rfv_Projectid"
runat="server" ErrorMessage="**"
ForeColor="Red"
ControlToValidate="txt_Projectid"
ValidationGroup="assign"></asp:RequiredFieldValidator>
</div>
<div runat="server" id="div_taskid">
<b><label for="field-1" class="col-sm-
2">Project Name:</label></b>
<div class="col-sm-3">
<div class=" input-group"
style="float:left;padding-right:12px">
<div class="input-group-addon"> <a
href="#"><i class="fa fa-tasks" style="font-size: initial;"></i></a> </div>
<%--<asp:DropDownList
ID="ddl_requirementid" class="form-control" runat="server" >
</asp:DropDownList>--%>
<asp:TextBox ID="txt_Projectname"
runat="server" CssClass="form-control" autocomplete="Off"></asp:TextBox>
</div>
<asp:RequiredFieldValidator
ID="rfv_Projectname" runat="server" ErrorMessage="**"
ForeColor="Red"
ControlToValidate="txt_Projectname"
ValidationGroup="assign"></asp:RequiredFieldValidator>
</div>
</div>
</div>

<div class="form-group" id="div_Projects_type&desc">

<div class="col-sm-1"></div>
<b><label for="field-1" class="col-sm-2">Project
Type:</label></b>
<div class="col-sm-3">
<div class=" input-group"
style="float:left;padding-right:12px">
<div class="input-group-addon"> <a
href="#"><i class="fa fa-file" style="font-size: initial;"></i></a> </div>
<asp:DropDownList ID="ddl_Projecttype"
class="form-control" runat="server" >
<asp:ListItem Value="--select--">--select--
</asp:ListItem>
<asp:ListItem
Value="Internal">Internal</asp:ListItem>
<asp:ListItem
Value="External">External</asp:ListItem>
<asp:ListItem
Value="CB">CB</asp:ListItem>
</asp:DropDownList>
<%--<asp:TextBox ID="txt_taskname"
TextMode="MultiLine" runat="server" CssClass="form-control"></asp:TextBox>--%>
</div>
<asp:RequiredFieldValidator
ID="rfv_Projecttype" runat="server" ErrorMessage="**" InitialValue="--select--"
ForeColor="Red"
ControlToValidate="ddl_Projecttype"
ValidationGroup="assign"></asp:RequiredFieldValidator>
</div>
<div runat="server" id="div_taskdesc">
<b><label for="field-1" class="col-sm-
2">Department:</label></b>
<div class="col-sm-3">
<div class=" input-group"
style="float:left;padding-right:12px">
<div class="input-group-addon"> <a
href="#"><i class="entypo-list-add" style="font-size: initial;"></i></a> </div>
<asp:DropDownList ID="ddl_department"
class="form-control" runat="server" >
</asp:DropDownList>
<%--<asp:TextBox ID="txt_taskname"
TextMode="MultiLine" runat="server" CssClass="form-control"></asp:TextBox>--%>
</div>
<asp:RequiredFieldValidator
ID="rfv_department" runat="server" ErrorMessage="**" InitialValue="0"
ForeColor="Red"
ControlToValidate="ddl_department"
ValidationGroup="assign"></asp:RequiredFieldValidator>
</div>
</div>
</div>

<div class="form-group" id="div_department">

<div class="col-sm-1"></div>
<b><label for="field-1" class="col-sm-2">Project
Description:</label></b>
<div class="col-sm-3" >
<div class=" input-group"
style="float:left;padding-right:12px;width:100px;height:100px;">
<div class="input-group-addon"> <a
href="#"><i class="entypo-doc-text-inv" style="font-size: initial;"></i></a> </div>
<%--<asp:DropDownList
ID="ddl_requirementid" class="form-control" runat="server" >
</asp:DropDownList>--%>
<asp:TextBox ID="txt_Projectdesc"
TextMode="MultiLine" runat="server" CssClass="form-control" AutoPostBack="true"
style="width:500px;height:100px;"></asp:TextBox>
</div>
<asp:RequiredFieldValidator
ID="rfv_Projectdesc" runat="server" ErrorMessage="**"
ForeColor="Red"
ControlToValidate="txt_Projectdesc"
ValidationGroup="assign"></asp:RequiredFieldValidator>
</div>
</div>

<div class="form-group">
<div class="col-sm-offset-4 col-sm-4">
<div class="col-lg-4">
<asp:Label ID="lbl_id" runat="server"
Visible="false"></asp:Label>
<asp:Button Text="ADD" ID="btn_add"
CssClass="btn btn-primary" runat="server" ValidationGroup="assign"
OnClick="btn_add_Click"/>
<asp:Button Text="Update" ID="btn_edit"
CssClass="btn btn-primary" runat="server" Visible="false" ValidationGroup="assign"
OnClick="btn_edit_Click"/>
</div>
<div class="col-lg-4">
<asp:Button Text="Reset" ID="btn_Reset"
CssClass="btn btn-primary" runat="server" OnClick="btn_Reset_Click"/>
</div>
<div class="col-lg-4">
<asp:Button Text="Back" ID="btn_back"
CssClass="btn btn-primary" runat="server" OnClick="btn_back_Click"/>
</div>
</div>
</div>

</div>
</div>
</div>
</asp:Panel>

<asp:Panel ID="pnl_GridProjectView" runat="server" >

<div class="panel panel-primary" data-collapsed="0">
<div class="panel-heading">
<div class="panel-title">
<label for="field-1" >Projects </label>
<asp:Label ID="lbl_requestid" runat="server"
ForeColor="Black" Font-Bold="true" Font-Size="Medium"></asp:Label>
</div>
<div class="panel-options">
<a href="#sample-modal" data-toggle="modal" 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">
 <asp:gridview id="grd_project" runat="server"
AutoGenerateColumns="false" class="table table-bordered datatable">
<columns>
<asp:templatefield headertext="sno" HeaderStyle-
Width="10%" ItemStyle-Width="10%">
<itemtemplate>
<%#Container.DataItemIndex+ 1%>
</itemtemplate>
</asp:templatefield>
<asp:TemplateField HeaderText="ID" Visible="false">
<ItemTemplate>
<asp:Label ID="lbl_IDGrd" runat="server"
Text='<%# Eval("p_id") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:boundfield datafield="p_id" headertext="id"
headerstyle-cssclass="hide" itemstyle-cssclass="hide" />
<asp:boundfield datafield="project_id"
headertext="Project ID" HeaderStyle-Width="10%" ItemStyle-Width="10%"/>
<asp:boundfield datafield="project_name"
headertext="Project Name" HeaderStyle-Width="14%" ItemStyle-Width="14%"/>
<asp:boundfield datafield="project_type"
headertext="Project Type" HeaderStyle-Width="10%" ItemStyle-Width="10%"/>
<asp:boundfield datafield="department"
headertext="Department" HeaderStyle-Width="10%" ItemStyle-Width="10%"/>
<asp:boundfield datafield="description"
headertext="Description" HeaderStyle-Width="40%" ItemStyle-Width="40%"/>
<asp:TemplateField HeaderText="Action" HeaderStyle-
Width="10%" ItemStyle-Width="10%">
<ItemTemplate >
<asp:LinkButton ID="lnk_projectEdit"
runat="server" text='<i class="fa fa-edit"></i>'
font-size="large"
OnCommand="lnk_projectEditClick" CommandArgument='<%#Eval("p_id") %>'
EnableViewState="true"
ToolTip="Edit"></asp:LinkButton> &nbsp;
<asp:LinkButton ID="lnk_projectDelete"
runat="server" text='<i class="entypo-trash"></i>'
font-size="large"
OnCommand="lnk_projectDeleteClick" CommandArgument='<%#Eval("p_id") %>'
EnableViewState="true"
ToolTip="Delete"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>

</columns>
</asp:gridview>
</div>
</div>
</asp:Panel>

</div>

<script type="text/javascript">
$(function () {
// Setup - add a text input to each footer cell
$("#ContentPlaceHolder1_grd_project").prepend($
("<thead></thead><tfoot></tfoot>").append($
("#ContentPlaceHolder1_grd_project").find("tr:first")));
 var table = $("#ContentPlaceHolder1_grd_project").dataTable({
"lengthMenu": [[6, 10, 15, -1], [6, 10, 15, "All"]],
"aaSorting": [],
"deferRender": true,
"sDom": 'C<"clear">lfrtip'
});
});
</script>

</asp:Content>