<a class="list-group-item list-group-item-action bg-light" href="javascript:browserapp.loadmodule('bankaccount');">Bankkonto</a>
<a class="list-group-item list-group-item-action bg-light" href="javascript:browserapp.loadmodule('offers');">Angebote</a>
<a class="list-group-item list-group-item-action bg-light" href="javascript:browserapp.loadmodule('products');">Produkte</a>
+ <a class="list-group-item list-group-item-action bg-light" href="javascript:browserapp.loadmodule('templates');">Vorlagen</a>
<a class="list-group-item list-group-item-action bg-light" href="javascript:browserapp.loadmodule('settings');">Einstellungen</a></li>
</div>
</div>
</div>
</nav>
- <div class="cotainer-fluid" style="margin-top: 52px;">
- <ul class="nav nav-tabs" id="pagetab" role="tablist">
- <li class="nav-item"><a aria-controls="global" aria-selected="true" class="nav-link active" data-toggle="tab" href="#global" id="global-tab" role="tab">Global</a></li>
- <li class="nav-item"><a aria-controls="templates" aria-selected="false" class="nav-link" data-toggle="tab" href="#templates" id="templates-tab" role="tab">Vorlagen</a></li>
- </ul>
- <div class="tab-content" id="tabpagecontent">
- <div aria-labelledby="global-tab" class="tab-pane fade show active" id="global" role="tabpanel">
+ <div class="cotainer-fluid" style="margin-top: 52px;">
<div class="row">
<div class="col-md-12">
<div class="card">
</div>
</div>
</div>
- <div aria-labelledby="templates-tab" class="tab-pane fade" id="templates" role="tabpanel">
- <div class="row">
- <div class="col-md-6" style="padding-right: 0px;">
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <h5 class="text-white">Druck-Vorlagen</h5>
- <div class="ml-auto">
-
- <div class="btn-group" role="group" aria-label="Basic example">
- <button class="btn btn-primary" onclick="printtemplate.new();"><i class="fas fa-plus"></i><br/>Neu</button>
- <button class="btn btn-primary" onclick="printtemplate.edit();"><i class="fas fa-edit"></i><br/>bearb.</button>
- <button class="btn btn-primary" onclick="printtemplate.delete();" ><i class="fas fa-trash"></i><br/>Löschen</button>
- <button class="btn btn-primary" onclick="printtemplate.duplicate();" ><i class="fas fa-copy"></i><br/>Copy</button>
- </div>
- </div>
- </nav>
-
-
- <table id="tbl_invoicetemplates" class="table table-bordered table-hover table-striped">
- <thead class="thead-dark">
- <th data-checkbox="true"></th>
- <th data-sortable="true">Name</th>
- <th data-sortable="true">Typ</th>
- <th data-sortable="true">Standard</th>
- <tfoot></tfoot>
- <tbody></tbody>
- </table>
- </div>
- <div class="col-md-6" style="padding-left: 0px;">
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <h5 class="text-white">Email-Vorlagen</h5>
- <div class="ml-auto">
-
- <div class="btn-group" role="group" aria-label="Basic example">
- <button class="btn btn-primary" onclick="mailtemplate.new();"><i class="fas fa-plus"></i><br/>Neu</button>
- <button class="btn btn-primary" onclick="mailtemplate.edit();"><i class="fas fa-edit"></i><br/>bearb.</button>
- <button class="btn btn-primary" onclick="mailtemplate.delete();" ><i class="fas fa-trash"></i><br/>Löschen</button>
- <button class="btn btn-primary" onclick="mailtemplate.duplicate();" ><i class="fas fa-copy"></i><br/>Copy</button>
- </div>
- </div>
- </nav>
- <table id="tbl_emailtemplates" class="table table-bordered table-hover table-striped">
- <thead class="thead-dark">
- <th data-checkbox="true"></th>
- <th data-sortable="true">Name</th>
- <th data-sortable="true">Versender</th>
- <th data-sortable="true">Typ</th>
- <th data-sortable="true">Standard</th>
- <tfoot></tfoot>
- <tbody></tbody>
- </table>
-
- </div>
- </div>
- </div>
- </div>
- </div>
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../js/database.js"></script>
<script src="form_datastore.js"></script>
<script src="lib/datastore.js"></script>
+<script src="lib/printtemplate.js"></script>
+<script src="lib/emailtemplate.js"></script>
<script>if (window.module) module = window.module;</script>
</body>
</html>
\ No newline at end of file
+++ /dev/null
-function initpage(){
- console.log(parent.usersystem.getsysinfo());
- //parent.usersystem.setProperty("testproperty",{id:"TEST"});
-}
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
-<link rel="stylesheet" href="../../node_modules/bootstrap-table/dist/bootstrap-table.min.css">
-<link rel="stylesheet" href="../../node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css">
-<link rel="stylesheet" href="../../css/invoicejournal.epic.css">
-<link rel="stylesheet" href="../../css/app.css">
-<title>Druck Template</title>
-</head>
-<body>
- <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
- <button class="btn btn-primary" onclick="parent.browserapp.loadmodule('settings');"><i class="fas fa-chevron-left"></i><br>Back</button>
- <a class="navbar-brand" href="#">Druck-Vorlage</a>
- <div class="ml-auto">
- <div class="btn-group" role="group" aria-label="Basic example">
- <button class="btn btn-primary" onclick="printtemplate.save();"><i class="fas fa-save"></i><br/>Speichern</button>
- <button class="btn btn-primary" onclick="printtemplate.test();"><i class="fas fa-sync"></i><br/>Testen</button>
-
- </div>
- </div>
- </nav>
- <div class="cotainer-fluid" style="margin-top: 52px;">
- <div class="row">
- <input type="hidden" value="" id="id" name="id" />
- <div class="col-md-12">
- <div class="form-control">
- <label for="name">Name</label>
- <input type="text" class="form-control" id="name" name="name" />
- </div>
- </div>
- <div class="col-md-12">
- <div class="form-control">
- <label for="name">Typ</label>
- <select class="form-control" id="name" name="name" >
- <option value="invoice">Rechnung</option>
- <option value="creditnote">Gutschrift</option>
- <option value="reminder">Mahnung</option>
- </select>
- </div>
- </div>
- </div>
- </div>
- </div>
-
-<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
-<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
-<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-<script src="../../node_modules/bootstrap-table/dist/bootstrap-table.min.js"></script>
-<script src="../../node_modules/@fortawesome/fontawesome-free/js/all.min.js"></script>
-<script src="../../js/moduleglobal.js"></script>
-<script src="../../js/database.js"></script>
-<script src="printtemplate.js"></script>
-<script>if (window.module) module = window.module;</script>
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
-<link rel="stylesheet" href="../../node_modules/bootstrap-table/dist/bootstrap-table.min.css">
-<link rel="stylesheet" href="../../node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css">
-<link rel="stylesheet" href="../../css/invoicejournal.epic.css">
-<link rel="stylesheet" href="../../css/app.css">
-<title>Email-Template</title>
-</head>
-<body>
- <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
- <button class="btn btn-primary" onclick="parent.browserapp.loadmodule('settings');"><i class="fas fa-chevron-left"></i><br>Back</button>
- <a class="navbar-brand" href="#">E-Mail Vorlage</a>
- <div class="ml-auto">
- <div class="btn-group" role="group" aria-label="Basic example">
- <button class="btn btn-primary" onclick="printtemplate.save();"><i class="fas fa-save"></i><br/>Speichern</button>
-
- </div>
- </div>
- </nav>
- <div class="cotainer-fluid" style="margin-top: 52px;">
- <!-- <button class="btn btn-secondary" onclick="parent.usersystem.showError('MyError','My Error Message from settings!');">Show Error</button> -->
- <table class="table table-bordered table-hover table-striped" id="tbl_databases">
- <thead class="thead-dark">
- <tr>
- <th data-checkbox="true"></th>
- <th data-sortable="true">Name</th>
- <th data-sortable="true">Database</th>
- <th data-sortable="true">Server</th>
- <th data-sortable="true">Filepath</th>
- <th data-sortable="true">Type</th>
- <th data-sortable="true">VPN</th>
- <th data-sortable="true">Verbunden</th>
- </tr>
- </thead>
- </table>
- </div>
-<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
-<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
-<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-<script src="../../node_modules/bootstrap-table/dist/bootstrap-table.min.js"></script>
-<script src="../../node_modules/@fortawesome/fontawesome-free/js/all.min.js"></script>
-<script src="../../node_modules/tinymce/tinymce.min.js"></script>
-<script src="../../js/moduleglobal.js"></script>
-<script src="../../js/database.js"></script>
-<script src="emailtemplate.js"></script>
-<script>if (window.module) module = window.module;</script>
-</body>
-</html>
\ No newline at end of file
--- /dev/null
+function initpage(){
+ console.log(parent.usersystem.getsysinfo());
+ tinymce.init({
+ selector: 'textarea.richtextedit',
+ branding: false,
+ menubar:false,
+ statusbar: false,
+ plugins: 'searchreplace autolink directionality visualblocks visualchars advlist lists textpattern',
+ toolbar: 'bold italic underline strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat',
+ image_advtab: true,
+ language: 'de',
+});
+ //parent.usersystem.setProperty("testproperty",{id:"TEST"});
+}
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
+<link rel="stylesheet" href="../../node_modules/bootstrap-table/dist/bootstrap-table.min.css">
+<link rel="stylesheet" href="../../node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css">
+<link rel="stylesheet" href="../../css/invoicejournal.epic.css">
+<link rel="stylesheet" href="../../css/app.css">
+<title>Druck Template</title>
+</head>
+<body>
+ <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+ <button class="btn btn-primary" onclick="parent.browserapp.loadmodule('templates');"><i class="fas fa-chevron-left"></i><br>Back</button>
+ <a class="navbar-brand" href="#">Druck-Vorlage</a>
+ <div class="ml-auto">
+ <div class="btn-group" role="group" aria-label="Basic example">
+ <button class="btn btn-primary" onclick="printtemplate.save();"><i class="fas fa-save"></i><br/>Speichern</button>
+ <button class="btn btn-primary" onclick="printtemplate.test();"><i class="fas fa-sync"></i><br/>Testen</button>
+ <div class="dropdown">
+ <button class="btn btn-primarydropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ <i class="fas fa-plus"></i><br/>Element
+ </button>
+ <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+ <a class="dropdown-item" href="#">Bild</a>
+ <a class="dropdown-item" href="#">Linie</a>
+ <a class="dropdown-item" href="#">Text</a>
+ <a class="dropdown-item" href="#">Rich-Text</a>
+ <a class="dropdown-item" href="#">Tabelle</a>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </nav>
+ <div class="cotainer-fluid" style="margin-top: 52px;">
+ <input type="hidden" value="" id="id" name="id" />
+ <div class="row">
+
+ <div class="col-md-4">
+ <div class="form-group">
+ <label for="name">Name</label>
+ <input type="text" class="form-control" id="name" name="name" />
+ </div>
+ </div>
+ <div class="col-md-2">
+ <div class="form-group">
+ <label for="name">Typ</label>
+ <select class="form-control" id="name" name="name" >
+ <option value="invoice">Rechnung</option>
+ <option value="creditnote">Gutschrift</option>
+ <option value="reminder">Mahnung</option>
+ </select>
+ </div>
+ </div>
+ <div class="col-md-2">
+ <div class="form-group">
+ <label for="lang">Sprache</label>
+ <select class="form-control" id="lang" name="lang" >
+ <option value="de">deutsch</option>
+ <option value="fr">francais</option>
+ <option value="en">english</option>
+ </select>
+ </div>
+ </div>
+
+ </div>
+ <div class="row">
+ <div class="col-md-8 bg-secondary" style="padding: 20px; overflow-y: scroll; height: 75vh;">
+ <h5>Seite 1</h5>
+ <div style="border: 1px solid red; width: 595px; height: 842px; background-color: #fff">
+ </div>
+ <h5>Seite 2</h5>
+ <div style="border: 1px solid red; width: 595px; height: 842px; background-color: #fff">
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="form-group">
+ <label for="element">Element</label>
+ <select class="form-control" id="name" name="name">
+ <option value="name1">Name 1</option>
+ <option value="name1">Name 2</option>
+ </select>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+
+<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
+<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
+<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+<script src="../../node_modules/bootstrap-table/dist/bootstrap-table.min.js"></script>
+<script src="../../node_modules/@fortawesome/fontawesome-free/js/all.min.js"></script>
+<script src="../../js/moduleglobal.js"></script>
+<script src="../../js/database.js"></script>
+<script src="lib/printtemplate.js"></script>
+<script src="form_printtemplate.js"></script>
+<script>if (window.module) module = window.module;</script>
+</body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
+<link rel="stylesheet" href="../../node_modules/bootstrap-table/dist/bootstrap-table.min.css">
+<link rel="stylesheet" href="../../node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css">
+<link rel="stylesheet" href="../../css/invoicejournal.epic.css">
+<link rel="stylesheet" href="../../css/app.css">
+<title>Email-Template</title>
+</head>
+<body>
+ <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+ <button class="btn btn-primary" onclick="parent.browserapp.loadmodule('templates');"><i class="fas fa-chevron-left"></i><br>Back</button>
+ <a class="navbar-brand" href="#">E-Mail Vorlage</a>
+ <div class="ml-auto">
+ <div class="btn-group" role="group" aria-label="Basic example">
+ <button class="btn btn-primary" onclick="emailtemplate.save();"><i class="fas fa-save"></i><br/>Speichern</button>
+
+ </div>
+ </div>
+ </nav>
+ <div class="cotainer-fluid" style="margin-top: 52px;">
+ <div class="row">
+ <div class="col-md-4">
+ <div class="form-group">
+ <label for="name">Name</label>
+ <input type="text" class="form-control" id="name" name="name" />
+ </div>
+ </div>
+ <div class="col-md-2">
+ <div class="form-group">
+ <label for="name">Typ</label>
+ <select class="form-control" id="name" name="name" >
+ <option value="invoice">Rechnung</option>
+ <option value="creditnote">Gutschrift</option>
+ <option value="reminder">Mahnung</option>
+ </select>
+ </div>
+ </div>
+ <div class="col-md-2">
+ <div class="form-group">
+ <label for="lang">Sprache</label>
+ <select class="form-control" id="lang" name="lang" >
+ <option value="de">deutsch</option>
+ <option value="fr">francais</option>
+ <option value="en">english</option>
+ </select>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="form-group">
+ <label for="name">Betreff</label>
+ <input type="text" class="form-control" id="subject" name="subject" />
+ </div>
+ <div class="form-group">
+ <label for="name">Nachricht</label>
+ <textarea class="form-control richtextedit" id="body" name="body" style="height:50vh;" >
+ </textarea>
+ </div>
+ <div class="col-md-6">
+ <div class="form-group">
+ <label for="attachment">Anhang (Druck-Vorlage)</label>
+ <select class="form-control" id="attachment" name="attachment" >
+ </select>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
+<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
+<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+<script src="../../node_modules/bootstrap-table/dist/bootstrap-table.min.js"></script>
+<script src="../../node_modules/@fortawesome/fontawesome-free/js/all.min.js"></script>
+<script src="../../node_modules/tinymce/tinymce.min.js"></script>
+<script src="../../js/moduleglobal.js"></script>
+<script src="../../js/database.js"></script>
+<script src="emailtemplate.js"></script>
+<script>if (window.module) module = window.module;</script>
+</body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
+<link rel="stylesheet" href="../../node_modules/bootstrap-table/dist/bootstrap-table.min.css">
+<link rel="stylesheet" href="../../node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css">
+<link rel="stylesheet" href="../../css/invoicejournal.epic.css">
+<link rel="stylesheet" href="../../css/app.css">
+<title>Templates </title>
+</head>
+<body>
+ <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+ <a class="navbar-brand" href="#">Vorlagen</a>
+ <div class="ml-auto">
+ <div class="btn-group" role="group" aria-label="Basic example">
+ <!--<button class="btn btn-primary" onclick="template_new();"><i class="fas fa-plus"></i><br/>Neu</button>-->
+ <div class="dropdown">
+ <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownNewButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ <i class="fas fa-plus"></i><br/>Neu
+ </button>
+ <div class="dropdown-menu" aria-labelledby="dropdownNewButton">
+ <a class="dropdown-item" href="javascript:printtemplate.new();">Druck-Vorlage</a>
+ <a class="dropdown-item" href="javascript:emailtemplate.new();">Email-Vorlage</a>
+ </div>
+ </div>
+ <button class="btn btn-primary" onclick="template_edit();"><i class="fas fa-edit"></i><br/>bearb.</button>
+ <button class="btn btn-primary" onclick="template_delete();" ><i class="fas fa-trash"></i><br/>Löschen</button>
+ <button class="btn btn-primary" onclick="template_duplicate();" ><i class="fas fa-copy"></i><br/>Copy</button>
+
+ </div>
+ </div>
+ </nav>
+ <div class="cotainer-fluid" style="margin-top: 52px;">
+ <table id="tbl_templates" class="table table-bordered table-hover table-striped">
+ <thead class="thead-dark">
+ <th data-checkbox="true"></th>
+ <th data-sortable="true">Name</th>
+ <th data-sortable="true">Sprache</th>
+ <th data-sortable="true">Form</th>
+ <th data-sortable="true">Typ</th>
+ <th data-sortable="true">Standard</th>
+ <tfoot></tfoot>
+ <tbody></tbody>
+ </table>
+ </div>
+<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
+<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
+<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+<script src="../../node_modules/bootstrap-table/dist/bootstrap-table.min.js"></script>
+<script src="../../node_modules/@fortawesome/fontawesome-free/js/all.min.js"></script>
+<script src="../../js/moduleglobal.js"></script>
+<script src="../../js/database.js"></script>
+<script src="lib/emailtemplate.js"></script>
+<script src="lib/printtemplate.js"></script>
+<script src="index.js"></script>
+<script>if (window.module) module = window.module;</script>
+</body>
+</html>
\ No newline at end of file
--- /dev/null
+function initpage(){
+
+}
+
+
+function template_edit(){
+
+}
+
+function template_duplicate(){
+
+}
+
+function template_delete(){
+
+}
\ No newline at end of file
var printtemplate = {
new: function(){
-
+ parent.browserapp.loadmodulepage('templates','form_printtemplate',{"id":""});
},
edit: function(){