quickstarts/microsoft.datalakestore/yash-datalake/scripts/images/discover_raw_datasets.html (82 lines of code) (raw):

<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script src="https://code.jquery.com/jquery-3.1.0.js"></script> <title></title> </head> <body bgcolor=white> <h2 style="color: white;">Data Lake</h2> <style> .border1 { border-style: solid; border-width: thin; padding: 20px; border: 1px LightGray; border-radius: 8px; background-color:LightGray; } </style> <div class="border1"><h2 class="heading" align="center">Quick Start Walk Through Guide</h2> <h6 align="center"> This wizard will guide you through a Data Lake reference architecture and Azure services used within.</h6> </div> <div><h4 class="subHeading">Step 2 : Discover RAW Datasets</h4> <div><h5 class="subHeading">Yash Data Lake leverage Azure Blob Storage and Azure DataFactory for data management and transformation of the data provided by the Customer. Azure DataFactory is a fully managed extract, transform, and load (ETL) service.</h5> <br> <div align="center"> <button id="Get_dataset" class="btn btn-primary" align="center"> Discover raw datasets</button> </div> <br> <form action=next_function_route method="post" align="center"> <input id="name" name="name" type="hidden" value="create_transformed_datasets"> <input type="submit" value="next"/> </form> </div> <script> window.onload = function() { document.getElementById("Get_dataset").addEventListener("click", function(event){ event.preventDefault(); $.ajax({ url: next_function_route, type: 'POST', crossOrigin: true, success: completeRequest, data: { 'name': 'get_dataset' }, error: function ajaxError(jqXHR, textStatus, errorThrown) { console.error('Error requesting ride: ', textStatus, ', Details: ', errorThrown); console.error('Response: ', jqXHR.responseText); alert('An error occured when requesting your unicorn:\n' + jqXHR.responseText); } }) console.log('Df started'); }); function completeRequest(result) { var run_id = result; var status = 'InProgress'; var myVar = setInterval(function(){ console.log('Inside set interval method'); $.ajax({ url: next_function_route, type: 'POST', crossOrigin: true, data: { 'name': 'df_status', 'run_id':run_id }, success: function(result2) { console.log('Status',result2) status=result2 if (status != 'InProgress') { console.log('job completed'); clearInterval(myVar); } } })}, 60000); } } </script> </body> </html>