archium_public/Toolbox
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Version zu Ende April 2023

Browse Source
This commit is contained in:
Klaus Wendel, archium GmbH
2023-05-03 09:06:13 +02:00
commit f967f4698f
425 changed files with 112793 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
static/module/index_content.txt Normal file
View File

@@ -0,0 +1 @@

20
static/module/index_datagrid.txt Normal file
View File

@@ -0,0 +1,20 @@
<!-- >>> fubagTools.html_content.datagrid <<<
//***********************************************************************
//
// This file is part of the "fubagToolbox" System
// Author: Marko Seidel, Klaus Wendel
// Copyright (C) 2021, archium GmbH
//
//***********************************************************************
-->
<table id="%dg%" class="easyui-datagrid"
data-options="
border:false,
collapsible:true,
singleSelect:true,
fit:true,
fitColumns:true,
onSelect:function(index, row){
// app.module[app.active_module].expandnodefromgrid(this, index, row)
}" idField="%idfield%">
</table>

1
static/module/index_events.txt Normal file
View File

@@ -0,0 +1 @@

1
static/module/index_file.txt Normal file
View File

@@ -0,0 +1 @@

70
static/module/index_head.txt Normal file
View File

@@ -0,0 +1,70 @@
<!-- >>> fubagTools.html_content.head <<<
//***********************************************************************
//
// This file is part of the "fubagToolbox" System
// Author: Marko Seidel, Klaus Wendel
// Copyright (C) 2021, archium GmbH
//
//***********************************************************************
-->
<style>
.app-header{
font-size: 24px;
font-weight: 400;
font-style: normal;
padding-left: 10px;
TEXT-ALIGN: left;
WHITE-SPACE: nowrap;
text-shadow: 1px 1px 0 #606060, 3px 3px 2px #707070;
}
.head-button{
margin: 2px;
}
.parentmenu{
background-color: #FFB0B0;
}
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }
</style>
<script type="text/javascript">
function __win_reload(btn){
location.reload();
}
</script>
<a href="#" id="download" style="display:none;">Download</a>
<table border="0" style="width:100%;height:100%;padding:0;margin:0;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<table border="0" style="width:100%;padding:0;margin:0;text-align:left;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<div id="app_title" class="app-header" style="font-size:18px;font-family:verdana,Avantgarde,arial,helvetica,geneva,sans-serif">%alias%Explorer</div>
</td>
<td align="right" style="width:400px;height:24px;font-size:90%;">
<input id="head_theme" title="Load theme" class="easyui-combobox option" data-options="url:'',editable:false,width:'200px',height:'26px',panelHeight:'auto',label:'Select theme:',labelPosition:'left',labelWidth:90,onSelect:function(r){app.themechange(r.value)},onLoadSuccess:function(r){console.log('Themes loaded:', r)}">
</td>
<td align="center" style="width:20px;">
<span class="app-tb-btn-sep"></span>
</td>
<td style="width:20px;vertical-align:top;">
<a href="#" title="Home" onclick="__win_reload(this)" class="easyui-menubutton head-button" data-options="hasDownArrow:false" group="" id=""><%"home;matrix(0.8,0,0,0.8,2,2);32;30;0 0 32 32;"%></a>
</td>
<td style="width:20px;vertical-align:top;display:none;">
<a href="#" title="Login" onclick="app.module[app.active_module].login(this)" class="easyui-menubutton head-button" data-options="hasDownArrow:false" group="" id=""><%"user;matrix(0.8,0,0,0.8,3,3);32;30;0 0 32 32;"%></a>
</td>
<td style="width:20px;vertical-align:top;">
<a href="#" title="Logout" onclick="app.module[app.active_module].logout(this)" class="easyui-menubutton head-button" data-options="hasDownArrow:false" group="" id=""><%"power;matrix(0.8,0,0,0.8,3,3);32;30;0 0 32 32;"%></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

69
static/module/index_layout.txt Normal file
View File

