| Dir : /home/trave494/productjuly1video/champdoms.click/themes/default/layout/create_post/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : //home/trave494/productjuly1video/champdoms.click/themes/default/layout/create_post/content.html |
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<form action="" class="form-horizontal user-setting-panel create-post-form pt_shadow pt_forms" id="create_post_form" method="POST">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.092 512.092" xml:space="preserve"> <path style="fill:#FFA000;" d="M396.784,446.553L266.011,115.886c-1.446-3.641-4.771-6.196-8.661-6.656L54.683,85.38 c-5.752-0.808-11.07,3.2-11.878,8.952c-0.018,0.13-0.034,0.261-0.048,0.392L0.091,436.057c-0.763,5.841,3.353,11.196,9.194,11.959 c0.085,0.011,0.171,0.021,0.256,0.03l373.333,42.667h1.216c5.521,0.024,10.148-4.168,10.667-9.664l2.773-29.589 C397.672,449.788,397.416,448.107,396.784,446.553z"/> <path style="fill:#FFE082;" d="M469.424,94.724c-0.684-5.851-5.983-10.04-11.834-9.355c-0.031,0.004-0.061,0.007-0.092,0.011 l-91.733,10.795L94.832,128.046c-5.801,0.659-9.994,5.86-9.408,11.669l32,341.333c0.519,5.496,5.146,9.688,10.667,9.664h1.216 l373.333-42.667c5.853-0.671,10.053-5.96,9.382-11.813c-0.005-0.045-0.01-0.089-0.016-0.134L469.424,94.724z"/> <path style="fill:#455A64;" d="M309.424,170.713c-5.891,0.011-10.675-4.757-10.686-10.648c-0.005-2.84,1.123-5.565,3.134-7.571 l53.333-53.333c4.093-4.237,10.845-4.355,15.083-0.262c4.237,4.093,4.354,10.845,0.262,15.083c-0.086,0.089-0.173,0.176-0.262,0.262 l-53.333,53.333C314.96,169.579,312.251,170.707,309.424,170.713z"/> <circle style="fill:#F44336;" cx="394.758" cy="74.713" r="53.333"/></svg>
<h3 class="text-center">{{LANG create_new_post}}</h3>
<div class="progress hidden">
<span class="percent">0%</span>
<div class="progress_bar_parent">
<div class="bar upload-progress-bar progress-bar active"></div>
</div>
<div class="clear"></div>
<div class="text-center pt_prcs_vdo"></div>
</div>
<div class="form-group">
<label class="col-md-12" for="text">{{LANG write_message}}</label>
<div class="col-md-12">
<textarea name="text" id="text" cols="30" rows="5" class="form-control"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-md-12" for="image">{{LANG image}}</label>
<div class="col-md-12">
<div class="upload-product-image pull-left" onclick="document.getElementById('image').click(); return false">
<div class="upload-image-content">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-camera"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
</div>
</div>
<div style="overflow-x: auto;width: calc(100% - 112px);">
<div id="productimage-holder"></div>
</div>
<input id="image" name="image" type="file" class="hidden" accept="image/*">
<span class="help-block">jpg, png, gif</span>
</div>
</div>
<div class="last-sett-btn modal-footer">
<button type="submit" id="submit-btn" class="btn btn-main setting-panel-mdbtn"><svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'></path><polyline points='22 4 12 14.01 9 11.01'></polyline></svg> {{LANG publish}}</button>
</div>
</form>
</div>
<div class="col-md-2"></div>
</div>
<script>
$(document).ready(function() {
$("#image").on('change', function() {
//Get count of selected files
var product_countFiles = $(this)[0].files.length;
var product_imgPath = $(this)[0].value;
var extn = product_imgPath.substring(product_imgPath.lastIndexOf('.') + 1).toLowerCase();
var product_image_holder = $("#productimage-holder");
product_image_holder.empty();
if (extn == "gif" || extn == "png" || extn == "jpg" || extn == "jpeg") {
if (typeof(FileReader) != "undefined") {
//loop for each file selected for uploaded.
for (var i = 0; i < product_countFiles; i++)
{
var product_reader = new FileReader();
product_reader.onload = function(e) {
$("<img />", {
"src": e.target.result,
"class": "thumb-image"
}).appendTo(product_image_holder);
}
product_image_holder.show();
product_reader.readAsDataURL($(this)[0].files[i]);
}
} else {
product_image_holder.html("<p>This browser does not support FileReader.</p>");
}
}
});
});
$(function () {
var bar = $('.bar');
var percent = $('.percent');
var prcsvdo = $('.pt_prcs_vdo');
$('#create_post_form').ajaxForm({
url: '{{LINK aj/post/create}}?hash=' + $('.main_session').val(),
beforeSend: function() {
$('#submit-btn').attr('disabled', true);
$('#submit-btn').val("{{LANG please_wait}}");
$('.progress').removeClass('hidden');
var percentVal = '0%';
bar.width(percentVal);
percent.html(percentVal);
},
uploadProgress: function(event, position, total, percentComplete) {
if(percentComplete > 50) {
percent.addClass('white');
}
var percentVal = percentComplete + '%';
bar.width(percentVal);
percent.html(percentVal);
if (percentComplete == 100) {
prcsvdo.html('<svg width="30" height="10" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#000"><circle cx="15" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite" /><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite" /></circle><circle cx="60" cy="15" r="9" fill-opacity="0.3"><animate attributeName="r" from="9" to="9" begin="0s" dur="0.8s" values="9;15;9" calcMode="linear" repeatCount="indefinite" /><animate attributeName="fill-opacity" from="0.5" to="0.5" begin="0s" dur="0.8s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite" /></circle><circle cx="105" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite" /><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite" /></circle></svg> {{LANG porcessing_image}}');
$('.progress').find('.bar').removeClass('upload-progress-bar');
}
},
success: function(data) {
percentVal = '0%';
bar.width(percentVal);
$('.progress').addClass('hidden');
if (data.status == 200) {
Snackbar.show({text: "<div>{{LANG post_created}}</div>"});
setTimeout(function () {
window.location.href = data.link;
},3000)
}
else {
$('#submit-btn').attr('disabled', false);
$('#submit-btn').val("{{LANG publish}}");
Snackbar.show({text: "<div>"+ data.message +"</div>"});
}
}
});
});
</script>