quality-bot
Version:
QBot Online Code Review Application
169 lines (147 loc) • 4.48 kB
HTML
<html>
<head>
<title>
QBot Pre-Commit Report
</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
.title {
font-size: 28px;
font-weight: 400;
margin: 0;
margin-bottom: 3px;
}
.sub-title {
font-size: 18px;
color: #636363;
}
.example-text {
background-color: #f2f2f2;
width: 100%;
padding: 15px;
max-height: 250px;
overflow: auto;
border-radius: 5px;
}
.bg-color {
background-color: #EFF4F9;
padding: 15px 0 15px 0;
}
.line-text {
color: #0076FE;
}
.info-icon {
border-radius: 50%;
padding: 10px;
}
.info-icon.code {
color: #FF003D;
background: #ff003d38;
}
.info-icon.file {
color: #228200;
background: #22820038;
}
.info-text {
margin: 10px 5px;
font-size: 20px;
}
.info-title {
margin: 0 0 5px 0;
padding-top: 3px;
font-size: 16px;
color: #7d7d7d;
}
.white-box {
padding: 10px 20px;
background-color: rgb(255, 255, 255);
width: 205px;
margin-left: 10px;
float: right;
border-radius: 8px;
}
.warp-text {
overflow-wrap: break-word;
}
.language,
.sevirity {
padding: 5px 15px;
font-size: 15px;
}
.language {
float: right;
background-color: #DEDEDE;
color: #000000;
border-radius: 30px;
}
.sevirity {
float: left;
background-color: #FF007A;
border-radius: 30px;
color: #ffffff;
}
.secondary-details {
font-size: 14px;
}
.print {
cursor: pointer;
}
.secondary-details .material-icons {
font-size: 20px;
}
@media print {
body {
zoom: 65%;
}
.print {
display: none;
}
}
</style>
</head>
<body>
<div class="bg-color">
<div class="container">
<div class="row">
<div class="col-12 secondary-details">
<p class="float-start text-secondary">Review Report: $date$</p>
<p class="float-end text-primary print" onclick="window.print()">
<i class="material-icons align-middle">
print
</i>
Print
</p>
</div>
<div class="col-7">
<p class="title"><img src="qlogo.png" width="50" />Bot-Review Report</p>
<p class="sub-title">Name : $name$</p>
<p class="sub-title">Project : $projectName$ ($repoName$)</p>
</div>
<div class="col-5">
<div class="white-box">
<div class="d-flex">
<i class="material-icons info-icon code ">
code
</i>
<h6 class="info-text">$comments$</h6>
</div>
<p class="info-title">Number Of comments</p>
</div>
<div class="white-box">
<div class="d-flex">
<i class="material-icons align-middle info-icon file">
file_copy
</i>
<h6 class="info-text">$filesCount$</h6>
</div>
<p class="info-title">Number Of Files</p>
</div>
</div>
</div>
</div>
</div>
$commentContent$
</body>
</html>