ocp_registry 0.0.1.alpha → 0.0.5.pre

data/views/applicant_review.erb

@@ -0,0 +1,223 @@
+<%
+	#Expected Passed-in Parameters Below
+	data=data
+
+	#Calculate Useful Variables
+	first_version=(nil == data[:registry_settings][1])
+
+	tenant_info=data
+	quotas_origin=Yajl::load(data[:registry_settings][0][:settings])
+	quotas_prev= first_version ? nil : (Yajl::load(data[:registry_settings][1][:settings]))
+
+	message="Admin proposed some modifications on your request. You may ACCEPT or MODIFY it."
+
+	who='applicant'
+	review=true
+
+	comment_list=get_comment_list_from_data(data)	
+%>
+
+<div class="top-spacer"></div>
+
+<div class="head-message box">
+	<%=message%>
+</div>
+
+<div id="tenant-opt-dialog" class="dialog tenant-opt-dialog">
+	<legend>Edit Your Request</legend>
+
+	<%=erb :tenant_options, :locals => {
+		:who=>who, 
+		:review=>review, 
+		:tenant_info=>tenant_info, 
+		:quotas_origin=>quotas_origin,
+		:quotas_prev=>quotas_prev
+	} %>
+	
+	<div class="action">
+		<button class="hidden inform btn btn-success to-right">Inform Admin</button>
+		<div class="hidden"><p>Since you have changed the request, you have to inform admin for his/her agreement. </p></div>
+
+		<button class="accept btn btn-success to-right">Accept</button>
+		
+		<img class="hidden loading to-right" src="/images/loading.gif"  alt="" />
+		<button class="hidden cancel btn to-left">Cancel</button>
+
+		<div class="clear-float"></div>
+	</div>
+				
+</div>
+
+<%=erb :comment_list, :locals => {:comment_list=>comment_list} %>
+
+<%=erb :inform_comment_dialog%>
+
+<script type="text/javascript">
+
+var id='<%=data[:id]%>';
+var who='<%=who%>';
+
+$(document).ready(init);
+
+function init(){
+	initInformBtnTooltip();
+	initAcceptAction();
+	initInformAction();
+	initChangeCancelAction();
+	initInformDialogConfirmAction();
+	initInformDialogCancelAction();
+	initChangeQuotasEvent();
+}
+
+function initInformBtnTooltip(){
+	var $btn=$('#tenant-opt-dialog .action button.inform');
+	$btn.qtip({
+		content: {
+			text: $btn.next('div')
+		},
+		show: {
+            effect: function() {
+                $btn.fadeTo(200, 1);
+            }
+        },
+        hide: {
+            effect: function() {
+                $btn.fadeTo(200, 0);
+            }
+			 }
+	});
+}
+
+function initAcceptAction(){
+	$('#tenant-opt-dialog .action button.accept').click(function(){
+		$.noty.closeAll();
+
+		$('#tenant-opt-dialog .action button.accept').text("Loading ...");
+		$('#tenant-opt-dialog .action button').attr('disabled', 'true');
+		$('#tenant-opt-dialog .action img.loading').show();
+
+		var url='/v1/applications/'+id+'/settings';
+		var data={
+			from: who
+		};
+		data=$.toJSON(data);
+
+		$.post(url, data, 'json').done(function(data){
+			setTimeout(function(){
+				data = $.parseJSON(data);
+
+				if(data.status&&data.status=='error'){
+					noty({text: 'Failed to Submit: '+(data.message?data.message:'Unknown Error'), type:'error'});
+					
+					$('#tenant-opt-dialog .action img.loading').hide();
+					$('#tenant-opt-dialog .action button').removeAttr('disabled');
+					$('#tenant-opt-dialog .action button.accept').text('Accept');
+
+				}else{
+					noty({text: 'Successfully Submitted Your Decision [ACCEPT] ! You May CLOSE the Window Now.', type:'success'});
+					
+					$('#tenant-opt-dialog .action img.loading').hide();
+					$('#tenant-opt-dialog .action button.accept').text("Complete");
+					$('#tenant-opt-dialog .action button.back').removeAttr('disabled').show();
+				}
+
+			}, 2000);
+		}).fail(function(){
+			setTimeout(function(){
+				noty({text: 'Failed to Submit: Server Error. You May Retry Later.', type:'error'});
+				
+				$('#tenant-opt-dialog .action img.loading').hide();
+				$('#tenant-opt-dialog .action button').removeAttr('disabled');
+				$('#tenant-opt-dialog .action button.accept').text('Accept');
+			}, 2000);
+
+		});//end of fail()
+
+	});//end of click()
+}
+
+function initChangeQuotasEvent(){
+	tenantOpts.onChange=function(){
+		$.noty.closeAll();
+		noty({text: "The Request Has Been Changed. You Need to 'Inform Admin' for His/Her Agreement."});
+
+		$('#tenant-opt-dialog .action button').hide();
+		$('#tenant-opt-dialog .action button.cancel').show();
+		$('#tenant-opt-dialog .action button.inform').show();
+	};
+
+	tenantOpts.onRestore=function(){
+		$('#tenant-opt-dialog .action button').hide();
+		$('#tenant-opt-dialog .action button.accept').show();	
+	};
+}
+
+function initInformAction(){
+	$('#tenant-opt-dialog .action button.inform').click(function(){
+		$('#tenant-opt-dialog .action button').attr('disabled', 'true');
+		$('#inform-dialog').modal();
+	});
+}
+
+function initChangeCancelAction(){
+	$('#tenant-opt-dialog .action button.cancel').click(function(){
+		tenantOpts.restore();
+	});
+}
+
+function initInformDialogConfirmAction(){
+	$('#inform-dialog .action button.confirm').click(function(){
+		$.noty.closeAll();
+		$('#inform-dialog').modal('hide');
+
+		$('#tenant-opt-dialog .action button.inform').text("Loading ...");
+		$('#tenant-opt-dialog .action button').attr('disabled', 'true');
+		$('#tenant-opt-dialog .action img.loading').show();
+
+		var url='/v1/applications/'+id+'/settings';
+		var data={
+			from: who,
+			comments: $('#inform-dialog textarea[name=comment]').val(),
+			settings: tenantOpts.getQuotasNow()
+		};
+		data=$.toJSON(data);
+
+		$.post(url, data, 'json').done(function(data){
+			setTimeout(function(){
+				data = $.parseJSON(data);
+				if(data.status&&data.status=='error'){
+					noty({text: 'Failed to Submit: '+(data.message?data.message:'Unknown Error'), type:'error'});
+					
+					$('#tenant-opt-dialog .action img.loading').hide();
+					$('#tenant-opt-dialog .action button').removeAttr('disabled');
+					$('#tenant-opt-dialog .action button.inform').text('Inform Admin');
+
+				}else{
+					noty({text: 'Successfully Submitted Your New Request! You May CLOSE the Window Now.', type:'success'});
+					
+					$('#tenant-opt-dialog .action img.loading').hide();
+					$('#tenant-opt-dialog .action button.inform').text("Complete");
+				}
+
+			}, 2000);
+		}).fail(function(){
+			setTimeout(function(){
+				noty({text: 'Failed to Submit: Server Error. You May Retry Later.', type:'error'});
+				
+				$('#tenant-opt-dialog .action img.loading').hide();
+				$('#tenant-opt-dialog .action button').removeAttr('disabled');
+				$('#tenant-opt-dialog .action button.inform').text('Inform Admin');
+			}, 2000);
+			
+		});//end of fail()
+	});//end of click();
+}
+
+function initInformDialogCancelAction(){
+	$('#inform-dialog .action button.cancel').click(function(){
+		$('#tenant-opt-dialog .action button').removeAttr('disabled');
+		$('#inform-dialog').modal('hide');
+	});
+}
+
+</script>

