SMusatov
/
ydb
mirror of https://github.com/ydb-platform/ydb.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <title>sYQL Editor</title>
    <link rel='stylesheet' type='text/css' href='//yastatic.net/bootstrap/3.3.1/css/bootstrap.min.css'/>
    <link rel='stylesheet' type='text/css' href='/css/base.css'/>
</head>
<body>
<nav class='navbar navbar-default navbar-fixed-top'>
    <div class='container-fluid'><a class='navbar-brand navbar-logo' href='/'>sYQL</a>
        <ul class='nav navbar-nav'>
            <li><a href='#' id='parse'>parse</a></li>
            <li><a href='#' id='compile'>compile</a></li>
            <li><a href='#' id='validate'>validate</a></li>
            <li><a href='#' id='optimize'>optimize</a></li>
            <li><a href='#' id='peephole'>peephole</a></li>
            <li><a href='#' id='lineage'>lineage</a></li>
            <li><a href='#' id='run'><span class='glyphicon glyphicon-play'></span> run</a></li>
            <li><a href='#' id='paste'><span class='glyphicon glyphicon-floppy-disk'></span> paste</a></li>
            <li><a href='#' id='format'>format</a></li>
        </ul>
        <ul class='nav navbar-nav navbar-right'>
            <li><a href='#' id='show-ast'>Show Ast</a></li>
            <li><a href='#' id='show-expr'>Show Expr</a></li>
            <li><a href='#' id='trace-opt'>Trace Opt</a></li>
        </ul>
    </div>
</nav>
<div class='container-fluid'>
    <div class='row'>
        <div class='col-md-6'>
              <!-- Nav tabs -->
              <ul id="editor-tabs" class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#sql" aria-controls="sql" role="tab" data-toggle="tab">sql</a></li>
                <li role="presentation"><a href="#yql" aria-controls="yql" role="tab" data-toggle="tab">yql</a></li>
                <p class='doc-link text-right'>
                    <a href='https://yql.yandex-team.ru/docs/yt/s_expressions/' target='_blank'>
                        sYQL Documentation <span class='glyphicon glyphicon-share'></span>
                    </a>
                </p>
              </ul>
              <!-- Tab panes -->
              <div class="tab-content">
                <div role="tabpanel" class="tab-pane thumbnail active" id="sql">
                    <div id='sql-editor' class=''></div>
                </div>
                <div role="tabpanel" class="tab-pane thumbnail" id="yql">
                    <div id='yql-editor' class=''></div>
                </div>
              </div>
              <div class='panel panel-default'>
                  <div class='panel-heading'>Parameters</div>
                  <div class='panel-body'>
                      <div id='params-editor' class='thumbnail'></div>
                  </div>
              </div>
        </div>
        <div class='col-md-6 container-fluid'>
            <div class='panel panel-default'>
                <!-- Nav tabs -->
                <ul id="editor-tabs" class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#table-input" role="tab" data-toggle="tab">Input</a></li>
                    <li role="presentation"><a href="#table-attr" role="tab" data-toggle="tab">Attr</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane thumbnail active" id="table-input">
                        <div id='table-input-editor' class='' style="height: 200px;"></div>
                    </div>
                    <div role="tabpanel" class="tab-pane thumbnail" id="table-attr">
                        <div id='table-attr-editor' class='' style="height: 200px;"></div>
                    </div>
                </div>
            </div>
            <div class='panel panel-default'>
                <div class='panel-heading'>Output table: <b>Output</b></div>
                <div class='panel-body'>
                    <div id='output'>Run programm to show output data...</div>
                </div>
            </div>
            <div class='panel panel-default'>
                <div class='panel-heading'>Results:</div>
                <div class='panel-body'>
                    <div id='results'>Run programm to show results...</div>
                </div>
            </div>
        </div>
    </div> <!-- row -->
    <div id='expr-editor' class='thumbnail'></div>
    <div id='opt-trace' class='thumbnail'></div>
    <div id='graph' class='thumbnail'>
        <svg width=960 height=600>
            <g/>
        </svg>
    </div>
    <div id='alerts'>
        <div id='errors' class='alert alert-danger alert-dismissible'>
            <button type="button" class="close"><span>&times;</span></button>
            <div class="message"></div>
        </div>
        <div id='warnings' class='alert alert-warning alert-dismissible'>
            <button type="button" class="close"><span>&times;</span></button>
            <div class="message"></div>
        </div>
        <div id='infos' class='alert alert-info alert-dismissible'>
            <button type="button" class="close"><span>&times;</span></button>
            <div class="message"></div>
        </div>
        <div id='status-success' class='alert alert-success alert-dismissible'>
            <button type="button" class="close"><span>&times;</span></button>
            <div class="message"></div>
        </div>
        <div id='status-fail' class='alert alert-danger alert-dismissible'>
            <button type="button" class="close"><span>&times;</span></button>
            <div class="message"></div>
        </div>
    </div>
</div>
<!-- container-fluid -->
<script type='text/javascript'>
    window.YQL_TYPE = "file";
</script>
<script type='text/javascript' src='//yastatic.net/jquery/2.1.3/jquery.min.js'></script>
<script type='text/javascript' src='//yastatic.net/bootstrap/3.3.1/js/bootstrap.min.js'></script>
<script type='text/javascript' src='//yastatic.net/d3/3.4.5/d3.min.js'></script>
<script type='text/javascript' src='//yastatic.net/lodash/2.4.1/lodash.min.js'></script>
<script type='text/javascript' src='/js/graphlib.core.min.js'></script>
<script type='text/javascript' src='/js/dagre.core.min.js'></script>
<script type='text/javascript' src='/js/dagre-d3.core.min.js'></script>
<script type='text/javascript' src='/js/ace.min.js'></script>
<script type='text/javascript' src='/js/theme-tomorrow.min.js'></script>
<script type='text/javascript' src='/js/yql-functions.js'></script>
<script type='text/javascript' src='/js/mode-sql.js'></script>
<script type='text/javascript' src='/js/mode-yql.js'></script>
<script type='text/javascript' src='/js/app.js'></script>
</body>
</html>