Produits Entr'ouvert » Combo

# combo - content management system

# Copyright (C) 2015  Entr'ouvert

#

# This program is free software: you can redistribute it and/or modify it

# under the terms of the GNU Affero General Public License as published

# by the Free Software Foundation, either version 3 of the License, or

# (at your option) any later version.

#

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU Affero General Public License for more details.

#

# You should have received a copy of the GNU Affero General Public License

# along with this program.  If not, see <http://www.gnu.org/licenses/>.

import django.apps

from django.core.urlresolvers import reverse

from django.utils.translation import ugettext_lazy as _

class AppConfig(django.apps.AppConfig):

    name = 'combo.apps.maps'

    verbose_name = _('Maps')

    def get_before_urls(self):

        from . import urls

        return urls.urlpatterns

    def get_extra_manager_actions(self):

        return [{'href': reverse('maps-manager-homepage'),

                'text': _('Maps')}]

default_app_config = 'combo.apps.maps.AppConfig'

# combo - content management system

# Copyright (C) 2015  Entr'ouvert

#

# This program is free software: you can redistribute it and/or modify it

# under the terms of the GNU Affero General Public License as published

# by the Free Software Foundation, either version 3 of the License, or

# (at your option) any later version.

#

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU Affero General Public License for more details.

#

# You should have received a copy of the GNU Affero General Public License

# along with this program.  If not, see <http://www.gnu.org/licenses/>.

import itertools

from django import forms

from .models import MapLayer

colours = [('%s%s%s' % x, '%s%s%s' % x) for x in itertools.product(('00', '66', '99', 'FF'), repeat=3)]

class MapLayerForm(forms.ModelForm):

    class Meta:

        model = MapLayer

        fields = '__all__'

        widgets = {'marker_colour': forms.Select(attrs={'class': 'colour-picker'},

                                          choices=colours),

                   'icon_colour': forms.Select(attrs={'class': 'colour-picker'},

                                          choices=colours),

        }

# combo - content management system

# Copyright (C) 2015  Entr'ouvert

#

# This program is free software: you can redistribute it and/or modify it

# under the terms of the GNU Affero General Public License as published

# by the Free Software Foundation, either version 3 of the License, or

# (at your option) any later version.

#

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU Affero General Public License for more details.

#

# You should have received a copy of the GNU Affero General Public License

# along with this program.  If not, see <http://www.gnu.org/licenses/>.

from django.core.urlresolvers import reverse_lazy

from django.views.generic import (TemplateView, ListView, CreateView,

                UpdateView, DeleteView)

from .models import MapLayer

from .forms import MapLayerForm

class ManagerHomeView(TemplateView):

    template_name = 'maps/manager_home.html'

class LayersManagerView(ListView):

    model = MapLayer

class LayerAddView(CreateView):

    model = MapLayer

    form_class = MapLayerForm

    success_url = reverse_lazy('maps-manager-layers-list')

class LayerEditView(UpdateView):

    model = MapLayer

    form_class = MapLayerForm

    success_url = reverse_lazy('maps-manager-layers-list')

class LayerDeleteView(DeleteView):

    model = MapLayer

    success_url = reverse_lazy('maps-manager-layers-list')

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.db import migrations, models

class Migration(migrations.Migration):

    dependencies = [

    ]

    operations = [

        migrations.CreateModel(

            name='MapLayer',

            fields=[

                ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),

                ('label', models.CharField(max_length=128, verbose_name='Label')),

                ('geojson_url', models.URLField(verbose_name='Geojson URL')),

                ('marker_colour', models.CharField(default=b'0000FF', max_length=6, verbose_name='Marker color')),

                ('icon', models.CharField(help_text='FontAwesome style name', max_length=32, null=True, verbose_name='Marker icon', blank=True)),

                ('icon_colour', models.CharField(default=b'FFFFFF', max_length=6, verbose_name='Icon colour')),

            ],

        ),

    ]

# combo - content management system

# Copyright (C) 2015  Entr'ouvert

#

# This program is free software: you can redistribute it and/or modify it

# under the terms of the GNU Affero General Public License as published

# by the Free Software Foundation, either version 3 of the License, or

# (at your option) any later version.

#

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU Affero General Public License for more details.

#

# You should have received a copy of the GNU Affero General Public License

# along with this program.  If not, see <http://www.gnu.org/licenses/>.

from django.db import models

from django.utils.translation import ugettext_lazy as _

from combo.utils import requests