@@ -0,0 +1,69 @@
<!-- >>> index.html <<<
//***********************************************************************
//
// This file is part of the "fubagToolbox" System
// Author: Marko Seidel, Klaus Wendel
// Copyright (C) 2021, archium GmbH
//
// >>> fubagTools.html_layout <<<
//
//***********************************************************************
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="expires" content="0">
<meta name="company" content="archium GmbH">
<meta name="software" content="archium GmbH">
<meta name="author" content="Klaus Wendel; Marko Seidel">
<meta name="viewport" content="width=800, height=600, initial-scale=0.9, user-scalable=no">
<title>FU Berlin - Dataverse Explorer ( %project% )</title>
<link rel="shortcut icon" href="/pics/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="/css/fontcustom.css">
<link rel="stylesheet" type="text/css" href="/jeasyui/themes/icon.css">
<script type="text/javascript" src="/jeasyui/jquery.min.js"></script>
<script type="text/javascript" src="/jeasyui/jquery.blockUI.js"></script>
<script type="text/javascript" src="/jeasyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/jeasyui/datagrid-bufferview.js"></script>
<script type="text/javascript" src="/js/app.js"></script>
<script type="text/javascript" src="/js/aes.js"></script>
<script type="text/javascript" src="/js/module_%project%.js"></script>
<script type="text/javascript">
<%"script;"%>
</script>
</head>
<body>
<div id="layout_%project%" class="easyui-layout" data-options="fit:true,onExpand:function(region){app.module[app.active_module].expandregion($(this), region);},onCollapse:function(region){app.module[app.active_module].collapseregion($(this), region);}">
<div class="theme"><link rel="stylesheet" type="text/css" href="/jeasyui/themes/default/easyui.css">
</div>
<div id="cloud">
<link rel="stylesheet" type="text/css" href="/css/cloud.css">
</div>
<div id="rn" data-options="region:'north'" style="height:3%;min-height:38px;">
<div id="layout_%project%_head" class="easyui-layout" data-options="fit:true">
</div>
</div>
<div id="rm" data-options="region:'center',split:true,title:'Menu tree',collapsible:false,hideCollapsedContent:false" style="width:99%;height:96%;">
<div id="layout_%project%_menu" class="easyui-layout" data-options="fit:true" style="">
</div>
</div>
<div id="re" iconCls="icon-file" data-options="region:'east',split:true,collapsed:true,hideCollapsedContent:false,animate:false" title="Content" style="width:50%;">
<div id="layout_%project%_propgrid" class="easyui-layout" style="width:100%;height:100%;font-size:14px;">
</div>
</div>
<div id="rc" data-options="region:'east'" style="width:0%;height:75%;display:none;">
<div id="layout_%project%_content" class="easyui-layout" data-options="fit:true">
<div id="region_%project%_dataverse" iconCls="icon-dataverse" data-options="region:'center',split:true,title:'Dataverse',hideCollapsedContent:false" style="height:100%">
<div id="layout_%project%_datagrid_dataverse" class="easyui-layout" style="width:100%;height:100%;fit:true,enabled:false;font-size:14px">
</div>
</div>
</div>
</div>
</div>
<div id="layout_login" class="easyui-layout" data-options="fit:true">
</div>
<div id="layout_search" class="easyui-layout" data-options="fit:true">
</div>
</body>
</html>

60
static/module/index_login.txt Normal file
View File

