-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreceipt_transcription.html
62 lines (62 loc) · 1.93 KB
/
receipt_transcription.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<div class="list-block content-block">
<div class="content-block-inner">
<div class='media-picture'>
<img src="{{item.value.image_url}}">
</div>
<ul>
<li>
<div class="item-content">
<div class="item-inner">
<div class="item-input">
<input type="text" name="dataitem_{{item.id}}_company" placeholder="Company name (without address)">
</div>
</div>
</div>
</li>
</ul>
<ul class='receipt-items'>
</ul>
<ul>
<li>
<div class="row">
<div class="item-content">
<div class="item-inner">
<div class="col-60"><a href="#" class="button active add-receipt-item">add item</a></div>
<div class="col-40"><input type="text" name="dataitem_{{item.id}}_total" placeholder="Receipt total price"></div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<script>
document.onreadystatechange = function () {
var state = document.readyState;
var receipt{{item.id}}_items_amount = 0;
if (state == 'interactive') {
console.log('ready');
} else if (state == 'complete') {
$$('.add-receipt-item').on('click',function(){
console.log('add');
receipt{{item.id}}_items_amount++;
var container = $$(this).parents('.content-block-inner').children('.receipt-items');
var template = '<li>'+
'<div class="row">'+
'<div class="item-content">'+
'<div class="item-inner">'+
'<div class="col-60"><input type="text" name="dataitem_{{item.id}}_item_title_'+receipt{{item.id}}_items_amount+'" placeholder="item name"></div>'+
'<div class="col-20"><input type="text" name="dataitem_{{item.id}}_item_price_'+receipt{{item.id}}_items_amount+'" placeholder="price"></div>'+
'<div class="col-20"><a href="#" class="button button-cancel remove-receipt-item">del</a></div>'+
'</div>'+
'</div>'+
'</div>'+
'</li>';
$$(container).append(template);
$$('.remove-receipt-item').on('click',function(){
$$(this).parents('li').remove();
});
});
};
};
</script>