Browse Source

add a change indicator

Lucas Stadler 10 years ago
parent
commit
dd0db41b25
1 changed files with 13 additions and 0 deletions
  1. 13 0
      glsl/files.js

+ 13 - 0
glsl/files.js

@ -143,18 +143,31 @@ Object.keys(localStorage).forEach(function(file) {
143 143
  }
144 144
});
145 145
146
var changeEl = document.createElement("span");
146 147
var editorEl = document.createElement("textarea");
147 148
editorEl.style  = "width: 70ex; height: 40em";
148 149
editorEl.onkeydown = function(ev) {
149 150
  if (ev.ctrlKey && ev.keyCode == 83) { // Ctrl-s
150 151
    ev.preventDefault();
151 152
    
153
    changeEl.textContent = "";
152 154
    files.save(files.current, editorEl.value);
153 155
  }
154 156
}
155 157
158
editorEl.onkeyup = function(ev) {
159
  if (!ev.altKey && !ev.ctrlKey) {
160
    if (editorEl.value != files.currentFile.content) {
161
      changeEl.textContent = "(changed)";
162
    } else {
163
      changeEl.textContent = "";
164
    }
165
  }
166
}
167
156 168
setFile(files.open(files.current), nameEl, editorEl);
157 169
158 170
document.body.appendChild(filesEl);
159 171
document.body.appendChild(nameEl);
172
document.body.appendChild(changeEl);
160 173
document.body.appendChild(editorEl);