class MapLayer(models.Model):

    label = models.CharField(_('Label'), max_length=128)

    geojson_url = models.URLField(_('Geojson URL'))

    marker_colour = models.CharField(_('Marker color'), max_length=6, default='0000FF')

    icon = models.CharField(_('Marker icon'), max_length=32, blank=True, null=True,

                            help_text=_('FontAwesome style name'))

    icon_colour = models.CharField(_('Icon colour'), max_length=6, default='FFFFFF')

    def __unicode__(self):

        return self.label

    def get_geojson(self):

        response = requests.get(self.geojson_url,

                            remote_service='auto',

                            headers={'accept': 'application/json'})

        if not response.ok:

            return []

        features = response.json()

        for feature in features:

                feature['display_fields'] = feature['properties'].copy()

                feature['properties']['colour'] = '#%s' % self.marker_colour

                feature['properties']['icon_colour'] = '#%s' % self.icon_colour

                feature['properties']['label'] = self.label

                feature['properties']['icon'] = self.icon

        return features

/* adapted from http://andreaslagerkvist.com/jquery/colour-picker/ */

jQuery.fn.colourPicker = function (conf) {

    // Config for plug

    var config = jQuery.extend({

        id:            'jquery-colour-picker',    // id of colour-picker container

        inputBG:    true,                    // Whether to change the input's background to the selected colour's

        speed:        500                    // Speed of dialogue-animation

    }, conf);

    // Inverts a hex-colour

    var hexInvert = function (hex) {

        var r = parseInt(hex.substr(0, 2), 16);

        var g = parseInt(hex.substr(2, 2), 16);

        var b = parseInt(hex.substr(4, 2), 16);

        return 0.212671 * r + 0.715160 * g + 0.072169 * b < 128 ? 'ffffff' : '000000'

    };

    // Add the colour-picker dialogue if not added

    var colourPicker = jQuery('#' + config.id);

    if (!colourPicker.length) {

        colourPicker = jQuery('<div id="' + config.id + '"></div>').appendTo(document.body).hide();

        // Remove the colour-picker if you click outside it (on body)

        jQuery(document.body).click(function(event) {

            if (!(jQuery(event.target).is('#' + config.id) || jQuery(event.target).parents('#' + config.id).length)) {

                colourPicker.hide(config.speed);

            }

        });

    }

    // For every select passed to the plug-in

    return this.each(function () {

        // Insert icon and input

        var select    = jQuery(this);

        var icon    = jQuery('<a href="#">...</a>').insertAfter(select);

        var input    = jQuery('<input type="text" name="' + select.attr('name') + '" value="' + select.val() + '" size="7" />').insertAfter(select);

        var loc        = '';

        // Build a list of colours based on the colours in the select

        jQuery('option', select).each(function () {

            var option    = jQuery(this);

            var hex        = option.val();

            var title    = option.text();

            loc += '<li><a href="#" title="' 

                    + title 

                    + '" rel="' 

                    + hex 

                    + '" style="background: #' 

                    + hex 

                    + '; colour: ' 

                    + hexInvert(hex) 

                    + ';">' 

                    + title 

                    + '</a></li>';

        });

        // Remove select

        select.remove();

        // If user wants to, change the input's BG to reflect the newly selected colour

        if (config.inputBG) {

            input.change(function () {

                input.css({background: '#' + input.val(), color: '#' + hexInvert(input.val())});

            });

            input.change();

        }

        // When you click the icon

        icon.click(function () {

            // Show the colour-picker next to the icon and fill it with the colours in the select that used to be there

            var iconPos    = icon.offset();

            colourPicker.html('<ul>' + loc + '</ul>').css({

                position: 'absolute', 

                left: iconPos.left + 'px', 

                top: iconPos.top + 'px'

            }).show(config.speed);

            // When you click a colour in the colour-picker

            jQuery('a', colourPicker).click(function () {

                // The hex is stored in the link's rel-attribute

                var hex = jQuery(this).attr('rel');

                input.val(hex);

                // If user wants to, change the input's BG to reflect the newly selected colour

                if (config.inputBG) {

                    input.css({background: '#' + hex, color: '#' + hexInvert(hex)});

                }

                // Trigger change-event on input

                input.change();

                // Hide the colour-picker and return false

                colourPicker.hide(config.speed);

                return false;

            });

            return false;

        });

    });

};

$(function() {

  jQuery('select.colour-picker').colourPicker();

});

{% extends "combo/manager_base.html" %}

{% load i18n %}

{% block appbar %}

<h2>{% trans 'Maps' %}</h2>

{% endblock %}

{% block breadcrumb %}

{{ block.super }}

<a href="{% url 'maps-manager-homepage' %}">{% trans 'Maps' %}</a>

{% endblock %}

{% extends "maps/manager_base.html" %}

{% load i18n %}

{% block content %}

