rhymix/widgets/pollWidget/skins/default/pollview.html
MinSoo Kim 38ac054948 설문조사 기본 스킨의 사용성 개선
1. 모바일에서 투표하기 편리하도록 개선.
2. 기본 스킨과 심플 스킨의 자바스크립트가 같아서 생기는 문제 수정
3. 이미지 사용 최소화
4. 스킨 모양을 살짝 다듬음 (미솔의 미적 감각?)
2016-01-24 04:11:29 +09:00

149 lines
6.6 KiB
HTML

<include target="_header.html" />
<script>
var poll_alert_lang = "{$lang->msg_check_poll_item}";
var poll_checkcount_lang = "{$lang->poll_checkcount}";
var poll_member_lang = "{$lang->poll_item_members}";
jQuery(document).ready(function(){
var data = {json_encode($poll_data)};
if(data.poll.is_polled==0) loadRxDefaultPoll({$poll_srl},data);
else
{
loadRxDefaultPollResult({$poll_srl},data);
jQuery("#poll_{$poll_srl}_result_button").css({
display: "none"
});
jQuery("#poll_{$poll_srl}_result_nobutton").css({
display: "block"
});
jQuery("#poll_{$poll_srl}_result_yesbutton").css({
display: "none"
});
}
});
</script>
<div style="{$style}" class="rx_poll_default_wrap">
<div id="poll_{$poll_srl}" class="pollWidget" style="display:none;">
<script id="entry-template-{$poll_srl}" type="text/x-handlebars-template">
{{#each questions as |question questionid|}}
<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}}
{{#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}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form ruleset="poll" action="./" method="post" onsubmit="return doPoll(this)">
<input type="hidden" name="module" value="poll" />
<input type="hidden" name="act" value="procPoll" />
<input type="hidden" name="poll_srl" value="{$poll_srl}" />
<input type="hidden" name="poll_srl_indexes" value="" />
<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" />
<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>
</form>
</div>
<div id="poll_{$poll_srl}_result" class="pollWidget poll_box" style="display:none;">
<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="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>
<div class="item_bar">
{{#if item.isVote}}
<div class="item_bar" title="{{item.per}}%" style="width:{{item.per}}%;height:22px;">&nbsp;</div>
{{else}}
<div class="item_bar" style="width:1px;height:22px;">&nbsp;</div>
{{/if}}
<div class="item_bar_text">{{item.poll_count}}</strong> ({{item.per}}%)</div>
</div>
</div>
{{/each}}
{{/each}}
</script>
<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>
{{else}}
<li><img class="dummy" src="{{dummy_profile}}" width="16" height="16" /> <a href="#popup_menu_area" class="member_{{member.member_srl}}" onclick="return false">{{member.nick_name}}</a></li>
{{/if}}
{{/each}}
{{#if isPage}}
<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>
<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>