Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 15 additions & 14 deletions demo/code-demo/step_authorize.html
Original file line number Diff line number Diff line change
@@ -1,43 +1,44 @@
<!DOCTYPE html>
<div class="line">
<h4>Sample Report</h4>
To Embed using a sample report, you can just move to next step.<br/>
To embed using a report supplied with the sample, select <b>Embed Sample Report</b>.<br/>
<button id="nextStepWithSample" class="btn btn-primary" onclick="OpenEmbedStepWithSample()">Embed Sample Report</button><br/><br/><br/>
<a href="#" onclick="ToggleEmbedWithSpecificReportDiv()">Embed Your Own Report</a><br/>
<a href="#" onclick="ToggleEmbedWithSpecificReportDiv()">Embed your own report</a><br/>
</div>
<div id="EmbedWithSpecificReportDiv" style="display: none;">
<div class="line">
<h4>Prerequisites</h4>
<ul>
<li>A workspace in <a href="https://azure.microsoft.com/en-us/documentation/articles/power-bi-embedded-get-started/">Azure PowerBI Embedded Service.</a></li>
<li>PowerBI Report imported to your workspace.</li>
<li>A workspace in the <a href="https://azure.microsoft.com/en-us/documentation/articles/power-bi-embedded-get-started/">Power BI embedded service.</a></li>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you write Power BI (as separated words) above, and PowerBI as one word below.... Please make sure it is consistent.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Power BI

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks, missed one

<li>Power BI report imported to your workspace.</li>
</ul>
</div>
<br/>
<div class="line">
<h4>Flow</h4>
Once you have a report imported to PowerBI Workspace, you are ready to embed it.<br/>
To Embed a report you need to get an Embed-Token. You can create this token in multiple ways:<br/>
<h4>Instructions to generate an embed App Token</h4>
Once you have improted a report into Power BI workspace, you are ready to embed it.<br/>
<br/>
To embed a report, you need to get an embed App Token. You can create this token in multiple ways.<br/>
<ul>
<li>Using <a href="https://github.com/Microsoft/PowerBI-cli">PowerBI-Cli</a> tool.<br/></li>
<li>In .Net Code using <a href="http://www.nuget.org/packages/Microsoft.PowerBI.Core/">Microsoft.PowerBI.Core</a> package.<br/></li>
<li>In NodeJS code using <a href="https://github.com/Microsoft/PowerBI-Node">powerbi-api</a> package.<br/></li>
<li>From .Net Code using <a href="http://www.nuget.org/packages/Microsoft.PowerBI.Core/">Microsoft.PowerBI.Core</a> package.<br/></li>
<li>From NodeJS code using <a href="https://github.com/Microsoft/PowerBI-Node">powerbi-api</a> package.<br/></li>
</ul>
</div>
<br/>
<div class="line">
<h4>Enter Embed Details</h4>
<h4>Enter embed details</h4>

Enter Report Embed Token</br>
Enter report App Token<br/>
<input type="text" id="txtAccessToken" name="txtAccessToken" onchange="UpdateSessions();" style="width: 100%;" /><br/><br/>

Enter Report Embedded Url</br>
Enter report embedded URL<br/>
<input type="text" id="txtReportEmbed" name="txtReportEmbed" onchange="UpdateSessions();" style="width: 100%;" value="https://embedded.powerbi.com/appTokenReportEmbed" /><br/><br/>

Enter Report Id</br>
Enter report ID<br/>
<input type="text" id="txtEmbedReportId" name="txtEmbedReportId" onchange="UpdateSessions();" style="width: 100%;" /><br/>
</div>
<button id="nextStep" class="btn btn-primary" onclick="OpenEmbedStep()">Next Step - Embed</button>
<button id="nextStep" class="btn btn-primary" onclick="OpenEmbedStep()">Next step - Embed</button>
</div>

