Merged PR 3708: Add ApplyCustomLayout method.

ali-hamud · ali-hamud · commit c8676615db63 · 2017-12-31T13:34:36.000Z
1) Add ApplyCustomLayout method.
2) Remove logs like:

Json Object
{
  "statusCode": 202,
  "headers": {
    "id": "1rjzv"
  }
}
diff --git a/demo/v2-demo/scripts/codesamples.js b/demo/v2-demo/scripts/codesamples.js
@@ -596,11 +596,8 @@ function _Report_UpdateSettings() {
 
     // Update the settings by passing in the new settings you have configured.
     report.updateSettings(newSettings)
-        .then(function (result) {
-            $("#result").html(result);
-        })
         .catch(function (error) {
-            $("#result").html(error);
+            Log.log(errors);
         });
 }
 
@@ -632,16 +629,6 @@ function _Report_SetPage() {
     // Get a reference to the embedded report.
     report = powerbi.get(embedContainer);
 
-    // setPage will change the selected view to the page you indicate.
-    // This is the actual page name not the display name.
-    report.setPage("ReportSection2")
-        .then(function (result) {
-            Log.log(result);
-        })
-        .catch(function (errors) {
-            Log.log(errors);
-        });
-
     // Report.off removes a given event handler if it exists.
     report.off("pageChanged");
 
@@ -651,6 +638,13 @@ function _Report_SetPage() {
         var page = event.detail.newPage;
         Log.logText(page.name + " - " + page.displayName);
     });
