<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<base href="https://issues.jboss.org">
<title>Message Title</title>
</head>
<body class="jira" style="color: #333333; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.429">
<table id="background-table" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f5f5f5; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt" bgcolor="#f5f5f5">
<!-- header here -->
<tbody>
<tr>
<td id="header-pattern-container" style="padding: 0px; border-collapse: collapse; padding: 10px 20px">
<table id="header-pattern" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tbody>
<tr>
<td id="header-avatar-image-container" valign="top" style="padding: 0px; border-collapse: collapse; vertical-align: top; width: 32px; padding-right: 8px" width="32"> <img id="header-avatar-image" class="image_fix" src="https://static.jboss.org/developer/gravatar/413b0ec4cffc07b8257f6225ed05410a?d=mm&s=48" height="32" width="32" border="0" style="border-radius: 3px; vertical-align: top"> </td>
<td id="header-text-container" valign="middle" style="padding: 0px; border-collapse: collapse; vertical-align: middle; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px"> <a class="user-hover" rel="psturc" id="email_psturc" href="https://issues.jboss.org/secure/ViewProfile.jspa?name=psturc" style="color:#0052cc;; color: #3b73af; text-decoration: none">Pavel Sturc</a> <strong>created</strong> an issue </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td id="email-content-container" style="padding: 0px; border-collapse: collapse; padding: 0 20px">
<table id="email-content-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: separate">
<tbody>
<tr>
<!-- there needs to be content in the cell for it to render in some clients -->
<td class="email-content-rounded-top mobile-expand" style="padding: 0px; border-collapse: collapse; color: #ffffff; padding: 0 15px 0 16px; height: 15px; background-color: #ffffff; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 10px; line-height: 10px; padding: 0 15px 0 16px; mso-line-height-rule: exactly" height="10" bgcolor="#ffffff"> </td>
</tr>
<tr>
<td class="email-content-main mobile-expand " style="padding: 0px; border-collapse: collapse; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0; border-bottom: 0; padding: 0 15px 0 16px; background-color: #ffffff" bgcolor="#ffffff">
<table class="page-title-pattern" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tbody>
<tr>
<td class="page-title-pattern-first-line " style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; padding-top: 10px"> <a href="https://issues.jboss.org/browse/AEROGEAR" style="color: #3b73af; text-decoration: none">AeroGear</a> / <a href="https://issues.jboss.org/browse/AEROGEAR-8705" style="color: #3b73af; text-decoration: none"><img src="cid:jira-generated-image-avatar-3022b70a-2698-46e7-b0a2-c796d9e73627" height="16" width="16" border="0" align="absmiddle" alt="Task" style="vertical-align: text-bottom"></a> <a href="https://issues.jboss.org/browse/AEROGEAR-8705" style="color: #3b73af; text-decoration: none">AEROGEAR-8705</a> </td>
</tr>
<tr>
<td style="vertical-align: top;; padding: 0px; border-collapse: collapse; padding-right: 5px; font-size: 20px; line-height: 30px; mso-line-height-rule: exactly" class="page-title-pattern-header-container"> <span class="page-title-pattern-header" style="font-family: Arial, sans-serif; padding: 0; font-size: 20px; line-height: 30px; mso-text-raise: 2px; mso-line-height-rule: exactly; vertical-align: middle"> <a href="https://issues.jboss.org/browse/AEROGEAR-8705" style="color: #3b73af; text-decoration: none">Ionic Showcase Application - configuration</a> </span> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="email-content-main mobile-expand wrapper-special-margin" style="padding: 0px; border-collapse: collapse; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0; border-bottom: 0; padding: 0 15px 0 16px; background-color: #ffffff; padding-top: 10px; padding-bottom: 5px" bgcolor="#ffffff">
<table class="keyvalue-table" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tbody>
<tr>
<th style="color: #707070; font: normal 14px/20px Arial, sans-serif; text-align: left; vertical-align: top; padding: 2px 0">Issue Type:</th>
<td class="has-icon" style="padding: 0px; border-collapse: collapse; font: normal 14px/20px Arial, sans-serif; padding: 2px 0 2px 5px; vertical-align: top"> <img src="cid:jira-generated-image-avatar-3022b70a-2698-46e7-b0a2-c796d9e73627" height="16" width="16" border="0" align="absmiddle" alt="Task" style="vertical-align: text-bottom"> Task </td>
</tr>
<tr>
<th style="color: #707070; font: normal 14px/20px Arial, sans-serif; text-align: left; vertical-align: top; padding: 2px 0">Assignee:</th>
<td style="padding: 0px; border-collapse: collapse; font: normal 14px/20px Arial, sans-serif; padding: 2px 0 2px 5px; vertical-align: top"> Unassigned </td>
</tr>
<tr>
<th style="color: #707070; font: normal 14px/20px Arial, sans-serif; text-align: left; vertical-align: top; padding: 2px 0">Created:</th>
<td style="padding: 0px; border-collapse: collapse; font: normal 14px/20px Arial, sans-serif; padding: 2px 0 2px 5px; vertical-align: top"> 01/Mar/19 8:25 AM </td>
</tr>
<tr>
<th style="color: #707070; font: normal 14px/20px Arial, sans-serif; text-align: left; vertical-align: top; padding: 2px 0">Priority:</th>
<td class="has-icon" style="padding: 0px; border-collapse: collapse; font: normal 14px/20px Arial, sans-serif; padding: 2px 0 2px 5px; vertical-align: top"> <img src="cid:jira-generated-image-static-major-307da45b-e680-4aad-b3b8-ff0d076cb5b6" height="16" width="16" border="0" align="absmiddle" alt="Major" style="vertical-align: text-bottom"> Major </td>
</tr>
<tr>
<th style="color: #707070; font: normal 14px/20px Arial, sans-serif; text-align: left; vertical-align: top; padding: 2px 0">Reporter:</th>
<td style="padding: 0px; border-collapse: collapse; font: normal 14px/20px Arial, sans-serif; padding: 2px 0 2px 5px; vertical-align: top"> <a class="user-hover" rel="psturc" id="email_psturc" href="https://issues.jboss.org/secure/ViewProfile.jspa?name=psturc" style="color:#0052cc;; color: #3b73af; text-decoration: none">Pavel Sturc</a> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="email-content-main mobile-expand issue-description-container" style="padding: 0px; border-collapse: collapse; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0; border-bottom: 0; padding: 0 15px 0 16px; background-color: #ffffff; padding-top: 5px; padding-bottom: 10px" bgcolor="#ffffff">
<table class="text-paragraph-pattern" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 2px">
<tbody>
<tr>
<td class="text-paragraph-pattern-container mobile-resize-text " style="padding: 0px; border-collapse: collapse; padding: 0 0 10px 0"> <h3 style="margin: 10px 0 0 0; margin-top: 0; font-size: 16px; line-height: 1.563; margin: 30px 0 0 0; margin-top: 0"><a name="GeneralGuidelines" style="color: #3b73af; text-decoration: none"></a>General Guidelines</h3> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0"><a href="https://trello.com/c/IX6n2xmz/73-general-guidelines" class="external-link" rel="nofollow" style="color: #3b73af; text-decoration: none">https://trello.com/c/IX6n2xmz/73-general-guidelines</a><br> <a href="https://trello.com/c/DHKrU6mA/81-data-sync-general-guidelines" class="external-link" rel="nofollow" style="color: #3b73af; text-decoration: none">https://trello.com/c/DHKrU6mA/81-data-sync-general-guidelines</a></p> <h3 style="margin: 10px 0 0 0; font-size: 16px; line-height: 1.563; margin: 30px 0 0 0"><a name="Prerequisites" style="color: #3b73af; text-decoration: none"></a>Prerequisites</h3> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">1. Postgres DB deployed to an OpenShift project (use any DB parameters you want, but remember them since you will need them for provisioning Sync App APB)<br> 2. MDC provisioned + Mobile App with the name "org.aerogear.ionic.showcase" created<br> 3. Sync App APB provisioned with Ionic Showcase Server application (it should be available on aerogear dockerhub or you can build & push your own docker image from this repo: <a href="https://github.com/aerogear/ionic-showcase/tree/master/server" class="external-link" rel="nofollow" style="color: #3b73af; text-decoration: none">https://github.com/aerogear/ionic-showcase/tree/master/server</a>)</p>
<ul>
<li>for DB parameters, use the same parameters you used when deploying Postgres DB</li>
<li>bind the service to a Mobile App in MDC<br> 4. Identity Management APB provisioned and bound to Mobile App in MDC<br> 5. Metrics APB provisioned and bound to Mobile App in MDC<br> 6. UnifiedPush APB provisioned (see <a href="https://issues.jboss.org/browse/AEROGEAR-8485" class="external-link" rel="nofollow" style="color: #3b73af; text-decoration: none">this JIRA</a> to get the Sender ID and Server key) and bound to Mobile App in MDC (Android)<br> <span class="error">Unable to render embedded object: File (TODO - add link to iOS push credentials) not found.</span></li>
</ul> <h3 style="margin: 10px 0 0 0; font-size: 16px; line-height: 1.563; margin: 30px 0 0 0"><a name="Configurationofprovisionedservices" style="color: #3b73af; text-decoration: none"></a>Configuration of provisioned services</h3> <h4 style="margin: 10px 0 0 0; font-size: 14px; line-height: 1.500; margin: 20px 0 0 0; margin-top: 10px"><a name="IdentityManagement" style="color: #3b73af; text-decoration: none"></a>Identity Management</h4> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">1. Add new user to your realm (login to Keycloak -> Users -> Add user -> Type in Username -> Save -> Credentials -> add password, switch Temporary to off -> Reset password)</p>
<ul>
<li>you will use this user to log in when you run the ionic application<br> 2. Add a valid redirect URI (in Keycloak go to Clients -> select "org.aerogear.ionic.showcase-public" -> Add "http://localhost/<b>" to *Valid Redirect URIs</b> field, and add "<b>" to *Web Origins</b></li>
</ul> <h3 style="margin: 10px 0 0 0; font-size: 16px; line-height: 1.563; margin: 30px 0 0 0"><a name="Steps" style="color: #3b73af; text-decoration: none"></a>Steps</h3> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">1. Clone latest release of <a href="https://github.com/aerogear/ionic-showcase" class="external-link" rel="nofollow" style="color: #3b73af; text-decoration: none">ionic showcase app</a><br> 2. Add <tt>mobile-services.json</tt> file configuration from MDC to <tt>src/mobile-services.js</tt><br> 3. Run <tt>npm install</tt></p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">Below steps should be done with example app on both Android and iOS real devices.</p> <h4 style="margin: 10px 0 0 0; font-size: 14px; line-height: 1.500; margin: 20px 0 0 0"><a name="TestAuth" style="color: #3b73af; text-decoration: none"></a>Test Auth</h4> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">1. Run <tt>npm run ionic:android</tt>/<tt>npm run ionic:ios</tt></p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">You should be redirected to a Keycloak Login page</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">2. Login as a user you've created in the Keycloak configuration step<br> 3. Go to Manage tasks section</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">You should see an empty list of tasks. Network status should be <b>Online</b></p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">4. Try to add/update/delete some tasks and verify the app works as expected<br> 5. Go to User profile section of the app</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">You should see the details about your user profile (first & last name, email, roles)</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">6. Click on Logout</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">You should be logged out and stay on the User profile page with option to Login again</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">7. Click on Login</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">You should see the details about your user profile (first & last name, email, roles)</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">8. Go to Manage tasks section<br> 9. Try to add/update/delete some tasks and verify the app works as expected</p> <h4 style="margin: 10px 0 0 0; font-size: 14px; line-height: 1.500; margin: 20px 0 0 0"><a name="Subscriptions" style="color: #3b73af; text-decoration: none"></a>Subscriptions</h4> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">1. Keep Manage Tasks app opened on your mobile device<br> 2. In OpenShift, open your Sync App's URL and with '/graphql' endpoint (e.g. <a href="https://yourapp.openshift.com/graphql" class="external-link" rel="nofollow" style="color: #3b73af; text-decoration: none">https://yourapp.openshift.com/graphql</a>)<br> 3. Create a task in the graphql playground (following mutation should work for ionic-showcase-server app)</p> <p style="margin: 10px 0 0 0"></p>
<div id="syntaxplugin" class="syntaxplugin" style="border: 1px dashed #bbb; border-radius: 5px !important; overflow: auto; max-height: 30em;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="font-size: 1em; line-height: 1.4em !important; font-weight: normal; font-style: normal; color: black;; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tbody>
<tr id="syntaxplugin_code_and_gutter">
<td style=" line-height: 1.4em !important; padding: 0em; vertical-align: top;; padding: 0px; border-collapse: collapse"> <pre style="font-size: 1em; margin: 0 10px; margin-top: 10px; margin-bottom: 10px; width: auto; padding: 0;; margin: 10px 0 0 0; margin-top: 0"><span style="color: black; font-family: 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important;">mutation{createTask(title: "mytitle", description: "my desc"){id, version, title, description}}</span></pre> </td>
</tr>
</tbody>
</table>
</div> <p style="margin: 10px 0 0 0"></p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">Check your application on mobile device. The new task should appear there immediately</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">4. Change the task's title or description</p> <p style="margin: 10px 0 0 0"></p>
<div id="syntaxplugin" class="syntaxplugin" style="border: 1px dashed #bbb; border-radius: 5px !important; overflow: auto; max-height: 30em;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="font-size: 1em; line-height: 1.4em !important; font-weight: normal; font-style: normal; color: black;; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tbody>
<tr id="syntaxplugin_code_and_gutter">
<td style=" line-height: 1.4em !important; padding: 0em; vertical-align: top;; padding: 0px; border-collapse: collapse"> <pre style="font-size: 1em; margin: 0 10px; margin-top: 10px; margin-bottom: 10px; width: auto; padding: 0;; margin: 10px 0 0 0; margin-top: 0"><span style="color: black; font-family: 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important;">mutation edit{updateTask(id:"<TASK_ID>", version: 1, title: "change"){id}}</span></pre> </td>
</tr>
</tbody>
</table>
</div> <p style="margin: 10px 0 0 0"></p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">Check your application on mobile device. The change in the task should appear timmediately</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">5. Delete the task in graphql playground</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">The task should disappear from the app</p> <h4 style="margin: 10px 0 0 0; font-size: 14px; line-height: 1.500; margin: 20px 0 0 0"><a name="Offlinemutations" style="color: #3b73af; text-decoration: none"></a>Offline mutations</h4> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">1. Turn off wi-fi on your mobile device<br> 2. Try to add some items</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">The status in manage tasks section should be set to offline<br> The counter should show you correct amount of mutations you performed (1 mutation per update/deletion/creation)</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">3. Go online</p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">The status should be updated to "online" and the counter of mutations should be set to "0"<br> All the changes you did offline should be applied and available after you went online. No conflicts should appear.</p> <h4 style="margin: 10px 0 0 0; font-size: 14px; line-height: 1.500; margin: 20px 0 0 0"><a name="Offlineconflicts" style="color: #3b73af; text-decoration: none"></a>Offline conflicts</h4> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0">1. </p> <p style="margin-top:0;margin-bottom:10px;; margin: 10px 0 0 0"><a href="https://trello.com/c/8MGSYAc7" class="external-link" rel="nofollow" style="color: #3b73af; text-decoration: none">Trello link</a></p> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="email-content-main mobile-expand " style="padding: 0px; border-collapse: collapse; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0; border-bottom: 0; padding: 0 15px 0 16px; background-color: #ffffff" bgcolor="#ffffff">
<table id="actions-pattern" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px">
<tbody>
<tr>
<td id="actions-pattern-container" valign="middle" style="padding: 0px; border-collapse: collapse; padding: 10px 0 10px 24px; vertical-align: middle; padding-left: 0">
<table align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tbody>
<tr>
<td class="actions-pattern-action-icon-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 0; vertical-align: middle"> <a href="https://issues.jboss.org/browse/AEROGEAR-8705#add-comment" target="_blank" title="Add Comment" style="color: #3b73af; text-decoration: none"> <img class="actions-pattern-action-icon-image" src="cid:jira-generated-image-static-comment-icon-c98f1282-ea4f-4b5f-9e4a-952115659834" alt="Add Comment" title="Add Comment" height="16" width="16" border="0" style="vertical-align: middle"> </a> </td>
<td class="actions-pattern-action-text-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 4px; padding-left: 5px"> <a href="https://issues.jboss.org/browse/AEROGEAR-8705#add-comment" target="_blank" title="Add Comment" style="color: #3b73af; text-decoration: none">Add Comment</a> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- there needs to be content in the cell for it to render in some clients -->
<tr>
<td class="email-content-rounded-bottom mobile-expand" style="padding: 0px; border-collapse: collapse; color: #ffffff; padding: 0 15px 0 16px; height: 5px; line-height: 5px; background-color: #ffffff; border-top: 0; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; mso-line-height-rule: exactly" height="5" bgcolor="#ffffff"> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td id="footer-pattern" style="padding: 0px; border-collapse: collapse; padding: 12px 20px">
<table id="footer-pattern-container" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tbody>
<tr>
<td id="footer-pattern-text" class="mobile-resize-text" width="100%" style="padding: 0px; border-collapse: collapse; color: #999999; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; mso-line-height-rule: exactly; mso-text-raise: 2px"> This message was sent by Atlassian Jira <span id="footer-build-information">(v7.12.1#712002-<span title="609a50578ba6bc73dbf8b05dddd7c04a04b6807c" data-commit-id="609a50578ba6bc73dbf8b05dddd7c04a04b6807c}">sha1:609a505</span>)</span> </td>
<td id="footer-pattern-logo-desktop-container" valign="top" style="padding: 0px; border-collapse: collapse; padding-left: 20px; vertical-align: top">
<table style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tbody>
<tr>
<td id="footer-pattern-logo-desktop-padding" style="padding: 0px; border-collapse: collapse; padding-top: 3px"> <img id="footer-pattern-logo-desktop" src="https://issues.jboss.org/images/mail/atlassian-email-logo.png" alt="Atlassian logo" title="Atlassian logo" width="191" height="24" class="image_fix"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</body>
</html>