Skip to content

Commit a6bc5c9

Browse files
author
Amit Shuster
committed
Merged PR 4992: Embedded Playground - Demos
Demos init: * Custom layout * Bookmarks Fixed Q&A set question appearance on set question Moved session utils from step_samples to session_utils ![demos.JPG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/4992/attachments/demos.JPG) ![layout.JPG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/4992/attachments/layout.JPG) ![bookmark.JPG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/4992/attachments/bookmark.JPG) ![bookmark share.JPG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/4992/attachments/bookmark%20share.JPG) ![docs.JPG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/4992/attachments/docs.JPG)
1 parent 72b61d3 commit a6bc5c9

28 files changed

+1483
-252
lines changed

‎demo/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
"fetch": "^1.0.0",
3636
"http-server": "^0.10.0",
3737
"jquery": "^3.1.0",
38-
"powerbi-client": "2.5.0",
38+
"powerbi-client": "2.5.1",
3939
"syntaxhighlighter": "4.0.1"
4040
},
4141
"devDependencies": {}

‎demo/v2-demo/code_area.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<!DOCTYPE html>
22
<div class="editorTitle">Code</div>
33
<div class="textAreaControls">
4-
<button id="btnRunCode" class="textAreaControl">
4+
<button id="btnRunCode" class="textAreaControl regular">
55
<img src="images\run.png" /> Run
66
</button>
7-
<button id="btnCopyCode" class="textAreaControl" onclick="elementClicked(this);CopyCode();">
7+
<button id="btnCopyCode" class="textAreaControl regular" onclick="elementClicked(this);CopyCode();">
88
<img src="images\copy.png" /> Copy
99
</button>
1010
</div>

‎demo/v2-demo/demos.html

+44-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,45 @@
1-
<div>
2-
<h2>Demos</h2>
1+
<div id="demos-text">
2+
<h3>Embedded demos</h3>
3+
<br>
4+
<div id="demos-description">
5+
On this section you can experience the usage of our new features,<br>
6+
To get started, select the demo you want to try, and start exploring.
7+
8+
</div>
9+
</div>
10+
11+
<div id="mainContent">
12+
<div id="demosSelectDiv">
13+
<div id="sampleReport" class="pbi-line">
14+
<div class="demoImg">
15+
<img class="demoIcon" src="images\layoutIcon.svg"/>
16+
<div class="newDemo">NEW</div>
17+
</div>
18+
<div class="demoTextButton">
19+
<div class="pageTitle">
20+
<h3>Custom layout</h3>
21+
<h8>Experience a dynamic embedded report, using the custom layout feature.</h8>
22+
</div>
23+
<div class="startDemo">
24+
<button class="selectButton" onclick="OpenDemo('CustomLayout')">Start</button>
25+
</div>
26+
</div>
27+
</div>
28+
29+
<div id="sampleVisual" class="pbi-line">
30+
<div class="demoImg">
31+
<img id="bookmarksIcon" class="demoIcon" src="images\bookmarkIcon.svg"/>
32+
<div class="newDemo">NEW</div>
33+
</div>
34+
<div class="demoTextButton">
35+
<div class="pageTitle">
36+
<h3>Bookmarks capture & apply</h3>
37+
<h8>Experience report bookmarks capture & apply. Including captured bookmark share capability.</h8>
38+
</div>
39+
<div class="startDemo">
40+
<button class="selectButton" onclick="OpenDemo('Bookmarks')">Start</button>
41+
</div>
42+
</div>
43+
</div>
44+
</div>
345
</div>

‎demo/v2-demo/docs.html

+4
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,10 @@ <h2>Videos</h2>
4747
Your browser does not support the video tag.
4848
</video>
4949
</div>
50+
<div class="docs-video">
51+
Extend Context Menu Feature<br>
52+
<iframe width="330" height="186" src="https://www.youtube.com/embed/Yt4MGpD2cVk" frameborder="0" allow="encrypted-media" allowfullscreen></iframe>
53+
</div>
5054
</div>
5155
</div>
5256
</div>

‎demo/v2-demo/images/add.svg

+5
Loading

‎demo/v2-demo/images/bookmarkIcon.svg

+59
Loading

‎demo/v2-demo/images/close.png

332 Bytes
Loading

‎demo/v2-demo/images/ic_1column.svg

+25
Loading

‎demo/v2-demo/images/ic_2columns.svg

+34
Loading

‎demo/v2-demo/images/ic_3columns.svg

+43
Loading

‎demo/v2-demo/images/layoutIcon.svg

+59
Loading

‎demo/v2-demo/images/share.png

336 Bytes
Loading

‎demo/v2-demo/index.html

+12-8
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
7+
88
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
99
<link type="text/css" rel="stylesheet" href="syntaxHighlighter/theme.css">
1010
<link rel="stylesheet" type="text/css" href="style/style.css">
@@ -27,8 +27,9 @@
2727
<li id="main-sample" class="main-li-active" onclick="OpenSampleSection();">
2828
<div><a href="#">Sample tool</a></div>
2929
</li>
30-
<li id="main-demos" class="main-li-active" onclick="OpenDemosSection();" style="display: none;">
30+
<li id="main-demos" class="main-li-active" onclick="OpenDemosSection();" style="display: none">
3131
<div><a href="#">Demos</a></div>
32+
<div class="newSection">NEW</div>
3233
</li>
3334
<li id="main-docs" onclick="OpenDocumentationSection();">
3435
<div><a href="#">Documentation</a></div>
@@ -38,13 +39,13 @@
3839
</div>
3940
</div>
4041
<div id="contentWrapper">
41-
<div id ="sampleContent" class="content">
42+
<div id="sampleContent" class="content">
4243
</div>
4344

44-
<div id ="demosContent" class="content">
45+
<div id="demosContent" class="content">
4546
</div>
4647

47-
<div id ="documentationContent" class="content">
48+
<div id="documentationContent" class="content">
4849
</div>
4950
</div>
5051
</div>
@@ -54,18 +55,21 @@
5455
<script src="../node_modules/powerbi-client/dist/powerbi.js"></script>
5556

5657
<script src="scripts/codesamples.js"></script>
57-
58+
5859
<script src="scripts/index.js"></script>
5960
<script src="scripts/utils.js"></script>
6061
<script src="scripts/logger.js"></script>
6162
<script src="scripts/session_utils.js"></script>
6263
<script src="scripts/function_mapping.js"></script>
63-
64+
6465
<script src="scripts/report.js"></script>
65-
66+
6667
<script src="scripts/step_samples.js"></script>
6768
<script src="scripts/step_embed.js"></script>
6869
<script src="scripts/step_interact.js"></script>
6970

71+
<script src="live_demos/custom_layout/demo_custom_layout.js"></script>
72+
<script src="live_demos/bookmarks/demo_bookmarks.js"></script>
73+
7074
</body>
7175
</html>

0 commit comments

Comments
 (0)