XinYu_RZMES/.svn/pristine/6d/6d8021f692bd2dde511a3bf2ea6cf9914f88c67c.svn-base

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="../../css/body.css" ?>
<xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://www.w3.org/2002/01/xforms" xmlns:ev="http://www.w3.org/2001/xml-events">
	<xhtml:head>
		<xhtml:title>
			<![CDATA[公用界面管理 >> 权限设置管理 >> 用户使用权限设定]]>
		</xhtml:title>
		<model id="model1" autocdata="false">
			<instance id="instance1">
				<root xmlns="">
					<initData>
					</initData>
					<codeData>
					</codeData>
					<formData>
						<searchInfo>
							<USER_NM/>
							<DEPT_CD/>
							<P_DEPT_CD/>
						</searchInfo>
						<searchInfo2>
							<USER_CD/>
							<ROLE_CD/>
							<MNSCR_ID>*</MNSCR_ID>
						</searchInfo2>
					</formData>
					<gridData>
						<viewItem>A</viewItem>
					</gridData>
				</root>
			</instance>
			<script type="javascript" ev:event="xforms-ready">
				<![CDATA[
					if (window.parent == null) Init();
				]]>
			</script>
		</model>
		<script type="javascript" src="../../js/boaCommon.js"/>
		<script type="javascript" src="../../js/boaMsg.js"/>
		<script type="javascript" src="../../js/mesCommon.js">
			<![CDATA[
				var submitID = "UIZ020050-service";
				var isValid = false;
				var isUseDeptPriv = true;
				function Init(node) {
					InitParams(node);
					isValid = model.getValue("/root/initData/rcvInfo/ROOT_AMN_YN") == "Y" ||
							model.getValue("/root/initData/rcvInfo/DEPT_MNG_YN") == "Y";
					if (isValid == false) return;

					if (model.getValue("/root/initData/rcvInfo/ROOT_AMN_YN") == "Y")
						model.setValue("/root/initData/rcvInfo/DEPT_CD", "00000000");
					else {
						var datagrid = datagrid1;
						datagrid.colAttribute(datagrid.colRef("ROOT_AMN_YN"), "visibility")  = "hidden";
						datagrid.colAttribute(datagrid.colRef("DEPT_MNG_YN"), "visibility")  = "hidden";
					}
					exec("/root/initData/rcvInfo", "", "", "/root/codeData/ListResult_0_VO", "/root/codeData/ListResult_1_VO",
						 "/root/codeData/ListResult_2_VO",
						 "/root/codeData/ListResult_3_VO", "/root/codeData/ListResult_4_VO", "/root/codeData/ListResult_5_VO");

					// 设定当前部门代码
					model.setValue("/root/formData/searchInfo/DEPT_CD", model.getValue("/root/codeData/ListResult_0_VO/ListResult_0_Row/DEPT_CD"));
					// 设置当前菜单代码
					var cnt = model.getXPathValue("count(/root/codeData/ListResult_3_VO/ListResult_1_Row)");
					isUseDeptPriv = model.getXPathValue("count(/root/resData/ListResult_5_VO/ListResult_5_Row)") > 0;
					if (isUseDeptPriv) {
						for (var i = cnt; i > 0; i--) {
							var mnscr = model.getValue("/root/codeData/ListResult_3_VO/ListResult_3_Row[" + i + "]/MNSCR_ID");
							if (model.getValue("/root/codeData/ListResult_4_VO/ListResult_4_Row[MNSCR_ID = '" + mnscr + "']/MNSCR_ID") == "" ||
								model.getValue("/root/codeData/ListResult_5_VO/ListResult_5_Row[MNSCR_ID = '" + mnscr + "']/MNSCR_ID") == "")
								model.removenode("/root/codeData/ListResult_3_VO/ListResult_3_Row[" + i + "]");
						}
					} else {
						for (var i = cnt; i > 0; i--) {
							var mnscr = model.getValue("/root/codeData/ListResult_3_VO/ListResult_3_Row[" + i + "]/MNSCR_ID");
							if (model.getValue("/root/codeData/ListResult_4_VO/ListResult_4_Row[MNSCR_ID = '" + mnscr + "']/MNSCR_ID") == "")
								model.removenode("/root/codeData/ListResult_3_VO/ListResult_3_Row[" + i + "]");
						}
					}

					model.duplicate("/root/formData/searchInfo", "/root/initData/rcvInfo/REG_ID");
					model.duplicate("/root/formData/searchInfo2", "/root/initData/rcvInfo/REG_ID");
					pageInit();
				}

				function pageInit() {
					model.removenode("/root/reqData");
					model.removenode("/root/resData");
					model.refresh();

					var datagrid = datagrid1;
					datagrid.rebuild();
					commGridInit(datagrid);
					var colRef = datagrid.colRef("USER_CD");
					datagrid.isReadOnly(0, colRef, datagrid.rows-1, colRef) = true;
					colStyle(datagrid, "USER_NM,M_USER_PW,DEPT_NM,DEPT_MNG_YN,ROOT_AMN_YN,ROLE_CD,LOCKED_YN");
					commGridLevels(datagrid);
					var cols = datagrid.cols - 1;
					var rows = datagrid.rows;
					var colRef = datagrid.colRef("USER_NM");
					for (var i=datagrid.fixedRows; i<rows; i++) {
						if (datagrid.valueMatrix(i, colRef) == "") {
							datagrid.isReadOnly(i, 0, i, cols) = true;
//							datagrid.rowStyle(i, "data", "background-color") = initCellStyle;
						}
					}
				}

				function find() {
					if (isValid == false) return;
					exec("/root/formData/searchInfo", "", "find", "/root/gridData/ListResult_0_VO", "/root/gridData/ListResult_1_VO");
					treeview2.value = treeview1.value;
					model.setValue("/root/formData/searchInfo2/USER_CD", "");
					radio1.dispatch("xforms-value-changed");
				}

				function save() {
					if (isValid == false) return;
					exec("/root/formData/searchInfo", datagrid1, "save", "/root/gridData/ListResult_0_VO",
						"/root/gridData/ListResult_1_VO", "/root/gridData/ListResult_2_VO");
					radio1.dispatch("xforms-value-changed");
				}

				function create() {
					if (isValid == false) return;
					if (treeview3.value == "") {
						alert("请先查询记录！！！");
						return;
					}

					var datagrid = datagrid1;
					var row = datagrid.rows;
					commAddRow(datagrid, "USER_CD,USER_NM,USER_PW,DEPT_NM,ROOT_AMN_YN,DEPT_MNG_YN");
					if (model.getValue("/root/initData/rcvInfo/ROOT_AMN_YN") != "Y") {
						var colRef = datagrid.colRef("ROOT_AMN_YN");
						datagrid.isReadOnly(row, colRef, row, colRef) = true;
						colRef = datagrid.colRef("DEPT_MNG_YN");
						datagrid.isReadOnly(row, colRef, row, colRef) = true;
					}
					datagrid.valueMatrix(row, datagrid.colRef("DEPT_NM")) = treeview1.label;
					datagrid.valueMatrix(row, datagrid.colRef("DEPT_CD")) = treeview1.value;
				}

				function remove() {
					if (isValid == false) return;
					var datagrid = datagrid1;
					if (datagrid.rows - datagrid.fixedRows == 0) {
						alert("网格中没有记录！！！");
						return;
					}
					if(commComfirmBox("确定要删除选定行?", "删除确认") == '0') return;
					commDelRow(datagrid, "CHK", "", "USER_CD", "USER_NM,USER_PW,DEPT_NM,DEPT_MNG_YN,ROOT_AMN_YN");
				}

				function find2(refresh) {
					showProgressBar();
					if (model.getValue("/root/formData/searchInfo2/USER_CD") == "") {
						model.removeNodeset("/root/gridData/ListResult_1_VO");
					} else {
						if (typeof refresh == "undefined"|| refresh == null || refresh == "") refresh = true;
						if (refresh) exec("/root/formData/searchInfo2", "", "onclick", "/root/gridData/ListResult_1_VO", "/root/gridData/ListResult_2_VO");
					}
					if (model.getValue("/root/formData/searchInfo2/USER_CD") != "") {
						var cnt = model.getXPathValue("count(/root/gridData/ListResult_1_VO/ListResult_1_Row)");
						if (isUseDeptPriv) {
							for (var i = cnt; i > 0; i--) {
								var mnscr = model.getValue("/root/gridData/ListResult_1_VO/ListResult_1_Row[" + i + "]/MNSCR_ID");
								if (model.getValue("/root/codeData/ListResult_4_VO/ListResult_4_Row[MNSCR_ID = '" + mnscr + "']/MNSCR_ID") == "" ||
									model.getValue("/root/codeData/ListResult_5_VO/ListResult_5_Row[MNSCR_ID = '" + mnscr + "']/MNSCR_ID") == "")
									model.removenode("/root/gridData/ListResult_1_VO/ListResult_1_Row[" + i + "]");
							}
						} else {
							for (var i = cnt; i > 0; i--) {
								var mnscr = model.getValue("/root/gridData/ListResult_1_VO/ListResult_1_Row[" + i + "]/MNSCR_ID");
								if (model.getValue("/root/codeData/ListResult_4_VO/ListResult_4_Row[MNSCR_ID = '" + mnscr + "']/MNSCR_ID") == "")
									model.removenode("/root/gridData/ListResult_1_VO/ListResult_1_Row[" + i + "]");
							}
						}
					}
					model.removenode("/root/reqData");
					model.removenode("/root/resData");
					output201.refresh();

					var datagrid = datagrid2;
					datagrid.rebuild();
					if (model.getValue("/root/formData/searchInfo2/USER_CD") != "") {
						commGridInit(datagrid);
						var colRef = datagrid.colRef("FCNRS_REF");
						var colChk = datagrid.colRef("CHK");
						var rows = datagrid.rows;
						for (var i = datagrid.fixedRows; i < rows; i++) {
							if (datagrid.valueMatrix(i, colRef) == "Y")
								datagrid.isReadOnly(i, colChk, i, colChk) = true;
						}
						colStyle(datagrid, "CHK");
						colRef = datagrid.colRef("FC_ID") + 1;
						datagrid.isReadOnly(0, colRef, 0, colRef) = true
						commGridLevels(datagrid);
					}
					removeProgressBar();
				}

				function save2(datagrid, action) {
					var rowSep = (datagrid.attribute("rowsep")=='')?'|':datagrid.attribute('rowsep');
					var colSep = (datagrid.attribute("colsep")=='')?'^':datagrid.attribute('colsep');
					var data = datagrid.getUpdateData();
					var up_data = data.split(rowSep);
					var rows = up_data.length - 1;
					var colRef = datagrid.colRef("MOD_ID");
					var colChk = datagrid.colRef("CHK");
					for (var i=1; i<rows; i++) {
						var vRow = up_data[i].split(colSep);
						var Idx = Number(vRow[1]);
						/* FC_REF为空串时，记录不存在 */
						var ref = datagrid.valueMatrix(Idx, colRef);
						var chk = datagrid.valueMatrix(Idx, colChk);
						datagrid.rowStatus(Idx) = 0;
						if (ref == "") { // 插入
							if (chk == "Y") datagrid.addStatus(Idx, "insert");
						} else { // 删除
							if (chk == "N") datagrid.addStatus(Idx, "delete");
						}
					}
					exec("/root/formData/searchInfo2", datagrid, action, "/root/gridData/ListResult_1_VO", "/root/gridData/ListResult_2_VO");
					find2(false);
				}

				var onrowchanged = false;
			]]>
		</script>
	</xhtml:head>
	<xhtml:body overflow="hidden" pagewidth="980" pageheight="620" style="font-family:宋体; ">
		<group id="group1" style="left:0px; top:0px; width:980px; height:30px; ">
			<line id="line2" style="x1:0px; y1:29px; x2:980px; y2:29px; "/>
			<caption id="caption101" class="cell" style="left:0px; top:5px; width:90px; height:20px; vertical-align:middle; ">用户</caption>
			<input id="input101" ref="/root/formData/searchInfo/USER_NM" style="left:92px; top:5px; width:110px; height:20px; background-color:#ffffff; border-style:solid; "/>
			<caption id="caption102" class="cell" style="left:212px; top:5px; width:90px; height:20px; vertical-align:middle; ">部门</caption>
			<input id="input102" ref="/root/codeData/ListResult_0_VO/ListResult_0_Row[DEPT_CD=/root/formData/searchInfo/DEPT_CD]/DEPT_NM" editable="false" inputtype="button" style="left:304px; top:5px; width:200px; height:20px; ">
				<script type="javascript" ev:event="onclick">
					<![CDATA[
						treeview1.visible = (treeview1.visible == false);
					]]>
				</script>
			</input>
			<select1 id="radio1" ref="/root/gridData/viewItem" appearance="full" cols="3" style="left:515px; top:5px; width:155px; height:20px; border-style:none; ">
				<choices>
					<item>
						<label>所有</label>
						<value>A</value>
					</item>
					<item>
						<label>非禁项</label>
						<value>N</value>
					</item>
					<item>
						<label>禁用项</label>
						<value>Y</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-value-changed">
					<![CDATA[
						var datagrid = datagrid1;
						switch (model.getValue("/root/gridData/viewItem")) {
							case "N":
								datagrid.nodeset = "/root/gridData/ListResult_0_VO/ListResult_0_Row[LOCKED_YN != 'Y']";
								break;
							case "Y":
								datagrid.nodeset = "/root/gridData/ListResult_0_VO/ListResult_0_Row[LOCKED_YN = 'Y']";
								break;
							default : datagrid.nodeset = "/root/gridData/ListResult_0_VO/ListResult_0_Row";
						}
						pageInit();
					]]>
				</script>
			</select1>
		</group>
		<datagrid id="datagrid1" nodeset="/root/gridData/ListResult_0_VO/ListResult_0_Row" caption="用户代码^用户姓名^用户密码^部门名称^部门管理^最高管理^所属角色^禁用^修改人^修改时间^DEPT_CD^USER_PW" colsep="^" colwidth="150, 100, 100, 120, 35, 35, 100, 35, 100, 120, 60, 60" extendlastcol="false" mergecellsfixedrows="bycolrec" rowheight="42" rowsep="|" style="left:0px; top:34px; width:980px; height:265px; border-style:solid; border-right-style:sunken; ">
			<col ref="USER_CD" type="input" style="text-align:left; "/>
			<col ref="USER_NM" type="input" style="text-align:left; "/>
			<col key="false" ref="M_USER_PW" secretmark="*" secretstartposition="0" type="input" style="text-align:left; "/>
			<col key="false" ref="DEPT_NM" type="inputbutton" style="text-align:left; "/>
			<col checkvalue="Y,N" ref="DEPT_MNG_YN" type="checkbox"/>
			<col checkvalue="Y,N" ref="ROOT_AMN_YN" type="checkbox"/>
			<col ref="ROLE_CD" type="combo">
				<choices>
					<itemset nodeset="/root/codeData/ListResult_1_VO/ListResult_1_Row">
						<label ref="USER_NM"/>
						<value ref="USER_CD"/>
					</itemset>
				</choices>
			</col>
			<col checkvalue="Y,N" ref="LOCKED_YN" type="checkbox"/>
			<col key="false" ref="MOD_ID" style="text-align:left; "/>
			<col key="false" ref="MOD_DATE" format="yyyy-mm-dd" mask="exclude"/>
			<col ref="DEPT_CD" visibility="hidden"/>
			<col ref="USER_PW" visibility="hidden"/>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var datagrid = datagrid1;
					if (datagrid.isCell(event.target)) datagrid.editCell();
					if (!onrowchanged) return;
					var row = datagrid.row;
					var rowStatus = datagrid.rowStatus(row);
					if ((rowStatus == 0 || rowStatus == 2) && datagrid.valueMatrix(row, datagrid.colRef("USER_NM")) != "") {
						model.setValue("/root/formData/searchInfo2/USER_CD", datagrid.valueMatrix(row, datagrid.colRef("USER_CD")));
						model.setValue("/root/formData/searchInfo2/ROLE_CD", datagrid.valueMatrix(row, datagrid.colRef("ROLE_CD")));
					} else {
						model.setValue("/root/formData/searchInfo2/USER_CD", "");
						model.setValue("/root/formData/searchInfo2/ROLE_CD", "");
					}
					treeview2.value = datagrid.valueMatrix(datagrid.row, datagrid.colRef("DEPT_CD"));
					find2();
					onrowchanged = false;
				]]>
			</script>
			<script type="javascript" ev:event="onrowchanged">
				<![CDATA[
					onrowchanged = true;
				]]>
			</script>
			<script type="javascript" ev:event="onbuttonclick">
				<![CDATA[
					var datagrid = datagrid1;
//					if (datagrid.valueMatrix(datagrid.row, datagrid.colRef("DEPT_CD")) == "") return;
					if (onrowchanged) datagrid.dispatch("onclick");
					var treeview = treeview2;
					treeview.visible = (treeview.visible == false);
					if (treeview.visible == false) return;

					treeview.refresh();
					var btn = event.pTarget;
					//var children = btn.parent.parent.children; // btn -> cell -> datarigd -> children
					var children = datagrid.children;
					datagrid.topRow = datagrid.topRow;
					var tvTop = Number(btn.attribute("top")) + Number(btn.attribute("height")) +
						Number(datagrid.attribute("top").substr(0, datagrid.attribute("top").length - 2)) - (datagrid.topRow - 1) * 21;
					treeview.attribute("top") = tvTop + "px";
					datagrid.editCell();
					for(i=0; i< children.length; i++) {
						var control = children.item(i);
						if (control.elementName == "xforms:gridinput") {
							var tvLeft = Number(control.attribute("left"));
							treeview.attribute("left") = tvLeft + "px";
							break;
						}
					}
				]]>
			</script>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
					var datagrid = datagrid1;
					var colRef = datagrid.colRef("M_USER_PW");
					if (colRef == datagrid.col) {
						datagrid.valueMatrix(datagrid.row, datagrid.colRef("USER_PW")) = datagrid.valueMatrix(datagrid.row, colRef);
					}
				]]>
			</script>
		</datagrid>
		<group id="group2" style="left:0px; top:304px; width:980px; height:35px; ">
			<line id="line3" style="x1:0px; y1:0px; x2:980px; y2:0px; "/>
			<line id="line4" style="x1:0px; y1:29px; x2:980px; y2:29px; "/>
			<caption id="caption201" class="cell" style="left:0px; top:5px; width:90px; height:20px; vertical-align:middle; ">选取用户</caption>
			<output id="output201" ref="/root/gridData/ListResult_0_VO/ListResult_0_Row[USER_CD = /root/formData/searchInfo2/USER_CD]/USER_NM" style="left:92px; top:5px; width:110px; height:20px; border-color:#c0c0c0; border-style:solid; "/>
			<caption id="caption202" class="cell" style="left:212px; top:5px; width:90px; height:20px; vertical-align:middle; ">菜单</caption>
			<input id="input202" ref="/root/codeData/ListResult_3_VO/ListResult_3_Row[MNSCR_ID=/root/formData/searchInfo2/MNSCR_ID]/MNSCR_NM" editable="false" inputtype="button" style="left:304px; top:5px; width:200px; height:20px; ">
				<script type="javascript" ev:event="onclick">
					<![CDATA[
						treeview3.visible = (treeview3.visible == false);
					]]>
				</script>
			</input>
			<button id="button203" class="sw" style="left:514px; top:5px; width:100px; height:20px; ">
				<caption>保存权限</caption>
				<script type="javascript" ev:event="onclick">
					<![CDATA[
						if (isValid == false) return;
						save2(datagrid2, "save2");
					]]>
				</script>
			</button>
		</group>
		<treeview id="treeview1" ref="/root/formData/searchInfo/DEPT_CD" visibility="hidden" expanddepth="-1" image="../../images/blt_1.gif" itemsettype="depth" style="left:304px; top:25px; width:200px; height:150px; ">
			<itemset nodeset="/root/codeData/ListResult_0_VO/ListResult_0_Row">
				<label ref="DEPT_NM"/>
				<value ref="DEPT_CD"/>
				<depth ref="LEVEL"/>
			</itemset>
			<script type="javascript" ev:event="xforms-select">
				<![CDATA[
					event.pTarget.visible = false;
				]]>
			</script>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
					event.pTarget.visible = false;
					find();
				]]>
			</script>
		</treeview>
		<datagrid id="datagrid2" nodeset="/root/gridData/ListResult_1_VO/ListResult_1_Row" backcoloralternate="#F7F9F9" caption="菜单/界面ID^菜单/界面名^权限^权限^权限分配^修改人^修改时间^FCNRS_REF|菜单/界面ID^菜单/界面名^代码^说明^权限分配^修改人^修改时间^FCNRS_REF" colsep="^" colwidth="150, 150, 60, 100, 35, 60, 100, 80" extendlastcol="false" mergecellsfixedrows="bycolrec" rowheight="21" rowsep="|" style="left:0px; top:338px; width:980px; height:282px; border-style:solid; border-right-style:sunken; ">
			<col ref="MNSCR_ID" style="text-align:left; "/>
			<col key="false" ref="MNSCR_NM" style="text-align:left; "/>
			<col ref="FC_ID"/>
			<col key="false" ref="FC_ID" type="combo" style="text-align:left; ">
				<choices>
					<itemset nodeset="/root/codeData/ListResult_2_VO/ListResult_2_Row">
						<label ref="FCNRS_NM"/>
						<value ref="FCNRS_ID"/>
					</itemset>
				</choices>
			</col>
			<col checkvalue="Y,N" key="false" ref="CHK" type="checkbox"/>
			<col key="false" ref="MOD_ID" style="text-align:left; "/>
			<col key="false" ref="MOD_DATE" format="yyyy-mm-dd hh:mm:ss" mask="exclude"/>
			<col key="false" ref="FCNRS_REF" visibility="hidden"/>
		</datagrid>
		<treeview id="treeview3" ref="/root/formData/searchInfo2/MNSCR_ID" visibility="hidden" expanddepth="-1" image="../../images/blt_1.gif" itemsettype="depth" style="left:304px; top:329px; width:200px; height:150px; ">
			<itemset nodeset="/root/codeData/ListResult_3_VO/ListResult_3_Row">
				<label ref="MNSCR_NM"/>
				<value ref="MNSCR_ID"/>
				<depth ref="LEVEL"/>
			</itemset>
			<script type="javascript" ev:event="xforms-select">
				<![CDATA[
					event.pTarget.visible = false;
				]]>
			</script>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
					event.pTarget.visible = false;
					find2();
				]]>
			</script>
		</treeview>
		<treeview id="treeview2" ref="/root/formData/searchInfo/P_DEPT_CD" visibility="hidden" expanddepth="-1" image="../../images/blt_1.gif" itemsettype="depth" style="left:75px; top:110px; width:200px; height:150px; ">
			<itemset nodeset="/root/codeData/ListResult_0_VO/ListResult_0_Row">
				<label ref="DEPT_NM"/>
				<value ref="DEPT_CD"/>
				<depth ref="LEVEL"/>
			</itemset>
			<script type="javascript" ev:event="xforms-select">
				<![CDATA[
					event.pTarget.visible = false;
				]]>
			</script>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
					event.pTarget.visible = false;
					var datagrid = datagrid1;
					var row = datagrid.row;
					datagrid.valueMatrix(row, datagrid.colRef("DEPT_NM")) = event.pTarget.label;
					datagrid.valueMatrix(row, datagrid.colRef("DEPT_CD")) = event.pTarget.value;
					datagrid.addStatus(datagrid.row, "update");
				]]>
			</script>
		</treeview>
		<script type="javascript" ev:event="onclick">
			<![CDATA[
				var target = event.target;
				var parent = event.pTarget.parent;
				var parent2 = null;
				if (parent != null) parent2 = parent.parent;
				if (target != "treeview1" && target != "input102"
					 && parent != null && parent.attribute("id") != "treeview1" && parent.attribute("id") != "input102")
					treeview1.visible = false;
				if (parent2 != null && parent2.attribute("id") != "treeview2")
					treeview2.visible = false;
				if (target != "treeview3" && target != "input202"
					 && parent != null && parent.attribute("id") != "treeview3" && parent.attribute("id") != "input202")
					treeview2.visible = false;
			]]>
		</script>
	</xhtml:body>
</xhtml:html>