KaiSD/Test-rep
1
0
Fork 0
Code Pull Requests Releases Wiki Activity

styles new test

Browse Source
This commit is contained in:
KaiSD
2019-09-04 00:49:30 +03:00
parent 08c97c8113
commit e9d0019aca
1 changed files with 21 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
ace/index.html
View File

@@ -7,140 +7,30 @@
<meta name="HandheldFriendly" content="True" /> <meta name="HandheldFriendly" content="True" />
<title>Editor</title> <title>Editor</title>
<style type="text/css" media="screen"> <style type="text/css" media="screen">
html,body {
height:100%;
}
body { body {
overflow: hidden; overflow: hidden;
} }
.row { #editor {
margin-left:0; margin-top: 30px;
margin-right:0; position: absolute;
} top: 0;
bottom: 0;
.row .sp { left: 0;
height:150px; right: 0;
min-height:45px;
padding-right:0;
padding-left: 0;
background-color: #222;
border-bottom:4px solid transparent;
}
.row .sp.toolbar {
min-height:450px;
}
.wrapper {
width:100%;
min-height: 100%;
height: 100%;
overflow:hidden;
}
.inner {
overflow-y:auto;
overflow-x:hidden;
/*height:100%;*/
min-height:100%;
}
.outer {
border:0px #000 solid;
height:100%;
}
.pane-settings {
background: #002B36;
color:#b3b1b1;
position: absolute;
z-index: 199;
padding: 3px;
font-size: 16px;
opacity: .8;
right: 5px;
top: 0;
margin: 0;
}
.pane-label {
font-family: monospace;
background: #002B36;
color:#b3b1b1;
position: absolute;
z-index: 199;
padding: 3px;
font-size: 11px;
opacity: .7;
right: 10px;
bottom: 10px;
margin: 0;
}
.editable {
float:left;
margin-right:2px;
border:1px #ddd solid;
padding:1px;
line-height: 1.5;
border-radius:2px;
}
.toolbar
{
padding:3px;
height:28px;
}
::-webkit-scrollbar {
width: 0.9em;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
background: rgba(100, 100, 100, 0.7);
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(100, 100, 100, 0.4);
}
.ace_autocomplete {
width: 270px;
z-index: 200000;
background: #666;
color: #eee;
border: 0 lightgray solid;
position: fixed;
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
line-height: 1.4;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="outer"> <!--<div class="toolbar">
<div class="row"> <button id="btnSave" class="btn btn-primary btn-xs">save</button>
<div class="col-sm-12 sp toolbar tab-pane" id="htmPane"> <button id="btnUndo" class="btn btn-primary btn-xs">undo</button>
<div class="toolbar"> <button id="btnRedo" class="btn btn-primary btn-xs">redo</button>
<button id="btnSave" class="btn btn-primary btn-xs">save</button> </div>-->
<button id="btnUndo" class="btn btn-primary btn-xs">undo</button> <div class="inner" id="editor"></div>
<button id="btnRedo" class="btn btn-primary btn-xs">redo</button> </div>
</div>
<div class="inner" id="editor"></div>
</div>
</div><!--/row-->
</div><!--/outer-->
</div><!--/wrapper-->
<script src="src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script> <script src="src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script> <script>
var buildDom = ace.require("ace/lib/dom").buildDom; var buildDom = ace.require("ace/lib/dom").buildDom;
@@ -156,11 +46,10 @@
showGutter: false, showGutter: false,
autoScrollEditorIntoView: true autoScrollEditorIntoView: true
}); });
var refs = {};
function updateToolbar() { function updateToolbar() {
refs.undoButton.disabled = !editor.session.getUndoManager().hasUndo(); document.getElementById("btnUndo") = !editor.session.getUndoManager().hasUndo();
refs.redoButton.disabled = !editor.session.getUndoManager().hasRedo(); document.getElementById("btnRedo") = !editor.session.getUndoManager().hasRedo();
} }
editor.on("input", updateToolbar); editor.on("input", updateToolbar);
@@ -186,15 +75,15 @@
} }
}); });
$('#btnSave').click(function(){ $('#btnSave').onClick(function(){
save(); save();
}); });
$('#btnUndo').click(function(){ $('#btnUndo').onClick(function(){
editor.undo(); editor.undo();
}); });
$('#btnRow').click(function(){ $('#btnRow').onClick(function(){
editor.redo(); editor.redo();
}); });