Skip to content

Commit

Permalink
Update preview
Browse files Browse the repository at this point in the history
- Added #11
- Fix bug #12
  • Loading branch information
joelthorner committed May 10, 2018
1 parent efc3a0b commit 1265f0e
Show file tree
Hide file tree
Showing 2 changed files with 66 additions and 16 deletions.
40 changes: 26 additions & 14 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Emilio generator&nbsp;&nbsp;<small class="badge badge-pill badge-warning">v1.0.7</small></a>
<a class="navbar-brand" href="#">Emilio generator&nbsp;&nbsp;<small class="badge badge-pill badge-warning">v1.0.8</small></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
Expand All @@ -39,6 +39,8 @@
</div><!-- data-tabs-cont -->

<div id="actions" class="col-2">
<div class="h4">Controls</div>

<div class="mb-3">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="deelayNormal" name="deelay" class="custom-control-input" checked value="5000">
Expand All @@ -65,21 +67,16 @@

<button id="send-content" type="button" class="btn btn-block btn-light" data-toggle="modal" data-target="#sendContentModal"><i class="material-icons">create</i> Send content</button>
<button id="send-bug" type="button" class="btn btn-block btn-light" onclick="$(this).find('.text').text('Impossibru!')"><i class="material-icons">bug_report</i> <span class="text">Send bug</span></button>

<br><br>
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Warning!</strong> Si recarregues la app es perdrán els canvius.
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>

<div class="h4">Preview data</div>
<div class="form-group">
<label for="data-emailLogo"><small>Default email logo</small></label>
<input type="text" class="form-control form-control-sm" id="data-emailLogo" placeholder="cdn/file.extension" value="http://via.placeholder.com/210x100">
</div>
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Warning!</strong> El pruses nomes omplira els mails que no siguin [empty] i alhora existeixin al Logicommerce.
<br>
Tampoc machaca altres idiomes
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<div class="form-group">
<label for="data-emailSocial"><small>Default social banners</small></label>
<input type="text" class="form-control form-control-sm" id="data-emailSocial" placeholder="cdn/file.extension" value="http://via.placeholder.com/30x30">
</div>
</div><!-- actions -->

Expand All @@ -101,6 +98,21 @@ <h6>A.A.M.T</h6>
<small class="text-muted">Assosiació d'Afectats per Mails de TLG</small>
</span>
</div>
<br><br>
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Warning!</strong> Si recarregues la app es perdrán els canvius.
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Warning!</strong> El pruses nomes omplira els mails que no siguin [empty] i alhora existeixin al Logicommerce.
<br>
Tampoc machaca altres idiomes
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div><!-- params -->

</div><!-- row -->
Expand Down
42 changes: 40 additions & 2 deletions js/app.js
Original file line number Diff line number Diff line change
Expand Up @@ -252,12 +252,45 @@ APP.frontEnd = {
var header = ace.edit( $('#editor-'+actualLangId+'_H')[0] ).getValue();
var footer = ace.edit( $('#editor-'+actualLangId+'_F')[0] ).getValue();

var data = APP.frontEnd.getPreviewData(header, code, footer);
var resetCss = '<style>body{margin: 0;}</style>'

var win = window.open("", "Emilio generator preview - " + name, "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=600,height=850,top=0,left=0");
win.document.body.innerHTML = header + code + footer;
var win = window.open("", "Emilio generator preview - " + name, "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=650,height=850,top=0,left=0");
win.document.body.innerHTML = resetCss + data.header + data.code + data.footer;
});
},

getPreviewData : function(header, code, footer) {

// logo
var emailLogo = $('#data-emailLogo').val().length ? $('#data-emailLogo').val() : 'http://via.placeholder.com/210x100/';
header = header.replace(new RegExp('[%]{1,2}imagesURL[%]{1,2}logoEmail.(jpg|png|gif|jpeg)', 'g'), emailLogo);

// clear intra tables ifs and simple loops
var regexp = '[%]{1,2}\/?(if[A-Za-z0-9]{1,}|loop)[%]{1,2}';
header = header.replace(new RegExp(regexp, 'g'), '');
code = code.replace(new RegExp(regexp, 'g'), '');
footer = footer.replace(new RegExp(regexp, 'g'), '');

// clear intra pages and banners
var regexp = '[%]{1,2}\/?((Pages|pages)|(Banners|banners))-[0-9]{1,}-(Loop|loop)[%]{1,2}';
header = header.replace(new RegExp(regexp, 'g'), '');
code = code.replace(new RegExp(regexp, 'g'), '');
footer = footer.replace(new RegExp(regexp, 'g'), '');

// footer default banners
var emailSocial = $('#data-emailSocial').val().length ? $('#data-emailSocial').val() : 'http://via.placeholder.com/30x30/';
footer = footer.replace(new RegExp('%%BannerImage%%', 'g'), emailSocial);

var data = {
header : header,
code : code,
footer : footer
};

return data;
},

initsBT : function() {
$('[data-toggle="tooltip"]').tooltip();
},
Expand Down Expand Up @@ -323,3 +356,8 @@ APP.main = {
};

$(document).ready(APP.main.init);

// window.onbeforeunload = confirmExit;
// function confirmExit() {
// return "Ieep vols sortir?";
// }

0 comments on commit 1265f0e

Please sign in to comment.