After adding the sharing contract, I've used the following HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="ms-design-extensionType" content="ShareTarget">
<title>Share Target Contract</title>
<!-- WinJS references -->
<link href="//Microsoft.WinJS.0.6/css/ui-light.css" rel="stylesheet">
<script src="//Microsoft.WinJS.0.6/js/base.js"></script>
<script src="//Microsoft.WinJS.0.6/js/ui.js"></script>
<link href="/css/default.css" rel="stylesheet">
<link href="rececao.css" rel="stylesheet">
<script src="rececao.js"></script>
</head>
<body>
<!-- The content that will be loaded and displayed. -->
<section aria-label="Main content" role="main">
<header>
<img class="shared-thumbnail" src="#" alt="share metadata image" />
<div class="shared-metadata">
<h2 class="shared-title win-type-ellipsis"></h2>
<h4 class="shared-description"></h4>
</div>
</header>
<div class="sharecontrols">
<input class="submitbutton" type="submit" value="Gravar">
</div>
</section>
</body>
</html>
and here's the JS code:
// For an introduction to the Share Contract template, see the following documentation:
// http://go.microsoft.com/fwlink/?LinkId=232513
//
// TODO: Edit the manifest to enable use as a share target. The package
// manifest could not be automatically updated. Open the package manifest file
// and ensure that support for activation of sharing is enabled.
(function () {
"use strict";
var share;
// This function responds to all application activations.
function activated(eventObject) {
if (eventObject.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.shareTarget) {
document.querySelector(".submitbutton").onclick = onShareSubmit;
share = eventObject.detail.shareOperation;
document.querySelector(".shared-title").textContent = share.data.properties.title;
var thumbnail = share.data.properties.thumbnail;
if (thumbnail) {
// If the share data includes a thumbnail, display it.
thumbnail.openReadAsync().then(function (stream) {
var blob = MSApp.createBlobFromRandomAccessStream(stream.contentType, stream);
document.querySelector(".shared-thumbnail").src = URL.createObjectURL(blob, false);
});
} else {
// If no thumbnail is present, expand the description and
// title elements to fill the unused space.
document.querySelector("section[role=main] header").style.setProperty("-ms-grid-columns", "0px 0px 1fr");
document.querySelector(".shared-thumbnail").style.visibility = "hidden";
}
}
}
function onShareSubmit() {
document.querySelector(".submitbutton").disabled = true;
var picker = new Windows.Storage.Pickers.FileSavePicker();
picker.fileTypeChoices.insert("JPEG files", [".jpg"]);
picker.fileTypeChoices.insert("PNG files", [".png"]);
picker.suggestedFileName = share.data.properties.title;
picker.pickSaveFileAsync()
.then(function (file) {
share.data.getBitmapAsync()
.done(function (bmp) {
bmp.openReadAsync()
.done(function (stream) {
file.openAsync(Windows.Storage.FileAccessMode.readWrite)
.done(function (fileStream) {
Windows.Storage.Streams.RandomAccessStream.copyAndCloseAsync(stream, fileStream)
.done(function () {
share.reportCompleted();
});
});
});
});
},
function (err) {
var t = "";
});
}
WinJS.Application.start();
WinJS.Application.onactivated = activated;
})();
Luis Abreu
