@cocreate/plaid
Version:
A simple plaid component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
110 lines (101 loc) • 4.59 kB
HTML
<html lang="en">
<head>
<title>Plaid</title>
<head>
<h1>Plad Auth</h1>
<form>
UserId:
<input plaid="plaidGetLinkToken.userId" value="1000" />
LegalName:
<input plaid="plaidGetLinkToken.legalName" value="Michle" />
PhoneNumber:
<input
plaid="plaidGetLinkToken.phoneNumber"
value="+1 415 555 0123" />
Email:
<input
plaid="plaidGetLinkToken.email"
value="topfreelancer81@gmail.com" />
<button actions="plaidGetLinkToken,plaidGetPublicToken">
CreateBankLink
</button>
</form>
<div template_id="plaidGetAccessToken">
<div
class="template card card margin:10px"
value="{{data._id}}"
template_id="plaidGetAccessToken"
render="data">
<div
class="display:flex justify-content:space-between align-items:center width:100%">
<div class="display:flex">
<div class="display:flex align-items:center">
<span
class="icon status font-size:20px margin-right:10px"></span>
</div>
<div
class="display:flex align-items:center flex-wrap:wrap">
<form>
Access Token:
<input
class="width:300px"
plaid="plaidAuth.accessToken"
value="{{data.access_token}}" />
<button actions="plaidAuth">
Plaid Auth
</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div template_id="plaidAuth">
<div
class="template card card margin:10px"
value="{{data._id}}"
template_id="plaidAuth"
render="data">
<div
class="display:flex justify-content:space-between align-items:center width:100%">
<div class="display:flex">
<div class="display:flex align-items:center">
<span
class="icon status font-size:20px margin-right:10px"></span>
</div>
<div
class="display:flex align-items:center flex-wrap:wrap">
<h3
class="margin-right:10px"
value="{{data.account}}">
Account
</h3>
<h3
class="margin-right:10px"
value="{{data.account_id}}">
AccountId
</h3>
<h3
class="margin-right:10px"
value="{{data.routing}}">
Routing
</h3>
<h3
class="margin-right:10px"
value="{{data.wire_routing}}">
Wire_Routing
</h3>
</div>
</div>
</div>
</div>
</div>
<!--CoCreateJS-->
<!--CoCreate Plugins-->
<!--Plaid-->
<script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
<script src="../dist/CoCreate-plaid.js"></script>
</head>
</head>
</html>