Search existing members in Inside.
- Also removes some files belonging to another project
This commit is contained in:
nikolark committed
1 parent
8eaaa19665
commit
7bc0c8f65c
25 files changed
+170
-6035
No files matched your search
@@ -1,3 +1,18 @@
|
||||
# Installation
|
||||
apt install libldap2-dev # reqs
|
||||
virtualenv venv
|
||||
. venv/bin/activate
|
||||
pip install -r requirements.txt
|
||||
python manage.py migrate
|
||||
|
||||
|
||||
## LDAP
|
||||
sudo docker run -e LDAP_DOMAIN=neuf.no -e LDAP_ORGANISATION="Neuf" -e LDAP_ADMIN_PASSWORD="toor" -p 389:389 -d nikolaik/openldap
|
||||
ldapadd -D "cn=admin,dc=neuf,dc=no" -w "toor" -f test/testdata.ldif # Testdata
|
||||
# Verify import
|
||||
ldapsearch -x -b dc=neuf,dc=no
|
||||
# Login with test@example.com:test
|
||||
|
||||
## TODO
|
||||
### Form
|
||||
* tlf field
|
||||
|
||||
+5
-5
@@ -1,10 +1,10 @@
|
||||
from django import forms
|
||||
from phonenumber_field.formfields import PhoneNumberField
|
||||
from django.utils.translation import ugettext_lazy as _
|
||||
|
||||
class SearchUserForm(forms.Form):
|
||||
query = forms.CharField(required=False) # ,label=_('Search existing members'))
|
||||
|
||||
class AddCardForm(forms.Form):
|
||||
phone_number = PhoneNumberField(widget=forms.TextInput(attrs={
|
||||
'type': 'tel',
|
||||
'class': 'form-control'
|
||||
}))
|
||||
card_number = forms.IntegerField(widget=forms.NumberInput(attrs={'class': 'form-control'}))
|
||||
phone_number = PhoneNumberField(widget=forms.TextInput(attrs={'type': 'tel'}))
|
||||
card_number = forms.IntegerField(widget=forms.NumberInput())
|
||||
@@ -3,22 +3,25 @@
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<h2>Registrer kjøpt medlemskap</h2>
|
||||
<h2>{% trans "Register membership card" %}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<p>Telefonnummer som allerede er tilknyttet en bruker i Inside vil få kortnummer registrert på sin bruker.</p>
|
||||
<form>
|
||||
{{ form|bootstrap }}
|
||||
<h3 style="margin-top: 0;">{% trans "Lookup existing user" %}</h3>
|
||||
{{ search_user_form|bootstrap }}
|
||||
<h3>{% trans "Register card" %}</h3>
|
||||
{{ add_card_form|bootstrap }}
|
||||
<p><em>Registering a card number with a phone number already tied to an existing user, will add the card to that user.</em></p>
|
||||
<button type="submit" class="btn btn-primary btn-lg">{% trans "Register" %}</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Søkeresultater</div>
|
||||
<div class="panel-body results">
|
||||
TODO: ...
|
||||
<div class="panel-heading">Results</div>
|
||||
<div class="panel-body results-wrap">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+4
-3
@@ -1,6 +1,7 @@
|
||||
from django.conf.urls import url
|
||||
from apps.kassa.views import register
|
||||
from apps.kassa.views import register, inside_user_api
|
||||
|
||||
urlpatterns = [
|
||||
url(r'^$', register, name='register')
|
||||
]
|
||||
url(r'^$', register, name='register'),
|
||||
url(r'^inside/user/$', inside_user_api, name='inside-user-api')
|
||||
]
|
||||
+17
-2
@@ -1,14 +1,29 @@
|
||||
# coding: utf-8
|
||||
from __future__ import unicode_literals
|
||||
from django.conf import settings
|
||||
from django.contrib.auth.decorators import login_required
|
||||
from django.http import JsonResponse
|
||||
from django.shortcuts import render
|
||||
|
||||
from apps.kassa.forms import AddCardForm
|
||||
from apps.kassa.forms import AddCardForm, SearchUserForm
|
||||
import requests
|
||||
|
||||
|
||||
@login_required
|
||||
def register(request):
|
||||
context = {
|
||||
'form': AddCardForm()
|
||||
'add_card_form': AddCardForm(),
|
||||
'search_user_form': SearchUserForm()
|
||||
}
|
||||
return render(request, 'kassa/register.html', context)
|
||||
|
||||
@login_required
|
||||
def inside_user_api(request):
|
||||
payload = {
|
||||
'apikey': settings.INSIDE_API_KEY,
|
||||
'q': request.GET.get('q', '')
|
||||
}
|
||||
url = settings.INSIDE_API_URL
|
||||
data = requests.get(url, params=payload).json()
|
||||
|
||||
return JsonResponse(data)
|
||||
@@ -116,6 +116,9 @@ STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
|
||||
|
||||
LOGIN_REDIRECT_URL = '/'
|
||||
|
||||
INSIDE_API_KEY = ''
|
||||
INSIDE_API_URL = 'https://inside.studentersamfundet.no/api/user.php'
|
||||
|
||||
# Local settings
|
||||
try:
|
||||
from local_settings import *
|
||||
|
||||
+1
-1
@@ -4,4 +4,4 @@ django-bootstrap-form==3.2
|
||||
django-extensions==1.5.5
|
||||
django-phonenumber-field==0.7.2
|
||||
mysqlclient==1.3.6
|
||||
|
||||
requests==2.7.0
|
||||
@@ -0,0 +1,58 @@
|
||||
function format_results(results) {
|
||||
var html = '<div class="list-group">';
|
||||
for(var i=0; i< results.length; i++) {
|
||||
var res = results[i];
|
||||
|
||||
var label = '';
|
||||
var is_member = res.is_member && res.is_member === "1";
|
||||
var add_to_button = '';
|
||||
var css_classes = '';
|
||||
var expires = res.expires;
|
||||
|
||||
if(is_member) {
|
||||
label = ' <span class="label label-success">Member</span> ';
|
||||
css_classes += 'member';
|
||||
} else if(expires === '0000-00-00') {
|
||||
add_to_button = '<button class="btn btn-primary">Use</button> ';
|
||||
label = ' <span class="label label-default">Registered</span> ';
|
||||
} else {
|
||||
add_to_button = '<button class="btn btn-primary">Use</button> ';
|
||||
label = ' <span class="label label-warning">Expired: '+ expires +'</span> ';
|
||||
}
|
||||
var q = $('#id_query').val();
|
||||
html += '<a href="?q='+q+'&phone_number='+ res.number +'" data-phone-number="'+ res.number +'" class="list-group-item search-result '+css_classes+'">' + add_to_button + res.firstname + ' ' + res.lastname + label + '</a>';
|
||||
}
|
||||
return html + '</div>';
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
var _dom = {
|
||||
results: $('.results-wrap'),
|
||||
query: $('#id_query'),
|
||||
phoneNumber: $('#id_phone_number'),
|
||||
cardNumber: $('#id_card_number')
|
||||
};
|
||||
var urls = {
|
||||
insideUserApi: '/inside/user/'
|
||||
};
|
||||
|
||||
/* Saerch as you type */
|
||||
_dom.query.on('keyup', function() {
|
||||
var val = _dom.query.val();
|
||||
$.getJSON(urls.insideUserApi, {q: val}, function(data) {
|
||||
//console.log(data);
|
||||
if(data.results && data.results.length > 0) {
|
||||
_dom.results.html(format_results(data.results));
|
||||
} else {
|
||||
_dom.results.html('No existing user with that phone number');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/* Click search result */
|
||||
_dom.results.on('click', '.search-result', function(e){
|
||||
e.preventDefault();
|
||||
var number = $(this).attr('data-phone-number');
|
||||
_dom.phoneNumber.val(number);
|
||||
});
|
||||
});
|
||||
@@ -1,95 +0,0 @@
|
||||
|
||||
$(function(){
|
||||
var urls = {
|
||||
save_document: '/api/document/',
|
||||
update_document: '/api/document/{pk}/'
|
||||
};
|
||||
var _dom = {
|
||||
document_table: $('.document-table'),
|
||||
progress_bar: $("#progress .bar"),
|
||||
};
|
||||
var csrf_token = $.cookie('csrftoken');
|
||||
|
||||
/* inplace edit */
|
||||
_dom.document_table.on('click', "[data-model-field]", function() {
|
||||
var input_field = $(this).siblings("input");
|
||||
if($(this).siblings("input").length) {
|
||||
input_field.val($(this).text()).css('display', 'inline-block');
|
||||
} else {
|
||||
$(this).after('<input type="text" data-editable-field class="in-place" value="'+ $(this).text() +'" />');
|
||||
input_field = $(this).siblings("input");
|
||||
}
|
||||
input_field.css('width', $(this).width() + 30);
|
||||
$(this).hide();
|
||||
$("[data-editable-field]").focus();
|
||||
});
|
||||
|
||||
/* save on blur and <enter> */
|
||||
_dom.document_table.on('blur keyup', 'input[type=text]', function(e) {
|
||||
if(e.type == 'keyup' && e.keyCode != 13) {
|
||||
return;
|
||||
}
|
||||
/* anything changed ? */
|
||||
if( $(this).siblings("[data-model-field]").text() !== $(this).val() ) {
|
||||
/* update text */
|
||||
$(this).siblings("[data-model-field]").text($(this).val());
|
||||
|
||||
var document_pk = $(this).siblings("[data-model-field]").attr('data-pk');
|
||||
var model_field = $(this).siblings("[data-model-field]").attr('data-model-field');
|
||||
var field_value = $(this).val();
|
||||
|
||||
var data = {};
|
||||
data[model_field] = field_value;
|
||||
|
||||
$.ajax({
|
||||
url: urls.update_document.replace('{pk}', document_pk),
|
||||
method: 'PATCH',
|
||||
dataType: 'json',
|
||||
data: data,
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function(response, newValue) {
|
||||
console.log('Field '+model_field+' updated with value "'+field_value+'".');
|
||||
}
|
||||
});
|
||||
}
|
||||
/* Back to original view */
|
||||
$("[data-model-field]").show();
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
/* Document file upload */
|
||||
$('.upload-document').fileupload({
|
||||
dataType: 'json', // TODO: why no JSON?
|
||||
url: urls.save_document,
|
||||
done: function(e, data) {
|
||||
_dom.progress_bar.fadeOut('slow');
|
||||
var result = data.result;
|
||||
/* insert document row */
|
||||
|
||||
var filename = result.filename.slice(0, 40);
|
||||
console.log(result);
|
||||
|
||||
$('.document-table').prepend('<tr><td><span data-model-field="name" data-pk="'+ result.pk +'">'+ result.name +'</span></td><td><i class="icon-file"></i> '+ filename +'</td><td><span class="label secondary radius" data-type="text" data-model-field="category" data-pk="'+ result.pk +'"></span></td><td>'+ result.updated +'</td><td><a href="'+ result.file +'" class="btn packed"><i class="icon-download-alt"></i></a></td><td><a href="/document/'+ result.pk +'/remove/" class="btn packed"><i class="icon-remove"></i></a></td></tr>');
|
||||
},
|
||||
fail: function(e, data) {
|
||||
console.log("Failed uploading file: ",e, data);
|
||||
},
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token,
|
||||
'cache-control': 'no-cache'
|
||||
},
|
||||
send: function(e, data) {
|
||||
_dom.progress_bar.css('width', '0%');
|
||||
_dom.progress_bar.show();
|
||||
},
|
||||
progressall: function (e, data) {
|
||||
var progress = parseInt(data.loaded / data.total * 100, 10);
|
||||
_dom.progress_bar.css(
|
||||
'width',
|
||||
progress + '%'
|
||||
);
|
||||
}
|
||||
});
|
||||
});
|
||||
File diff suppressed because it is too large.
Load diff
@@ -1,186 +0,0 @@
|
||||
/* Extend jquery */
|
||||
(function ( $ ) {
|
||||
$.fn.graph = function(action, options) {
|
||||
// These are the defaults
|
||||
var settings = $.extend({
|
||||
width: undefined,
|
||||
height: undefined,
|
||||
animation_duration: 1000 // ms
|
||||
}, options );
|
||||
/* The slug of each Graph object map to a function in the graphs object */
|
||||
var graphs = {
|
||||
treatment: function(element) {
|
||||
$(element).highcharts({
|
||||
chart: {
|
||||
type: 'column',
|
||||
width: settings.width,
|
||||
height: settings.height,
|
||||
animation: {
|
||||
duration: settings.animation_duration
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: 'Antall behandlinger'
|
||||
},
|
||||
xAxis: {
|
||||
title: {
|
||||
text: 'År'
|
||||
},
|
||||
minRange : 30 * 24 * 3600 * 1000, //
|
||||
minTickInterval: 12 * 30 * 24 * 3600 * 1000, // A year
|
||||
type: 'datetime'
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: 'Antall behandlinger'
|
||||
}
|
||||
|
||||
},
|
||||
series: [{
|
||||
name: 'Antall behandlinger',
|
||||
data: [
|
||||
[Date.UTC(2007, 1), 35000],
|
||||
[Date.UTC(2008, 1), 40000],
|
||||
[Date.UTC(2009, 1), 60000],
|
||||
[Date.UTC(2010, 1), 67000],
|
||||
[Date.UTC(2011, 1), 70000],
|
||||
[Date.UTC(2012, 1), 78000],
|
||||
[Date.UTC(2013, 1), 97000],
|
||||
[Date.UTC(2014, 1), 109000]],
|
||||
enabled: false
|
||||
|
||||
}],
|
||||
legend: {
|
||||
enabled: false
|
||||
}
|
||||
});
|
||||
},
|
||||
treatment_distribution: function(element) {
|
||||
var last_year = new Date().getFullYear() - 1;
|
||||
$(element).highcharts({
|
||||
chart: {
|
||||
type: 'column',
|
||||
width: settings.width,
|
||||
height: settings.height,
|
||||
animation: {
|
||||
duration: settings.animation_duration
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: 'Fordeling behandlinger'
|
||||
},
|
||||
xAxis: {
|
||||
title: {
|
||||
text: 'Måned'
|
||||
},
|
||||
minRange : 30 * 24 * 3600 * 1000, //
|
||||
minTickInterval: 12 * 30 * 24 * 3600 * 1000, // A year
|
||||
type: 'datetime'
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: 'Fordeling'
|
||||
}
|
||||
|
||||
},
|
||||
series: [{
|
||||
name: 'Preeksisterende',
|
||||
data: [
|
||||
[Date.UTC(last_year, 0), 2],
|
||||
[Date.UTC(last_year, 1), 5],
|
||||
[Date.UTC(last_year, 2), 10],
|
||||
[Date.UTC(last_year, 3), 20],
|
||||
[Date.UTC(last_year, 4), 40],
|
||||
[Date.UTC(last_year, 5), 70],
|
||||
[Date.UTC(last_year, 6), 40],
|
||||
[Date.UTC(last_year, 7), 40],
|
||||
[Date.UTC(last_year, 8), 40]]
|
||||
},
|
||||
{
|
||||
name: 'Nye lidelser',
|
||||
data: [
|
||||
[Date.UTC(last_year, 0), 8],
|
||||
[Date.UTC(last_year, 1), 10],
|
||||
[Date.UTC(last_year, 2), 15],
|
||||
[Date.UTC(last_year, 3), 18],
|
||||
[Date.UTC(last_year, 4), 20],
|
||||
[Date.UTC(last_year, 5), 30],
|
||||
[Date.UTC(last_year, 6), 40],
|
||||
[Date.UTC(last_year, 7), 40],
|
||||
[Date.UTC(last_year, 8), 40]]
|
||||
}],
|
||||
plotOptions: {
|
||||
column: {
|
||||
stacking: 'normal'
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
num_insured: function(element) {
|
||||
$(element).highcharts({
|
||||
chart: {
|
||||
type: 'column',
|
||||
width: settings.width,
|
||||
height: settings.height,
|
||||
animation: {
|
||||
duration: settings.animation_duration
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: 'Antall forsikrede (behandlingsforsikring) per 30. juni 2003-2014'
|
||||
},
|
||||
xAxis: {
|
||||
title: {
|
||||
text: 'År'
|
||||
},
|
||||
tickInterval: Date.UTC(1902, 0, 1) - Date.UTC(1901, 0, 1), // A year
|
||||
year: '%Y',
|
||||
type: 'datetime'
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: 'Antall forsikrede'
|
||||
}
|
||||
|
||||
},
|
||||
series: [{
|
||||
name: 'Antall forsikrede',
|
||||
data: [
|
||||
[Date.UTC(2003, 0), 14587],
|
||||
[Date.UTC(2004, 0), 20634],
|
||||
[Date.UTC(2005, 0), 35418],
|
||||
[Date.UTC(2006, 0), 42073],
|
||||
[Date.UTC(2007, 0), 74435],
|
||||
[Date.UTC(2008, 0), 97661],
|
||||
[Date.UTC(2009, 0), 115651],
|
||||
[Date.UTC(2010, 0), 141742],
|
||||
[Date.UTC(2011, 0), 233739],
|
||||
[Date.UTC(2012, 0), 357468],
|
||||
[Date.UTC(2013, 0), 404320],
|
||||
[Date.UTC(2014, 0), 437137]],
|
||||
enabled: false
|
||||
|
||||
}],
|
||||
legend: {
|
||||
enabled: false
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/* What do do? */
|
||||
if(action == 'load') {
|
||||
/* For each element get attr and load appropriate graph */
|
||||
return this.each(function() {
|
||||
var slug = $(this).attr('data-graph-slug');
|
||||
// Create a graphs[slug] of this.
|
||||
graphs[slug](this);
|
||||
});
|
||||
} else if(action == 'get') {
|
||||
/* Not used
|
||||
return Highcharts.charts[loaded_graphs[slug].data('highchartsChart')];
|
||||
*/
|
||||
}
|
||||
};
|
||||
|
||||
}( jQuery ));
|
||||
@@ -1,121 +0,0 @@
|
||||
function get_offset(col, grid_height, min_widget_height) {
|
||||
var num_slides = $('.slide[data-col="'+ col +'"]').length;
|
||||
return (grid_height - (num_slides * min_widget_height)) * -1;
|
||||
}
|
||||
|
||||
/* Push add buttons up x px, close to the lowest slide in its section */
|
||||
function reposition_add_buttons(min_widget_height) {
|
||||
var max_rows = _.max($(".slide"), function(slide){ return parseInt($(slide).attr('data-row')); });
|
||||
var grid_height = $(max_rows).attr('data-row') * min_widget_height;
|
||||
|
||||
$(".slide-add").each(function() {
|
||||
var offset = get_offset($(this).attr('data-col'), grid_height, min_widget_height);
|
||||
$(this).css({ top: offset });
|
||||
});
|
||||
}
|
||||
$(function(){
|
||||
// TODO: on document ready, to load: loading icon
|
||||
var margin_x = 8;
|
||||
var margin_y = 4;
|
||||
var csrf_token = $.cookie('csrftoken');
|
||||
var grid = $(".gridster ul").gridster({
|
||||
widget_selector: "li.slide",
|
||||
widget_margins: [margin_x, margin_y],
|
||||
widget_base_dimensions: [113, 80],
|
||||
min_cols: 6,
|
||||
serialize_params: function($w, wgd) {
|
||||
return {
|
||||
slide: $w.attr('data-slide'),
|
||||
section: $('.sections li[data-col="'+ wgd.col +'"]').attr('data-section'),
|
||||
order: wgd.row
|
||||
};
|
||||
},
|
||||
draggable: {
|
||||
// https://github.com/ducksboard/gridster.js/issues/161
|
||||
handle: 'img', // FIXME: Edit link is not working on touch
|
||||
stop: function() {
|
||||
/* reposition add buttons */
|
||||
reposition_add_buttons(this.min_widget_height);
|
||||
|
||||
/* Save grid order */
|
||||
var grid = this.serialize_changed();
|
||||
|
||||
var slides = [];
|
||||
for(var i in grid ) {
|
||||
slides.push({ name: "slide-order-"+grid[i].slide, value: grid[i].order });
|
||||
slides.push({ name: "slide-section-"+grid[i].slide, value: grid[i].section });
|
||||
}
|
||||
/* Prepare data */
|
||||
var data = $("#presentation-form").serializeArray();
|
||||
data = data.concat(slides);
|
||||
/* http post json */
|
||||
var url = $("#presentation").attr('data-save-url');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
data: data,
|
||||
async: false, // FIXME: Make async
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function (result,l,o) {
|
||||
if(result !== undefined && result.success) {
|
||||
/* redirect to edit url */
|
||||
window.location = "/slideshow/" + result.presentation_id + "/edit/";
|
||||
} else {
|
||||
//console.log("Saved"); //FIXME notify
|
||||
}
|
||||
},
|
||||
error: function (request, text_status, error_thrown) {
|
||||
console.log("uffda..."); //FIXME notify
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
/* Note: gridster api add, remove, serialize */
|
||||
var gridster = grid.data('gridster');
|
||||
|
||||
/* reposition add buttons */
|
||||
reposition_add_buttons(gridster.min_widget_height);
|
||||
|
||||
/* Datepicker */
|
||||
$("#id_datetime").datepicker({
|
||||
dateFormat: "yy-mm-dd"
|
||||
});
|
||||
/* Disable slide controls */
|
||||
$(".slide-toggle").on('click', function(e) {
|
||||
/* Set slide.active=false */
|
||||
var that = $(this);
|
||||
var current_slide = $(this).parent().parent();
|
||||
var new_state = current_slide.hasClass("disabled");
|
||||
var url = $(this).attr('data-save-url');
|
||||
$.ajax({
|
||||
type: "PATCH",
|
||||
url: url,
|
||||
data: {
|
||||
active: new_state
|
||||
},
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function (result,l,o) {
|
||||
|
||||
/* toggle 'disabled' class */
|
||||
current_slide.toggleClass("disabled");
|
||||
/* switch icons class */
|
||||
var icon = that.find("i");
|
||||
if(icon.hasClass("fa-square-o")) {
|
||||
icon.removeClass("fa-square-o").addClass("fa-check-square-o");
|
||||
} else {
|
||||
icon.removeClass("fa-check-square-o").addClass("fa-square-o");
|
||||
}
|
||||
},
|
||||
error: function (request, text_status, error_thrown) {
|
||||
console.log("uffda..."); //FIXME notify
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
@@ -1,9 +0,0 @@
|
||||
|
||||
$(function(){
|
||||
//var options = {
|
||||
// valueNames: [ 'region', 'hospital', 'city', 'diagnose', 'waittime' ]
|
||||
//};
|
||||
|
||||
//var featureList = new List('presentation-table-sortable', options);
|
||||
//featureList.sort('waittime', { asc: false });
|
||||
});
|
||||
@@ -1,541 +0,0 @@
|
||||
$(document).ready( function() {
|
||||
/* Slide: Product calculator */
|
||||
/*
|
||||
* TODO: set discount based on url or user/session data
|
||||
*
|
||||
* */
|
||||
function set_progress(percent) {
|
||||
if( percent < 1 || percent > 100 ) {
|
||||
return;
|
||||
}
|
||||
$(".stb-progress .meter").css('width', percent+"%");
|
||||
}
|
||||
function product_select(products, treatments, counceling) {
|
||||
/* Searches products and returns the correct price */
|
||||
//console.log(products, treatments, counceling);
|
||||
var selected = products;
|
||||
if(counceling !== undefined) {
|
||||
selected = _.filter(selected, function(product) {
|
||||
return product.counceling_service == counceling;
|
||||
});
|
||||
}
|
||||
if(selected.length == 1) {
|
||||
return selected[0];
|
||||
}
|
||||
if(treatments !== undefined) {
|
||||
selected = _.filter(selected, function(product) {
|
||||
return product.treatments == treatments;
|
||||
});
|
||||
}
|
||||
if(selected.length == 1) {
|
||||
return selected[0];
|
||||
}
|
||||
//console.log("Fant ingen produkter, returnerer siste");
|
||||
return products[products.length-1];
|
||||
}
|
||||
//function filter_product_risk(documents, product_order) {
|
||||
// /* filter based on product risk variables */
|
||||
// var product_risk_variable_attrs = [
|
||||
// 'eligible_industry_discount',
|
||||
// 'has_existing_insurance',
|
||||
// 'employees',
|
||||
// 'addon_psychiatric_treatment'];
|
||||
|
||||
// /* which variables are set? */
|
||||
// var product_risk_variables = _.filter(product_risk_variable_attrs, function(attr) {
|
||||
// return product_order[attr] !== undefined;
|
||||
// });
|
||||
// //console.log("product risk variables: ", product_risk_variables);
|
||||
|
||||
// /* filter based on vars in product_risk_variables and product_order
|
||||
// * all must match */
|
||||
// documents = _.filter(documents, function(doc){
|
||||
// //console.log("looking at: ", doc.name, "(", doc.id, ")");
|
||||
// // filter when not specified
|
||||
// if(!doc.product_risk_variables.length) {
|
||||
// return false;
|
||||
// }
|
||||
|
||||
// /* Loop over the product_risks attached to this document */
|
||||
// var doc_matches = _.map(doc.product_risk_variables, function(variables, index, list) {
|
||||
// /* Loop over each variable in the list of risks */
|
||||
// var var_matches = _.map(product_risk_variables, function(element) {
|
||||
// //console.log("looping document risk vars: ", element, product_order[element], variables[element], variables);
|
||||
// // num employees special case
|
||||
// if(element == 'employees' && (product_order[element] > variables['employees_max'] || product_order[element] < variables['employees_min'])) {
|
||||
// return false
|
||||
// }
|
||||
// else if(product_order[element] != variables[element] && element != 'employees') {
|
||||
// return false; // drop document
|
||||
// }
|
||||
// return true;
|
||||
// });
|
||||
// // All attributes in the product_order must match with variables
|
||||
// return _.every(var_matches);
|
||||
// });
|
||||
// // Need just one match to keep the document
|
||||
// return _.some(doc_matches);
|
||||
// });
|
||||
// return documents;
|
||||
//}
|
||||
//function filter_individual_risk(documents, product_order) {
|
||||
// //console.log("individual risk variables: ", product_order.individual_term_employees);
|
||||
// /* Filter based on age ranges */
|
||||
// var ages = _.map(product_order.individual_term_employees, function(employee) {
|
||||
// return employee.age;
|
||||
// });
|
||||
// /* Filter documents not referencing at least one individual risk variable matching the specified ages */
|
||||
// documents = _.filter(documents, function(doc) {
|
||||
// // filter when not specified
|
||||
// // Note: Unsure if this is correct
|
||||
// if(!doc.employee_risk_variables.length) {
|
||||
// return false;
|
||||
// }
|
||||
// var matches = _.map(doc.employee_risk_variables, function(variables, index, list) {
|
||||
// var age_matches = _.map(ages, function(age) {
|
||||
// return age >= variables.age_min && age <= variables.age_max;
|
||||
// });
|
||||
// return _.some(age_matches); // matching at least one age
|
||||
// });
|
||||
// return _.some(matches); //matching at least one risk variable
|
||||
// });
|
||||
// return documents;
|
||||
//}
|
||||
//function filter_documents(documents, product_order) {
|
||||
// /* Filter based on product selection
|
||||
// * Note: only filters by product if below 100 employees */
|
||||
// if(product_order.employees < 100) {
|
||||
// var documents = _.filter(documents, function(doc){
|
||||
// var product_ids = _.map(doc.products, function(product) { return product.id; });
|
||||
// return _.contains(product_ids, product_order.product.id);
|
||||
// });
|
||||
|
||||
// if(product_order.employees >=1 && product_order.employees <= 4 && !product_order.eligible_industry_discount) {
|
||||
// documents = filter_individual_risk(documents, product_order);
|
||||
// }
|
||||
// else {
|
||||
// documents = filter_product_risk(documents, product_order);
|
||||
// }
|
||||
// } else {
|
||||
// /* Filter based on dummy no-product */
|
||||
// documents = _.filter(documents, function(doc){
|
||||
// var product_slugs = _.map(doc.products, function(product) { return product.slug; });
|
||||
// return _.contains(product_slugs, 'no-product');
|
||||
// });
|
||||
//
|
||||
// }
|
||||
// return documents;
|
||||
//
|
||||
//}
|
||||
//function update_document_list(documents) {
|
||||
// if(documents.length == 0) {
|
||||
// $(".product-calculator .documents-table").html("Fillern, det er ingen dokumenter knyttet til dette produktet og valgte variable :'(");
|
||||
// return;
|
||||
// }
|
||||
// var html = "<table><thead><tr><th>Navn</th><th>Type</th></tr></thead><tbody>";
|
||||
// _.each(documents, function(doc) {
|
||||
// html += '<tr><td><a href="'+ doc.url +'"><i class="icon-download-alt"></i> '+ doc.name +'</a></td><td>'+ doc.category +'</td></tr>';
|
||||
// });
|
||||
// html += "</tbody></table>";
|
||||
// $(".product-calculator .documents-table").html(html);
|
||||
//}
|
||||
function get_price_individual(product, product_order) {
|
||||
/* Need a valid product */
|
||||
if(product === undefined || product.employee_risk_variables.length === 0) {
|
||||
return -1;
|
||||
}
|
||||
/* Invidual risk */
|
||||
var has_existing_insurance = false;
|
||||
if( product_order.has_existing_insurance !== undefined) {
|
||||
has_existing_insurance = product_order.has_existing_insurance;
|
||||
}
|
||||
/* Get list of prices for each employee */
|
||||
var prices = _.map(product_order.individual_term_employees, function(employee) {
|
||||
/* Filter by employee-age */
|
||||
var variation = _.find(product.employee_risk_variables, function(variation) {
|
||||
if(employee.age >= variation.age_min && employee.age <= variation.age_max) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
return variation.price;
|
||||
});
|
||||
return prices;
|
||||
}
|
||||
|
||||
function get_price(product, product_order) {
|
||||
/* Group risk */
|
||||
var price = 0;
|
||||
var has_existing_insurance = false;
|
||||
if( product_order.has_existing_insurance !== undefined) {
|
||||
has_existing_insurance = product_order.has_existing_insurance;
|
||||
}
|
||||
|
||||
/* Filter by boolean values */
|
||||
var variations = _.where(product.product_risk_variables, {
|
||||
eligible_industry_discount: product_order.eligible_industry_discount,
|
||||
has_existing_insurance: has_existing_insurance,
|
||||
});
|
||||
/* Filter by num employees */
|
||||
variation = _.filter(variations, function(variation) {
|
||||
if(variation.employees_max == product_order.employees ) {
|
||||
return true;
|
||||
}
|
||||
});
|
||||
if(variation.length >= 1) {
|
||||
price = parseInt(variation[0].price);
|
||||
} else {
|
||||
/* Error: Missing product data in db */
|
||||
price = -1;
|
||||
}
|
||||
/* include price for psychiatric treatment addon */
|
||||
// FIXME price is static.
|
||||
if(product_order.addon_psychiatric_treatment !== undefined && product_order.addon_psychiatric_treatment) {
|
||||
price += 204;
|
||||
}
|
||||
|
||||
return price;
|
||||
}
|
||||
function product_recalc(products, product_order) {
|
||||
var product = product_select(
|
||||
products,
|
||||
product_order.treatments,
|
||||
product_order.counceling);
|
||||
|
||||
/* calculate price based in product and current risk data */
|
||||
var price_formatted;
|
||||
|
||||
if(product_order.employees <= 4 && ! product_order.eligible_industry_discount) {
|
||||
var prices = get_price_individual(product, product_order);
|
||||
var sum = _.reduce(prices, function(memo, num) { return memo + parseInt(num); }, 0);
|
||||
if(sum === 0) {
|
||||
price_formatted = "Prøv andre valg, ingen pris funnet.";
|
||||
} else {
|
||||
if(prices.length == 1) {
|
||||
price_formatted = "NOK " + sum + ",- per måned";
|
||||
} else {
|
||||
price_formatted = prices.join(" + ")+" = NOK " + sum + ",- per måned";
|
||||
}
|
||||
}
|
||||
} else {
|
||||
price = get_price(product, product_order);
|
||||
if(price == -1) {
|
||||
price_formatted = "Prøv andre valg, ingen pris funnet.";
|
||||
} else {
|
||||
price_formatted = "NOK " + price + ",- per år";
|
||||
}
|
||||
}
|
||||
product_order.product = product;
|
||||
$("[data-prodcalc-product]").text(product.name);
|
||||
$("[data-prodcalc-product-price]").text(price_formatted);
|
||||
}
|
||||
//function update_relevant_documents(product_order) {
|
||||
|
||||
// var url = $(".product-calculator[data-documents-url]").attr('data-documents-url');
|
||||
// $.ajax({
|
||||
// url: url,
|
||||
// method: 'GET',
|
||||
// dataType: 'json',
|
||||
// headers: {
|
||||
// 'X-CSRFToken': $("[name=csrfmiddlewaretoken]").val()
|
||||
// },
|
||||
// success: function(documents) {
|
||||
// /* Present only the right documents, ordered by category */
|
||||
// //console.log("fetched the following documents:", documents);
|
||||
// //console.log("filtering based on product_order", product_order);
|
||||
|
||||
// var less_documents = filter_documents(documents, product_order);
|
||||
// //console.log("returned these documents:", less_documents);
|
||||
// update_document_list(less_documents);
|
||||
// }
|
||||
// });
|
||||
//}
|
||||
|
||||
if($(".product-calculator").length) {
|
||||
/* product_order stores the state of the order */
|
||||
var product_order = {};
|
||||
var product_order_steps = {};
|
||||
var num_product_order_steps = 6;
|
||||
|
||||
/* Is the industry discount disabled? */
|
||||
if ( $('.product-calculator[data-disable-industry-discount]').length ) {
|
||||
product_order.eligible_industry_discount = false;
|
||||
$("[data-key=treatments][data-value=5]").show();
|
||||
}
|
||||
|
||||
/* General layout of steps when user interacts with page:
|
||||
* - update product_order state
|
||||
* - update progress based on state
|
||||
* - update the dom with the correct display state (button state, step description)
|
||||
* - find product based on selection
|
||||
* - calculate price based on discounts, selection and product
|
||||
*/
|
||||
|
||||
$.getJSON('/products.json', function(products) {
|
||||
/* Attach to buttons and fields */
|
||||
|
||||
/* On every answer change */
|
||||
$("[data-answer]").on('click', function(e) {
|
||||
var key = $(this).attr('data-key');
|
||||
var value = $(this).attr('data-value');
|
||||
|
||||
/* to_javascript */
|
||||
if (value == "no") {
|
||||
value = false;
|
||||
}
|
||||
else if(value == "yes") {
|
||||
value = true;
|
||||
}
|
||||
if(key == "treatments" || key == "employees") {
|
||||
value = parseInt(value);
|
||||
}
|
||||
|
||||
/* limit options and change display */
|
||||
/* based on employees */
|
||||
if(key == "employees") {
|
||||
if( value >= 20) {
|
||||
if(product_order.has_exisiting_insurance === undefined) {
|
||||
$(".modal-has-existing-insurance").foundation('reveal', 'open');
|
||||
}
|
||||
} else {
|
||||
/* Reset answer */
|
||||
delete product_order.has_exisiting_insurance;
|
||||
$(".modal-has-existing-insurance button").removeClass("selected disabled");
|
||||
}
|
||||
|
||||
var min_value = $(this).attr('data-min');
|
||||
/* if between 1 and 4 then.. */
|
||||
if( value <= 4 && min_value >= 1 && !product_order.eligible_industry_discount) {
|
||||
/* display individual employee risk container */
|
||||
$(".individual-pricing-container").fadeIn('fast');
|
||||
/* Note: Fetching employee ages before anyone have been selected */
|
||||
update_employee_ages();
|
||||
} else {
|
||||
$(".individual-pricing-container").fadeOut('fast');
|
||||
$("[data-key=treatments][data-value=12]").show();
|
||||
}
|
||||
/* Next button */
|
||||
$("[data-goto-part=part-two]").fadeIn('fast');
|
||||
}
|
||||
/* based on industry deal */
|
||||
if(key == "eligible_industry_discount") {
|
||||
if(value) {
|
||||
/* limit num treatments*/
|
||||
$("[data-key=treatments][data-value=5]").hide();
|
||||
} else {
|
||||
$("[data-key=treatments][data-value=5]").show();
|
||||
}
|
||||
if( !value && product_order.employees <= 4 && product_order.employees >= 1) {
|
||||
$(".individual-pricing-container").fadeIn('fast');
|
||||
} else {
|
||||
$(".individual-pricing-container").fadeOut('fast');
|
||||
}
|
||||
|
||||
$(".prod-num-staff").fadeIn('fast');
|
||||
$(".part-one-zero").fadeOut('fast');
|
||||
setTimeout(function() {
|
||||
$(".part-one-one").fadeIn('fast');
|
||||
}, 400);
|
||||
}
|
||||
/* based on counceling */
|
||||
if(key == "counceling") {
|
||||
$(".prod-num-treatments").fadeIn('fast');
|
||||
$(".about-num-treatments").fadeIn('fast');
|
||||
if(value) {
|
||||
/* limit num treatments and auto-select 24 */
|
||||
$("[data-key=treatments][data-value=5], [data-key=treatments][data-value=0]").hide();
|
||||
product_order.treatments = 24;
|
||||
product_order_steps.treatments = 24;
|
||||
$("[data-key=treatments]").removeClass("selected disabled");
|
||||
$("[data-key=treatments][data-value=24]").addClass("selected");
|
||||
/* update coverage */
|
||||
$(".coverage-treatments").text(product_order.treatments);
|
||||
$(".selected-coverage .topp, .selected-coverage .treatments").fadeIn('fast');
|
||||
} else {
|
||||
/* show all treatments, except 0 if industry deal */
|
||||
if( !product_order.eligible_industry_discount ) {
|
||||
$("[data-key=treatments][data-value=5]").show();
|
||||
}
|
||||
// FIXME: missing pricing data, just hide this option for now
|
||||
if(product_order.employees <= 4) {
|
||||
$("[data-key=treatments][data-value=0]").hide();
|
||||
} else {
|
||||
$("[data-key=treatments][data-value=0]").show();
|
||||
}
|
||||
$(".selected-coverage .topp").fadeOut('fast');
|
||||
}
|
||||
}
|
||||
/* based on addon_psychiatric_treatment */
|
||||
if(key == "addon_psychiatric_treatment") {
|
||||
$(".prod-num-treatments").fadeIn('fast');
|
||||
$(".about-num-treatments").fadeIn('fast');
|
||||
$(".selected-coverage .counceling").fadeOut('fast');
|
||||
if(value) {
|
||||
/* limit num treatments and auto-select 24 */
|
||||
$("[data-key=treatments][data-value=0]").hide();
|
||||
product_order.treatments = 24;
|
||||
product_order_steps.treatments = 24;
|
||||
$("[data-key=treatments]").removeClass("selected disabled");
|
||||
$("[data-key=treatments][data-value=24]").addClass("selected");
|
||||
/* update coverage */
|
||||
$(".coverage-treatments").text(product_order.treatments);
|
||||
$("[data-prodcalc-addon]").text("med psykologi");
|
||||
$(".selected-coverage .treatments").fadeIn('fast');
|
||||
$(".selected-coverage .topp, .selected-coverage .psychology").fadeIn('fast');
|
||||
} else {
|
||||
$(".selected-coverage .topp").fadeOut('fast');
|
||||
$("[data-prodcalc-addon]").text("");
|
||||
$("[data-key=treatments][data-value=0]").show();
|
||||
}
|
||||
}
|
||||
/* based on num treatments */
|
||||
if(key == "treatments") {
|
||||
/* update coverage */
|
||||
if(value > 0) {
|
||||
$(".selected-coverage .treatments").fadeIn('fast');
|
||||
$(".coverage-treatments").text(value);
|
||||
} else if(value === 0) {
|
||||
$(".selected-coverage .topp").fadeOut('fast');
|
||||
$(".selected-coverage .treatments").fadeOut('fast');
|
||||
$(".coverage-treatments").text(value);
|
||||
} else {
|
||||
$(".selected-coverage .treatments:visible").fadeOut('fast');
|
||||
}
|
||||
}
|
||||
|
||||
/* Update current answers.
|
||||
* ie. industry discount, number of treatments, counceling and addon_psychiatric_treatment
|
||||
*/
|
||||
product_order[key] = value;
|
||||
product_order_steps[key] = value;
|
||||
|
||||
$(this).addClass("selected").removeClass("disabled");
|
||||
$("[data-key="+ key +"]").not(this).removeClass("selected").addClass("disabled");
|
||||
product_recalc(products, product_order);
|
||||
/* total questions by number by answered questions */
|
||||
var current_progress = _.size(product_order_steps) / parseFloat(num_product_order_steps) * 100;
|
||||
set_progress(current_progress);
|
||||
});
|
||||
|
||||
/* Go on to the section after this one */
|
||||
$("[data-goto-part]").on('click', function(e) {
|
||||
product_recalc(products, product_order);
|
||||
var part = $(this).attr('data-goto-part');
|
||||
|
||||
|
||||
/* Product tailoring */
|
||||
if(part == 'part-two' && product_order.employees < 100) {
|
||||
//console.log(product_order);
|
||||
$(".part-zero, .part-one-right-container").fadeOut('fast');
|
||||
setTimeout(function() {
|
||||
if(product_order.eligible_industry_discount) {
|
||||
/* Don't ask for counceling, and set it to false */
|
||||
product_order.counceling = false;
|
||||
$(".addon_psychiatric_treatment").fadeIn('fast');
|
||||
$(".about-addon-psychiatric-treatment").fadeIn('fast');
|
||||
$(".about-counceling").hide();
|
||||
} else {
|
||||
$(".part-two .counceling").fadeIn('fast');
|
||||
// FIXME remove this if business rules are valid
|
||||
//if(product_order.employees >= 20 && product_order.employees <= 99) {
|
||||
// $(".about-num-treatments").fadeIn('fast');
|
||||
// $(".prod-num-treatments").fadeIn('fast');
|
||||
//} else {
|
||||
// $(".part-two .counceling").fadeIn('fast');
|
||||
//}
|
||||
}
|
||||
$(".part-two-and-a-half-container").fadeIn('fast');
|
||||
$(".part-two").fadeIn('fast');
|
||||
if(product_order.has_exisiting_insurance) {
|
||||
$(".part-two-right .need-stats").show();
|
||||
} else {
|
||||
$(".part-two-right .need-stats").hide();
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
/* Skip product tailoring */
|
||||
if( part == 'part-two' && product_order.employees >= 100) {
|
||||
set_progress(100);
|
||||
/* Get relevant product documents */
|
||||
//update_relevant_documents(product_order);
|
||||
/* Show documents tab */
|
||||
$(".part-zero, .part-one-right-container").fadeOut('fast');
|
||||
setTimeout(function() {
|
||||
if(product_order.has_exisiting_insurance) {
|
||||
$(".part-three-special .need-stats").show();
|
||||
} else {
|
||||
$(".part-three-special .need-stats").hide();
|
||||
}
|
||||
$(".part-three-special").fadeIn('fast');
|
||||
}, 500);
|
||||
}
|
||||
|
||||
|
||||
/* "We recommend the product..." */
|
||||
if(part == 'part-two-and-a-half') {
|
||||
$(".part-two-right").fadeOut('fast');
|
||||
$(".select-product-btn").fadeIn('fast');
|
||||
setTimeout(function() {
|
||||
$(".part-two-and-a-half").fadeIn('fast');
|
||||
}, 500);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Document "checkout" - fancy schmancy */
|
||||
if( part == 'part-three') {
|
||||
set_progress(100);
|
||||
/* Get relevant product documents */
|
||||
//update_relevant_documents(product_order);
|
||||
|
||||
/* Show documents tab */
|
||||
$(".part-two, .part-one").fadeOut('fast');
|
||||
setTimeout(function() {
|
||||
$(".part-two-and-a-half").parent().removeClass("small-7").addClass("small-12");
|
||||
$(".eula-container").removeClass("small-7").addClass("small-4");
|
||||
$(".product-description-inner").removeClass("small-5").addClass("small-3");
|
||||
$(".part-three").fadeIn('fast');
|
||||
}, 300);
|
||||
$('[data-goto-part="part-three"]').fadeOut('fast');
|
||||
}
|
||||
});
|
||||
|
||||
/* Update the product_order with individual employee ages */
|
||||
function update_employee_ages() {
|
||||
var employees = [];
|
||||
var i = 1;
|
||||
$(".individual-pricing-container select.age-select-dropdown:visible").each(function(j, el) {
|
||||
age = parseInt($(el).val().split(" -")[0]);
|
||||
employees.push({ id: i, age: age });
|
||||
i++;
|
||||
});
|
||||
product_order.individual_term_employees = employees;
|
||||
}
|
||||
$(".individual-pricing-container select.age-select-dropdown").on('change', update_employee_ages);
|
||||
|
||||
/* add html for individual employee risk */
|
||||
$(".individual-pricing-container").on('click', "[data-add-new-employee]", function(e) {
|
||||
e.preventDefault();
|
||||
/* No more than set amount */
|
||||
if( $(".person:visible").length == 4) {
|
||||
return;
|
||||
}
|
||||
$(this).parent().next().fadeIn({ complete: update_employee_ages });
|
||||
});
|
||||
/* remove html for individual employee risk */
|
||||
$(".individual-pricing-container").on('click', "[data-remove-employee]", function(e) {
|
||||
e.preventDefault();
|
||||
/* At least 1 */
|
||||
if( $(".person:visible").length == 1) {
|
||||
return;
|
||||
}
|
||||
$(this).parent().fadeOut({ complete: update_employee_ages });
|
||||
});
|
||||
|
||||
/* Close modal on answer */
|
||||
$('[data-key="has_exisiting_insurance"]').on('click', function() {
|
||||
$("#modal-has-existing-insurance").foundation('reveal', 'close');
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -1,276 +0,0 @@
|
||||
$(function() {
|
||||
/* Save part urls
|
||||
* Ref: urls.py */
|
||||
var urls = {
|
||||
slide_part_save: '/api/slide/part/',
|
||||
slide_title_save: '/api/slide/{slide_id}/title/',
|
||||
slide_part_update: '/api/slide/part/{part_id}/',
|
||||
slide_part_remove: '/api/slide/part/{part_id}/',
|
||||
image_save: '/api/image/'
|
||||
};
|
||||
var slide_id = $("#slide").attr('data-slide-id');
|
||||
var csrf_token = $.cookie('csrftoken');
|
||||
|
||||
/* Editor fields */
|
||||
var elements = document.querySelectorAll('[data-type="text"], [data-type="html"], [data-type="wysihtml5"]');
|
||||
var mediumOptions = {
|
||||
buttons: ['bold', 'italic', 'header1', 'header2', 'quote', 'anchor', 'unorderedlist', 'orderedlist', 'removeFormat']
|
||||
};
|
||||
var editor = new MediumEditor(elements, mediumOptions);
|
||||
editor.subscribe('blur', function(event, el) {
|
||||
var type = $(el).attr('data-type');
|
||||
var name = $(el).attr('data-name');
|
||||
var url = $(el).attr('data-url');
|
||||
var pk = $(el).attr('data-pk');
|
||||
var method = 'POST';
|
||||
|
||||
if (pk.length > 0 && name != 'slide-title') {
|
||||
url = urls.slide_part_update.replace('{part_id}', pk);
|
||||
method = 'PUT';
|
||||
}
|
||||
|
||||
var value = el.innerHTML;
|
||||
if(type == 'text') {
|
||||
value = el.textContent;
|
||||
}
|
||||
var data = {
|
||||
slide_id: slide_id,
|
||||
pk: pk,
|
||||
name: name,
|
||||
value: value
|
||||
};
|
||||
$.ajax({
|
||||
method: method,
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
type: 'POST',
|
||||
url: url,
|
||||
data: JSON.stringify(data),
|
||||
contentType : 'application/json'
|
||||
}).done(function() {
|
||||
// TODO set pk on part
|
||||
// $('[data-name="part-' + response.part_created_name + '"]').attr('data-pk', response.part_created_pk);
|
||||
}).fail(function() {
|
||||
console.log("boo");
|
||||
});
|
||||
|
||||
});
|
||||
$('[data-type="dynamic"]').on('changed', function(e) {
|
||||
/* Delete part */
|
||||
if($(this).attr('data-part-remove')) {
|
||||
var that = this;
|
||||
$.ajax({
|
||||
url: urls.slide_part_remove.replace('{part_id}', $(this).attr('data-pk')),
|
||||
method: 'DELETE',
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function(response, newValue) {
|
||||
$(that).removeAttr('data-part-remove');
|
||||
$(that).attr('data-pk', '');
|
||||
}
|
||||
});
|
||||
return;
|
||||
}
|
||||
/* Create or update part */
|
||||
var value = '';
|
||||
var type = '';
|
||||
|
||||
if($(this).find('img').length) {
|
||||
value = $($(this).find('img')[0]).attr('data-pk');
|
||||
type = 'image';
|
||||
}
|
||||
else if($(this).find('[data-graph-pk]').length) {
|
||||
value = $($(this).find('[data-graph-pk]')[0]).attr('data-graph-pk');
|
||||
type = 'graph';
|
||||
}
|
||||
else {
|
||||
console.log("Could not determine Part-type.");
|
||||
return;
|
||||
}
|
||||
|
||||
var slide_pk = $(this).attr('data-pk');
|
||||
var url = urls.slide_part_save;
|
||||
var method = 'POST';
|
||||
|
||||
if (slide_pk.length > 0) {
|
||||
url = urls.slide_part_update.replace('{part_id}', slide_pk);
|
||||
method = 'PUT';
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
method: method,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
name: $(this).attr('data-name'),
|
||||
value: value,
|
||||
type: type,
|
||||
slide_id: $("#slide").attr('data-slide-id'),
|
||||
href: $(this).find('a').attr('href')
|
||||
},
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function(response, newValue) {
|
||||
if(response !== undefined && response.part_name && response.part_pk) {
|
||||
$('[data-name="part-' + response.part_name + '"]').attr('data-pk', response.part_pk);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
* Gallery
|
||||
*/
|
||||
// Ref: https://github.com/blueimp/jQuery-File-Upload
|
||||
// https://github.com/blueimp/jQuery-File-Upload/wiki/Options
|
||||
$('#id_file').fileupload({
|
||||
dataType: 'json',
|
||||
url: urls.image_save,
|
||||
done: function(e, data) {
|
||||
// add image in gallery
|
||||
$(".gallery ul").prepend('<li class="image-select"><img src="' + data.result.thumbnail_url + '" data-pk="' + data.result.pk + '" data-url="'+ data.result.url +'" /><span class="name">'+ data.result.name +'</span></li>');
|
||||
// click event
|
||||
$(".gallery ul li:first-child").click(function (e) {
|
||||
$(this).siblings().removeClass("selected");
|
||||
$(this).toggleClass("selected");
|
||||
});
|
||||
$("#progress .bar").fadeOut('slow');
|
||||
},
|
||||
fail: function(e, data) {
|
||||
console.log("Failed uploading file: ",e, data);
|
||||
},
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token,
|
||||
'cache-control': 'no-cache'
|
||||
},
|
||||
send: function(e, data) {
|
||||
$('#progress .bar').css('width', '0%');
|
||||
$("#progress .bar").show();
|
||||
},
|
||||
progressall: function (e, data) {
|
||||
var progress = parseInt(data.loaded / data.total * 100, 10);
|
||||
$('#progress .bar').css(
|
||||
'width',
|
||||
progress + '%'
|
||||
);
|
||||
}
|
||||
});
|
||||
/* Green select */
|
||||
$(".image-select").not(".placeholder").click(function (e) {
|
||||
$(this).siblings().removeClass("selected");
|
||||
$(this).toggleClass("selected");
|
||||
|
||||
});
|
||||
/* Insert image */
|
||||
$('[data-type="dynamic"]').each(function(i, el) {
|
||||
/* Insert image-button */
|
||||
var button_area = '<div class="dynamic-buttons" data-buttons-for="'+ $(el).attr('data-name') +'"></div>';
|
||||
var image_button = '<a class="btn packed" data-reveal-id="gallery-modal" data-replace="'+ $(el).attr('data-name') +'"><i class="fa fa-picture-o"></i></a>';
|
||||
$(el).wrap('<div class="dynamic-wrapper" />');
|
||||
$(el).after(button_area);
|
||||
$('[data-buttons-for="'+ $(el).attr('data-name') +'"]').append(image_button);
|
||||
});
|
||||
|
||||
$('[data-reveal-id="gallery-modal"]').click( function(e) {
|
||||
/* Store where to but the image from the modal in the modal */
|
||||
var replacing = $(this).attr('data-replace');
|
||||
$(".image-insert-btn").attr('data-replacing', replacing);
|
||||
});
|
||||
$(".image-insert-btn").click(function(e) {
|
||||
var img = $(".gallery .selected img");
|
||||
if(!img.length) {
|
||||
// nothing selected
|
||||
return;
|
||||
}
|
||||
var replacing = $(this).attr('data-replacing');
|
||||
var part = $('[data-name="'+ replacing +'"]');
|
||||
part.html('<img src="'+ img.attr('data-url') + '" />');
|
||||
part.find('img').attr('data-pk', img.attr('data-pk'));
|
||||
part.trigger('changed');
|
||||
$("#gallery-modal").foundation('reveal', 'close');
|
||||
$('.image-select').removeClass("selected");
|
||||
});
|
||||
/* DELETE image part */
|
||||
$("[data-remove-image]").click(function(e) {
|
||||
var replacing = $('.image-insert-btn').attr('data-replacing');
|
||||
var part = $('[data-name="'+ replacing +'"]');
|
||||
part.attr('data-part-remove','1');
|
||||
part.html('');
|
||||
part.trigger('changed');
|
||||
$('.image-select').removeClass("selected");
|
||||
$("#gallery-modal").foundation('reveal', 'close');
|
||||
});
|
||||
|
||||
/* Link between slides */
|
||||
/* ...for "dynamic" areas */
|
||||
$('[data-type="dynamic"]').each(function(i, el) {
|
||||
/* Insert link-button on images */
|
||||
var last_button = $(el).siblings().find("a:last-child");
|
||||
last_button.after('<a class="btn packed" data-url-target="'+ $(el).attr('data-name') +'" data-reveal-id="link-modal"><i class="fa fa-link"></i></a>');
|
||||
});
|
||||
|
||||
/* Set element target on modal */
|
||||
$('[data-url-target]').click( function(e) {
|
||||
var target = $(this).attr('data-url-target');
|
||||
if(!$('[data-name="' + target + '"]').find('img').length) {
|
||||
/* if there is no image, dont link to nothing */
|
||||
e.stopPropagation();
|
||||
return;
|
||||
}
|
||||
$(".modal-links").attr('data-wrapping', target);
|
||||
});
|
||||
|
||||
$("[data-is-slide-link]").click(function(e) {
|
||||
e.preventDefault();
|
||||
if($(this).attr('data-get-value-from-id')) {
|
||||
/* Insert own link via input-field */
|
||||
var input_id = $(this).attr('data-get-value-from-id');
|
||||
$(this).attr('href', $("#"+input_id).val());
|
||||
}
|
||||
var link = $(this).attr('href');
|
||||
var wrapping = $(".modal-links").attr('data-wrapping');
|
||||
var el_target = $('[data-name="'+ wrapping +'"]');
|
||||
// replace href in targets children if it exists
|
||||
var potential_link = el_target.children();
|
||||
if(potential_link.is('a')) {
|
||||
potential_link.attr('href',link);
|
||||
} else {
|
||||
el_target.find('img').wrap('<a href="'+ link +'" />');
|
||||
}
|
||||
el_target.trigger('changed');
|
||||
$(".modal-links").foundation('reveal', 'close');
|
||||
});
|
||||
|
||||
/* Graphs - sticks in divs with data-type=dynamic */
|
||||
$('[data-type="dynamic"]').each(function(i, el) {
|
||||
/* Insert link-button on images */
|
||||
var last_button = $(el).siblings().find("a:last-child");
|
||||
last_button.after('<a class="btn packed" data-target="'+ $(el).attr('data-name') +'" data-reveal-id="graph-modal"><i class="fa fa-bar-chart"></i></a>');
|
||||
|
||||
/* Set element target on modal */
|
||||
$('[data-target="'+ $(el).attr('data-name') +'"]').click( function(e) {
|
||||
var target = $(this).attr('data-target');
|
||||
$(".modal-graph").attr('data-graph-target', target);
|
||||
});
|
||||
});
|
||||
|
||||
$("[data-is-graph] a").click(function(e) {
|
||||
e.preventDefault();
|
||||
var part_name = $('[data-graph-target]').attr('data-graph-target');
|
||||
var graph = $(this).parent();
|
||||
var part = $('[data-name="'+ part_name +'"]');
|
||||
var html = graph.find('[data-graph-html-copy]')[0].outerHTML;
|
||||
part.html(html);
|
||||
part.find('[data-graph-slug]').graph('load');
|
||||
part.trigger('changed');
|
||||
$(".modal-graph").foundation('reveal', 'close');
|
||||
});
|
||||
|
||||
/* Load graphs initially */
|
||||
$('.template [data-graph-slug]').graph('load');
|
||||
$('.modal-graph [data-graph-slug]').graph('load', {width: 300, height: 200});
|
||||
|
||||
});
|
||||
@@ -1,440 +0,0 @@
|
||||
$(document).ready( function() {
|
||||
var all_icons = $("[data-section-icon]").map(function() {
|
||||
return $(this).attr('data-section-icon');
|
||||
}).get();
|
||||
all_icons = _.uniq(all_icons).join(" ");
|
||||
|
||||
function update_title_bar( event ) {
|
||||
if($(event.currentSlide).is('[data-section-title-hidden]') ) {
|
||||
$(".title-bar").css('opacity', '0');
|
||||
} else {
|
||||
$(".title-bar").css('opacity', '1');
|
||||
}
|
||||
// event.previousSlide, event.currentSlide, event.indexh, event.indexv
|
||||
var title = $(event.currentSlide).attr('data-section-title') || "";
|
||||
/* Only update when title has changed */
|
||||
if($(".title-bar .title span:first").text() !== title) {
|
||||
$("<span>"+title+"</span>").hide().appendTo(".title-bar .title").fadeIn("normal");
|
||||
$(".title-bar .title span:not(:last)").fadeOut("normal", function() {
|
||||
$(this).remove();
|
||||
});
|
||||
}
|
||||
|
||||
var edit_url = $(event.currentSlide).attr('data-edit-url');
|
||||
$(".title-bar a.title").attr('href', edit_url); // Only update if a is found
|
||||
|
||||
var icon = $(event.currentSlide).attr('data-section-icon') || "";
|
||||
if( !$(".title-bar .title i").hasClass(icon) ) {
|
||||
$(".title-bar .title i")
|
||||
.removeClass(all_icons)
|
||||
.addClass(icon);
|
||||
}
|
||||
}
|
||||
/* Slides: with "wheel" */
|
||||
function wheel_toggle_slides(el) {
|
||||
$("[data-wheel-order]").removeClass('active');
|
||||
$(el).addClass('active');
|
||||
var order = $(el).attr('data-wheel-order');
|
||||
var related = $('[data-wheel-order="' + order +'"]').not('.wheel-image');
|
||||
related.addClass('active');
|
||||
$('.wheel-text [data-type="wysihtml5"]').hide();
|
||||
related.show();
|
||||
}
|
||||
$(".top-bar .links a").click(function() {
|
||||
$(".top-bar.expanded .toggle-topbar").trigger("click.fndtn.topbar");
|
||||
});
|
||||
|
||||
/* Presentation? */
|
||||
if( $('.page-presentation-play').length) {
|
||||
/* Initialize reveal.js */
|
||||
Reveal.initialize({
|
||||
// Display controls in the bottom right corner
|
||||
controls: true,
|
||||
// Display a presentation progress bar
|
||||
progress: true,
|
||||
// Push each slide change to the browser history
|
||||
history: true,
|
||||
// Enable keyboard shortcuts for navigation
|
||||
keyboard: true,
|
||||
// Enable the slide overview mode
|
||||
overview: false,
|
||||
// Vertical centering of slides
|
||||
center: false,
|
||||
// Enables touch navigation on devices with touch input
|
||||
touch: true,
|
||||
// Loop the presentation
|
||||
loop: false,
|
||||
// Change the presentation direction to be RTL
|
||||
rtl: false,
|
||||
// Number of milliseconds between automatically proceeding to the
|
||||
// next slide, disabled when set to 0, this value can be overwritten
|
||||
// by using a data-autoslide attribute on your slides
|
||||
autoSlide: 0,
|
||||
// Enable slide navigation via mouse wheel
|
||||
mouseWheel: false,
|
||||
// Apply a 3D roll to links on hover
|
||||
rollingLinks: false,
|
||||
// Transition style
|
||||
transition: 'linear', // default/cube/page/concave/zoom/linear/fade/none
|
||||
// Factor of the display size that should remain empty around the content
|
||||
margin: 0.15,
|
||||
// The "normal" size of the presentation, aspect ratio will be preserved
|
||||
// when the presentation is scaled to fit different resolutions. Can be
|
||||
// specified using percentage units.
|
||||
//width: 960,
|
||||
//height: 700,
|
||||
width: 768, // Note: Could set this to 100% and make presentation content responsive instead of using zoom;
|
||||
height: 576,
|
||||
minScale: 0.2,
|
||||
maxScale: 1
|
||||
// FIXME: use user agent / device width ?
|
||||
});
|
||||
|
||||
|
||||
Reveal.addEventListener( 'ready', function(event) {
|
||||
/* On small screen? disable transitions */
|
||||
var small_screen = $(window).width() < 480;
|
||||
if( small_screen ) {
|
||||
Reveal.configure({ transition: 'none' });
|
||||
}
|
||||
|
||||
update_title_bar(event);
|
||||
|
||||
/* Load chart if one exists on current slide (animate) */
|
||||
if( $(event.currentSlide).find('[class^="graph-"]').length) {
|
||||
$(event.currentSlide).find('[class^="graph-"]').graph('load');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
Reveal.addEventListener( 'slidechanged', function( event ) {
|
||||
|
||||
/* Update title bar */
|
||||
update_title_bar(event);
|
||||
|
||||
/* Chart slide - Wait until it is current to load (animate) */
|
||||
if( $(event.currentSlide).find('[class^="graph-"]').length) {
|
||||
$(event.currentSlide).find('[class^="graph-"]').graph('load');
|
||||
}
|
||||
|
||||
/* Disable touch on specific slides*/
|
||||
if( $(event.currentSlide).find("[data-swipe-disable]").length ) {
|
||||
Reveal.configure({ touch: false });
|
||||
} else {
|
||||
Reveal.configure({ touch: true });
|
||||
}
|
||||
|
||||
/* Search previous slide for video elements and pause them */
|
||||
$(event.previousSlide).find("video").each(function(i, el) {
|
||||
el.pause();
|
||||
});
|
||||
|
||||
/* Setup/Reset wheel state on wheel-slide enter */
|
||||
if( $(event.currentSlide).find('.wheel').length) {
|
||||
$('.wheel-text [data-wheel-order]').hide();
|
||||
$('[data-wheel-order]').removeClass('active');
|
||||
$('[data-wheel-order="1"]').addClass('active').show();
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
$(".wheel-images .wheel-image .trigger, .wheel-head .trigger").on('mousedown', function(e) {
|
||||
wheel_toggle_slides(this);
|
||||
});
|
||||
/* Hover fix for touch: Only bind on hover for non-touch devices */
|
||||
$(".no-touch .wheel-images .wheel-image .trigger, .no-touch .wheel-head .trigger").on('mouseenter', function(e) {
|
||||
wheel_toggle_slides(this);
|
||||
});
|
||||
}
|
||||
|
||||
/* Swipebox */
|
||||
$('a.fancybox').swipebox();
|
||||
|
||||
/* Video */
|
||||
$('video').mediaelementplayer({
|
||||
success: function (mediaElement, domObject) {
|
||||
/* Track video plays */
|
||||
mediaElement.addEventListener(
|
||||
'play',
|
||||
function(e) {
|
||||
mixpanel.track("Played video.");
|
||||
},
|
||||
false);
|
||||
}
|
||||
});
|
||||
|
||||
/* Skip home if you are on the play-slide */
|
||||
$("[data-goto-first-slide]").on('click', function(e) {
|
||||
e.preventDefault();
|
||||
$(".top-bar.expanded .toggle-topbar").trigger("click.fndtn.topbar");
|
||||
Reveal.slide(0, 0);
|
||||
});
|
||||
|
||||
|
||||
/* Slide: Sick cost calculator */
|
||||
function get_salary() {
|
||||
var industry_pk = parseInt($("#id_calc_industry").val(), 10);
|
||||
/* Note: stb_industries is defined in the calculator.html-template */
|
||||
var industry = _.findWhere(stb_industries, {pk: industry_pk});
|
||||
|
||||
if(industry === undefined) {
|
||||
return 0;
|
||||
}
|
||||
return industry.fields.yearly_salary;
|
||||
}
|
||||
function calc_cost(sick_rate, num_staff) {
|
||||
var salary = get_salary();
|
||||
sick_rate = sick_rate / 100.0; // percent
|
||||
return sick_rate * num_staff * salary;
|
||||
}
|
||||
/* Format norwegian */
|
||||
function format_number_norwegian(num) {
|
||||
num = num.toString();
|
||||
var formatted_str = "";
|
||||
/* Add spaces backwards every third char */
|
||||
for(var i=0; i< num.length; i++){
|
||||
if(i % 3 === 0) {
|
||||
formatted_str += " ";
|
||||
}
|
||||
formatted_str += num.charAt(num.length-i-1);
|
||||
}
|
||||
/* reverse the string */
|
||||
return formatted_str.split("").reverse().join("");
|
||||
}
|
||||
function calc_savings(sick_rate, goal_sick_rate, num_staff) {
|
||||
var current = calc_cost(sick_rate, num_staff);
|
||||
var goal = calc_cost(goal_sick_rate, num_staff);
|
||||
return current - goal; //total savings per year
|
||||
}
|
||||
function recalc() {
|
||||
/* Get data */
|
||||
var num_staff = parseInt($(".num-staff").slider('value'), 10);
|
||||
var sick_rate = $(".sick-rate").slider('value');
|
||||
var sick_rate_float = parseFloat(sick_rate);
|
||||
var goal_sick_rate = $(".goal-sick-rate").slider('value');
|
||||
var goal_sick_rate_float = parseFloat(goal_sick_rate);
|
||||
/* Calculate */
|
||||
var cost = calc_cost(sick_rate_float, num_staff);
|
||||
cost = parseInt(Math.round( cost / 100), 10) * 100;
|
||||
var savings = calc_savings(sick_rate_float, goal_sick_rate, num_staff);
|
||||
savings = parseInt(Math.round( savings / 1000), 10) * 1000;
|
||||
/* Output data */
|
||||
$("[data-calc-staff]").text(num_staff);
|
||||
$("[data-calc-rate]").text(Math.round(sick_rate_float * 10) / 10);
|
||||
$("[data-calc-goal-rate]").text(Math.round(goal_sick_rate_float * 10) / 10);
|
||||
$("[data-calc-savings]").text(format_number_norwegian(savings));
|
||||
$("[data-calc-savings-employee]").text(format_number_norwegian(Math.round(savings / num_staff)));
|
||||
/* cost */
|
||||
$("[data-calc-cost]").text(format_number_norwegian(cost));
|
||||
$("[data-calc-cost-employee]").text(format_number_norwegian(Math.round(cost / num_staff)));
|
||||
|
||||
}
|
||||
if($(".sick-cost-calculator").length) {
|
||||
$( ".num-staff" ).slider({
|
||||
animate: "fast",
|
||||
value: 600,
|
||||
min: 1,
|
||||
max: 2000,
|
||||
step: 1,
|
||||
stop: recalc,
|
||||
slide: recalc
|
||||
});
|
||||
$( ".sick-rate" ).slider({
|
||||
animate: "fast",
|
||||
value: 10.2,
|
||||
min: 1,
|
||||
max: 15,
|
||||
step: 0.2,
|
||||
stop: recalc,
|
||||
slide: recalc
|
||||
});
|
||||
$( ".goal-sick-rate" ).slider({
|
||||
animate: "fast",
|
||||
value: 5,
|
||||
min: 1,
|
||||
max: 15,
|
||||
step: 0.2,
|
||||
stop: recalc,
|
||||
slide: recalc
|
||||
});
|
||||
$(".sick-cost-industry-form").on('change', function(e) {
|
||||
recalc();
|
||||
});
|
||||
|
||||
recalc(); // Initial calc
|
||||
|
||||
/* Workaround for slider not working on touch devices
|
||||
* Click/touch and change */
|
||||
$("[data-calc-staff], [data-calc-rate], [data-calc-goal-rate]").on('click', function(e) {
|
||||
$(".set-value-modal").attr('data-updating', $(this).attr('data-updating'));
|
||||
var old_value = $(this).text();
|
||||
$("input[name=set-value]").val(old_value);
|
||||
$(".set-value-modal").foundation('reveal', 'open');
|
||||
});
|
||||
$(".set-value-button").on('click', function(e) {
|
||||
var new_value = $("input[name=set-value]").val();
|
||||
var key = "#" + $(".set-value-modal").attr('data-updating');
|
||||
$( key ).slider({ value: parseFloat(new_value)});
|
||||
$(".set-value-modal").foundation('reveal', 'close');
|
||||
recalc();
|
||||
});
|
||||
}
|
||||
|
||||
/* Slide: Public treatment comparison */
|
||||
if($(".public-treatment-comparison").length) {
|
||||
var options = {
|
||||
valueNames: [ 'region', 'hospital', 'city', 'diagnose', 'waittime' ]
|
||||
};
|
||||
|
||||
var featureList = new List('treatment-list', options);
|
||||
featureList.sort('waittime', { asc: false });
|
||||
|
||||
$('.filter-region, .filter-diagnose').change(function() {
|
||||
featureList.filter(function(item) {
|
||||
var diagnose = $('.filter-diagnose').val();
|
||||
var region = $(".filter-region").val();
|
||||
return (item.values().region == region || region == "Alle") && item.values().diagnose == diagnose;
|
||||
});
|
||||
return false;
|
||||
});
|
||||
$('.filter-none').click(function() {
|
||||
featureList.filter();
|
||||
return false;
|
||||
});
|
||||
$(".filter-diagnose").trigger('change');
|
||||
}
|
||||
|
||||
function init_treatment_map() {
|
||||
// mapbox.com: nikolaik.map-hyrf1sef
|
||||
var tile_url = 'http://{s}.tiles.mapbox.com/v3/nikolaik.map-hyrf1sef/{z}/{x}/{y}.png';
|
||||
var tiles = L.tileLayer(tile_url, {maxZoom: 17, minZoom: 4});
|
||||
var latlng = L.latLng(65.57, 12.56);
|
||||
|
||||
var map = L.map('treament-network-map', {center: latlng, zoom: 4, layers: [tiles]});
|
||||
|
||||
var markers = L.markerClusterGroup({ showCoverageOnHover: false});
|
||||
/* Marker icon style */
|
||||
var static_url = $('meta[name="x-django-static-url"]').attr('content');
|
||||
var icon = L.icon({
|
||||
iconUrl: static_url + 'dist/images/storebrand_map_marker.png',
|
||||
iconSize: new L.Point(35, 35),
|
||||
iconAnchor: new L.Point(35, 35),
|
||||
popupAnchor: new L.Point(-17.5, -35),
|
||||
shadowUrl: '',
|
||||
shadowSize: new L.Point(0, 0),
|
||||
});
|
||||
|
||||
/* Add specialist markers */
|
||||
var _url = 'http://zeppelin.brill.no/blifrisk/data/no.json';
|
||||
$.getJSON(_url, function(data) {
|
||||
_.each(data.specialists, function(s, i) {
|
||||
if(s.position) {
|
||||
var marker = L.marker(new L.LatLng(s.position.lat, s.position.lng), { title: s.name, icon: icon });
|
||||
marker.bindPopup("<h3>"+ s.name +"</h3><p>"+ s.address +"<br /> "+ s.postalCode +" "+ s.city +"</p>");
|
||||
markers.addLayer(marker);
|
||||
}
|
||||
});
|
||||
map.addLayer(markers);
|
||||
});
|
||||
}
|
||||
/* Slide: Treatment locations map */
|
||||
if($(".treament-network-map").length) {
|
||||
|
||||
/* Load the treatment map when the slide comes in to view when in presentation mode */
|
||||
if (window.Reveal && !$(".page-slide-edit").length) {
|
||||
var handler = function(event) {
|
||||
if($(event.currentSlide).find(".treament-network-map").length) {
|
||||
init_treatment_map();
|
||||
Reveal.removeEventListener( 'slidechanged', handler, false); // run only once
|
||||
}
|
||||
};
|
||||
Reveal.addEventListener( 'slidechanged', handler);
|
||||
Reveal.addEventListener( 'ready', function(event) {
|
||||
if($(event.currentSlide).find(".treament-network-map").length) {
|
||||
/* Load map */
|
||||
init_treatment_map();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
init_treatment_map();
|
||||
}
|
||||
|
||||
}
|
||||
/* Placeholder polyfill for IE9 */
|
||||
placeholderSupport = ("placeholder" in document.createElement("input"));
|
||||
if(!placeholderSupport){
|
||||
//This browser does not support the placeholder attribute
|
||||
//use javascript instead
|
||||
$('[placeholder]').focus(function() {
|
||||
var input = $(this);
|
||||
if (input.val() === input.attr('placeholder')) {
|
||||
input.val('');
|
||||
input.removeClass('placeholder');
|
||||
}
|
||||
}).blur(function() {
|
||||
var input = $(this);
|
||||
if (input.val() === '' || input.val() === input.attr('placeholder')) {
|
||||
input.addClass('placeholder');
|
||||
input.val(input.attr('placeholder'));
|
||||
}
|
||||
}).blur().parents('form').submit(function() {
|
||||
$(this).find('[placeholder]').each(function() {
|
||||
var input = $(this);
|
||||
if (input.val() === input.attr('placeholder')) {
|
||||
input.val('');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
/* Highcarts graph theme */
|
||||
Highcharts.theme = {
|
||||
colors: ['#da291c', '#425563', '#ed786f'],
|
||||
chart: {
|
||||
backgroundColor: null
|
||||
},
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
title: {
|
||||
style: {
|
||||
color: '#1e394d',
|
||||
font: 'bold 16px "SignaColumn", Helvetica, Arial, sans-serif'
|
||||
}
|
||||
},
|
||||
subtitle: {
|
||||
style: {
|
||||
color: '#425563',
|
||||
font: 'bold 12px "SignaColumn", Helvetica, Arial, sans-serif'
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
style: {
|
||||
color: 'gray'
|
||||
}
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
title: {
|
||||
style: {
|
||||
color: 'gray'
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
itemStyle: {
|
||||
font: '9pt "SignaColumn", Helvetica, Arial, sans-serif',
|
||||
color: 'black'
|
||||
},
|
||||
itemHoverStyle:{
|
||||
color: 'gray'
|
||||
}
|
||||
},
|
||||
exporting: {
|
||||
enabled: false
|
||||
}
|
||||
};
|
||||
|
||||
// Apply the theme
|
||||
Highcharts.setOptions(Highcharts.theme);
|
||||
});
|
||||
Vendored
+58
@@ -0,0 +1,58 @@
|
||||
function format_results(results) {
|
||||
var html = '<div class="list-group">';
|
||||
for(var i=0; i< results.length; i++) {
|
||||
var res = results[i];
|
||||
|
||||
var label = '';
|
||||
var is_member = res.is_member && res.is_member === "1";
|
||||
var add_to_button = '';
|
||||
var css_classes = '';
|
||||
var expires = res.expires;
|
||||
|
||||
if(is_member) {
|
||||
label = ' <span class="label label-success">Member</span> ';
|
||||
css_classes += 'member';
|
||||
} else if(expires === '0000-00-00') {
|
||||
add_to_button = '<button class="btn btn-primary">Use</button> ';
|
||||
label = ' <span class="label label-default">Registered</span> ';
|
||||
} else {
|
||||
add_to_button = '<button class="btn btn-primary">Use</button> ';
|
||||
label = ' <span class="label label-warning">Expired: '+ expires +'</span> ';
|
||||
}
|
||||
var q = $('#id_query').val();
|
||||
html += '<a href="?q='+q+'&phone_number='+ res.number +'" data-phone-number="'+ res.number +'" class="list-group-item search-result '+css_classes+'">' + add_to_button + res.firstname + ' ' + res.lastname + label + '</a>';
|
||||
}
|
||||
return html + '</div>';
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
var _dom = {
|
||||
results: $('.results-wrap'),
|
||||
query: $('#id_query'),
|
||||
phoneNumber: $('#id_phone_number'),
|
||||
cardNumber: $('#id_card_number')
|
||||
};
|
||||
var urls = {
|
||||
insideUserApi: '/inside/user/'
|
||||
};
|
||||
|
||||
/* Saerch as you type */
|
||||
_dom.query.on('keyup', function() {
|
||||
var val = _dom.query.val();
|
||||
$.getJSON(urls.insideUserApi, {q: val}, function(data) {
|
||||
//console.log(data);
|
||||
if(data.results && data.results.length > 0) {
|
||||
_dom.results.html(format_results(data.results));
|
||||
} else {
|
||||
_dom.results.html('No existing user with that phone number');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/* Click search result */
|
||||
_dom.results.on('click', '.search-result', function(e){
|
||||
e.preventDefault();
|
||||
var number = $(this).attr('data-phone-number');
|
||||
_dom.phoneNumber.val(number);
|
||||
});
|
||||
});
|
||||
-95
@@ -1,95 +0,0 @@
|
||||
|
||||
$(function(){
|
||||
var urls = {
|
||||
save_document: '/api/document/',
|
||||
update_document: '/api/document/{pk}/'
|
||||
};
|
||||
var _dom = {
|
||||
document_table: $('.document-table'),
|
||||
progress_bar: $("#progress .bar"),
|
||||
};
|
||||
var csrf_token = $.cookie('csrftoken');
|
||||
|
||||
/* inplace edit */
|
||||
_dom.document_table.on('click', "[data-model-field]", function() {
|
||||
var input_field = $(this).siblings("input");
|
||||
if($(this).siblings("input").length) {
|
||||
input_field.val($(this).text()).css('display', 'inline-block');
|
||||
} else {
|
||||
$(this).after('<input type="text" data-editable-field class="in-place" value="'+ $(this).text() +'" />');
|
||||
input_field = $(this).siblings("input");
|
||||
}
|
||||
input_field.css('width', $(this).width() + 30);
|
||||
$(this).hide();
|
||||
$("[data-editable-field]").focus();
|
||||
});
|
||||
|
||||
/* save on blur and <enter> */
|
||||
_dom.document_table.on('blur keyup', 'input[type=text]', function(e) {
|
||||
if(e.type == 'keyup' && e.keyCode != 13) {
|
||||
return;
|
||||
}
|
||||
/* anything changed ? */
|
||||
if( $(this).siblings("[data-model-field]").text() !== $(this).val() ) {
|
||||
/* update text */
|
||||
$(this).siblings("[data-model-field]").text($(this).val());
|
||||
|
||||
var document_pk = $(this).siblings("[data-model-field]").attr('data-pk');
|
||||
var model_field = $(this).siblings("[data-model-field]").attr('data-model-field');
|
||||
var field_value = $(this).val();
|
||||
|
||||
var data = {};
|
||||
data[model_field] = field_value;
|
||||
|
||||
$.ajax({
|
||||
url: urls.update_document.replace('{pk}', document_pk),
|
||||
method: 'PATCH',
|
||||
dataType: 'json',
|
||||
data: data,
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function(response, newValue) {
|
||||
console.log('Field '+model_field+' updated with value "'+field_value+'".');
|
||||
}
|
||||
});
|
||||
}
|
||||
/* Back to original view */
|
||||
$("[data-model-field]").show();
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
/* Document file upload */
|
||||
$('.upload-document').fileupload({
|
||||
dataType: 'json', // TODO: why no JSON?
|
||||
url: urls.save_document,
|
||||
done: function(e, data) {
|
||||
_dom.progress_bar.fadeOut('slow');
|
||||
var result = data.result;
|
||||
/* insert document row */
|
||||
|
||||
var filename = result.filename.slice(0, 40);
|
||||
console.log(result);
|
||||
|
||||
$('.document-table').prepend('<tr><td><span data-model-field="name" data-pk="'+ result.pk +'">'+ result.name +'</span></td><td><i class="icon-file"></i> '+ filename +'</td><td><span class="label secondary radius" data-type="text" data-model-field="category" data-pk="'+ result.pk +'"></span></td><td>'+ result.updated +'</td><td><a href="'+ result.file +'" class="btn packed"><i class="icon-download-alt"></i></a></td><td><a href="/document/'+ result.pk +'/remove/" class="btn packed"><i class="icon-remove"></i></a></td></tr>');
|
||||
},
|
||||
fail: function(e, data) {
|
||||
console.log("Failed uploading file: ",e, data);
|
||||
},
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token,
|
||||
'cache-control': 'no-cache'
|
||||
},
|
||||
send: function(e, data) {
|
||||
_dom.progress_bar.css('width', '0%');
|
||||
_dom.progress_bar.show();
|
||||
},
|
||||
progressall: function (e, data) {
|
||||
var progress = parseInt(data.loaded / data.total * 100, 10);
|
||||
_dom.progress_bar.css(
|
||||
'width',
|
||||
progress + '%'
|
||||
);
|
||||
}
|
||||
});
|
||||
});
|
||||
Vendored
-1341
File diff suppressed because it is too large.
Load diff
Vendored
-186
@@ -1,186 +0,0 @@
|
||||
/* Extend jquery */
|
||||
(function ( $ ) {
|
||||
$.fn.graph = function(action, options) {
|
||||
// These are the defaults
|
||||
var settings = $.extend({
|
||||
width: undefined,
|
||||
height: undefined,
|
||||
animation_duration: 1000 // ms
|
||||
}, options );
|
||||
/* The slug of each Graph object map to a function in the graphs object */
|
||||
var graphs = {
|
||||
treatment: function(element) {
|
||||
$(element).highcharts({
|
||||
chart: {
|
||||
type: 'column',
|
||||
width: settings.width,
|
||||
height: settings.height,
|
||||
animation: {
|
||||
duration: settings.animation_duration
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: 'Antall behandlinger'
|
||||
},
|
||||
xAxis: {
|
||||
title: {
|
||||
text: 'År'
|
||||
},
|
||||
minRange : 30 * 24 * 3600 * 1000, //
|
||||
minTickInterval: 12 * 30 * 24 * 3600 * 1000, // A year
|
||||
type: 'datetime'
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: 'Antall behandlinger'
|
||||
}
|
||||
|
||||
},
|
||||
series: [{
|
||||
name: 'Antall behandlinger',
|
||||
data: [
|
||||
[Date.UTC(2007, 1), 35000],
|
||||
[Date.UTC(2008, 1), 40000],
|
||||
[Date.UTC(2009, 1), 60000],
|
||||
[Date.UTC(2010, 1), 67000],
|
||||
[Date.UTC(2011, 1), 70000],
|
||||
[Date.UTC(2012, 1), 78000],
|
||||
[Date.UTC(2013, 1), 97000],
|
||||
[Date.UTC(2014, 1), 109000]],
|
||||
enabled: false
|
||||
|
||||
}],
|
||||
legend: {
|
||||
enabled: false
|
||||
}
|
||||
});
|
||||
},
|
||||
treatment_distribution: function(element) {
|
||||
var last_year = new Date().getFullYear() - 1;
|
||||
$(element).highcharts({
|
||||
chart: {
|
||||
type: 'column',
|
||||
width: settings.width,
|
||||
height: settings.height,
|
||||
animation: {
|
||||
duration: settings.animation_duration
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: 'Fordeling behandlinger'
|
||||
},
|
||||
xAxis: {
|
||||
title: {
|
||||
text: 'Måned'
|
||||
},
|
||||
minRange : 30 * 24 * 3600 * 1000, //
|
||||
minTickInterval: 12 * 30 * 24 * 3600 * 1000, // A year
|
||||
type: 'datetime'
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: 'Fordeling'
|
||||
}
|
||||
|
||||
},
|
||||
series: [{
|
||||
name: 'Preeksisterende',
|
||||
data: [
|
||||
[Date.UTC(last_year, 0), 2],
|
||||
[Date.UTC(last_year, 1), 5],
|
||||
[Date.UTC(last_year, 2), 10],
|
||||
[Date.UTC(last_year, 3), 20],
|
||||
[Date.UTC(last_year, 4), 40],
|
||||
[Date.UTC(last_year, 5), 70],
|
||||
[Date.UTC(last_year, 6), 40],
|
||||
[Date.UTC(last_year, 7), 40],
|
||||
[Date.UTC(last_year, 8), 40]]
|
||||
},
|
||||
{
|
||||
name: 'Nye lidelser',
|
||||
data: [
|
||||
[Date.UTC(last_year, 0), 8],
|
||||
[Date.UTC(last_year, 1), 10],
|
||||
[Date.UTC(last_year, 2), 15],
|
||||
[Date.UTC(last_year, 3), 18],
|
||||
[Date.UTC(last_year, 4), 20],
|
||||
[Date.UTC(last_year, 5), 30],
|
||||
[Date.UTC(last_year, 6), 40],
|
||||
[Date.UTC(last_year, 7), 40],
|
||||
[Date.UTC(last_year, 8), 40]]
|
||||
}],
|
||||
plotOptions: {
|
||||
column: {
|
||||
stacking: 'normal'
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
num_insured: function(element) {
|
||||
$(element).highcharts({
|
||||
chart: {
|
||||
type: 'column',
|
||||
width: settings.width,
|
||||
height: settings.height,
|
||||
animation: {
|
||||
duration: settings.animation_duration
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: 'Antall forsikrede (behandlingsforsikring) per 30. juni 2003-2014'
|
||||
},
|
||||
xAxis: {
|
||||
title: {
|
||||
text: 'År'
|
||||
},
|
||||
tickInterval: Date.UTC(1902, 0, 1) - Date.UTC(1901, 0, 1), // A year
|
||||
year: '%Y',
|
||||
type: 'datetime'
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: 'Antall forsikrede'
|
||||
}
|
||||
|
||||
},
|
||||
series: [{
|
||||
name: 'Antall forsikrede',
|
||||
data: [
|
||||
[Date.UTC(2003, 0), 14587],
|
||||
[Date.UTC(2004, 0), 20634],
|
||||
[Date.UTC(2005, 0), 35418],
|
||||
[Date.UTC(2006, 0), 42073],
|
||||
[Date.UTC(2007, 0), 74435],
|
||||
[Date.UTC(2008, 0), 97661],
|
||||
[Date.UTC(2009, 0), 115651],
|
||||
[Date.UTC(2010, 0), 141742],
|
||||
[Date.UTC(2011, 0), 233739],
|
||||
[Date.UTC(2012, 0), 357468],
|
||||
[Date.UTC(2013, 0), 404320],
|
||||
[Date.UTC(2014, 0), 437137]],
|
||||
enabled: false
|
||||
|
||||
}],
|
||||
legend: {
|
||||
enabled: false
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/* What do do? */
|
||||
if(action == 'load') {
|
||||
/* For each element get attr and load appropriate graph */
|
||||
return this.each(function() {
|
||||
var slug = $(this).attr('data-graph-slug');
|
||||
// Create a graphs[slug] of this.
|
||||
graphs[slug](this);
|
||||
});
|
||||
} else if(action == 'get') {
|
||||
/* Not used
|
||||
return Highcharts.charts[loaded_graphs[slug].data('highchartsChart')];
|
||||
*/
|
||||
}
|
||||
};
|
||||
|
||||
}( jQuery ));
|
||||
-121
@@ -1,121 +0,0 @@
|
||||
function get_offset(col, grid_height, min_widget_height) {
|
||||
var num_slides = $('.slide[data-col="'+ col +'"]').length;
|
||||
return (grid_height - (num_slides * min_widget_height)) * -1;
|
||||
}
|
||||
|
||||
/* Push add buttons up x px, close to the lowest slide in its section */
|
||||
function reposition_add_buttons(min_widget_height) {
|
||||
var max_rows = _.max($(".slide"), function(slide){ return parseInt($(slide).attr('data-row')); });
|
||||
var grid_height = $(max_rows).attr('data-row') * min_widget_height;
|
||||
|
||||
$(".slide-add").each(function() {
|
||||
var offset = get_offset($(this).attr('data-col'), grid_height, min_widget_height);
|
||||
$(this).css({ top: offset });
|
||||
});
|
||||
}
|
||||
$(function(){
|
||||
// TODO: on document ready, to load: loading icon
|
||||
var margin_x = 8;
|
||||
var margin_y = 4;
|
||||
var csrf_token = $.cookie('csrftoken');
|
||||
var grid = $(".gridster ul").gridster({
|
||||
widget_selector: "li.slide",
|
||||
widget_margins: [margin_x, margin_y],
|
||||
widget_base_dimensions: [113, 80],
|
||||
min_cols: 6,
|
||||
serialize_params: function($w, wgd) {
|
||||
return {
|
||||
slide: $w.attr('data-slide'),
|
||||
section: $('.sections li[data-col="'+ wgd.col +'"]').attr('data-section'),
|
||||
order: wgd.row
|
||||
};
|
||||
},
|
||||
draggable: {
|
||||
// https://github.com/ducksboard/gridster.js/issues/161
|
||||
handle: 'img', // FIXME: Edit link is not working on touch
|
||||
stop: function() {
|
||||
/* reposition add buttons */
|
||||
reposition_add_buttons(this.min_widget_height);
|
||||
|
||||
/* Save grid order */
|
||||
var grid = this.serialize_changed();
|
||||
|
||||
var slides = [];
|
||||
for(var i in grid ) {
|
||||
slides.push({ name: "slide-order-"+grid[i].slide, value: grid[i].order });
|
||||
slides.push({ name: "slide-section-"+grid[i].slide, value: grid[i].section });
|
||||
}
|
||||
/* Prepare data */
|
||||
var data = $("#presentation-form").serializeArray();
|
||||
data = data.concat(slides);
|
||||
/* http post json */
|
||||
var url = $("#presentation").attr('data-save-url');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
data: data,
|
||||
async: false, // FIXME: Make async
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function (result,l,o) {
|
||||
if(result !== undefined && result.success) {
|
||||
/* redirect to edit url */
|
||||
window.location = "/slideshow/" + result.presentation_id + "/edit/";
|
||||
} else {
|
||||
//console.log("Saved"); //FIXME notify
|
||||
}
|
||||
},
|
||||
error: function (request, text_status, error_thrown) {
|
||||
console.log("uffda..."); //FIXME notify
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
/* Note: gridster api add, remove, serialize */
|
||||
var gridster = grid.data('gridster');
|
||||
|
||||
/* reposition add buttons */
|
||||
reposition_add_buttons(gridster.min_widget_height);
|
||||
|
||||
/* Datepicker */
|
||||
$("#id_datetime").datepicker({
|
||||
dateFormat: "yy-mm-dd"
|
||||
});
|
||||
/* Disable slide controls */
|
||||
$(".slide-toggle").on('click', function(e) {
|
||||
/* Set slide.active=false */
|
||||
var that = $(this);
|
||||
var current_slide = $(this).parent().parent();
|
||||
var new_state = current_slide.hasClass("disabled");
|
||||
var url = $(this).attr('data-save-url');
|
||||
$.ajax({
|
||||
type: "PATCH",
|
||||
url: url,
|
||||
data: {
|
||||
active: new_state
|
||||
},
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function (result,l,o) {
|
||||
|
||||
/* toggle 'disabled' class */
|
||||
current_slide.toggleClass("disabled");
|
||||
/* switch icons class */
|
||||
var icon = that.find("i");
|
||||
if(icon.hasClass("fa-square-o")) {
|
||||
icon.removeClass("fa-square-o").addClass("fa-check-square-o");
|
||||
} else {
|
||||
icon.removeClass("fa-check-square-o").addClass("fa-square-o");
|
||||
}
|
||||
},
|
||||
error: function (request, text_status, error_thrown) {
|
||||
console.log("uffda..."); //FIXME notify
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
-9
@@ -1,9 +0,0 @@
|
||||
|
||||
$(function(){
|
||||
//var options = {
|
||||
// valueNames: [ 'region', 'hospital', 'city', 'diagnose', 'waittime' ]
|
||||
//};
|
||||
|
||||
//var featureList = new List('presentation-table-sortable', options);
|
||||
//featureList.sort('waittime', { asc: false });
|
||||
});
|
||||
-541
@@ -1,541 +0,0 @@
|
||||
$(document).ready( function() {
|
||||
/* Slide: Product calculator */
|
||||
/*
|
||||
* TODO: set discount based on url or user/session data
|
||||
*
|
||||
* */
|
||||
function set_progress(percent) {
|
||||
if( percent < 1 || percent > 100 ) {
|
||||
return;
|
||||
}
|
||||
$(".stb-progress .meter").css('width', percent+"%");
|
||||
}
|
||||
function product_select(products, treatments, counceling) {
|
||||
/* Searches products and returns the correct price */
|
||||
//console.log(products, treatments, counceling);
|
||||
var selected = products;
|
||||
if(counceling !== undefined) {
|
||||
selected = _.filter(selected, function(product) {
|
||||
return product.counceling_service == counceling;
|
||||
});
|
||||
}
|
||||
if(selected.length == 1) {
|
||||
return selected[0];
|
||||
}
|
||||
if(treatments !== undefined) {
|
||||
selected = _.filter(selected, function(product) {
|
||||
return product.treatments == treatments;
|
||||
});
|
||||
}
|
||||
if(selected.length == 1) {
|
||||
return selected[0];
|
||||
}
|
||||
//console.log("Fant ingen produkter, returnerer siste");
|
||||
return products[products.length-1];
|
||||
}
|
||||
//function filter_product_risk(documents, product_order) {
|
||||
// /* filter based on product risk variables */
|
||||
// var product_risk_variable_attrs = [
|
||||
// 'eligible_industry_discount',
|
||||
// 'has_existing_insurance',
|
||||
// 'employees',
|
||||
// 'addon_psychiatric_treatment'];
|
||||
|
||||
// /* which variables are set? */
|
||||
// var product_risk_variables = _.filter(product_risk_variable_attrs, function(attr) {
|
||||
// return product_order[attr] !== undefined;
|
||||
// });
|
||||
// //console.log("product risk variables: ", product_risk_variables);
|
||||
|
||||
// /* filter based on vars in product_risk_variables and product_order
|
||||
// * all must match */
|
||||
// documents = _.filter(documents, function(doc){
|
||||
// //console.log("looking at: ", doc.name, "(", doc.id, ")");
|
||||
// // filter when not specified
|
||||
// if(!doc.product_risk_variables.length) {
|
||||
// return false;
|
||||
// }
|
||||
|
||||
// /* Loop over the product_risks attached to this document */
|
||||
// var doc_matches = _.map(doc.product_risk_variables, function(variables, index, list) {
|
||||
// /* Loop over each variable in the list of risks */
|
||||
// var var_matches = _.map(product_risk_variables, function(element) {
|
||||
// //console.log("looping document risk vars: ", element, product_order[element], variables[element], variables);
|
||||
// // num employees special case
|
||||
// if(element == 'employees' && (product_order[element] > variables['employees_max'] || product_order[element] < variables['employees_min'])) {
|
||||
// return false
|
||||
// }
|
||||
// else if(product_order[element] != variables[element] && element != 'employees') {
|
||||
// return false; // drop document
|
||||
// }
|
||||
// return true;
|
||||
// });
|
||||
// // All attributes in the product_order must match with variables
|
||||
// return _.every(var_matches);
|
||||
// });
|
||||
// // Need just one match to keep the document
|
||||
// return _.some(doc_matches);
|
||||
// });
|
||||
// return documents;
|
||||
//}
|
||||
//function filter_individual_risk(documents, product_order) {
|
||||
// //console.log("individual risk variables: ", product_order.individual_term_employees);
|
||||
// /* Filter based on age ranges */
|
||||
// var ages = _.map(product_order.individual_term_employees, function(employee) {
|
||||
// return employee.age;
|
||||
// });
|
||||
// /* Filter documents not referencing at least one individual risk variable matching the specified ages */
|
||||
// documents = _.filter(documents, function(doc) {
|
||||
// // filter when not specified
|
||||
// // Note: Unsure if this is correct
|
||||
// if(!doc.employee_risk_variables.length) {
|
||||
// return false;
|
||||
// }
|
||||
// var matches = _.map(doc.employee_risk_variables, function(variables, index, list) {
|
||||
// var age_matches = _.map(ages, function(age) {
|
||||
// return age >= variables.age_min && age <= variables.age_max;
|
||||
// });
|
||||
// return _.some(age_matches); // matching at least one age
|
||||
// });
|
||||
// return _.some(matches); //matching at least one risk variable
|
||||
// });
|
||||
// return documents;
|
||||
//}
|
||||
//function filter_documents(documents, product_order) {
|
||||
// /* Filter based on product selection
|
||||
// * Note: only filters by product if below 100 employees */
|
||||
// if(product_order.employees < 100) {
|
||||
// var documents = _.filter(documents, function(doc){
|
||||
// var product_ids = _.map(doc.products, function(product) { return product.id; });
|
||||
// return _.contains(product_ids, product_order.product.id);
|
||||
// });
|
||||
|
||||
// if(product_order.employees >=1 && product_order.employees <= 4 && !product_order.eligible_industry_discount) {
|
||||
// documents = filter_individual_risk(documents, product_order);
|
||||
// }
|
||||
// else {
|
||||
// documents = filter_product_risk(documents, product_order);
|
||||
// }
|
||||
// } else {
|
||||
// /* Filter based on dummy no-product */
|
||||
// documents = _.filter(documents, function(doc){
|
||||
// var product_slugs = _.map(doc.products, function(product) { return product.slug; });
|
||||
// return _.contains(product_slugs, 'no-product');
|
||||
// });
|
||||
//
|
||||
// }
|
||||
// return documents;
|
||||
//
|
||||
//}
|
||||
//function update_document_list(documents) {
|
||||
// if(documents.length == 0) {
|
||||
// $(".product-calculator .documents-table").html("Fillern, det er ingen dokumenter knyttet til dette produktet og valgte variable :'(");
|
||||
// return;
|
||||
// }
|
||||
// var html = "<table><thead><tr><th>Navn</th><th>Type</th></tr></thead><tbody>";
|
||||
// _.each(documents, function(doc) {
|
||||
// html += '<tr><td><a href="'+ doc.url +'"><i class="icon-download-alt"></i> '+ doc.name +'</a></td><td>'+ doc.category +'</td></tr>';
|
||||
// });
|
||||
// html += "</tbody></table>";
|
||||
// $(".product-calculator .documents-table").html(html);
|
||||
//}
|
||||
function get_price_individual(product, product_order) {
|
||||
/* Need a valid product */
|
||||
if(product === undefined || product.employee_risk_variables.length === 0) {
|
||||
return -1;
|
||||
}
|
||||
/* Invidual risk */
|
||||
var has_existing_insurance = false;
|
||||
if( product_order.has_existing_insurance !== undefined) {
|
||||
has_existing_insurance = product_order.has_existing_insurance;
|
||||
}
|
||||
/* Get list of prices for each employee */
|
||||
var prices = _.map(product_order.individual_term_employees, function(employee) {
|
||||
/* Filter by employee-age */
|
||||
var variation = _.find(product.employee_risk_variables, function(variation) {
|
||||
if(employee.age >= variation.age_min && employee.age <= variation.age_max) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
return variation.price;
|
||||
});
|
||||
return prices;
|
||||
}
|
||||
|
||||
function get_price(product, product_order) {
|
||||
/* Group risk */
|
||||
var price = 0;
|
||||
var has_existing_insurance = false;
|
||||
if( product_order.has_existing_insurance !== undefined) {
|
||||
has_existing_insurance = product_order.has_existing_insurance;
|
||||
}
|
||||
|
||||
/* Filter by boolean values */
|
||||
var variations = _.where(product.product_risk_variables, {
|
||||
eligible_industry_discount: product_order.eligible_industry_discount,
|
||||
has_existing_insurance: has_existing_insurance,
|
||||
});
|
||||
/* Filter by num employees */
|
||||
variation = _.filter(variations, function(variation) {
|
||||
if(variation.employees_max == product_order.employees ) {
|
||||
return true;
|
||||
}
|
||||
});
|
||||
if(variation.length >= 1) {
|
||||
price = parseInt(variation[0].price);
|
||||
} else {
|
||||
/* Error: Missing product data in db */
|
||||
price = -1;
|
||||
}
|
||||
/* include price for psychiatric treatment addon */
|
||||
// FIXME price is static.
|
||||
if(product_order.addon_psychiatric_treatment !== undefined && product_order.addon_psychiatric_treatment) {
|
||||
price += 204;
|
||||
}
|
||||
|
||||
return price;
|
||||
}
|
||||
function product_recalc(products, product_order) {
|
||||
var product = product_select(
|
||||
products,
|
||||
product_order.treatments,
|
||||
product_order.counceling);
|
||||
|
||||
/* calculate price based in product and current risk data */
|
||||
var price_formatted;
|
||||
|
||||
if(product_order.employees <= 4 && ! product_order.eligible_industry_discount) {
|
||||
var prices = get_price_individual(product, product_order);
|
||||
var sum = _.reduce(prices, function(memo, num) { return memo + parseInt(num); }, 0);
|
||||
if(sum === 0) {
|
||||
price_formatted = "Prøv andre valg, ingen pris funnet.";
|
||||
} else {
|
||||
if(prices.length == 1) {
|
||||
price_formatted = "NOK " + sum + ",- per måned";
|
||||
} else {
|
||||
price_formatted = prices.join(" + ")+" = NOK " + sum + ",- per måned";
|
||||
}
|
||||
}
|
||||
} else {
|
||||
price = get_price(product, product_order);
|
||||
if(price == -1) {
|
||||
price_formatted = "Prøv andre valg, ingen pris funnet.";
|
||||
} else {
|
||||
price_formatted = "NOK " + price + ",- per år";
|
||||
}
|
||||
}
|
||||
product_order.product = product;
|
||||
$("[data-prodcalc-product]").text(product.name);
|
||||
$("[data-prodcalc-product-price]").text(price_formatted);
|
||||
}
|
||||
//function update_relevant_documents(product_order) {
|
||||
|
||||
// var url = $(".product-calculator[data-documents-url]").attr('data-documents-url');
|
||||
// $.ajax({
|
||||
// url: url,
|
||||
// method: 'GET',
|
||||
// dataType: 'json',
|
||||
// headers: {
|
||||
// 'X-CSRFToken': $("[name=csrfmiddlewaretoken]").val()
|
||||
// },
|
||||
// success: function(documents) {
|
||||
// /* Present only the right documents, ordered by category */
|
||||
// //console.log("fetched the following documents:", documents);
|
||||
// //console.log("filtering based on product_order", product_order);
|
||||
|
||||
// var less_documents = filter_documents(documents, product_order);
|
||||
// //console.log("returned these documents:", less_documents);
|
||||
// update_document_list(less_documents);
|
||||
// }
|
||||
// });
|
||||
//}
|
||||
|
||||
if($(".product-calculator").length) {
|
||||
/* product_order stores the state of the order */
|
||||
var product_order = {};
|
||||
var product_order_steps = {};
|
||||
var num_product_order_steps = 6;
|
||||
|
||||
/* Is the industry discount disabled? */
|
||||
if ( $('.product-calculator[data-disable-industry-discount]').length ) {
|
||||
product_order.eligible_industry_discount = false;
|
||||
$("[data-key=treatments][data-value=5]").show();
|
||||
}
|
||||
|
||||
/* General layout of steps when user interacts with page:
|
||||
* - update product_order state
|
||||
* - update progress based on state
|
||||
* - update the dom with the correct display state (button state, step description)
|
||||
* - find product based on selection
|
||||
* - calculate price based on discounts, selection and product
|
||||
*/
|
||||
|
||||
$.getJSON('/products.json', function(products) {
|
||||
/* Attach to buttons and fields */
|
||||
|
||||
/* On every answer change */
|
||||
$("[data-answer]").on('click', function(e) {
|
||||
var key = $(this).attr('data-key');
|
||||
var value = $(this).attr('data-value');
|
||||
|
||||
/* to_javascript */
|
||||
if (value == "no") {
|
||||
value = false;
|
||||
}
|
||||
else if(value == "yes") {
|
||||
value = true;
|
||||
}
|
||||
if(key == "treatments" || key == "employees") {
|
||||
value = parseInt(value);
|
||||
}
|
||||
|
||||
/* limit options and change display */
|
||||
/* based on employees */
|
||||
if(key == "employees") {
|
||||
if( value >= 20) {
|
||||
if(product_order.has_exisiting_insurance === undefined) {
|
||||
$(".modal-has-existing-insurance").foundation('reveal', 'open');
|
||||
}
|
||||
} else {
|
||||
/* Reset answer */
|
||||
delete product_order.has_exisiting_insurance;
|
||||
$(".modal-has-existing-insurance button").removeClass("selected disabled");
|
||||
}
|
||||
|
||||
var min_value = $(this).attr('data-min');
|
||||
/* if between 1 and 4 then.. */
|
||||
if( value <= 4 && min_value >= 1 && !product_order.eligible_industry_discount) {
|
||||
/* display individual employee risk container */
|
||||
$(".individual-pricing-container").fadeIn('fast');
|
||||
/* Note: Fetching employee ages before anyone have been selected */
|
||||
update_employee_ages();
|
||||
} else {
|
||||
$(".individual-pricing-container").fadeOut('fast');
|
||||
$("[data-key=treatments][data-value=12]").show();
|
||||
}
|
||||
/* Next button */
|
||||
$("[data-goto-part=part-two]").fadeIn('fast');
|
||||
}
|
||||
/* based on industry deal */
|
||||
if(key == "eligible_industry_discount") {
|
||||
if(value) {
|
||||
/* limit num treatments*/
|
||||
$("[data-key=treatments][data-value=5]").hide();
|
||||
} else {
|
||||
$("[data-key=treatments][data-value=5]").show();
|
||||
}
|
||||
if( !value && product_order.employees <= 4 && product_order.employees >= 1) {
|
||||
$(".individual-pricing-container").fadeIn('fast');
|
||||
} else {
|
||||
$(".individual-pricing-container").fadeOut('fast');
|
||||
}
|
||||
|
||||
$(".prod-num-staff").fadeIn('fast');
|
||||
$(".part-one-zero").fadeOut('fast');
|
||||
setTimeout(function() {
|
||||
$(".part-one-one").fadeIn('fast');
|
||||
}, 400);
|
||||
}
|
||||
/* based on counceling */
|
||||
if(key == "counceling") {
|
||||
$(".prod-num-treatments").fadeIn('fast');
|
||||
$(".about-num-treatments").fadeIn('fast');
|
||||
if(value) {
|
||||
/* limit num treatments and auto-select 24 */
|
||||
$("[data-key=treatments][data-value=5], [data-key=treatments][data-value=0]").hide();
|
||||
product_order.treatments = 24;
|
||||
product_order_steps.treatments = 24;
|
||||
$("[data-key=treatments]").removeClass("selected disabled");
|
||||
$("[data-key=treatments][data-value=24]").addClass("selected");
|
||||
/* update coverage */
|
||||
$(".coverage-treatments").text(product_order.treatments);
|
||||
$(".selected-coverage .topp, .selected-coverage .treatments").fadeIn('fast');
|
||||
} else {
|
||||
/* show all treatments, except 0 if industry deal */
|
||||
if( !product_order.eligible_industry_discount ) {
|
||||
$("[data-key=treatments][data-value=5]").show();
|
||||
}
|
||||
// FIXME: missing pricing data, just hide this option for now
|
||||
if(product_order.employees <= 4) {
|
||||
$("[data-key=treatments][data-value=0]").hide();
|
||||
} else {
|
||||
$("[data-key=treatments][data-value=0]").show();
|
||||
}
|
||||
$(".selected-coverage .topp").fadeOut('fast');
|
||||
}
|
||||
}
|
||||
/* based on addon_psychiatric_treatment */
|
||||
if(key == "addon_psychiatric_treatment") {
|
||||
$(".prod-num-treatments").fadeIn('fast');
|
||||
$(".about-num-treatments").fadeIn('fast');
|
||||
$(".selected-coverage .counceling").fadeOut('fast');
|
||||
if(value) {
|
||||
/* limit num treatments and auto-select 24 */
|
||||
$("[data-key=treatments][data-value=0]").hide();
|
||||
product_order.treatments = 24;
|
||||
product_order_steps.treatments = 24;
|
||||
$("[data-key=treatments]").removeClass("selected disabled");
|
||||
$("[data-key=treatments][data-value=24]").addClass("selected");
|
||||
/* update coverage */
|
||||
$(".coverage-treatments").text(product_order.treatments);
|
||||
$("[data-prodcalc-addon]").text("med psykologi");
|
||||
$(".selected-coverage .treatments").fadeIn('fast');
|
||||
$(".selected-coverage .topp, .selected-coverage .psychology").fadeIn('fast');
|
||||
} else {
|
||||
$(".selected-coverage .topp").fadeOut('fast');
|
||||
$("[data-prodcalc-addon]").text("");
|
||||
$("[data-key=treatments][data-value=0]").show();
|
||||
}
|
||||
}
|
||||
/* based on num treatments */
|
||||
if(key == "treatments") {
|
||||
/* update coverage */
|
||||
if(value > 0) {
|
||||
$(".selected-coverage .treatments").fadeIn('fast');
|
||||
$(".coverage-treatments").text(value);
|
||||
} else if(value === 0) {
|
||||
$(".selected-coverage .topp").fadeOut('fast');
|
||||
$(".selected-coverage .treatments").fadeOut('fast');
|
||||
$(".coverage-treatments").text(value);
|
||||
} else {
|
||||
$(".selected-coverage .treatments:visible").fadeOut('fast');
|
||||
}
|
||||
}
|
||||
|
||||
/* Update current answers.
|
||||
* ie. industry discount, number of treatments, counceling and addon_psychiatric_treatment
|
||||
*/
|
||||
product_order[key] = value;
|
||||
product_order_steps[key] = value;
|
||||
|
||||
$(this).addClass("selected").removeClass("disabled");
|
||||
$("[data-key="+ key +"]").not(this).removeClass("selected").addClass("disabled");
|
||||
product_recalc(products, product_order);
|
||||
/* total questions by number by answered questions */
|
||||
var current_progress = _.size(product_order_steps) / parseFloat(num_product_order_steps) * 100;
|
||||
set_progress(current_progress);
|
||||
});
|
||||
|
||||
/* Go on to the section after this one */
|
||||
$("[data-goto-part]").on('click', function(e) {
|
||||
product_recalc(products, product_order);
|
||||
var part = $(this).attr('data-goto-part');
|
||||
|
||||
|
||||
/* Product tailoring */
|
||||
if(part == 'part-two' && product_order.employees < 100) {
|
||||
//console.log(product_order);
|
||||
$(".part-zero, .part-one-right-container").fadeOut('fast');
|
||||
setTimeout(function() {
|
||||
if(product_order.eligible_industry_discount) {
|
||||
/* Don't ask for counceling, and set it to false */
|
||||
product_order.counceling = false;
|
||||
$(".addon_psychiatric_treatment").fadeIn('fast');
|
||||
$(".about-addon-psychiatric-treatment").fadeIn('fast');
|
||||
$(".about-counceling").hide();
|
||||
} else {
|
||||
$(".part-two .counceling").fadeIn('fast');
|
||||
// FIXME remove this if business rules are valid
|
||||
//if(product_order.employees >= 20 && product_order.employees <= 99) {
|
||||
// $(".about-num-treatments").fadeIn('fast');
|
||||
// $(".prod-num-treatments").fadeIn('fast');
|
||||
//} else {
|
||||
// $(".part-two .counceling").fadeIn('fast');
|
||||
//}
|
||||
}
|
||||
$(".part-two-and-a-half-container").fadeIn('fast');
|
||||
$(".part-two").fadeIn('fast');
|
||||
if(product_order.has_exisiting_insurance) {
|
||||
$(".part-two-right .need-stats").show();
|
||||
} else {
|
||||
$(".part-two-right .need-stats").hide();
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
/* Skip product tailoring */
|
||||
if( part == 'part-two' && product_order.employees >= 100) {
|
||||
set_progress(100);
|
||||
/* Get relevant product documents */
|
||||
//update_relevant_documents(product_order);
|
||||
/* Show documents tab */
|
||||
$(".part-zero, .part-one-right-container").fadeOut('fast');
|
||||
setTimeout(function() {
|
||||
if(product_order.has_exisiting_insurance) {
|
||||
$(".part-three-special .need-stats").show();
|
||||
} else {
|
||||
$(".part-three-special .need-stats").hide();
|
||||
}
|
||||
$(".part-three-special").fadeIn('fast');
|
||||
}, 500);
|
||||
}
|
||||
|
||||
|
||||
/* "We recommend the product..." */
|
||||
if(part == 'part-two-and-a-half') {
|
||||
$(".part-two-right").fadeOut('fast');
|
||||
$(".select-product-btn").fadeIn('fast');
|
||||
setTimeout(function() {
|
||||
$(".part-two-and-a-half").fadeIn('fast');
|
||||
}, 500);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Document "checkout" - fancy schmancy */
|
||||
if( part == 'part-three') {
|
||||
set_progress(100);
|
||||
/* Get relevant product documents */
|
||||
//update_relevant_documents(product_order);
|
||||
|
||||
/* Show documents tab */
|
||||
$(".part-two, .part-one").fadeOut('fast');
|
||||
setTimeout(function() {
|
||||
$(".part-two-and-a-half").parent().removeClass("small-7").addClass("small-12");
|
||||
$(".eula-container").removeClass("small-7").addClass("small-4");
|
||||
$(".product-description-inner").removeClass("small-5").addClass("small-3");
|
||||
$(".part-three").fadeIn('fast');
|
||||
}, 300);
|
||||
$('[data-goto-part="part-three"]').fadeOut('fast');
|
||||
}
|
||||
});
|
||||
|
||||
/* Update the product_order with individual employee ages */
|
||||
function update_employee_ages() {
|
||||
var employees = [];
|
||||
var i = 1;
|
||||
$(".individual-pricing-container select.age-select-dropdown:visible").each(function(j, el) {
|
||||
age = parseInt($(el).val().split(" -")[0]);
|
||||
employees.push({ id: i, age: age });
|
||||
i++;
|
||||
});
|
||||
product_order.individual_term_employees = employees;
|
||||
}
|
||||
$(".individual-pricing-container select.age-select-dropdown").on('change', update_employee_ages);
|
||||
|
||||
/* add html for individual employee risk */
|
||||
$(".individual-pricing-container").on('click', "[data-add-new-employee]", function(e) {
|
||||
e.preventDefault();
|
||||
/* No more than set amount */
|
||||
if( $(".person:visible").length == 4) {
|
||||
return;
|
||||
}
|
||||
$(this).parent().next().fadeIn({ complete: update_employee_ages });
|
||||
});
|
||||
/* remove html for individual employee risk */
|
||||
$(".individual-pricing-container").on('click', "[data-remove-employee]", function(e) {
|
||||
e.preventDefault();
|
||||
/* At least 1 */
|
||||
if( $(".person:visible").length == 1) {
|
||||
return;
|
||||
}
|
||||
$(this).parent().fadeOut({ complete: update_employee_ages });
|
||||
});
|
||||
|
||||
/* Close modal on answer */
|
||||
$('[data-key="has_exisiting_insurance"]').on('click', function() {
|
||||
$("#modal-has-existing-insurance").foundation('reveal', 'close');
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
Vendored
-276
@@ -1,276 +0,0 @@
|
||||
$(function() {
|
||||
/* Save part urls
|
||||
* Ref: urls.py */
|
||||
var urls = {
|
||||
slide_part_save: '/api/slide/part/',
|
||||
slide_title_save: '/api/slide/{slide_id}/title/',
|
||||
slide_part_update: '/api/slide/part/{part_id}/',
|
||||
slide_part_remove: '/api/slide/part/{part_id}/',
|
||||
image_save: '/api/image/'
|
||||
};
|
||||
var slide_id = $("#slide").attr('data-slide-id');
|
||||
var csrf_token = $.cookie('csrftoken');
|
||||
|
||||
/* Editor fields */
|
||||
var elements = document.querySelectorAll('[data-type="text"], [data-type="html"], [data-type="wysihtml5"]');
|
||||
var mediumOptions = {
|
||||
buttons: ['bold', 'italic', 'header1', 'header2', 'quote', 'anchor', 'unorderedlist', 'orderedlist', 'removeFormat']
|
||||
};
|
||||
var editor = new MediumEditor(elements, mediumOptions);
|
||||
editor.subscribe('blur', function(event, el) {
|
||||
var type = $(el).attr('data-type');
|
||||
var name = $(el).attr('data-name');
|
||||
var url = $(el).attr('data-url');
|
||||
var pk = $(el).attr('data-pk');
|
||||
var method = 'POST';
|
||||
|
||||
if (pk.length > 0 && name != 'slide-title') {
|
||||
url = urls.slide_part_update.replace('{part_id}', pk);
|
||||
method = 'PUT';
|
||||
}
|
||||
|
||||
var value = el.innerHTML;
|
||||
if(type == 'text') {
|
||||
value = el.textContent;
|
||||
}
|
||||
var data = {
|
||||
slide_id: slide_id,
|
||||
pk: pk,
|
||||
name: name,
|
||||
value: value
|
||||
};
|
||||
$.ajax({
|
||||
method: method,
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
type: 'POST',
|
||||
url: url,
|
||||
data: JSON.stringify(data),
|
||||
contentType : 'application/json'
|
||||
}).done(function() {
|
||||
// TODO set pk on part
|
||||
// $('[data-name="part-' + response.part_created_name + '"]').attr('data-pk', response.part_created_pk);
|
||||
}).fail(function() {
|
||||
console.log("boo");
|
||||
});
|
||||
|
||||
});
|
||||
$('[data-type="dynamic"]').on('changed', function(e) {
|
||||
/* Delete part */
|
||||
if($(this).attr('data-part-remove')) {
|
||||
var that = this;
|
||||
$.ajax({
|
||||
url: urls.slide_part_remove.replace('{part_id}', $(this).attr('data-pk')),
|
||||
method: 'DELETE',
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function(response, newValue) {
|
||||
$(that).removeAttr('data-part-remove');
|
||||
$(that).attr('data-pk', '');
|
||||
}
|
||||
});
|
||||
return;
|
||||
}
|
||||
/* Create or update part */
|
||||
var value = '';
|
||||
var type = '';
|
||||
|
||||
if($(this).find('img').length) {
|
||||
value = $($(this).find('img')[0]).attr('data-pk');
|
||||
type = 'image';
|
||||
}
|
||||
else if($(this).find('[data-graph-pk]').length) {
|
||||
value = $($(this).find('[data-graph-pk]')[0]).attr('data-graph-pk');
|
||||
type = 'graph';
|
||||
}
|
||||
else {
|
||||
console.log("Could not determine Part-type.");
|
||||
return;
|
||||
}
|
||||
|
||||
var slide_pk = $(this).attr('data-pk');
|
||||
var url = urls.slide_part_save;
|
||||
var method = 'POST';
|
||||
|
||||
if (slide_pk.length > 0) {
|
||||
url = urls.slide_part_update.replace('{part_id}', slide_pk);
|
||||
method = 'PUT';
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
method: method,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
name: $(this).attr('data-name'),
|
||||
value: value,
|
||||
type: type,
|
||||
slide_id: $("#slide").attr('data-slide-id'),
|
||||
href: $(this).find('a').attr('href')
|
||||
},
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token
|
||||
},
|
||||
success: function(response, newValue) {
|
||||
if(response !== undefined && response.part_name && response.part_pk) {
|
||||
$('[data-name="part-' + response.part_name + '"]').attr('data-pk', response.part_pk);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
* Gallery
|
||||
*/
|
||||
// Ref: https://github.com/blueimp/jQuery-File-Upload
|
||||
// https://github.com/blueimp/jQuery-File-Upload/wiki/Options
|
||||
$('#id_file').fileupload({
|
||||
dataType: 'json',
|
||||
url: urls.image_save,
|
||||
done: function(e, data) {
|
||||
// add image in gallery
|
||||
$(".gallery ul").prepend('<li class="image-select"><img src="' + data.result.thumbnail_url + '" data-pk="' + data.result.pk + '" data-url="'+ data.result.url +'" /><span class="name">'+ data.result.name +'</span></li>');
|
||||
// click event
|
||||
$(".gallery ul li:first-child").click(function (e) {
|
||||
$(this).siblings().removeClass("selected");
|
||||
$(this).toggleClass("selected");
|
||||
});
|
||||
$("#progress .bar").fadeOut('slow');
|
||||
},
|
||||
fail: function(e, data) {
|
||||
console.log("Failed uploading file: ",e, data);
|
||||
},
|
||||
headers: {
|
||||
'X-CSRFToken': csrf_token,
|
||||
'cache-control': 'no-cache'
|
||||
},
|
||||
send: function(e, data) {
|
||||
$('#progress .bar').css('width', '0%');
|
||||
$("#progress .bar").show();
|
||||
},
|
||||
progressall: function (e, data) {
|
||||
var progress = parseInt(data.loaded / data.total * 100, 10);
|
||||
$('#progress .bar').css(
|
||||
'width',
|
||||
progress + '%'
|
||||
);
|
||||
}
|
||||
});
|
||||
/* Green select */
|
||||
$(".image-select").not(".placeholder").click(function (e) {
|
||||
$(this).siblings().removeClass("selected");
|
||||
$(this).toggleClass("selected");
|
||||
|
||||
});
|
||||
/* Insert image */
|
||||
$('[data-type="dynamic"]').each(function(i, el) {
|
||||
/* Insert image-button */
|
||||
var button_area = '<div class="dynamic-buttons" data-buttons-for="'+ $(el).attr('data-name') +'"></div>';
|
||||
var image_button = '<a class="btn packed" data-reveal-id="gallery-modal" data-replace="'+ $(el).attr('data-name') +'"><i class="fa fa-picture-o"></i></a>';
|
||||
$(el).wrap('<div class="dynamic-wrapper" />');
|
||||
$(el).after(button_area);
|
||||
$('[data-buttons-for="'+ $(el).attr('data-name') +'"]').append(image_button);
|
||||
});
|
||||
|
||||
$('[data-reveal-id="gallery-modal"]').click( function(e) {
|
||||
/* Store where to but the image from the modal in the modal */
|
||||
var replacing = $(this).attr('data-replace');
|
||||
$(".image-insert-btn").attr('data-replacing', replacing);
|
||||
});
|
||||
$(".image-insert-btn").click(function(e) {
|
||||
var img = $(".gallery .selected img");
|
||||
if(!img.length) {
|
||||
// nothing selected
|
||||
return;
|
||||
}
|
||||
var replacing = $(this).attr('data-replacing');
|
||||
var part = $('[data-name="'+ replacing +'"]');
|
||||
part.html('<img src="'+ img.attr('data-url') + '" />');
|
||||
part.find('img').attr('data-pk', img.attr('data-pk'));
|
||||
part.trigger('changed');
|
||||
$("#gallery-modal").foundation('reveal', 'close');
|
||||
$('.image-select').removeClass("selected");
|
||||
});
|
||||
/* DELETE image part */
|
||||
$("[data-remove-image]").click(function(e) {
|
||||
var replacing = $('.image-insert-btn').attr('data-replacing');
|
||||
var part = $('[data-name="'+ replacing +'"]');
|
||||
part.attr('data-part-remove','1');
|
||||
part.html('');
|
||||
part.trigger('changed');
|
||||
$('.image-select').removeClass("selected");
|
||||
$("#gallery-modal").foundation('reveal', 'close');
|
||||
});
|
||||
|
||||
/* Link between slides */
|
||||
/* ...for "dynamic" areas */
|
||||
$('[data-type="dynamic"]').each(function(i, el) {
|
||||
/* Insert link-button on images */
|
||||
var last_button = $(el).siblings().find("a:last-child");
|
||||
last_button.after('<a class="btn packed" data-url-target="'+ $(el).attr('data-name') +'" data-reveal-id="link-modal"><i class="fa fa-link"></i></a>');
|
||||
});
|
||||
|
||||
/* Set element target on modal */
|
||||
$('[data-url-target]').click( function(e) {
|
||||
var target = $(this).attr('data-url-target');
|
||||
if(!$('[data-name="' + target + '"]').find('img').length) {
|
||||
/* if there is no image, dont link to nothing */
|
||||
e.stopPropagation();
|
||||
return;
|
||||
}
|
||||
$(".modal-links").attr('data-wrapping', target);
|
||||
});
|
||||
|
||||
$("[data-is-slide-link]").click(function(e) {
|
||||
e.preventDefault();
|
||||
if($(this).attr('data-get-value-from-id')) {
|
||||
/* Insert own link via input-field */
|
||||
var input_id = $(this).attr('data-get-value-from-id');
|
||||
$(this).attr('href', $("#"+input_id).val());
|
||||
}
|
||||
var link = $(this).attr('href');
|
||||
var wrapping = $(".modal-links").attr('data-wrapping');
|
||||
var el_target = $('[data-name="'+ wrapping +'"]');
|
||||
// replace href in targets children if it exists
|
||||
var potential_link = el_target.children();
|
||||
if(potential_link.is('a')) {
|
||||
potential_link.attr('href',link);
|
||||
} else {
|
||||
el_target.find('img').wrap('<a href="'+ link +'" />');
|
||||
}
|
||||
el_target.trigger('changed');
|
||||
$(".modal-links").foundation('reveal', 'close');
|
||||
});
|
||||
|
||||
/* Graphs - sticks in divs with data-type=dynamic */
|
||||
$('[data-type="dynamic"]').each(function(i, el) {
|
||||
/* Insert link-button on images */
|
||||
var last_button = $(el).siblings().find("a:last-child");
|
||||
last_button.after('<a class="btn packed" data-target="'+ $(el).attr('data-name') +'" data-reveal-id="graph-modal"><i class="fa fa-bar-chart"></i></a>');
|
||||
|
||||
/* Set element target on modal */
|
||||
$('[data-target="'+ $(el).attr('data-name') +'"]').click( function(e) {
|
||||
var target = $(this).attr('data-target');
|
||||
$(".modal-graph").attr('data-graph-target', target);
|
||||
});
|
||||
});
|
||||
|
||||
$("[data-is-graph] a").click(function(e) {
|
||||
e.preventDefault();
|
||||
var part_name = $('[data-graph-target]').attr('data-graph-target');
|
||||
var graph = $(this).parent();
|
||||
var part = $('[data-name="'+ part_name +'"]');
|
||||
var html = graph.find('[data-graph-html-copy]')[0].outerHTML;
|
||||
part.html(html);
|
||||
part.find('[data-graph-slug]').graph('load');
|
||||
part.trigger('changed');
|
||||
$(".modal-graph").foundation('reveal', 'close');
|
||||
});
|
||||
|
||||
/* Load graphs initially */
|
||||
$('.template [data-graph-slug]').graph('load');
|
||||
$('.modal-graph [data-graph-slug]').graph('load', {width: 300, height: 200});
|
||||
|
||||
});
|
||||
Vendored
-440
@@ -1,440 +0,0 @@
|
||||
$(document).ready( function() {
|
||||
var all_icons = $("[data-section-icon]").map(function() {
|
||||
return $(this).attr('data-section-icon');
|
||||
}).get();
|
||||
all_icons = _.uniq(all_icons).join(" ");
|
||||
|
||||
function update_title_bar( event ) {
|
||||
if($(event.currentSlide).is('[data-section-title-hidden]') ) {
|
||||
$(".title-bar").css('opacity', '0');
|
||||
} else {
|
||||
$(".title-bar").css('opacity', '1');
|
||||
}
|
||||
// event.previousSlide, event.currentSlide, event.indexh, event.indexv
|
||||
var title = $(event.currentSlide).attr('data-section-title') || "";
|
||||
/* Only update when title has changed */
|
||||
if($(".title-bar .title span:first").text() !== title) {
|
||||
$("<span>"+title+"</span>").hide().appendTo(".title-bar .title").fadeIn("normal");
|
||||
$(".title-bar .title span:not(:last)").fadeOut("normal", function() {
|
||||
$(this).remove();
|
||||
});
|
||||
}
|
||||
|
||||
var edit_url = $(event.currentSlide).attr('data-edit-url');
|
||||
$(".title-bar a.title").attr('href', edit_url); // Only update if a is found
|
||||
|
||||
var icon = $(event.currentSlide).attr('data-section-icon') || "";
|
||||
if( !$(".title-bar .title i").hasClass(icon) ) {
|
||||
$(".title-bar .title i")
|
||||
.removeClass(all_icons)
|
||||
.addClass(icon);
|
||||
}
|
||||
}
|
||||
/* Slides: with "wheel" */
|
||||
function wheel_toggle_slides(el) {
|
||||
$("[data-wheel-order]").removeClass('active');
|
||||
$(el).addClass('active');
|
||||
var order = $(el).attr('data-wheel-order');
|
||||
var related = $('[data-wheel-order="' + order +'"]').not('.wheel-image');
|
||||
related.addClass('active');
|
||||
$('.wheel-text [data-type="wysihtml5"]').hide();
|
||||
related.show();
|
||||
}
|
||||
$(".top-bar .links a").click(function() {
|
||||
$(".top-bar.expanded .toggle-topbar").trigger("click.fndtn.topbar");
|
||||
});
|
||||
|
||||
/* Presentation? */
|
||||
if( $('.page-presentation-play').length) {
|
||||
/* Initialize reveal.js */
|
||||
Reveal.initialize({
|
||||
// Display controls in the bottom right corner
|
||||
controls: true,
|
||||
// Display a presentation progress bar
|
||||
progress: true,
|
||||
// Push each slide change to the browser history
|
||||
history: true,
|
||||
// Enable keyboard shortcuts for navigation
|
||||
keyboard: true,
|
||||
// Enable the slide overview mode
|
||||
overview: false,
|
||||
// Vertical centering of slides
|
||||
center: false,
|
||||
// Enables touch navigation on devices with touch input
|
||||
touch: true,
|
||||
// Loop the presentation
|
||||
loop: false,
|
||||
// Change the presentation direction to be RTL
|
||||
rtl: false,
|
||||
// Number of milliseconds between automatically proceeding to the
|
||||
// next slide, disabled when set to 0, this value can be overwritten
|
||||
// by using a data-autoslide attribute on your slides
|
||||
autoSlide: 0,
|
||||
// Enable slide navigation via mouse wheel
|
||||
mouseWheel: false,
|
||||
// Apply a 3D roll to links on hover
|
||||
rollingLinks: false,
|
||||
// Transition style
|
||||
transition: 'linear', // default/cube/page/concave/zoom/linear/fade/none
|
||||
// Factor of the display size that should remain empty around the content
|
||||
margin: 0.15,
|
||||
// The "normal" size of the presentation, aspect ratio will be preserved
|
||||
// when the presentation is scaled to fit different resolutions. Can be
|
||||
// specified using percentage units.
|
||||
//width: 960,
|
||||
//height: 700,
|
||||
width: 768, // Note: Could set this to 100% and make presentation content responsive instead of using zoom;
|
||||
height: 576,
|
||||
minScale: 0.2,
|
||||
maxScale: 1
|
||||
// FIXME: use user agent / device width ?
|
||||
});
|
||||
|
||||
|
||||
Reveal.addEventListener( 'ready', function(event) {
|
||||
/* On small screen? disable transitions */
|
||||
var small_screen = $(window).width() < 480;
|
||||
if( small_screen ) {
|
||||
Reveal.configure({ transition: 'none' });
|
||||
}
|
||||
|
||||
update_title_bar(event);
|
||||
|
||||
/* Load chart if one exists on current slide (animate) */
|
||||
if( $(event.currentSlide).find('[class^="graph-"]').length) {
|
||||
$(event.currentSlide).find('[class^="graph-"]').graph('load');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
Reveal.addEventListener( 'slidechanged', function( event ) {
|
||||
|
||||
/* Update title bar */
|
||||
update_title_bar(event);
|
||||
|
||||
/* Chart slide - Wait until it is current to load (animate) */
|
||||
if( $(event.currentSlide).find('[class^="graph-"]').length) {
|
||||
$(event.currentSlide).find('[class^="graph-"]').graph('load');
|
||||
}
|
||||
|
||||
/* Disable touch on specific slides*/
|
||||
if( $(event.currentSlide).find("[data-swipe-disable]").length ) {
|
||||
Reveal.configure({ touch: false });
|
||||
} else {
|
||||
Reveal.configure({ touch: true });
|
||||
}
|
||||
|
||||
/* Search previous slide for video elements and pause them */
|
||||
$(event.previousSlide).find("video").each(function(i, el) {
|
||||
el.pause();
|
||||
});
|
||||
|
||||
/* Setup/Reset wheel state on wheel-slide enter */
|
||||
if( $(event.currentSlide).find('.wheel').length) {
|
||||
$('.wheel-text [data-wheel-order]').hide();
|
||||
$('[data-wheel-order]').removeClass('active');
|
||||
$('[data-wheel-order="1"]').addClass('active').show();
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
$(".wheel-images .wheel-image .trigger, .wheel-head .trigger").on('mousedown', function(e) {
|
||||
wheel_toggle_slides(this);
|
||||
});
|
||||
/* Hover fix for touch: Only bind on hover for non-touch devices */
|
||||
$(".no-touch .wheel-images .wheel-image .trigger, .no-touch .wheel-head .trigger").on('mouseenter', function(e) {
|
||||
wheel_toggle_slides(this);
|
||||
});
|
||||
}
|
||||
|
||||
/* Swipebox */
|
||||
$('a.fancybox').swipebox();
|
||||
|
||||
/* Video */
|
||||
$('video').mediaelementplayer({
|
||||
success: function (mediaElement, domObject) {
|
||||
/* Track video plays */
|
||||
mediaElement.addEventListener(
|
||||
'play',
|
||||
function(e) {
|
||||
mixpanel.track("Played video.");
|
||||
},
|
||||
false);
|
||||
}
|
||||
});
|
||||
|
||||
/* Skip home if you are on the play-slide */
|
||||
$("[data-goto-first-slide]").on('click', function(e) {
|
||||
e.preventDefault();
|
||||
$(".top-bar.expanded .toggle-topbar").trigger("click.fndtn.topbar");
|
||||
Reveal.slide(0, 0);
|
||||
});
|
||||
|
||||
|
||||
/* Slide: Sick cost calculator */
|
||||
function get_salary() {
|
||||
var industry_pk = parseInt($("#id_calc_industry").val(), 10);
|
||||
/* Note: stb_industries is defined in the calculator.html-template */
|
||||
var industry = _.findWhere(stb_industries, {pk: industry_pk});
|
||||
|
||||
if(industry === undefined) {
|
||||
return 0;
|
||||
}
|
||||
return industry.fields.yearly_salary;
|
||||
}
|
||||
function calc_cost(sick_rate, num_staff) {
|
||||
var salary = get_salary();
|
||||
sick_rate = sick_rate / 100.0; // percent
|
||||
return sick_rate * num_staff * salary;
|
||||
}
|
||||
/* Format norwegian */
|
||||
function format_number_norwegian(num) {
|
||||
num = num.toString();
|
||||
var formatted_str = "";
|
||||
/* Add spaces backwards every third char */
|
||||
for(var i=0; i< num.length; i++){
|
||||
if(i % 3 === 0) {
|
||||
formatted_str += " ";
|
||||
}
|
||||
formatted_str += num.charAt(num.length-i-1);
|
||||
}
|
||||
/* reverse the string */
|
||||
return formatted_str.split("").reverse().join("");
|
||||
}
|
||||
function calc_savings(sick_rate, goal_sick_rate, num_staff) {
|
||||
var current = calc_cost(sick_rate, num_staff);
|
||||
var goal = calc_cost(goal_sick_rate, num_staff);
|
||||
return current - goal; //total savings per year
|
||||
}
|
||||
function recalc() {
|
||||
/* Get data */
|
||||
var num_staff = parseInt($(".num-staff").slider('value'), 10);
|
||||
var sick_rate = $(".sick-rate").slider('value');
|
||||
var sick_rate_float = parseFloat(sick_rate);
|
||||
var goal_sick_rate = $(".goal-sick-rate").slider('value');
|
||||
var goal_sick_rate_float = parseFloat(goal_sick_rate);
|
||||
/* Calculate */
|
||||
var cost = calc_cost(sick_rate_float, num_staff);
|
||||
cost = parseInt(Math.round( cost / 100), 10) * 100;
|
||||
var savings = calc_savings(sick_rate_float, goal_sick_rate, num_staff);
|
||||
savings = parseInt(Math.round( savings / 1000), 10) * 1000;
|
||||
/* Output data */
|
||||
$("[data-calc-staff]").text(num_staff);
|
||||
$("[data-calc-rate]").text(Math.round(sick_rate_float * 10) / 10);
|
||||
$("[data-calc-goal-rate]").text(Math.round(goal_sick_rate_float * 10) / 10);
|
||||
$("[data-calc-savings]").text(format_number_norwegian(savings));
|
||||
$("[data-calc-savings-employee]").text(format_number_norwegian(Math.round(savings / num_staff)));
|
||||
/* cost */
|
||||
$("[data-calc-cost]").text(format_number_norwegian(cost));
|
||||
$("[data-calc-cost-employee]").text(format_number_norwegian(Math.round(cost / num_staff)));
|
||||
|
||||
}
|
||||
if($(".sick-cost-calculator").length) {
|
||||
$( ".num-staff" ).slider({
|
||||
animate: "fast",
|
||||
value: 600,
|
||||
min: 1,
|
||||
max: 2000,
|
||||
step: 1,
|
||||
stop: recalc,
|
||||
slide: recalc
|
||||
});
|
||||
$( ".sick-rate" ).slider({
|
||||
animate: "fast",
|
||||
value: 10.2,
|
||||
min: 1,
|
||||
max: 15,
|
||||
step: 0.2,
|
||||
stop: recalc,
|
||||
slide: recalc
|
||||
});
|
||||
$( ".goal-sick-rate" ).slider({
|
||||
animate: "fast",
|
||||
value: 5,
|
||||
min: 1,
|
||||
max: 15,
|
||||
step: 0.2,
|
||||
stop: recalc,
|
||||
slide: recalc
|
||||
});
|
||||
$(".sick-cost-industry-form").on('change', function(e) {
|
||||
recalc();
|
||||
});
|
||||
|
||||
recalc(); // Initial calc
|
||||
|
||||
/* Workaround for slider not working on touch devices
|
||||
* Click/touch and change */
|
||||
$("[data-calc-staff], [data-calc-rate], [data-calc-goal-rate]").on('click', function(e) {
|
||||
$(".set-value-modal").attr('data-updating', $(this).attr('data-updating'));
|
||||
var old_value = $(this).text();
|
||||
$("input[name=set-value]").val(old_value);
|
||||
$(".set-value-modal").foundation('reveal', 'open');
|
||||
});
|
||||
$(".set-value-button").on('click', function(e) {
|
||||
var new_value = $("input[name=set-value]").val();
|
||||
var key = "#" + $(".set-value-modal").attr('data-updating');
|
||||
$( key ).slider({ value: parseFloat(new_value)});
|
||||
$(".set-value-modal").foundation('reveal', 'close');
|
||||
recalc();
|
||||
});
|
||||
}
|
||||
|
||||
/* Slide: Public treatment comparison */
|
||||
if($(".public-treatment-comparison").length) {
|
||||
var options = {
|
||||
valueNames: [ 'region', 'hospital', 'city', 'diagnose', 'waittime' ]
|
||||
};
|
||||
|
||||
var featureList = new List('treatment-list', options);
|
||||
featureList.sort('waittime', { asc: false });
|
||||
|
||||
$('.filter-region, .filter-diagnose').change(function() {
|
||||
featureList.filter(function(item) {
|
||||
var diagnose = $('.filter-diagnose').val();
|
||||
var region = $(".filter-region").val();
|
||||
return (item.values().region == region || region == "Alle") && item.values().diagnose == diagnose;
|
||||
});
|
||||
return false;
|
||||
});
|
||||
$('.filter-none').click(function() {
|
||||
featureList.filter();
|
||||
return false;
|
||||
});
|
||||
$(".filter-diagnose").trigger('change');
|
||||
}
|
||||
|
||||
function init_treatment_map() {
|
||||
// mapbox.com: nikolaik.map-hyrf1sef
|
||||
var tile_url = 'http://{s}.tiles.mapbox.com/v3/nikolaik.map-hyrf1sef/{z}/{x}/{y}.png';
|
||||
var tiles = L.tileLayer(tile_url, {maxZoom: 17, minZoom: 4});
|
||||
var latlng = L.latLng(65.57, 12.56);
|
||||
|
||||
var map = L.map('treament-network-map', {center: latlng, zoom: 4, layers: [tiles]});
|
||||
|
||||
var markers = L.markerClusterGroup({ showCoverageOnHover: false});
|
||||
/* Marker icon style */
|
||||
var static_url = $('meta[name="x-django-static-url"]').attr('content');
|
||||
var icon = L.icon({
|
||||
iconUrl: static_url + 'dist/images/storebrand_map_marker.png',
|
||||
iconSize: new L.Point(35, 35),
|
||||
iconAnchor: new L.Point(35, 35),
|
||||
popupAnchor: new L.Point(-17.5, -35),
|
||||
shadowUrl: '',
|
||||
shadowSize: new L.Point(0, 0),
|
||||
});
|
||||
|
||||
/* Add specialist markers */
|
||||
var _url = 'http://zeppelin.brill.no/blifrisk/data/no.json';
|
||||
$.getJSON(_url, function(data) {
|
||||
_.each(data.specialists, function(s, i) {
|
||||
if(s.position) {
|
||||
var marker = L.marker(new L.LatLng(s.position.lat, s.position.lng), { title: s.name, icon: icon });
|
||||
marker.bindPopup("<h3>"+ s.name +"</h3><p>"+ s.address +"<br /> "+ s.postalCode +" "+ s.city +"</p>");
|
||||
markers.addLayer(marker);
|
||||
}
|
||||
});
|
||||
map.addLayer(markers);
|
||||
});
|
||||
}
|
||||
/* Slide: Treatment locations map */
|
||||
if($(".treament-network-map").length) {
|
||||
|
||||
/* Load the treatment map when the slide comes in to view when in presentation mode */
|
||||
if (window.Reveal && !$(".page-slide-edit").length) {
|
||||
var handler = function(event) {
|
||||
if($(event.currentSlide).find(".treament-network-map").length) {
|
||||
init_treatment_map();
|
||||
Reveal.removeEventListener( 'slidechanged', handler, false); // run only once
|
||||
}
|
||||
};
|
||||
Reveal.addEventListener( 'slidechanged', handler);
|
||||
Reveal.addEventListener( 'ready', function(event) {
|
||||
if($(event.currentSlide).find(".treament-network-map").length) {
|
||||
/* Load map */
|
||||
init_treatment_map();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
init_treatment_map();
|
||||
}
|
||||
|
||||
}
|
||||
/* Placeholder polyfill for IE9 */
|
||||
placeholderSupport = ("placeholder" in document.createElement("input"));
|
||||
if(!placeholderSupport){
|
||||
//This browser does not support the placeholder attribute
|
||||
//use javascript instead
|
||||
$('[placeholder]').focus(function() {
|
||||
var input = $(this);
|
||||
if (input.val() === input.attr('placeholder')) {
|
||||
input.val('');
|
||||
input.removeClass('placeholder');
|
||||
}
|
||||
}).blur(function() {
|
||||
var input = $(this);
|
||||
if (input.val() === '' || input.val() === input.attr('placeholder')) {
|
||||
input.addClass('placeholder');
|
||||
input.val(input.attr('placeholder'));
|
||||
}
|
||||
}).blur().parents('form').submit(function() {
|
||||
$(this).find('[placeholder]').each(function() {
|
||||
var input = $(this);
|
||||
if (input.val() === input.attr('placeholder')) {
|
||||
input.val('');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
/* Highcarts graph theme */
|
||||
Highcharts.theme = {
|
||||
colors: ['#da291c', '#425563', '#ed786f'],
|
||||
chart: {
|
||||
backgroundColor: null
|
||||
},
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
title: {
|
||||
style: {
|
||||
color: '#1e394d',
|
||||
font: 'bold 16px "SignaColumn", Helvetica, Arial, sans-serif'
|
||||
}
|
||||
},
|
||||
subtitle: {
|
||||
style: {
|
||||
color: '#425563',
|
||||
font: 'bold 12px "SignaColumn", Helvetica, Arial, sans-serif'
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
style: {
|
||||
color: 'gray'
|
||||
}
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
title: {
|
||||
style: {
|
||||
color: 'gray'
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
itemStyle: {
|
||||
font: '9pt "SignaColumn", Helvetica, Arial, sans-serif',
|
||||
color: 'black'
|
||||
},
|
||||
itemHoverStyle:{
|
||||
color: 'gray'
|
||||
}
|
||||
},
|
||||
exporting: {
|
||||
enabled: false
|
||||
}
|
||||
};
|
||||
|
||||
// Apply the theme
|
||||
Highcharts.setOptions(Highcharts.theme);
|
||||
});
|
||||
Reference in new issue
Block a user