Produits Entr'ouvert » w.c.s.

from webtest import Upload, Hidden, Radio

def test_form_item_map_data_source(pub, http_requests):

    NamedDataSource.wipe()

    data_source = NamedDataSource(name='foobar')

    data_source.data_source = {

        'type': 'geojson',

        'value': 'http://remote.example.net/geojson',

    }

    data_source.id_property = 'id'

    data_source.label_template_property = '{{ text }}'

    data_source.cache_duration = '5'

    data_source.store()

    formdef = create_formdef()

    formdef.fields = [

        fields.ItemField(id='1', label='map', display_mode='map', data_source={'type': 'foobar'}),

    ]

    formdef.store()

    formdef.data_class().wipe()

    app = get_app(pub)

    resp = app.get('/test/')

    assert resp.pyquery('div[data-markers-radio-name]')[0].attrib['data-markers-url'] == '/api/geojson/foobar'

    assert resp.pyquery('div[data-markers-radio-name]')[0].attrib['data-markers-radio-name'] == 'f1$marker_id'

    app.get('/api/geojson/wrong-foobar', status=404)

    resp_geojson = app.get('/api/geojson/foobar')

    assert len(resp_geojson.json['features']) == 2

    assert http_requests.count() == 1

    assert http_requests.get_last('url') == 'http://remote.example.net/geojson'

    resp_geojson = app.get('/api/geojson/foobar')

    assert http_requests.count() == 1  # cache was used

    assert len(resp_geojson.json['features']) == 2

    # simulate qommon.map.js that will create radio inputs

    resp.form.fields['f1$marker_id'] = [Radio(form=resp.form, tag='input', name='f1$marker_id', pos=5)]

    resp.form.fields['f1$marker_id'][0].options.append(('1', False, None))

    resp.form.fields['f1$marker_id'][0].options.append(('2', False, None))

    resp.form.fields['f1$marker_id'][0].optionPositions.append(5)

    resp.form.fields['f1$marker_id'][0].optionPositions.append(6)

    resp.form.field_order.append(('f1$marker_id', resp.form.fields['f1$marker_id'][0]))

    resp.form['f1$marker_id'].value = '1'  # click on marker

    resp.form['f1$latlng'] = '1;2'  # set via js

    resp = resp.form.submit('submit')

    assert 'Check values then click submit.' in resp

    # selected option is displayed as readonly:

    assert resp.pyquery('input[type=text][value=foo][readonly]')

    resp = resp.form.submit('submit')

    resp = resp.follow()

    assert 'The form has been recorded' in resp

    assert '<div class="value">foo</div>' in resp

    assert formdef.data_class().count() == 1

    data_id = formdef.data_class().select()[0].id

    formdata = formdef.data_class().get(data_id)

    assert formdata.data['1_structured']['geometry']['coordinates'] == [1, 2]

import json

        geojson = {

            'features': [

                {'properties': {'id': '1', 'text': 'foo'},

                 'geometry': {'type': 'Point', 'coordinates': [1, 2]}

                },

                {'properties': {'id': '2', 'text': 'bar'},

                 'geometry': {'type': 'Point', 'coordinates': [3, 4]}

                }

            ]

        }

            'http://remote.example.net/geojson': (200, json.dumps(geojson), None),

    @property

    def extra_attributes(self):

        if self.display_mode == 'map':

            return ['initial_zoom', 'min_zoom', 'max_zoom', 'data_source']

        return []

        if self.display_mode != 'map':

            if self.data_source:

                items = data_sources.get_items(self.data_source,

                        include_disabled=self.display_disabled_items)

                kwargs['options'] = [x[:3] for x in items if not x[-1].get('disabled')]

                kwargs['options_with_attributes'] = items[:]

            else:

                kwargs['options'] = self.get_options()

            if not kwargs.get('options'):

                kwargs['options'] = [(None, '---')]

        elif display_mode == 'map':

            self.widget_class = MapMarkerSelectionWidget

