DigitaleAgentur___ALT
/
digitaleagenturnc
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Zwischencommit 3 Agenturverbund

This commit is contained in:
holger.trampe 2020-04-12 00:25:04 +02:00
parent 963f308126
commit bf870a0951
4 changed files with 245 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
standards/models.py
View File

@ -65,6 +65,9 @@ class Standards(models.Model):
# FIELD FOR AGENCYNETWORK
comments = models.ManyToManyField("StandardComments", blank=True, related_name='comments')
parent_standard = models.ForeignKey("Standards", related_name='partentedstandard', on_delete=models.PROTECT, blank=True, null=True, default=None)
#Counter, wie oft dieser Standard in eine andere Agentur kopiert wird
agencynetworkcounter = models.IntegerField(default=0)
def __str__(self):

221
standards/templates/standards/agencynetwork_content.html Normal file
View File

@ -0,0 +1,221 @@
<div class="row col">
<div class="card col-9" style="min-height: 500px">
<div class="card-body">
<h5 class="card-title"></h5>
<p class="card-text">
<canvas id="canvas"></canvas>
</p>
</div>
</div>
<div class="col-3">
<!--
<div class="card col-14 ml-1 mb-2" style="">
<div class="card-body">
<h5 class="card-title">UPDATES</h5>
<p class="card-text">
UPDATES
</p>
</div>
</div>-->
<div class="card col-14 ml-1 mb-2" style="">
<div class="card-body">
<h5 class="card-title">Beliebte Standards</h5>
<p class="card-text">
Keine
</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
let resizeReset = function() {
w = canvasBody.width = window.innerWidth*0.55;
h = canvasBody.height = window.innerHeight/2;
}
const opts = {
particleColor: "rgb(200,200,200)",
lineColor: "rgb(200,200,200)",
particleAmount: 5,
defaultSpeed: 0.03,
variantSpeed: 0.4,
defaultRadius: 5,
variantRadius: 5,
linkRadius: 500,
};
window.addEventListener("resize", function(){
deBouncer();
});
let deBouncer = function() {
clearTimeout(tid);
tid = setTimeout(function() {
resizeReset();
}, delay);
};
let checkDistance = function(x1, y1, x2, y2){
return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
};
let linkPoints = function(point1, hubs){
for (let i = 0; i < hubs.length; i++) {
let distance = checkDistance(point1.x, point1.y, hubs[i].x, hubs[i].y);
let opacity = 1 - distance / opts.linkRadius;
if (opacity > 0) {
drawArea.lineWidth = 0.2;
drawArea.strokeStyle = "#CCCCCC";
drawArea.beginPath();
drawArea.moveTo(point1.x, point1.y);
drawArea.lineTo(hubs[i].x, hubs[i].y);
drawArea.closePath();
drawArea.stroke();
}
}
}
particles = [];
Particle = function(xPos, yPos){
this.name ="NAME";
this.agnid = "";
this.name_correction = 0;
this.x = Math.random() * (w*0.4)+250;
this.y = Math.random() * (h*0.4)+150;
this.speed = opts.defaultSpeed + Math.random() * opts.variantSpeed;
this.directionAngle = Math.floor(Math.random() * 360);
this.color = opts.particleColor;
this.radius = opts.defaultRadius;
this.vector = {
x: Math.cos(this.directionAngle) * this.speed,
y: Math.sin(this.directionAngle) * this.speed
};
this.update = function(){
this.border();
this.x += this.vector.x;
this.y += this.vector.y;
};
this.border = function(){
if (this.x >= w || this.x <= 0) {
this.vector.x *= -1;
}
if (this.y >= h || this.y <= 0) {
this.vector.y *= -1;
}
if (this.x > w) this.x = w;
if (this.y > h) this.y = h;
if (this.x < 0) this.x = 0;
if (this.y < 0) this.y = 0;
};
this.draw = function(){
drawArea.beginPath();
drawArea.arc(this.x, this.y, this.radius, 0, Math.PI*2);
drawArea.closePath();
drawArea.fillStyle = this.color;
drawArea.fill();
drawArea.font = "30px Arial";
drawArea.fillText(this.name, this.x-this.name_correction, this.y-15);
};
this.clicked = function(){
alert(1);
}
};
function getCursorPosition(canvas, event) {
const rect = canvas.getBoundingClientRect()
const x = event.clientX - rect.left
const y = event.clientY - rect.top
for (let i = 0; i < particles.length; i++){
x_border_l = Math.round(particles[i].x - 10);
x_border_r = Math.round(particles[i].x + 10);
y_border_l = Math.round(particles[i].y - 10);
y_border_r = Math.round(particles[i].y + 10);
if(x > x_border_l && x < x_border_r && y_border_r > y && y_border_l < y){
alert(particles[i].name + " ID: " + particles[i].agnid);
}
}
}
function getCursorPositionOver(canvas, event) {
const rect = canvas.getBoundingClientRect()
const x = event.clientX - rect.left
const y = event.clientY - rect.top
for (let i = 0; i < particles.length; i++){
x_border_l = Math.round(particles[i].x - 10);
x_border_r = Math.round(particles[i].x + 10);
y_border_l = Math.round(particles[i].y - 10);
y_border_r = Math.round(particles[i].y + 10);
if(x > x_border_l && x < x_border_r && y_border_r > y && y_border_l < y){
if(particles[i].radius < 25){
particles[i].radius = particles[i].radius+2.5;
}
}
else{
particles[i].radius = 5;
}
}
}
const canvas = document.querySelector('canvas')
canvas.addEventListener('mousedown', function(e) {
getCursorPosition(canvas, e)
})
canvas.addEventListener('mousemove', function(e) {
getCursorPositionOver(canvas, e)
})
function setup(){
resizeReset();
/*for (let i = 0; i < opts.particleAmount; i++){
p = new Particle();
particles.push( p );
}*/
{% for agn in agencynetworks %}
p_{{agn.pk}} = new Particle();
p_{{agn.pk}}.name = "{{agn.name}}";
p_{{agn.pk}}.agnid = {{agn.pk}};
particles.push( p_{{agn.pk}} );
{% endfor %}
window.requestAnimationFrame(loop);
}
function loop(){
window.requestAnimationFrame(loop);
drawArea.clearRect(0,0,w,h);
for (let i = 0; i < particles.length; i++){
particles[i].update();
particles[i].draw();
}
for (let i = 0; i < particles.length; i++){
linkPoints(particles[i], particles);
}
}
const canvasBody = document.getElementById("canvas"),
drawArea = canvasBody.getContext("2d");
let delay = 200, tid,
rgb = opts.lineColor.match(/\d+/g);
resizeReset();
setup();
</script>

