Skip to content

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

front end changes for java ingestion framework-ui

parents
Hide whitespace changes
Inline Side-by-side
Showing with 364 additions and 0 deletions
javaingestioninputoutput.html 0 → 100644
View file @ a597020f
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Show Hide Elements Using Select Box</title>
<style>
.box {
color: #fff;
padding: 20px;
display: none;
margin-top: 20px;
}
.red {
background: #ff0000;
}
.green {
background: #228B22;
}
.blue {
background: #0000ff;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function() {
$("select").change(function() {
$(this).find("option:selected").each(function() {
var optionValue = $(this).attr("value");
if (optionValue) {
$(".box").not("." + optionValue).hide();
$("." + optionValue).show();
} else {
$(".box").hide();
}
});
}).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>
</head>
<body>
<div>
<select>
<option>Choose Type</option>
<option value="red">Single Input Single Output Form</option>
<option value="green">Single Input Multiple Output Form</option>
<option value="blue">Default</option>
</select>
</div>
<div id="check" class="red box">
<form name="InputForm" id="InputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Input Form</h4>
Mode : <select>
<option>Job 1</option>
</select>
</br>
Name : <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 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 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 ng-show="InputForm.fileInPath.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.fileInPath.$error.required">FileInPath is required</div>
</div></br>
</br>
SnakeCaseHeader : <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 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 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 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 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 ng-show="InputForm.quote.$error">
<div style="padding-left:83px;color:red" ng-show="InputForm.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/>
</form>
<form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Output Form</h4>
Mode : <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>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form>
</div>
<div id="check" class="green box"><form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Input Form</h4>
Mode : <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>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form>
<form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Output Form- I</h4>
Mode : <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>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form>
<form name="OutputForm" id="OutputForm" ng-submit="postdata(name, lastName, email,mobile,password)" novalidate>
<h4 >Output Form -II</h4>
Mode : <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>
<input type="button" value="Submit" ng-click="postdata(name, description, dataFrameName,fileInPath,snakeCaseHeader,dataFormat,header,delimiter,inferSchema,quote)" /> <br/><br/>
</form>
</div>
<div id="check" class="box">You have selected <strong>blue option</strong> so i am here</div>
</body>
</html>
\ No newline at end of file
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