class MapMarkerSelectionWidget(MapWidget):

    template_name = 'qommon/forms/widgets/map-marker-selection.html'

    def __init__(self, name, value=None, **kwargs):

        CompositeWidget.__init__(self, name, value, **kwargs)

        self.add(HiddenWidget, 'marker_id', value=value)

        self.readonly = kwargs.pop('readonly', False)

        self.map_attributes = {}

        self.map_attributes.update(get_publisher().get_map_attributes())

        self.sync_map_and_address_fields = get_publisher().has_site_option('sync-map-and-address-fields')

        for attribute in ('initial_zoom', 'min_zoom', 'max_zoom', 'init_with_geoloc'):

            if attribute in kwargs:

                self.map_attributes['data-' + attribute] = kwargs.pop(attribute)

        from wcs import data_sources

        data_source = data_sources.get_object(kwargs['data_source'])

        self.geojson_markers_url = data_source.get_geojson_url()

    def initial_position(self):

        return None

    def _parse(self, request):

        CompositeWidget._parse(self, request)

        self.value = self.get('marker_id')

     var initial_marker_id = $map_widget.data('markers-initial-id');

       if (typeof initial_marker_id == 'undefined') {

         // if markers are used they will appear via their input widget

         map.marker = L.marker(latlng);

         map.marker.addTo(map);

       }

     if ($map_widget.data('markers-url')) {

       var radio_name = $map_widget.data('markers-radio-name');

       $map_widget.on('change', 'input[name="' + radio_name + '"]', function() {

         var $radio = $(this);

         if ($radio.is(':checked')) {

           hidden.val($radio.data('lat') + ';' + $radio.data('lng'));

           hidden.trigger('change');

         }

       });

       $.getJSON($map_widget.data('markers-url')).done(

         function(data) {

           var geo_json = L.geoJson(data, {

             pointToLayer: function (feature, latlng) {

               var $label = $('<label>', {

                 title: feature.properties._text

               });

               var $radio = $('<input>', {

                 value: feature.properties._id,

                 name: radio_name,

                 type: 'radio',

                 'data-lat': latlng.lat,

                 'data-lng': latlng.lng

               });

               if (typeof initial_marker_id !== 'undefined' && feature.properties._id == initial_marker_id) {

                 $radio.attr('checked', 'checked');

               }

               $label.append($radio);

               $label.append($('<span></span>'));

               var div_marker = L.divIcon({

                 className: 'item-marker',

                 html: '<div>' + $label.prop('outerHTML') + '</div>'

               });

               return L.marker(latlng, {icon: div_marker});

             }

           });

           map.fitBounds(geo_json.getBounds());

           geo_json.addTo(map);

         }

       );

     } else if ($map_widget.data('readonly') && initial_marker_id) {

       // readonly and marker

         map.marker = L.marker(latlng);

         map.marker.addTo(map);

     }

     if (! $map_widget.data('readonly') && ! $map_widget.data('markers-url')) {

{% extends "qommon/forms/widgets/map.html" %}

{% block widget-control-attributes %}

  {% if not widget.readonly %}

    data-markers-url="{{ widget.geojson_markers_url }}"

    data-markers-radio-name="{{widget.name}}$marker_id"

  {% endif %}

  {% if widget.value %}

    data-markers-initial-id="{{ widget.value }}"

  {% endif %}

{% endblock %}

{% block widget-control %}

{{ block.super }}

<style>

.item-marker input + span {

  position: relative;

  z-index: 1000;

  margin-top: -55px;

  margin-left: -5px;

  display: block;

  width: 25px;

  height: 41px;

  background: url(/static/images/blank-marker-icon.png);

}

.item-marker input:checked + span {

  background: url(/static/xstatic/images/marker-icon.png);

}

</style>

{% endblock %}

  {% block widget-control-attributes %}{% endblock %}