16
standards/templates/standards/standards_management.html
View File

@ -23,6 +23,10 @@
{% endfor %}
<li class="nav-item ml-auto" >
<a class="nav-link" id="agencynetwork" data-toggle="tab" href="#t_agencynetwork" role="tab" aria-controls="t_agencynetwork" aria-selected="false">Agenturverbund</a>
</li>
<li class="nav-item" >
<a class="nav-link" id="userown" data-toggle="tab" href="#t_userown" role="tab" aria-controls="t_userown" aria-selected="false">Eigene Standards</a>
</li>
{% if perms.users.standard_management %}
@ -79,6 +83,16 @@
</div>
{% endfor %}
<div class="tab-pane fade" id="t_agencynetwork" role="tabpanel" aria-labelledby="agencynetwork">
<h4 class="mt-4 mb-4">Standards aus Agenturverbünden</h4>
{% block agnet %}
{% include "standards/agencynetwork_content.html" %}
{% endblock %}
</div>
<div class="tab-pane fade" id="t_userown" role="tabpanel" aria-labelledby="userown">
<h4 class="mt-4 mb-4">Eigene Standards</h4>
@ -130,6 +144,8 @@
</div>
</div>
<div class="tab-pane fade" id="t_agencys" role="tabpanel" aria-labelledby="userown">
<h4 class="mt-4 mb-4">Unveröffentlichte Standards</h4>

6
standards/views.py
View File

@ -40,7 +40,11 @@ class StandardsManagement(LoginRequiredMixin, ListView):
#context.update({'active_link' : 'standards', 'tasks': tasks, 'unpubstandards_of_user' : unpubstandards_of_user, 'standards_of_agency' : standards_of_agency, 'areas' : areas, 'standards_of_user' : standards_of_user, 'standardcontent' : standardcontent})
context.update({'active_link' : 'standards', 'unpubstandards_of_user' : unpubstandards_of_user, 'areas' : areas, 'standards_of_user' : standards_of_user, 'standardcontent' : standardcontent})
agencynetworks = AgencyNetwork.objects.filter(creator_agency=self.request.user.profile.agency) | AgencyNetwork.objects.filter(adminagencys__in=[self.request.user.profile.agency.pk]) | AgencyNetwork.objects.filter(members__in=[self.request.user.profile.agency.pk]) | AgencyNetwork.objects.filter(sharemembers__in=[self.request.user.profile.agency.pk])
context.update({'active_link' : 'standards', 'unpubstandards_of_user' : unpubstandards_of_user, 'areas' : areas, 'standards_of_user' : standards_of_user, 'standardcontent' : standardcontent, "agencynetworks" : agencynetworks})
return context