From e9d0019aca00879fa162c4125051922081327cfd Mon Sep 17 00:00:00 2001
From: KaiSD <kai.saerthen.darker@gmail.com>
Date: Wed, 4 Sep 2019 00:49:30 +0300
Subject: [PATCH] styles new test

---
 ace/index.html | 153 +++++++------------------------------------------
 1 file changed, 21 insertions(+), 132 deletions(-)
diff --git a/ace/index.html b/ace/index.html
index 1bc5caa..4a9d5c2 100644
--- a/ace/index.html
+++ b/ace/index.html
@@ -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;
-        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);
+            overflow: hidden;
         }
 
-        .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;
+        #editor {
+            margin-top: 30px;
+            position: absolute;
+            top: 0;
+            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">
-                            <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 class="inner" id="editor"></div>
-                    </div>
-                    
-                </div><!--/row-->
-            </div><!--/outer-->
-        </div><!--/wrapper-->
+        <div class="wrapper">
+            <!--<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 class="inner" id="editor"></div>
+        </div>
         
-            
         <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();
             });
 
