mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 11:11:39 +09:00
설문조사 기본 스킨의 사용성 개선
1. 모바일에서 투표하기 편리하도록 개선. 2. 기본 스킨과 심플 스킨의 자바스크립트가 같아서 생기는 문제 수정 3. 이미지 사용 최소화 4. 스킨 모양을 살짝 다듬음 (미솔의 미적 감각?)
This commit is contained in:
MinSoo Kim
parent
eee619a743
commit
38ac054948
7 changed files with 248 additions and 249 deletions
|
|
@ -5,16 +5,16 @@
|
|||
var poll_member_lang = "{$lang->poll_item_members}";
|
||||
jQuery(document).ready(function(){
|
||||
var data = {json_encode($poll_data)};
|
||||
if(data.poll.is_polled==0) loadPoll({$poll_srl},data);
|
||||
if(data.poll.is_polled==0) loadRxDefaultPoll({$poll_srl},data);
|
||||
else
|
||||
{
|
||||
loadPollResult({$poll_srl},data);
|
||||
loadRxDefaultPollResult({$poll_srl},data);
|
||||
jQuery("#poll_{$poll_srl}_result_button").css({
|
||||
display: "none"
|
||||
});
|
||||
|
||||
jQuery("#poll_{$poll_srl}_result_nobutton").css({
|
||||
display: "table-row"
|
||||
display: "block"
|
||||
});
|
||||
|
||||
jQuery("#poll_{$poll_srl}_result_yesbutton").css({
|
||||
|
|
@ -23,37 +23,41 @@
|
|||
}
|
||||
});
|
||||
</script>
|
||||
<div style="{$style}">
|
||||
<div style="{$style}" class="rx_poll_default_wrap">
|
||||
<div id="poll_{$poll_srl}" class="pollWidget" style="display:none;">
|
||||
<script id="entry-template" type="text/x-handlebars-template">
|
||||
<script id="entry-template-{$poll_srl}" type="text/x-handlebars-template">
|
||||
{{#each questions as |question questionid|}}
|
||||
<input type="hidden" name="checkcount_{{question.poll_index_srl}}" value="{{question.checkcount}}" />
|
||||
<div class="title">Q : {{question.title}}</div>
|
||||
<div class="poll_vote">
|
||||
<input type="hidden" name="checkcount_{{question.poll_index_srl}}" value="{{question.checkcount}}" />
|
||||
<div class="title">Q : {{question.title}}</div>
|
||||
|
||||
{{#if question.isMultipleChoice}}
|
||||
<div class="checkcount">
|
||||
{$lang->poll_checkcount} : {{question.checkcount}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if question.isMultipleChoice}}
|
||||
<div class="checkcount">
|
||||
{$lang->poll_checkcount} : {{question.checkcount}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#each question.items as |item itemid|}}
|
||||
<div class="item">
|
||||
{{#if question.isMultipleChoice}}
|
||||
<input type="checkbox" name="item_{{question.poll_srl}}_{{question.poll_index_srl}}" value="{{item.poll_item_srl}}" id="item_{{item.poll_item_srl}}" />
|
||||
{{else}}
|
||||
<input type="radio" name="item_{{question.poll_srl}}_{{question.poll_index_srl}}" value="{{item.poll_item_srl}}" id="item_{{item.poll_item_srl}}" />
|
||||
{{/if}}
|
||||
<label for="item_{{item.poll_item_srl}}">{{item.title}}</label>
|
||||
{{#if item.my_item}}
|
||||
<input type="button" value="x" onclick="deleteItem({{question.poll_srl}},{{question.poll_index_srl}},{{item.poll_item_srl}})" style="float: right;" class="btn poll_button _poll_delete_item" />
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
{{#if question.additem}}
|
||||
<div class="item add">
|
||||
<input type="text" name="new_item" id="new_item_{{question.poll_index_srl}}" value="" /> <input type="button" value="+" onclick="addItem({{question.poll_srl}},{{question.poll_index_srl}})" style="float: right;" class="btn poll_button _poll_add_item" />
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#each question.items as |item itemid|}}
|
||||
<div class="poll_item">
|
||||
<label for="item_{{item.poll_item_srl}}">
|
||||
{{#if question.isMultipleChoice}}
|
||||
<input type="checkbox" name="item_{{question.poll_srl}}_{{question.poll_index_srl}}" value="{{item.poll_item_srl}}" id="item_{{item.poll_item_srl}}" />
|
||||
{{else}}
|
||||
<input type="radio" name="item_{{question.poll_srl}}_{{question.poll_index_srl}}" value="{{item.poll_item_srl}}" id="item_{{item.poll_item_srl}}" />
|
||||
{{/if}}
|
||||
{{item.title}}
|
||||
</label>
|
||||
{{#if item.my_item}}
|
||||
<input type="button" value="x" title="{$lang->delete_poll_item}" onclick="deleteItem({{question.poll_srl}},{{question.poll_index_srl}},{{item.poll_item_srl}})" class="btn poll_button poll_item_delete" />
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
{{#if question.additem}}
|
||||
<div class="poll_item_add">
|
||||
<input type="text" name="new_item" id="new_item_{{question.poll_index_srl}}" class="poll_item_add" placeholder="{$lang->msg_can_add_item}" /> <input type="button" value="+" title="{$lang->add_poll_item}" onclick="addItem({{question.poll_srl}},{{question.poll_index_srl}})" style="float: right;" class="btn poll_button poll_item_add" />
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</script>
|
||||
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'widgets/pollWidget/skins/default/form/1'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
|
||||
|
|
@ -67,76 +71,49 @@
|
|||
<input type="hidden" name="skin" value="{$skin}" />
|
||||
<input type="hidden" name="success_return_url" value="{getRequestUriByServerEnviroment()}" />
|
||||
<input type="hidden" name="xe_validator_id" value="widgets/pollWidget/skins/default/form/1" />
|
||||
<table cellspacing="0" class="poll_table">
|
||||
<col width="7" />
|
||||
<col />
|
||||
<col width="7" />
|
||||
<tr class="cap">
|
||||
<td><img src="./images/lh.png" alt="lh" width="7" height="7" /></td>
|
||||
<td class="h"><img src="./images/blank.gif" height="7" alt="blank" /></td>
|
||||
<td><img src="./images/rh.png" alt="rh" width="7" height="7" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title" colspan="3">
|
||||
{$lang->poll_stop_date}: <strong id="stop_date_{$poll_srl}"></strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="l"><img src="./images/blank.gif" height="7" alt="blank" /></td>
|
||||
<td id="poll_content_{$poll_srl}" class="poll_content">
|
||||
<section class="rx_poll_default">
|
||||
<div class="rx_poll_header">
|
||||
<div style="float:left">
|
||||
{$lang->poll_stop_date}: <time class="rx_poll_h_strong" id="stop_date_{$poll_srl}"></time>
|
||||
</div>
|
||||
</div>
|
||||
<div id="poll_content_{$poll_srl}" class="rx_poll_content">
|
||||
</div>
|
||||
<div class="poll_button">
|
||||
<input type="button" value="{$lang->cmd_view_result}" class="btn poll_button _rx_default_poll_result _srl_{$poll_srl}" />
|
||||
<input type="submit" value="{$lang->cmd_apply_poll}" class="btn poll_button" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</td>
|
||||
<td class="r"><img src="./images/blank.gif" height="7" alt="blank" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" class="poll_button">
|
||||
<div>
|
||||
<input type="button" value="{$lang->cmd_view_result}" class="btn poll_button _poll_result _srl_{$poll_srl}" />
|
||||
<input type="submit" value="{$lang->cmd_apply_poll}" class="btn poll_button" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="cap">
|
||||
<td class="lb" ><img src="./images/lb.png" alt="lb" width="7" height="7" /></td>
|
||||
<td class="b"><img src="./images/blank.gif" alt="blank" /></td>
|
||||
<td class="rb" ><img src="./images/rb.png" alt="rb" width="7" height="7" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
<div id="poll_{$poll_srl}_result" class="pollWidget poll_box" style="display:none;">
|
||||
<script id="entry-template-result" type="text/x-handlebars-template">
|
||||
<script id="entry-template-result-{$poll_srl}" type="text/x-handlebars-template">
|
||||
{{#each questions as |question questionid|}}
|
||||
<div class="title">{{question.title}} ({{question.poll_count}})</div>
|
||||
{{#each question.items as |item itemid|}}
|
||||
<div class="item_text">
|
||||
{{#if question.showMembers}}
|
||||
<strong>{{item.number}}</strong> <img src="./images/pipe.png" alt="" /> <a href="#" onclick="showPollMember({{question.poll_srl}},{{item.poll_item_srl}});return false;">{{item.title}}</a>
|
||||
{{else}}
|
||||
<strong>{{item.number}}</strong> <img src="./images/pipe.png" alt="" /> {{item.title}}
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="rx_poll_default_item">
|
||||
<div class="item_text">
|
||||
{{#if question.showMembers}}
|
||||
<strong>{{item.number}}</strong> <a href="#" onclick="showRxDefaultPollMember({{question.poll_srl}},{{item.poll_item_srl}});return false;">{{item.title}}</a>
|
||||
{{else}}
|
||||
<strong>{{item.number}}</strong> {{item.title}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
<table cellspacing="0" class="item_bar_table">
|
||||
<col width="30" />
|
||||
<col/>
|
||||
<col width="75" />
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="bar">
|
||||
{{#if item.isVote}}
|
||||
<img src="./images/color_bar.png" style="width:{{item.per}}%;height:6px;" alt="bar" />
|
||||
{{else}}
|
||||
<img src="./images/blank.gif" width="1" height="1" alt="" />
|
||||
{{/if}}
|
||||
</td>
|
||||
<td class="status"><strong>{{item.poll_count}}</strong> ({{item.per}}%)</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="item_bar">
|
||||
{{#if item.isVote}}
|
||||
<div class="item_bar" title="{{item.per}}%" style="width:{{item.per}}%;height:22px;"> </div>
|
||||
{{else}}
|
||||
<div class="item_bar" style="width:1px;height:22px;"> </div>
|
||||
{{/if}}
|
||||
<div class="item_bar_text">{{item.poll_count}}</strong> ({{item.per}}%)</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
{{/each}}
|
||||
</script>
|
||||
<script id="entry-template-members" type="text/x-handlebars-template">
|
||||
<script id="entry-template-members-{$poll_srl}" type="text/x-handlebars-template">
|
||||
{{#each members as |member memberid|}}
|
||||
{{#if member.isImage}}
|
||||
<li><img src="{{member.profile_image}}" width="16" height="16" /> <a href="#popup_menu_area" class="member_{{member.member_srl}}" onclick="return false">{{member.nick_name}}</a></li>
|
||||
|
|
@ -145,62 +122,28 @@
|
|||
{{/if}}
|
||||
{{/each}}
|
||||
{{#if isPage}}
|
||||
<input type="button" id="btn_load_more_{{poll_item_srl}}" value="More..." onclick="showPollMemberNext({{poll_srl}},{{poll_item_srl}});return false;" style="width:100%;" class="btn poll_button" />
|
||||
<input type="button" id="btn_load_more_{{poll_item_srl}}" value="More..." onclick="showRxDefaultPollMemberNext({{poll_srl}},{{poll_item_srl}});return false;" style="width:100%;" class="btn poll_button" />
|
||||
{{/if}}
|
||||
</script>
|
||||
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/poll/skins/default/form/1'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
|
||||
<p>{$XE_VALIDATOR_MESSAGE}</p>
|
||||
</div>
|
||||
|
||||
<table cellspacing="0" class="poll_table">
|
||||
<col width="7" />
|
||||
<col />
|
||||
<col width="7" />
|
||||
<tr class="cap">
|
||||
<td><img src="./images/lh.png" alt="lh" width="7" height="7" /></td>
|
||||
<td class="h"><img src="./images/blank.gif" height="7" alt="blank" /></td>
|
||||
<td><img src="./images/rh.png" alt="rh" width="7" height="7" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title" colspan="3">
|
||||
<div style="float:left">
|
||||
{$lang->poll_stop_date}: <strong id="stop_date_result_{$poll_srl}"></strong> 24:00
|
||||
</div>
|
||||
<div style="float:right">
|
||||
{$lang->poll_join_count}: <strong id="poll_count_result_{$poll_srl}"></strong>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="l"><img src="./images/blank.gif" height="7" alt="blank" /></td>
|
||||
<td id="poll_content_{$poll_srl}_result" class="poll_content">
|
||||
</td>
|
||||
<td class="r"><img src="./images/blank.gif" height="7" alt="blank" /></td>
|
||||
</tr>
|
||||
<tr id="poll_{$poll_srl}_result_button" style="width:100%;display: none;">
|
||||
<td colspan="3" class="poll_button">
|
||||
<div>
|
||||
<input type="button" value="{$lang->btn_poll_gotovote}" class="btn poll_button _poll_screen _srl_{$poll_srl}" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="poll_{$poll_srl}_gotoresult_button" style="width:100%;display: none;">
|
||||
<td colspan="3" class="poll_button">
|
||||
<div>
|
||||
<input type="button" value="{$lang->btn_poll_gotoresult}" class="btn poll_button _gotoresult_screen _srl_{$poll_srl}" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="poll_{$poll_srl}_result_nobutton" class="cap">
|
||||
<td class="rlb" ><img src="./images/rlb.png" alt="lb" width="7" height="7" /></td>
|
||||
<td class="bb"><img src="./images/blank.gif" alt="blank" /></td>
|
||||
<td class="rrb" ><img src="./images/rrb.png" alt="rb" width="7" height="7" /></td>
|
||||
</tr>
|
||||
<tr id="poll_{$poll_srl}_result_yesbutton" class="cap">
|
||||
<td class="lb" ><img src="./images/lb.png" alt="lb" width="7" height="7" /></td>
|
||||
<td class="b"><img src="./images/blank.gif" alt="blank" /></td>
|
||||
<td class="rb" ><img src="./images/rb.png" alt="rb" width="7" height="7" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<section class="rx_poll_default">
|
||||
<div class="rx_poll_header">
|
||||
<div style="float:left">
|
||||
{$lang->poll_stop_date}: <time class="rx_poll_h_strong" id="stop_date_result_{$poll_srl}"></time>
|
||||
</div>
|
||||
<div style="float:right">
|
||||
{$lang->poll_join_count}: <span class="rx_poll_h_strong" id="poll_count_result_{$poll_srl}"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="poll_content_{$poll_srl}_result" class="rx_poll_content">
|
||||
</div>
|
||||
<div id="poll_{$poll_srl}_result_button" class="rx_poll_footer" style="width:100%;display: none;">
|
||||
<div class="poll_button">
|
||||
<input type="button" value="{$lang->btn_poll_gotovote}" class="btn poll_button _rx_default_poll_screen _srl_{$poll_srl}" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue