Pretty config editor (#10)

* add pretty yaml editor

* Update Makefile

* miniy the js add css

Makefile

@@ -7,7 +7,7 @@ include $(TOPDIR)/rules.mk
 
 PKG_NAME:=luci-app-adguardhome
 PKG_VERSION:=1.7
-PKG_RELEASE:=7
+PKG_RELEASE:=8
 
 PKG_BUILD_DIR:=$(BUILD_DIR)/$(PKG_NAME)
 

luasrc/model/cbi/AdGuardHome/manual.lua

@@ -9,8 +9,9 @@ local binpath = uci:get("AdGuardHome","AdGuardHome","binpath")
 s = m:section(TypedSection, "AdGuardHome")
 s.anonymous=true
 s.addremove=false
+--- config
 o = s:option(TextValue, "escconf")
-o.rows = 33
+o.rows = 66
 o.wrap = "off"
 o.rmempty = true
 o.cfgvalue = function(self, section)
@@ -30,6 +31,10 @@ end
 o.remove = function(self, section, value)
 	NXFS.writefile(escconf, "")
 end
+o = s:option(DummyValue, "")
+o.anonymous=true
+o.template = "AdGuardHome/yamleditor"
+--- log
 if (NXFS.access("/tmp/AdGuardHometmpconfig.yaml")) then
 local c=NXFS.readfile("/tmp/AdGuardHometest.log")
 if (c~="") then

luasrc/view/AdGuardHome/yamleditor.htm

@@ -0,0 +1,26 @@
+    <%+cbi/valueheader%>
+	<script src="/luci-static/resources/codemirror/lib/codemirror.js"></script>
+	<link rel="stylesheet" href="/luci-static/resources/codemirror/lib/codemirror.css"/>
+    <script src="/luci-static/resources/codemirror/mode/yaml/yaml.js"></script>
+	<link rel="stylesheet" href="/luci-static/resources/codemirror/theme/dracula.css"/>
+	<link rel="stylesheet" href="/luci-static/resources/codemirror/addon/fold/foldgutter.css"/>
+	<script src="/luci-static/resources/codemirror/addon/fold/foldcode.js"></script>
+	<script src="/luci-static/resources/codemirror/addon/fold/foldgutter.js"></script>
+	<script src="/luci-static/resources/codemirror/addon/fold/indent-fold.js"></script>
+	<script type="text/javascript">//<![CDATA[
+	var editor = CodeMirror.fromTextArea(document.getElementById("cbid.AdGuardHome.AdGuardHome.escconf"), {
+	mode: "text/yaml",    //实现groovy代码高亮
+	    styleActiveLine: true,
+lineNumbers: true,	//显示行号
+theme: "dracula",	//设置主题
+lineWrapping: true,	//代码折叠
+foldGutter: true,
+gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
+matchBrackets: true,//括号匹配
+foldGutter: true
+}
+);
+//]]>
+</script> 
+<%+cbi/valuefooter%>
+