R11/release11-tools-mocked-services
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Header table now triggers modified status

Browse Source
This commit is contained in:
Gabriel Modzelewski
2021-04-15 17:08:00 +02:00
parent e94f533554
commit ea19c5bb69
8 changed files with 30 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/resources/static/css/commons/r11form.css
View File

@@ -187,6 +187,10 @@ body {
pointer-events: none;
}
.tile.active .btn-tile {
opacity: 0;
}
.tile .content {
position: absolute;
left: 0;

4
src/main/resources/static/html/mock.html
View File

@@ -3,12 +3,8 @@
<head>
<title>R11 MockedServices</title>
<meta charset="utf-8">
<!-- TODO: Remove dependency -->
<!-- <link rel="stylesheet" href="/Dependency/fontello-plus/css/fontello.css" type="text/css"/> -->
<link rel="stylesheet" href="/css/modal.css" type="text/css">
<link rel="stylesheet" href="/css/commons/r11form.css" type="text/css">
<!-- <link rel="preconnect" href="https://fonts.gstatic.com"> -->
<!-- <link href="https://fonts.googleapis.com/css2?family=Acme&family=Josefin+Slab:wght@500&display=swap" rel="stylesheet"> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

24
src/main/resources/static/js/datatransfer.js
View File

@@ -1,6 +1,3 @@
//TODO: Add delete buttons for messages
// TODO: Add function to add row
// TODO: Add remove closest tr function to header rows
var clientUUID = '';
var advancedDisplayed = false;
var json = {};
@@ -226,10 +223,15 @@ function createLink(uuid, id){
function fillHeaderTable(headers){
var innerHTML = buildHeaderMapHtml(headers);
$('#headerMapTable').html(innerHTML);
$('.tableField').change(function(){setDataModified()});
refreshHeaderTable(innerHTML);
}
function refreshHeaderTable(html){
$('#headerMapTable').html(html);
$('.table-map').change(function(){setDataModified()});
$('.btn-hashmap').click(function(){
$(this).closest('tr').remove();
setDataModified();
})
}
@@ -241,14 +243,11 @@ function buildHeaderMapHtml(headers){
return innerHTML;
}
// TODO: Add this click remove closest tr
function addRow(key, value){
var headerMap = $('#headerMapTable');
var headersMapHtml = headerMap.html();
headersMapHtml += buildRowHtml(key, value);
headerMap.html(headersMapHtml);
refreshHeaderTable(headersMapHtml);
}
const newRowInput = function(){
@@ -258,6 +257,7 @@ const newRowInput = function(){
addRow(hName.val(), hValue.val());
hName.val(null);
hValue.val(null);
setDataModified();
}
}
@@ -270,8 +270,8 @@ function checkIfInputValid(input){
function buildRowHtml(key, value){
return '' +
'<tr>' +
'<td><input class="key" value="' + key + '"></td>' +
'<td><input value="' + value + '"></td>' +
'<td><input class="key data-field" value="' + key + '"></td>' +
'<td><input class="data-field" value="' + value + '"></td>' +
'<td><button class="modification-button btn-hashmap"><i class="icon-cancel"></i></button></td>' +
'</tr>';
}
@@ -299,8 +299,6 @@ function fillMessageList(){
})
}
//TODO: Implement methods where its possible
function findJsonById(id){
return json[findJsonIndexById(id)];
}

1
src/main/resources/static/js/modal.js
View File

@@ -11,7 +11,6 @@ const dataLossModalYes = dataLossModal.children().eq(2).children().eq(0);
const dataLossModalNo = dataLossModal.children().eq(2).children().eq(1);
const allModals = $('.modal');
const btnModalClose = $('.modal button');
//TODO: Implement in datatransfer
const closeModals = function() {
hideModal(allModals);
}

4
target/classes/static/css/commons/r11form.css
View File

@@ -187,6 +187,10 @@ body {
pointer-events: none;
}
.tile.active .btn-tile {
opacity: 0;
}
.tile .content {
position: absolute;
left: 0;

4
target/classes/static/html/mock.html
View File

@@ -3,12 +3,8 @@
<head>
<title>R11 MockedServices</title>
<meta charset="utf-8">
<!-- TODO: Remove dependency -->
<!-- <link rel="stylesheet" href="/Dependency/fontello-plus/css/fontello.css" type="text/css"/> -->
<link rel="stylesheet" href="/css/modal.css" type="text/css">
<link rel="stylesheet" href="/css/commons/r11form.css" type="text/css">
<!-- <link rel="preconnect" href="https://fonts.gstatic.com"> -->
<!-- <link href="https://fonts.googleapis.com/css2?family=Acme&family=Josefin+Slab:wght@500&display=swap" rel="stylesheet"> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

24
target/classes/static/js/datatransfer.js
View File

@@ -1,6 +1,3 @@
//TODO: Add delete buttons for messages
// TODO: Add function to add row
// TODO: Add remove closest tr function to header rows
var clientUUID = '';
var advancedDisplayed = false;
var json = {};
@@ -226,10 +223,15 @@ function createLink(uuid, id){
function fillHeaderTable(headers){
var innerHTML = buildHeaderMapHtml(headers);
$('#headerMapTable').html(innerHTML);
$('.tableField').change(function(){setDataModified()});
refreshHeaderTable(innerHTML);
}
function refreshHeaderTable(html){
$('#headerMapTable').html(html);
$('.table-map').change(function(){setDataModified()});
$('.btn-hashmap').click(function(){
$(this).closest('tr').remove();
setDataModified();
})
}
@@ -241,14 +243,11 @@ function buildHeaderMapHtml(headers){
return innerHTML;
}
// TODO: Add this click remove closest tr
function addRow(key, value){
var headerMap = $('#headerMapTable');
var headersMapHtml = headerMap.html();
headersMapHtml += buildRowHtml(key, value);
headerMap.html(headersMapHtml);
refreshHeaderTable(headersMapHtml);
}
const newRowInput = function(){
@@ -258,6 +257,7 @@ const newRowInput = function(){
addRow(hName.val(), hValue.val());
hName.val(null);
hValue.val(null);
setDataModified();
}
}
@@ -270,8 +270,8 @@ function checkIfInputValid(input){
function buildRowHtml(key, value){
return '' +
'<tr>' +
'<td><input class="key" value="' + key + '"></td>' +
'<td><input value="' + value + '"></td>' +
'<td><input class="key data-field" value="' + key + '"></td>' +
'<td><input class="data-field" value="' + value + '"></td>' +
'<td><button class="modification-button btn-hashmap"><i class="icon-cancel"></i></button></td>' +
'</tr>';
}
@@ -299,8 +299,6 @@ function fillMessageList(){
})
}
//TODO: Implement methods where its possible
function findJsonById(id){
return json[findJsonIndexById(id)];
}

1
target/classes/static/js/modal.js
View File

@@ -11,7 +11,6 @@ const dataLossModalYes = dataLossModal.children().eq(2).children().eq(0);
const dataLossModalNo = dataLossModal.children().eq(2).children().eq(1);
const allModals = $('.modal');
const btnModalClose = $('.modal button');
//TODO: Implement in datatransfer
const closeModals = function() {
hideModal(allModals);
}