@cocreate/stripe
Version:
A simple stripe component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
75 lines (68 loc) • 2.67 kB
HTML
<html lang="en">
<head>
<title>customers</title>
<link rel="manifest" href="/manifest.webmanifest" />
</head>
<body class="padding:15px">
<h1>customers.create</h1>
<form array="test">
<input stripe="customers.create.name" placeholder="name" />
<input stripe="customers.create.email" placeholder="email" />
<input
stripe="customers.create.description"
placeholder="description" />
<div template_id="customers.create" render-as="data">
<input readonly placeholder="Customer ID" value="{{data.id}}" />
</div>
<button actions="customers.create">Create Customer</button>
</form>
<br />
<h1>customers.update</h1>
<form>
<input
stripe="customers.update.name"
placeholder="name"
value="ttt" />
<input
stripe="customers.update.email"
placeholder="email"
value="t@t.com" />
<input
stripe="customers.update.description"
placeholder="description"
value="hello" />
<input
stripe="customers.update.customer"
placeholder="Customer ID"
value="cus_L9SWuMA0tudMz4" />
<button actions="customers.update">Update Customer</button>
</form>
<br />
<h1>customers.list</h1>
<form>
<!-- <input stripe='customers.list.environment' value="prod"> -->
<button actions="customers.list">Click getList</button>
</form>
<div template_id="customers.list">
<h4>List Customers:</h4>
<div class="template margin:10px;" value="{{data.id}}">
<form class="padding:5px">
<div
style="
display: flex;
align-items: center;
width: 100%;
flex-wrap: wrap;
">
<h3 class="margin-right:10px">{{data.id}}</h3>
<span class="margin-right:10px">{{data.email}}</span>
</div>
</form>
</div>
</div>
<!--CoCreateJS-->
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
<!-- <script src="../../js/Cocreate-stripe.js"></script> -->
</body>
</html>