smartchart/templates/echart/ds_editor.html
JohnYan 135c5d24bb - 增加模板有变更未保存提示
- 增加数据集未保存高亮提示
- 增加数据集选择执行部分脚本
- 修复智能数据集转化BUG
- 优化保存模板重复提交的问题
2021-11-10 15:58:13 +08:00

128 lines
6.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% load static %}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>数据集设计</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge"/>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
<link rel="icon" type="image.png" href="/static/images/favicon.ico">
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/editor/editor.css">
</head>
<body>
<div class="container_fluid">
<div class="row_fluid">
<div class="col-xs-12 col-md-7" style="padding:0.5% 0.5%;">
<div class="NightTheme">
<div id="main_container">
<div id="core" class="core core_margin1">
<div class="editorSet clearfix">
<div>
<div class="editor editor_min">
<a class="label" id="title" ></a>
<a class="glyphicon glyphicon-compressed" style="color: rgb(255, 140, 60);"
id="conn" href="#"></a>
<span class="devhead"><span class="glyphicon glyphicon-adjust" style="color: rgb(255, 140, 60);"></span>
<select id="ace-theme">
</select></span>
<span class="devhead"><span class="glyphicon glyphicon-map-marker" style="color: rgb(255, 140, 60);"></span>
<select id="dsseq"></select></span>
<span id="changedsseq"></span><a class="submit-btn" id="submit">保存数据集</a><a class="glyphicon glyphicon-play-circle" href="#" style="color: rgb(226, 207, 84);" id="runsql">执行</a>
<span id="printlog" style="color:red"></span>
<a class="glyphicon glyphicon-question-sign" title="帮助" href="#"
style="color: rgb(155, 205, 60);float:right" onclick="load_help('help_ds')"></a>
<a class="glyphicon glyphicon-edit" title="切换调试界面" id="editorframe" href="#"
style="color: rgb(255, 140, 60);float:right"> </a>
<a class="glyphicon glyphicon-ok-sign" title="切换激活状态" id="onoff" href="#"
style="color: rgb(126, 255, 140);float:right"> </a>
<pre id="editor1" class="edit-area"></pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-5" style="padding:0.5% 0.5%;" id="preview">
<span class="glyphicon glyphicon-tags" style="font-size: 8px;"></span>常规为三个字段(维度,维度,度量) 或
(维度,度量,度量...),参数可使用/* and xx = $PARAM */,不传参数据自动忽略
你也可以直接使用dataset=[[]] 或{}来赋值. 预览执行默认限定条数200, 更多dataset使用方法,参考 <a
href="https://www.smartchart.cn/blog/article/2019/7/9/10.html" target="_blank">数据集说明</a>
</div>
</div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
</div>
<!-- 修改名称 -->
<div class="modal fade" id="modal_name" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_name"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×
</button>
<h4 class="modal-title" id="myModalLabel_name">
修改数据集名称
</h4>
</div>
<div class="modal-body">
<div class="input-group">
<span class="input-group-addon" id="dsid_input">#</span>
<input type="text" class="form-control" value="" placeholder="数据集名称" id="dsname_input">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" onclick="save_title()">
提交更改
</button>
</div>
</div>
</div>
</div>
<!-- 修改连接 -->
<div class="modal fade" id="modal_conn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_conn"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×
</button>
<h4 class="modal-title" id="myModalLabel_conn">
修改连接
</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>选择数据源</label>
<select class="form-control" id="connselect">
</select></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" onclick="save_conn()">
提交更改
</button>
</div>
</div>
</div>
</div>
<script src="/static/js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="/static/ace/ace.js"></script>
<script type="text/javascript" src="/static/ace/ext-language_tools.js"></script>
<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/editor/common.js"></script>
<script type="text/javascript" src="/static/editor/ds_editor.js"></script>
</body>
</html>