1<!DOCTYPE html>
2<html>
3  <!--
4  Copyright (c) 2012 The Chromium Authors. All rights reserved.
5  Use of this source code is governed by a BSD-style license that can be
6  found in the LICENSE file.
7  -->
8<head>
9  <meta http-equiv="Pragma" content="no-cache">
10  <meta http-equiv="Expires" content="-1">
11  <title>{{title}}</title>
12  <script type="text/javascript" src="common.js"></script>
13  <script type="text/javascript" src="example.js"></script>
14</head>
15<body data-width="200" data-height="200" data-custom-load="true" {{attrs}}>
16  <h1>{{title}}</h1>
17  <h2>Status: <code id="statusField">NO-STATUS</code></h2>
18  <p>The File IO example demonstrates saving, loading, and deleting files
19     from the persistent file store.</p>
20
21  <div>
22    <span>
23      <input type="radio" id="radio_saveFile" name="group" checked="checked">
24        Save File
25      <input type="radio" id="radio_loadFile" name="group">Load File
26      <input type="radio" id="radio_delete" name="group">Delete File/Directory
27      <input type="radio" id="radio_listDir" name="group">List Directory
28      <input type="radio" id="radio_makeDir" name="group">Make Directory
29    </span>
30  </div>
31  <div class="function" id="saveFile">
32    <div>
33      <span>
34        Filename:
35        <input type="text" value="/filename.txt">
36        <button>Save</button>
37      </span>
38    </div>
39    <textarea id="saveFileEditor" cols="40" rows="10" wrap="hard"
40      placeholder="Enter some text to save in a file..."></textarea>
41  </div>
42  <div class="function" id="loadFile" hidden>
43    <div>
44      <span>
45        Filename:
46        <input type="text" value="/filename.txt">
47        <button>Load</button>
48      </span>
49    </div>
50    <textarea cols="40" rows="10" wrap="hard"></textarea>
51  </div>
52  <div class="function" id="delete" hidden>
53    <span>
54      Filename/Directory:
55      <input type="text" value="/filename.txt">
56      <button>Delete</button>
57    </span>
58  </div>
59  <div class="function" id="listDir" hidden>
60    <div>
61      <span>
62        Directory:
63        <input type="text" value="/">
64        <button>List Directory</button>
65      </span>
66    </div>
67    Result:
68    <ul id="listDirOutput">
69    </ul>
70  </div>
71  <div class="function" id="makeDir" hidden>
72    <span>
73      Directory:
74      <input type="text" value="/directory">
75      <button>Make Directory</button>
76    </span>
77  </div>
78
79  <pre id="log" style="font-weight: bold"></pre>
80  <!-- The NaCl plugin will be embedded inside the element with id "listener".
81      See common.js.-->
82  <div id="listener"></div>
83</body>
84</html>
85