microsoft · somriar · Feb 13, 2017 · Jan 23, 2017 · Jan 25, 2017 · Jan 26, 2017
diff --git a/demo/code-demo/scripts/codesamples.js b/demo/code-demo/scripts/codesamples.js
diff --git a/demo/code-demo/scripts/report.js b/demo/code-demo/scripts/report.js
@@ -54,3 +54,22 @@ function OpenInteractStep() {
         LoadCodeArea("#embedCodeDiv", _Report_GetId);
     });
 }
+
+function OpenCreateStep() {
+    $("#steps-auth a").removeClass(active_class);
+    $('#steps-embed a').addClass(active_class);
+    $('#steps-interact a').removeClass(active_class);
+
+    $("#steps-auth .step-div").removeClass(active_div);
+    $('#steps-embed .step-div').addClass(active_div);
+    $('#steps-interact .step-div').removeClass(active_div);
+
+    // Hide Embed view in authorization step.
+    $("#authorize-step-wrapper").hide();
+    $("#embed-and-interact-steps-wrapper").show();
+
+    $("#settings").load("settings_create.html", function() {
+        SetTextBoxesFromSessionOrUrlParam("#txtAccessToken", "#txtReportEmbed", "#txtEmbedDatasetId");
+        LoadCodeArea("#embedCodeDiv", _Embed_Create);
+    });
+}
diff --git a/demo/code-demo/scripts/step_authorize.js b/demo/code-demo/scripts/step_authorize.js
@@ -1,12 +1,14 @@
 function OpenEmbedStepWithSampleValues(accessToken, embedUrl, reportId)
 {
-    SetSession(SessionKeys.AccessToken, accessToken);
-    SetSession(SessionKeys.EmbedUrl, embedUrl);
-    SetSession(SessionKeys.EmbedId, reportId);
-
+    setSession(accessToken, embedUrl, reportId);
     OpenEmbedStep();
 }
 
