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
Show whitespace changes
Inline Side-by-side
Showing with 598 additions and 272 deletions
javaingestioninputoutput.html
View file @ b0b6f78e
......@@ -6,18 +6,58 @@
<title>jQuery Show Hide Elements Using Select Box</title>
<style>
.box {
color: #fff;
color: #000;
padding: 20px;
display: none;
margin-top: 20px;
}
.red {
background: #ff0000;
.container {
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;
}
input[type=button]:hover {
background-color: #45a049;
}
input[type=text], select, textarea {
width: 30%;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
}
.green {
background: #228B22;
@media screen and (max-width: 600px) {
.col-25, .col-75, input[type=button] {
width: 100%;
margin-top: 0;
}
}
.blue {
......@@ -40,53 +80,6 @@
}).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>
......@@ -96,266 +89,599 @@ $scope.headers = response.headers();
<div>
<select>
<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="blue">Default</option>
<option value="blue">Output Form-2</option>
</select>
</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>
<h4 >Input Form</h4>
Mode : <select>
<div class="col-25">
Mode :
</div>
<div class="col-75">
<select>
<option>Job 1</option>
</select>
</br>
Name : <input type="text" ng-model="name" name="name" required >
</div>
</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 style="padding-left:83px;color:red" ng-show="InputForm.name.$error.required">Name is required</div>
</div></br>
Description : <input type="text" ng-model="description" name="description" required >
<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="padding-left:83px;color:red" ng-show="InputForm.description.$error.required">Description is required</div>
</div></br>
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<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="padding-left:83px;color:red" ng-show="InputForm.dataFrameName.$error.required">DataFrameName is required</div>
</div></br>
FileInPath : <input type="text" ng-model="fileInPath" name="fileInPath" required >
<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="padding-left:83px;color:red" ng-show="InputForm.fileInPath.$error.required">FileInPath is required</div>
</div></br>
<div style="color:red" ng-show="InputForm.fileInPath.$error.required">fileInPath is required</div>
</div>
</div>
</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 style="padding-left:83px;color:red" ng-show="InputForm.snakeCaseHeader.$error.required">SnakeCaseHeader is required</div>
</div></br>
DataFormat : <input type="text" ng-model="dataFormat" name="dataFormat" required >
<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="padding-left:83px;color:red" ng-show="InputForm.dataFormat.$error.required">DataFormat is required</div>
</div></br>
Header : <input type="text" ng-model="header" name="header" required >
<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="padding-left:83px;color:red" ng-show="InputForm.header.$error.required">header is required</div>
</div></br>
Delimiter : <input type="text" ng-model="delimiter" name="delimiter" required >
<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="padding-left:83px;color:red" ng-show="InputForm.delimiter.$error.required">delimiter is required</div>
</div></br>
Infer Schema : <input type="text" ng-model="inferSchema" name="inferSchema" required >
<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="padding-left:83px;color:red" ng-show="InputForm.inferSchema.$error.required">inferSchema is required</div>
</div></br>
Quote : <input type="text" ng-model="quote" name="quote" required >
<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="padding-left:83px;color:red" ng-show="InputForm.quote.$error.required">Quote is required</div>
</div></br>
<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/>
</form>
</div>
<div class="container">
<form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Output Form</h4>
Mode : <select>
<div class="col-25">
Mode :
</div>
<div class="col-75">
<select>
<option>Job 1</option>
</select></br>
Name : <input type="text" ng-model="name" name="name" required >
<div ng-show="OutputForm.name.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.name.$error.required">Name is required</div>
</div></br>
Description : <input type="text" ng-model="description" name="description" required >
<div ng-show="OutputForm.description.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.description.$error.required">Description is required</div>
</div></br>
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div ng-show="OutputForm.dataFrameName.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFrameName.$error.required">DataFrameName is required</div>
</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>
</select>
</div>
</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 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/>
</form>
</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">
<div class="container">
<form name="InputForm" id="InputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Input Form</h4>
Mode : <select>
<div class="col-25">
Mode :
</div>
<div class="col-75">
<select>
<option>Job 1</option>
</select></br>
Name : <input type="text" ng-model="name" name="name" required >
<div ng-show="OutputForm.name.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.name.$error.required">Name is required</div>
</div></br>
Description : <input type="text" ng-model="description" name="description" required >
<div ng-show="OutputForm.description.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.description.$error.required">Description is required</div>
</div></br>
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div ng-show="OutputForm.dataFrameName.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFrameName.$error.required">DataFrameName is required</div>
</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>
</select>
</div>
</br></br>
<div class="col-25">
Name :
</div>
<div class="col-75">
<input type="text" ng-model="name" name="name" required >
<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>
<h4 >Output Form- I</h4>
Mode : <select>
<h4 >Output Form-I</h4>
<div class="col-25">
Mode :
</div>
<div class="col-75">
<select>
<option>Job 1</option>
</select></br>
Name : <input type="text" ng-model="name" name="name" required >
<div ng-show="OutputForm.name.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.name.$error.required">Name is required</div>
</div></br>
Description : <input type="text" ng-model="description" name="description" required >
<div ng-show="OutputForm.description.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.description.$error.required">Description is required</div>
</div></br>
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div ng-show="OutputForm.dataFrameName.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFrameName.$error.required">DataFrameName is required</div>
</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>
</select>
</div>
</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 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>
<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>
<h4 >Output Form -II</h4>
Mode : <select>
<h4 >Output Form-II</h4>
<div class="col-25">
Mode :
</div>
<div class="col-75">
<select>
<option>Job 1</option>
</select></br>
Name : <input type="text" ng-model="name" name="name" required >
<div ng-show="OutputForm.name.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.name.$error.required">Name is required</div>
</div></br>
Description : <input type="text" ng-model="description" name="description" required >
<div ng-show="OutputForm.description.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.description.$error.required">Description is required</div>
</div></br>
DataFrameName: <input type="text" ng-model="dataFrameName" name="dataFrameName" required >
<div ng-show="OutputForm.dataFrameName.$error">
<div style="padding-left:83px;color:red" ng-show="OutputForm.dataFrameName.$error.required">DataFrameName is required</div>
</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>
</select>
</div>
</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 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>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form>
</div>
</div>
<div id="check" class="box">You have selected <strong>blue option</strong> so i am here</div>
</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