public/mailtrain
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Some bits for ReactJS-based client.

Browse source
This commit is contained in:
Tomas Bures 2017-05-28 18:49:00 +02:00
parent 115d254baf
commit 4f52b571c9
27 changed files with 2326 additions and 202 deletions
Download patch file Download diff file Expand all files Collapse all files

91
views/layout.hbs
View file

@ -14,43 +14,34 @@
{{#if title}} | {{title}}{{/if}}
</title>
<link rel="stylesheet" href="/bootstrap/themes/united.min.css">
<link rel="stylesheet" href="/datatables/datatables.min.css">
{{#if reactEntryPoint}}
<link rel="stylesheet" href="/bootstrap/themes/united.min.css">
<link rel="stylesheet" href="/css/footer.css">
<link rel="stylesheet" href="/css/mailtrain.css">
<script src="/javascript/jquery-2.2.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/mailtrain/common.js"></script>
<script src="/mailtrain/{{reactEntryPoint}}.js"></script>
{{else}}
<link rel="stylesheet" href="/bootstrap/themes/united.min.css">
<link rel="stylesheet" href="/datatables/datatables.min.css">
<link rel="stylesheet" href="/datepicker/css/bootstrap-datepicker3.css">
<link rel="stylesheet" href="/css/footer.css">
<link rel="stylesheet" href="/css/mailtrain.css">
<link rel="stylesheet" href="/datepicker/css/bootstrap-datepicker3.css">
<link rel="stylesheet" href="/css/footer.css">
<link rel="stylesheet" href="/css/mailtrain.css">
{{#if useEditor}}
<link rel="stylesheet" href="/summernote/summernote.css">
{{#if useEditor}}
<link rel="stylesheet" href="/summernote/summernote.css">
{{/if}}
{{#each customStyles}}
<link rel="stylesheet" href="{{this}}">
{{/each}}
{{#each customScripts}}
<script src="{{this}}"></script>
{{/each}}
{{/if}}
{{#if useFancyTree}}
<link rel="stylesheet" href="/fancytree/skin-bootstrap/ui.fancytree.min.css" >
{{/if}}
{{#each customStyles}}
<link rel="stylesheet" href="{{this}}">
{{/each}}
{{#each customScripts}}
<script src="{{this}}"></script>
{{/each}}
<style type="text/css">
#tree .fancytree-container {
height: 100px;
overflow: auto;
position: relative;
}
#tree .fancytree-active {
background-color: #5094ce;
}
#tree .fancytree-title {
background-color: transparent;
border-color: transparent;
}
</style>
</head>
<body class="{{bodyClass}}">
@ -169,26 +160,22 @@
</div>
</footer>
<script src="/javascript/jquery-2.2.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
{{#unless reactEntryPoint}}
<script src="/javascript/jquery-2.2.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="/datatables/datatables.min.js"></script>
<script src="/moment/moment.min.js"></script>
<script src="/javascript/tables.js"></script>
<script src="/javascript/fetch.js"></script>
{{#if useEditor}}
<script src="/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="/summernote/summernote.min.js"></script>
<script src="/javascript/editor.js"></script>
{{/if}}
{{#if useFancyTree}}
<script src="/javascript/jquery-ui-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/fancytree/jquery.fancytree-all.min.js"></script>
{{/if}}
<script src="/datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="/datatables/datatables.min.js"></script>
<script src="/moment/moment.min.js"></script>
<script src="/javascript/tables.js"></script>
<script src="/javascript/fetch.js"></script>
{{#if useEditor}}
<script src="/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="/summernote/summernote.min.js"></script>
<script src="/javascript/editor.js"></script>
{{/if}}
{{/unless}}
{{> tracking_scripts}}

75
views/namespaces/namespaces.hbs
View file

@ -11,9 +11,6 @@
<hr>
<div id="tree">
</div>
<div id="treetable-container" style="height: 100px; overflow: auto;">
<table id="treetable" class="table table-hover table-striped table-condensed">
<thead>
@ -42,53 +39,32 @@
}
};
/*
$('#tree').fancytree({
extensions: ['glyph'],
glyph: glyph_opts,
selectMode: 1,
icon: false,
autoScroll: true,
source: [
{title: 'A', key: '1', expanded: true},
{title: 'B', key: '2', expanded: true, folder: true, children: [
{title: 'BA', key: '3', expanded: true, folder: true, children: [
{title: 'BAA', key: '4', expanded: true},
{title: 'BAB', key: '5', expanded: true}
]},
{title: 'BB', key: '6', expanded: true, folder: true, children: [
{title: 'BBA', key: '7', expanded: true},
{title: 'BBB', key: '8', expanded: true}
$('#treetable').fancytree({
extensions: ['glyph', 'table'],
glyph: glyph_opts,
selectMode: 1,
icon: false,
autoScroll: true,
scrollParent: $("#treetable-container"),
source: [
{title: 'A', key: '1', expanded: true},
{title: 'B', key: '2', expanded: true, folder: true, children: [
{title: 'BA', key: '3', expanded: true, folder: true, children: [
{title: 'BAA', key: '4', expanded: true},
{title: 'BAB', key: '5', expanded: true}
]},
{title: 'BB', key: '6', expanded: true, folder: true, children: [
{title: 'BBA', key: '7', expanded: true},
{title: 'BBB', key: '8', expanded: true}
]}
]}
]}
]
});
/*
$('#treetable').fancytree({
extensions: ['glyph', 'table'],
glyph: glyph_opts,
selectMode: 1,
icon: false,
autoScroll: true,
scrollParent: $("#treetable-container"),
source: [
{title: 'A', key: '1', expanded: true},
{title: 'B', key: '2', expanded: true, folder: true, children: [
{title: 'BA', key: '3', expanded: true, folder: true, children: [
{title: 'BAA', key: '4', expanded: true},
{title: 'BAB', key: '5', expanded: true}
]},
{title: 'BB', key: '6', expanded: true, folder: true, children: [
{title: 'BBA', key: '7', expanded: true},
{title: 'BBB', key: '8', expanded: true}
]}
]}
],
table: {
nodeColumnIdx: 0
}
});
],
table: {
nodeColumnIdx: 0
}
});
*/
$('#treetable').fancytree({
@ -106,6 +82,5 @@
nodeColumnIdx: 0
}
});
});
});
</script>

6
views/react-root.hbs Normal file
View file

@ -0,0 +1,6 @@
<div id="root"></div>
<script>
document.addEventListener('DOMContentLoaded', function() {
MailtrainReactBody.default();
});
</script>