550 lines
11 KiB
PHP
550 lines
11 KiB
PHP
<?php
|
|
defined('BASEPATH') OR exit('No direct script access allowed');
|
|
|
|
?><!DOCTYPE html>
|
|
<html lang="en" id="mydoc" onkeyup="saveEdits(event)">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<title></title>
|
|
<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
|
|
<style type="text/css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
|
|
.page_break { page-break-before: always; }
|
|
#page_break { page-break-before: always; }
|
|
/*.page { width: 100%; height: 95%; }*/
|
|
@page {
|
|
margin: 100px 50px;
|
|
/*font-family:Helvetica,Arial;*/
|
|
font-family:Merriweather;
|
|
}
|
|
header {
|
|
position: fixed;
|
|
top: -70px;
|
|
left: 0px;
|
|
right: 0px;
|
|
height: 20px;
|
|
|
|
/** Extra personal styles **/
|
|
/*background-color: #03a9f4;
|
|
color: white;*/
|
|
text-align: right;
|
|
/*line-height: 35px;*/
|
|
}
|
|
footer {
|
|
position: fixed;
|
|
bottom: 5px;
|
|
left: 0px;
|
|
right: 0px;
|
|
height: 20px;
|
|
font-size: 10px;
|
|
|
|
/** Extra personal styles **/
|
|
/*background-color: #03a9f4;
|
|
color: white;*/
|
|
text-align: left;
|
|
/*line-height: 35px;*/
|
|
}
|
|
|
|
.non-editable{ background-color:#99ff99; }
|
|
|
|
.table2 {
|
|
border: 1px solid black;
|
|
width: 100%;
|
|
}
|
|
.table2 td {
|
|
border: 1px solid black;
|
|
height: 50px;
|
|
text-align: center;
|
|
}
|
|
.table2 th {
|
|
border: 1px solid black;
|
|
height: 50px;
|
|
text-align: center;
|
|
}
|
|
.table2 {
|
|
border-collapse: collapse;
|
|
}
|
|
tfoot{
|
|
color:#e00201;
|
|
}
|
|
|
|
.simpletable, .simpletable th, .simpletable td {
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
/* ######### Mini Score Card Table Styles######### */
|
|
|
|
.mini_scorecard_table {
|
|
width: 100%;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
.mini_scorecard_table td, .mini_scorecard_table th {
|
|
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
.mini_scorecard_table th {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
text-align: center;
|
|
background-color: #0191ed;
|
|
color: white;page-break-inside: avoid;
|
|
|
|
}
|
|
/* #########End of Mini Score Card Table Styles######### */
|
|
|
|
|
|
/* #########End of Mini Score Card Div Styles######### */
|
|
#rcorners_green {
|
|
|
|
background: #33cc33;
|
|
padding: 3px;
|
|
width: 75px;
|
|
height: 5px;
|
|
}
|
|
#rcorners_red {
|
|
|
|
background: red;
|
|
padding: 3px;
|
|
width: 75px;
|
|
height: 5px;
|
|
}
|
|
#rcorners_light_green {
|
|
|
|
background: #99ff66;
|
|
padding: 3px;
|
|
width: 75px;
|
|
height: 5px;
|
|
}
|
|
#rcorners_amber{
|
|
|
|
background: #ff9900;
|
|
padding: 3px;
|
|
width: 75px;
|
|
height: 5px;
|
|
}
|
|
|
|
/* #########End of Mini Score Card DIv Styles######### */
|
|
|
|
|
|
|
|
|
|
/* #########Score Card Table Styles######### */
|
|
|
|
.scorecard_table {
|
|
/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
|
|
/*font-family: Merriweather;*/
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
.scorecard_table td, .scorecard_table th {
|
|
border: 1px solid #000;
|
|
padding: 8px;
|
|
page-break-inside: avoid;
|
|
|
|
|
|
}
|
|
|
|
.scorecard_table tr:nth-child(even){background-color: #f2f2f2;page-break-inside: avoid; }
|
|
|
|
.scorecard_table tr:hover {background-color: #ddd;}
|
|
|
|
.scorecard_table th {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
text-align: center;
|
|
background-color: #0191ed;
|
|
color: white;page-break-inside: avoid;
|
|
|
|
}
|
|
/* #########End of Score Card Table Styles######### */
|
|
|
|
/* #########Score Card for personal assest section table getting overlapped ######### */
|
|
|
|
.scorecard_table_resonal_assest {
|
|
/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
|
|
/*font-family: Merriweather;*/
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.scorecard_table_resonal_assest td, .scorecard_table_resonal_assest th {
|
|
border: 1px solid #000;
|
|
padding: 8px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.scorecard_table_resonal_assest tr:nth-child(even){background-color: #f2f2f2; }
|
|
|
|
.scorecard_table_resonal_assest tr:hover {background-color: #ddd;}
|
|
|
|
.scorecard_table_resonal_assest th {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
text-align: center;
|
|
background-color: #0191ed;
|
|
color: white;
|
|
|
|
}
|
|
/* #########End of Score Card Table Styles######### */
|
|
|
|
/* #########Score Card2 Table Styles######### */
|
|
|
|
.scorecard_table2 {
|
|
/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
|
|
/*font-family: Merriweather;*/
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.scorecard_table2 td, .scorecard_table2 th {
|
|
border: 1px solid #000;
|
|
padding: 8px;
|
|
|
|
|
|
}
|
|
|
|
.scorecard_table2 tr:nth-child(even){background-color: #f2f2f2;}
|
|
|
|
.scorecard_table2 tr:hover {background-color: #ddd;}
|
|
|
|
.scorecard_table2 th {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
text-align: center;
|
|
background-color: #0191ed;
|
|
color: white;
|
|
|
|
}
|
|
/* #########End of Score Card2 Table Styles######### */
|
|
|
|
|
|
.customth { width: 10%; }
|
|
|
|
/* #########billwise Table Styles######### */
|
|
.customtd { text-align:center; }
|
|
.customtd_leftalign { text-align:left; }
|
|
.customtd_rightalign { text-align:right; }
|
|
|
|
.billwise_table {
|
|
/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
|
|
/*font-family: Merriweather;*/
|
|
border-collapse: collapse;
|
|
width: auto;
|
|
|
|
}
|
|
|
|
.billwise_table td, .billwise_table th {
|
|
border: 1px solid #000;
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
.billwise_table tr:nth-child(even){background-color: #f2f2f2;}
|
|
|
|
.billwise_table tr:hover {background-color: #ddd;}
|
|
|
|
.billwise_table th {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
text-align: center;
|
|
background-color: #0191ed;
|
|
color: white;
|
|
}
|
|
/* #########billwise Table Styles######### */
|
|
|
|
|
|
/* #########Annexure table ######### */
|
|
|
|
.annexure_table {
|
|
/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
|
|
/*font-family: Merriweather;*/
|
|
border-collapse: collapse;
|
|
width: auto;
|
|
|
|
}
|
|
|
|
.annexure_table td, .annexure_table th {
|
|
border: 1px solid #000;
|
|
|
|
}
|
|
|
|
.annexure_table tr:nth-child(even){background-color: #f2f2f2;}
|
|
|
|
.annexure_table tr:hover {background-color: #ddd;}
|
|
|
|
.annexure_table th {
|
|
/*padding-top: 4px;*/
|
|
/*padding-bottom: 4px;*/
|
|
text-align: center;
|
|
background-color: #0191ed;
|
|
color: white;
|
|
}
|
|
/* #########Annexure######### */
|
|
|
|
|
|
.customtd { text-align:center; }
|
|
.customtd_leftalign { text-align:left; }
|
|
.customtd_rightalign { text-align:right; }
|
|
|
|
|
|
#boxstyle1 {
|
|
box-sizing: border-box;
|
|
width: 60px;
|
|
height: 20px;
|
|
padding: 5px;
|
|
border: 2px outset black;
|
|
}
|
|
#boxstyle2 {
|
|
box-sizing: border-box;
|
|
width: 200px;
|
|
height: 20px;
|
|
padding: 5px;
|
|
border: 2px outset black;
|
|
text-align:center;
|
|
}
|
|
#boxstyle3 {
|
|
box-sizing: border-box;
|
|
width: 120px;
|
|
height: 20px;
|
|
padding: 5px;
|
|
border: 2px outset black;
|
|
}
|
|
|
|
#billwise {
|
|
box-sizing: content-box;
|
|
/*disply:inline;*/
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 10px;
|
|
border: 1px solid #0191ed;
|
|
}
|
|
|
|
#first_div {
|
|
width: 150px;
|
|
height: 25px;
|
|
border: 2px outset #000;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
border-color:red;
|
|
color:red;
|
|
/*padding-left: 20px;*/
|
|
|
|
}
|
|
#tick_div {
|
|
position: relative;
|
|
width: 40px;
|
|
height: 25px;
|
|
margin-left: 100%;
|
|
margin-top: -29px;
|
|
border: 2px outset #000;
|
|
text-align: center;
|
|
border-color:red;
|
|
color:red;
|
|
}
|
|
#tick_div_other {
|
|
position: relative;
|
|
width: 40px;
|
|
height: 25px;
|
|
margin-left: 93%;
|
|
margin-top: -29px;
|
|
border: 2px outset #000;
|
|
text-align: center;
|
|
border-color:red;
|
|
color:red;
|
|
}
|
|
|
|
|
|
/* #########Person met card css######### */
|
|
.chip {
|
|
|
|
padding: 0 25px;
|
|
height: 100px;
|
|
width: 600px;
|
|
font-size: 14px;
|
|
|
|
border-radius: 50px;
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
.chip #img1 {
|
|
float: left;
|
|
margin: 0 10px 0 -25px;
|
|
height: 100px;
|
|
width: 100px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.chip #img2 {
|
|
float: right;
|
|
margin: 0 -25px 0px -125px;
|
|
height: 100px;
|
|
width: 100px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* #########Person met card css######### */
|
|
|
|
|
|
/* #########Doc sighted gallary css######### ;*/
|
|
|
|
.gallery {
|
|
margin: 5px;
|
|
border: 1px solid #ccc;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.gallery:hover {
|
|
border: 1px solid #777;
|
|
}
|
|
|
|
|
|
|
|
.desc {
|
|
padding: 8px;
|
|
text-align: center;
|
|
color:green
|
|
}
|
|
|
|
/* #########Doc sighted gallary css######### */
|
|
|
|
/* ######### TOOLTIP CSS START ######### */
|
|
|
|
.tooltip {
|
|
position: relative;
|
|
display: inline;
|
|
border-bottom: 1px dotted black;
|
|
}
|
|
|
|
.tooltip .tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 0;
|
|
|
|
/* Position the tooltip */
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.tooltip:hover .tooltiptext {
|
|
visibility: visible;
|
|
}
|
|
|
|
#ini_table{
|
|
table-layout: fixed;
|
|
width:80%;
|
|
|
|
|
|
}
|
|
|
|
#ini_table td{
|
|
word-wrap:break-word
|
|
width:50%;
|
|
}
|
|
|
|
.intelligence{
|
|
/*background-color: lightgrey;*/
|
|
width: auto;
|
|
border: 5px solid #0191ed;
|
|
padding: 5px;
|
|
/*margin: 10px;*/
|
|
}
|
|
|
|
/* ######### TOOLTIP CSS END ######### */
|
|
|
|
|
|
</style>
|
|
<script type="text/javascript">
|
|
function saveEdits(e)
|
|
{
|
|
|
|
var editElem = document.getElementById("mydoc");
|
|
var userVersion = editElem.innerHTML;
|
|
//localStorage.removeItem('userEdits')
|
|
//save the content to local storage
|
|
localStorage.userEdits = userVersion;
|
|
}
|
|
</script>
|
|
|
|
|
|
</head>
|
|
<body style="font-family:Merriweather;font-size:12px;margin:15px 30px">
|
|
|
|
|
|
<footer>
|
|
<hr>
|
|
Powered by PDGenie
|
|
</footer>
|
|
<header>
|
|
|
|
<div><img style="width:50px;height:50px;opacity: 0.5;" src='https://pdgenie.com/logo/sineedge_red.png'/></div>
|
|
<hr>
|
|
</header>
|
|
|
|
<?php
|
|
//$all_pd_images_count = count($all_pd_images);
|
|
|
|
$img_row_count = ceil(count($all_pd_images) / 3);
|
|
if(count($all_pd_images)){
|
|
echo '<br>';
|
|
echo '<p>PD Photograph`s :</p>';
|
|
echo '<br>';
|
|
echo '<table border="1" height="100%" width="50%">';
|
|
$add_factor = 0;
|
|
for($img_row = 0; $img_row < $img_row_count; $img_row++)
|
|
{
|
|
//if($img_row > 0) { break; }
|
|
echo '<tr>';
|
|
$from = $img_row == 0 ? $img_row : ($img_row+$add_factor);
|
|
$to = ($from + 2);
|
|
$add_factor = $add_factor + 2;
|
|
for($photo_iter = $from; $photo_iter <= $to;$photo_iter++)
|
|
{
|
|
|
|
if(isset($all_pd_images[$photo_iter]))
|
|
{
|
|
echo '<td>';
|
|
echo '<div class="gallery">';
|
|
echo '<img src="'.$all_pd_images[$photo_iter]['doc_url'].'" alt="" width="200" height="200">';
|
|
echo '<div class="desc">'.$all_pd_images[$photo_iter]['pd_document_title'] .'</div>';
|
|
echo '</div>';
|
|
echo '</td>';
|
|
// unset($all_pd_images[$photo_iter]);
|
|
}
|
|
|
|
}
|
|
//echo "<br><br><hr>";
|
|
echo '</tr>';
|
|
}
|
|
//echo '</tbody>';
|
|
echo '</table>';
|
|
}
|
|
//
|
|
?>
|
|
|
|
|
|
<?php
|
|
//
|
|
|
|
?>
|
|
</body>
|
|
</html>
|
|
|
|
|