cyrilleinvalides/choupas/www/admin/app/templates/back/pages/editor.html

351 lines
12 KiB
HTML
Executable File

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="refresh" content="1000000000" />
<base href="{$server['REQUEST_URI']@dirname}/"/>
<title>Dadisoft : WebDev Interface</title>
<!-- BEGIN scriptlinks -->
<script type="text/javascript" src="editor/scripts/domExtension.js"> </script>
<script type="text/javascript" src="editor/scripts/onglets.js"> </script>
<script type="text/javascript" src="editor/scripts/editors.js"> </script>
<script type="text/javascript" src="editor/scripts/ajax.js"> </script>
<script type="text/javascript" src="editor/scripts/explorer.js"> </script>
<script type="text/javascript" src="editor/scripts/jsConsole.js"> </script>
<script type="text/javascript" src="editor/scripts/phpConsole.js"> </script>
<script type="text/javascript" src="editor/scripts/sqlConsole.js"> </script>
<script type="text/javascript" src="editor/scripts/richTextarea.js"> </script>
<script type="text/javascript" src="editor/scripts/menu.js"> </script>
<script type="text/javascript" src="editor/scripts/pma.js"> </script>
<script type="text/javascript" src="editor/scripts/dragdrop.js"> </script>
<script type="text/javascript" src="editor/scripts/sets.js"> </script>
<script type="text/javascript" src="editor/scripts/xhr3.js"> </script>
<script type="text/javascript" src="editor/scripts/base64.js"> </script>
<!-- END scriptlinks -->
<script type="text/javascript">
var onglets = null;
var editors = null;
var jsC = null;
var phpC = null;
var sqlC = null;
var menui = null;
var pma = null;
var docmouse = null;
var xhrProc = null;
/*
setTimeout("alert('Redemarrage !')", 2000000);
setTimeout("alert('Redemarrage Imminent!')", 2400000);
*/
/*window.onbeforeunload = function () {
var a = editors.editors;
var saved = true;
for(var i = 0; i < a.length; i++) {
if (a[i] && !a[i].saved) saved = false;
}
if (!saved) return 'Tous les documents n\'ont pas été enregistrés.';
}*/
function makeEditable(elem) {
var input = document.createElement('input');
var output = document.createElement('span');
input.type = 'text';
input.className = 'input';
input.style.display = 'none';
input.value = elem.innerHTML;
output.innerHTML = elem.innerHTML;
output.className = 'output';
input.hide = function () {
this.parentNode.getElementsByClassName('output')[0].innerHTML = this.value;
this.parentNode.getElementsByClassName('output')[0].style.display = 'block';
this.style.display = 'none';
}
input.addEventListener('blur', input.hide, false);
output.edit = function () {
this.parentNode.getElementsByClassName('input')[0].style.display = 'block';
this.parentNode.getElementsByClassName('input')[0].focus();
this.style.display = 'none';
}
output.addEventListener('dblclick', output.edit, false);
while(elem.childNodes.length > 0) elem.removeChild(elem.childNodes[0]);
elem.appendChild(input);
elem.appendChild(output);
}
function closeConfirm () {
}
function toggleFullScreen() {
var onglets = document.getElementById('onglets');
var fs = document.getElementById('fullscreen');
if ( onglets.hasClassName('fullscreen') ) {
fs.removeClassName('fullscreen');
onglets.removeClassName('fullscreen');
} else {
fs.addClassName('fullscreen');
onglets.addClassName('fullscreen');
}
}
function prep() {
DOMExtension();
makeXhrMon(document.getElementById('xhrMonitor'));
onglets = new ongletManager(document.getElementById('onglets'));
editors = editorsm(onglets);
xhrProc = new xhrProcessor();
jsC = new jsConsoles(onglets);
phpC = new phpCMan(onglets);
sqlC = new sqlCMan(onglets);
pma = new pmadmin();
docmouse = new dsMouse(document);
menui = new menu(document.getElementById('menu'));
// senddata('filebeta.php?action=list', 'target=.', usedata);
explor('..');
var a = document.getElementsByClassName('editable');
for (var i = 0; i < a.length; i++)makeEditable(a[i]);
window.onbeforeunload = function (e) {
if (onglets.closeAll())
return null;
else return "Tout les document n'ont pas été enregistrés ! Que voulez vous faire ";
}
}
window.addEventListener('load', prep, false);
</script>
<script src="editor/CodeMirror/lib/codemirror.js"></script>
<link rel="stylesheet" href="editor/CodeMirror/lib/codemirror.css"/>
<script src="editor/CodeMirror/mode/xml/xml.js"></script>
<link rel="stylesheet" href="editor/CodeMirror/mode/xml/xml.css"/>
<script src="editor/CodeMirror/mode/javascript/javascript.js"></script>
<link rel="stylesheet" href="editor/CodeMirror/mode/javascript/javascript.css"/>
<script src="editor/CodeMirror/mode/css/css.js"></script>
<link rel="stylesheet" href="editor/CodeMirror/mode/css/css.css"/>
<script src="editor/CodeMirror/mode/clike/clike.js"></script>
<link rel="stylesheet" href="editor/CodeMirror/mode/clike/clike.css"/>
<script src="editor/CodeMirror/mode/xml/xml.js"></script>
<link rel="stylesheet" href="editor/CodeMirror/mode/xml/xml.css"/>
<script src="editor/CodeMirror/mode/htmlmixed/htmlmixed.js"></script>
<script src="editor/CodeMirror/mode/php/php.js"></script>
<!-- BEGIN stylesheetlinks -->
<link href="editor/styles/onglets.css" type="text/css" rel="stylesheet" media="screen" />
<link href="editor/styles/editor.css" type="text/css" rel="stylesheet" media="screen" />
<link href="editor/styles/explorer.css" type="text/css" rel="stylesheet" media="screen" />
<link href="editor/styles/jsConsole.css" type="text/css" rel="stylesheet" media="screen" />
<link href="editor/styles/phpC.css" type="text/css" rel="stylesheet" media="screen" />
<link href="editor/styles/menu.css" type="text/css" rel="stylesheet" media="screen" />
<link href="editor/styles/main.css" type="text/css" rel="stylesheet" media="screen" />
<link href="editor/styles/taskbar.css" type="text/css" rel="stylesheet" media="screen" />
<link href="editor/styles/sets.css" type="text/css" rel="stylesheet" media="screen" />
<!-- END stylesheetlinks -->
</head>
<body>
<div id="projets" class="set active">
<ul id="menu">
<li>Fichiers
<ul>
<li><a href="#" onclick="editors.newDoc(); return false;">Nouveau</a></li>
<li><a href=".">Quitter</a>
</ul>
</li>
<li>Outils
<ul>
<li><a href="#" onclick="jsC.newDoc('jsConsole'); return false;">jsConsole</a></li>
<li><a href="#" onclick="phpC.newDoc('phpConsole'); return false;">phpConsole</a></li>
<li><a href="#" onclick="sqlC.newDoc('sqlConsole'); return false;">sqlConsole</a></li>
<li><a href="#" onclick="return false;">W3C</a>
<ul>
<li><a href="#" onclick="pma.newDoc('XML Validator', 'http://validator.w3.org'); return false;">XML Validator</a></li>
<li><a href="#" onclick="pma.newDoc('Feed Validator', 'http://validator.w3.org/feed/'); return false;">Feed Validator</a></li>
<li><a href="#" onclick="pma.newDoc('CSS Validator', 'http://jigsaw.w3.org/css-validator/'); return false;">CSS Validator</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<div id="explorer">
</div>
<ul class="onglets" id="onglets">
<li class="onglets_tools">
<a href="#" class="close" onclick="this.blur(); onglets.closeAll(); return false;" title="close all !">x</a>
</li>
<li id="fullscreen" class="onglets_tools">
<a class="nofullscreen" href="#" onclick="this.blur(); toggleFullScreen(); return false;" title="fullscreen">&lt;&gt;</a>
<a class="fullscreen" href="#" onclick="this.blur(); toggleFullScreen(); return false;" title="fullscreen">&gt;&lt;</a>
</li>
<li class="onglet unactive" id="onglet_model" style="display: none;">
<a class="onglet_title" href="#">
</a>
<span onclick="this.blur(); onglets.close(this.parentNode); return false;" class="onglet_tools" title="close">x</span>
<div class="onglet_content">
</div>
</li>
</ul>
<ul id="windows" class="windows" style="display: none;">
<li id="windowModel" class="window">
<a href="#" class="taskBarElement"></a>
<div class="window" style="width: 0; height: 0; display: none;">
<h3 class="titleBar">
<span class="windowTools">
<a href="#">x</a>
</span>
</h3>
<div class="windowContent">
</div>
<span class="windowResize"></span>
</div>
</li>
</ul>
</div>
<div class="set" id="media">
<form action="">
<p>
<input type="text" name="text" />
<input type="hidden" name="hidden" value="hidden" />
<input type="radio" name="radio" value="3" />
<input type="radio" name="radio" value="4" />
<input type="radio" name="radio1" value="3" />
<input type="radio" name="radio1" value="4" />
<select name="leselect">
<option value="hello">hello</option>
<option value="hello1">hello1</option>
<option value="hello2">hello2</option>
<option value="hello3">hello3</option>
<option value="hello4">hello4</option>
<option value="hello5">hello5</option>
</select>
</p>
</form>
</div>
<div class="set" id="admin">
Admin
</div>
<div class="set" id="home">
Home
</div>
<div id="xhrMonitor" class="zero">
<span class="title">xhr Status :</span>
<span class="zero">0 Ready.</span>
<span class="one">1 Sending ...</span>
<span class="two">2 Waiting ...</span>
<span class="three">3 Receiving ...</span>
<span class="four">4 Processing ...</span>
</div>
<ul class="taskbar">
<li><a href="#" onclick="sets('home'); return false;">Home</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets</a>
<ul>
<li>
<a href="#" onclick="sets('projets'); return false;">Projets1</a>
<ul>
<li><a href="#" onclick="sets('projets'); return false;">Projets2</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets2</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets3</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets4</a></li>
</ul>
</li>
<li>
<a href="#" onclick="sets('projets'); return false;">Projets2</a>
<ul>
<li><a href="#" onclick="sets('projets'); return false;">Projets2</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets2</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets3</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets4</a></li>
</ul>
</li>
<li><a href="#" onclick="sets('projets'); return false;">Projets3</a></li>
<li>
<a href="#" onclick="sets('projets'); return false;">Projets4</a>
<ul>
<li><a href="#" onclick="sets('projets'); return false;">Projets2</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets2</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets3</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" onclick="sets('admin'); return false;">Admin</a></li>
<li><a href="#" onclick="sets('media'); return false;">Media</a></li>
<li>
<a href="#" onclick="return false;">Research</a>
<ul>
<li><a href="#" onclick="sets('projets'); return false;">Projets2</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets2</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets3</a></li>
<li><a href="#" onclick="sets('projets'); return false;">Projets4</a></li>
</ul>
</li>
<li><a href="#" onclick="return false;">Link</a></li>
</ul>
</body>
</html>