<ul class="apps">

 <li><a class="button" href="{% url 'maps-manager-layers-list' %}">{% trans 'Layers' %}</a></li>

</ul>

{% endblock %}

{% extends "combo/manager_base.html" %}

{% load i18n %}

{% block appbar %}

<h2>{{ view.model.get_verbose_name }}</h2>

{% endblock %}

{% block content %}

<form method="post">

  {% csrf_token %}

  {% blocktrans %}Are you sure you want to delete this?{% endblocktrans %}

  <div class="buttons">

    <button class="delete-button">{% trans 'Delete' %}</button>

    <a class="cancel" href="{% url 'maps-manager-layers-list' %}">{% trans 'Cancel' %}</a>

  </div>

</form>

{% endblock %}

{% extends "maps/maplayer_list.html" %}

{% load i18n %}

{% block appbar %}

{% if object.id %}

<h2>{% trans "Edit Layer" %}</h2>

{% else %}

<h2>{% trans "New Layer" %}</h2>

{% endif %}

{% endblock %}

{% block breadcrumb %}

{{ block.super }}

<a href="{% url 'maps-manager-homepage' %}">{% trans 'Layers' %}</a>

{% endblock %}

{% block content %}

<form method="post" enctype="multipart/form-data">

  {% csrf_token %}

  {{ form.as_p }}

  <div class="buttons">

    <button class="submit-button">{% trans "Save" %}</button>

    <a class="cancel" href="{% url 'maps-manager-layers-list' %}">{% trans 'Cancel' %}</a>

    {% if object.id %}

    <a class="delete" rel="popup" href="{% url 'maps-manager-layer-delete' pk=object.id %}">{% trans 'Delete' %}</a>

    {% endif %}

  </div>

</form>

{% endblock %}

{% extends "maps/manager_base.html" %}

{% load i18n %}

{% block breadcrumb %}

{{ block.super }}

<a href="{% url 'maps-manager-homepage' %}">{% trans 'Layers' %}</a>

{% endblock %}

{% block appbar %}

<h2>{% trans 'Layers' %}</h2>

<a rel="popup" href="{% url 'maps-manager-layer-add' %}">{% trans 'New' %}</a>

{% endblock %}

{% block content %}

{% if object_list %}

<div class="objects-list">

 {% for layer in object_list %}

 <div>

 <a href="{% url 'maps-manager-layer-edit' pk=layer.id %}">{{ layer.label }}

 </a>

 </div>

 {% endfor %}

</div>

{% else %}

<div class="big-msg-info">

  {% blocktrans %}

  This site doesn't have any layer yet. Click on the "New" button in the top

  right of the page to add a first one.

  {% endblocktrans %}

</div>

{% endif %}

{% endblock %}

# combo - content management system

# Copyright (C) 2015  Entr'ouvert

#

# This program is free software: you can redistribute it and/or modify it

# under the terms of the GNU Affero General Public License as published

# by the Free Software Foundation, either version 3 of the License, or

# (at your option) any later version.

#

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU Affero General Public License for more details.

#

# You should have received a copy of the GNU Affero General Public License

# along with this program.  If not, see <http://www.gnu.org/licenses/>.

from django.conf.urls import url, include

from combo.urls_utils import decorated_includes, manager_required

from .manager_views import (ManagerHomeView, LayersManagerView, LayerAddView,

                LayerEditView, LayerDeleteView)

maps_manager_urls = [

    url('^$', ManagerHomeView.as_view(), name='maps-manager-homepage'),

    url('^layers/$', LayersManagerView.as_view(), name='maps-manager-layers-list'),

    url('^layers/add/$', LayerAddView.as_view(), name='maps-manager-layer-add'),

    url('^layers/(?P<pk>\w+)/edit$', LayerEditView.as_view(),

        name='maps-manager-layer-edit'),

    url('^layers/(?P<pk>\w+)/edit/$', LayerEditView.as_view(),

        name='maps-manager-layer-edit'),

    url('^layers/(?P<pk>\w+)/delete/$', LayerDeleteView.as_view(),

        name='maps-manager-layer-delete'),

]

urlpatterns = [

    url(r'^manage/maps/', decorated_includes(manager_required,

        include(maps_manager_urls))),

]

# combo - content management system

# Copyright (C) 2015  Entr'ouvert

#

# This program is free software: you can redistribute it and/or modify it

# under the terms of the GNU Affero General Public License as published

# by the Free Software Foundation, either version 3 of the License, or

# (at your option) any later version.

#

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU Affero General Public License for more details.

#

# You should have received a copy of the GNU Affero General Public License

# along with this program.  If not, see <http://www.gnu.org/licenses/>.

from django.shortcuts import render

/* colour picker styles */

