automizy-js
Version:
Automizy widget collection
84 lines (81 loc) • 4.22 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>QUnit Example</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" href="../external/requirejs/require.js">
<link rel="stylesheet" href="../external/multiselect/jquery.multiselect.css">
<link rel="stylesheet" href="../external/multiselect/jquery.multiselect.filter.css">
<link rel="stylesheet" href="../src/automizy.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="../external/requirejs/require.js"></script>
<script src="../external/multiselect/jquery.multiselect.min.js"></script>
<script src="../external/multiselect/jquery.multiselect.filter.js"></script>
<script>
var temp;
$(function () {
require([
"../src/automizy.js"
], function ($A) {
var form = $A.newForm({
inputs: [
{
label: 'Subject',
type: 'text',
name: 'feedback-subject',
breakInput: true
},
{
label: 'Description',
type: 'textarea',
name: 'feedback-description',
breakInput: true
}
]
});
temp = $A.newFeedback({
tab: {
text: 'FEEDBACK'
},
title: 'If you have any issues please let us know here.',
target: $('body'),
content: form,
buttons: [
{
text: 'Send',
click: function () {
$.ajax({
method: 'POST',
url: 'google.com',
data: form.widget().serializeArray(),
dataType: 'json',
complete: function (data) {
form.widget().fadeOut("slow").css({'background-color':'#ffffff'});
var $thanks = $('<div>asd</div>').css({position:'absolute', top:'30px'});
$thanks.appendTo(temp.d.$content).fadeIn("slow", function () {
setTimeout(function () {
temp.closeFeedback();
setTimeout(function () {
form.widget().trigger("reset").show();
}, 500);
$thanks.stop().fadeOut(500, function(){
$thanks.remove();
form.widget().show();
});
}, 3000);
});
}
});
}
}
]
});
//temp = $A.newFeedback().title('Send us feedback').draw();
});
});
</script>
</head>
<body></body>
</html>