makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-28 22:28:51 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/12649] Change sort & display options in footers to dropdown menu

Browse source 
PHPBB3-12649
This commit is contained in:
RMcGirr83 2015-11-03 14:37:34 -05:00
parent c783c37c73
commit 9a4e998f70
16 changed files with 85 additions and 121 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
phpBB/language/en/common.php
View file

@ -698,8 +698,10 @@ $lang = array_merge($lang, array(
'SORRY_AUTH_READ_TOPIC' => 'You are not authorised to read this topic.', 'SORRY_AUTH_READ_TOPIC' => 'You are not authorised to read this topic.',
'SORRY_AUTH_VIEW_ATTACH' => 'You are not authorised to download this attachment.', 'SORRY_AUTH_VIEW_ATTACH' => 'You are not authorised to download this attachment.',
'SORT_BY' => 'Sort by', 'SORT_BY' => 'Sort by',
'SORT_DIRECTION' => 'Direction',
'SORT_JOINED' => 'Joined date', 'SORT_JOINED' => 'Joined date',
'SORT_LOCATION' => 'Location', 'SORT_LOCATION' => 'Location',
'SORT_OPTIONS' => 'Display and sorting options',
'SORT_RANK' => 'Rank', 'SORT_RANK' => 'Rank',
'SORT_POSTS' => 'Posts', 'SORT_POSTS' => 'Posts',
'SORT_TOPIC_TITLE' => 'Topic title', 'SORT_TOPIC_TITLE' => 'Topic title',

24
phpBB/styles/prosilver/template/display_options.html Normal file
View file

@ -0,0 +1,24 @@
<div class="dropdown-container dropdown-container-{S_CONTENT_FLOW_BEGIN} dropdown-button-control sort-tools">
<span title="{L_SORT_OPTIONS}" class="button icon-button sort-icon dropdown-trigger dropdown-select"></span>
<div class="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div>
<div class="dropdown-contents">
<fieldset class="display-options">
<!-- IF S_SORT_OPTIONS -->
<label>{L_SORT_BY}{L_COLON} <select name="sk" id="sk">{S_SORT_OPTIONS}</select></label>
<label>{L_SORT_DIRECTION}{L_COLON} <select name="sd" id="sd">{S_ORDER_SELECT}</select></label>
<hr class="dashed" />
<input type="submit" class="button2" name="sort" value="{L_SORT}" />
<!-- ELSE -->
<label>{L_DISPLAY}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<!-- IF S_SELECT_SORT_KEY -->
<label>{L_SORT_BY}{L_COLON} {S_SELECT_SORT_KEY}</label>
<label>{L_SORT_DIRECTION}{L_COLON} {S_SELECT_SORT_DIR}</label>
<!-- ENDIF -->
<hr class="dashed" />
<input type="submit" class="button2" name="sort" value="{L_GO}" />
<!-- ENDIF -->
</fieldset>
</div>
</div>
</div>

10
phpBB/styles/prosilver/template/mcp_forum.html
View file

@ -108,16 +108,8 @@
</ul> </ul>
<!-- ENDIF --> <!-- ENDIF -->
<fieldset class="display-options">
<label>{L_DISPLAY_TOPICS}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label>
<label>{S_SELECT_SORT_DIR}</label>
<input type="submit" name="sort" value="{L_GO}" class="button2" />
</fieldset>
<hr />
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- INCLUDE display_options.html -->
<div class="pagination"> <div class="pagination">
{TOTAL_TOPICS} {TOTAL_TOPICS}
<!-- IF .pagination --> <!-- IF .pagination -->

10
phpBB/styles/prosilver/template/mcp_logs.html
View file

@ -51,16 +51,8 @@
</table> </table>
<!-- IF .log --> <!-- IF .log -->
<fieldset class="display-options">
<label>{L_DISPLAY_POSTS}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label>
<label>{S_SELECT_SORT_DIR}</label>
<input type="submit" name="sort" value="{L_GO}" class="button2" />
</fieldset>
<hr />
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- INCLUDE display_options.html -->
<div class="pagination"> <div class="pagination">
{TOTAL} {TOTAL}
<!-- IF .pagination --> <!-- IF .pagination -->

11
phpBB/styles/prosilver/template/mcp_notes_user.html
View file

@ -90,17 +90,8 @@
</tbody> </tbody>
</table> </table>
<hr />
<fieldset class="display-options">
<label>{L_DISPLAY_LOG}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label><label>{S_SELECT_SORT_DIR}</label>
<input type="submit" name="sort" value="{L_GO}" class="button2" />
</fieldset>
<hr />
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- INCLUDE display_options.html -->
<div class="pagination"> <div class="pagination">
{TOTAL_REPORTS} {TOTAL_REPORTS}
<!-- IF .pagination --> <!-- IF .pagination -->

11
phpBB/styles/prosilver/template/mcp_queue.html
View file

@ -73,16 +73,9 @@
<!-- END postrow --> <!-- END postrow -->
</ul> </ul>
<fieldset class="display-options">
<label>{L_DISPLAY_POSTS}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label><label>{S_SELECT_SORT_DIR}</label>
<!-- IF TOPIC_ID --><label><input type="checkbox" class="radio" name="t" value="{TOPIC_ID}" checked="checked" />&nbsp; <strong>{L_ONLY_TOPIC}</strong></label><!-- ENDIF -->
<input type="submit" name="sort" value="{L_GO}" class="button2" />
</fieldset>
<hr />
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- INCLUDE display_options.html -->
<!-- IF TOPIC_ID --><label><input type="checkbox" class="radio" name="t" value="{TOPIC_ID}" checked="checked" onClick="document.getElementById('mcp').submit()" /> <strong>{L_ONLY_TOPIC}</strong></label><!-- ENDIF -->
<div class="pagination"> <div class="pagination">
{TOTAL} {TOTAL}
<!-- IF .pagination --> <!-- IF .pagination -->

12
phpBB/styles/prosilver/template/mcp_reports.html
View file

@ -79,16 +79,10 @@
<!-- END postrow --> <!-- END postrow -->
</ul> </ul>
<fieldset class="display-options">
<label>{L_DISPLAY_POSTS}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label><label>{S_SELECT_SORT_DIR}</label>
<!-- IF TOPIC_ID --><label><input type="checkbox" class="radio" name="t" value="{TOPIC_ID}" checked="checked" />&nbsp; <strong>{L_ONLY_TOPIC}</strong></label><!-- ENDIF -->
<input type="submit" name="sort" value="{L_GO}" class="button2" />
</fieldset>
<hr />
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- INCLUDE display_options.html -->
<!-- IF TOPIC_ID --><label><input type="checkbox" class="radio" name="t" value="{TOPIC_ID}" checked="checked" onClick="document.getElementById('mcp').submit()" /> <strong>{L_ONLY_TOPIC}</strong></label><!-- ENDIF -->
<div class="pagination"> <div class="pagination">
{TOTAL_REPORTS} {TOTAL_REPORTS}
<!-- IF .pagination --> <!-- IF .pagination -->

9
phpBB/styles/prosilver/template/mcp_warn_list.html
View file

@ -43,15 +43,8 @@
</tbody> </tbody>
</table> </table>
<fieldset class="display-options">
<label>{L_DISPLAY_POSTS}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label><label>{S_SELECT_SORT_DIR}</label>
<input type="submit" name="sort" value="{L_GO}" class="button2" />
</fieldset>
<hr />
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- INCLUDE display_options.html -->
<div class="pagination"> <div class="pagination">
{TOTAL_USERS} {TOTAL_USERS}
<!-- IF .pagination --> <!-- IF .pagination -->

20
phpBB/styles/prosilver/template/search_results.html
View file

@ -209,24 +209,13 @@
<!-- END searchresults --> <!-- END searchresults -->
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF .pagination or .searchresults or S_SELECT_SORT_KEY or S_SELECT_SORT_DAYS --> <div class="action-bar bottom">
<!-- IF .searchresults and (S_SELECT_SORT_DAYS or S_SELECT_SORT_KEY) -->
<form method="post" action="{S_SEARCH_ACTION}"> <form method="post" action="{S_SEARCH_ACTION}">
<!-- INCLUDE display_options.html -->
<fieldset class="display-options">
<!-- IF S_SELECT_SORT_DAYS or S_SELECT_SORT_KEY -->
<label><!-- IF S_SHOW_TOPICS -->{L_DISPLAY_POSTS}<!-- ELSE -->{L_SORT_BY}</label><label><!-- ENDIF --> {S_SELECT_SORT_DAYS}<!-- IF S_SELECT_SORT_KEY --></label> <label>{S_SELECT_SORT_KEY}</label>
<label>{S_SELECT_SORT_DIR}<!-- ENDIF --></label>
<input type="submit" name="sort" value="{L_GO}" class="button2" />
<!-- ENDIF -->
</fieldset>
</form> </form>
<!-- ENDIF -->
<hr />
<!-- ENDIF -->
<!-- IF .pagination or .searchresults or PAGE_NUMBER -->
<div class="action-bar bar-bottom">
<div class="pagination"> <div class="pagination">
{SEARCH_MATCHES} {SEARCH_MATCHES}
<!-- IF .pagination --> <!-- IF .pagination -->
@ -236,7 +225,6 @@
<!-- ENDIF --> <!-- ENDIF -->
</div> </div>
</div> </div>
<!-- ENDIF -->
<!-- INCLUDE jumpbox.html --> <!-- INCLUDE jumpbox.html -->

11
phpBB/styles/prosilver/template/ucp_attachments.html
View file

@ -50,16 +50,9 @@
<!-- END attachrow --> <!-- END attachrow -->
</ul> </ul>
<fieldset class="display-options"> <div class="action-bar bottom">
<label for="sk">{L_SORT_BY}{L_COLON} <select name="sk" id="sk">{S_SORT_OPTIONS}</select></label> <!-- INCLUDE display_options.html -->
<label><select name="sd" id="sd">{S_ORDER_SELECT}</select></label>
<input class="button2" type="submit" name="sort" value="{L_SORT}" />
{S_FORM_TOKEN}
</fieldset>
<hr />
<div class="action-bar bar-bottom">
<div class="pagination"> <div class="pagination">
{TOTAL_ATTACHMENTS} {L_TITLE} {TOTAL_ATTACHMENTS} {L_TITLE}
<!-- IF .pagination --> <!-- IF .pagination -->

12
phpBB/styles/prosilver/template/ucp_pm_viewfolder.html
View file

@ -108,6 +108,8 @@
<hr /> <hr />
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- INCLUDE display_options.html -->
<input type="hidden" name="cur_folder_id" value="{CUR_FOLDER_ID}" />
<div class="pagination"> <div class="pagination">
{TOTAL_MESSAGES} {TOTAL_MESSAGES}
<!-- IF .pagination --> <!-- IF .pagination -->
@ -122,16 +124,6 @@
</div> </div>
</div> </div>
<!-- IF FOLDER_CUR_MESSAGES neq 0 -->
<fieldset class="display-options">
<label>{L_DISPLAY}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label>
<label>{S_SELECT_SORT_DIR}</label>
<input type="submit" name="sort" value="{L_GO}" class="button2" />
<input type="hidden" name="cur_folder_id" value="{CUR_FOLDER_ID}" />
</fieldset>
<!-- ENDIF -->
<!-- INCLUDE ucp_pm_message_footer.html --> <!-- INCLUDE ucp_pm_message_footer.html -->
<!-- ENDIF --> <!-- ENDIF -->
<!-- INCLUDE ucp_footer.html --> <!-- INCLUDE ucp_footer.html -->

20
phpBB/styles/prosilver/template/viewforum_body.html
View file

@ -248,20 +248,6 @@
<!-- ENDIF --> <!-- ENDIF -->
<!-- END topicrow --> <!-- END topicrow -->
<!-- IF S_SELECT_SORT_DAYS and not S_DISPLAY_ACTIVE -->
<form method="post" action="{S_FORUM_ACTION}">
<fieldset class="display-options">
<!-- IF not S_IS_BOT -->
<label>{L_DISPLAY_TOPICS}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label>
<label>{S_SELECT_SORT_DIR}</label>
<input type="submit" name="sort" value="{L_GO}" class="button2" />
<!-- ENDIF -->
</fieldset>
</form>
<hr />
<!-- ENDIF -->
<!-- IF .topicrow and not S_DISPLAY_ACTIVE --> <!-- IF .topicrow and not S_DISPLAY_ACTIVE -->
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO --> <!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
@ -278,6 +264,12 @@
<!-- EVENT viewforum_buttons_bottom_after --> <!-- EVENT viewforum_buttons_bottom_after -->
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF S_SELECT_SORT_DAYS and not S_IS_BOT -->
<form method="post" action="{S_FORUM_ACTION}">
<!-- INCLUDE display_options.html -->
</form>
<!-- ENDIF -->
<div class="pagination"> <div class="pagination">
<!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow --><a href="{U_MARK_TOPICS}" data-ajax="mark_topics_read">{L_MARK_TOPICS_READ}</a> &bull; <!-- ENDIF --> <!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow --><a href="{U_MARK_TOPICS}" data-ajax="mark_topics_read">{L_MARK_TOPICS_READ}</a> &bull; <!-- ENDIF -->
{TOTAL_TOPICS} {TOTAL_TOPICS}

20
phpBB/styles/prosilver/template/viewtopic_body.html
View file

@ -375,19 +375,6 @@
<!-- INCLUDE quickreply_editor.html --> <!-- INCLUDE quickreply_editor.html -->
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF S_NUM_POSTS > 1 or .pagination -->
<form id="viewtopic" method="post" action="{S_TOPIC_ACTION}">
<fieldset class="display-options" style="margin-top: 0; ">
<!-- IF not S_IS_BOT -->
<label>{L_DISPLAY_POSTS}{L_COLON} {S_SELECT_SORT_DAYS}</label>
<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label> <label>{S_SELECT_SORT_DIR}</label>
<input type="submit" name="sort" value="{L_GO}" class="button2" />
<!-- ENDIF -->
</fieldset>
</form>
<hr />
<!-- ENDIF -->
<!-- EVENT viewtopic_body_topic_actions_before --> <!-- EVENT viewtopic_body_topic_actions_before -->
<div class="action-bar bar-bottom"> <div class="action-bar bar-bottom">
<!-- EVENT viewtopic_buttons_bottom_before --> <!-- EVENT viewtopic_buttons_bottom_before -->
@ -405,6 +392,12 @@
<!-- INCLUDE viewtopic_topic_tools.html --> <!-- INCLUDE viewtopic_topic_tools.html -->
<!-- IF (S_NUM_POSTS > 1 or .pagination) and not S_IS_BOT -->
<form method="post" action="{S_TOPIC_ACTION}">
<!-- INCLUDE display_options.html -->
</form>
<!-- ENDIF -->
<!-- IF .quickmod --> <!-- IF .quickmod -->
<div class="quickmod dropdown-container dropdown-container-left dropdown-up dropdown-{S_CONTENT_FLOW_END} dropdown-button-control" id="quickmod"> <div class="quickmod dropdown-container dropdown-container-left dropdown-up dropdown-{S_CONTENT_FLOW_END} dropdown-button-control" id="quickmod">
<span title="{L_QUICK_MOD}" class="button button-secondary dropdown-trigger dropdown-select"> <span title="{L_QUICK_MOD}" class="button button-secondary dropdown-trigger dropdown-select">
@ -435,7 +428,6 @@
<!-- ENDIF --> <!-- ENDIF -->
</div> </div>
<!-- ENDIF --> <!-- ENDIF -->
<div class="clear"></div>
</div> </div>
<!-- EVENT viewtopic_body_footer_before --> <!-- EVENT viewtopic_body_footer_before -->

12
phpBB/styles/prosilver/theme/buttons.css
View file

@ -64,6 +64,18 @@
border-right-width: 0; border-right-width: 0;
} }
.sort-icon:before {
background-position: -265px 0;
background-position: -80px 0;
height: 16px;
margin-top: 2px;
}
.dropdown-visible .sort-icon:before,
.nojs .dropdown-container:hover .sort-icon:before {
background-position: -265px -20px;
}
.button-icon-only { .button-icon-only {
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;

4
phpBB/styles/prosilver/theme/common.css
View file

@ -391,10 +391,6 @@ ul.linklist.bulletin > li.no-bulletin:before {
top: auto; top: auto;
} }
.dropdown-container.topic-tools {
float: left;
}
.dropdown-up .dropdown { .dropdown-up .dropdown {
top: auto; top: auto;
bottom: 1.2em; bottom: 1.2em;

18
phpBB/styles/prosilver/theme/forms.css
View file

@ -183,6 +183,24 @@ fieldset.display-options a {
margin-top: 3px; margin-top: 3px;
} }
.dropdown fieldset.display-options {
font-size: 1em;
margin: 0;
padding: 0;
}
.dropdown fieldset.display-options label {
display: block;
margin: 4px;
padding: 0;
text-align: right;
white-space: nowrap;
}
.dropdown fieldset.display-options select {
min-width: 120px;
}
/* Display actions for ucp and mcp pages */ /* Display actions for ucp and mcp pages */
fieldset.display-actions { fieldset.display-actions {
text-align: right; text-align: right;