Skip to content

J
JavaIngestionFramework-UI
Commit b0b6f78e authored by Pooja's avatar Pooja
Browse files
Options

css changes for ui for java ingestion

parent a597020f
Hide whitespace changes
Inline Side-by-side
Showing with 598 additions and 272 deletions
javaingestioninputoutput.html
View file @ b0b6f78e
...@@ -6,18 +6,58 @@ ...@@ -6,18 +6,58 @@
<title>jQuery Show Hide Elements Using Select Box</title> <title>jQuery Show Hide Elements Using Select Box</title>
<style> <style>
.box { .box {
color: #fff; color: #000;
padding: 20px; padding: 20px;
display: none; display: none;
margin-top: 20px; margin-top: 20px;
} }
.red { .container {
background: #ff0000; border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
.col-25 {
float: left;
width: 25%;
margin-top: 6px;
}
.col-75 {
float: left;
width: 75%;
margin-top: 6px;
}
input[type=button] {
margin-left: 360px;
background-color: #4CAF50;
margin-top: 10px;
color: white;
border: none;
border-radius: 4px;
display: inline-block;
font-size: 16px;
cursor: pointer;
} }
.green { input[type=button]:hover {
background: #228B22; background-color: #45a049;
}
input[type=text], select, textarea {
width: 30%;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
}
@media screen and (max-width: 600px) {
.col-25, .col-75, input[type=button] {
width: 100%;
margin-top: 0;
}
} }
.blue { .blue {
...@@ -40,53 +80,6 @@ ...@@ -40,53 +80,6 @@
}).change(); }).change();
}); });
var app = angular.module('postserviceApp', []);
app.controller('postserviceCtrl', function ($scope, $http) {
$scope.mode = null;
$scope.name = null;
$scope.description = null;
$scope.dataFrameName = null;
$scope.fileInPath = null;
$scope.snakeCaseHeader = null;
$scope.dataFormat = null;
$scope.header = null;
$scope.delimiter = null;
$scope.inferSchema = null;
$scope.quote = null;
$scope.lblMsg = null;
$scope.postdata = function (mode,name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote) {
var data = {
mode:mode,
name: name,
description: description,
dataFrameName: dataFrameName,
fileInPath: fileInPath,
snakeCaseHeader: snakeCaseHeader,
dataFormat: dataFormat,
header: header,
delimiter: delimiter,
inferSchema: inferSchema,
quote: quote
};
//services
$http.post('http://localhost:8081/api/v1/dif/jobs', JSON.stringify(data)).then(function (response) {
response.header("Access-Control-Allow-Methods", "GET, PUT, POST");
if (response.data){
$scope.msg = "Job created Successfully!";
$scope.firstName = null;$scope.lastName = null;$scope.email = null;$scope.mobile = null;$scope.password = null;
}
}, function (response) {
$scope.msg = "Service not Exists";
$scope.statusval = response.status;
$scope.statustext = response.statusText;
$scope.headers = response.headers();
});
};
});
</script> </script>
...@@ -96,266 +89,599 @@ $scope.headers = response.headers(); ...@@ -96,266 +89,599 @@ $scope.headers = response.headers();
<div> <div>
<select> <select>
<option>Choose Type</option> <option>Choose Type</option>
<option value="red">Single Input Single Output Form</option> <option value="black">Single Input Single Output Form</option>
<option value="green">Single Input Multiple Output Form</option> <option value="green">Single Input Multiple Output Form</option>
<option value="blue">Default</option> <option value="blue">Output Form-2</option>
</select> </select>
</div> </div>
<div id="check" class="red box"> <div id="check" class="black box">
<div class="container">
<form name="InputForm" id="InputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate> <form name="InputForm" id="InputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Input Form</h4> <h4 >Input Form</h4>
Mode : <select> <div class="col-25">
Mode :
</div>
<div class="col-75">
<select>
<option>Job 1</option> <option>Job 1</option>
</select> </select>
</br> </div>
Name : <input type="text" ng-model="name" name="name" required > </br></br>
<div class="col-25">
Name :
</div>
<div class="col-75">
<input type="text" ng-model="name" name="name" required >
<div ng-show="InputForm.name.$error"> <div ng-show="InputForm.name.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.name.$error.required">Name is required</div> <div style="color:red" ng-show="InputForm.name.$error.required">name is required</div>
</div></br> </div>
Description : <input type="text" ng-model="description" name="description" required > </div>
</br>
<div class="col-25">
Description :
</div>
<div class="col-75">
<input type="text" ng-model="description" name="description" required >
<div ng-show="InputForm.description.$error"> <div ng-show="InputForm.description.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.description.$error.required">Description is required</div> <div style="color:red" ng-show="InputForm.description.$error.required">description is required</div>
</div></br> </div>
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required > </div> </br>
<div class="col-25">
DataFrameName:
</div>
<div class="col-75">
<input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div ng-show="InputForm.dataFrameName.$error"> <div ng-show="InputForm.dataFrameName.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.dataFrameName.$error.required">DataFrameName is required</div> <div style="color:red" ng-show="InputForm.dataFrameName.$error.required">dataFrameName is required</div>
</div></br> </div>
FileInPath : <input type="text" ng-model="fileInPath" name="fileInPath" required > </div>
</br>
<div class="col-25">
FileInPath :
</div>
<div class="col-75">
<input type="text" ng-model="fileInPath" name="fileInPath" required >
<div ng-show="InputForm.fileInPath.$error"> <div ng-show="InputForm.fileInPath.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.fileInPath.$error.required">FileInPath is required</div> <div style="color:red" ng-show="InputForm.fileInPath.$error.required">fileInPath is required</div>
</div></br> </div>
</div>
</br> </br>
SnakeCaseHeader : <input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required > <div class="col-25">
SnakeCaseHeader :
</div>
<div class="col-75">
<input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required >
<div ng-show="InputForm.snakeCaseHeader.$error"> <div ng-show="InputForm.snakeCaseHeader.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.snakeCaseHeader.$error.required">SnakeCaseHeader is required</div> <div style="color:red" ng-show="InputForm.snakeCaseHeader.$error.required">snakeCaseHeader is required</div>
</div></br> </div>
DataFormat : <input type="text" ng-model="dataFormat" name="dataFormat" required > </div>
</br>
<div class="col-25">
DataFormat :
</div>
<div class="col-75">
<input type="text" ng-model="dataFormat" name="dataFormat" required >
<div ng-show="InputForm.dataFormat.$error"> <div ng-show="InputForm.dataFormat.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.dataFormat.$error.required">DataFormat is required</div> <div style="color:red" ng-show="InputForm.dataFormat.$error.required">dataFormat is required</div>
</div></br> </div>
Header : <input type="text" ng-model="header" name="header" required > </div>
</br>
<div class="col-25">
Header :
</div>
<div class="col-75">
<input type="text" ng-model="header" name="header" required >
<div ng-show="InputForm.header.$error"> <div ng-show="InputForm.header.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.header.$error.required">header is required</div> <div style="color:red" ng-show="InputForm.header.$error.required">header is required</div>
</div></br> </div>
Delimiter : <input type="text" ng-model="delimiter" name="delimiter" required > </div>
</br>
<div class="col-25">
Delimiter :
</div>
<div class="col-75">
<input type="text" ng-model="delimiter" name="delimiter" required >
<div ng-show="InputForm.delimiter.$error"> <div ng-show="InputForm.delimiter.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.delimiter.$error.required">delimiter is required</div> <div style="color:red" ng-show="InputForm.delimiter.$error.required">delimiter is required</div>
</div></br> </div>
Infer Schema : <input type="text" ng-model="inferSchema" name="inferSchema" required > </div>
</br>
<div class="col-25">
Infer Schema :
</div>
<div class="col-75">
<input type="text" ng-model="inferSchema" name="inferSchema" required >
<div ng-show="InputForm.inferSchema.$error"> <div ng-show="InputForm.inferSchema.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.inferSchema.$error.required">inferSchema is required</div> <div style="color:red" ng-show="InputForm.inferSchema.$error.required">inferSchema is required</div>
</div></br> </div>
Quote : <input type="text" ng-model="quote" name="quote" required > </div>
</br>
<div class="col-25">
Quote :
</div>
<div class="col-75">
<input type="text" ng-model="quote" name="quote" required >
<div ng-show="InputForm.quote.$error"> <div ng-show="InputForm.quote.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.quote.$error.required">Quote is required</div> <div style="color:red" ng-show="InputForm.quote.$error.required">quote is required</div>
</div></br> </div>
</div>
</br>
</br> </br>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/> <input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form> </form>
</div>
<div class="container">
<form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate> <form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Output Form</h4> <h4 >Output Form</h4>
Mode : <select> <div class="col-25">
<option>Job 1</option> Mode :
</select></br> </div>
Name : <input type="text" ng-model="name" name="name" required > <div class="col-75">
<div ng-show="OutputForm.name.$error"> <select>
<div style="padding-left:83px;color:red" ng-show="OutputForm.name.$error.required">Name is required</div> <option>Job 1</option>
</div></br> </select>
Description : <input type="text" ng-model="description" name="description" required > </div>
<div ng-show="OutputForm.description.$error"> </br></br>
<div style="padding-left:83px;color:red" ng-show="OutputForm.description.$error.required">Description is required</div> <div class="col-25">
</div></br> Name :
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required > </div>
<div ng-show="OutputForm.dataFrameName.$error"> <div class="col-75">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFrameName.$error.required">DataFrameName is required</div> <input type="text" ng-model="name" name="name" required >
</div></br>
FileInPath : <input type="text" ng-model="fileInPath" name="fileInPath" required >
<div ng-show="OutputForm.fileInPath.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.fileInPath.$error.required">FileInPath is required</div>
</div></br>
</br>
SnakeCaseHeader : <input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required >
<div ng-show="OutputForm.snakeCaseHeader.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.snakeCaseHeader.$error.required">SnakeCaseHeader is required</div>
</div></br>
DataFormat : <input type="text" ng-model="dataFormat" name="dataFormat" required >
<div ng-show="OutputForm.dataFormat.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFormat.$error.required">DataFormat is required</div>
</div></br>
Header : <input type="text" ng-model="header" name="header" required >
<div ng-show="OutputForm.header.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.header.$error.required">header is required</div>
</div></br>
Delimiter : <input type="text" ng-model="delimiter" name="delimiter" required >
<div ng-show="OutputForm.delimiter.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.delimiter.$error.required">delimiter is required</div>
</div></br>
Infer Schema : <input type="text" ng-model="inferSchema" name="inferSchema" required >
<div ng-show="OutputForm.inferSchema.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.inferSchema.$error.required">inferSchema is required</div>
</div></br>
Quote : <input type="text" ng-model="quote" name="quote" required >
<div ng-show="OutputForm.quote.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.quote.$error.required">Quote is required</div>
</div></br>
<div ng-show="InputForm.name.$error">
<div style="color:red" ng-show="InputForm.name.$error.required">Name is required</div>
</div>
</div>
</br>
<div class="col-25">
Description :
</div>
<div class="col-75">
<input type="text" ng-model="description" name="description" required >
<div ng-show="InputForm.description.$error">
<div style="color:red" ng-show="InputForm.description.$error.required">Description is required</div>
</div>
</div> </br>
<div class="col-25">
DataFrameName:
</div>
<div class="col-75">
<input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div ng-show="InputForm.dataFrameName.$error">
<div style="color:red" ng-show="InputForm.dataFrameName.$error.required">DataFrameName is required</div>
</div>
</div>
</br>
<div class="col-25">
FileInPath :
</div>
<div class="col-75">
<input type="text" ng-model="fileInPath" name="fileInPath" required >
<div ng-show="InputForm.fileInPath.$error">
<div style="color:red" ng-show="InputForm.fileInPath.$error.required">FileInPath is required</div>
</div>
</div>
</br>
<div class="col-25">
SnakeCaseHeader :
</div>
<div class="col-75">
<input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required >
<div ng-show="InputForm.snakeCaseHeader.$error">
<div style="color:red" ng-show="InputForm.snakeCaseHeader.$error.required">SnakeCaseHeader is required</div>
</div>
</div>
</br>
<div class="col-25">
DataFormat :
</div>
<div class="col-75">
<input type="text" ng-model="dataFormat" name="dataFormat" required >
<div ng-show="InputForm.dataFormat.$error">
<div style="color:red" ng-show="InputForm.dataFormat.$error.required">DataFormat is required</div>
</div>
</div>
</br>
<div class="col-25">
Header :
</div>
<div class="col-75">
<input type="text" ng-model="header" name="header" required >
<div ng-show="InputForm.header.$error">
<div style="color:red" ng-show="InputForm.header.$error.required">header is required</div>
</div>
</div>
</br>
<div class="col-25">
Delimiter :
</div>
<div class="col-75">
<input type="text" ng-model="delimiter" name="delimiter" required >
<div ng-show="InputForm.delimiter.$error">
<div style="color:red" ng-show="InputForm.delimiter.$error.required">delimiter is required</div>
</div>
</div>
</br>
<div class="col-25">
Infer Schema :
</div>
<div class="col-75">
<input type="text" ng-model="inferSchema" name="inferSchema" required >
<div ng-show="InputForm.inferSchema.$error">
<div style="color:red" ng-show="InputForm.inferSchema.$error.required">inferSchema is required</div>
</div>
</div>
</br>
<div class="col-25">
Quote :
</div>
<div class="col-75">
<input type="text" ng-model="quote" name="quote" required >
<div ng-show="InputForm.quote.$error">
<div style="color:red" ng-show="InputForm.quote.$error.required">quote is required</div>
</div>
</div>
</br>
</br> </br>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/> <input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form> </form>
</div>
</div> </div>
<div id="check" class="green box"><form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate> <div id="check" class="green box">
<h4 >Input Form</h4> <div class="container">
Mode : <select> <form name="InputForm" id="InputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<option>Job 1</option> <h4 >Input Form</h4>
</select></br> <div class="col-25">
Name : <input type="text" ng-model="name" name="name" required > Mode :
<div ng-show="OutputForm.name.$error"> </div>
<div style="padding-left:83px;color:red" ng-show="OutputForm.name.$error.required">Name is required</div> <div class="col-75">
</div></br> <select>
Description : <input type="text" ng-model="description" name="description" required > <option>Job 1</option>
<div ng-show="OutputForm.description.$error"> </select>
<div style="padding-left:83px;color:red" ng-show="OutputForm.description.$error.required">Description is required</div> </div>
</div></br> </br></br>
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required > <div class="col-25">
<div ng-show="OutputForm.dataFrameName.$error"> Name :
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFrameName.$error.required">DataFrameName is required</div> </div>
</div></br> <div class="col-75">
FileInPath : <input type="text" ng-model="fileInPath" name="fileInPath" required > <input type="text" ng-model="name" name="name" required >
<div ng-show="OutputForm.fileInPath.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.fileInPath.$error.required">FileInPath is required</div>
</div></br>
</br>
SnakeCaseHeader : <input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required >
<div ng-show="OutputForm.snakeCaseHeader.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.snakeCaseHeader.$error.required">SnakeCaseHeader is required</div>
</div></br>
DataFormat : <input type="text" ng-model="dataFormat" name="dataFormat" required >
<div ng-show="OutputForm.dataFormat.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFormat.$error.required">DataFormat is required</div>
</div></br>
Header : <input type="text" ng-model="header" name="header" required >
<div ng-show="OutputForm.header.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.header.$error.required">header is required</div>
</div></br>
Delimiter : <input type="text" ng-model="delimiter" name="delimiter" required >
<div ng-show="OutputForm.delimiter.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.delimiter.$error.required">delimiter is required</div>
</div></br>
Infer Schema : <input type="text" ng-model="inferSchema" name="inferSchema" required >
<div ng-show="OutputForm.inferSchema.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.inferSchema.$error.required">inferSchema is required</div>
</div></br>
Quote : <input type="text" ng-model="quote" name="quote" required >
<div ng-show="OutputForm.quote.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.quote.$error.required">Quote is required</div>
</div></br>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/> <div ng-show="InputForm.name.$error">
<div style="color:red" ng-show="InputForm.name.$error.required">name is required</div>
</div>
</div>
</br>
<div class="col-25">
Description :
</div>
<div class="col-75">
<input type="text" ng-model="description" name="description" required >
<div ng-show="InputForm.description.$error">
<div style="color:red" ng-show="InputForm.description.$error.required">description is required</div>
</div>
</div> </br>
<div class="col-25">
DataFrameName:
</div>
<div class="col-75">
<input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div ng-show="InputForm.dataFrameName.$error">
<div style="color:red" ng-show="InputForm.dataFrameName.$error.required">dataFrameName is required</div>
</div>
</div>
</br>
<div class="col-25">
FileInPath :
</div>
<div class="col-75">
<input type="text" ng-model="fileInPath" name="fileInPath" required >
<div ng-show="InputForm.fileInPath.$error">
<div style="color:red" ng-show="InputForm.fileInPath.$error.required">fileInPath is required</div>
</div>
</div>
</br>
<div class="col-25">
SnakeCaseHeader :
</div>
<div class="col-75">
<input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required >
<div ng-show="InputForm.snakeCaseHeader.$error">
<div style="color:red" ng-show="InputForm.snakeCaseHeader.$error.required">snakeCaseHeader is required</div>
</div>
</div>
</br>
<div class="col-25">
DataFormat :
</div>
<div class="col-75">
<input type="text" ng-model="dataFormat" name="dataFormat" required >
<div ng-show="InputForm.dataFormat.$error">
<div style="color:red" ng-show="InputForm.dataFormat.$error.required">dataFormat is required</div>
</div>
</div>
</br>
<div class="col-25">
Header :
</div>
<div class="col-75">
<input type="text" ng-model="header" name="header" required >
<div ng-show="InputForm.header.$error">
<div style="color:red" ng-show="InputForm.header.$error.required">header is required</div>
</div>
</div>
</br>
<div class="col-25">
Delimiter :
</div>
<div class="col-75">
<input type="text" ng-model="delimiter" name="delimiter" required >
<div ng-show="InputForm.delimiter.$error">
<div style="color:red" ng-show="InputForm.delimiter.$error.required">delimiter is required</div>
</div>
</div>
</br>
<div class="col-25">
Infer Schema :
</div>
<div class="col-75">
<input type="text" ng-model="inferSchema" name="inferSchema" required >
<div ng-show="InputForm.inferSchema.$error">
<div style="color:red" ng-show="InputForm.inferSchema.$error.required">inferSchema is required</div>
</div>
</div>
</br>
<div class="col-25">
Quote :
</div>
<div class="col-75">
<input type="text" ng-model="quote" name="quote" required >
<div ng-show="InputForm.quote.$error">
<div style="color:red" ng-show="InputForm.quote.$error.required">quote is required</div>
</div>
</div>
</br>
</form> <input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form>
</div>
<div class="container">
<form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate> <form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Output Form- I</h4> <h4 >Output Form-I</h4>
Mode : <select> <div class="col-25">
<option>Job 1</option> Mode :
</select></br> </div>
Name : <input type="text" ng-model="name" name="name" required > <div class="col-75">
<div ng-show="OutputForm.name.$error"> <select>
<div style="padding-left:83px;color:red" ng-show="OutputForm.name.$error.required">Name is required</div> <option>Job 1</option>
</div></br> </select>
Description : <input type="text" ng-model="description" name="description" required > </div>
<div ng-show="OutputForm.description.$error"> </br></br>
<div style="padding-left:83px;color:red" ng-show="OutputForm.description.$error.required">Description is required</div> <div class="col-25">
</div></br> Name :
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required > </div>
<div ng-show="OutputForm.dataFrameName.$error"> <div class="col-75">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFrameName.$error.required">DataFrameName is required</div> <input type="text" ng-model="name" name="name" required >
</div></br>
FileInPath : <input type="text" ng-model="fileInPath" name="fileInPath" required > <div ng-show="InputForm.name.$error">
<div ng-show="OutputForm.fileInPath.$error"> <div style="color:red" ng-show="InputForm.name.$error.required">name is required</div>
<div style="padding-left:83px;color:red" ng-show="OutputForm.fileInPath.$error.required">FileInPath is required</div> </div>
</div></br> </div>
</br> </br>
SnakeCaseHeader : <input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required > <div class="col-25">
<div ng-show="OutputForm.snakeCaseHeader.$error"> Description :
<div style="padding-left:83px;color:red" ng-show="OutputForm.snakeCaseHeader.$error.required">SnakeCaseHeader is required</div> </div>
</div></br> <div class="col-75">
DataFormat : <input type="text" ng-model="dataFormat" name="dataFormat" required > <input type="text" ng-model="description" name="description" required >
<div ng-show="OutputForm.dataFormat.$error"> <div ng-show="InputForm.description.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFormat.$error.required">DataFormat is required</div> <div style="color:red" ng-show="InputForm.description.$error.required">description is required</div>
</div></br> </div>
Header : <input type="text" ng-model="header" name="header" required > </div> </br>
<div ng-show="OutputForm.header.$error"> <div class="col-25">
<div style="padding-left:83px;color:red" ng-show="OutputForm.header.$error.required">header is required</div> DataFrameName:
</div></br> </div>
Delimiter : <input type="text" ng-model="delimiter" name="delimiter" required > <div class="col-75">
<div ng-show="OutputForm.delimiter.$error"> <input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div style="padding-left:83px;color:red" ng-show="OutputForm.delimiter.$error.required">delimiter is required</div> <div ng-show="InputForm.dataFrameName.$error">
</div></br> <div style="color:red" ng-show="InputForm.dataFrameName.$error.required">dataFrameName is required</div>
Infer Schema : <input type="text" ng-model="inferSchema" name="inferSchema" required > </div>
<div ng-show="OutputForm.inferSchema.$error"> </div>
<div style="padding-left:83px;color:red" ng-show="OutputForm.inferSchema.$error.required">inferSchema is required</div> </br>
</div></br> <div class="col-25">
Quote : <input type="text" ng-model="quote" name="quote" required > FileInPath :
<div ng-show="OutputForm.quote.$error"> </div>
<div style="padding-left:83px;color:red" ng-show="OutputForm.quote.$error.required">Quote is required</div> <div class="col-75">
</div></br> <input type="text" ng-model="fileInPath" name="fileInPath" required >
<div ng-show="InputForm.fileInPath.$error">
<div style="color:red" ng-show="InputForm.fileInPath.$error.required">fileInPath is required</div>
</div>
</div>
</br>
<div class="col-25">
SnakeCaseHeader :
</div>
<div class="col-75">
<input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required >
<div ng-show="InputForm.snakeCaseHeader.$error">
<div style="color:red" ng-show="InputForm.snakeCaseHeader.$error.required">snakeCaseHeader is required</div>
</div>
</div>
</br>
<div class="col-25">
DataFormat :
</div>
<div class="col-75">
<input type="text" ng-model="dataFormat" name="dataFormat" required >
<div ng-show="InputForm.dataFormat.$error">
<div style="color:red" ng-show="InputForm.dataFormat.$error.required">dataFormat is required</div>
</div>
</div>
</br>
<div class="col-25">
Header :
</div>
<div class="col-75">
<input type="text" ng-model="header" name="header" required >
<div ng-show="InputForm.header.$error">
<div style="color:red" ng-show="InputForm.header.$error.required">header is required</div>
</div>
</div>
</br>
<div class="col-25">
Delimiter :
</div>
<div class="col-75">
<input type="text" ng-model="delimiter" name="delimiter" required >
<div ng-show="InputForm.delimiter.$error">
<div style="color:red" ng-show="InputForm.delimiter.$error.required">delimiter is required</div>
</div>
</div>
</br>
<div class="col-25">
Infer Schema :
</div>
<div class="col-75">
<input type="text" ng-model="inferSchema" name="inferSchema" required >
<div ng-show="InputForm.inferSchema.$error">
<div style="color:red" ng-show="InputForm.inferSchema.$error.required">inferSchema is required</div>
</div>
</div>
</br>
<div class="col-25">
Quote :
</div>
<div class="col-75">
<input type="text" ng-model="quote" name="quote" required >
<div ng-show="InputForm.quote.$error">
<div style="color:red" ng-show="InputForm.quote.$error.required">quote is required</div>
</div>
</div>
</br>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/> <input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form> </form>
</div>
<div class="container">
<form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate> <form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Output Form -II</h4> <h4 >Output Form-II</h4>
Mode : <select> <div class="col-25">
<option>Job 1</option> Mode :
</select></br> </div>
Name : <input type="text" ng-model="name" name="name" required > <div class="col-75">
<div ng-show="OutputForm.name.$error"> <select>
<div style="padding-left:83px;color:red" ng-show="OutputForm.name.$error.required">Name is required</div> <option>Job 1</option>
</div></br> </select>
Description : <input type="text" ng-model="description" name="description" required > </div>
<div ng-show="OutputForm.description.$error"> </br></br>
<div style="padding-left:83px;color:red" ng-show="OutputForm.description.$error.required">Description is required</div> <div class="col-25">
</div></br> Name :
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required > </div>
<div ng-show="OutputForm.dataFrameName.$error"> <div class="col-75">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFrameName.$error.required">DataFrameName is required</div> <input type="text" ng-model="name" name="name" required >
</div></br>
FileInPath : <input type="text" ng-model="fileInPath" name="fileInPath" required > <div ng-show="InputForm.name.$error">
<div ng-show="OutputForm.fileInPath.$error"> <div style="color:red" ng-show="InputForm.name.$error.required">name is required</div>
<div style="padding-left:83px;color:red" ng-show="OutputForm.fileInPath.$error.required">FileInPath is required</div> </div>
</div></br> </div>
</br> </br>
SnakeCaseHeader : <input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required > <div class="col-25">
<div ng-show="OutputForm.snakeCaseHeader.$error"> Description :
<div style="padding-left:83px;color:red" ng-show="OutputForm.snakeCaseHeader.$error.required">SnakeCaseHeader is required</div> </div>
</div></br> <div class="col-75">
DataFormat : <input type="text" ng-model="dataFormat" name="dataFormat" required > <input type="text" ng-model="description" name="description" required >
<div ng-show="OutputForm.dataFormat.$error"> <div ng-show="InputForm.description.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFormat.$error.required">DataFormat is required</div> <div style="color:red" ng-show="InputForm.description.$error.required">description is required</div>
</div></br> </div>
Header : <input type="text" ng-model="header" name="header" required > </div> </br>
<div ng-show="OutputForm.header.$error"> <div class="col-25">
<div style="padding-left:83px;color:red" ng-show="OutputForm.header.$error.required">header is required</div> DataFrameName:
</div></br> </div>
Delimiter : <input type="text" ng-model="delimiter" name="delimiter" required > <div class="col-75">
<div ng-show="OutputForm.delimiter.$error"> <input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div style="padding-left:83px;color:red" ng-show="OutputForm.delimiter.$error.required">delimiter is required</div> <div ng-show="InputForm.dataFrameName.$error">
</div></br> <div style="color:red" ng-show="InputForm.dataFrameName.$error.required">dataFrameName is required</div>
Infer Schema : <input type="text" ng-model="inferSchema" name="inferSchema" required > </div>
<div ng-show="OutputForm.inferSchema.$error"> </div>
<div style="padding-left:83px;color:red" ng-show="OutputForm.inferSchema.$error.required">inferSchema is required</div> </br>
</div></br> <div class="col-25">
Quote : <input type="text" ng-model="quote" name="quote" required > FileInPath :
<div ng-show="OutputForm.quote.$error"> </div>
<div style="padding-left:83px;color:red" ng-show="OutputForm.quote.$error.required">Quote is required</div> <div class="col-75">
</div></br> <input type="text" ng-model="fileInPath" name="fileInPath" required >
<div ng-show="InputForm.fileInPath.$error">
<div style="color:red" ng-show="InputForm.fileInPath.$error.required">fileInPath is required</div>
</div>
</div>
</br>
<div class="col-25">
SnakeCaseHeader :
</div>
<div class="col-75">
<input type="text" ng-model="snakeCaseHeader" name="snakeCaseHeader" required >
<div ng-show="InputForm.snakeCaseHeader.$error">
<div style="color:red" ng-show="InputForm.snakeCaseHeader.$error.required">snakeCaseHeader is required</div>
</div>
</div>
</br>
<div class="col-25">
DataFormat :
</div>
<div class="col-75">
<input type="text" ng-model="dataFormat" name="dataFormat" required >
<div ng-show="InputForm.dataFormat.$error">
<div style="color:red" ng-show="InputForm.dataFormat.$error.required">dataFormat is required</div>
</div>
</div>
</br>
<div class="col-25">
Header :
</div>
<div class="col-75">
<input type="text" ng-model="header" name="header" required >
<div ng-show="InputForm.header.$error">
<div style="color:red" ng-show="InputForm.header.$error.required">header is required</div>
</div>
</div>
</br>
<div class="col-25">
Delimiter :
</div>
<div class="col-75">
<input type="text" ng-model="delimiter" name="delimiter" required >
<div ng-show="InputForm.delimiter.$error">
<div style="color:red" ng-show="InputForm.delimiter.$error.required">delimiter is required</div>
</div>
</div>
</br>
<div class="col-25">
Infer Schema :
</div>
<div class="col-75">
<input type="text" ng-model="inferSchema" name="inferSchema" required >
<div ng-show="InputForm.inferSchema.$error">
<div style="color:red" ng-show="InputForm.inferSchema.$error.required">inferSchema is required</div>
</div>
</div>
</br>
<div class="col-25">
Quote :
</div>
<div class="col-75">
<input type="text" ng-model="quote" name="quote" required >
<div ng-show="InputForm.quote.$error">
<div style="color:red" ng-show="InputForm.quote.$error.required">quote is required</div>
</div>
</div>
</br>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/> <input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form> </form>
</div>
</div> </div>
<div id="check" class="box">You have selected <strong>blue option</strong> so i am here</div> <div id="check" class="box">You have selected <strong>blue option</strong> so i am here</div>
</body> </body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment