<!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>updated</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-c2692750-16b1-4c27-9131-9e5172d89f53" 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">Change By:</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"> <span class="diffcontext">h3. General Guidelines<br><br>https://trello.com/c/IX6n2xmz/73-general-guidelines<br>https://trello.com/c/DHKrU6mA/81-data-sync-general-guidelines<br><br>h3. Prerequisites<br><br>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: https://github.com/aerogear/ionic-showcase/tree/master/server)<br>* for DB parameters, use the same parameters you used when deploying Postgres DB<br>* 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 [this JIRA|https://issues.jboss.org/browse/AEROGEAR-8485] to get the Sender ID and Server key) and bound to Mobile App in MDC (Android)<br>!TODO - add link to iOS push credentials!<br><br>h3. Configuration of provisioned services<br><br>h4. Identity Management<br>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)<br>* 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/*" to *Valid Redirect URIs* field, and add "*" to *Web Origins*<br><br>h3. Steps<br><br>1. Clone latest release of [ionic showcase app|https://github.com/aerogear/ionic-showcase]<br>2. Add {{mobile-services.json}} file configuration from MDC to {{src/mobile-services.js}}<br>3. Run {{npm install}}<br></span> <span class="diffremovedchars" style="background-color: #ffe7e7; text-decoration:line-through;"><br>Below steps should be done with example app on both Android and iOS real devices.<br><br>h4. Test Auth<br><br>1. Run {{npm run ionic:android}}/{{npm run ionic:ios}}<br><br>You should be redirected to a Keycloak Login page<br><br>2. Login as a user you've created in the Keycloak configuration step<br>3. Go to Manage tasks section<br><br>You should see an empty list of tasks. Network status should be *Online*<br><br>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<br><br>You should see the details about your user profile (first & last name, email, roles)<br><br>6. Click on Logout<br><br>You should be logged out and stay on the User profile page with option to Login again<br><br>7. Click on Login<br><br>You should see the details about your user profile (first & last name, email, roles)<br><br>8. Go to Manage tasks section<br>9. Try to add/update/delete some tasks and verify the app works as expected<br><br>h4. Subscriptions<br><br>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. https://yourapp.openshift.com/graphql)<br>3. Create a task in the graphql playground (following mutation should work for ionic-showcase-server app)<br>{code}<br>mutation{createTask(title: "mytitle", description: "my desc"){id, version, title, description}}<br>{code}<br><br>Check your application on mobile device. The new task should appear there immediately<br><br>4. Change the task's title or description<br>{code}<br>mutation edit{updateTask(id:"<TASK_ID>", version: 1, title: "change"){id}}<br>{code}<br><br>Check your application on mobile device. The change in the task should appear timmediately<br><br>5. Delete the task in graphql playground<br><br>The task should disappear from the app<br><br>h4. Offline mutations<br><br>1. Turn off wi-fi on your mobile device<br>2. Try to add some items<br><br>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)<br><br>3. Go online<br><br>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.<br><br>h4. Offline conflicts<br><br>1. <br><br>[Trello link|https://trello.com/c/8MGSYAc7]</span> </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-40f78fa7-cc1c-465d-ae21-3e287532db5b" 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>