Better feedback for saving calendar and openid settings

apps/calendar/js/settings.js

@@ -1,14 +1,10 @@
 $(document).ready(function(){
 	$("#timezone").change( function(){
+		OC.msg.startSaving('#calendar .msg')
 		// Serialize the data
 		var post = $( "#timezone" ).serialize();
-		// Ajax foo
 		$.post( oc_webroot + '/apps/calendar/ajax/settimezone.php', post, function(data){
-			if( data.status == "success" ){
-			}
-			else{
-				$('#timezoneerror').html( data.data.message );
-			}
+			OC.msg.finishedSaving('#calendar .msg', data);
 		});
 		return false;
 	});

apps/calendar/templates/settings.php

@@ -31,6 +31,6 @@
 				echo '<option value="'.$timezone.'"'.($_['timezone'] == $timezone?' selected="selected"':'').'>'.$city.'</option>';
 			endif;
                 endforeach;?>
-                </select><span id="timezoneerror"></span>
+                </select><span class="msg"></span>
         </fieldset>
 </form>

apps/user_openid/js/settings.js

@@ -1,20 +1,10 @@
 $(document).ready(function(){
 	$('#openidform #identity').blur(function(event){
 		event.preventDefault();
+		OC.msg.startSaving('#openidform .msg');
 		var post = $( "#openidform" ).serialize();
 		$.post( 'ajax/openid.php', post, function(data){
-			if( data.status == "success" ){
-			}else{
-				alert('error while setting OpenID');
-			}
+			OC.msg.finishedSaving('#openidform .msg', data);
 		});
 	});
-
-	// reset value when edited, workaround because of .select() not working with disabled inputs
-	$('#openid').focus(function(event){
-		openidValue = $('#openid').val();
-	});
-	$('#openid').blur(function(event){
-		$('#openid').val(openidValue);
-	});
 });

apps/user_openid/templates/settings.php

@@ -3,6 +3,6 @@
 		<strong>OpenID</strong>
 		<?php echo ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') ? 'https' : 'http').'://'.$_SERVER['HTTP_HOST'].OC::$WEBROOT.'/?'; echo OC_User::getUser(); ?><br /><em><?php echo $l->t('you can authenticate to other sites with this address');?></em><br />
 		<label for="identity"><?php echo $l->t('Authorized OpenID provider');?></label>
-		<input type="text" name="identity" id="identity" value="<?php echo $_['identity']; ?>" placeholder="<?php echo $l->t('Your address at Wordpress, Identi.ca, &hellip;');?>" />
+		<input type="text" name="identity" id="identity" value="<?php echo $_['identity']; ?>" placeholder="<?php echo $l->t('Your address at Wordpress, Identi.ca, &hellip;');?>" /><span class="msg"></span>
 	</fieldset>
 </form>

settings/css/settings.css

@@ -5,6 +5,9 @@ input#openid, input#webdav { width:20em; }
 #passwordchanged { display:none; }
 input#identity { width:20em; }
 
+.msg.success{ color:#fff; background-color:#0f0; padding:3px; text-shadow:1px 1px #000; }
+.msg.error{ color:#fff; background-color:#f00; padding:3px; text-shadow:1px 1px #000; }
+
 
 /* USERS */
 form { display:inline; }

settings/js/personal.js

@@ -48,12 +48,26 @@ $(document).ready(function(){
 		});
 		return false;
 	});
-
-	// reset value when edited, workaround because of .select() not working with disabled inputs
-	$('#webdav').focus(function(event){
-		openidValue = $('#webdav').val();
-	});
-	$('#webdav').blur(function(event){
-		$('#webdav').val(openidValue);
-	});
 } );
+
+OC.msg={
+	startSaving:function(selector){
+		$(selector)
+			.html( t('settings', 'Saving...') )
+			.removeClass('success')
+			.removeClass('error')
+			.stop(true, true)
+			.show();
+	},
+	finishedSaving:function(selector, data){
+		if( data.status == "success" ){
+			 $(selector).html( data.data.message )
+				.addClass('success')
+				.stop(true, true)
+				.delay(3000)
+				.fadeOut(600);
+		}else{
+			$(selector).html( data.data.message ).addClass('error');
+		}
+	}
+}