2016-11-14 15:45:51 +03:00
<!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 = "/" / >
2016-11-28 19:03:21 +03:00
< link rel = "stylesheet" href = "node_modules/bootstrap/dist/css/bootstrap.css" / >
2016-11-14 15:45:51 +03:00
< 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 >
2017-11-19 15:39:14 +03:00
< li id = "pageLinkDynamic" > < a href = "dynamic.html" > Scenario 2: Dynamic Embed< / a > < / li >
< li id = "pageLinkPageNav" > < a href = "pagenavigation.html" > Scenario 3: Custom Page Navigation< / a > < / li >
< li id = "pageLinkFilters" > < a href = "filters.html" > Scenario 4: Custom Filter Pane< / a > < / li >
< li id = "pageLinkDefaults" > < a href = "defaults.html" > Scenario 5: Default Page and/or Filter< / a > < / li >
< li id = "pageLinkSettings" > < a href = "settings.html" > Scenario 6: Update Settings< / a > < / li >
< li id = "pageLinkDataSelection" > < a href = "dataselection.html" > Scenario 7: Data Selection< / a > < / li >
2016-11-14 15:45:51 +03:00
< / 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 >
2016-11-28 19:03:21 +03:00
< script src = "node_modules/jquery/dist/jquery.js" > < / script >
< script src = "node_modules/es6-promise/dist/es6-promise.js" > < / script >
< script src = "node_modules/fetch/lib/fetch.js" > < / script >
< script src = "node_modules/powerbi-client/dist/powerbi.js" > < / script >
2016-11-14 15:45:51 +03:00
< script src = "app/index.js" > < / script >
< / body >
< / html >