1
2<div#spacer .col-xs-2.#{topShowsm}.#{topShowmd}>
3  <h1>
4    <button .visible-xs.btn.btn-default type="button" data-toggle="offcanvas">
5      <span .glyphicon.glyphicon-align-left.tgl-icon>
6
7<div#topbar .col-md-8 .col-sm-8 .col-xs-10>
8  <h1>#{takeFileName (journalFilePath j)}
9
10$if elem CapView caps
11  <div#sidebar-menu .sidebar-offcanvas.#{sideShowmd}.#{sideShowsm}>
12    <table .main-menu .table>
13      ^{accounts}
14
15<div#main-content .col-xs-12.#{mainShowmd}.#{mainShowsm}>
16  $maybe m <- msg
17    <div #message .alert.alert-info>#{m}
18  $if elem CapView caps
19    <form#searchform.input-group method=GET>
20      <input .form-control name=q value=#{q} placeholder="Search"
21        title="Enter hledger search patterns to filter the data below">
22      <div .input-group-btn>
23        $if not (T.null q)
24          <a href=@{here} .btn .btn-default title="Clear search terms">
25            <span .glyphicon .glyphicon-remove-circle>
26        <button .btn .btn-default type=submit title="Apply search terms">
27          <span .glyphicon .glyphicon-search>
28        $if elem CapManage caps
29          <a href="@{ManageR}" .btn.btn-default title="Manage journal files">
30            <span .glyphicon .glyphicon-wrench>
31        <button .btn .btn-default type=button data-toggle="modal" data-target="#helpmodal"
32           title="Show search and general help">
33          <span .glyphicon .glyphicon-question-sign>
34  ^{widget}
35
36<div .modal.fade #helpmodal tabindex="-1" role="dialog" aria-labelledby="helpLabel" aria-hidden="true">
37  <div .modal-dialog .modal-lg>
38    <div .modal-content>
39      <div .modal-header>
40        <button type="button" .close data-dismiss="modal" aria-hidden="true">&times;
41        <h3 .modal-title #helpLabel>Help
42      <div .modal-body>
43        <div .row>
44          <div .col-xs-6>
45            <p>
46              <b>Keyboard shortcuts
47              <ul>
48                <li> <code>h</code> or maybe <code>?</code> - view this help (escape or click to exit)
49                <li> <code>j</code> - go to the Journal view (home)
50                <li> <code>a</code> - add a transaction (escape to cancel)
51                <li> <code>s</code> - toggle sidebar
52                <li> <code>f</code> - focus search form ("find")
53                <li> <code>e</code> - hide empty accounts in sidebar
54            <p>
55              <b>General
56              <ul>
57                <li> The Journal view shows general journal entries, representing zero-sum movements of money (or other commodity) between hierarchical accounts
58                <li> The sidebar shows the resulting accounts and their final balances
59                <li> Parent account balances include subaccount balances
60                <li> Multiple currencies in balances are displayed one above the other
61                <li> Click account name links to see transactions affecting that account, with running balance
62                <li> Click date links to see journal entries on that date
63          <div .col-xs-6>
64            <p>
65              <b>Search
66              <ul>
67                <li> <code>acct:REGEXP</code> - filter on to/from account
68                <li> <code>desc:REGEXP</code> - filter on description
69                <li> <code>date:PERIODEXP</code>, <code>date2:PERIODEXP</code> - filter on date or secondary date
70                <li> <code>code:REGEXP</code> - filter on transaction's code (eg check number)
71                <li> <code>status:*</code>, <code>status:!</code>, <code>status:</code> - filter on transaction's cleared status (cleared, pending, uncleared)
72                <!-- <li> <code>empty:BOOL</code> - filter on whether amount is zero -->
73                <li> <code>amt:N</code>, <code>amt:&lt;N</code>, <code>amt:&gt;N</code> - filter on the unsigned amount magnitude. Or with a sign before N, filter on the signed value. (Single-commodity amounts only.)
74                <li> <code>cur:REGEXP</code> - filter on the currency/commodity symbol (must match all of it). Dollar sign must be written as <code>\$</code>
75                <li> <code>tag:NAME</code>, <code>tag:NAME=REGEX</code> - filter on tag name, or tag name and value
76                <!-- <li> <code>depth:N</code> - filter out accounts below this depth -->
77                <li> <code>real:BOOL</code> - filter on postings' real/virtual-ness
78                <li> Enclose search patterns containing spaces in single or double quotes
79                <li> Prepend <code>not:</code> to negate a search term
80                <li> Description, account, status query terms are OR'ed, others are AND'ed.
81