cpp
/
squilu
зеркало из https://github.com/mingodad/squilu.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
							<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>SquiLuWebAppServer</title>
<link rel="stylesheet" href="/codemirror.css">
<script src="/codemirror-compressed.js"></script>
<link rel="stylesheet" href="/dialogs.css">
<link rel="stylesheet" href="/neat.css">
<link rel="stylesheet" href="/docs.css">
<style type="text/css">
.CodeMirror {border: 1px solid #ccc;}

.CodeMirror-foldmarker {
	color: blue;
	text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
	font-family: arial;
	line-height: .3;
	cursor: pointer;
}
.CodeMirror-foldgutter {
	width: .7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
	color: #555;
	cursor: pointer;
}
.CodeMirror-foldgutter-open:after {
	content: "\25BE";
}
.CodeMirror-foldgutter-folded:after {
	content: "\25B8";
}
  
.CodeMirror-focused .cm-matchhighlight {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
	background-position: bottom;
	background-repeat: repeat-x;
}

#editTable {
}
table, th, td
{
	border: 1px solid #ccc;
}
#editTable td {
	vertical-align:top;
}
#filesCell div {
	height:30em;
	overflow-y: auto;
}
#editCell {
	width:80%;
}
#editCell textarea {
	width:100%;
	height: 30em;
}
li:nth-child(odd)  { background-color:#ddd; }
</style>
</head>
<body>
<h3>SquiLu Web App Server</h3>
<form method="post">
<table id="editTable">
<tr><td id="filesCell">
<div>
<h4>Files</h4>
<ol>
<? foreach( k,v in files) { ?>
  <li><a href="?file=<?=v?>"><?=v?></a></li>
<? } ?>
</ol>
</div>
</td><td id="editCell">
<input type="submit" name="save" value="Save">
<!--<input type="submit" name="reload" value="Reload">-->
<input type="text" name="file_name" value="<?=file_name?>">
<button type="button" onclick="window.location.href='/SQ/logout';">Logout</button>
  <a href="/" target="myweb">View Page</a>
<br>
<textarea name="content" id="code"><?=escapeHtml(content)?></textarea>
<?
	function getMode(){
		if (!file_name) return "xml";
		local ext;
		file_name.gmatch("([^.]+)$", function(m) {ext=m; return false;});
		if (ext == "css")  return "css";
		else if (ext == "js") return "javascript";
		else if (ext == "nut") return "javascript";
		else if (ext == "tpl") return "application/x-ejs";
		else if (ext == "html") return "text/html";
		return "xml";
	}
?>
<p><input type="text" value="<?=getMode()?>" id="mode"> 
  <button type="button" onclick="change()">change mode</button></p>
</td></tr>
</table>
</form>
<script>
	var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
		tabMode: "indent",
		matchBrackets: true,
		indentWithTabs: true,
		lineNumbers: true,
	  	extraKeys: {"Ctrl-Q": function(cm){ cm.foldCode(cm.getCursor()); }},
    	foldGutter: {
    		rangeFinder: new CodeMirror.fold.combine(CodeMirror.fold.brace, CodeMirror.fold.comment)
    	},    
    	gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
	  	highlightSelectionMatches: {showToken: /\w/},
		mode: "<?=getMode()?>"
		});
	var modeInput = document.getElementById("mode");
	CodeMirror.connect(modeInput, "keypress", function(e) {
		if (e.keyCode == 13) change();
	});
	function change() {
		editor.setOption("mode", modeInput.value);
	}
</script>
</body>
</html>