|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/owens.enteract/inc/libs/photocropper/ |
Upload File : |
<?php
error_reporting(E_ERROR | E_WARNING | E_PARSE);
ini_set("display_errors", 1);
set_time_limit(0); //No script timeout
//FB/IG/Cache/CDN settings are stored in constants.php
include_once('../../utils.php');
$version = time();
$destID = ValidationUtils::getRequestVar("get","destID",""); //Destination parent id
$dim = ValidationUtils::getRequestVar("get","dim",""); //Dimensions of the intended crop
$fitBoxSize = intval(ValidationUtils::getRequestVar("get","fitBoxSize",2000)); //The maximum box for the uploaded content. Need to allow enough wiggle room to work with, but don't want it to be too massive to work with.
$dimArray = explode("x", $dim);
$minWidth = intval($dimArray[0]);
$minHeight = intval($dimArray[1]);
?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class=" " lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="css/colorbox.css?v=<?=$version?>">
<link rel="stylesheet" href="css/jquery.jcrop.css">
<link rel="stylesheet" href="css/styles.css?v=<?=$version?>">
<?php
echo "<script>";
echo "var ROOT_LOCATION = \"". ROOT_LOCATION. "\";";
echo "var DYNAMIC_ASSETS_URL = \"". DYNAMIC_ASSETS_URL. "\";";
echo "var FB_APP_ID = \"". FB_APP_ID. "\";";
echo "var IG_APP_ID = \"". IG_APP_ID. "\";";
echo "var minWidth = \"". $minWidth. "\";";
echo "var minHeight = \"". $minHeight. "\";";
echo "var fitBoxSize = \"". $fitBoxSize. "\";";
echo "var destID = \"". $destID. "\";";
echo "</script>";
?>
</head>
<body id="cropper">
<form id="frm-cropper" name="frm-cropper" action="javascript:void(0);" method="get">
<h1>ADD PHOTO</h1>
<div class="instructions">
<div class="messaging">
<span class="success disabled">Your current crop size is okay.</span>
<span class="error disabled">Error: Crop size is too small!</span>
</div>
<div class='btn-container'>
<button id="btn-change" class="btn" type="button">
<span class="btn-inner">
<span class="icon"></span>
<span class="text">Change Photo</span>
</span>
</button>
<button id="btn-save" class="btn-green" type="button">
<span class="btn-inner">
<span class="icon"></span>
<span class="text">Save Photo</span>
</span>
</button>
</div>
</div>
<div id="photo-container">
<div id="selectedPhotoDest" class="clearfix"></div>
</div>
<!--CROP DATA-->
<input name="img" id="img" type="hidden" value="">
<input name="cropXY" id="cropXY" type="hidden" value="">
<input name="cropDim" id="cropDim" type="hidden" value="">
<input name="desiredImgDim" id="desiredImgDim" type="hidden" value="">
<input name="origImgDim" id="origImgDim" type="hidden" value="">
<input name="displayImgDim" id="displayImgDim" type="hidden" value="">
<input name="actualCropDim" id="actualCropDim" type="hidden" value="">
<input name="actualCropXY" id="actualCropXY" type="hidden" value="">
<!--MODALS-->
<div style='display:none'>
<!-- Add photo buttons modal -->
<div id="photo-add-modal">
<div id="photo-btns-holder">
<div id='photo-btns'>
<button id="btn-upload" class="btn photo-add" type="button">
<span class="btn-inner">
<span class="icon"></span>
<span class="text">Upload Photo</span>
</span>
</button>
<button id="btn-facebook" class="btn photo-add" type="button">
<span class="btn-inner">
<span class="icon"></span>
<span class="text">Use Facebook Photo</span>
</span>
</button>
<!--
<button id="btn-instagram" class="btn photo-add" type="button">
<span class="btn-inner">
<span class="icon"></span>
<span class="text">Use Instagram Photo</span>
</span>
</button>
-->
</div>
</div>
</div>
<div id="photo-select-modal">
<div class="header"></div>
<div id="photo-select-holder"></div>
<div class="modal-footer"><button class="btn" onclick="closeModal(); return false;">CANCEL</button></div>
</div>
<div id="error-modal">
<div class="header"></div>
<div id="messaging"></div>
<div class="modal-footer"><button class="btn" onclick="closeModal(); return false;">OK</button></div>
</div>
<div id="loading-modal">
<div class="header">Processing...</div>
<div id="messaging"><img src='assets/img/ajax-loader.gif'></div>
</div>
</div>
</form>
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type='text/javascript' src="js/fbjs.js"></script>
<script type='text/javascript' src="js/plugins.js"></script>
<script type='text/javascript' src="js/photoapi.js?v=<?=$version?>"></script>
<script type='text/javascript' src="js/script.js?v=<?=$version?>"></script>
</body>
</html>