<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>${self.title()}</title>
- ${h.stylesheet_link('/css/main.css')}
- <link media="only screen and (max-device-width: 480px)" href="/css/mobile.css" type="text/css" rel="stylesheet">
- <meta name="viewport" content="width = device-width, user-scalable=no">
- <link rel="apple-touch-icon" href="/icons/apple-touch.png">
+ ${h.stylesheet_link('%s/css/main.css' % request.script_name)}
+ <link media="only screen and (max-device-width: 480px)" href="${request.script_name}/css/mobile.css" type="text/css" rel="stylesheet" />
+ <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable=no" />
+ <link rel="apple-touch-icon" href="${request.script_name}/icons/apple-touch.png" />
+ <link rel="apple-touch-startup-image" href="${request.script_name}/icons/apple-touch-startup.png" />
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+ ${h.javascript_link('//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js')}
+ ${h.javascript_link('%s/js/mobile.js' % request.script_name)}
</head>
<body>
+ % for message in h.flash.pop_messages():
+ <div class="flash">${message | n}</div>
+ % endfor
${next.body()}
- ${h.javascript_link('/js/jquery-1.3.2.js')}
- ${h.javascript_link('/js/mobile.js')}
+ <div id="non-mobile">
+ <a href="${h.url_for(request.url, use_non_mobile='yes')}">Use non mobile interface</a>
+ </div>
</body>
</html>
+<%!
+ from datetime import date
+%>
+
<%def name="title()">BlueChips
% if c.title != '':
:: ${c.title}
${user.name}
% endif
</%def>
+
+<%def name="tabs(selected)">
+ <div id="tabs">
+ % for name in ('status', 'spend', 'transfer'):
+ <%
+ if name == selected:
+ klass = 'selected'
+ else:
+ klass = 'unselected'
+ %>
+ <a id="${name}" class="${klass}" href="${h.url_for(controller=name, action='index')}">
+ <img src="${request.script_name}/icons/${name}.png" alt="">
+ <span>${name.capitalize()}</span>
+ </a>
+ % endfor
+ </div>
+</%def>
+
+<%def name="spendForm()">
+ <div id="tab-spend" class="tab">
+ <%
+ if c.id != '':
+ id = c.id
+ else:
+ id = None
+ %>
+ <form action="${h.url_for(controller='spend', action='update', id=id)}" method="post">
+ ${h.auth_token_hidden_field()}
+ <table class="form">
+ <tr>
+ <th><label for="spender_id">Spender</label></th>
+ <td>${h.select('spender_id', [h.grab(c.expenditure, 'spender_id')], c.users)}</td>
+ </tr>
+ <tr>
+ <th><label for="amount">Amount</label></th>
+ <td>${h.currency('amount', h.grab(c.expenditure, 'amount'), size=8)}</td>
+ </tr>
+ <tr>
+ <th><label for="date">Date</label></th>
+ <td>${h.text('date', h.grab(c.expenditure, 'date').strftime('%m/%d/%Y'), size=16)}</td>
+ </tr>
+ <tr>
+ <th><label for="description">Description</label></th>
+ <td>${h.text('description', h.grab(c.expenditure, 'description'))}</td>
+ </tr>
+ <tr>
+ <th><label for="tags">Tags</label></th>
+ <td>${h.text('tags', h.grab(c, 'tags'))}</td>
+ </tr>
+ </table>
+
+ <p>Change how an expenditure is split up.</p>
+
+ <table class="form">
+ % for ii, user_row in enumerate(c.users):
+ <%
+ user_id, user = user_row
+ %>
+ <tr>
+ <th><label for="shares-${ii}amount">${user.name}</label></th>
+ <td>
+ ${h.text('shares-%d.amount' % ii, 1 if user.resident else None)}
+ ${h.hidden('shares-%d.user_id' % ii, user.id)}
+ </td>
+ </tr>
+ % endfor
+ <tr>
+ <td colspan="2">
+ ${h.submit(None, 'Submit', class_="submitbutton")}
+ </td>
+ </tr>
+ </table>
+ </form>
+ </div>
+</%def>
+
+<%def name="transferForm()">
+ <%
+ if c.id != '':
+ id = c.id
+ else:
+ id = None
+ %>
+ <div id="tab-transfer" class="tab">
+ <form action="${h.url_for(controller='transfer', action='update', id=id)}" method="post">
+ ${h.auth_token_hidden_field()}
+ <table class="form">
+ <tr>
+ <th><label for="debtor_id">From</label></th>
+ <td>${h.select('debtor_id', [h.grab(c.transfer, 'debtor_id')], c.users)}</td>
+ </tr>
+ <tr>
+ <th><label for="creditor_id">To</label></th>
+ <td>${h.select('creditor_id', [h.grab(c.transfer, 'creditor_id')], c.users)}</td>
+ </tr>
+ <tr>
+ <th><label for="amount">Amount</label></th>
+ <td>${h.currency('amount', h.grab(c.transfer, 'amount'), size=8)}</td>
+ </tr>
+ <tr>
+ <th><label for="date">Date</label></th>
+ <td>${h.text('date', h.grab(c.transfer, 'date').strftime('%m/%d/%Y'), size=16)}</td>
+ </tr>
+ <tr>
+ <th><label for="description">Description</label></th>
+ <td>${h.text('description', h.grab(c.transfer, 'description'))}</td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <input type="submit" value="Submit" />
+ </td>
+ </tr>
+ </table>
+ </form>
+ </div>
+</%def>