tksbrokerapi.Templates

TKSBrokerAPI-Logo

Technologies · Knowledge · Science

gift

Module contains some html-templates used by reporting methods in TKSBrokerAPI module.

MAIN_INFO_TEMPLATE = '<!DOCTYPE html>\n\n<html lang="en">\n\n<head>\n <meta charset="utf-8"/>\n <title>${mainTitle}</title>\n <style>${commonCSS}\n </style>\n</head>\n\n<body>\n <a href="https://github.com/Tim55667757/TKSBrokerAPI/tree/develop" target="_blank" rel="noopener noreferrer"><img class="logo" src="https://github.com/Tim55667757/TKSBrokerAPI/blob/develop/docs/media/TKSBrokerAPI-Logo-mini.png?raw=true" alt="TKSBrokerAPI-Logo"></a>\n <div id="content"></div>\n\n <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>\n <script>\n var markdown = `${markdown}`; \n document.getElementById("content").innerHTML = marked.parse(markdown);\n </script>\n\n <div id="footer" class="footer-div">\n <a href="https://tim55667757.github.io/TKSBrokerAPI/docs/tksbrokerapi/TKSBrokerAPI.html" target="_blank" rel="noopener noreferrer"><img class="logo2" src="https://github.com/Tim55667757/TKSBrokerAPI/blob/develop/docs/media/TKSBrokerAPI-Logo-text.png?raw=true" alt="TKSBrokerAPI Trade Automation Platform"></a>\n <div style="display: flex; float: right; justify-content: space-between; padding: 12px 10px 2px 0; margin: 0;"><b>Report generated by <a href="https://github.com/Tim55667757/TKSBrokerAPI/blob/master/README_EN.md" target="_blank" rel="noopener noreferrer">TKSBrokerAPI</a></b></div>\n </div>\n</body>\n\n</html>'

This HTML-template used for translating all Markdown-reports to HTML.

COMMON_CSS = '\n body {\n background-image: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' height=\'100px\' width=\'150px\'><text transform=\'translate(20, 100) rotate(-45)\' fill=\'rgb(176,176,176)\' font-size=\'20\' opacity=\'0.25\'>TKSBrokerAPI</text></svg>");\n }\n\n .logo {\n width: 120px;\n float: right;\n opacity: 0.5;\n filter: alpha(opacity=40);\n border-radius: 55px 55px 55px 55px;\n margin: 0 0 12px 0;\n }\n\n .logo:hover {\n opacity: 1.0;\n filter: alpha(opacity=100);\n }\n\n .logo2 {\n height: 40px;\n float: left;\n opacity: 1.0;\n filter: alpha(opacity=100);\n border-radius: 25px 25px 25px 25px;\n padding: 0;\n margin: 0;\n }\n\n .footer-div {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 12px;\n color: #333333;\n background: #E6E6E6;\n margin: 24px 0 24px 0;\n border-radius: 20px 20px 20px 20px;\n padding: 2px 2px 2px 10px;\n height: 40px;\n }\n\n p {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 13px;\n padding: 2px;\n margin: 0;\n }\n \n li {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 13px;\n padding: 1px 10px;\n }\n \n mark {\n background: #FFFFE6;\n padding: 0 3px;\n }\n \n h1 {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 22px;\n color: #333333;\n margin: 24px 0 12px 0;\n }\n \n h2 {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 20px;\n color: #333333;\n margin: 20px 0 10px 22px;\n }\n \n h3 {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 18px;\n color: #333333;\n margin: 16px 0 8px 52px;\n }\n \n details {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 13px;\n padding: 2px 0;\n width: 100%;\n border-radius: 10px 10px 10px 10px;\n color: #333333;\n }\n \n summary {\n width: 100%;\n border-radius: 10px 10px 10px 10px;\n background: #CCCCCC;\n height: 20px;\n display: block;\n color: #333333;\n cursor: pointer;\n }\n \n summary::marker {\n display: none;\n }\n \n summary::before {\n content: "\x11B7";\n padding-right: 0.5em;\n }\n \n details[open] > summary::before {\n content: "\x02B8D";\n }\n \n .expand {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 13px;\n border: none;\n }\n \n .expand::-ms-expand {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 13px;\n border-radius: 10px;\n }\n \n table {\n font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;\n font-size: 13px;\n width: 100%;\n border-radius: 40px 40px 10px 10px;\n border-spacing: 0;\n text-align: left;\n background: #FFFFFF;\n color: #333333;\n }\n \n td {\n border-style: solid;\n border-width: 0 1px 1px 0;\n border-color: white;\n padding: 12px;\n vertical-align: top;\n background: #E6E6E6;\n }\n \n th {\n border-style: solid;\n border-width: 0 1px 1px 0;\n border-color: white;\n font-size: 14px;\n vertical-align: top;\n background: #BFBFBF;\n text-align: center;\n }\n \n th:first-child {\n background: #BFBFBF;\n border-radius: 40px 0 0 0;\n }\n \n th:last-child {\n background: #BFBFBF;\n border-radius: 0 40px 0 0;\n }\n\n tr:first-child td:first-child {\n border-style: solid;\n border-width: 0 1px 1px 0;\n border-color: white;\n padding: 12px;\n vertical-align: top;\n background: #E6E6E6;\n border-radius: 0 0 0 0;\n }\n\n tr:first-child td:last-child {\n border-style: solid;\n border-width: 0 1px 1px 0;\n border-color: white;\n padding: 12px;\n vertical-align: top;\n background: #E6E6E6;\n border-radius: 0 0 0 0;\n }\n\n tr:last-child td:first-child {\n background: #E6E6E6;\n border-radius: 0 0 0 20px;\n }\n\n tr:last-child td:last-child {\n background: #E6E6E6;\n border-radius: 0 0 20px 0;\n }'

Common CSS used by all templates.