Tool--Cisar/index.html at master · 365CSI/Tool--Cisar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>CSR Editor</title>
    <link type="text/css" rel="stylesheet" href="Content/codemirror/codemirror.css" />
    <link type="text/css" rel="stylesheet" href="Content/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="Content/main.css" />
    <link type="text/css" rel="stylesheet" href="Content/codemirror/show-hint.css" />
    <script type="text/javascript" src="Scripts/codemirror/codemirror.js"></script>
    <script type="text/javascript" src="Scripts/codemirror/mode/javascript.js"></script>
    <script type="text/javascript" src="Scripts/codemirror/show-hint.js"></script>
    <script type="text/javascript" src="Scripts/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="Scripts/typescriptServices.js"></script>
    <script type="text/javascript" src="Scripts/csr-editor.js"></script>
    <script type="text/javascript" src="Scripts/base64v1_0.js"></script>
    <script type="text/javascript" src="Scripts/codemirror/comment.js"></script>
    <script type="text/javascript" src="Scripts/knockout-3.3.0.js"></script>
    <script type="text/javascript" src="Scripts/knockout-es5.min.js"></script>
</head>
<body>
    <div class="webparts" data-bind="visible: loading">
        <div class="files">
            <div class="loading"><img src="/Content/loader.gif" alt=""></div>
        </div>
    </div>
    <div class="webparts" data-bind="visible: !loading" style="display: none;">
        <!-- ko if: personalView -->
            <div class="hint">
                You're on a personalized page. Either switch to Shared view or deploy customizations to a more global scope.
                Please see <a href="http://sharepoint.stackexchange.com/a/164479/1430" target="_blank">this SharePoint SE answer</a> for details.
            </div>
        <!-- /ko -->
        <!-- ko if: !personalView && webparts.length == 0 -->
            <div class="hint">
                No CSR-enabled webparts found on the page.
            </div>
        <!-- /ko -->
        <!-- ko foreach: webparts -->
            <div class="header" data-bind="text: title"></div>
            <div class="files">
                <div class="add" data-bind="click: displayAddNewFileUI, css: { adding: adding }">
                    <span>+</span>
                    <div class="hint" data-bind="visible: !adding && files.length == 0">Click here to add a file to this webpart</div>
                    <div data-bind="visible: adding">
                        <input type="text" data-bind="hasFocus: adding, value: newFileName, valueUpdate: 'afterkeydown', event: { keydown: fileNameInputKeyDown }" />
                        <div>Enter filename.</div>
                        <div>[Enter] = create/bind file, [ESC] = cancel</div>
                        <div><a class="change-path" href="javascript:void();" data-bind="click: displayChangePathDialog">Change path...</a></div>
                    </div>
                </div>
                <div class="loading" data-bind="visible: loading"><img src="/Content/loader.gif" alt=""></div>
                <!-- ko foreach: files -->
                    <div data-bind="click: makeFileCurrent, attr: { title: url }, css: { current: current, published: published }">
                        <a data-bind="click: removeFile, clickBubble: false, visible: current" class="remove-button" title="delete file and unbind from webpart">╳</a>
                        <a data-bind="click: publishFile, clickBubble: false, visible: current" class="publish-button" title="publish file">☑</a>
                        <span data-bind="text: shortUrl"></span>
                    </div>
                <!-- /ko -->
            </div>
        <!-- /ko -->
        <div class="header other-files" data-bind="visible: !loading && otherFiles.length > 0">Other files on page</div>
        <div class="files" data-bind="visible: !loading && otherFiles.length > 0">
            <!-- ko foreach: otherFiles -->
                <div data-bind="click: makeFileCurrent, attr: { title: url }, css: { current: current, published: published }">
                    <a data-bind="click: removeFile, clickBubble: false, visible: current" class="remove-button" title="delete file and unbind from webpart">╳</a>
                    <a data-bind="click: publishFile, clickBubble: false, visible: current" class="publish-button" title="publish file">☑</a>
                    <span data-bind="text: shortUrl"></span>
                </div>
            <!-- /ko -->
        </div>
    </div>
    <div class="separator"></div>
    <div class="editor">
        <textarea id="editor"></textarea>
    </div>
    <div class="dimmer" data-bind="visible: changePathDialogShown, click: changePathDialogShown = false" style="display: none"></div>
    <div class="change-path-dialog" data-bind="visible: changePathDialogShown" style="display: none">
        <div>Enter site collection-relative path to library and folder where you want the files created by Cisar to be stored (the path must exist):</div>
        <input type="text" data-bind="hasFocus: changePathDialogShown, value: filesPath, valueUpdate: 'afterkeydown', event: { keydown: pathInputKeyDown }" />
    </div>

    <script type="text/javascript" src="Scripts/app.js"></script>

</body>
</html>