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
3 changes: 3 additions & 0 deletions demo/code-demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,9 @@
<div class="logo-text">
<span class="logo-text-span">Microsoft Power BI JavaScript SDK - Live Sample</span>
</div>
<div id="oldSample">
<a href="/static.html">Old Sample</a>
</div>
</header>

<div id="mainContent" class="jumbotron">
Expand Down
12 changes: 12 additions & 0 deletions demo/code-demo/style/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,18 @@ a:hover, a:visited, a:link, a:active
height:550px;
}

#oldSample {
float: right;
margin-right: 30px;
font-weight: bolder;
}

#oldSample a {
color: white;
text-decoration: underline;
font-size: 20px;
}

.ms-font-xxl {
color: #333333;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
Expand Down
49 changes: 4 additions & 45 deletions demo/index.html
Original file line number Diff line number Diff line change
@@ -1,50 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Power BI - Sample - Client - JavaScript</title>
<base path="/" />

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="styles/app.css" />
</head>
<body>
<div class="container">
<h1>Power BI - Sample - Client - Javascript</h1>
<p>Demonstrate how to embed reports and interact with them using the api provided by the core library. <a href="https://github.com/microsoft/PowerBI-JavaScript" target="_blank">PowerBI-JavaScript</a></p>

<h2>Scenarios:</h2>
<ul id="navigation" class="nav nav-pills">
<li id="pageLinkStatic" class="active"><a href="index.html">Scenario 1: Static Embed</a></li>
<li id="pageLinkDynamic" class=""><a href="dynamic.html">Scenario 2: Dynamic Embed</a></li>
<li id="pageLinkPageNav" class=""><a href="pagenavigation.html">Scenario 3: Custom Page Navigation</a></li>
<li id="pageLinkFilters" class=""><a href="filters.html">Scenario 4: Custom Filter Pane</a></li>
<li id="pageLinkDefaults" class=""><a href="defaults.html">Scenario 5: Default Page and/or Filter</a></li>
<li id="pageLinkSettings" class=""><a href="settings.html">Scenario 6: Update Settings</a></li>
<li id="pageLinkDataSelection" class=""><a href="dataselection.html">Scenario 7: Data Selection</a></li>
</ul>

<h2>Static Embed</h2>
<p>Report to embed is known by the developer.</p>

<div id="reportstatic" class="powerbi-container"></div>

<br>
<p>
<button type="button" id="getId" class="btn btn-warning">Get Report ID</button>
<button type="button" id="fullscreen" class="btn btn-warning">Toggle Fullscreen</button>
<button type="button" id="reloadReport" class="btn btn-warning">Reload Report</button>
<button type="button" id="printReport" class="btn btn-warning">Print Report</button>
</p>
</div>

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/es6-promise/es6-promise.js"></script>
<script src="bower_components/fetch/fetch.js"></script>
<script src="bower_components/powerbi-client/dist/powerbi.js"></script>

<script src="app/index.js"></script>
</body>

<script>
window.location = "code-demo/index.html";
</script>
</html>
50 changes: 50 additions & 0 deletions demo/static.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Power BI - Sample - Client - JavaScript</title>
<base path="/" />

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="styles/app.css" />
</head>
<body>
<div class="container">
<h1>Power BI - Sample - Client - Javascript</h1>
<p>Demonstrate how to embed reports and interact with them using the api provided by the core library. <a href="https://github.com/microsoft/PowerBI-JavaScript" target="_blank">PowerBI-JavaScript</a></p>

<h2>Scenarios:</h2>
<ul id="navigation" class="nav nav-pills">
<li id="pageLinkStatic" class="active"><a href="index.html">Scenario 1: Static Embed</a></li>
<li id="pageLinkDynamic" class=""><a href="dynamic.html">Scenario 2: Dynamic Embed</a></li>
<li id="pageLinkPageNav" class=""><a href="pagenavigation.html">Scenario 3: Custom Page Navigation</a></li>
<li id="pageLinkFilters" class=""><a href="filters.html">Scenario 4: Custom Filter Pane</a></li>
<li id="pageLinkDefaults" class=""><a href="defaults.html">Scenario 5: Default Page and/or Filter</a></li>
<li id="pageLinkSettings" class=""><a href="settings.html">Scenario 6: Update Settings</a></li>
<li id="pageLinkDataSelection" class=""><a href="dataselection.html">Scenario 7: Data Selection</a></li>
</ul>

<h2>Static Embed</h2>
<p>Report to embed is known by the developer.</p>

<div id="reportstatic" class="powerbi-container"></div>

<br>
<p>
<button type="button" id="getId" class="btn btn-warning">Get Report ID</button>
<button type="button" id="fullscreen" class="btn btn-warning">Toggle Fullscreen</button>
<button type="button" id="reloadReport" class="btn btn-warning">Reload Report</button>
<button type="button" id="printReport" class="btn btn-warning">Print Report</button>
</p>
</div>

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/es6-promise/es6-promise.js"></script>
<script src="bower_components/fetch/fetch.js"></script>
<script src="bower_components/powerbi-client/dist/powerbi.js"></script>

<script src="app/index.js"></script>
</body>
</html>