@@ -0,0 +1,60 @@
<!-- >>> fubagTools.html_content.login <<<
//***********************************************************************
//
// This file is part of the "fubagToolbox" System
// Author: Marko Seidel, Klaus Wendel
// Copyright (C) 2021, archium GmbH
//
//***********************************************************************
-->
<div id="dialog_login" style="height:auto;display:none;">
<div id="archium_login" class="easyui-panel" style="width:100%;height:auto;" data-options="
buttons:'#archium_login_btns'
,footer:'#archium_login_footer'
,border:false
,modal:true
,resizable:false
,minWidth:'400'
,maxWidth:'400'
,minimizable:false
,maximizable:false
,collapsible:false
,cache:false
,draggable:true
,openAnimation:'fade'
,closeAnimation:'fade'
,title:''">
<table cellpadding="5" style="width:100%;margin-top:10px;margin-bottom:10px;">
<tbody>
<tr>
<td text="L_logon_user" style="text-align:right;">Username:</td>
<td class="headitem-value" style="margin-top:10px;">
<input class="easyui-textbox input-field" id="login_frm_user" name="login_frm_user" prompt="Username" iconWidth="28" style="width:95%;">
</td>
</tr>
<tr>
<td text="L_logon_pwd" style="text-align:right;">Password:</td>
<td>
<input class="easyui-passwordbox input-field" name="login_frm_password" prompt="Password" iconWidth="28" style="width:95%;">
</td>
</tr>
</tbody>
</table>
</div>
<div id="archium_login_footer" class="panel-footer" style="margin-left:1px;margin-right:1px;padding:2px; font-size:75%; text-align:right;">
<div id="archium_login_btns" style="text-align:center;">
<table cell-padding="2" style="width:100%;padding:5px 10px 2px 10px;">
<tbody>
<tr>
<td align="center" style="width:100%;">
<a text="AC_host_logon" id="btn_login_frm" href="#" class="easyui-linkbutton" onclick="app.setLogin();" style="min-width:90px;width:100%;" %mousedown% group="">Login</a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="archium_login_copyright" style="padding-top:5px;font-size:80%;text-align:center;">Copyright &copy; 2021 <a href="http://www.archium.org" %mousedown% target="_blank">archium GmbH</a></div>
</div>
</div>

28
static/module/index_menu.txt Normal file
View File

@@ -0,0 +1,28 @@
<!-- >>> fubagTools.html_content.menu <<<
//***********************************************************************
//
// This file is part of the "fubagToolbox" System
// Author: Marko Seidel, Klaus Wendel
// Copyright (C) 2021, archium GmbH
//
//***********************************************************************
-->
<div id="layout_%project%_menu" class="easyui-layout" data-options="fit:true">
<div id='modul_%project%_menu_toolbar' class='datagrid-toolbar' data-options="region:'north',title:''" style="">
<a id='AC_dataset_search' onclick="app.module[app.active_module].search(this)" title="Search from the selected level" class="mod-tb-btn easyui-menubutton easyui-tooltip" data-options="hasDownArrow:false" href="#" onmousedown="return false"><%"search;matrix(0.9,0,0,0.9,0,0);30;30;0 0 32 32;"%></a>
<span class="app-tb-btn-sep"></span>
<a id='AC_menu_refresh' onclick="app.module[app.active_module].loadmenu(this)" title="Refresh menu" class="mod-tb-btn easyui-menubutton easyui-tooltip" data-options="hasDownArrow:false,disabled:true" href="#" onmousedown="return false"><%"refresh;matrix(0.9,0,0,0.9,0,0);30;30;0 0 32 32;"%></a>
</div>
<div region="center" border="false" style="height 100%;">
<ul id="tt" class="easyui-tree"
data-options="
size:'middle',
animate:false,
rownumbers: true,
toolbar:'#modul_%project%_menu_toolbar',
onClick:function(node){
app.module[app.active_module].expandnodetree(this, node);
}">
</ul>
</div>
</div>

75
static/module/index_propgrid.txt Normal file
View File