<script>
Expand Down
6 changes: 3 additions & 3 deletions demo/code-demo/step_embed.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
<div id="settings">
<table id="report-embed-table">
<tr>
<td class="td-field-name">Embed Token</td>
<td class="td-field-name">Embed App Token</td>
<td><input type="text" id="txtAccessToken" onchange="UpdateSessions();" /><br/></td>
</tr>
<tr>
<td class="td-field-name">Embed Url</td>
<td class="td-field-name">Embed url</td>
<td>
<input type="text" id="txtReportEmbed" onchange="UpdateSessions();" value="https://embedded.powerbi.com/appTokenReportEmbed"/>
</td>
Expand All @@ -22,7 +22,7 @@ <h4>Code</h4>

<button id="btnRunEmbedCode" class="btn btn-primary" onclick="">Run Code</button>

<button id="nextStep" class="btn btn-primary" onclick="OpenInteractStep()">Next Step - Interact</button>
<button id="nextStep" class="btn btn-primary" onclick="OpenInteractStep()">Next step - Interact</button>
</div>

<script>
Expand Down
28 changes: 14 additions & 14 deletions demo/code-demo/step_interact.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,26 +2,26 @@
<div id="step-interact-wrapper">
<div>
<div>
<h8>Report supports the following functionality. Press to try!</h8>
<h8>The report supports the following functionality. Select an item to give it a try!</h8>
</div>
<div class="break-float">
<ul id="operations-ul">
<li id="report-operations-li" class="active" onclick="OpenReportOperations();"><a href="#">Show Report Operations</a></li>
<li id="page-operations-li" onclick="OpenPageOperations();"><a href="#">Show Page Operations</a></li>
<li id="report-operations-li" class="active" onclick="OpenReportOperations();"><a href="#">Show report operations</a></li>
<li id="page-operations-li" onclick="OpenPageOperations();"><a href="#">Show page operations</a></li>
</ul>
</div>
<div id="report-operations-div" class="operations-div">
<button class="btn btn-margin" onclick="Report_GetId()">Get Id</button>
<button class="btn btn-margin" onclick="Report_GetPages()">Get Pages</button>
<button class="btn btn-margin" onclick="Report_SetPage()">Set Page</button>
<button class="btn btn-margin" onclick="Report_SetFilters()">Set Filters</button>
<button class="btn btn-margin" onclick="Report_GetFilters()">Get Filters</button>
<button class="btn btn-margin" onclick="Report_RemoveFilters()">Remove Filters</button>
<button class="btn btn-margin" onclick="Report_GetId()">Get id</button>
<button class="btn btn-margin" onclick="Report_GetPages()">Get pages</button>
<button class="btn btn-margin" onclick="Report_SetPage()">Set page</button>
<button class="btn btn-margin" onclick="Report_SetFilters()">Set filters</button>
<button class="btn btn-margin" onclick="Report_GetFilters()">Get filters</button>
<button class="btn btn-margin" onclick="Report_RemoveFilters()">Remove filters</button>
<button class="btn btn-margin" onclick="Report_PrintCurrentReport()">Print</button>
<button class="btn btn-margin" onclick="Report_UpdateSettings()">Update Settings</button>
<button class="btn btn-margin" onclick="Report_UpdateSettings()">Update settings</button>
<button class="btn btn-margin" onclick="Report_Reload()">Reload</button>
<button class="btn btn-margin" onclick="Report_FullScreen()">Full Screen</button>
<button class="btn btn-margin" onclick="Report_ExitFullScreen()">Exit Full Screen</button>
<button class="btn btn-margin" onclick="Report_FullScreen()">Full screen</button>
<button class="btn btn-margin" onclick="Report_ExitFullScreen()">Exit full screen</button>
</div>
<div id="page-operations-div" class="operations-div" style="display: none;">
<button class="btn btn-margin" onclick="Page_SetActive()">Set Active</button>
Expand All @@ -33,11 +33,11 @@
<div id="codeDiv">
<h4>Code</h4>
<pre id="inputCode" style="width: 100%; height:200px;" /><br/>
<button id="btnRunSampleCode" class="btn btn-primary">Run Code</button>
<button id="btnRunSampleCode" class="btn btn-primary">Run code</button>
</div>

<div id="result-wrap">
The following div id is <b>result</b>. print to it in code for debugging.
The following div id is <b>result</b>. You can print to it in code for debugging purposes.
<pre id="result"></pre>
</div>
</div>