+function OpenCleanEmbedStep()
+{
+    OpenEmbedStepWithSampleValues("","","");
+}
+
 function OpenEmbedStepWithSample() {
     var staticReportUrl = 'https://powerbi-embed-api.azurewebsites.net/api/reports/c52af8ab-0468-4165-92af-dc39858d66ad';
     fetch(staticReportUrl).then(function (response) {
@@ -20,4 +22,31 @@ function OpenEmbedStepWithSample() {
     var accessToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2ZXIiOiIwLjIuMCIsIndjbiI6IlBvd2VyQmlBenVyZVNhbXBsZXMiLCJ3aWQiOiJmODFjMTk2Ni1lZGVlLTQxMWItOGY4YS1mODQ0NjAxOWIwNDQiLCJyaWQiOiJjNTJhZjhhYi0wNDY4LTQxNjUtOTJhZi1kYzM5ODU4ZDY2YWQiLCJpc3MiOiJQb3dlckJJU0RLIiwiYXVkIjoiaHR0cHM6Ly9hbmFseXNpcy53aW5kb3dzLm5ldC9wb3dlcmJpL2FwaSIsImV4cCI6MTg5MzQ0ODgwMCwibmJmIjoxNDgxMDM3MTY5fQ.m4SwqmRWA9rJgfl72lEQ_G-Ijpw9Up5YwmBOfXi00YU";
 
     OpenEmbedStepWithSampleValues(accessToken, embedUrl, reportId);
+}
+
+function OpenEmbedStepCreateWithSampleValues(accessToken, embedUrl, datasetId)
+{
+    setSession(accessToken, embedUrl, datasetId);
+    OpenCreateStep();
+}
+
+function OpenCleanEmbedStepCreate()
+{
+    OpenEmbedStepCreateWithSampleValues("","","");
+}
+
+function OpenEmbedStepCreateWithSample() {
+    // Default values - report with embed token which expires on 1/1/2030.
+    var embedUrl = 'https://embedded.powerbi.com/appTokenReportEmbed?reportEmbedEditingEnabled=true';
+    var datasetId = '8f94aa87-a12b-4afa-9ff3-a0f78cd434b9';
+    var accessToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ3Y24iOiJEYmctV0FCSS1QQUFTLTEtU0NVUyIsIndpZCI6IjhhMGNlZTNlLTc3ZmEtNGM1Ny1hZTQ4LWM4NzliOTkwMjQyNSIsImRpZCI6IjhmOTRhYTg3LWExMmItNGFmYS05ZmYzLWEwZjc4Y2Q0MzRiOSIsInZlciI6IjAuMi4wIiwidHlwZSI6ImVtYmVkIiwic2NwIjoiRGF0YXNldC5SZWFkIiwiaXNzIjoiUG93ZXJCSVNESyIsImF1ZCI6Imh0dHBzOi8vYW5hbHlzaXMud2luZG93cy5uZXQvcG93ZXJiaS9hcGkiLCJleHAiOjE0OTU1MzE5MjEsIm5iZiI6MTQ4Njg4ODMyMX0.Lzug-8hFwPEWNgCJovk338Fc6Y6lrAZOcOruDRzT-Qw";
+
+    OpenEmbedStepCreateWithSampleValues(accessToken, embedUrl, datasetId);
+}
+
+function setSession(accessToken, embedUrl, datasetId)
+{
+    SetSession(SessionKeys.AccessToken, accessToken);
+    SetSession(SessionKeys.EmbedUrl, embedUrl);
+    SetSession(SessionKeys.EmbedId, datasetId);
 }
diff --git a/demo/code-demo/scripts/step_embed.js b/demo/code-demo/scripts/step_embed.js
@@ -70,3 +70,25 @@ function Events_PageChanged() {
 function Events_DataSelected() {
     SetCode(_Events_DataSelected);
 }
+
+function Events_SaveAsTriggered() {
+    SetCode(_Events_SaveAsTriggered);
+}
+
+// ---- Edit and Save Operations ----------------------------------------------------
+
+function Report_switchModeEdit() {
+    SetCode(_Report_switchModeEdit);
+}
+
+function Report_switchModeView() {
+    SetCode(_Report_switchModeView);
+}
+
+function Report_save() {
+    SetCode(_Report_save);
+}
+
+function Report_saveAs() {
+    SetCode(_Report_saveAs);
+}
diff --git a/demo/code-demo/scripts/step_interact.js b/demo/code-demo/scripts/step_interact.js
@@ -2,11 +2,13 @@ function OpenReportOperations() {
     $("#report-operations-div").show();
     $("#page-operations-div").hide();
     $("#events-operations-div").hide();
-
+    $("#editandsave-operations-div").hide();
+
     $("#report-operations-li").addClass('active');
     $('#page-operations-li').removeClass('active');
     $('#events-operations-li').removeClass('active');
-
+    $('#editandsave-operations-li').removeClass('active');
+
     $("#report-operations-div .function-ul li.active").click()
 
     $("#selected-catogory-button").html("Report operations");
@@ -17,10 +19,12 @@ function OpenPageOperations() {
     $("#page-operations-div").show();
     $("#report-operations-div").hide();
     $("#events-operations-div").hide();
+    $("#editandsave-operations-div").hide();
 
     $("#page-operations-li").addClass('active');
     $('#report-operations-li').removeClass('active');
     $('#events-operations-li').removeClass('active');
+    $('#editandsave-operations-li').removeClass('active');
 
     $("#page-operations-div .function-ul li.active").click();
 
@@ -32,17 +36,36 @@ function OpenEventOperations() {
     $("#page-operations-div").hide();
     $("#report-operations-div").hide();
     $("#events-operations-div").show();
+    $("#editandsave-operations-div").hide();
 
     $("#page-operations-li").removeClass('active');
     $('#report-operations-li').removeClass('active');
     $('#events-operations-li').addClass('active');
-
+    $('#editandsave-operations-li').removeClass('active');
+
     $("#events-operations-div .function-ul li.active").click();
 
     $("#selected-catogory-button").html("Events Listener");
     HideCategoriesList();
 }
 
+function OpenEditAndSaveOperations() {
+    $("#page-operations-div").hide();
+    $("#report-operations-div").hide();
+    $("#events-operations-div").hide();
+    $("#editandsave-operations-div").show();
+
+    $("#page-operations-li").removeClass('active');
+    $('#report-operations-li').removeClass('active');
+    $('#events-operations-li').removeClass('active');
+    $('#editandsave-operations-li').addClass('active');
+
+    $("#editandsave-operations-div .function-ul li.active").click();
+
+    $("#selected-catogory-button").html("Edit and save operations");
+    HideCategoriesList();
+}
+
 function HideCategoriesList() {
     $("#operations-ul-wrapper").hide();
 }

diff --git a/demo/code-demo/settings_create.html b/demo/code-demo/settings_create.html
@@ -0,0 +1,31 @@
+<div id="report-embed-table">
+
+  <div class="tabContainer">
+      <ul class="nav nav-tabs">
+        <li id="steps-embed" onclick="OpenCleanEmbedStep();">
+          <a data-toggle="tab" href="#Embed">Embed</a>
+        </li>
+        <li class="active" id="steps-embed" onclick="OpenCreateStep();">
+          <a data-toggle="tab" href="#Create">Create</a>
+        </li>
+      </ul>
+  </div>
+
+  <div class="pageTitle">
+      <h4>Create Report</h4>
+      <h8>Fill in the fields below to get the code to create your report.</h8>
+      <div class="spacer" />
+  </div>
+  <div class="inputLine">
+      <h8>Embed App Token</h8>
+      <div><input type="text" id="txtAccessToken" onchange="UpdateSession(this, SessionKeys.AccessToken);" /></div>
+  </div>
+  <div class="inputLine">
+      <h8>Embed URL</h8>
+      <div><input type="text" id="txtReportEmbed" onchange="UpdateSession(this, SessionKeys.EmbedUrl);" value="https://embedded.powerbi.com/appTokenReportEmbed"/></div>
+  </div>
+  <div class="inputLine">
+      <h8>Dataset Id</h8>
+      <div><input type="text" id="txtEmbedDatasetId" onchange="UpdateSession(this, SessionKeys.EmbedId);"/></div>
+  </div>
+</div>
diff --git a/demo/code-demo/settings_embed.html b/demo/code-demo/settings_embed.html
@@ -1,4 +1,16 @@
 <div id="report-embed-table">
+
+    <div class="tabContainer">
+        <ul class="nav nav-tabs">
+          <li class="active" id="steps-embed" onclick="OpenEmbedStep();">
+            <a data-toggle="tab" href="#Embed">Embed</a>
+          </li>
+          <li id="steps-embed" onclick="OpenCleanEmbedStepCreate();">
+            <a data-toggle="tab" href="#Create">Create</a>
+          </li>
+        </ul>
+    </div>
+
     <div class="pageTitle">
         <h4>Embed Report</h4>
         <h8>Fill in the fields below to get the code to embed your report.</h8>
@@ -16,4 +28,7 @@ <h4>Embed Report</h4>
         <h8>Report Id</h8>
         <div><input type="text" id="txtEmbedReportId" onchange="UpdateSession(this, SessionKeys.EmbedId);"/></div>
     </div>
+    <div id="report-embed-checkbox" class="checkbox">
+        <label><input type="checkbox" id="viewModeCheckbox">Embed in Edit mode</label>
+    </div>
 </div>
diff --git a/demo/code-demo/settings_interact.html b/demo/code-demo/settings_interact.html
@@ -16,6 +16,9 @@
                     <li id="events-operations-li" onclick="OpenEventOperations();"></span>
                         <span><a href="#">Events listener</a>
                     </li>
+                    <li id="editandsave-operations-li" onclick="OpenEditAndSaveOperations();"></span>
+                        <span><a href="#">Edit and save operations</a>
+                    </li>
                 </ul>
                 <img src="images/arrow_flipped.png" onclick="HideCategoriesList();" />
             </div>
@@ -49,6 +52,15 @@
                     <ul class="function-ul">
                         <li class="active" onclick="Events_PageChanged()">Page Changed</li>
                         <li class="" onclick="Events_DataSelected()">Data Selected</li>
+                        <li class="" onclick="Events_SaveAsTriggered()">SaveAs Triggered</li>
+                    </ul>
+                </div>
+                 <div id="editandsave-operations-div" class="operations-div" style="display: none;">
+                    <ul class="function-ul">
+                        <li class="" onclick="Report_switchModeEdit()">Enter edit mode</li>
+                        <li class="" onclick="Report_switchModeView()">Enter view mode</li>
+                        <li class="" onclick="Report_save()">Save report</li>
+                        <li class="" onclick="Report_saveAs()">SaveAs report</li>
                     </ul>
                 </div>
             </div>

diff --git a/demo/code-demo/step_authorize.html b/demo/code-demo/step_authorize.html
@@ -7,6 +7,7 @@ <h3>Sample Report</h3>
         </div>
         <div class="settings">
             <button id="GoToEmbedStepButton" class="blueButton" onclick="OpenEmbedStepWithSample()">Embed sample report</button>
+            <button id="GoToEmbedStepButton" class="blueButton" onclick="OpenEmbedStepCreateWithSample()">Create embeded report with sample dataset</button>
         </div>
     </div>
 

diff --git a/demo/code-demo/step_create.html b/demo/code-demo/step_create.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<div id="settings">
+    <table id="report-embed-table">
+        <tr>
+            <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>
+                <input type="text" id="txtReportEmbed" onchange="UpdateSessions();" value="https://embedded.powerbi.com/appTokenReportEmbed"/>
+            </td>
+        </tr>
+        <tr>
+            <td class="td-field-name">Dataset Id</td>
+            <td><input type="text" id="txtEmbedDatasetId" onchange="UpdateSessions();"/><br/></td>
+        </tr>
+    </table>
+
+    <h4>Code</h4>
+    <pre id="txtEmbedCode" /><br/>
+
+    <button id="btnRunEmbedCode" class="btn btn-primary" onclick="">Run Code</button>
+
+    <button id="nextStep" class="btn btn-primary" onclick="OpenInteractStep()">Next step - Interact</button>
+</div>
+
+<script>
+    SetEmbedUrlFromSessionOrUrlParam();
+    SetAccessTokenFromSessionOrUrlParam();
+    SetEmbedCode(_Embed_Create);
+</script>
diff --git a/demo/code-demo/style/style.css b/demo/code-demo/style/style.css
@@ -48,6 +48,12 @@ a:hover, a:visited, a:link, a:active
     margin-bottom: 5px;
 }
 
+#report-embed-checkbox input {
+    width: auto;
+    border: none;
+    margin-bottom: 5px;
+}
+
 #oldSample {
     display: block;
     float: right;
@@ -490,3 +496,16 @@ a {
     position: relative;
     top: -1px;
 }
+
+.tabContainer {
+    margin-bottom: 5px;
+    padding-left: 0;
+}
+
+.nav-tabs {
+    border-bottom: 0px;
+}
+
+.checkbox.input {
+    width: auto;
+}
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "powerbi-client",
-  "version": "2.2.6",
+  "version": "2.2.7",
   "description": "JavaScript library for embedding Power BI into your apps. Provides service which makes it easy to embed different types of components and an object model which allows easy interaction with these components such as changing pages, applying filters, and responding to data selection.",
   "main": "dist/powerbi.js",
   "typings": "dist/powerbi.d.ts",
@@ -55,11 +55,11 @@
     "jquery": "^2.2.3",
     "json-loader": "^0.5.4",
     "karma": "^0.13.19",
-    "karma-chrome-launcher": "^0.2.2",
-    "karma-coverage": "^0.5.3",
+    "karma-chrome-launcher": "^0.2.3",
+    "karma-coverage": "^0.5.5",
     "karma-firefox-launcher": "^1.0.0",
-    "karma-jasmine": "^0.3.7",
-    "karma-phantomjs-launcher": "^1.0.0",
+    "karma-jasmine": "^0.3.8",
+    "karma-phantomjs-launcher": "^1.0.2",
     "karma-spec-reporter": "0.0.23",
     "moment": "^2.14.1",
     "phantomjs-prebuilt": "^2.1.3",
@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "http-post-message": "^0.2.3",
-    "powerbi-models": "^0.10.1",
+    "powerbi-models": "^0.11.1",
     "powerbi-router": "^0.1.4",
     "window-post-message-proxy": "^0.2.4"
   },

diff --git a/src/config.ts b/src/config.ts
@@ -1,5 +1,5 @@
 const config = {
-  version: '2.2.6',
+  version: '2.2.7',
   type: 'js'
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -7,6 +7,7 @@ <h3>Sample Report</h3> @@
             </div>
             <div class="settings">
                 <button id="GoToEmbedStepButton" class="blueButton" onclick="OpenEmbedStepWithSample()">Embed sample report</button>
+                <button id="GoToEmbedStepButton" class="blueButton" onclick="OpenEmbedStepCreateWithSample()">Create embeded report with sample dataset</button>
             </div>
         </div>
@@ Expand Down @@