@@ -0,0 +1,75 @@
<!-- >>> fubagTools.html_content.propgrid <<<
//***********************************************************************
//
// This file is part of the "fubagToolbox" System
// Author: Marko Seidel, Klaus Wendel
// Copyright (C) 2021, archium GmbH
//
//***********************************************************************
-->
<div id="tabs_%project%_propgrid" class="easyui-tabs" data-options="onSelect:function(title, index){/*console.log(title, index);*/}" style="width:100%;height:100%;">
<div id="tab_%project%_file" title="tab_%project%_file" data-options="tools:[{iconCls:'icon-mini-refresh',handler:function(){app.module[app.active_module].loadmenu()}}]" style="padding:0px;display:none;">
<table id="%pg_file%" class="easyui-propertygrid" style="width:300px" data-options="
showGroup:true,
scrollbarSize:0,
singleSelect:false,
fit:true,
fitColumns:true,
toolbar:'#modul_%project%_propgrid_file_toolbar',
groupFormatter: groupFormattersearch,
onLoadSuccess: loadSuccessfile" idField="%id_file%">
</table>
<div id='modul_%project%_propgrid_file_toolbar' class='datagrid-toolbar' style="padding:2px 5px;">
<a id='AC_file_expand' onclick="app.module[app.active_module].func(this, 'expand',true)" title="Expand all entries" class="mod-tb-btn easyui-menubutton easyui-tooltip" data-options="hasDownArrow:false" href="#" onmousedown="return false"><%"expand;matrix(0.8,0,0,0.8,2,2);30;30;0 0 32 32;"%></a>
<a id='AC_file_collapse' onclick="app.module[app.active_module].func(this, 'expand',false)" title="Collapse all entries" class="mod-tb-btn easyui-menubutton easyui-tooltip mod-tb-btn-hide" data-options="hasDownArrow:false" href="#" onmousedown="return false"><%"collapse;matrix(0.8,0,0,0.8,2,2);30;30;0 0 32 32;"%></a>
</div>
<script>
function groupFormattersearch(_value, _rows){
return app.module[app.active_module].getgrouptitle(_value);
}
function formatValue(val,row){
console.log(val, row);
return val;
}
function loadSuccessfile(){
var gcount = $(this).datagrid('options').view.groups.length;
for(var i=0; i<gcount; i++){
$(this).datagrid('collapseGroup', i);
}
}
</script>
</div>
<div id="tab_%project%_search" title="tab_%project%_search" data-options="closable:false" style="overflow:auto;padding:0px;display:none;">
<table id="%pg_search%" class="easyui-propertygrid" style="width:300px" data-options="
showGroup:true,
scrollbarSize:0,
singleSelect:false,
fit:true,
fitColumns:true,
toolbar:'#modul_%project%_propgrid_search_toolbar',
groupFormatter: groupFormattersearch,
onLoadSuccess: loadSuccesssearch" idField="%id_search%">
</table>
<div id='modul_%project%_propgrid_search_toolbar' class='datagrid-toolbar' style="padding:2px 5px;">
<a id='AC_search_check' onclick="app.module[app.active_module].func(this, 'check',true)" title="Check all entries" class="mod-tb-btn easyui-menubutton easyui-tooltip" data-options="hasDownArrow:false" href="#" onmousedown="return false"><%"checked;matrix(0.8,0,0,0.8,2,2);30;30;0 0 32 32;"%></a>
<a id='AC_search_uncheck' onclick="app.module[app.active_module].func(this, 'check',false)" title="Uncheck all entries" class="mod-tb-btn easyui-menubutton easyui-tooltip mod-tb-btn-hide" data-options="hasDownArrow:false" href="#" onmousedown="return false"><%"unchecked;matrix(0.8,0,0,0.8,2,2);30;30;0 0 32 32;"%></a>
<a id='AC_search_expand' onclick="app.module[app.active_module].func(this, 'expand',true)" title="Expand all entries (it takes a while)" class="mod-tb-btn easyui-menubutton easyui-tooltip" data-options="hasDownArrow:false" href="#" onmousedown="return false"><%"expand;matrix(0.8,0,0,0.8,2,2);30;30;0 0 32 32;"%></a>
<a id='AC_search_collapse' onclick="app.module[app.active_module].func(this, 'expand',false)" title="Collapse all entries (it takes a while)" class="mod-tb-btn easyui-menubutton easyui-tooltip mod-tb-btn-hide" data-options="hasDownArrow:false" href="#" onmousedown="return false"><%"collapse;matrix(0.8,0,0,0.8,2,2);30;30;0 0 32 32;"%></a>
<span class="app-tb-btn-sep"></span>
<a id='AC_search_save' onclick="app.module[app.active_module].func(this, 'save','csv')" title="Save selected entries" class="mod-tb-btn easyui-menubutton easyui-tooltip" data-options="hasDownArrow:false,disabled:true" href="#" onmousedown="return false"><%"disk;matrix(0.9,0,0,0.9,0,0);30;30;0 0 32 32;"%></a>
<a id='AC_search_excel' onclick="app.module[app.active_module].func(this, 'save', 'excel')" title="excel" class="mod-tb-btn easyui-menubutton easyui-tooltip" data-options="hasDownArrow:false,disabled:true" style="display:none;" href="#" onmousedown="return false"><%"excel;matrix(0.8,0,0,0.8,2,2);30;30;0 0 32 32;"%></a>
</div>
<script>
function groupFormattersearch(_value, _rows){
return app.module[app.active_module].getgrouptitle(_value);
}
function loadSuccesssearch(){
var gcount = $(this).datagrid('options').view.groups.length;
for(var i=0; i<gcount; i++){
$(this).datagrid('collapseGroup', i);
}
}
</script>
</div>
</div>

