| <!DOCTYPE HTML> |
| <html> |
| <body> |
| <section> |
| <h3>Define A Software Stack</h3> |
| <form class="form"> |
| <div class="column"> |
| <p> |
| Software stack name<br> |
| <input type="text" id="name"> |
| <span id="name_message" class="warn"></span> |
| </p> |
| <p> |
| Software stack version<br> |
| <input type="text" id="version"> |
| <span id="version_message" class="warn"></span> |
| </p> |
| </div> |
| Specify the download URL(s) to compose the stack: |
| <p> |
| Java<br> |
| <input type="text" id="java_url" class="formInput"> |
| <span id="java_message" class="warn"></span> |
| </p> |
| <p> |
| Hadoop<br> |
| <input type="text" id="hadoop_url" class="formInput"> |
| </p> |
| <p> |
| HBase<br> |
| <input type="text" id="hbase_url" class="formInput"> |
| </p> |
| <p> |
| Pig<br> |
| <input type="text" id="pig_url" class="formInput"> |
| </p> |
| <p> |
| HCatalog/Hive<br> |
| <input type="text" id="hcatalog_url" class="formInput"> |
| </p> |
| <p> |
| <button type="submit" id="save" onclick="return verifySoftwareStack()" value="save">Save</button> |
| <button type="cancel" onclick="javasccript:window.location='/';">Cancel</button> |
| </p> |
| </form> |
| </section> |
| <script type="text/javascript"> |
| var software = { |
| 'hadoop' : [ 'namenode', 'secondary-namenode', 'datanode', 'jobtracker', 'tasktracker', 'gateway' ], |
| 'hbase' : [ 'hbase-master', 'hbase-regionserver', 'gateway' ], |
| 'pig' : [ 'gateway' ], |
| 'hcatalog' : [ 'hcatalog-server', 'gateway' ] |
| }; |
| function verifySoftwareStack() { |
| var name = $('#name').val(); |
| var version = $('#version').val(); |
| var java = $('#java_url').val(); |
| var hadoop = $('#hadoop_url').val(); |
| var hbase = $('#hbase_url').val(); |
| var pig = $('#pig_url').val(); |
| var hcatalog = $('hcatalog_url').val(); |
| |
| var bailout = false; |
| if(name=="") { |
| $('#name_message').text("Name can not be empty."); |
| bailout = true; |
| } |
| if(version=="") { |
| $('#version_message').text("Version can not be empty."); |
| bailout = true; |
| } |
| if(java=="") { |
| $('#java_message').text("Java URL can not be empty."); |
| bailout = true; |
| } |
| if(bailout) { |
| return false; |
| } |
| return saveSoftwareStack() |
| } |
| |
| function saveSoftwareStack() { |
| var stack = { |
| '@url' : window.location.protocol+"//"+window.location.host+"/v1/software/stack/"+$('#name').val()+'-'+$('#version').val(), |
| '@name' : $('#name').val(), |
| '@version' : $('#version').val(), |
| 'roles' : [] |
| }; |
| var roles = {}; |
| for(var component in software) { |
| var components = software[component]; |
| for(var roleIndex in components) { |
| if($('#'+component+'_url').val()!=null && |
| $('#'+component+'_url').val()!="") { |
| var roleName = components[roleIndex]; |
| var packages; |
| var found = false; |
| var role; |
| for(x in roles) { |
| if(x==roleName) { |
| role = roles[x]; |
| var size = role['package'].length; |
| role['package'][size] = { 'name' : $('#'+component+'_url').val() }; |
| found = true; |
| break; |
| } |
| } |
| if(!found) { |
| packages = [ |
| { 'name' : $('#java_url').val() }, |
| { 'name' : $('#'+component+'_url').val() } |
| ]; |
| role = { |
| '@name' : roleName, |
| 'package' : packages |
| }; |
| } |
| roles[roleName] = role; |
| } |
| } |
| } |
| for(var index in roles) { |
| var size = stack['roles'].length; |
| stack['roles'][size] = roles[index]; |
| } |
| var data = JSON.stringify(stack); |
| $.ajax({ |
| type: 'POST', |
| url: '/v1/software/stack', |
| contentType: "application/json; charset=utf-8", |
| data: data, |
| success: function(data) { |
| var url = '/?func=list-software'; |
| window.location.href = url; |
| }, |
| dataType:'json' |
| }); |
| return false; |
| } |
| </script> |
| </body> |
| </html> |
