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

135
ace/index.html
View File

@@ -7,140 +7,30 @@
<meta name="HandheldFriendly" content="True" />
<title>Editor</title>
<style type="text/css" media="screen">
html,body {
height:100%;
}
body {
overflow: hidden;
}
.row {
margin-left:0;
margin-right:0;
}
.row .sp {
height:150px;
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;
#editor {
margin-top: 30px;
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;
bottom: 0;
left: 0;
right: 0;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="outer">
<div class="row">
<div class="col-sm-12 sp toolbar tab-pane" id="htmPane">
<div class="toolbar">
<!--<div class="toolbar">
<button id="btnSave" class="btn btn-primary btn-xs">save</button>
<button id="btnUndo" class="btn btn-primary btn-xs">undo</button>
<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>
var buildDom = ace.require("ace/lib/dom").buildDom;
@@ -156,11 +46,10 @@
showGutter: false,
autoScrollEditorIntoView: true
});
var refs = {};
function updateToolbar() {
refs.undoButton.disabled = !editor.session.getUndoManager().hasUndo();
refs.redoButton.disabled = !editor.session.getUndoManager().hasRedo();
document.getElementById("btnUndo") = !editor.session.getUndoManager().hasUndo();
document.getElementById("btnRedo") = !editor.session.getUndoManager().hasRedo();
}
editor.on("input", updateToolbar);
@@ -186,15 +75,15 @@
}
});
$('#btnSave').click(function(){
$('#btnSave').onClick(function(){
save();
});
$('#btnUndo').click(function(){
$('#btnUndo').onClick(function(){
editor.undo();
});
$('#btnRow').click(function(){
$('#btnRow').onClick(function(){
editor.redo();
});