Sammlung
This commit is contained in:
54
Sammlung/Praktikum/3/ias_p2_a0.21/js/view/viewAuktion.js
Normal file
54
Sammlung/Praktikum/3/ias_p2_a0.21/js/view/viewAuktion.js
Normal file
@ -0,0 +1,54 @@
|
||||
//ajax krempel hier hin pasten von main.js
|
||||
|
||||
function viewLetzteAuktion(los_nr){
|
||||
try{
|
||||
var markup = '<p>' + charge_data[(Number(los_nr) - 1)]['beschreibung'] + '</p>' +
|
||||
'<p>verkauft f<>r: ' + charge_data[(Number(los_nr) - 1)]['vkPreis'] + '</p>';
|
||||
|
||||
$('#letzteAuktion').html(markup);
|
||||
}
|
||||
catch(e){
|
||||
$('#letzteAuktion').html('<p>keine Auktion beendet</p>');
|
||||
}
|
||||
};
|
||||
|
||||
function viewNaechsteAuktion(los_nr){
|
||||
try{
|
||||
var markup = '<p>' + charge_data[(Number(los_nr) + 1)]['beschreibung'] + '</p>' +
|
||||
'<p>Startpreis: ' + charge_data[(Number(los_nr) + 1)]['startPreis'] + '</p>';
|
||||
|
||||
$('#naechsteAuktion').html(markup);
|
||||
}
|
||||
catch(e){
|
||||
$('#naechsteAuktion').html('<p>letzte Auktion l<>uft bereits!</p>');
|
||||
}
|
||||
};
|
||||
|
||||
function viewAktuelleAuktion(los_nr){
|
||||
try{
|
||||
var markup = '<p>' + charge_data[los_nr]['beschreibung'] + '</p>' +
|
||||
'<p>aktueller Preis: ' + charge_data[los_nr]['vkPreis'] + '</p>';
|
||||
|
||||
$('#aktuelleAuktion').html(markup);
|
||||
}
|
||||
catch(e){
|
||||
$('#aktuelleAuktion').html('<p>aktuell keine Auktionen eingestellt</p>');
|
||||
}
|
||||
};
|
||||
|
||||
function viewCanvasData(los_nr){
|
||||
try{
|
||||
renderCanvas((charge_data[los_nr]['auktionDauer'] - charge_data[los_nr]['auktionLaufzeit']),(((charge_data[los_nr]['auktionDauer'] - charge_data[los_nr]['auktionLaufzeit']) / charge_data[los_nr]['auktionDauer']) * 360));
|
||||
}
|
||||
catch(e){
|
||||
$('#canvas').html('<p>aktuell keine Auktionen eingestellt</p>');
|
||||
}
|
||||
}
|
||||
function viewAuktionen(){
|
||||
$.get('templates/html/auktionsansicht.html', function(markup){
|
||||
$('#content').html(markup);
|
||||
})
|
||||
|
||||
var los_nr = document.getElementById('los_nr').value;
|
||||
los(los_nr);
|
||||
};
|
96
Sammlung/Praktikum/3/ias_p2_a0.21/js/view/viewCanvas.js
Normal file
96
Sammlung/Praktikum/3/ias_p2_a0.21/js/view/viewCanvas.js
Normal file
@ -0,0 +1,96 @@
|
||||
function deg2Rad(degree){
|
||||
var factor = Math.PI/180;
|
||||
return degree * factor;
|
||||
};
|
||||
|
||||
function degreeConverter(degree){
|
||||
if(degree > 0){
|
||||
degree--;
|
||||
}
|
||||
else{
|
||||
degree = 1;
|
||||
}
|
||||
return degree;
|
||||
};
|
||||
|
||||
function color8Tor(requestType, degree){
|
||||
switch(requestType){
|
||||
case 'strokeStyle':
|
||||
if(degree > 180){
|
||||
return 'green';
|
||||
}
|
||||
if(degree <= 181 && degree > 120){
|
||||
return 'yellow';
|
||||
}
|
||||
if(degree <= 121 && degree > 37){
|
||||
return 'orange';
|
||||
}
|
||||
if(degree <= 36){
|
||||
return 'red';
|
||||
}
|
||||
break;
|
||||
case 'shadowColor':
|
||||
if(degree > 180){
|
||||
return 'lightgreen';
|
||||
}
|
||||
if(degree <= 181 && degree > 120){
|
||||
return 'blue';
|
||||
}
|
||||
if(degree <= 121 && degree > 60){
|
||||
return 'orange';
|
||||
}
|
||||
if(degree <= 61){
|
||||
return 'red';
|
||||
}
|
||||
break;
|
||||
case 'fillStyle':
|
||||
if(degree > 180){
|
||||
return 'green';
|
||||
}
|
||||
if(degree <= 181 && degree > 120){
|
||||
return 'yellow';
|
||||
}
|
||||
if(degree <= 121 && degree > 37){
|
||||
return 'orange';
|
||||
}
|
||||
if(degree <= 36){
|
||||
return 'red';
|
||||
}
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
function renderCanvas(countDown, degree){
|
||||
var canvas = document.getElementById('canvas');
|
||||
var ctx = canvas.getContext('2d');
|
||||
|
||||
//ctx.strokeStyle = 'green';
|
||||
ctx.strokeStyle = color8Tor('strokeStyle', degree);
|
||||
ctx.lineWidth = 17;
|
||||
ctx.lineCap = 'round';
|
||||
ctx.shadowBlur = 15;
|
||||
//ctx.shadowColor = 'lightgreen';
|
||||
ctx.shadowColor = color8Tor('shadowColor', degree);
|
||||
|
||||
|
||||
|
||||
gradient = ctx.createRadialGradient(150, 150, 5, 150, 150, 100);
|
||||
gradient.addColorStop(0, 'lightblue');
|
||||
gradient.addColorStop(1, 'white');
|
||||
ctx.fillStyle = gradient;
|
||||
|
||||
|
||||
ctx.fillRect(0, 0, 300, 300);
|
||||
|
||||
ctx.beginPath();
|
||||
|
||||
degree = degreeConverter(degree);
|
||||
ctx.arc(150, 150, 100, deg2Rad(270), deg2Rad(degree - 90));
|
||||
|
||||
ctx.stroke();
|
||||
|
||||
ctx.font = "30px Arial";
|
||||
//ctx.fillStyle = 'green';
|
||||
ctx.fillStyle = color8Tor('fillStyle', degree);
|
||||
ctx.fillText(countDown, 145, 160);
|
||||
}
|
@ -0,0 +1,14 @@
|
||||
function viewChargenubersicht(){
|
||||
$.ajax({
|
||||
dataType: "json",
|
||||
url: '/manager',
|
||||
type: 'LIST'
|
||||
})
|
||||
.done(function(liste){
|
||||
markup = TPL.engine.execute_px('chargenubersicht.tpl', liste);
|
||||
$("#content").html(markup);
|
||||
})
|
||||
.fail(function(){
|
||||
alert("Chargenliste konnte nicht geladen werden");
|
||||
});
|
||||
}
|
16
Sammlung/Praktikum/3/ias_p2_a0.21/js/view/viewLog.js
Normal file
16
Sammlung/Praktikum/3/ias_p2_a0.21/js/view/viewLog.js
Normal file
@ -0,0 +1,16 @@
|
||||
function viewLogfile(){
|
||||
clearInterval(interval_id);
|
||||
|
||||
$.ajax({
|
||||
dataType: "json",
|
||||
url: '/log',
|
||||
type: 'REQ'
|
||||
})
|
||||
.done(function(log){
|
||||
var markup = TPL.engine.execute_px('log.tpl', log);
|
||||
$('#content').html(markup);
|
||||
})
|
||||
.fail(function(){});
|
||||
var markup = '<h1>Logfile</h1><p><button onclick = viewAuktionen()>zur<75>ck</button></p>';
|
||||
$('#content').append(markup);
|
||||
}
|
Reference in New Issue
Block a user