data/views/apply.erb

@@ -1,134 +1,85 @@
-
-<div class="bordered optDialog">
-	<legend>Create Project</legend>
-	
-	<%=erb :show, :locals => {:data=>data, :readonly=>false} %>
-	
-	<div class="optAction" id="optAction">
-		<button id="optSubmit" type="button" class="btn btn-primary toRight" 
-			data-loading-text="Loading ..." 
-			data-complete-text="Completed!">
-			Submit</button>
-		<img class="loadingIcon toRight" id="optActionLoadingIcon" src="/images/loading.gif"  alt="" />
-		<div class="clear"></div>
-	</div>
-				
-</div>
-
-	
-<script type="text/javascript">
-
-(function(){
-
-	$(document).ready(init);
-
-	function init(){
-		initOptSubmit();
-	}
-	
-	function initOptSubmit(){
-		$('#optSubmit').click(function(){
-			$.noty.closeAll();
-
-			//check the data corrections
-			var ret=checkTenantFields();
-			if(!ret.ret){
-				var fieldNamesStr="";
-				$.each(ret.fields, function(i, v){
-					if(i>=ret.fields.length-1){
-						fieldNamesStr+=v;
-					}else{
-						fieldNamesStr+=v+" and ";
-					}
-				});
-
-				noty({text: "Field "+fieldNamesStr+" "+((ret.fields.length>1)?"are":"is")+" invalid.", type: 'error'});
-				return;
-			}
-
-			//do the submission
-			submitBtnToLoading();
-			var data=generateTenantRequest();
-
-			$.post('/v1/applications', data, 'json').done(function(data){
-				data = $.evalJSON(data);
-				if(data.status&&data.status=='error'){
-					//server returned error
-					noty({text: 'Failed to Submit Your Request: '+(data.message?data.message:'Unknown Error'), type:'error'});
-					submitBtnToReady();
-				}else{
-					noty({text: 'Successfully Submitted Your Request! You Can Close This Window Now.', type:'success'});
-					submitBtnToComplete();
-				}
-			}).fail(function(){
-				noty({text: 'Failed to Submit Your Request: Connection Error. You May Retry Later.', type:'error'});
-				submitBtnToReady();
-			});
-
-		});
-	}
-	
-	function submitBtnToLoading(){
-		$('#optSubmit').button('loading');
-		$('#optSubmit').attr('disabled', 'true');
-		$('#optActionLoadingIcon').show();
-	}
-	
-	function submitBtnToReady(){
-		$('#optSubmit').button('reset');
-		$('#optSubmit').removeAttr('disabled');
-		$('#optActionLoadingIcon').hide();
-	}
-	
-	function submitBtnToComplete(){
-		//$('#optSubmit').button('complete');	//BUG here: I don't use this. Because this will cause the button to be enabled. I want it to keep disabled.
-		$('#optSubmit').text("Completed");
-		$('#optSubmit').attr('disabled', 'true');
-		$('#optActionLoadingIcon').hide();
-	}
-
-	function checkTenantFields(){
-		var project=$('#tenantInfo input[name=project]').val();
-		var email=$('#tenantInfo input[name=email]').val();
-
-		var result={ret:true, fields:[]};
-
-		if(!project||project.length<=0){
-			result.ret=false;
-			result.fields.push("project");
-		}
-		if(!email||email.length<=0){
-			result.ret=false;
-			result.fields.push("email");
-		}
-
-		return result;
-	}
-	
-	function generateTenantRequest(){
-		var data={
-			project : $('#tenantInfo input[name=project]').val(),
-			description : $('#tenantInfo input[name=description]').val(),
-			email : $('#tenantInfo input[name=email]').val(),
-			settings : 
-			{
-				metadata_items : $('#quota input[name=metadata_items]').val(),
-				cores : $('#quota input[name=cores]').val(),
-				instances : $('#quota input[name=instances]').val(),
-				injected_files : $('#quota input[name=injected_files]').val(),
-				injected_file_content_bytes : $('#quota input[name=injected_file_content_bytes]').val(),
-				volumes : $('#quota input[name=volumes]').val(),
-				gigabytes : $('#quota input[name=gigabytes]').val(),
-				ram : $('#quota input[name=ram]').val(),
-				floating_ips : $('#quota input[name=floating_ips]').val(),
-				fixed_ips : $('#quota input[name=floating_ips]').val(),
-				security_groups : $('#quota input[name=security_groups]').val(),
-				security_group_rules : $('#quota input[name=security_group_rules]').val()
-			}
-		};
-		return  $.toJSON( data );
-	}
-
-})();
-
+<%
+	#Expected Passed-in Parameters Below
+	data=data
+
+	#Calculate Useful Variables
+	tenant_info=data
+	quotas_origin=Yajl::load(data[:registry_settings][0][:settings])
+	
+	who='applicant'	
+%>
+
+<div class="top-spacer"></div>
+
+<div id="tenant-opt-dialog" class="dialog tenant-opt-dialog">
+	<legend>Create Project</legend>
+
+	<%=erb :tenant_options, :locals => {
+		:who=>who, 
+		:review=>false, 
+		:tenant_info=>tenant_info, 
+		:quotas_origin=>quotas_origin,
+		:quotas_prev=>nil
+	} %>
+	
+	<div class="action">
+		<button class="accept btn btn-success to-right">Submit</button>
+		<img class="hidden loading to-right" src="/images/loading.gif"  alt="" />
+		<div class="clear-float"></div>
+	</div>
+				
+</div>
+
+<script type="text/javascript">
+
+$(document).ready(init);
+
+function init(){
+	initAcceptAction();
+}
+
+function initAcceptAction(){
+	$('#tenant-opt-dialog .action button.accept').click(function(){
+		$.noty.closeAll();
+
+		$('#tenant-opt-dialog .action button.accept').text("Loading ...");
+		$('#tenant-opt-dialog .action button').attr('disabled', 'true');
+		$('#tenant-opt-dialog .action img.loading').show();
+
+		var url='/v1/applications';
+		data=$.toJSON(tenantOpts.getData());
+
+		$.post(url, data, 'json').done(function(data){
+			setTimeout(function(){
+				data = $.parseJSON(data);
+
+				if(data.status&&data.status=='error'){
+					noty({text: 'Failed to Submit: '+(data.message?data.message:'Unknown Error'), type:'error'});
+					
+					$('#tenant-opt-dialog .action img.loading').hide();
+					$('#tenant-opt-dialog .action button').removeAttr('disabled');
+					$('#tenant-opt-dialog .action button.accept').text('Submit');
+
+				}else{
+					noty({text: 'Successfully Submitted Your Request! You May CLOSE the Window Now.', type:'success'});
+					
+					$('#tenant-opt-dialog .action img.loading').hide();
+					$('#tenant-opt-dialog .action button.accept').text("Complete");
+				}
+
+			}, 2000);
+		}).fail(function(){
+			setTimeout(function(){
+				noty({text: 'Failed to Submit: Server Error. You May Retry Later.', type:'error'});
+				
+				$('#tenant-opt-dialog .action img.loading').hide();
+				$('#tenant-opt-dialog .action button').removeAttr('disabled');
+				$('#tenant-opt-dialog .action button.accept').text('Submit');
+			}, 2000);
+
+		});//end of fail()
+
+	});//end of click()
+}
+
 </script>

data/views/base.erb

@@ -1,24 +1,74 @@
+<%
+    #==== Common Util Libraries ====
+
+    def get_comment_list_from_data(data)
+        comment_list=Array.new;
+        
+        data[:registry_settings].each do |d|
+            if (nil==d[:comments]) then 
+                next
+            end
+
+            comment_list.push({
+                #Here a little odd, when the setting is from USER, the comments of the setting is from admin
+                :who =>  d[:from] == "USER" ? 'admin' : 'applicant', 
+                :text => d[:comments],      
+                :date => d[:updated_at],
+                :highlight => false
+            });
+        end
+
+        if(data[:registry_settings][1] && data[:registry_settings][1][:comments]) then
+            #if the latest comment does exist, highlight it
+            comment_list[0][:highlight]=true
+        end
+
+        return comment_list
+    end
+
+%>
+
 <!DOCTYPE html>
 <html>
   <head>
     <title></title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <!-- Bootstrap -->
+    
+    <!-- libraries -->
+    <script src="/jquery/jquery-1.10.2.min.js"></script>
+
     <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">    
-    <link rel="stylesheet" type="text/css" href="/common.css">
-    <script src="/jquery-1.10.2.min.js"></script>
     <script src="/bootstrap/js/bootstrap.min.js"></script>
+    
     <script type="text/javascript" src="/noty/js/jquery.noty.js"></script>
+    <script type="text/javascript" src="/noty/js/themes/default.js"></script>
     <script type="text/javascript" src="/noty/js/layouts/top.js"></script>
     <script type="text/javascript" src="/noty/js/layouts/topLeft.js"></script>
     <script type="text/javascript" src="/noty/js/layouts/topRight.js"></script>
     <script type="text/javascript" src="/noty/js/layouts/topCenter.js"></script>
-    <script type="text/javascript" src="/noty/js/themes/default.js"></script>
-    <script type="text/javascript" src="/jquery.json-2.4.min.js"></script>
+   
+    <script type="text/javascript" src="/qTip/jquery.qtip.min.js"></script>
+    <link href="/qTip/jquery.qtip.min.css" rel="stylesheet">    
+
+    <script type="text/javascript" src="/json/jquery.json-2.4.min.js"></script>
+
+    <!-- mine -->
+    <link rel="stylesheet" type="text/css" href="/common.css">
+    <script type="text/javascript" src="/util.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="/tenant_options.css">
+    <link rel="stylesheet" type="text/css" href="/post.css">
+    <link rel="stylesheet" type="text/css" href="/tenant_opt_dialog.css">
+    <link rel="stylesheet" type="text/css" href="/comment_dialog.css">
+    <link rel="stylesheet" type="text/css" href="/head_message.css">
+
+    <link rel="stylesheet" type="text/css" href="/page_specific.css">
+
   </head>
+
   <body>
     <div class="container">
-    <%=yield %>
+        <%=yield %>
     </div>
 
   </body>