-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feature(installer): style installation pages; ref #5
- Loading branch information
1 parent
f6e2f81
commit 8c8e6d7
Showing
5 changed files
with
262 additions
and
44 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,18 +1,102 @@ | ||
| <apex:page controller="RollbarConfigureController"> | ||
| <h1>Congratulations on choosing Rollbar</h1> | ||
| <p>To finish the installation of Rollbar Apex SDK, please provide your Rollbar project server side access token:</p> | ||
| <apex:form> | ||
| <apex:outputLabel value="post_server_item Access Token" for="rollbarAccessToken"/> | ||
| <apex:inputText value="{!accessToken}" id="rollbarAccessToken" /> | ||
| <apex:commandButton action="{!save}" value="Finish" id="rollbarConfigure"/> | ||
| </apex:form> | ||
|
|
||
| <c:remotesitehelper rssName="mdapi" | ||
| rssDescription="SFDC to SFDC metadata api." | ||
| pageOverview="This is an awesome overview of my tool." | ||
| pageOverviewLinkURL="http://google.com" | ||
| pageOverviewLinkText="Google This tool!" | ||
| pageSectionTitle="My Awesome Package Welcome Page" | ||
| pageSectionSubTitle="Welcome" | ||
| /> | ||
| <apex:page controller="RollbarConfigureController" action="{!check}"> | ||
| <style> | ||
| body, html { | ||
| background-image: radial-gradient(circle at 50% 66%,#0c84d2,#104c91); | ||
| height: 100%; | ||
| color: #fff | ||
| } | ||
|
|
||
| h3 { | ||
| font-size: 24px; | ||
| } | ||
|
|
||
| h4 { | ||
| font-size: 16px; | ||
| } | ||
|
|
||
| section, .next-step { | ||
| margin-top: 2em; | ||
| } | ||
|
|
||
| .next-step { | ||
| text-align: center; | ||
| } | ||
|
|
||
| header { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .content { | ||
| width: 50%; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| .header { | ||
| margin: 0 auto; | ||
| width: 414px; | ||
| margin-bottom: 2em; | ||
| } | ||
|
|
||
| .success { | ||
| color: rgb(176, 211, 116); | ||
| } | ||
|
|
||
| .error { | ||
| color:rgb(223, 75, 75); | ||
| } | ||
|
|
||
| input { | ||
| padding: 10px !important; | ||
| font-size: 24px !important; | ||
| border: none !important; | ||
| } | ||
|
|
||
| .next-step .btn { | ||
| background: rgb(176, 211, 116); | ||
| } | ||
|
|
||
| .center { | ||
| text-align:center; | ||
| } | ||
| </style> | ||
|
|
||
| <div class="content"> | ||
|
|
||
| <div class="header"> | ||
| <div> | ||
| <img src="https://files.readme.io/22a730d-small-rollbar-logo-white-horiz.png" /> | ||
| </div> | ||
| <h2>Thank you for choosing us...</h2> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
| <apex:pageBlock> | ||
| <h3>Configure Rollbar for Apex</h3> | ||
| <section> | ||
| <h4> | ||
| 1. Enable calls to your Metdata API: | ||
| </h4> | ||
| <c:remotesitehelper rssName="mdapi" | ||
| rssDescription="SFDC to SFDC metadata api." | ||
| pageOverview="Rollbar for Apex requires allowing calls to your organization's Metdata API endpoint." | ||
| /> | ||
| </section> | ||
| <section> | ||
| <h4> | ||
| 2. Set up your Rollbar project post access token: | ||
| </h4> | ||
|
|
||
| <apex:form> | ||
| <p class="center"> | ||
| <apex:inputText value="{!accessToken}" id="rollbarAccessToken" html-placeholder="Rollbar Access Token" /> | ||
| </p> | ||
| <div class="next-step"> | ||
| <apex:commandButton action="{!save}" value="Finish" id="rollbarConfigure" /> | ||
| </div> | ||
| </apex:form> | ||
| </section> | ||
| </apex:pageBlock> | ||
|
|
||
| </div> | ||
| </apex:page> |
123 changes: 115 additions & 8 deletions
123
force-app/main/default/pages/RollbarInstallationCheck.page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,117 @@ | ||
| <apex:page controller="RollbarConfigureController" action="{!check}"> | ||
| <h1>Congratulations on choosing Rollbar</h1> | ||
| <ul> | ||
| <li>Rollbar API endpoint allowed: {!checks['rollbarApiEndpointAllowed']}</li> | ||
| <li>Rollbar ping successful: {!checks['rollbarPingSuccessful']} </li> | ||
| <li>Rollbar Email Service set up: {!checks['rollbarEmailServiceSetUp']} </li> | ||
| <li>Apex Notifications forwarding set up: {!checks['apexNotificationsForwardingSetUp']} </li> | ||
| <li>Access Token correct: {!checks['accessTokenCorrect']} </li> | ||
| </ul> | ||
| <style> | ||
| body, html { | ||
| background-image: radial-gradient(circle at 50% 66%,#0c84d2,#104c91); | ||
| height: 100%; | ||
| color: #fff | ||
| } | ||
|
|
||
| h3 { | ||
| font-size: 24px; | ||
| } | ||
|
|
||
| section { | ||
| margin-top: 2em; | ||
| } | ||
|
|
||
| header { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .content { | ||
| width: 75%; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| .header { | ||
| margin: 0 auto; | ||
| width: 414px; | ||
| margin-bottom: 2em; | ||
| } | ||
|
|
||
| .success { | ||
| color: rgb(176, 211, 116); | ||
| } | ||
|
|
||
| .error { | ||
| color:rgb(223, 75, 75); | ||
| border: none !important; | ||
| } | ||
| </style> | ||
|
|
||
| <div class="content"> | ||
|
|
||
| <div class="header"> | ||
| <div> | ||
| <img src="https://files.readme.io/22a730d-small-rollbar-logo-white-horiz.png" /> | ||
| </div> | ||
| <h2>Thank you for choosing us...</h2> | ||
| </div> | ||
|
|
||
| <apex:pageBlock> | ||
| <div style="display:{!IF(installed, 'none', 'block')}"> | ||
| <header> | ||
| <h3 class="error">Oops! Something went wrong.</h3> | ||
| </header> | ||
| <ul> | ||
| <li>Rollbar API endpoint allowed: {!checks['rollbarApiEndpointAllowed']}</li> | ||
| <li>Rollbar ping successful: {!checks['rollbarPingSuccessful']} </li> | ||
| <li>Rollbar Email Service set up: {!checks['rollbarEmailServiceSetUp']} </li> | ||
| <li>Apex Notifications forwarding set up: {!checks['apexNotificationsForwardingSetUp']} </li> | ||
| <li>Access Token correct: {!checks['accessTokenCorrect']} </li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div style="display:{!IF(installed, 'block', 'none')}"> | ||
| <header> | ||
| <h3 class="success">Success</h3> | ||
| <p> | ||
| We sent an introductory log message to your Rollbar project. Look for item: | ||
| </p> | ||
| <p> | ||
| <code>Rollbar Apex SDK installed correctly in ...</code> | ||
| </p> | ||
| </header> | ||
| <section> | ||
| <h4> | ||
| Here is how to get started using Rollbar in your Apex code: | ||
| </h4> | ||
| <section> | ||
| <h5>Initialization</h5> | ||
| <p> | ||
| <code>Rollbar.init();</code> | ||
| </p> | ||
| <p> | ||
| This call will initialize the Rollbar notifier with your organization's default access token | ||
| and environment. | ||
| </p> | ||
| <p> | ||
| <code>Rollbar.init(String accessToken, String environment);</code> | ||
| </p> | ||
| <p> | ||
| With this overload you can provide a custom access token and custom environment for further | ||
| reporting. | ||
| </p> | ||
| </section> | ||
| <section> | ||
| <h5>Reporting</h5> | ||
| <p> | ||
| <code>Rollbar.log(String level, String message);</code> | ||
| </p> | ||
| <p> | ||
| This call will report an arbitrary message at one of the Rollbar reporting levels. | ||
| </p> | ||
| <p> | ||
| <code>Rollbar.log(Exception exception);</code> | ||
| </p> | ||
| <p> | ||
| You can report an exception object with it's stack trace using the above call. | ||
| </p> | ||
| </section> | ||
| </section> | ||
| </div> | ||
|
|
||
| </apex:pageBlock> | ||
|
|
||
| </div> | ||
| </apex:page> |