<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Captured Successfully</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="scripts/3p/jquery-3.3.1.min.js"></script>
<script src="scripts/fsCaptured.js"></script>
<script src="scripts/fsUtils.js"></script>
<script src="scripts/3p/bootstrap.min.js"></script>
<style>
@media (min-width: 1199px) {
.fsButton {width: 120px; word-wrap:break-word; white-space: normal}
}
.hiddenInitially {display:none !important}
#logo {vertical-align:middle; padding-right: 15px;}
.starRating {font-size: 2em; cursor: pointer; width:1.2em;}
.starHighlighted {color:#ffd026}
#divRatingContainer {text-align: center}
.modal {
text-align: center;
padding: 0!important;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
#divClipboardMessage {
position: fixed;
right:10px;
bottom:10px;
padding: 10px 20px;
background-color: green;
}
#imgResult {
padding:10px;
width:100%;
margin:auto;
display:block;
}
div.row {padding-top: 10px}
@media (max-width: 1199px) {
.fsButton {width: 100px; word-wrap:break-word; white-space: normal}
}
@media (max-width: 767px) {
.fsButton {width: 140px; word-wrap:break-word; white-space: normal}
}
.link1 {display:inline-block; padding-left: 5px; padding-right: 5px}
.fixed {
position:fixed;
}
.splashIn {
opacity: 1 !important;
transition: all 0.5s ease-out;
}
@media (max-width: 767px) {
.fixed {
position:initial;
}
}
#imgForPrinting {display:none;}
@media print {
.noPrint {
display: none;
}
#imgForPrinting {
display: initial;
padding: 0;
margin: 0;
width: 100%;
}
}
</style>
</head>
<body>
<!-- Page Content -->
<div class="container" id="divPreload">
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">
<img id="logo" src="/images/rolling.gif"><span>Almost ready...</span>
</h2>
</div>
</div>
</div>
<div class="container" style="display:none" id="divContainer">
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">
<img id="logo" src="/images/sss_48.png"><span data-i18n="captured_save_panel_title"></span>
</h2>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-8">
<div id="divImgResult" style="overflow-y:scroll;" class="panel panel-default">
<img id="imgResult">
</div>
<!-- <div class="visible-xs-block" style="text-align: center; margin-bottom: 1.3em;">
<button style="width:40px" id="btnEnlarge" type="button" class="fsButton btn btn-default btn-sm active">
<span class="glyphicon glyphicon-plus"></span></button>
</div> -->
</div>
<div class="col-xs-12 col-sm-5 col-md-4" style="position: relative">
<div id="divPanel" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-save"></span> <span data-i18n="captured_save_panel_title">Save
screenshot</span></h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-xs-6 col-sm-8"><span data-i18n="captured_save_as_image">Save as an image</span></div>
<div class="col-xs-6 col-sm-4 text-right">
<div class="fsButton" style="float:right">
<button id="btnSaveImage" type="button" class="fsButton btn btn-default btn-sm active"><span
data-i18n="captured_save_as_image_button">Save as Image</span></button>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-8"><span data-i18n="captured_save_as_pdf">Save as PDF</span></div>
<div class="col-xs-6 col-sm-4 text-right">
<div class="fsButton" style="float:right">
<button id="btnSaveImagePDF" type="button" class="fsButton btn btn-default btn-sm active"><span
data-i18n="captured_save_as_pdf">Save to PDF</span></button>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-8"></div>
<div class="col-xs-6 col-sm-4">
<div style="float:right; text-align: center; width:120px; font-size: 10px;">
<a style="color:#fff; font-style:italic" id="lnkOptions1" href="#"><span class="glyphicon glyphicon-cog"></span>
<span data-i18n="captured_saving_options"></span>...</a>
</div>
</div>
</div>
<p> </p>
<div class="row" id="divEmail">
<div class="col-xs-6 col-sm-8"><span>Email</span></div>
<div class="col-xs-6 col-sm-4">
<div style="float:right">
<div class="dropdown">
<button data-toggle="dropdown" type="button" class="fsButton btn btn-default btn-sm active dropdown-toggle"><span>Gmail </span><span
class="caret"></span></button>
<ul id="btnSendEmail" class="dropdown-menu" style="border:rgb(60, 65, 74) solid 1px">
<li value="png"><a href="#">PNG</a></li>
<li value="jpg"><a href="#">JPEG</a></li>
<li value="pdf"><a href="#">PDF</a></li>
</ul>
评论0