#jquery-colour-picker {

        background: #fafafa;

        width: 250px;

        padding: 10px 5px;

        border-radius: 5px;

        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);

        z-index: 2000;

}

#jquery-colour-picker ul {

        margin: 0;

        padding: 0;

        list-style-type: none;

}

#jquery-colour-picker li {

        float: left;

        margin: 0 5px 5px 0;

}

#jquery-colour-picker li a {

        display: block;

        width: 13px;

        height: 13px;

        text-decoration: none;

        text-indent: -10000px;

        outline: 0;

        border: 1px solid #aaa;

}

  $(document).on('gadjo:dialog-loaded', function(e, dialog) {

      if (jQuery.fn.colourPicker !== undefined) {

          jQuery('select.colour-picker').colourPicker({title: ''});

      }

  });

<script src="{% static "js/jquery.colourpicker.js" %}"></script>

    'combo.apps.maps',

# -*- coding: utf-8 -*-

import pytest

import mock

from django.contrib.auth.models import User

from combo.apps.maps.models import MapLayer

pytestmark = pytest.mark.django_db

@pytest.fixture

def admin_user():

    try:

        user = User.objects.get(username='admin')

    except User.DoesNotExist:

        user = User.objects.create_superuser('admin', email=None, password='admin')

    return user

def login(app, username='admin', password='admin'):

    login_page = app.get('/login/')

    login_form = login_page.forms[0]

    login_form['username'] = username

    login_form['password'] = password

    resp = login_form.submit()

    assert resp.status_int == 302

    return app

def test_access(app, admin_user):

    app = login(app)

    resp = app.get('/manage/', status=200)

    assert '/manage/maps/' in resp.body

def test_add_layer(app, admin_user):

    MapLayer.objects.all().delete()

    app = login(app)

    resp = app.get('/manage/maps/layers/', status=200)

    resp = resp.click('New')

    assert 'js/jquery.colourpicker.js' in resp.content

    resp.forms[0]['label'] = 'Test'

    resp.forms[0]['geojson_url'] = 'http://example.net/geojson'

    assert resp.form['marker_colour'].value == '0000FF'

    resp.forms[0]['marker_colour'] = 'FFFFFF'

    resp.forms[0]['icon'] = 'fa-bicycle'

    assert resp.form['icon_colour'].value == 'FFFFFF'

    resp.form['icon_colour'] = '000000'

    resp = resp.forms[0].submit()

    assert resp.location == 'http://testserver/manage/maps/layers/'

    assert MapLayer.objects.count() == 1

    layer = MapLayer.objects.get()

    assert layer.label == 'Test'

def test_edit_layer(app, admin_user):

    test_add_layer(app, admin_user)

    app = login(app)

    resp = app.get('/manage/maps/layers/', status=200)

    resp = resp.click('Test')

    resp.forms[0]['geojson_url'] = 'http://example.net/new_geojson'

    resp = resp.forms[0].submit()

    assert resp.location == 'http://testserver/manage/maps/layers/'

    assert MapLayer.objects.count() == 1

    layer = MapLayer.objects.get()

    assert layer.geojson_url == 'http://example.net/new_geojson'

def test_delete_layer(app, admin_user):

    test_add_layer(app, admin_user)

    app = login(app)

    resp = app.get('/manage/maps/layers/', status=200)

    resp = resp.click('Test')

    resp = resp.click('Delete')

    assert 'Are you sure you want to delete this?' in resp.body

    resp = resp.forms[0].submit()

    assert resp.location == 'http://testserver/manage/maps/layers/'

    assert MapLayer.objects.count() == 0

@mock.patch('combo.apps.maps.models.requests.get')

def test_download_geojson(mock_request, app, admin_user):

    test_add_layer(app, admin_user)

    layer = MapLayer.objects.get()

    mocked_response = mock.Mock()

    mocked_response.json.return_value = [{'type': 'Feature',

            'geometry': {'type': 'Point',

                        'coordinates': [2.3233688436448574, 48.83369263315934]},

                        'properties': {'property': 'property value'}}]

    mocked_response.ok.return_value = True

    mock_request.return_value = mocked_response

    geojson = layer.get_geojson()

    assert len(geojson) > 0

    for item in geojson:

        assert item['type'] == 'Feature'

        assert item['geometry']['type'] == 'Point'

        assert item['geometry']['coordinates'] == [2.3233688436448574, 48.83369263315934]

        assert item['display_fields'] == {'property': 'property value'}

        assert item['properties']['icon'] == 'fa-bicycle'

        assert item['properties']['label'] == 'Test'

        assert item['properties']['colour'] == '#FFFFFF'

        assert item['properties']['icon_colour'] == '#000000'