-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
346 lines (339 loc) · 17.1 KB
/
index.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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
<!DOCTYPE html>
<!--
/*
* INTER-Mediator
* Copyright (c) INTER-Mediator Directive Committee (http://inter-mediator.org)
* This project started at the end of 2009 by Masayuki Nii msyk@msyk.net.
*
* INTER-Mediator is supplied under MIT License.
* Please see the full license for details:
* https://github.com/INTER-Mediator/INTER-Mediator/blob/master/dist-docs/License.txt
*/ -->
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>INTER-Mediator Account</title>
<!-- Loading JQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<!-- Loading Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<!-- Loading INTER-Mediator -->
<script src="index_contexts.php"></script>
<script src="/lib/get_prefs.php"></script>
<link rel="stylesheet" href="/lib/sticky-header-table.css">
<script src="/lib/sticky-header-table.js"></script>
<script src="index.js"></script>
<style>
.IM_NAV_insert_button {
font-size: 1.3em;
}
#_im_progress {
pointer-events: none;
}
#funcpanel {
position: fixed;
background-color: #FFFFFF7F;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0;
z-index: 4999;
display: none;
}
#panelcontent {
position: absolute;
background-color: #d3d3d3FF;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 800px;
height: 600px;
padding: 12px;
}
#funcpanel2 {
position: fixed;
background-color: #FFFFFF7F;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0;
z-index: 4999;
display: none;
}
#panelcontent2 {
position: absolute;
background-color: #d3d3d3FF;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 800px;
height: 600px;
padding: 12px;
}
.explain {
font-size: 80%;
}
.searchbutton {
cursor: pointer;
background-color: #c2c2c2;
border-radius: 8pt;
padding: 2px;
}
</style>
</head>
<body>
<div id="nonsupportmessage">
<div style="text-align:center;color:yellow;background-color:black;">
This page is going to show for a moment.
If you see this permanently, please enable JavaScript and reload.
Otherwise it's possible to use any unsupported web browser.
</div>
<div style="text-align:center;color:yellow;background-color:black;">
現在、ページの構成中です。
もし、この表示が長時間表示されているなら、JavaScriptを有効にして再度読み込んでください。
サポート対象外のWebブラウザーを使っている場合も、これを表示し続けることがあります。
</div>
</div>
<div id="container" style="display: none">
<nav class="navbar navbar-expand-md navbar-dark bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="#">INTER-Mediator会計</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" aria-current="page"
href="javascript:INTERMediator.moveAnotherURL('/index.html')">総勘定元帳</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="javascript:INTERMediator.moveAnotherURL('/Summary/item.html')">科目集計</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="javascript:INTERMediator.moveAnotherURL('/Summary/monthly.html')">月次集計</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="javascript:INTERMediator.moveAnotherURL('/Summary/editlog.html')">変更履歴</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" data-bs-toggle="dropdown" aria-expanded="false">
マスター処理
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item"
href="javascript:INTERMediator.moveAnotherURL('/Master/master_item.html')">勘定科目</a>
</li>
<li><a class="dropdown-item"
href="javascript:INTERMediator.moveAnotherURL('/Master/master_assort.html')">仕訳パターン</a>
</li>
<li><a class="dropdown-item"
href="javascript:INTERMediator.moveAnotherURL('/Master/master_customer.html')">顧客</a>
</li>
<li><a class="dropdown-item"
href="javascript:INTERMediator.moveAnotherURL('/Master/master_year.html')">年度</a>
</li>
<li>
<hr>
</li>
<li><a class="dropdown-item"
href="javascript:INTERMediator.moveAnotherURL('Doc/regulation-0021006-031_e.html')">事務処理規程(個人)</a>
</li>
<li><a class="dropdown-item"
href="javascript:INTERMediator.moveAnotherURL('/Master/master_preference.html')">設定</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div id="funcpanel" onclick="hidePanel()">
<div id="panelcontent">
<button class="btn btn-primary" onclick="hidePanel()">閉じる</button>
<hr>
<div data-im-control="enclosure">
<span data-im-control="repeater">
<input type="checkbox" data-im="preference@copy_detail" value="1">複製時に明細も複製する（チェック変更後に画面が更新されます）
</span>
</div>
<hr>
<div style="display: flex">
<button class="btn btn-success" style="min-width: 150px" onclick="exportAccount()">エクスポート</button>
<span class="explain"
style="margin: 0 12px;">検索条件や現在の表示に関係なく、会計項目全てをCSVファイルにエクスポートします。</span>
</div>
<hr>
<div>
<h3>CSVデータ読み込み[銀行]</h3>
↓ここにCSVファイルの中身を、そのままペーストします。<br>
<textarea id="csv_data" style="width: 100%;"></textarea><br>
<span class="explain">ヘッダ行は自動的にスキップするので、ファイルの内容はそのままここにペーストして下さい。通帳の項目部分の削除はかまいません。このテキストエリアの文字列は保存されません。</span>
<div style="margin-top: 8px;">以下のボタンを押せば、通帳の1項目が、1つの会計項目として追加されます。</div>
<div>
<button class="btn btn-info" style="margin-bottom: 4px;" onclick="csvReadSMBC()">読み込み（三井住友銀行）
</button>
<button class="btn btn-info" style="margin-bottom: 4px;" onclick="csvReadMuzuho()">読み込み（みずほ銀行）
</button>
<button class="btn btn-info" style="margin-bottom: 4px;" onclick="csvReadPayPay()">読み込み（PayPay銀行）
</button>
<button class="btn btn-info" style="margin-bottom: 4px;" onclick="csvReadRakuten()">読み込み（楽天銀行）
</button>
</button>
</div>
</div>
</div>
</div>
<div id="funcpanel2" onclick="hidePanel2()">
<div id="panelcontent2">
<button class="btn btn-primary" onclick="hidePanel2()">閉じる</button>
<hr>
<h3>検索オプション</h3>
<div>
<labe><input type="checkbox" id="option-clear">検索条件をクリアしてから該当する検索を行う</labe>
</div>
<hr>
<p>
<button class="btn btn-secondary" onclick="codeSearch(420,115,'typeA')">事業用クレジットの請求</button>
<button class="btn btn-secondary" onclick="codeSearch(420,115,'typeB')">分割払いの引き落とし</button>
</p>
<p>
<button class="btn btn-secondary" onclick="codeSearch(141,700)">売上の請求</button>
売掛金に関して
<button class="btn btn-secondary" onclick="codeSearch(null,141)">支払全て</button>
<button class="btn btn-secondary" onclick="codeSearch(115,141)">普通預金</button>
<button class="btn btn-secondary" onclick="codeSearch(404,141)">個人口座</button>
</p>
<p>
<button class="btn btn-secondary" onclick="codeSearch(null,181)">事業主借</button>
<button class="btn btn-secondary" onclick="codeSearch(404,null)">事業主貸</button>
<button class="btn btn-secondary" onclick="codeSearch(null, 117)">個人の普通預金より出金</button>
個人用クレジットの請求
</p>
<p>
<button class="btn btn-secondary" onclick="codeSearch(null,null,'typeC')">関連項目の合計と金額が不一致</button>
</p>
</div>
</div>
<h3>総勘定元帳</h3>
<div id="IM_NAVIGATOR"></div>
<div class="sticky-header-table">
<table style="width:100%">
<thead>
<tr>
<th>
<select data-im="_@limitnumber:account_list">
<option value="10">10</option>
<option value="50">50</option>
<option value="200">200</option>
<option value="5000">5000</option>
</select>
</th>
<th>
<input type="text" size="5" placeholder="No検索"
data-im="_@condition:account_list:account_id,parent_account_id:=">
</th>
<th colspan="3">
<input type="date" style="width:130px" data-im="_@condition:account_list:issued_date:>=">
<span>〜</span>
<input type="date" style="width:130px" data-im="_@condition:account_list:issued_date:<=">
<button class="btn btn-success" onclick="setCondition(1)">今年</button>
<button class="btn btn-success" onclick="setCondition(2)">前年</button>
<button class="btn btn-success" onclick="setCondition(3)">最近</button>
<button class="btn btn-warning" onclick="showPanel2()">検索処理</button>
</th>
<th><input type="text" size="24" placeholder="会社名/勘定科目/説明検索"
data-im="_@condition:account_list:company,debit_item_name,credit_item_name,description:*match*">
</th>
<th colspan="3">
<input type="text" size="7" placeholder="合計金額" data-im="_@condition:account_list:item_total:>=">
<span>〜</span>
<input type="text" size="7" placeholder="検索" data-im="_@condition:account_list:item_total:<=">
<button class="btn btn-success" data-im="_@update:account_list">検索</button>
<button class="btn btn-warning" onclick="clearConditions()">クリア</button>
</th>
</tr>
<tr>
<th></th>
<th>No<br>親No</th>
<th>日付
<span style="cursor: pointer" data-im="_@addorder:account_list:issued_date:asc">▲</span>
<span style="cursor: pointer" data-im="_@addorder:account_list:issued_date:desc">▼</span>
</th>
<th>区分</th>
<th>仕訳
<span style="cursor: pointer" data-im="_@addorder:account_list:pattern_name:asc">▲</span>
<span style="cursor: pointer" data-im="_@addorder:account_list:pattern_name:desc">▼</span>
<br>借方／貸方科目
</th>
<th>会社名 <span style="cursor: pointer" data-im="_@addorder:account_list:company:asc">▲</span>
<span style="cursor: pointer" data-im="_@addorder:account_list:company:desc">▼</span>
<br>説明
</th>
<th style="text-align: right">合計金額<br>小項目合計</th>
<th style="text-align: right">税抜金額<br>税額</th>
<th>
<button class="btn btn-success" onclick="showPanel()">各種機能</button>
</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #808080" data-im="account_list@checkStyle@style.backgroundColor">
<td>
<button onclick="moveDetailPage($)" data-im="account_list@account_id@$onclick"
class="btn btn-primary">
詳細
</button>
</td>
<td style="white-space: nowrap">
<span data-im="account_list@account_id"></span>
<span class="searchbutton" onclick="uiIdSearch($)"
data-im="account_list@account_id@$onclick">◀</span><br>
<span data-im="account_list@parent_account_id" style="color: #c75315"></span>
<span class="searchbutton" onclick="uiIdSearch($)"
data-im="account_list@parent_account_id@$onclick account_list@parent_account_style@style.display">◀</span>
</td>
<td data-im="account_list@issued_date"></td>
<td>
<span data-im="account_list@kind_str"></span><br>
<span data-im="account_list@attached" style="color: #c75315"></span>
</td>
<td>
<span data-im="account_list@pattern_name" style="font-size: 0.8em"></span><br>
<span data-im="account_list@debit_item_name"></span>／<span
data-im="account_list@credit_item_name"></span>
</td>
<td>
<span style="font-size: 0.9em; color: darkgreen" data-im="account_list@company"></span><br>
<span data-im="account_list@description"></span>
</td>
<td style="text-align: right">
<span data-im="account_list@item_total" data-im-format="number(0)"
data-im-format-options="useseparator"></span><br>
<span data-im="account_list@alertStyle@style.display">⚠️</span>
<span data-im="account_list@parent_total" data-im-format="number(0)"
data-im-format-options="useseparator" style="color: #c75315"></span>
</td>
<td style="text-align: right">
<span data-im="account_list@net_total" data-im-format="number(0)"
data-im-format-options="useseparator"></span><br>
<span data-im="account_list@tax_total" data-im-format="number(0)"
data-im-format-options="useseparator"></span>
</td>
<td style="white-space: nowrap"></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>