+
+    // setPage will change the selected view to the page you indicate.
+    // This is the actual page name not the display name.
+    report.setPage("ReportSection2")
+        .catch(function (errors) {
+            Log.log(errors);
+        });
 }
 
 function _Report_GetFilters() {
@@ -692,9 +686,6 @@ function _Report_SetFilters() {
     // Set the filter for the report.
     // Pay attention that setFilters receives an array.
     report.setFilters([filter])
-        .then(function (result) {
-            Log.log(result);
-        })
         .catch(function (errors) {
             Log.log(errors);
         });
@@ -709,9 +700,6 @@ function _Report_RemoveFilters() {
 
     // Remove the filters currently applied to the report.
     report.removeFilters()
-        .then(function (result) {
-            Log.log(result);
-        })
         .catch(function (errors) {
             Log.log(errors);
         });
@@ -726,9 +714,6 @@ function _Report_PrintCurrentReport() {
 
     // Trigger the print dialog for your browser.
     report.print()
-        .then(function (result) {
-            Log.log(result);
-        })
         .catch(function (errors) {
             Log.log(errors);
         });
@@ -768,6 +753,73 @@ function _Report_Refresh() {
         });
 }
 
+function _Report_ApplyCustomLayout() {
+    // Get a reference to the embedded report HTML element
+    var embedContainer = $('#embedContainer')[0];
+
+    // Get models. models contains enums that can be used.
+    var models = window['powerbi-client'].models;
+
+    // Define default visual layout: visible in 400x300.
+    let defaultLayout = {
+      width: 400,
+      height: 300,
+      displayState: {
+        mode: models.VisualContainerDisplayMode.Hidden
+      }
+    };
+
+    // Define page size as custom size: 1000x580.
+    let pageSize = {
+        type: models.PageSizeType.Custom,
+        width: 1000,
+        height: 580
+    };
+
+    // Page layout: two visible visuals in fixed position.
+    let pageLayout = {
+      defaultLayout: defaultLayout,
+      visualsLayout: {
+        "VisualContainer7": {
+          x: 70,
+          y: 100,
+          displayState: {
+            mode: models.VisualContainerDisplayMode.Visible
+          }
+        },
+        "VisualContainer4": {
+          x: 540,
+          y: 100,
+          displayState: {
+            mode: models.VisualContainerDisplayMode.Visible
+          }
+        }
+      }
+    };
+
+    let settings = {
+      filterPaneEnabled: false,
+      navContentPaneEnabled: false,
+      layoutType: models.LayoutType.Custom,
+      customLayout: {
+        pageSize: pageSize,
+        displayOption: models.DisplayOption.FitToPage,
+        pagesLayout: {
+          "ReportSection3": pageLayout
+        }
+      }
+    }
+
+    // Get a reference to the embedded report.
+    report = powerbi.get(embedContainer);
+
+    // Update the settings by passing in the new settings you have configured.
+    report.updateSettings(settings)
+        .catch(function (error) {
+            Log.log(errors);
+        });
+}
+
 function _Report_FullScreen() {
     // Get a reference to the embedded report HTML element
     var embedContainer = $('#embedContainer')[0];
@@ -874,11 +926,8 @@ function _Report_Extensions_OptionsMenu() {
 
     // Update the settings by passing in the new settings you have configured.
     report.updateSettings(newSettings)
-        .then(function (result) {
-            $("#result").html(result);
-        })
         .catch(function (error) {
-            $("#result").html(error);
+            Log.log(errors);
         });
 
     // Report.on will add an event handler to commandTriggered event which prints to console window.
@@ -922,11 +971,8 @@ function _Report_Extensions_ContextMenu() {
 
     // Update the settings by passing in the new settings you have configured.
     report.updateSettings(newSettings)
-        .then(function (result) {
-            $("#result").html(result);
-        })
         .catch(function (error) {
-            $("#result").html(error);
+            Log.log(errors);
         });
 
     // Report.on will add an event handler to commandTriggered event which prints to console window.
@@ -953,9 +999,10 @@ function _Page_SetActive() {
     // Retrieve the page collection, and then set the second page to be active.
     report.getPages()
         .then(function (pages) {
-            pages[1].setActive().then(function (result) {
-                Log.log(result);
-            });
+            pages[1].setActive()
+                .catch(function (errors) {
+                    Log.log(errors);
+                });
         })
         .catch(function (errors) {
            Log.log(errors);
@@ -1055,9 +1102,6 @@ function _Page_SetFilters() {
           });
 
           activePage.setFilters([filter])
-            .then(function (result) {
-                Log.log(result);
-            })
             .catch(function (errors) {
                 Log.log(errors);
             });
@@ -1083,9 +1127,6 @@ function _Page_RemoveFilters() {
           });
 
           activePage.removeFilters()
-            .then(function (result) {
-                Log.log(result);
-            })
             .catch(function (errors) {
                 Log.log(errors);
             });
diff --git a/demo/v2-demo/scripts/step_embed.js b/demo/v2-demo/scripts/step_embed.js
@@ -55,6 +55,10 @@ function Report_Extensions_OptionsMenu() {
     SetCode(_Report_Extensions_OptionsMenu);
 }
 
+function Report_ApplyCustomLayout() {
+    SetCode(_Report_ApplyCustomLayout);
+}
+
 // ---- Page Operations ----------------------------------------------------
 
 function Page_SetActive() {
diff --git a/demo/v2-demo/settings_embed.html b/demo/v2-demo/settings_embed.html
@@ -1,4 +1,4 @@
-<div id="report-embed-table">
+<div id="report-embed-table" class="embed-table">
     <div class="pageTitle">
         <h4>Embed Report</h4>
     </div>
@@ -37,7 +37,7 @@ <h4>Embed Report</h4>
     <div id="createModeInput">
         <h8>Fill in the fields below to get the code to embed your report.</h8>
         <div class="spacer" />
-        
+
         <div class="inputLine">
             <div class="inputLineTitle">Embed Token</div>
             <input type="text" id="txtCreateAccessToken" onchange="UpdateSession(this, SessionKeys.AccessToken);" />
diff --git a/demo/v2-demo/settings_interact.html b/demo/v2-demo/settings_interact.html
@@ -32,6 +32,7 @@
                         <li onclick="Report_UpdateSettings()">Update settings</li>
                         <li onclick="Report_Reload()">Reload</li>
                         <li onclick="Report_Refresh()">Refresh</li>
+                        <li class="newOperation" onclick="Report_ApplyCustomLayout()">Apply Custom Layout</li>
                         <li class="newOperation" onclick="Report_Extensions_OptionsMenu()">Extend options menu</li>
                         <li class="newOperation" onclick="Report_Extensions_ContextMenu()">Extend context menu</li>
                         <li onclick="Report_FullScreen()">Full screen</li>

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,10 @@ function Report_Extensions_OptionsMenu() {`
`55`	`55`	`SetCode(_Report_Extensions_OptionsMenu);`
`56`	`56`	`}`
`57`	`57`
	`58`	`+function Report_ApplyCustomLayout() {`
	`59`	`+ SetCode(_Report_ApplyCustomLayout);`
	`60`	`+}`
	`61`	`+`
`58`	`62`	`// ---- Page Operations ----------------------------------------------------`
`59`	`63`
`60`	`64`	`function Page_SetActive() {`