"use strict";
var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
Object.defineProperty(exports, "__esModule", { value: true });
//React
var React = require("react");
//Application
var wjViewer = require("wijmo/wijmo.react.viewer");
var GettingStarted = /** @class */ (function (_super) {
    __extends(GettingStarted, _super);
    function GettingStarted(props) {
        var _this = _super.call(this, props) || this;
        _this.state = {
            pdfServiceUrl: 'http://demos.componentone.com/ASPNET/c1webapi/4.0.20172.105/api/pdf',
            pdfFilePath: 'pdfroot/DefaultDocument.pdf'
        };
        return _this;
    }
    GettingStarted.prototype.render = function () {
        return React.createElement("div", null,
            React.createElement("h2", null, "Getting Started"),
            React.createElement("p", null, "Steps for getting started with the PdfViewer control in React applications:"),
            React.createElement("ol", null,
                React.createElement("li", null,
                    "Set up C1 Web API Pdf Services.  Please refer to ",
                    React.createElement("a", { target: "_blank", href: "https://grapecity.sharepoint.com/teams/C1/C1Studio/Rhino/_layouts/15/WopiFrame.aspx?sourcedoc=%7B2A584525-1FE5-4DDF-9250-BFFBDCEF7ACD%7D&file=%5BHowTo%5DSet%20Up%20C1%20Web%20Api%20Pdf%20Services.docx&action=default&IsList=1&ListId=%7BDFFA5B8D-3C57-433C-B25F-A31FAB3602EF%7D&ListItemId=644" }, "How to set up C1 Web API Pdf Services"),
                    "."),
                React.createElement("li", null,
                    "Add a PdfViewer React component to the page and set its ",
                    React.createElement("b", null, "serviceUrl"),
                    " and ",
                    React.createElement("b", null, "filePath"),
                    " properties.")),
            React.createElement("p", null,
                "The ",
                React.createElement("a", { target: "_blank", href: "http://helpcentral.componentone.com/nethelp/C1WebAPI/ReportServices.html" }, "C1 Web API Pdf Services"),
                " uses ",
                React.createElement("a", { target: "_blank", href: "http://helpcentral.componentone.com/nethelp/FlexReport/C1.Win.C1Document.4~C1.Win.C1Document.C1PdfDocumentSource.html" }, "C1PdfDocumentSource"),
                " to render and export pdf files. Please refer to ",
                React.createElement("a", { target: "_blank", href: "https://grapecity.sharepoint.com/teams/C1/C1Studio/Rhino/_layouts/15/WopiFrame.aspx?sourcedoc=%7B2A584525-1FE5-4DDF-9250-BFFBDCEF7ACD%7D&file=%5BHowTo%5DSet%20Up%20C1%20Web%20Api%20Pdf%20Services.docx&action=default&IsList=1&ListId=%7BDFFA5B8D-3C57-433C-B25F-A31FAB3602EF%7D&ListItemId=644" }, "How to set up C1 Web API Pdf Services"),
                " for details."),
            React.createElement("p", null, "To show the pdf file from C1 Web API Pdf Services, set the following basic properties:"),
            React.createElement("ol", null,
                React.createElement("li", null,
                    React.createElement("b", null, "serviceUrl:"),
                    " The url of C1 Web API Pdf Services. For example, 'http://demos.componentone.com/aspnet/webapi/api'."),
                React.createElement("li", null,
                    React.createElement("b", null, "filePath:"),
                    " The full path to the pdf file. For example, 'PdfRoot/C1XapOptimizer.pdf'.",
                    React.createElement("p", null,
                        "The 'PdfRoot' is the key of the pdf file disk storage provider which is registered at server for locating specified pdf file.",
                        React.createElement("br", null),
                        "The 'C1XapOptimizer.pdf' is the relative path of the pdf file which can be located by the disk storage provider."))),
            React.createElement("div", { className: "row" },
                React.createElement("div", { className: "col-md-12" },
                    React.createElement("h4", null, "Result (live):"),
                    React.createElement(wjViewer.PdfViewer, { serviceUrl: this.state.pdfServiceUrl, filePath: this.state.pdfFilePath }))),
            React.createElement("br", null),
            React.createElement("br", null),
            React.createElement("div", { className: "row" },
                React.createElement("div", { className: "col-md-12" },
                    React.createElement("ul", { className: "nav nav-tabs", role: "tablist" },
                        React.createElement("li", { className: "active" },
                            React.createElement("a", { href: "#gsJsx", role: "tab", "data-toggle": "tab" }, "JSX")),
                        React.createElement("li", null,
                            React.createElement("a", { href: "#gsJs", role: "tab", "data-toggle": "tab" }, "TS"))),
                    React.createElement("div", { className: "tab-content" },
                        React.createElement("div", { className: "tab-pane active pane-content", id: "gsJsx" },
                            ' <wjViewer.PdfViewer\n',
                            '     serviceUrl={this.state.pdfServiceUrl}\n',
                            '     filePath={this.state.pdfFilePath} />\n'),
                        React.createElement("div", { className: "tab-pane pane-content", id: "gsJs" },
                            ' constructor(props) {\n',
                            '     super(props);\n',
                            '     this.state = {\n',
                            '         pdfServiceUrl: \'http://demos.componentone.com/ASPNET/c1webapi/4.0.20172.105/api/pdf\',\n',
                            '         pdfFilePath: \'pdfroot/DefaultDocument.pdf\'\n',
                            '     }\n',
                            ' }\n')))));
    };
    return GettingStarted;
}(React.Component));
exports.GettingStarted = GettingStarted;
//# sourceMappingURL=GettingStarted.js.map