tech4biz/includes/feedbackPupup.php
2024-10-25 17:11:31 +05:30

124 lines
12 KiB
PHP

<!-- ----------------=======================--------------- -->
<!-- <div class="feedback-popup" id="closeFeedback">
<span class="feedback-popup-close" onclick="feedbackCLose()">
<svg xmlns="http://www.w3.org/2000/svg" width="28.689" height="29.74" viewBox="0 0 28.689 29.74" fill="#97999b">
<path id="close_FILL0_wght400_GRAD0_opsz48_1_" data-name="close_FILL0_wght400_GRAD0_opsz48 (1)" d="M12.45,38.65l-2.1-2.177L21.9,24.5,10.35,12.527l2.1-2.177L24,22.323,35.55,10.35l2.1,2.177L26.1,24.5,37.65,36.473l-2.1,2.177L24,26.677Z" transform="translate(-9.655 -9.63)" stroke="#97999b" stroke-width="1"/>
</svg>
</span>
<p>We'd like your feedback to help improve the website.</p>
<div class="feedback-button-div">
<button onclick="feedBackTrue()" type="button">Give feedback</button>
<button type="">Give feedback</button>
<button onclick="feedbackCLose()">No, thank you</button>
</div>
</div> -->
<div class="PopupOpenOff" id="feedbackModal">
<div class="modal-dialog modal-dialog-width">
<div class="modal-content">
<div class="report-bug-main-div">
<span class="popupCloseIcon" onclick="closePopup()">
<svg xmlns="http://www.w3.org/2000/svg" width="338.355" height="338.355" viewBox="0 0 338.355 338.355">
<line id="Line_1" data-name="Line 1" x2="303" y2="303" transform="translate(17.678 17.678)" fill="none" stroke="#000" stroke-width="50"/>
<line id="Line_2" data-name="Line 2" x1="303" y2="303" transform="translate(17.678 17.678)" fill="none" stroke="#000" stroke-width="50"/>
</svg>
</span>
<div class="report-bug-div" onclick="GeneralFeedback('bug')">
<div class="report-bug-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<path id="Path_1" data-name="Path 1" d="M192,96a64,64,0,0,1,128,0v32h32V96a96,96,0,0,0-192,0v32h32ZM496,272H400V183.7l73.1-59.2c7.8-6.4,8.9-15.6,3.4-22.5A16.037,16.037,0,0,0,454,99.5L378.4,160H133.6L57.1,99.5C51.11,94,41.03,95.16,35.5,102c-5.52,6.9-4.39,16.1,1.6,22.5L112,183.7V272H16a16,16,0,0,0,0,32h96v48a127.06,127.06,0,0,0,9.486,47.89l-84.8,84.8A16,16,0,1,0,59.31,507.312l78.75-78.75C161.4,459.6,198.3,480,240.1,480H272c41.76,0,78.56-20.4,101.9-51.43l78.75,78.75A16.251,16.251,0,0,0,464,512a16,16,0,0,0,11.31-27.308l-84.8-84.8A130.769,130.769,0,0,0,400,352V304h96a16,16,0,0,0,0-32ZM368,352a96.1,96.1,0,0,1-96,96V239.9a15.95,15.95,0,0,0-31.9,0L240,448a96.1,96.1,0,0,1-96-96V192H368Z"/>
</svg>
</div>
<div class="report-bug-text">
<p>Report a bug</p>
<p>Let us know what's broken</p>
</div>
</div>
<div class="report-bug-div" onclick="GeneralFeedback('feature')">
<div class="report-bug-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="639.982" height="512" viewBox="0 0 639.982 512">
<path id="Path_2" data-name="Path 2" d="M320,416a15.99,15.99,0,0,0,16-16V368h32a16,16,0,0,0,0-32H336V304a16,16,0,0,0-32,0v32H272a16,16,0,0,0,0,32h32v32A16.047,16.047,0,0,0,320,416ZM80,224a16.021,16.021,0,0,0,16-16V160h32a16,16,0,0,0,0-32H96V80a16,16,0,0,0-32,0v48H16C7.156,128,.008,135.2.008,143.1S7.156,160,16,160H64v48A16.021,16.021,0,0,0,80,224ZM624,416H576V368a16,16,0,1,0-32,0v48H496c-8.844,0-15.99,7.152-15.99,15.1S487.2,448,496,448h48v48a16,16,0,1,0,32,0V448h48c8.844,0,15.99-7.152,15.99-15.1S632.8,416,624,416ZM456.9,459.7c-11.8,0-28.1,20.3-73.8,20.3H282.2a115.981,115.981,0,0,1-94.36-48.89L101.2,317.2a25.676,25.676,0,0,1-5.278-15.5,22.114,22.114,0,0,1,22.26-22.41c5.763,0,13.05,2.263,18.88,9.938l34.2,44.98a32.39,32.39,0,0,0,25.56,12.87c4.032,0,27.2-2.6,27.2-26.13C224,320.7,224,320.3,224,320V88.95C224,76.53,233.247,64,248,64c13.2-.9,24,10.77,24,24V239.2c0,2.773,2.19,16.83,16,16.83a15.865,15.865,0,0,0,15.85-16l.133-152.2h0L303.1,56.95c0-12.42,9.247-24.95,24.01-24.95a24.025,24.025,0,0,1,24,24V239.2c0,2.773,2.2,16.83,16.02,16.83a15.939,15.939,0,0,0,15.94-16l.044-151.1c0-12.42,9.248-24.95,24-24.95a24.025,24.025,0,0,1,24,24v150.7c0,2.773,2.188,16.84,16,16.84,8.845,0,16-7.155,16-15.1V136.3c0-12.48,9.3-24.98,24-24.98a24.064,24.064,0,0,1,24,24.06V300.1a15.97,15.97,0,0,0,15.97,15.97C535.9,316.07,544,308.9,544,300.1V137.4c0-21.74-16.47-58.06-56.01-58.06a55.522,55.522,0,0,0-24.09,5.454C462.2,55.38,437.8,32,407.1,32a55.852,55.852,0,0,0-26.71,6.781C373.1,16.3,352.7,0,327.8,0s-45.7,16.55-52.9,39.17A55.283,55.283,0,0,0,248.03,32C208.4,31.1,192,68.61,192,90.79v217.1l-30.24-39a54.818,54.818,0,0,0-43.31-21.52C88.89,247.37,64,270.43,64,301.83a57.434,57.434,0,0,0,11.72,34.79l86.36,113.5A147.688,147.688,0,0,0,282.2,512H384c32.16,0,88.77-15.15,88.77-36.42C472.8,469.5,468.1,459.7,456.9,459.7Z" transform="translate(-0.008)"/>
</svg>
</div>
<div class="report-bug-text">
<p>Feature request</p>
<p>Tell us how we can improve</p>
</div>
</div>
<div class="report-bug-div" onclick="GeneralFeedback('general')">
<div class="report-bug-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="512" viewBox="0 0 384 512">
<path id="Path_3" data-name="Path 3" d="M365.3,125.3,258.8,18.8A64.048,64.048,0,0,0,213.5,0H64A64,64,0,0,0,0,64L.007,448a64,64,0,0,0,64,64H320a64,64,0,0,0,64-64V170.5A63.79,63.79,0,0,0,365.3,125.3ZM224,34.08a31.518,31.518,0,0,1,12.12,7.3l106.5,106.5A30,30,0,0,1,349.9,160H240a16.047,16.047,0,0,1-16-16ZM352,448a32.042,32.042,0,0,1-32,32H64a32.042,32.042,0,0,1-32-32V64A32.042,32.042,0,0,1,64,32H192V144a48.012,48.012,0,0,0,48,48H352ZM96,272a16.047,16.047,0,0,0,16,16H272a16,16,0,0,0,0-32H112A16.047,16.047,0,0,0,96,272Zm176,48H112a16,16,0,0,0,0,32H272a16,16,0,0,0,0-32Zm0,64H112a16,16,0,0,0,0,32H272a16,16,0,0,0,0-32Z" transform="translate(0 0)"/>
</svg>
</div>
<div class="report-bug-text">
<p>General feedback</p>
<p>Give general feedback of this page</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="PopupOpenOff" id="GeneralFeedback">
<div class="modal-dialog modal-dialog-width">
<div class="modal-content">
<div class="ReportBugOff">
<span class="popupCloseIcon" onclick="closePopupFeedback()">
<svg xmlns="http://www.w3.org/2000/svg" width="338.355" height="338.355" viewBox="0 0 338.355 338.355">
<line id="Line_1" data-name="Line 1" x2="303" y2="303" transform="translate(17.678 17.678)" fill="none" stroke="#000" stroke-width="50"/>
<line id="Line_2" data-name="Line 2" x1="303" y2="303" transform="translate(17.678 17.678)" fill="none" stroke="#000" stroke-width="50"/>
</svg>
</span>
<p class="text-center broken-text" id="popupTitle"></p>
<form id="experienceFeedbackForm" name="experienceFeedbackForm" method="post" autocomplete="off">
<div class="mb-2 form-group">
<label for="email" class="col-form-label">Email<span>*</span></label>
<input type="text" class="form-control" name="email" id="email" />
<div class="help-block with-errors"></div>
</div>
<div class="mb-2 form-group">
<label for="feedback_title" class="col-form-label">Add title <span>*</span></label>
<input type="text" class="form-control" name="feedback_title" id="feedback_title" />
<div class="help-block with-errors"></div>
</div>
<div class="mb-2 form-group">
<label for="description" class="col-form-label">Describe the bug in detail <span>*</span></label>
<textarea class="form-control" name="description" id="description" rows="5"></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="mb-2 form-group">
<div class="videoPlayer">
<video class="video" id="video3" style="width:100%; display:none;" controls src=""></video>
<input type="hidden" id="thirdVideo"/>
<input type="hidden" id="feedback_type"/>
</div>
<div id="screenshots"></div>
<div class="button-video-flex" id="ScreenVideoBtn3">
<button type="button" class="screenShoot-btn" id="screenShotButton" onclick="screenShot()">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="448" viewBox="0 0 448 448">
<path id="Path_5" data-name="Path 5" d="M400,354.2V157.8A63.9,63.9,0,1,0,322.25,80H125.8A63.9,63.9,0,1,0,48,157.75v196.5A63.877,63.877,0,1,0,125.75,432h196.5A63.883,63.883,0,1,0,400,354.2ZM322.2,400H125.8A64.137,64.137,0,0,0,80,354.2V157.8A64.137,64.137,0,0,0,125.8,112H322.3A64.007,64.007,0,0,0,368,157.8V354.3A64.007,64.007,0,0,0,322.2,400ZM384,64a32,32,0,1,1-32,32A32.068,32.068,0,0,1,384,64ZM32,96a32,32,0,1,1,32,32A32.068,32.068,0,0,1,32,96ZM64,448a32,32,0,1,1,32-32A32.068,32.068,0,0,1,64,448Zm320,0a32,32,0,1,1,32-32A32.068,32.068,0,0,1,384,448Z" transform="translate(0 -32)"/>
</svg>
</span>
</button>
<button type="button" class="start-btn" id="startBtnTwo">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="576" height="384" viewBox="0 0 576 384">
<path id="Path_4" data-name="Path 4" d="M558.8,99.64a32.052,32.052,0,0,0-33.15,2.1l-102.8,72.04a15.993,15.993,0,0,0-3.938,22.28C423.1,203.3,433.9,205,441.2,200L544,128V383.9L441.2,312a16,16,0,0,0-18.342,26.218l102.8,71.98a32.024,32.024,0,0,0,33.16,2.161C569.4,406.8,576,395.1,576,383.1V128A31.892,31.892,0,0,0,558.8,99.64ZM320,64H64A64,64,0,0,0,0,128V384a64,64,0,0,0,64,64H320a64,64,0,0,0,64-64V128A64.027,64.027,0,0,0,320,64Zm32,320a32.042,32.042,0,0,1-32,32H64a32.042,32.042,0,0,1-32-32V128A32.042,32.042,0,0,1,64,96H320a32.042,32.042,0,0,1,32,32Z" transform="translate(0 -64)"/>
</svg>
</span>
</button>
<button type="button" class="stop-btn" style="display:none;"></button>
<a class="download-btn" style="display:none;"></a>
</div>
</div>
<div class="modal-footer form-group">
<button class="btn btn-primary" type="submit" name="sendExperienceFeedbackForm" id="sendExperienceFeedbackForm">Submit</button>
</div>
<div id="msgSubmit" class="h3 text-center hidden"></div>
</form>
</div>
</div>
</div>
</div>