From 637f0eba4f7f3c9a0cbffc0629634116b17fdeab Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Tue, 10 Mar 2015 13:20:10 +0100
Subject: collapse jot tools to submenu on small and extra small screens

---
 view/tpl/jot.tpl | 40 +++++++++++++++++++++++++++++++++++-----
 1 file changed, 35 insertions(+), 5 deletions(-)

(limited to 'view/tpl/jot.tpl')

diff --git a/view/tpl/jot.tpl b/view/tpl/jot.tpl
index 4d9207c3b..229ef0277 100755
--- a/view/tpl/jot.tpl
+++ b/view/tpl/jot.tpl
@@ -38,7 +38,7 @@
 		</div>
 		<div id="profile-jot-submit-wrapper" class="jothidden">
 			<div id="profile-jot-submit-left" class="btn-toolbar pull-left">
-				<div class='btn-group'>
+				<div class="btn-group">
 					<button id="main-editor-bold" class="btn btn-default btn-sm" title="{{$bold}}" onclick="inserteditortag('b'); return false;">
 						<i class="icon-bold jot-icons"></i>
 					</button>
@@ -56,7 +56,7 @@
 					</button>
 				</div>
 				{{if $visitor}}
-				<div class='btn-group'>
+				<div class="btn-group hidden-xs">
 					<button id="wall-image-upload" class="btn btn-default btn-sm" title="{{$upload}}" >
 						<i class="icon-camera jot-icons"></i>
 					</button>
@@ -73,7 +73,7 @@
 						<i id="profile-audio" class="icon-volume-up jot-icons"></i>
 					</button>
 				</div>
-				<div class='btn-group'>
+				<div class="btn-group hidden-xs hidden-sm">
 					<button id="profile-location-wrapper" class="btn btn-default btn-sm" title="{{$setloc}}" onclick="jotGetLocation();return false;">
 						<i id="profile-location" class="icon-globe jot-icons"></i>
 					</button>
@@ -83,7 +83,7 @@
 					</button>
 					{{/if}}
 				{{else}}
-				<div class='btn-group'>
+				<div class="btn-group hidden-xs">
 				{{/if}}
 				{{if $feature_expire}}
 					<button id="profile-expire-wrapper" class="btn btn-default btn-sm" title="{{$expires}}" onclick="jotGetExpiry();return false;">
@@ -101,6 +101,36 @@
 					</button>
 				{{/if}}
 				</div>
+				<div class="btn-group visible-xs visible-sm">
+					<button type="button" id="more-tools" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+						<i id="more-tools-icon" class="icon-caret-down jot-icons"></i>
+					</button>
+					<ul class="dropdown-menu dropdown-menu-right" role="menu">
+						<li class="visible-xs"><a href="#" onclick="preview_post();return false;"><i class="icon-eye-open"></i>&nbsp;{{$preview}}</a></li>
+						{{if $visitor}}
+						<li class="divider visible-xs"></li>
+						<li class="visible-xs"><a id="wall-image-upload-sub" href="#" ><i class="icon-camera"></i>&nbsp;{{$upload}}</a></li>
+						<li class="visible-xs"><a id="wall-file-upload-sub" href="#" ><i class="icon-paper-clip"></i>&nbsp;{{$attach}}</a></li>
+						<li class="visible-xs"><a href="#" onclick="jotGetLink(); return false;"><i class="icon-link"></i>&nbsp;{{$weblink}}</a></li>
+						<li class="visible-xs"><a href="#" onclick="jotVideoURL(); return false;"><i class="icon-facetime-video"></i>&nbsp;{{$video}}</a></li>
+						<li class="visible-xs"><a href="#" onclick="jotAudioURL(); return false;"><i class="icon-volume-up"></i>&nbsp;{{$audio}}</a></li>
+						{{/if}}
+						<li class="divider visible-xs"></li>
+						<li class="visible-xs visible-sm"><a href="#" onclick="jotGetLocation(); return false;"><i class="icon-globe"></i>&nbsp;{{$setloc}}</a></li>
+						{{if $noloc}}
+						<li class="visible-xs visible-sm"><a href="#" onclick="jotClearLocation(); return false;"><i class="icon-circle-blank"></i>&nbsp;{{$noloc}}</a></li>
+						{{/if}}
+						{{if $feature_expire}}
+						<li class="visible-xs visible-sm"><a href="#" onclick="jotGetExpiry(); return false;"><i class="icon-eraser"></i>&nbsp;{{$expires}}</a></li>
+						{{/if}}
+						{{if $feature_encrypt}}
+						<li class="visible-xs visible-sm"><a href="#" onclick="red_encrypt('{{$cipher}}','#profile-jot-text',$('#profile-jot-text').val());return false;"><i class="icon-key"></i>&nbsp;{{$encrypt}}</a></li>
+						{{/if}}
+						{{if $feature_voting}}
+						<li class="visible-xs visible-sm"><a href="#" onclick="toggleVoting(); return false;"><i id="profile-voting-sub" class="icon-check-empty"></i>&nbsp;{{$voting}}</a></li>
+						{{/if}}
+					</ul>
+				</div>
 			</div>
 			<div id="profile-rotator-wrapper">
 				<div id="profile-rotator"></div>
@@ -112,7 +142,7 @@
 				</button>
 				{{/if}}
 				{{if $preview}}
-				<button class="btn btn-default btn-sm" onclick="preview_post();return false;" title="{{$preview}}">
+				<button class="btn btn-default btn-sm hidden-xs" onclick="preview_post();return false;" title="{{$preview}}">
 					<i class="icon-eye-open jot-icons" ></i>
 				</button>
 				{{/if}}
-- 
cgit v1.2.3