21
static/module/index_script.txt Normal file
View File

@@ -0,0 +1,21 @@
// >>> fubagTools.html_content.script
//***********************************************************************
//
// This file is part of the "fubagToolbox" System
// Author: Marko Seidel, Klaus Wendel
// Copyright (C) 2021, archium GmbH
//
//***********************************************************************
//
// verbiete dragging aller "anchor" <a>..</a>
function disableAnchor(){
$('a').on('dragstart', function(event){
return false;
});
}
document.onmousedown = disableAnchor;
$(document).ready(function(){
app.themechange('default')
loadIndex();
});
//

134
static/module/index_search.txt Normal file
View File

@@ -0,0 +1,134 @@
<!-- >>> fubagTools.html_content.search <<<
//***********************************************************************
//
// This file is part of the "fubagToolbox" System
// Author: Marko Seidel, Klaus Wendel
// Copyright (C) 2021, archium GmbH
//
//***********************************************************************
-->
<div id="dialog_search" class="easyui-dialog" style="height:auto;display:none;height:650px" data-options="
resizable:true
,modal:true
,minheight:'600'
,maxheight:'650'
,minWidth:'550'
,maxWidth:'550'
,minimizable:false
,maximizable:false
,collapsible:false
,cache:false
,draggable:true
,openAnimation:'fade'
,closeAnimation:'fade'
,title:''">
<div class="easyui-tabs" id="searches" data-options="tabPosition:'top',fit:true" style="">
<div class='' id='tab_1' title='Advanced' style="height:100%;">
<table cellpadding="2" style="width:100%;margin-top:5px;margin-bottom:3px;">
<tbody>
<tr>
<td text="L_search_title" style="width:30%;text-align:right;margin-top:10px;">Title:</td>
<td style="margin-top:10px;">
<input class="easyui-textbox" id="search_title" field="title" prompt="Title" iconWidth="28" style="width:95%;" >
</td>
</tr>
<tr>
<td text="L_search_author" style="width:30%;text-align:right;">Author:</td>
<td>
<input class="easyui-textbox" id="search_authorName" field="authorName" prompt="Author" iconWidth="28" style="width:95%;">
</td>
</tr>
<tr>
<td text="L_search_description" style="width:30%;text-align:right;">Description:</td>
<td>
<input class="easyui-textbox" id="search_dsDescriptionValue" field="dsDescriptionValue" prompt="Description" iconWidth="28" style="width:95%;">
</td>
</tr>
<tr>
<td text="L_search_subject" style="width:30%;text-align:right;vertical-align:top;padding-top:10px;">Subject:</td>
<td>
<div class = "easyui-panel" style="width:95%;height:130px" data-options="
title:''">
<SELECT class="headitem-value easyui-datalist" id="search_subject" field="subject" style="width:100%;" data-options="
border:false
,required:false
,checkbox:true
,singleSelect:false
,onLoadSuccess:function(d){}
,onCheck:function(i,row,s=true){var val = 0;var c = $('#search_subject');var e = ($(c).attr('disabled'))?false:true;console.log('val', e);if (!e){app.message({type:'alert', title:'ERROR postJSON in [Check(true)]', msg:'Änderungen <B>nicht gespeichert</B>, da Bearbeitung <B>nicht erlaubt</B> ist.<BR><BR> >>> Konfiguration der Liste!'});return false;}else{var rows = $(c).datalist('getRows');$.each(rows,function(_i,_row){if (_i==i){_row.selected=s;}switch (_row.selected){case true:{val|=_row.id;}}});}$(c).data('val',val);}
,onUncheck:function(i,row,s=false){var val = 0;var c = $('#search_subject');var e = ($(c).attr('disabled'))?false:true;console.log('val', e);if (!e){app.message({type:'alert', title:'ERROR postJSON in [Check(false)]', msg:'Änderungen <B>nicht gespeichert</B>, da Bearbeitung <B>nicht erlaubt</B> ist.<BR><BR> >>> Konfiguration der Liste!'});return false;}else{var rows = $(c).datalist('getRows');$.each(rows,function(_i,_row){if (_i==i){_row.selected=s;}switch (_row.selected){case true:{val|=_row.id;}}});}$(c).data('val',val);}
%subject%">
</SELECT>
</div>
</td>
</tr>
<tr>
<td text="L_search_keyword" style="width:30%;text-align:right;">Keyword:</td>
<td>
<input class="easyui-textbox" id="search_keywordValue" field="keywordValue" prompt="Keyword" iconWidth="28" style="width:95%;">
</td>
</tr>
<tr>
<td text="L_search_topicclassvalue" style="width:30%;text-align:right;">Topic classification:</td>
<td>
<input class="easyui-textbox" id="search_topicclassvalue" field="topicClassValue" prompt="Topic classification" iconWidth="28" style="width:95%;">
</td>
</tr>
<tr>
<td text="L_search_kindofdata" style="width:30%;text-align:right;">Kind of data:</td>
<td>
<input class="easyui-textbox" id="search_kindOfData" field="kindOfData" prompt="Kind of data" iconWidth="28" style="width:95%;">
</td>
</tr>
<tr>
<td text="L_search_publication" style="width:30%;text-align:right;">Publication:</td>
<td>
<input class="easyui-textbox" id="search_dsPublicationDate" field="dsPublicationDate" prompt="Publication" iconWidth="28" style="width:95%;">
</td>
</tr>
<tr>
<td text="L_search_datasetPersistentId" style="width:30%;text-align:right;">Dataset Persistent-Id:</td>
<td>
<input class="easyui-textbox" id="search_dsPersistentId" field="dsPersistentId" prompt="Dataset Persistent-Id" iconWidth="28" style="width:95%;">
</td>
</tr>
<tr class="dialog-line">
<td class="dialog-line" style="width:30%;text-align:left;font-size:0.8em;">File:</td>
<td style="border:none;">&nbsp;</td>
</tr>
<tr>
<td text="L_search_filedescription" style="width:30%;text-align:right;">Description:</td>
<td>
<input class="easyui-textbox" id="search_fileDescription" field="fileDescription" prompt="Description" iconWidth="28" style="width:95%;">
</td>
</tr>
</tbody>
</table>
</div>
<!-- <div class='' id='tab_2' title='Generally' style="height:100%;display:none;"></div> -->
</div>
<div id="archium_search_footer" class="panel-footer" style="margin-left:1px;margin-right:1px;padding:2px; font-size:75%; text-align:right;">
<div id="archium_search_btns" style="text-align:center;">
<table cell-padding="2" style="width:100%;padding:5px 8px 2px 8px;">
<tbody>
<tr>
<td align="right" style="">
<a text="AC_load" id="btn_load_frm" class="easyui-linkbutton" href="#" style="min-width:65px;" %mousedown% disabled>Load</a>
<a text="AC_save" id="btn_save_frm" class="easyui-linkbutton" href="#" style="min-width:65px;width:49%;" %mousedown% disabled>Save</a>
</td>
<td align="center" style="width:5%;">
<span class="app-tb-btn-sep"></span>
</td>
<td align="right" style="width:50%;">
<a text="AC_search" id="btn_search_frm" class="easyui-linkbutton" href="#" style="min-width:130px;width:100%;" %mousedown% onclick="app.module[app.active_module].gosearch(this, $('#dialog_search'))" >Go search</a>
</td>
<td align="left" style="width:15%;">
<a href="#" class="easyui-linkbutton" style="min-width:80px;width:100%;" onclick="$('#dialog_search').dialog('close')" %mousedown%>Cancel</a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="archium_search_copyright" style="padding-top:5px;font-size:80%;text-align:center;">Copyright &copy; 2021 <a href="http://www.archium.org" target="_blank">archium GmbH</a></div>
</div>
</div>