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

Save button responds to change. Data updated

Browse Source
This commit is contained in:
Gabriel Modzelewski
2021-04-14 14:06:57 +02:00
parent 33427792f5
commit fb1c08fd5d
4 changed files with 14 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -38,7 +38,7 @@
<!-- status -->
<div class="max-width small-vertical-margin">
<label for="httpStatus">Http Status</label>
<input id="httpStatus" class="bordered-field max-width" type="text" value="200" list="httpStatusSuggestion">
<input id="httpStatus" class="bordered-field max-width data-field" type="text" value="200" list="httpStatusSuggestion">
<datalist id="httpStatusSuggestion">
<option value="200">
<option value="300">
@@ -51,7 +51,7 @@
<!-- content type -->
<div class="max-width small-vertical-margin">
<label for="typeSelector">Content Type</label>
<input id="typeSelector" class="bordered-field max-width" type="text" value="application/xml" list="contentTypes">
<input id="typeSelector" class="bordered-field max-width data-field" type="text" value="application/xml" list="contentTypes">
<datalist id="contentTypes">
<option value="application/xml">
<option value="application/json">
@@ -59,12 +59,12 @@
</datalist>
</div>
</div>
<button class="small-margins half-width with-padding action-button active">Save</button>
<button id="btn-save" class="small-margins half-width with-padding action-button">Save</button>
</div>
<!-- body -->
<div class="small-vertical-margin">
<label for="bodyEditor">Body</label>
<textarea id="bodyEditor" class="bordered-field max-width with-padding height-300 vertically-resizeable"></textarea>
<textarea id="bodyEditor" class="data-field bordered-field max-width with-padding height-300 vertically-resizeable"></textarea>
</div>
<!-- show/hide -->
<div id="optional" class="clickable-text highlight">

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

@@ -64,18 +64,16 @@ function getDomain(){
function setDataModified(){
if(dataModified) return;
dataModified = true;
$('#btn-save').removeClass('btn-inactive');
$('#btn-save').addClass('btn-action');
$('#btn-save').addClass('active');
$('#btn-save').click(getUpdate);
}
//Adding change listener to fields
$('.field').change(setModified);
$('.data-field').change(setModified);
function setDataOrigin(){
dataModified = false;
$('#btn-save').addClass('btn-inactive');
$('#btn-save').removeClass('btn-action');
$('#btn-save').removeClass('active');
$('#btn-save').off();
}

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

@@ -38,7 +38,7 @@
<!-- status -->
<div class="max-width small-vertical-margin">
<label for="httpStatus">Http Status</label>
<input id="httpStatus" class="bordered-field max-width" type="text" value="200" list="httpStatusSuggestion">
<input id="httpStatus" class="bordered-field max-width data-field" type="text" value="200" list="httpStatusSuggestion">
<datalist id="httpStatusSuggestion">
<option value="200">
<option value="300">
@@ -51,7 +51,7 @@
<!-- content type -->
<div class="max-width small-vertical-margin">
<label for="typeSelector">Content Type</label>
<input id="typeSelector" class="bordered-field max-width" type="text" value="application/xml" list="contentTypes">
<input id="typeSelector" class="bordered-field max-width data-field" type="text" value="application/xml" list="contentTypes">
<datalist id="contentTypes">
<option value="application/xml">
<option value="application/json">
@@ -59,12 +59,12 @@
</datalist>
</div>
</div>
<button class="small-margins half-width with-padding action-button active">Save</button>
<button id="btn-save" class="small-margins half-width with-padding action-button">Save</button>
</div>
<!-- body -->
<div class="small-vertical-margin">
<label for="bodyEditor">Body</label>
<textarea id="bodyEditor" class="bordered-field max-width with-padding height-300 vertically-resizeable"></textarea>
<textarea id="bodyEditor" class="data-field bordered-field max-width with-padding height-300 vertically-resizeable"></textarea>
</div>
<!-- show/hide -->
<div id="optional" class="clickable-text highlight">

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

@@ -64,18 +64,16 @@ function getDomain(){
function setDataModified(){
if(dataModified) return;
dataModified = true;
$('#btn-save').removeClass('btn-inactive');
$('#btn-save').addClass('btn-action');
$('#btn-save').addClass('active');
$('#btn-save').click(getUpdate);
}
//Adding change listener to fields
$('.field').change(setModified);
$('.data-field').change(setModified);
function setDataOrigin(){
dataModified = false;
$('#btn-save').addClass('btn-inactive');
$('#btn-save').removeClass('btn-action');
$('#btn-save').removeClass('active');
$('#btn-save').off();
}
@@ -306,9 +304,6 @@ function fillMessageList(){
$('.tile').click(function() {
console.log(this);
loadMessage(parseInt($(this).attr('tileid')));
// console.log(e.target);
// const id = parseInt(e.target.tileid);
// loadMessage(id);
});
// $('.btn-tile').click(tileRemoval);
}