348 lines
18 KiB
HTML
348 lines
18 KiB
HTML
<div id="innerContainer">
|
|
<div class="row header-row">
|
|
<div class="col-xs-1">
|
|
<a id="sms_nav_home" href="#main">
|
|
<img alt="" src="pic/direct-back.png">
|
|
</a>
|
|
<!--a href="javascript: void(0)" onclick="chatCancelClickHandler();" style="display: none;" id="sms_nav_back">
|
|
<img alt="" src="pic/direct-back.png">
|
|
</a-->
|
|
</div>
|
|
<div class="col-xs-11">
|
|
<div class="form-title">
|
|
<h1><span data-trans="smslist"></span> <span id="smsCapability"></span></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-2">
|
|
<div class="nav_right">
|
|
<ul>
|
|
<li class="active"><a data-trans="device" href="#msg_main"></a></li>
|
|
<li><a data-trans="sim" href="javascript: void(0)" onclick="toOtherClickHandler('#msg_sim');"></a></li>
|
|
<li><a data-trans="setting" href="javascript: void(0)" onclick="toOtherClickHandler('#msg_set');"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-10">
|
|
|
|
<script type="text/x-jquery-tmpl" id="smsMeTmpl">
|
|
<div id="talk-item-${id}" class="talk-item talk-b">
|
|
<div class="layout grid-talk">
|
|
<div class="col-main">
|
|
<div class="info-talk">
|
|
{{if tag == 3}}
|
|
<div class="msg_container msg_fail">
|
|
<s class="arrow"></s>
|
|
<div class="J_content"><pre>{{html dealContent(content, id)}}</pre></div>
|
|
</div>
|
|
{{else}}
|
|
<div class="msg_container msg">
|
|
<s class="arrow"></s>
|
|
<div class="J_content"><pre>{{html dealContent(content, id)}}</pre></div>
|
|
</div>
|
|
{{/if}}
|
|
<div class="time padding-top-10">
|
|
<div class="smslist-item-time pull-right paddingTop4 padding-right-10">${time}</div>
|
|
<div class="hiddenButton">
|
|
<div onclick="forwardClickHandler('${id}')" class="smslist-item-repeat cursorhand pull-right marginRight6 padding-right-10">
|
|
<span class="sms-forward-icon padding-right-10"></span>
|
|
</div>
|
|
<div onclick="deleteSingleItemClickHandler('${id}')" target="${number}" class="smslist-item-delete padding-right-10 pull-right cursorhand marginRight6">
|
|
<span class="trash-icon cursorhand padding-right-10"></span>
|
|
</div>
|
|
</div>
|
|
{{if tag == 3}}
|
|
<div onclick="resendClickHandler('${id}')" target="${target}" class="smslist-item-resend cursorhand pull-right marginRight6">
|
|
<span class="sms-resend-icon cursorhand padding-right-10 marginbottom5"></span>
|
|
</div>
|
|
{{/if}}
|
|
<div class="pull-right marginRight6 paddingTop4 error padding-right-10">${errorText}</div>
|
|
{{if targetName}}
|
|
<div class="pull-right marginRight6 paddingTop4 padding-right-10"><span data-trans="sms_to"></span> ${targetName}</div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<script type="text/x-jquery-tmpl" id="smsOtherTmpl">
|
|
<div id="talk-item-${id}" class="talk-item talk-a">
|
|
<div class="layout grid-talkf">
|
|
<div class="col-main">
|
|
<div class="info-talk">
|
|
<div class="msg_container msg">
|
|
<s class="arrow"></s>
|
|
<div class="J_content"><pre>{{html dealContent(content)}}</pre></div>
|
|
</div>
|
|
<div class="time padding-top-10">
|
|
<div class="smslist-item-time pull-left paddingleft10 marginRight6 paddingTop4">${time}</div>
|
|
<div class="hiddenButton">
|
|
<div onclick="forwardClickHandler('${id}')" class="smslist-item-repeat paddingleft10 cursorhand pull-left">
|
|
<span class="sms-forward-icon pull-left paddingleft10"></span>
|
|
</div>
|
|
<div onclick="deleteSingleItemClickHandler('${id}')" target="${number}" class="smslist-item-delete cursorhand pull-left marginRight6">
|
|
<span class="trash-icon smslist-item-delete cursorhand"></span>
|
|
</div>
|
|
</div>
|
|
<div class="pull-left paddingTop4 error">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<script type="text/x-jquery-tmpl" id="addPhonebookTmpl">
|
|
<div class="tagPopup">
|
|
<div id="innerTagPopup" class="popup tag-popup">
|
|
<div class="popup-wrapper">
|
|
<p class="tag-popup-close">
|
|
<a href="javascript:hidePopup();"></a>
|
|
</p>
|
|
<form id="quickSaveContactForm">
|
|
<p><span data-trans="name"></span><i class='text-danger'> *</i></p><p><input id="name" name="name" type="text" value="" class="required"/></p>
|
|
<p><span data-trans="send_numbers"></span><i class='text-danger'> *</i></p><p><input id="number" name="number" type="text" value="${number}" maxlength="40" class="required"/></p>
|
|
<p class="text-right"><input data-trans="save" type="submit" formmethod="post" class="btn btn-primary"/></p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<div id="smsChatRoom">
|
|
<div id="chosenUser">
|
|
<div id="chosenUserList">
|
|
<select id="chosenUserSelect" multiple class="chosen-select-deselect"></select>
|
|
|
|
</div>
|
|
</div>
|
|
<h2 id="chosenUser1" class="hide"></h2>
|
|
<div id="chatpanel">
|
|
<div class="clear-container">
|
|
<div id="chatlist">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="inputpanel">
|
|
<div class="chatform">
|
|
<div class="chattextinput">
|
|
<textarea id="chat-input" data-trans="chat_input_placehoder" class="form-control"></textarea>
|
|
</div>
|
|
<div class="chatfun row">
|
|
<div id="toolbar" class="ext col-xs-8">
|
|
<span><em id="inputcount">(0/765)</em> <em id="inputItemCount">(1/5)</em></span>
|
|
<span id="sendSmsErrorLi" data-action="sendimage" class="error"></span>
|
|
</div>
|
|
<div class="col-xs-4 text-right">
|
|
<span><input id="btn-send" data-trans="send" onclick="sendSmsClickHandler()" type="button" class="btn btn-primary"/></span>
|
|
<span><input id="btn-back" data-trans="back" onclick="chatCancelClickHandler()" type="button" class="btn btn-primary"/></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/x-jquery-tmpl" id="smsTableTmpl">
|
|
{{each(i, sms) data }}
|
|
<tr class="smslist-item ${!hasDraft && newCount > 0 ? 'font-weight-bold':''}" {{if hasDraft && groupId != ''}}id="smslist-item-${groupId}"{{else}}id="smslist-item-${itemId}"{{/if}}>
|
|
<td>
|
|
<div class="smslist-item-checkbox">
|
|
<p class="checkbox" id="${id}">
|
|
<input type="checkbox" target="smslist-checkAll" name="smsid" id="checkbox${id}" value="${id}" groupid="${groupId}" number="${number}"/>
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td {{if hasDraft && groupId != ''}} 1onclick="draftSmsItemClickHandler('${groupId}')" {{else}} 1onclick="smsItemClickHandler('${number}')" class="${hasDraft && newCount > 0 ? 'font-weight-bold':''}"{{/if}} style="padding:8px 0px;">
|
|
{{if hasDraft && groupId != ''}}
|
|
<div class="smslist-item-name" title="${draftShowNameTitle}">
|
|
<div class="smslist-item-name-draftShowName">${draftShowName}</div>
|
|
<span class="smslist-item-total-count">(${totalCount})</span>
|
|
</div>
|
|
{{else}}
|
|
{{if name.length == 0}}
|
|
{{if number.length > 13}}
|
|
<span class="smslist-item-name2">${number.substring(0,13)+"..."}</span>
|
|
<span id="listNumber${itemId}" onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon cursorhand"></span>
|
|
{{else}}
|
|
<span class="smslist-item-name2">${number}</span>
|
|
<span id="listNumber${itemId}" onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon cursorhand"></span>
|
|
{{/if}}
|
|
{{else}}
|
|
{{if name.length > 11}}
|
|
<span class="smslist-item-name2">${name.substring(0,11)+"..."}</span>
|
|
{{else}}
|
|
<span class="smslist-item-name2">${name}</span>
|
|
{{/if}}
|
|
{{/if}}
|
|
<span class="smslist-item-total-count">(${totalCount})</span>
|
|
{{/if}}
|
|
</td>
|
|
<td class="cursorhand" {{if hasDraft && groupId != ''}}onclick="draftSmsItemClickHandler('${groupId}')" title='${content}'{{else}}onclick="smsItemClickHandler('${number}')" title='${latestSms}'{{/if}}>
|
|
{{if hasDraft && groupId != ''}}
|
|
<div class="sms-table-content smslist-item-msg"><span data-trans="draft" class="smslist-item-draft-flag colorRed"></span>: ${content}</div>
|
|
{{else}}
|
|
<div class="sms-table-content smslist-item-msg">{{if hasDraft}}<span data-trans="draft" class="smslist-item-draft-flag colorRed"></span>: {{/if}}${latestSms}</div>
|
|
{{/if}}
|
|
</td>
|
|
<td><span class="clock-time" style="white-space: nowrap;">${latestTime}</span></td>
|
|
</tr>
|
|
{{/each}}
|
|
</script>
|
|
<script type="text/x-jquery-tmpl" id="smsListTmpl">
|
|
{{each(i, sms) data }}
|
|
{{if hasDraft && groupId != ''}}
|
|
<div class="height115 width100p smslist-item" id="smslist-item-${groupId}">
|
|
<table class="width100p height100p">
|
|
<tbody>
|
|
<tr>
|
|
<td class="vMiddle width20">
|
|
<div class="smslist-item-checkbox">
|
|
<p class="checkbox" id="${id}">
|
|
<input type="checkbox" target="smslist-checkAll" name="smsid" id="checkbox${id}" value="${id}" groupid="${groupId}" />
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td style="width:823px;">
|
|
<table width="100%">
|
|
<tr>
|
|
<td style="width:740px;">
|
|
<div onclick="draftSmsItemClickHandler('${groupId}')" title="${draftShowNameTitle}" class="smslist-item-name side-left txtBold cursorhand">
|
|
<div class="smslist-item-name-draftShowName"><span>${draftShowName}</span></div>
|
|
<div class="smslist-item-total-count smslist-item-total-count-style">(${totalCount})</div>
|
|
</div>
|
|
</td>
|
|
<td><div data-trans="draft" class="smslist-item-draft-flag pull-right padding-right-10 text-right text-danger"></div></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr class="margin-top-10">
|
|
<td class="vMiddle width20"> </td>
|
|
<td onclick="draftSmsItemClickHandler('${groupId}')" class="font10px lh20px">
|
|
<div class="smslist-item-msg cursorhand">
|
|
<pre class="lh20px">${content}</pre>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="margin-top-10">
|
|
<td class="vMiddle width20"> </td>
|
|
<td class="height30 clock-time">
|
|
<div class="margin-top-10 height30 pull-left margin-right-5">
|
|
<span class="clock-icon pull-left margin-right-5"></span>
|
|
<span class="clock-time">${latestTime}</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{else}}
|
|
<div id="smslist-item-${itemId}" class="height115 width100p smslist-item">
|
|
<table class="width100p height100p">
|
|
<tbody>
|
|
<tr>
|
|
<td class="vMiddle width20">
|
|
<div class="smslist-item-checkbox">
|
|
<p id="${id}" class="checkbox">
|
|
<input id="checkbox${id}" name="smsid" type="checkbox" target="smslist-checkAll" value="${id}" number="${number}" ${checked ? "checked=checked" : ""} />
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
{{if name.length == 0}}
|
|
<div onclick="smsItemClickHandler('${number}')" class="smslist-item-name pull-left txtBold cursorhand"><span>${number}</span></div>
|
|
<div style="float:left;" onclick="smsItemClickHandler('${number}')" class="smslist-item-total-count pull-left txtBold">(${totalCount})</div>
|
|
<div id="listNumber${itemId}" style="line-height: 35px; width:30px;" class="pull-left cursorhand padding-top-10"><span onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon"></span></div>
|
|
<div class="smslist-item-new-count cursorhand pull-right ${newCount > 0?'':'hide'}" onclick="smsItemClickHandler('${number}')"><span>${newCount}</span></div>
|
|
{{else}}
|
|
<div class="smslist-item-name pull-left txtBold cursorhand" onclick="smsItemClickHandler('${number}')"><span>${name}/${number}</span></div><div onclick="smsItemClickHandler('${number}')" class="smslist-item-total-count pull-left txtBold">(${totalCount})</div><div class="smslist-item-new-count cursorhand pull-right ${newCount > 0?'':'hide'}" onclick="smsItemClickHandler('${number}')"><span>${newCount}</span></div>
|
|
{{/if}}
|
|
<div class="smslist-item-draft-flag padding-right-10 pull-right text-danger ${hasDraft?'':'hide'}"><span data-trans="draft"></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="margin-top-10">
|
|
<td class="vMiddle width20"> </td>
|
|
<td onclick="smsItemClickHandler('${number}')" class="font10px lh20px">
|
|
<div class="smslist-item-msg cursorhand">
|
|
<pre class="lh20px ${newCount > 0?'txtBold':''}">${latestSms}</pre>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="margin-top-10">
|
|
<td class="vMiddle width20"> </td>
|
|
<td class="height30 clock-time">
|
|
<div style="display:none;" class="smslist-item-repeat margin-top-10 cursorhand pull-left marginright30">
|
|
<span onclick="forwardClickHandler(${latestId})" class="sms-forward-icon pull-left"></span>
|
|
</div>
|
|
<div style="display:none;" class="smslist-item-delete margin-top-10 height30 cursorhand pull-left marginright30">
|
|
<span onclick="deletePhoneMessageClickHandler('${number}')" class="trash-icon pull-left"></span>
|
|
</div>
|
|
<div class="margin-top-10 height30 pull-left margin-right-5">
|
|
<span class="clock-icon pull-left margin-right-5"></span>
|
|
<span class="clock-time">${latestTime}</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{/if}}
|
|
{{/each}}
|
|
</script>
|
|
<div id="smslist-main">
|
|
<!--div class="form-title">
|
|
<h1><span data-trans="smslist"></span> <span id="smsCapability"></span></h1>
|
|
</div-->
|
|
<form id="smsListForm">
|
|
<div class="smslist-btns">
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
<!--div class="pull-left padding-right-15 margin-top-10">
|
|
<p id="smslist-checkAll" target="smslist_container" class="checkbox checkboxToggle pull-left margin-top-10">
|
|
<input id="checkbox-all" type="checkbox" />
|
|
</p>
|
|
</div-->
|
|
<div class="margin-left-10">
|
|
<input id="smslist-new-sms" onclick="newMessageClickHandler()" type="button" data-trans="new" class="btn btn-primary"/>
|
|
<input id="smslist-delete" disabled="disabled" data-trans="delete" onclick="deleteSelectClickHandler()" type="button" class="btn btn-primary disabled"/>
|
|
<input id="smslist-delete-all" disabled="disabled" data-trans="delete_all" onclick="deleteAllClickHandler()" style="display: none;" type="button" class="btn disabled marginright10"/>
|
|
<input id="smslist-refresh" data-trans="refresh" onclick="refreshClickHandler()" type="button" class="btn btn-primary"/>
|
|
<!--a href="#msg_set" id="smslist-setting" class="btn btn-primary" data-trans="setting"></a-->
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 text-right" style="display:none">
|
|
<div class="row">
|
|
<div class='ko-grid-search'>
|
|
<img src='./pic/res_search.png'>
|
|
<input id='searchInput' autocomplete='off' data-trans='search' maxlength="20" onclick="searchTextClick()" type='text' class='ko-grid-search-txt-default width102 noDefaultFocus form-control'/>
|
|
<img id="clearSearchKey" onclick="clearSearchKey()" src='./pic/res_delete.png' class='cursor-pointer'/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="addPhonebookContainer" style="position: relative;" class="width100p overflow-only-y">
|
|
<div id="smslist_container" class="jspContainer width100p height100p"></div>
|
|
<table class="table table-striped table-hover ko-grid table-fixed">
|
|
<thead>
|
|
<tr>
|
|
<th width="20" class="text-center">
|
|
<p id="smslist-checkAll" target="smslist-table" class="checkbox checkboxToggle">
|
|
<input id="checkbox-all" type="checkbox"/>
|
|
</p>
|
|
</th>
|
|
<th data-trans="phone_number" class="text-center"></th>
|
|
<th width="450" data-trans="content" class="text-center"></th>
|
|
<th width="150" data-trans="time" class="text-center"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="smslist-table">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |