X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftemplates%2Fsettings%2Fsettings.tpl;h=c2ed1a9424be92899ba96adacd97ebdae1a37f2a;hb=23e1130264eebc28072c0d99b088eebfdb7890ab;hp=3811e4f25c4169e1c25f2f3cb45568b9db63256a;hpb=e42b84350509e84200d4a82b43748b764d297b01;p=friendica.git

diff --git a/view/templates/settings/settings.tpl b/view/templates/settings/settings.tpl
index 3811e4f25c..c2ed1a9424 100644
--- a/view/templates/settings/settings.tpl
+++ b/view/templates/settings/settings.tpl
@@ -2,219 +2,182 @@
 
 {{$nickname_block nofilter}}
 
-<form action="settings" id="settings-form" method="post" autocomplete="off" enctype="multipart/form-data" >
-<input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
+<form action="settings" id="settings-form" method="post" autocomplete="off" enctype="multipart/form-data">
+	<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
 
-<h3 class="settings-heading"><a href="javascript:;">{{$h_pass}}</a></h3>
-<div class="settings-content-block">
-{{include file="field_password.tpl" field=$password1}}
-{{include file="field_password.tpl" field=$password2}}
-{{include file="field_password.tpl" field=$password3}}
+	<h2 class="settings-heading"><a href="javascript:;">{{$h_pass}}</a></h2>
+	<div class="settings-content-block">
+		{{include file="field_password.tpl" field=$password1}}
+		{{include file="field_password.tpl" field=$password2}}
+		{{include file="field_password.tpl" field=$password3}}
 
-{{if $oid_enable}}
-{{include file="field_input.tpl" field=$openid}}
-{{/if}}
+		{{if $oid_enable}}
+			{{include file="field_input.tpl" field=$openid}}
+		{{/if}}
 
-<div class="settings-submit-wrapper" >
-<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
-</div>
-</div>
-
-<h3 class="settings-heading"><a href="javascript:;">{{$h_basic}}</a></h3>
-<div class="settings-content-block">
-
-{{include file="field_input.tpl" field=$username}}
-{{include file="field_input.tpl" field=$email}}
-{{include file="field_password.tpl" field=$password4}}
-{{include file="field_custom.tpl" field=$timezone}}
-{{include file="field_select.tpl" field=$language}}
-{{include file="field_input.tpl" field=$defloc}}
-{{include file="field_checkbox.tpl" field=$allowloc}}
-
-
-<div class="settings-submit-wrapper" >
-<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
-</div>
-</div>
-
-
-<h3 class="settings-heading"><a href="javascript:;">{{$h_prv}}</a></h3>
-<div class="settings-content-block">
-
-<input type="hidden" name="visibility" value="{{$visibility}}" />
-
-{{include file="field_input.tpl" field=$maxreq}}
+		<div class="settings-submit-wrapper">
+			<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
+		</div>
+	</div>
 
-{{$profile_in_dir nofilter}}
+	<h2 class="settings-heading"><a href="javascript:;">{{$h_basic}}</a></h2>
+	<div class="settings-content-block">
 
-{{$profile_in_net_dir nofilter}}
+		{{include file="field_input.tpl" field=$username}}
+		{{include file="field_input.tpl" field=$email}}
+		{{include file="field_password.tpl" field=$password4}}
+		{{include file="field_custom.tpl" field=$timezone}}
+		{{include file="field_select.tpl" field=$language}}
+		{{include file="field_input.tpl" field=$defloc}}
+		{{include file="field_checkbox.tpl" field=$allowloc}}
 
-{{$hide_friends nofilter}}
 
-{{$hide_wall nofilter}}
+		<div class="settings-submit-wrapper">
+			<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
+		</div>
+	</div>
 
-{{$blockwall nofilter}}
+	<h2 class="settings-heading"><a href="javascript:;">{{$h_prv}}</a></h2>
+	<div class="settings-content-block">
 
-{{$blocktags nofilter}}
+		<input type="hidden" name="visibility" value="{{$visibility}}"/>
 
-{{$suggestme nofilter}}
+		{{include file="field_input.tpl" field=$maxreq}}
 
-{{$unkmail nofilter}}
+		{{$profile_in_dir nofilter}}
 
+		{{include file="field_checkbox.tpl" field=$profile_in_net_dir}}
+		{{include file="field_checkbox.tpl" field=$hide_friends}}
+		{{include file="field_checkbox.tpl" field=$hide_wall}}
+		{{include file="field_checkbox.tpl" field=$unlisted}}
+		{{include file="field_checkbox.tpl" field=$accessiblephotos}}
+		{{include file="field_checkbox.tpl" field=$blockwall}}
+		{{include file="field_checkbox.tpl" field=$blocktags}}
+		{{include file="field_checkbox.tpl" field=$unkmail}}
+		{{include file="field_input.tpl" field=$cntunkmail}}
 
-{{include file="field_input.tpl" field=$cntunkmail}}
+		{{$group_select nofilter}}
 
-{{include file="field_input.tpl" field=$expire.days}}
+		<h3>{{$permissions}}</h3>
 
+		{{$aclselect nofilter}}
+		<div class="settings-submit-wrapper">
+			<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
+		</div>
+	</div>
 
-<div class="field input">
-	<span class="field_help"><a href="#advanced-expire-popup" id="advanced-expire" class='popupbox' title="{{$expire.advanced}}">{{$expire.label}}</a></span>
-	<div style="display: none;">
-		<div id="advanced-expire-popup" style="width:auto;height:auto;overflow:auto;">
-			<h3>{{$expire.advanced}}</h3>
+	<h2 class="settings-heading"><a href="javascript:;">{{$expire.label}}</a></h2>
+	<div class="settings-content-block">
+		<div id="settings-expiry">
+			{{include file="field_input.tpl" field=$expire.days}}
 			{{include file="field_checkbox.tpl" field=$expire.items}}
 			{{include file="field_checkbox.tpl" field=$expire.notes}}
 			{{include file="field_checkbox.tpl" field=$expire.starred}}
 			{{include file="field_checkbox.tpl" field=$expire.network_only}}
+
+			<div class="settings-submit-wrapper">
+				<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
+			</div>
 		</div>
 	</div>
 
-</div>
-
-
-<div id="settings-default-perms" class="settings-default-perms" >
-	<a href="#profile-jot-acl-wrapper" id="settings-default-perms-menu" class='popupbox'>{{$permissions}} {{$permdesc}}</a>
-	<div id="settings-default-perms-menu-end"></div>
+	<h2 class="settings-heading"><a href="javascript:;">{{$h_not}}</a></h2>
+	<div class="settings-content-block">
+		<div id="settings-notifications">
+
+			<div id="settings-notification-desc">{{$lbl_not}}</div>
+
+			<div class="group">
+				{{include file="field_intcheckbox.tpl" field=$notify1}}
+				{{include file="field_intcheckbox.tpl" field=$notify2}}
+				{{include file="field_intcheckbox.tpl" field=$notify3}}
+				{{include file="field_intcheckbox.tpl" field=$notify4}}
+				{{include file="field_intcheckbox.tpl" field=$notify5}}
+				{{include file="field_intcheckbox.tpl" field=$notify6}}
+				{{include file="field_intcheckbox.tpl" field=$notify7}}
+				{{include file="field_intcheckbox.tpl" field=$notify8}}
+			</div>
+
+			<div id="settings-notify-desc">{{$lbl_notify}}</div>
+
+			<div class="group">
+				{{include file="field_checkbox.tpl" field=$notify_like}}
+				{{include file="field_checkbox.tpl" field=$notify_announce}}
+			</div>
+
+			{{include file="field_checkbox.tpl" field=$email_textonly}}
+			{{include file="field_checkbox.tpl" field=$detailed_notif}}
+
+			{{include file="field_checkbox.tpl" field=$notify_ignored}}
+
+			{{include file="field_checkbox.tpl" field=$desktop_notifications}}
+			<script>
+				(function () {
+					let $notificationField = $("#div_id_{{$desktop_notifications.0}}");
+					let $notificationCheckbox = $("#id_{{$desktop_notifications.0}}");
+
+					if (getNotificationPermission() === 'granted') {
+						$notificationCheckbox.prop('checked', true);
+					}
+					if (getNotificationPermission() === null) {
+						$notificationField.hide();
+					}
+
+					$notificationCheckbox.on('change', function (e) {
+						if (Notification.permission === 'granted') {
+							localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
+						} else if (Notification.permission === 'denied') {
+							localStorage.setItem('notification-permissions', 'denied');
+
+							$notificationCheckbox.prop('checked', false);
+						} else if (Notification.permission === 'default') {
+							Notification.requestPermission(function (choice) {
+								if (choice === 'granted') {
+									localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
+								} else {
+									localStorage.setItem('notification-permissions', 'denied');
+									$notificationCheckbox.prop('checked', false);
+								}
+							});
+						}
+					})
+				})();
+			</script>
 
-	<div id="settings-default-perms-select" style="display: none; margin-bottom: 20px" >
-
-	<div style="display: none;">
-		<div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;">
-			{{$aclselect nofilter}}
 		</div>
-	</div>
 
+		<div class="settings-submit-wrapper">
+			<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
+		</div>
 	</div>
-</div>
-<br/>
-<div id="settings-default-perms-end"></div>
-
-{{$group_select nofilter}}
-
-
-<div class="settings-submit-wrapper" >
-<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
-</div>
-</div>
-
-
-
 
-<h3 class="settings-heading"><a href="javascript:;">{{$h_not}}</a></h3>
-<div class="settings-content-block">
-<div id="settings-notifications">
+	<h2 class="settings-heading"><a href="javascript:;">{{$h_advn}}</a></h2>
+	<div class="settings-content-block">
+		<div id="settings-pagetype-desc">{{$h_descadvn}}</div>
 
-<div id="settings-notification-desc">{{$lbl_not}}</div>
+		{{$pagetype nofilter}}
 
-<div class="group">
-{{include file="field_intcheckbox.tpl" field=$notify1}}
-{{include file="field_intcheckbox.tpl" field=$notify2}}
-{{include file="field_intcheckbox.tpl" field=$notify3}}
-{{include file="field_intcheckbox.tpl" field=$notify4}}
-{{include file="field_intcheckbox.tpl" field=$notify5}}
-{{include file="field_intcheckbox.tpl" field=$notify6}}
-{{include file="field_intcheckbox.tpl" field=$notify7}}
-{{include file="field_intcheckbox.tpl" field=$notify8}}
-</div>
-
-{{include file="field_checkbox.tpl" field=$email_textonly}}
-{{include file="field_checkbox.tpl" field=$detailed_notif}}
-
-{{include file="field_checkbox.tpl" field=$desktop_notifications}}
-<script>
-(function(){
-    var elm = $("#id_{{$desktop_notifications.0}}_onoff");
-    var ckbox = $("#id_{{$desktop_notifications.0}}");
-
-    if (getNotificationPermission() === 'granted') {
-        ckbox.val(1);
-        elm.find(".off").addClass("hidden");
-        elm.find(".on").removeClass("hidden");
-    }
-	if (getNotificationPermission() === null) {
-		elm.parent(".field.yesno").hide();
-	}
-
-    $("#id_{{$desktop_notifications.0}}_onoff").on("click", function(e){
-
-        if (Notification.permission === 'granted') {
-            localStorage.setItem('notification-permissions', ckbox.val()==1 ? 'granted' : 'denied');
-        } else if (Notification.permission === 'denied') {
-            localStorage.setItem('notification-permissions', 'denied');
-
-            ckbox.val(0);
-            elm.find(".on").addClass("hidden");
-            elm.find(".off").removeClass("hidden");
-
-        } else if (Notification.permission === 'default') {
-            Notification.requestPermission(function(choice) {
-                if (choice === 'granted') {
-                    localStorage.setItem('notification-permissions', ckbox.val()==1 ? 'granted' : 'denied');
-
-                } else {
-                    localStorage.setItem('notification-permissions', 'denied');
-                    ckbox.val(0);
-                    elm.find(".on").addClass("hidden");
-                    elm.find(".off").removeClass("hidden");
-                }
-            });
-        }
-
-		//console.log(getNotificationPermission());
-
-
-    })
-})();
-</script>
-
-</div>
-
-<div class="settings-submit-wrapper" >
-<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
-</div>
-</div>
-
-
-<h3 class="settings-heading"><a href="javascript:;">{{$h_advn}}</a></h3>
-<div class="settings-content-block">
-<div id="settings-pagetype-desc">{{$h_descadvn}}</div>
-
-{{$pagetype nofilter}}
-
-<div class="settings-submit-wrapper" >
-<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
-</div>
-</div>
-
-<h3 class="settings-heading"><a href="javascript:;">{{$importcontact}}</a></h3>
-<div class="settings-content-block">
-<input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}" />
-<div id="settings-pagetype-desc">{{$importcontact_text}}</div>
-<input type="file" name="importcontact-filename" />
-
-<div class="settings-submit-wrapper" >
-<input type="submit" name="importcontact-submit" class="importcontact-submit" value="{{$importcontact_button}}" />
-</div>
-</div>
+		<div class="settings-submit-wrapper">
+			<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
+		</div>
+	</div>
 
-<h3 class="settings-heading"><a href="javascript:;">{{$relocate}}</a></h3>
-<div class="settings-content-block">
-<div id="settings-pagetype-desc">{{$relocate_text}}</div>
-
-<div class="settings-submit-wrapper" >
-<input type="submit" name="resend_relocate" class="settings-submit" value="{{$relocate_button}}" />
-</div>
-</div>
+	<h2 class="settings-heading"><a href="javascript:;">{{$importcontact}}</a></h2>
+	<div class="settings-content-block">
+		<input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}"/>
+		<div id="settings-pagetype-desc">{{$importcontact_text}}</div>
+		<input type="file" name="importcontact-filename"/>
 
+		<div class="settings-submit-wrapper">
+			<input type="submit" name="importcontact-submit" class="importcontact-submit" value="{{$importcontact_button}}"/>
+		</div>
+	</div>
 
+	<h2 class="settings-heading"><a href="javascript:;">{{$relocate}}</a></h2>
+	<div class="settings-content-block">
+		<div id="settings-pagetype-desc">{{$relocate_text}}</div>
 
+		<div class="settings-submit-wrapper">
+			<input type="submit" name="resend_relocate" class="settings-submit" value="{{$relocate_button}}"/>
+		</div>
+	</div>