-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (131 loc) · 49.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Template Preview</title>
<style>
body {
display: flex;
font-family: Arial, sans-serif;
}
#sidebar {
width: 30%;
border-right: 1px solid #ccc;
padding: 10px;
overflow-y: auto;
}
#preview {
flex: 1;
padding: 10px;
}
.template-item {
cursor: pointer;
padding: 5px;
border-bottom: 1px solid #ddd;
}
.template-item:hover {
background: #f0f0f0;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
const templates = [{"service":"capture","template":"activation_code","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>Account activation on {{service_info.display_name}}</title>\n </head>\n\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>\n You're receiving this email because you need to finish the\n activation process on {{service_info.display_name}}.\n </p>\n </td>\n </tr>\n <tr>\n <td align=\"center\" style=\"padding: 30px\">\n <p>Please go to the following page to activate your account:</p>\n <p>\n <a href=\"{{action_url}}\">{{action_url}}</a>\n </p>\n </td>\n </tr>\n <tr>\n <td align=\"center\" style=\"padding: 30px\">\n <p>Thanks for using {{service_info.display_name}}!</p>\n </td>\n </tr>\n </table>\n <br />\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n Email:\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"action_url":"https://api.numbersprotocol.io/account/code-activation/0/0","service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"activation_code","language":"zh-hant","rawContent":"<html lang=\"zh-Hant\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>{{service_info.display_name}} 帳戶啟用</title>\n </head>\n\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>\n 您收到這封電子郵件是因為您需要完成 {{service_info.display_name}}\n 帳戶啟用程序。\n </p>\n </td>\n </tr>\n <tr>\n <td align=\"center\" style=\"padding: 30px\">\n <p>請到以下頁面啟用您的帳戶：</p>\n <p>\n <a href=\"{{action_url}}\">{{action_url}}</a>\n </p>\n </td>\n </tr>\n <tr>\n <td align=\"center\" style=\"padding: 30px\">\n <p>感謝使用 {{service_info.display_name}}！</p>\n </td>\n </tr>\n </table>\n <br />\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n 信箱：\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"action_url":"https://api.numbersprotocol.io/account/code-activation/0/0","service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"activation_confirmation","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>\n Your {{service_info.display_name}} account has been successfully\n activated!\n </title>\n </head>\n\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>Your account has been activated!</p>\n </td>\n </tr>\n </table>\n <br />\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n Email:\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"activation_confirmation","language":"zh-hant","rawContent":"<html lang=\"zh-Hant\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>您的 {{service_info.display_name}} 帳戶啟用成功！</title>\n </head>\n\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>您的帳號已啟用！</p>\n </td>\n </tr>\n </table>\n <br />\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n Email:\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"invitation","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>Capture Delivery Center</title>\n </head>\n\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>Hi there,</p>\n <br />\n <p>\n {{from_email}} has just sent a Capture to share an important Moment\n with you!\n </p>\n <p>Check out the magic moment on Capture now!</p>\n </td>\n </tr>\n <tr>\n <td align=\"center\" style=\"padding: 30px\">\n <img\n src=\"{{image_url}}\"\n class=\"img-fluid\"\n alt=\"Capture Moment\"\n width=\"300\"\n style=\"\n display: block;\n padding: 1px;\n border: 1px solid darkgray;\n border-radius: 1px;\n \"\n />\n <p>{{timestamp}} {{location}}</p>\n <p\n style=\"\n background: #f9f9f9;\n border-left: 10px solid #ccc;\n margin: 1.5em 10px;\n padding: 0.5em 10px;\n \"\n >\n {{caption}}\n </p>\n </td>\n </tr>\n <tr>\n <td align=\"center\" style=\"padding: 30px\">\n <p>\n Download\n <a href=\"{{cam_link}}\">Capture Cam</a>\n to accept the gift from {{from_email}} in your inbox and view more.\n </p>\n </td>\n </tr>\n </table>\n <br />\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"cam_link":"https://captureapp.xyz/products/camera","image_url":"https://ipfs-pin.numbersprotocol.io/ipfs/bafybeicouhqsogigu5rbwf4xtczl7asg5itvsn5mkcedcvkwjrq42gxyju","caption":"Image generated by AI","timestamp":"2021-09-01T12:00:00Z","location":"San Francisco, CA","from_email":"hi@numbersprotocol.io"}},{"service":"capture","template":"password_changed_confirmation","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>\n Your {{service_info.display_name}} password has been successfully changed!\n </title>\n </head>\n\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>Your password has been changed!</p>\n <p>No further action is needed if the password is changed by you.</p>\n </td>\n </tr>\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>\n If you did not change your password recently, please contact us\n immediately for your account security.\n </p>\n </td>\n </tr>\n </table>\n <br />\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n Email:\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"password_changed_confirmation","language":"ja","rawContent":"<html lang=\"ja\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>\n {{service_info.display_name}} アカウントのパスワードはリセットされました。\n </title>\n </head>\n\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>パスワードは正常にリセットされました。</p>\n <p>これがご本人の処理の場合は、これ以上の操作は必要ありません。</p>\n </td>\n </tr>\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>\n これがご本人の処理でない場合は、アカウントの安全のために直ちにご連絡ください。\n </p>\n </td>\n </tr>\n </table>\n <br />\n\n <div>\n <p>\n よろしくお願いします、\n <br />\n\n {{service_info.display_name}}\n <br />\n メール：\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"password_changed_confirmation","language":"zh-hant","rawContent":"<html lang=\"zh-Hant\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>您的 {{service_info.display_name}} 密碼更改成功！</title>\n </head>\n\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>您的密碼已被變更！</p>\n <p>如果是您本人變更了密碼，則無需進一步操作。</p>\n </td>\n </tr>\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>如果您最近沒有更改密碼，請立即聯繫我們以確保您的帳戶安全。</p>\n </td>\n </tr>\n </table>\n <br />\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n Email:\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"password_reset","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <title>{{service_info.display_name}} Password Reset</title>\n </head>\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>\n You recently asked us to set up or reset the password for your\n {{service_info.display_name}} account.\n </p>\n </td>\n </tr>\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>Please go to the following page and reset your password:</p>\n <a href=\"{{action_url}}\">{{action_url}}</a>\n </td>\n </tr>\n </table>\n <div>\n <p>\n Best regards,\n <br />\n {{service_info.display_name}}\n <br />\n Email:\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"action_url":"https://api.numbersprotocol.io/account/password-reset/0/0","service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"password_reset","language":"ja","rawContent":"<html lang=\"ja\">\n <head>\n <title>{{service_info.display_name}} パスワードをリセット</title>\n </head>\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>\n {{service_info.display_name}}\n アカウントのパスワード設定またはリセットを依頼されました。\n </p>\n </td>\n </tr>\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>以下のページにアクセスしてパスワードをリセットしてください：</p>\n <a href=\"{{action_url}}\">{{action_url}}</a>\n </td>\n </tr>\n </table>\n <div>\n <p>\n よろしくお願いします、\n <br />\n {{service_info.display_name}}\n <br />\n メール：\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"action_url":"https://api.numbersprotocol.io/account/password-reset/0/0","service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"password_reset","language":"zh-hant","rawContent":"<html lang=\"zh-Hant\">\n <head>\n <title>{{service_info.display_name}} 密碼重置</title>\n </head>\n <body>\n <table\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n width=\"100%\"\n >\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>您最近請求變更 {{service_info.display_name}} 帳戶的密碼。</p>\n </td>\n </tr>\n <tr>\n <td align=\"left\" style=\"padding: 30px\">\n <p>請至以下網頁重設您的密碼：</p>\n <a href=\"{{action_url}}\">{{action_url}}</a>\n </td>\n </tr>\n </table>\n <div>\n <p>\n 敬祝 平安順心\n <br />\n\n {{service_info.display_name}}敬上\n <br />\n Email:\n <a href=\"mailto:{{service_info.service_email}}\">\n {{service_info.service_email}}\n </a>\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"action_url":"https://api.numbersprotocol.io/account/password-reset/0/0","service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"}}},{"service":"capture","template":"product_confirmed","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>Your Capture NFT Purchase Confirmation</title>\n </head>\n\n <body>\n <span>Hello,</span><br />\n\n <div>\n <p>\n Thank you for joining us in building a better digital future through\n Capture. Your NFT purchase has been confirmed. Below are the details of\n your order:\n </p>\n <hr />\n\n <div><strong>Order Number: </strong>{{order.id}}</div>\n <div><strong>Order Date: </strong>{{order.date}}</div>\n <div><strong>Payment Amount: </strong>{{order.payment_amount}}</div>\n <div><strong>Payment Method: </strong>{{order.payment_method}}</div>\n <div><strong>Contact Email: </strong>{{service_info.service_email}}</div>\n <hr />\n\n <p><strong>Purchased Assets</strong></p>\n <ol>\n <li>\n <strong>Asset Nid: </strong>\n {{order.nid}}\n </li>\n <li>\n <strong>NFT Network: </strong\n ><a href=\"{{order.nft_network_link}}\">{{order.nft_network}}</a>\n </li>\n <li>\n <strong>NFT Token ID: </strong\n ><a href=\"{{order.nft_token_link}}\">{{order.nft_token_id}}</a>\n </li>\n </ol>\n <hr />\n\n <p><strong>Download Instructions</strong></p>\n\n <p>\n Once the NFT minting and transfer are complete, you will be able to\n download your purchased NFT from this\n <a href=\"{{order.nft_download_link}}\">link</a>\n within 24 hours. Each NFT includes its own specific license terms.\n Please visit the\n <a href=\"{{order.nft_page_link}}\">Capture page</a>\n of your NFT to review the attached license.\n </p>\n\n <p>\n If you have any questions or need assistance, please don't hesitate to\n contact our support team at\n <a href=\"mailto:{{service_info.service_email}}\"\n >{{service_info.service_email}}</a\n >.\n </p>\n </div>\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"order":{"id":"5521a40f-776b-468e-bbd8-9d36c9f0f687","date":"January 03, 2025","payment_amount":"1 NUM","payment_method":"Crypto Wallet","nid":"bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4","nft_network_link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396","nft_network":"Numbers","nft_token_link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396","nft_token_id":"16396","nft_download_link":"https://ipfs-pin.numbersprotocol.io/ipfs/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4","nft_page_link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396"}}},{"service":"capture","template":"product_listed","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>\n Capture NFT has been minted and shared on the Capture Explore page!\n </title>\n </head>\n\n <body>\n <span\n style=\"\n background-color: rgb(255, 255, 255);\n color: rgb(34, 34, 34);\n font-family: arial, helvetica, sans-serif;\n \"\n >Dear creator,</span\n ><br />\n\n <div>\n <p>\n Your Capture (<a href=\"{{product.link}}\">{{product.nid}}</a>) has been\n listed on the Capture Explore page and shared with all Capture community\n members! It’s ready to be collected!.\n </p>\n </div>\n\n <br />\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"product":{"nid":"bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4","link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396"}}},{"service":"capture","template":"product_listed","language":"zh-hant","rawContent":"<html lang=\"zh-Hant\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>Capture NFT 已鑄造完畢並分享於 Capture Explore 頁面！</title>\n </head>\n\n <body>\n <span\n style=\"\n background-color: rgb(255, 255, 255);\n color: rgb(34, 34, 34);\n font-family: arial, helvetica, sans-serif;\n \"\n >親愛的創作者，</span\n ><br />\n\n <div>\n <p>\n 您的 Capture (<a href=\"{{product.link}}\">{{product.nid}}</a>) 已上架到\n Capture Explore 頁面並分享給所有的 Capture 社群成員！準備好被收藏了！\n </p>\n </div>\n\n <br />\n\n <div>\n <p>\n 敬祝 平安順心\n <br />\n\n {{service_info.display_name}}敬上\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"product":{"nid":"bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4","link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396"}}},{"service":"capture","template":"product_sold","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>Your Capture has been collected!</title>\n </head>\n\n <body>\n <span\n style=\"\n background-color: rgb(255, 255, 255);\n color: rgb(34, 34, 34);\n font-family: arial, helvetica, sans-serif;\n \"\n >Dear creator,</span\n ><br />\n\n <div>\n <p>\n Your Capture has been collected.\n\n <br />\n See the details below:\n </p>\n <ul>\n <li>Transaction Date: {{order.date}}</li>\n <li>\n Capture Nid:\n <a href=\"{{order.asset_link}}\">{{order.nid}}</a>\n </li>\n <li>Quantity: {{order.quantity}}</li>\n <li>\n Collection Price ({{order.price_base}}): {{order.collection_price}}\n </li>\n <li>\n Platform Service Fee ({{order.price_base}}): {{order.service_fee}}\n (12%)\n </li>\n <li>Income ({{order.price_base}}): {{order.income}}</li>\n </ul>\n </div>\n <div>\n <p>*Note: The owner share of {{order.share_percentage}} is the income.</p>\n <p>\n Your sales proceeds will be credited to your Capture wallet. If the\n payment was proceeded with credit card, it would take 7 days until you\n may withdraw the fund due to the regulation.\n </p>\n </div>\n <div>\n <p>\n To view your updated balance, please visit the\n <a href=\"{{cam_link}}\">Capture Cam App</a>\n or\n <a href=\"{{dashboard_link}}\">Capture Dashboard</a>, navigate to the menu\n and click \"wallet\".\n </p>\n </div>\n\n <div>\n <p>\n We appreciate your contributions to our platform and look forward to\n more successful transactions!\n </p>\n </div>\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"dashboard_link":"https://dashboard.captureapp.xyz","cam_link":"https://captureapp.xyz/products/camera","order":{"nid":"bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4","asset_link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396","date":"January 03, 2025","quantity":1,"price_base":"NUM","collection_price":"$10","service_fee":"$1.2","income":"$8.8","share_percentage":"58%"}}},{"service":"capture","template":"product_sold","language":"zh-hant","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>您的 Capture 已被收藏！</title>\n </head>\n\n <body>\n <span\n style=\"\n background-color: rgb(255, 255, 255);\n color: rgb(34, 34, 34);\n font-family: arial, helvetica, sans-serif;\n \"\n >親愛的創作者，</span\n ><br />\n\n <div>\n <p>\n 恭喜您！您的 Capture 作品已被收藏！\n\n <br />\n 以下是交易細節：\n </p>\n <ul>\n <li>交易日期 {{order.date}}</li>\n <li>\n Capture Nid：\n <a href=\"{{order.asset_link}}\">{{order.nid}}</a>\n </li>\n <li>數量： {{order.quantity}}</li>\n <li>收藏價格 ({{order.price_base}})： {{order.collection_price}}</li>\n <li>\n 平台服務費 ({{order.price_base}})： {{order.service_fee}} （12%）\n </li>\n <li>實收金額 ({{order.price_base}})： {{order.income}}</li>\n </ul>\n </div>\n <div>\n <p>*備注：所有者的收益分成是{{order.share_percentage}}。</p>\n <p>\n 您的銷售所得將會直接匯入您的 Capture\n 錢包。如果是信用卡付款，根據相關規定，需要等待 7\n 天的資金保管期才能提領。\n </p>\n </div>\n <div>\n <p>\n 想查看最新的錢包餘額，請開啟\n <a href=\"{{cam_link}}\">Capture Cam App</a>\n 或登入\n <a href=\"{{dashboard_link}}\">Capture Dashboard</a\n >點選選單中的「錢包」查看。\n </p>\n </div>\n\n <div>\n <p>感謝您對我們平台的貢獻，期待更多成功的交易！</p>\n </div>\n\n <div>\n <p>\n 敬祝 平安順心\n <br />\n\n {{service_info.display_name}} 團隊敬上\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"dashboard_link":"https://dashboard.captureapp.xyz","cam_link":"https://captureapp.xyz/products/camera","order":{"nid":"bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4","asset_link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396","date":"January 03, 2025","quantity":1,"price_base":"NUM","collection_price":"$10","service_fee":"$1.2","income":"$8.8","share_percentage":"58%"}}},{"service":"capture","template":"product_sold_recollected","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>Your Capture has been re-collected!</title>\n </head>\n\n <body>\n <span\n style=\"\n background-color: rgb(255, 255, 255);\n color: rgb(34, 34, 34);\n font-family: arial, helvetica, sans-serif;\n \"\n >Dear creator,</span\n ><br />\n\n <div>\n <p>\n Your Capture has been re-collected.\n\n <br />\n See the details below:\n </p>\n <ul>\n <li>Transaction Date: {{order.date}}</li>\n <li>\n Capture Nid:\n <a href=\"{{order.asset_link}}\">{{order.nid}}</a>\n </li>\n <li>Quantity: {{order.quantity}}</li>\n <li>\n Collection Price ({{order.price_base}}): {{order.collection_price}}\n </li>\n <li>\n Platform Service Fee ({{order.price_base}}): {{order.service_fee}}\n (12%)\n </li>\n <li>Income ({{order.price_base}}): {{order.income}}</li>\n </ul>\n </div>\n <div>\n <p>*Note: The original author's share of 30% is the income.</p>\n <p>\n Your sales proceeds will be credited to your Capture wallet. If the\n payment was proceeded with credit card, it would take 7 days until you\n may withdraw the fund due to the regulation.\n </p>\n </div>\n <div>\n <p>\n To view your updated balance, please visit the\n <a href=\"{{cam_link}}\">Capture Cam App</a>\n or\n <a href=\"{{dashboard_link}}\">Capture Dashboard</a>, navigate to the menu\n and click \"wallet\".\n </p>\n </div>\n\n <div>\n <p>\n We appreciate your contributions to our platform and look forward to\n more successful transactions!\n </p>\n </div>\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"dashboard_link":"https://dashboard.captureapp.xyz","cam_link":"https://captureapp.xyz/products/camera","order":{"nid":"bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4","asset_link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396","date":"January 03, 2025","quantity":1,"price_base":"NUM","collection_price":"$10","service_fee":"$1.2","income":"$8.8"}}},{"service":"capture","template":"product_sold_recollected","language":"zh-hant","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>您的 Capture 已被收藏！</title>\n </head>\n\n <body>\n <span\n style=\"\n background-color: rgb(255, 255, 255);\n color: rgb(34, 34, 34);\n font-family: arial, helvetica, sans-serif;\n \"\n >親愛的創作者，</span\n ><br />\n\n <div>\n <p>\n 恭喜您！您的 Capture 作品已被收藏！\n\n <br />\n 以下是交易細節：\n </p>\n <ul>\n <li>交易日期 {{order.date}}</li>\n <li>\n Capture Nid：\n <a href=\"{{order.asset_link}}\">{{order.nid}}</a>\n </li>\n <li>數量： {{order.quantity}}</li>\n <li>收藏價格 ({{order.price_base}})： {{order.collection_price}}</li>\n <li>\n 平台服務費 ({{order.price_base}})： {{order.service_fee}} （12%）\n </li>\n <li>實收金額 ({{order.price_base}})： {{order.income}}</li>\n </ul>\n </div>\n <div>\n <p>*備注：原作者的收益分成是30%。</p>\n <p>\n 您的銷售所得將會直接匯入您的 Capture\n 錢包。如果是信用卡付款，根據相關規定，需要等待 7\n 天的資金保管期才能提領。\n </p>\n </div>\n <div>\n <p>\n 想查看最新的錢包餘額，請開啟\n <a href=\"{{cam_link}}\">Capture Cam App</a>\n 或登入\n <a href=\"{{dashboard_link}}\">Capture Dashboard</a\n >點選選單中的「錢包」查看。\n </p>\n </div>\n\n <div>\n <p>感謝您對我們平台的貢獻，期待更多成功的交易！</p>\n </div>\n\n <div>\n <p>\n 敬祝 平安順心\n <br />\n\n {{service_info.display_name}} 團隊敬上\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"dashboard_link":"https://dashboard.captureapp.xyz","cam_link":"https://captureapp.xyz/products/camera","order":{"nid":"bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4","asset_link":"https://asset.captureapp.xyz/bafkreib5zltexzwsqzigcjffxaslvzulkrs4u7sbfsnz7uny3jyxtg5sv4?chain_id=10507&contract=0x0C8C81D6954db5bF8c49D58Cb81340E023D6f530&token_id=16396","date":"January 03, 2025","quantity":1,"price_base":"NUM","collection_price":"$10","service_fee":"$1.2","income":"$8.8"}}},{"service":"capture","template":"transaction_received","language":"en-us","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>Welcome to the Future of Asset Collection with Capture!</title>\n </head>\n\n <body>\n <span>Dear user,</span><br />\n\n <div>\n <p>Thank you for choosing Capture 🚀</p>\n\n <p>\n Your newly collected asset with it’s NFT (Non-Fungible Token) is now\n available to be viewed in your Capture Vault.\n </p>\n\n <p><strong>What's Next? 🌟</strong></p>\n\n <ol>\n <li>\n <strong>Access Your Asset: </strong>Sign in to your\n <a href=\"{{dashboard_link}}\">Capture Dashboard</a>\n or download the\n <a href=\"{{cam_link}}\">Capture Cam App</a>\n to view your asset in the account. If this is your first time using\n Capture, please click on the <strong>\"Reset Password\"</strong> button\n to set up your password before signing in.\n </li>\n <li>\n <strong>Explore Your Asset's License: </strong>Each asset comes with\n its own specific license terms. Visit the\n <a href=\"{{asset.link}}\">Capture page</a>\n of your asset to review the license attached to it. This will provide\n you with important information about your rights and usage\n permissions.\n </li>\n <li>\n <strong>Share with Your Network: </strong>Excited about your newly\n collected asset? Share it on social media using the share button or\n share this\n <a href=\"{{asset.link}}\">link</a>\n directly. Let your friends and followers see the unique digital\n collectibles you're adding to your collection!\n </li>\n </ol>\n\n <p>\n Your enthusiasm for supporting creators fuels us and the entire\n community 🌍. We're thrilled that you're enjoying the collecting\n process, and we deeply appreciate your support.\n </p>\n\n <p>\n If you have any questions or need assistance, please don't hesitate to\n contact our support team at\n <a href=\"mailto:{{service_info.service_email}}\"\n >{{service_info.service_email}}</a\n >.\n </p>\n </div>\n\n <div>\n <p>\n Best regards,\n <br />\n\n {{service_info.display_name}}\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"dashboard_link":"https://dashboard.captureapp.xyz","cam_link":"https://captureapp.xyz/products/camera","asset":{"nid":"bafybeicouhqsogigu5rbwf4xtczl7asg5itvsn5mkcedcvkwjrq42gxyju","link":"https://asset.captureapp.xyz/bafybeicouhqsogigu5rbwf4xtczl7asg5itvsn5mkcedcvkwjrq42gxyju"}}},{"service":"capture","template":"transaction_received","language":"zh-hant","rawContent":"<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>歡迎來到資產收集的未來世界，與 Capture 一同前行！</title>\n </head>\n\n <body>\n <span>親愛的用戶您好，</span><br />\n\n <div>\n <p>感謝您選擇使用 Capture 🚀！</p>\n\n <p>\n 您最新收藏的數位資產以及 NFT 已經可以在您的 Capture Vault 裡面查看囉！\n </p>\n\n <p><strong>🌟接下來該怎麼做？</strong></p>\n\n <ol>\n <li>\n <strong>查看您的資產：</strong>請登入\n <a href=\"{{dashboard_link}}\">Capture Dashboard</a>\n ，或是下載\n <a href=\"{{cam_link}}\">Capture Cam App</a>\n 來查看您的數位資產。如果這是您第一次使用\n Capture，請點選<strong>「重設密碼」</strong>按鈕來設定密碼，再使用密碼登入。\n </li>\n <li>\n <strong>了解資產授權條款：</strong\n >每個數位資產都有專屬的授權條款。建議您前往\n <a href=\"{{asset.link}}\">Capture 資產頁面</a\n >查看相關授權內容，裡面有您的使用權限等重要資訊。\n </li>\n <li>\n <strong>分享給親朋好友：</strong>想分享您的新 NFT\n 收藏嗎？快用分享按鈕或直接分享<a href=\"{{asset.link}}\">連結</a\n >，讓您的朋友們看看您最新的獨特數位藏品吧！\n </li>\n </ol>\n\n <p>\n 您對創作者的支持是我們和整個社群前進的動力，希望您享受收藏藝術創作的過程，也由衷感謝您的支持！\n </p>\n\n <p>\n 如果您有任何問題或需要協助，歡迎隨時寄信到\n <a href=\"mailto:{{service_info.service_email}}\"\n >{{service_info.service_email}}</a\n >與我們的客服團隊聯繫。\n </p>\n </div>\n\n <div>\n <p>\n 敬祝 平安順心\n <br />\n\n {{service_info.display_name}} 團隊敬上\n <br />\n\n <img\n style=\"display: block; border: 0px; max-width: 50px; padding: 4px\"\n title=\"Logo\"\n alt=\"Logo\"\n src=\"{{service_info.service_logo}}\"\n width=\"50\"\n height=\"50\"\n />\n </p>\n </div>\n </body>\n</html>\n","data":{"service_info":{"display_name":"The Capture Team","service_logo":"https://static-cdn.numbersprotocol.io/Capture+GradWhite+App.png","service_email":"service@numbersprotocol.io"},"dashboard_link":"https://dashboard.captureapp.xyz","cam_link":"https://captureapp.xyz/products/camera","asset":{"nid":"bafybeicouhqsogigu5rbwf4xtczl7asg5itvsn5mkcedcvkwjrq42gxyju","link":"https://asset.captureapp.xyz/bafybeicouhqsogigu5rbwf4xtczl7asg5itvsn5mkcedcvkwjrq42gxyju"}}}];
const sidebar = document.getElementById('sidebar');
const preview = document.getElementById('preview');
sidebar.addEventListener('click', (event) => {
const item = event.target.closest('.template-item');
if (!item) return;
const { service, template, language } = item.dataset;
const selectedTemplate = templates.find(t => t.service === service && t.template === template && t.language === language);
if (selectedTemplate) {
console.log('Selected Template:', selectedTemplate);
const renderedContent = replaceVariables(selectedTemplate.rawContent, selectedTemplate.data);
console.log('Rendered Content:', renderedContent);
preview.innerHTML = renderedContent;
}
});
});
const replaceVariables = (template, data) => {
return template.replace(/{{\s*(\w+(?:\.\w+)*)\s*}}/g, (match, key) => {
console.log(`Processing key: ${key}`);
const keys = key.split(".");
let value = data;
for (const k of keys) {
if (value[k] === undefined) {
console.log(`Key not found: ${k}, returning original placeholder`);
return match;
}
value = value[k];
console.log(`Key found: ${k}, current value: ${value}`);
}
return value;
});
};
</script>
</head>
<body>
<div id="sidebar">
<div class="template-item" data-service="capture" data-template="activation_code" data-language="en-us">
capture - activation_code (en-us)
</div>
<div class="template-item" data-service="capture" data-template="activation_code" data-language="zh-hant">
capture - activation_code (zh-hant)
</div>
<div class="template-item" data-service="capture" data-template="activation_confirmation" data-language="en-us">
capture - activation_confirmation (en-us)
</div>
<div class="template-item" data-service="capture" data-template="activation_confirmation" data-language="zh-hant">
capture - activation_confirmation (zh-hant)
</div>
<div class="template-item" data-service="capture" data-template="invitation" data-language="en-us">
capture - invitation (en-us)
</div>
<div class="template-item" data-service="capture" data-template="password_changed_confirmation" data-language="en-us">
capture - password_changed_confirmation (en-us)
</div>
<div class="template-item" data-service="capture" data-template="password_changed_confirmation" data-language="ja">
capture - password_changed_confirmation (ja)
</div>
<div class="template-item" data-service="capture" data-template="password_changed_confirmation" data-language="zh-hant">
capture - password_changed_confirmation (zh-hant)
</div>
<div class="template-item" data-service="capture" data-template="password_reset" data-language="en-us">
capture - password_reset (en-us)
</div>
<div class="template-item" data-service="capture" data-template="password_reset" data-language="ja">
capture - password_reset (ja)
</div>
<div class="template-item" data-service="capture" data-template="password_reset" data-language="zh-hant">
capture - password_reset (zh-hant)
</div>
<div class="template-item" data-service="capture" data-template="product_confirmed" data-language="en-us">
capture - product_confirmed (en-us)
</div>
<div class="template-item" data-service="capture" data-template="product_listed" data-language="en-us">
capture - product_listed (en-us)
</div>
<div class="template-item" data-service="capture" data-template="product_listed" data-language="zh-hant">
capture - product_listed (zh-hant)
</div>
<div class="template-item" data-service="capture" data-template="product_sold" data-language="en-us">
capture - product_sold (en-us)
</div>
<div class="template-item" data-service="capture" data-template="product_sold" data-language="zh-hant">
capture - product_sold (zh-hant)
</div>
<div class="template-item" data-service="capture" data-template="product_sold_recollected" data-language="en-us">
capture - product_sold_recollected (en-us)
</div>
<div class="template-item" data-service="capture" data-template="product_sold_recollected" data-language="zh-hant">
capture - product_sold_recollected (zh-hant)
</div>
<div class="template-item" data-service="capture" data-template="transaction_received" data-language="en-us">
capture - transaction_received (en-us)
</div>
<div class="template-item" data-service="capture" data-template="transaction_received" data-language="zh-hant">
capture - transaction_received (zh-hant)
</div>
</div>
<div id="preview"></div>
</body>
</html>