Visualisierungsmodul für SuperX
http://www.superx-projekt.de/doku/viz_modul/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
311 lines
13 KiB
311 lines
13 KiB
<%@ taglib uri="/WEB-INF/dbforms.tld" prefix="db" %> |
|
<%@page pageEncoding="utf-8" contentType="text/html; charset=UTF-8" %> |
|
<html xmlns:jsp="http://www.java.com/jsp" xmlns:db="http://www.wap-force.com/dbforms"><!--Automatically generated by module_scripts_create.x (SuperX)--> |
|
<head xmlns:sx="http://memtext.de"> |
|
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> |
|
<meta content="0" http-equiv="expires"> |
|
<LINK href="/superx/style/superx.css" type="text/css" REL="stylesheet"> |
|
<LINK href="/superx/xml/superxml_html.css" type="text/css" REL="stylesheet"> |
|
<LINK href="/superx/xml/maske_html.css" type="text/css" REL="stylesheet"> |
|
<LINK href="/superx/style/dbforms_40.css" type="text/css" REL="stylesheet"> |
|
<title>Maske Diagrammentwürfe bearbeiten</title> |
|
<% |
|
String renderer_id = request.getParameter("renderer_id"); |
|
String renderer = request.getParameter("renderer"); |
|
if(renderer != null && (renderer_id == null || renderer_id.equals(""))) |
|
{ |
|
renderer_id=renderer.equals("plot")?"2":(renderer.equals("d3js")?"1":"3"); |
|
} |
|
|
|
%> |
|
|
|
<script type="text/javascript"> |
|
var djConfig = {isDebug: false }; |
|
//djConfig.debugAtAllCosts = true; |
|
</script><script src="/superx/xml/js/dojo/dojo.js" type="text/javascript"> </script><script type="text/javascript"> |
|
dojo.require("dojo.widget.Dialog"); |
|
dojo.require("dojo.widget.Button"); |
|
dojo.require("dojo.widget.Tooltip"); |
|
dojo.require("dojo.string.common"); |
|
|
|
dojo.hostenv.writeIncludes(); |
|
</script><script src="/superx/xml/js/memtext/dbforms.js" type="text/javascript"> </script> |
|
<db:base/> |
|
</head> |
|
<script language="javascript" |
|
src=<%= "\"" +request.getContextPath() + "/dbformslib/jscal/calendar.js\""%>> |
|
</script> |
|
<script language="javascript"> |
|
function initPage() |
|
{ |
|
var renderer_id="<%=renderer_id %>"; |
|
var referrerWindow=window.opener; |
|
var referrerDocument=referrerWindow.document; |
|
var targetField=referrerDocument.getElementById("viz_chart_variant").value; |
|
document.getElementById(targetField).innerHTML=referrerDocument.getElementById("chartModelSrcCode").innerHTML; |
|
document.getElementById("key_viz_chartrenderer_id").value=renderer_id; |
|
document.getElementById("inp_viz_chartrenderer_id").value=renderer_id; |
|
var title=referrerDocument.getElementById("chartName").value; |
|
document.getElementById("inp_viz_chartcaption").value=title; |
|
|
|
var maskennr=referrerDocument.getElementById("fldMaskennr").value; |
|
document.getElementById("key_viz_chartmaskeninfo_id").value=maskennr; |
|
document.getElementById("inp_viz_chartmaskeninfo_id").value=maskennr; |
|
var uniquename=referrerDocument.getElementById("chartElementVizType").value; |
|
uniquename+="_"+maskennr+"_"+Math.floor(Math.random() * 100); |
|
if(document.getElementById("inp_viz_chartuniquename").value=="") |
|
document.getElementById("inp_viz_chartuniquename").value=uniquename; |
|
|
|
if(document.getElementById("inp_viz_chartchart_width").value=="0") |
|
document.getElementById("inp_viz_chartchart_width").value="800"; |
|
if(document.getElementById("inp_viz_chartchart_height").value=="0") |
|
document.getElementById("inp_viz_chartchart_height").value="600"; |
|
if(document.getElementById("inp_viz_chartchart_miniature_width").value=="0") |
|
document.getElementById("inp_viz_chartchart_miniature_width").value="100"; |
|
if(document.getElementById("inp_viz_chartchart_miniature_height").value=="0") |
|
document.getElementById("inp_viz_chartchart_miniature_height").value="60"; |
|
if(document.getElementById("inp_viz_chartchart_miniature_height").value=="0") |
|
document.getElementById("inp_viz_chartchart_miniature_height").value="60"; |
|
//if(document.getElementById("inp_viz_chartchart_active").value=="") |
|
// document.getElementById("inp_viz_chartchart_active").value="1"; |
|
} |
|
|
|
|
|
async function ManagerCacheRefresh() |
|
{ |
|
const url="../../sxrest/managercache_refresh"; |
|
try { |
|
const response = await fetch(url); |
|
if (!response.ok) { |
|
throw new Error(`Serverantwort: ${response.status}`); |
|
} |
|
|
|
const cacheStatus = await response.text(); |
|
document.getElementById("ManagerCacheStatus").innerHTML = cacheStatus; |
|
} catch (error) { |
|
document.getElementById("ManagerCacheStatus").innerHTML = error.message; |
|
} |
|
} |
|
|
|
</script> |
|
<body class="clsPageBody" onLoad="initPage()"><%@ page import ="java.util.Hashtable" %> |
|
<% |
|
//HttpSession session=request.getSession(true); |
|
if (request.getCharacterEncoding() == null) |
|
request.setCharacterEncoding("UTF-8"); |
|
Object userobject=request.getSession().getAttribute("UserID"); |
|
String userid; |
|
String filter=""; |
|
String sql=""; |
|
if(userobject == null) |
|
{ |
|
%> |
|
|
|
<jsp:forward page="/edit/not_authenticated.htm"/> |
|
<% |
|
} |
|
else |
|
userid=userobject.toString(); |
|
Object mandantobject=request.getSession().getAttribute("MandantenID"); |
|
String mandantenid=""; |
|
if(mandantobject != null) |
|
mandantenid=mandantobject.toString(); |
|
//der superx-Default-Mandant ist bei dbforms ein Leerstring |
|
if(mandantenid.equals("default")) |
|
mandantenid=""; |
|
String db_form_name="viz_chart"; |
|
String erlaubt="0"; |
|
%> |
|
<%@ include file="/edit/check_authentication.inc" %> |
|
<% |
|
if(erlaubt.equals("0")) |
|
{ |
|
%> |
|
|
|
<jsp:forward page="/edit/not_authorized.htm"/> |
|
<% |
|
} |
|
|
|
String keyfieldsused="false"; |
|
Object kf=request.getParameter("keyfieldsused"); |
|
if(kf != null) |
|
keyfieldsused=kf.toString(); |
|
|
|
%> |
|
|
|
|
|
|
|
<div style="margin: 0px; padding: 0px; overflow: hidden; width: 100%;" id="menuCaption"> |
|
<span class="menuCaptionTitle" id="menuCaptionTitle">Diagrammentwürfe bearbeiten. </span><img border="0" height="18px" alt="Erläuterung" src="/superx/images/information.svg"><span style="display:none" connectId="menuCaption" dojoType="tooltip">In diesem Formular können Sie Diagramme verwalten.</span> |
|
<br />Nach einer Änderung sollten Sie den <button class="button is-small has-tooltip-multiline has-tooltip-right" data-tooltip="Grafiken werden gecacht." |
|
onClick="ManagerCacheRefresh();">Cache</button> leeren |
|
<br /> <span id="ManagerCacheStatus"></span> |
|
|
|
</div> |
|
<% |
|
String followUp="/edit/viz/viz_chart_bearbeiten.jsp"; |
|
String tid = request.getParameter("tid"); |
|
if(tid==null || tid.equals("")) |
|
{ |
|
followUp="/edit/viz/viz_chart_bearbeitet.jsp"; |
|
filter +="tid=0"; |
|
} |
|
else |
|
{ |
|
filter +="tid="+tid; |
|
} |
|
%> |
|
|
|
<% |
|
String created_by = request.getParameter("created_by"); |
|
if(created_by != null && !created_by.equals("null")){ |
|
filter +=",created_by="+created_by; |
|
} |
|
%> |
|
<db:dbform tableName="viz_chart" maxRows="1" autoUpdate="false" |
|
captionResource="true" multipart="false" |
|
followUp="<%= followUp %>" |
|
filter="<%= filter %>" orderBy="caption" |
|
dbConnectionName="<%= mandantenid %>" ><input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/><db:header/> |
|
<db:errors/> |
|
<db:body allowNew="true"> |
|
<table border="0" align="right" cellpadding="0" cellspacing="0"> |
|
<tr> |
|
<td class="naviBtn"> |
|
<db:updateButton styleClass="clsButtonStyle" style="height:18px" alt="button.update" src="../../images/save.svg" flavor="image" id="db_updateButton"/></td><td class="naviBtn"> |
|
<db:insertButton showAlways="false" style="height:18px" styleClass="clsButtonStyle" alt="Datensatz einfügen" src="../../images/circle_tick.svg" id="ins1" flavor="image"/></td><td class="naviBtn"><input type="hidden" name="keyfieldsused" value="<%= keyfieldsused %>" /><a onclick="maskeTogglekeyfields()" title="Schlüsselfelder an/aus"><img alt="Schlüsselfelder an/aus" src="../../images/key.svg" border="0"></a></td> |
|
</tr> |
|
</table> |
|
<p> </p> |
|
<hr> |
|
<p> |
|
<input type="hidden" name="tid" value="<%= tid %>" /> |
|
|
|
<input type="hidden" name="created_by" value="<%= created_by %>" /> |
|
</p> |
|
<table class="db_form_table" cellspacing="0" cellpadding="0" width="100%" border="0"> |
|
<td> |
|
<table cellspacing="0" cellpadding="0" width="100%" border="0"> |
|
<tr> |
|
<td class="db_label">tid</td><td> |
|
<db:label nullFieldValue="" fieldName="tid"/></td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Bezeichnung"/></td><td align="left"> |
|
<div id="fld_caption"> |
|
<db:textField nullFieldValue="" styleClass="clsInputStyle" onBlur="" maxlength="255" size="50" id="inp_viz_chartcaption" fieldName="caption"/> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Unique Name"/></td><td align="left"> |
|
<div id="fld_uniquename"> |
|
<db:textField nullFieldValue="" styleClass="clsInputStyle" onBlur="" maxlength="255" size="50" id="inp_viz_chartuniquename" fieldName="uniquename"/> |
|
<span style="display:none" connectId="fld_uniquename" dojoType="tooltip">Vergeben Sie einen eindeutigen Schlüssel mit Buchstaben und Unterstrich/Bindestrich, ohne Umlaute, Leer- oder Sonderzeichen</span> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Beschreibung"/></td><td align="left"> |
|
<div id="fld_description"> |
|
<db:textArea nullFieldValue="" onBlur="" styleClass="editform" wrap="virtual" rows="6" cols="80" fieldName="description"/> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Maske"/></td><td align="left"> |
|
<div id="fld_maskeninfo_id"> |
|
<input onblur="updateSelect(this)" style="display:none" size="10" id="key_viz_chartmaskeninfo_id" name="key_viz_chartmaskeninfo_id" class="schluesselfeld" type="text"> |
|
<db:select id="inp_viz_chartmaskeninfo_id" styleClass="clsInputStyle" readOnly="false" onChange="updateKeyfield(this)" fieldName="maskeninfo_id" customEntry=",,true"><% sql = "select tid, name from maskeninfo order by name;"; %><db:queryData name="viz_chart_maskeninfo5" query="<%= sql %>" dbConnectionName="<%= mandantenid %>" /> </db:select> |
|
</div> |
|
</td> |
|
</tr> |
|
<!-- |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Maskenparameter"/></td><td align="left"> |
|
<div id="fld_mask_params"> |
|
<db:textArea nullFieldValue="" onBlur="" styleClass="editform" wrap="virtual" rows="6" cols="80" fieldName="mask_params"/> |
|
</div> |
|
</td> |
|
</tr>--> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Renderer"/></td><td align="left"> |
|
<div id="fld_renderer_id"> |
|
<input onblur="updateSelect(this)" style="display:none" size="10" id="key_viz_chartrenderer_id" name="key_viz_chartrenderer_id" class="schluesselfeld" type="text"> |
|
<db:select id="inp_viz_chartrenderer_id" styleClass="clsInputStyle" readOnly="false" onChange="updateKeyfield(this)" fieldName="renderer_id" customEntry=",,true"><% sql = "select tid, caption from viz_renderer order by caption;"; %><db:queryData name="viz_chart_viz_renderer3" query="<%= sql %>" dbConnectionName="<%= mandantenid %>" /> </db:select> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Quellcode des Diagramms"/></td><td align="left"> |
|
<div id="fld_chartmodel"> |
|
<db:textArea nullFieldValue="" onBlur="" styleClass="editform" wrap="virtual" rows="6" cols="80" fieldName="chartmodel" id="chartmodel"/> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Quellcode des Diagramms (Miniatur)"/></td><td align="left"> |
|
<div id="fld_chartmodel_miniature"> |
|
<db:textArea nullFieldValue="" onBlur="" styleClass="editform" wrap="virtual" rows="6" cols="80" fieldName="chartmodel_miniature" id="chartmodel_miniature"/> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Breite des Diagramms"/></td><td align="left"> |
|
<div id="fld_chart_width"> |
|
<db:textField nullFieldValue="" onBlur="" styleClass="clsInputStyle" id="inp_viz_chartchart_width" size="6" fieldName="chart_width"/> |
|
</div> |
|
<span style="display:none" connectId="fld_chart_width" dojoType="tooltip">in px</span></td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Höhe des Diagramms"/></td><td align="left"> |
|
<div id="fld_chart_height"> |
|
<db:textField nullFieldValue="" onBlur="" styleClass="clsInputStyle" id="inp_viz_chartchart_height" size="6" fieldName="chart_height"/> |
|
</div> |
|
<span style="display:none" connectId="fld_chart_height" dojoType="tooltip">in px</span></td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Breite der Diagramm-Miniatur"/></td><td align="left"> |
|
<div id="fld_chart_miniature_width"> |
|
<db:textField nullFieldValue="" onBlur="" styleClass="clsInputStyle" id="inp_viz_chartchart_miniature_width" size="6" fieldName="chart_miniature_width"/> |
|
</div> |
|
<span style="display:none" connectId="fld_chart_miniature_width" dojoType="tooltip">in px</span></td> |
|
</tr> |
|
<tr> |
|
<td class="db_label"> |
|
<db:message key="Höhe der Diagramm-Miniatur"/></td><td align="left"> |
|
<div id="fld_chart_miniature_height"> |
|
<db:textField nullFieldValue="" onBlur="" styleClass="clsInputStyle" id="inp_viz_chartchart_miniature_height" size="6" fieldName="chart_miniature_height"/> |
|
</div> |
|
<span style="display:none" connectId="fld_chart_miniature_height" dojoType="tooltip">in px</span></td> |
|
</tr> |
|
<!-- neu entworfene Grafiken sind immer aktiv:<tr> |
|
<td class="db_label"> |
|
<db:message key="Grafik aktiv"/></td><td align="left"> |
|
<div id="fld_chart_active"> |
|
<db:textField nullFieldValue="" onBlur="" styleClass="clsInputStyle" id="inp_viz_chartchart_active" size="6" fieldName="chart_active"/> |
|
</div> |
|
</td> |
|
</tr>--> |
|
</table> |
|
</td><td align="center" style="padding-left:10px"></td> |
|
</table> |
|
</db:body> |
|
<db:footer/></db:dbform></body> |
|
</html> |
|
|
|
|
|
|
|
|
|
|