<title>Koha › Tools › Notices[% IF ( add_form or copy_form ) %][% IF ( modify ) %] › Modify notice[% ELSE %] › Add notice[% END %][% END %][% IF ( add_validate or copy_validate) %] › Notice added[% END %][% IF ( delete_confirm ) %] › Confirm deletion[% END %]</title>
[% INCLUDE 'doc-head-close.inc' %]
[% Asset.css("css/datatables.css") | $raw %]
-<style type="text/css">#preview_template .modal-dialog { width : 80%; } .spinner { display: none; } @media (max-width: 767px) { #preview_template { margin: 0; width : auto; } }</style>
+<style>#preview_template .modal-dialog { width : 80%; } .spinner { display: none; } @media (max-width: 767px) { #preview_template { margin: 0; width : auto; } }</style>
</head>
<body id="tools_letter" class="tools">
<div class="row">
<div class="col-md-8 col-md-offset-2">
[% ELSE %]
- <div id="doc3" class="yui-t2">
- <div id="bd">
- <div id="yui-main">
- <div class="yui-b">
+ <div class="main container-fluid">
+ <div class="row">
+ <div class="col-sm-10 col-sm-push-2">
+ <main>
[% END %]
[% IF ( no_op_set ) %]
</form>
[% END %]
-</div>
-</div>
-[% UNLESS add_form or copy_form %]
- <div class="yui-b noprint">
- [% INCLUDE 'tools-menu.inc' %]
- </div>
+[% IF add_form or copy_form %]
+ </div> <!-- /.col-md-8 -->
+ </div> <!-- /.row -->
+[% ELSE %]
+ </main>
+ </div> <!-- /.col-sm-10.col-sm-push-2 -->
+
+ <div class="col-sm-2 col-sm-pull-10">
+ <aside>
+ [% INCLUDE 'tools-menu.inc' %]
+ </aside>
+ </div> <!-- /.col-sm-2.col-sm-pull-10 -->
+ </div> <!-- /.row -->
[% END %]
-</div>
[% MACRO jsinclude BLOCK %]
[% Asset.js("js/tools-menu.js") | $raw %]
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body id="preview_letter" class="catalog">
- <div id="main">
+ <div class="main container-fluid">
[% FOR m IN messages %]
[%# FIXME The message block does not appear at the top of the modal! %]
<div class="dialog [% m.type | html %]">
[% END %]
[% IF rendered_message %]
- <div class="yui-g">
- <div class="yui-u first">
+ <div class="row">
+ <div class="col-xs-6">
<h3>Original version</h3>
<span style="font-family:monospace">
[% FILTER html_line_break %]
[% END %]
</span>
</div>
- <div class="yui-u">
+ <div class="col-xs-6">
<h3>Original message, rendered:</h3>
<span style="font-family:monospace">
[% FILTER html_line_break %]
[% IF rendered_tt_message %]
<hr />
- <div class="yui-g">
- <div class="yui-u first">
+ <div class="row">
+ <div class="col-xs-6">
<h3>Converted version</h3>
<span style="font-family:monospace">
[% FILTER html_line_break %]
[% END %]
</span>
</div>
- <div class="yui-u">
+ <div class="col-xs-6">
<h3>Converted message, rendered:</h3>
<span style="font-family:monospace">
[% FILTER html_line_break %]
</div>
</div>
[% END %]
- </div>
+ </div> <!-- /.main -->
</body>
</html>
page += '&content='+encodeURIComponent(content);
page += '&data_preview='+encodeURIComponent(data_preview);
page += '&is_html='+encodeURIComponent(is_html);
- $("#preview_template .modal-body").load(page + " #main");
+ $("#preview_template .modal-body").load(page + " .main");
$('#preview_template').modal('show');
$("#preview_template_button").attr("href", "/cgi-bin/koha/svc/letters/convert?module="+module+"&code="+code+"&mtt="+mtt+"&lang="+lang);
});