X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftemplates%2Fposted_date_widget.tpl;h=7833aee4cbb895e8eebeec148ad32e9c144eb4ba;hb=2628da422a57f573466f08ca3eb5791bf2bc35cf;hp=009fa60a657068f0d778ffb58b616981f2c088c3;hpb=331747d6d92e12650940e26f7e1a98326583acb1;p=friendica.git

diff --git a/view/templates/posted_date_widget.tpl b/view/templates/posted_date_widget.tpl
index 009fa60a65..7833aee4cb 100644
--- a/view/templates/posted_date_widget.tpl
+++ b/view/templates/posted_date_widget.tpl
@@ -1,9 +1,50 @@
+<script>
+
+function showHideDates() {
+	if( $('#posted-date-selector-drop').is(':visible')) {
+		$('#posted-date-selector-drop').hide();
+		$('#posted-date-collapse').html(window.showMore);
+
+	} else {
+		$('#posted-date-selector-drop').show();
+		$('#posted-date-collapse').html(window.showFewer);
+	}
+}
+
+function dateSubmit(dateurl) {
+	window.location.href = dateurl;
+}
+
+</script>
+
+
 <div id="datebrowse-sidebar" class="widget">
 	<h3>{{$title}}</h3>
-<script>function dateSubmit(dateurl) { window.location.href = dateurl; } </script>
-<select id="posted-date-selector" name="posted-date-select" onchange="dateSubmit($(this).val());" size="{{$size}}">
-{{foreach $dates as $d}}
-<option value="{{$url}}/{{$d.1}}/{{$d.2}}" >{{$d.0}}</option>
-{{/foreach}}
-</select>
+	<ul id="posted-date-selector" class="datebrowse-ul">
+		{{foreach $dates as $y => $arr}}
+
+		{{if $y == $cutoff_year}}
+		</ul>
+		<ul id="posted-date-selector-drop" class="datebrowse-ul" style="display: none;">
+		{{/if}} 
+
+		<li id="posted-date-selector-year-{{$y}}" class="tool">
+			<a class="datebrowse-link" href="#" onclick="openClose('posted-date-selector-{{$y}}'); return false;">{{$y}}</a>
+		</li>
+		<li id="posted-date-selector-{{$y}}" class="tool posted-date-selector-months" style="display: none;">
+			<ul class="datebrowse-ul">
+				{{foreach $arr as $d}}
+				<li class="tool">
+					<a class="datebrowse-link" href="#" onclick="dateSubmit('{{$url}}/{{$d.1}}/{{$d.2}}'); return false;">{{$d.0}}</a>
+				</li>
+				{{/foreach}}
+			</ul>
+		</li>
+		{{/foreach}}
+	</ul>
+	{{if $cutoff}}
+	<ul class="datebrowse-ul">
+		<li onclick="showHideDates(); return false;" id="posted-date-collapse" class="fakelink tool">{{$showmore}}</li>
+	</ul>
+	{{/if}}
 </div>