93 lines
4.1 KiB
HTML
93 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Customer sign email</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jerosoler/Drawflow/dist/drawflow.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="col">
|
|
<div class="drag-drawflow" draggable="true" ondragstart="drag(event)" data-node="customerSignUp">
|
|
<div class="customer-sign-up node" data-node="customerSignsUpNode">
|
|
<p><i class="fa-regular fa-circle-play"></i> Customer signs up for product updates</p>
|
|
</div>
|
|
</div>
|
|
<div class="drag-drawflow" draggable="true" ondragstart="drag(event)" data-node="sendEmail">
|
|
<i class="fa-regular fa-envelope"></i> Send email
|
|
</div>
|
|
<div class="drag-drawflow" draggable="true" ondragstart="drag(event)" data-node="replyCheck">
|
|
<i class="fa-solid fa-shuffle"></i> Replied to conversation?
|
|
</div>
|
|
<div class="drag-drawflow" draggable="true" ondragstart="drag(event)" data-node="contactExits">
|
|
<i class="fa-regular fa-circle-check"></i> Contact Exits
|
|
</div>
|
|
<div class="drag-drawflow" draggable="true" ondragstart="drag(event)" data-node="sendSurvey">
|
|
<i class="fa-solid fa-list-check"></i> Send survey
|
|
</div>
|
|
</div>
|
|
<div id="drawflow"></div>
|
|
|
|
<div class="btn-clear" id="btn-clear" onclick="editor.clearModuleSelected()">Clear</div>
|
|
</div>
|
|
<div id="popup-drawflow" class="hidden">
|
|
<div class="popup-content">
|
|
<span class="popup-close">×</span>
|
|
<div id="popup-drawflow-content">
|
|
<!-- Form fields will be dynamically added here -->
|
|
<div class="drag-drawflow" data-pos_x="200" data-pos_y="175" data-out="1" data-input="1" data-name="sendEmail"
|
|
data-class="send-email" data-html="sendEmail" data-parent="customerSignsUpNode"
|
|
onclick="addNodeToDrawFlow(this)">
|
|
<div class="send-email node" data-node="sendEmailNode">
|
|
<p><i class="fa-regular fa-envelope"></i> Send email</p>
|
|
</div>
|
|
</div>
|
|
<div class="drag-drawflow" data-pos_x="200" data-pos_y="300" data-out="2" data-input="1" data-name="replyCheck"
|
|
data-class="reply-check" data-html="replyCheck" data-parent="sendEmail" onclick="addNodeToDrawFlow(this)">
|
|
<div class="reply-check node" data-node="repliedToConversationNode">
|
|
<p><i class="fa-solid fa-shuffle"></i> Replied to conversation?</p>
|
|
</div>
|
|
</div>
|
|
<div class="drag-drawflow" data-pos_x="25" data-pos_y="450" data-out="0" data-input="1" data-name="contactExits"
|
|
data-class="contact-exits" data-html="contactExits" data-parent="replyCheck"
|
|
onclick="addNodeToDrawFlow(this)">
|
|
<div class="contact-exits node" data-node="contactExitsNode">
|
|
<p><i class="fa-regular fa-circle-check"></i>
|
|
Contact Exits</p>
|
|
</div>
|
|
</div>
|
|
<div class="drag-drawflow" data-pos_x="400" data-pos_y="450" data-out="0" data-input="1" data-name="sendSurvey"
|
|
data-class="send-survey" data-html="sendSurvey" data-parent="replyCheck" onclick="addNodeToDrawFlow(this)">
|
|
<div class="send-survey node" data-node="sendSurveyNode">
|
|
<p><i class="fa-solid fa-list-check"></i> Send survey</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Popup Form HTML -->
|
|
<div id="popup-form" class="popup global-popup hidden">
|
|
<div class="popup-content">
|
|
<span class="popup-close">×</span>
|
|
<div id="popup-form-content" class="conent-form">
|
|
<!-- Form fields will be dynamically added here -->
|
|
<div id="popup-form-fields"></div>
|
|
<button type="submit">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/gh/jerosoler/Drawflow/dist/drawflow.min.js"></script>
|
|
<script src="script.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |