Browse Source

HUE-66. beeswax create table UI mess

* added clearfix for one of the table pages
* fixed desktop fade-in for chrome (not really related)
* picked up art-widgets.hash (data filter element methods weren't returning the element.)
* fixed JFrame form validator filter, which was causing the weird post-load state.
* renaming all the old form-validator jframe classes to use data-filters
Aaron Newton 15 năm trước cách đây
mục cha
commit
96510a4616

+ 2 - 2
apps/beeswax/src/beeswax/templates/create_table_manually.mako

@@ -27,7 +27,7 @@ ${wrappers.head('Create a Table', toolbar=has_tables, section='new table')}
   </ul>
 </div>
 <div id="table-setup" class="view">
-  <form action="#" method="POST" class="jframe_padded form-validator">
+  <form action="#" method="POST" class="jframe_padded" data-filters="FormValidator">
     <dl class="bw-table-setup">
 
   <div class="ccs-bc-section">
@@ -67,7 +67,7 @@ ${wrappers.head('Create a Table', toolbar=has_tables, section='new table')}
           (One common specialized SerDe is for parsing out columns with a regular
           expression.)
           </p>
-          <dl class="bw-format">
+          <dl class="bw-format clearfix">
             <% 
               selected = table_form["row_format"].data or table_form["row_format"].field.initial
             %>

+ 1 - 1
apps/beeswax/src/beeswax/templates/execute.mako

@@ -92,7 +92,7 @@ ${wrappers.head('Hive Query', section='query')}
 % endif
 
 <div class="view" id="execute">
-  <form action="${action}" method="POST" class="form-validator">
+  <form action="${action}" method="POST" data-filters="FormValidator">
     <div class="resizable" data-filters="SplitView">
       <%
         if form.settings.forms or form.file_resources.forms or form.functions.forms:

+ 1 - 1
apps/beeswax/src/beeswax/templates/save_results.mako

@@ -22,7 +22,7 @@ ${wrappers.head("Beeswax: Query History", section='history')}
 <h4>${error_msg}</h4>
 % endif
 
-<form action="${action}" method="POST" class="form-validator">
+<form action="${action}" method="POST" data-filters="FormValidator">
   ${util.render_form(form)}
   <input type="submit" name="save" value="Save"/>
   <input type="submit" name="cancel" value="Cancel"/>

+ 1 - 1
apps/jframegallery/src/jframegallery/templates/form.validation.html

@@ -22,7 +22,7 @@ limitations under the License.
 	</head>
 	<body>
 		<div class="jframe_padded">
-			<form class="form-validator">
+			<form data-filters="FormValidator">
 				<dl>
 					<dt>required input:</dt>
 					<dd><input type="text" class="required"></dd>

+ 9 - 1
desktop/core/src/desktop/templates/index.mako

@@ -72,7 +72,15 @@
       callback: function(){
         //before fading in the screen, resize the background to match the window size
         sizer();
-        $('bg').set('tween', {duration:500}).tween('opacity', 0, 1);
+        var bgEls = $('bg').getElements('img');
+        bgEls.push($('bg'));
+        var styles = {};
+        bgEls.each(function(el, i){
+          styles[i.toString()] = { opacity: [0, 1] };
+        });
+        new Fx.Elements(bgEls, {
+          duration: 500
+        }).start(styles);
         $(document.body).addEvent('click:relay(img.desktop-logo)', rotateBG);
         rotateBG.periodical(300000); //rotate the background every 5 min
         

+ 1 - 1
desktop/core/static/js/Source/JFrameFilters/CCS.JFrame.FormRequest.js

@@ -31,7 +31,7 @@ CCS.JFrame.addGlobalFilters({
 		container.getElements('form').each(function(form){
 			//set their action url and add the FormRequest filter
 			form.set('action', new URI(form.get('action'), {base: this.currentPath})).addDataFilter("FormRequest");
-		});
+		}, this);
 	}
 
 });