+
+ {% endblock %}
diff --git a/django_project/charts-prj/testing_settings.py b/django_project/charts-prj/testing_settings.py
new file mode 100644
index 0000000..cb93e74
--- /dev/null
+++ b/django_project/charts-prj/testing_settings.py
@@ -0,0 +1,109 @@
+"""
+Django settings for pippo project.
+
+Generated by 'django-admin startproject' using Django 1.8.7.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/1.8/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/1.8/ref/settings/
+"""
+
+# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
+import os
+
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/1.8/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = '5i81&t!#h$4ie!-kg$&@5b-1j*)d9@(6)8g8o4kg*xw3i2e=@t'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = (
+ 'django.contrib.admin',
+ 'django.contrib.auth',
+ 'django.contrib.contenttypes',
+ 'django.contrib.sessions',
+ 'django.contrib.messages',
+ 'django.contrib.staticfiles',
+)
+
+MIDDLEWARE_CLASSES = (
+ 'django.contrib.sessions.middleware.SessionMiddleware',
+ 'django.middleware.common.CommonMiddleware',
+ 'django.middleware.csrf.CsrfViewMiddleware',
+ 'django.contrib.auth.middleware.AuthenticationMiddleware',
+ 'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
+ 'django.contrib.messages.middleware.MessageMiddleware',
+ 'django.middleware.clickjacking.XFrameOptionsMiddleware',
+ 'django.middleware.security.SecurityMiddleware',
+)
+
+ROOT_URLCONF = 'charts-prj.urls'
+
+TEMPLATES = [
+ {
+ 'BACKEND': 'django.template.backends.django.DjangoTemplates',
+ 'DIRS': [],
+ 'APP_DIRS': True,
+ 'OPTIONS': {
+ 'context_processors': [
+ 'django.template.context_processors.debug',
+ 'django.template.context_processors.request',
+ 'django.contrib.auth.context_processors.auth',
+ 'django.contrib.messages.context_processors.messages',
+ ],
+ },
+ },
+]
+
+WSGI_APPLICATION = 'charts-prj.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/1.8/ref/settings/#databases
+
+DATABASES = {
+ 'default': {
+ 'ENGINE': 'django.db.backends.sqlite3',
+ 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
+ }
+}
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/1.8/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/1.8/howto/static-files/
+
+STATIC_URL = '/static/'
+
+ANONYMOUS_USER_ID = 1
+
+LOCAL_MEDIA_URL = ''
+API_INCLUDE_REGIONS_COUNT = ''
+HAYSTACK_SEARCH = ''
+RESOURCE_PUBLISHING = ''
\ No newline at end of file
diff --git a/haitidata/static/css/bootstrap/mixins/background-variant.css b/django_project/charts-prj/urls.py
similarity index 100%
rename from haitidata/static/css/bootstrap/mixins/background-variant.css
rename to django_project/charts-prj/urls.py
diff --git a/django_project/charts-prj/wsgi.py b/django_project/charts-prj/wsgi.py
new file mode 100644
index 0000000..6147efb
--- /dev/null
+++ b/django_project/charts-prj/wsgi.py
@@ -0,0 +1,31 @@
+"""
+WSGI config for charts project.
+
+This module contains the WSGI application used by Django's development server
+and any production WSGI deployments. It should expose a module-level variable
+named ``application``. Django's ``runserver`` and ``runfcgi`` commands discover
+this application via the ``WSGI_APPLICATION`` setting.
+
+Usually you will have the standard Django WSGI application here, but it also
+might make sense to replace the whole Django WSGI application with a custom one
+that later delegates to the Django one. For example, you could introduce WSGI
+middleware here, or combine a Django application with an application of another
+framework.
+
+"""
+import os
+import sys
+
+sys.path.insert(0, os.path.dirname(os.path.dirname(__file__)))
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "charts-prj.settings")
+
+# This application object is used by any WSGI server configured to use this
+# file. This includes Django's development server, if the WSGI_APPLICATION
+# setting points here.
+from django.core.wsgi import get_wsgi_application
+application = get_wsgi_application()
+
+# Apply WSGI middleware here.
+# from helloworld.wsgi import HelloWorldApplication
+# application = HelloWorldApplication(application)
diff --git a/haitidata/static/css/bootstrap/mixins/border-radius.css b/django_project/charts_app/__init__.py
similarity index 100%
rename from haitidata/static/css/bootstrap/mixins/border-radius.css
rename to django_project/charts_app/__init__.py
diff --git a/django_project/charts_app/admin.py b/django_project/charts_app/admin.py
new file mode 100644
index 0000000..05e7ad9
--- /dev/null
+++ b/django_project/charts_app/admin.py
@@ -0,0 +1,10 @@
+from django.contrib import admin
+
+from .models import Chart
+
+
+class ChartAdmin(admin.ModelAdmin):
+ list_display = ['id', 'title']
+
+
+admin.site.register(Chart, ChartAdmin)
diff --git a/django_project/charts_app/migrations/0001_initial.py b/django_project/charts_app/migrations/0001_initial.py
new file mode 100644
index 0000000..04f3248
--- /dev/null
+++ b/django_project/charts_app/migrations/0001_initial.py
@@ -0,0 +1,27 @@
+# -*- coding: utf-8 -*-
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ ('layers', '24_to_26'),
+ ]
+
+ operations = [
+ migrations.CreateModel(
+ name='Chart',
+ fields=[
+ ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
+ ('title', models.CharField(max_length=128, blank=True)),
+ ('category', models.CharField(max_length=200)),
+ ('quantity', models.CharField(max_length=200)),
+ ('type', models.SmallIntegerField(default=0, choices=[(0, b'Bar chart'), (1, b'Pie chart'), (2, b'Donut chart')])),
+ ('aggr_type', models.SmallIntegerField(default=3, choices=[(0, b'Sum'), (1, b'Mean'), (2, b'Category count'), (3, b'Max'), (4, b'Min')])),
+ ('abstract', models.TextField(blank=True)),
+ ('layer', models.ForeignKey(to='layers.Layer')),
+ ],
+ ),
+ ]
diff --git a/django_project/charts_app/migrations/0002_auto_20170705_0742.py b/django_project/charts_app/migrations/0002_auto_20170705_0742.py
new file mode 100644
index 0000000..646fed7
--- /dev/null
+++ b/django_project/charts_app/migrations/0002_auto_20170705_0742.py
@@ -0,0 +1,32 @@
+# -*- coding: utf-8 -*-
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+from django.conf import settings
+import charts_app.models
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+ ('charts_app', '0001_initial'),
+ ]
+
+ operations = [
+ migrations.AddField(
+ model_name='chart',
+ name='created_by',
+ field=models.ForeignKey(blank=True, to=settings.AUTH_USER_MODEL, null=True),
+ ),
+ migrations.AlterField(
+ model_name='chart',
+ name='layer',
+ field=models.ForeignKey(to='layers.Layer', validators=[charts_app.models.validate_wfs]),
+ ),
+ migrations.AlterField(
+ model_name='chart',
+ name='type',
+ field=models.SmallIntegerField(default=0, choices=[(0, b'Bar chart'), (1, b'Pie chart'), (2, b'Donut chart'), (3, b'Line chart')]),
+ ),
+ ]
diff --git a/haitidata/static/css/bootstrap/mixins/buttons.css b/django_project/charts_app/migrations/__init__.py
similarity index 100%
rename from haitidata/static/css/bootstrap/mixins/buttons.css
rename to django_project/charts_app/migrations/__init__.py
diff --git a/django_project/charts_app/models.py b/django_project/charts_app/models.py
new file mode 100644
index 0000000..13c2131
--- /dev/null
+++ b/django_project/charts_app/models.py
@@ -0,0 +1,80 @@
+from django.db import models
+from django.core.urlresolvers import reverse
+from django.core.exceptions import ValidationError
+from django.utils.translation import ugettext_lazy as _
+from django.conf import settings
+from django.forms import ModelForm, ValidationError as VE
+
+from geonode.layers.models import Layer
+
+from wfs_harvest.utils import get_featno, get_fields
+
+
+def validate_wfs(value):
+ lyr = Layer.objects.get(pk=value)
+ if lyr.service_type != 'WFS':
+ raise ValidationError(_('%(lyr_title)s is not a WFS layer'),
+ code='not_a_wfs',
+ params={'lyr_title': lyr.title})
+
+ feat_no = get_featno(value)
+ if feat_no > settings.MAX_CSV_RECORDS:
+ raise ValidationError(_('%(lyr_title)s has too many features; '
+ 'chart functionality is not available '
+ 'for very large datasets'),
+ code='too_many_records',
+ params={'lyr_title': lyr.title})
+
+
+class Chart(models.Model):
+ CHART_TYPES = (
+ (0, 'Bar chart'),
+ (1, 'Pie chart'),
+ (2, 'Donut chart'),
+ (3, 'Line chart')
+ )
+
+ AGGREGATION_TYPES = (
+ (0, 'Sum'),
+ (1, 'Mean'),
+ (2, 'Category count'),
+ (3, 'Max'),
+ (4, 'Min'),
+ )
+
+ layer = models.ForeignKey(Layer, validators=[validate_wfs])
+ title = models.CharField(max_length=128, blank=True)
+ category = models.CharField(max_length=200)
+ quantity = models.CharField(max_length=200)
+ type = models.SmallIntegerField(choices=CHART_TYPES, default=0)
+ aggr_type = models.SmallIntegerField(choices=AGGREGATION_TYPES, default=3)
+ abstract = models.TextField(blank=True)
+ created_by = models.ForeignKey(settings.AUTH_USER_MODEL, blank=True, null = True)
+
+ def get_absolute_url(self):
+ return reverse('chart_detail', kwargs={'pk': self.pk})
+
+class ChartForm(ModelForm):
+ def clean(self):
+ cleaned_data = super(ChartForm, self).clean()
+ layer = cleaned_data.get('layer')
+ category = cleaned_data.get('category')
+ quantity = cleaned_data.get('quantity')
+
+ categories, quantities = get_fields(layer)
+
+ if category not in categories:
+ lyr = Layer.objects.get(pk=layer)
+ raise VE(_('%(lyr_title)s does not contain the field %(category)s'),
+ code='non_extant_category_field',
+ params={'lyr_title': lyr.title, 'category': category})
+
+ if quantity not in quantities:
+ lyr = Layer.objects.get(pk=layer)
+ raise VE(_('%(lyr_title)s does not contain the field %(quantity)s'),
+ code='non_extant_quantity_field',
+ params={'lyr_title': lyr.title, 'quantity': quantity})
+
+ class Meta:
+ model = Chart
+ fields = '__all__'
\ No newline at end of file
diff --git a/django_project/charts_app/templates/donut_chart_v1.html b/django_project/charts_app/templates/donut_chart_v1.html
new file mode 100644
index 0000000..286f532
--- /dev/null
+++ b/django_project/charts_app/templates/donut_chart_v1.html
@@ -0,0 +1,68 @@
+
+
+
+
+ {% trans "Welcome to the charts GeoNode" %}
+{% blocktrans %}GeoNode is an open source platform for sharing geospatial data and maps.{% endblocktrans %}
+{% blocktrans %}If you have any questions about the software or service, join our mailing list.{% endblocktrans %}
+ {% trans 'Need help?' %} {% trans 'Getting Started' %} +Simple Donut Chart v1
+Zero values excluded
+D3js version 4, use canvas
+ + + + \ No newline at end of file diff --git a/django_project/charts_app/templates/donut_chart_v2.html b/django_project/charts_app/templates/donut_chart_v2.html new file mode 100644 index 0000000..c371272 --- /dev/null +++ b/django_project/charts_app/templates/donut_chart_v2.html @@ -0,0 +1,169 @@ + + +Simple Donut Chart v2
+Zero values excluded, label with ticks
+D3js version 3, use svg
+ + + + + \ No newline at end of file diff --git a/django_project/charts_app/templates/pie_chart_v1.html b/django_project/charts_app/templates/pie_chart_v1.html new file mode 100644 index 0000000..10e08c5 --- /dev/null +++ b/django_project/charts_app/templates/pie_chart_v1.html @@ -0,0 +1,65 @@ + + +Simple Pie Chart v1
+All data
+D3js version 4, use svg
+ + + + diff --git a/django_project/charts_app/templates/pie_chart_v2.html b/django_project/charts_app/templates/pie_chart_v2.html new file mode 100644 index 0000000..7a93002 --- /dev/null +++ b/django_project/charts_app/templates/pie_chart_v2.html @@ -0,0 +1,67 @@ + + +Simple Pie Chart v2
+Zero values excluded
+D3js version 4, use svg
+ + + + diff --git a/django_project/charts_app/tests.py b/django_project/charts_app/tests.py new file mode 100644 index 0000000..7ce503c --- /dev/null +++ b/django_project/charts_app/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/django_project/charts_app/urls.py b/django_project/charts_app/urls.py new file mode 100644 index 0000000..f837ee7 --- /dev/null +++ b/django_project/charts_app/urls.py @@ -0,0 +1,11 @@ +from django.conf.urls import url + +from . import views + +urlpatterns = [ + url(r'^(?P" + yLabel() + ": " + d.value) + .style("left", (d3.event.pageX) + "px") + .style("top", (d3.event.pageY - 40) + "px"); + }) + .on("mouseout", function(d) { + div.transition() + .duration(500) + .style("opacity", 0); + }); + + }); + } + + my.x = function (_){ + return arguments.length ? (x = _, my) : x; + }; + + my.y = function (_){ + return arguments.length ? (y = _, my) : y; + }; + + my.width = function (_){ + return arguments.length ? (width = _, my) : width; + }; + + my.height = function (_){ + return arguments.length ? (height = _, my) : height; + }; + + my.padding = function (_){ + return arguments.length ? (xScale.padding(_), my) : xScale.padding(); + }; + + return my; + } \ No newline at end of file diff --git a/haitidata/static/js/npm.js b/django_project/core/base_static/js/npm.js similarity index 100% rename from haitidata/static/js/npm.js rename to django_project/core/base_static/js/npm.js diff --git a/django_project/core/base_static/js/pie.js b/django_project/core/base_static/js/pie.js new file mode 100644 index 0000000..ea9478b --- /dev/null +++ b/django_project/core/base_static/js/pie.js @@ -0,0 +1,415 @@ +function pieChart(cat, qnt, title, id){ + var width = function(){ return document.getElementById(id).parentNode.offsetWidth}, + height = 500, + margin = {top: 80, right: 100, bottom: 10, left: 10}, + colour = d3.scaleOrdinal(d3.schemeCategory20c), // colour scheme + variable, // value in data that will dictate proportions on chart + category, // compare data by + padAngle = 0.015, // effectively dictates the gap between slices + transTime, // transition time + updateData, + floatFormat = d3.format("." + d3.precisionFixed(0.5) + "f"), + cornerRadius = 3; // sets how rounded the corners are on each slice + + function chart(selection){ + selection.each(function() { + // generate chart + // =========================================================================================== + // Set up constructors for making donut. See https://github.com/d3/d3-shape/blob/master/README.md + var radius = Math.min(width(), (height - margin.top)) / 2; + + // creates a new pie generator + var pie = d3.pie() + .value(function(d) { return floatFormat(d[variable]); }) + .sort(null); + + // contructs and arc generator. This will be used for the donut. The difference between outer and inner + // radius will dictate the thickness of the donut + var arc = d3.arc() + .outerRadius(radius * 0.8) + .innerRadius(2) + .cornerRadius(cornerRadius) + .padAngle(padAngle); + + // this arc is used for aligning the text labels + var outerArc = d3.arc() + .outerRadius(radius * 0.83) + .innerRadius(radius * 0.83); + // =========================================================================================== + + // =========================================================================================== + // append the svg object to the selection + var svg = selection.append('svg') + .attr("id", "chart_svg") + .attr('width', width() + margin.left + margin.right) + .attr('height', height + margin.top + margin.bottom) + .append('g') + .attr('transform', 'translate(' + width() / 2 + ',' + height / 2 + ')'); + // =========================================================================================== + + // =========================================================================================== + // g elements to keep elements within svg modular + svg.append('g').attr('class', 'slices'); + svg.append('g').attr('class', 'labelName'); + svg.append('g').attr('class', 'lines'); + // =========================================================================================== + + // =========================================================================================== + // add and colour the donut slices + var path = svg.select('.slices') + .selectAll('path') + .data(pie) + .enter().append('path') + .attr('fill', function(d) { return colour(d.data[category]); }) + .attr('d', arc); + // =========================================================================================== + + // =========================================================================================== + // add text labels + var occupedLabel = []; + var label = svg.select('.labelName').selectAll('text') + .data(pie) + .enter().append('text') + .attr('dy', '.35em') + .html(updateLabelText) + .attr('transform', labelTransform) + .style('text-anchor', function(d) { + // if slice centre is on the left, anchor text to start, otherwise anchor to end + return (midAngle(d)) < Math.PI ? 'start' : 'end'; + }); + // =========================================================================================== + + // =========================================================================================== + // add lines connecting labels to slice. A polyline creates straight lines connecting several points + var occupedPoint = []; + var polyline = svg.select('.lines') + .selectAll('polyline') + .data(pie) + .enter().append('polyline') + .attr('points', calculatePoints); + // =========================================================================================== + + // =========================================================================================== + // add tooltip to mouse events on slices and labels + d3.selectAll('.labelName text, .slices path').call(toolTip); + // =========================================================================================== + + // =========================================================================================== + // FUNCTION TO UPDATE CHART + updateData = function() { + + var updatePath = d3.select('.slices').selectAll('path'); + var updateLines = d3.select('.lines').selectAll('polyline'); + var updateLabels = d3.select('.labelName').selectAll('text'); + + var data0 = path.data(), // store the current data before updating to the new + data1 = pie(data); + + // update data attached to the slices, labels, and polylines. the key function assigns the data to + // the correct element, rather than in order of how the data appears. This means that if a category + // already exists in the chart, it will have its data updated rather than removed and re-added. + updatePath = updatePath.data(data1, key); + updateLines = updateLines.data(data1, key); + updateLabels = updateLabels.data(data1, key); + + // adds new slices/lines/labels + updatePath.enter().append('path') + .each(function(d, i) { this._current = findNeighborArc(i, data0, data1, key) || d; }) + .attr('fill', function(d) { return colour(d.data[category]); }) + .attr('d', arc); + + updateLines.enter().append('polyline') + .each(function(d, i) { this._current = findNeighborArc(i, data0, data1, key) || d; }) + .attr('points', calculatePoints); + + updateLabels.enter().append('text') + .each(function(d, i) { this._current = findNeighborArc(i, data0, data1, key) || d; }) + .html(updateLabelText) + .attr('transform', labelTransform) + .style('text-anchor', function(d) { return (midAngle(d)) < Math.PI ? 'start' : 'end'; }); + + // removes slices/labels/lines that are not in the current dataset + updatePath.exit() + .transition() + .duration(transTime) + .attrTween("d", arcTween) + .remove(); + + updateLines.exit() + .transition() + .duration(transTime) + .attrTween("points", pointTween) + .remove(); + + updateLabels.exit() + .remove(); + + // animates the transition from old angle to new angle for slices/lines/labels + updatePath.transition().duration(transTime) + .attrTween('d', arcTween); + + updateLines.transition().duration(transTime) + .attrTween('points', pointTween); + + updateLabels.transition().duration(transTime) + .attrTween('transform', labelTween) + .styleTween('text-anchor', labelStyleTween); + + updateLabels.html(updateLabelText); // update the label text + + // add tooltip to mouse events on slices and labels + d3.selectAll('.labelName text, .slices path').call(toolTip); + + }; + // =========================================================================================== + // Functions + // calculates the angle for the middle of a slice + function midAngle(d) { return d.startAngle + (d.endAngle - d.startAngle) / 2}; + + // function that creates and adds the tool tip to a selected element + function toolTip(selection) { + + // add tooltip (svg circle element) when mouse enters label or slice + selection.on('mouseenter', function (data) { + + svg.append('rect') + .attr('transform', "translate(-320, 230)") + .attr('class', 'toolRect') + .attr("width", 190) + .attr("height", 60) + .style('fill', colour(data.data[category])) // colour based on category mouse is over + .style('fill-opacity', 0.35); + + svg.append('text') + .attr('transform', "translate(-310, 255)") + .attr('class', 'toolRect') + .html(toolTipHTML(data)) // add text to the rect + .style('font-size', '.9em'); // centres text in tooltip + }); + + // remove the tooltip when mouse leaves the slice/label + selection.on('mouseout', function () { + d3.selectAll('.toolRect').remove(); + }); + } + + // function to create the HTML string for the tool tip. Loops through each key in data object + // and returns the html string key: value + function toolTipHTML(data) { + + var tip = '', + i = 0; + + for (var key in data.data) { + + // if value is a number, format it as a float + var value = (!isNaN(data.data[key])) ? parseFloat(data.data[key]) : data.data[key]; + qnt = (title == "Count" ? "Count" : qnt); + + // leave off 'dy' attr for first tspan so the 'dy' attr on text element works. The 'dy' attr on + // tspan effectively imitates a line break. + if (i === 0) tip += '
"+L.GeometryUtil.readableArea(t,this.options.metric,this.options.precision)),e):null},_shapeIsValid:function(){return this._markers.length>=3},_vertexChanged:function(t,e){var i;!this.options.allowIntersection&&this.options.showArea&&(i=this._poly.getLatLngs(),this._area=L.GeometryUtil.geodesicArea(i)),L.Draw.Polyline.prototype._vertexChanged.call(this,t,e)},_cleanUpShape:function(){var t=this._markers.length;t>0&&(this._markers[0].off("click",this._finishShape,this),t>2&&this._markers[t-1].off("dblclick",this._finishShape,this))}}),L.SimpleShape={},L.Draw.SimpleShape=L.Draw.Feature.extend({options:{repeatMode:!1},initialize:function(t,e){this._endLabelText=L.drawLocal.draw.handlers.simpleshape.tooltip.end,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._mapDraggable=this._map.dragging.enabled(),this._mapDraggable&&this._map.dragging.disable(),this._container.style.cursor="crosshair",this._tooltip.updateContent({text:this._initialLabelText}),this._map.on("mousedown",this._onMouseDown,this).on("mousemove",this._onMouseMove,this).on("touchstart",this._onMouseDown,this).on("touchmove",this._onMouseMove,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._map&&(this._mapDraggable&&this._map.dragging.enable(),this._container.style.cursor="",this._map.off("mousedown",this._onMouseDown,this).off("mousemove",this._onMouseMove,this).off("touchstart",this._onMouseDown,this).off("touchmove",this._onMouseMove,this),L.DomEvent.off(e,"mouseup",this._onMouseUp,this),L.DomEvent.off(e,"touchend",this._onMouseUp,this),this._shape&&(this._map.removeLayer(this._shape),delete this._shape)),this._isDrawing=!1},_getTooltipText:function(){return{text:this._endLabelText}},_onMouseDown:function(t){this._isDrawing=!0,this._startLatLng=t.latlng,L.DomEvent.on(e,"mouseup",this._onMouseUp,this).on(e,"touchend",this._onMouseUp,this).preventDefault(t.originalEvent)},_onMouseMove:function(t){var e=t.latlng;this._tooltip.updatePosition(e),this._isDrawing&&(this._tooltip.updateContent(this._getTooltipText()),this._drawShape(e))},_onMouseUp:function(){this._shape&&this._fireCreatedEvent(),this.disable(),this.options.repeatMode&&this.enable()}}),L.Draw.Rectangle=L.Draw.SimpleShape.extend({statics:{TYPE:"rectangle"},options:{shapeOptions:{stroke:!0,color:"#3388ff",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,showArea:!0,clickable:!0},metric:!0},initialize:function(t,e){this.type=L.Draw.Rectangle.TYPE,this._initialLabelText=L.drawLocal.draw.handlers.rectangle.tooltip.start,L.Draw.SimpleShape.prototype.initialize.call(this,t,e)},_drawShape:function(t){this._shape?this._shape.setBounds(new L.LatLngBounds(this._startLatLng,t)):(this._shape=new L.Rectangle(new L.LatLngBounds(this._startLatLng,t),this.options.shapeOptions),this._map.addLayer(this._shape))},_fireCreatedEvent:function(){var t=new L.Rectangle(this._shape.getBounds(),this.options.shapeOptions);L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this,t)},_getTooltipText:function(){var t,e,i,o=L.Draw.SimpleShape.prototype._getTooltipText.call(this),n=this._shape,s=this.options.showArea;return n&&(t=this._shape._defaultShape?this._shape._defaultShape():this._shape.getLatLngs(),e=L.GeometryUtil.geodesicArea(t),i=s?L.GeometryUtil.readableArea(e,this.options.metric):""),{text:o.text,subtext:i}}}),L.Draw.Circle=L.Draw.SimpleShape.extend({statics:{TYPE:"circle"},options:{shapeOptions:{stroke:!0,color:"#3388ff",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0},showRadius:!0,metric:!0,feet:!0,nautic:!1},initialize:function(t,e){this.type=L.Draw.Circle.TYPE,this._initialLabelText=L.drawLocal.draw.handlers.circle.tooltip.start,L.Draw.SimpleShape.prototype.initialize.call(this,t,e)},_drawShape:function(t){this._shape?this._shape.setRadius(this._startLatLng.distanceTo(t)):(this._shape=new L.Circle(this._startLatLng,this._startLatLng.distanceTo(t),this.options.shapeOptions),this._map.addLayer(this._shape))},_fireCreatedEvent:function(){var t=new L.Circle(this._startLatLng,this._shape.getRadius(),this.options.shapeOptions);L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this,t)},_onMouseMove:function(t){var e,i=t.latlng,o=this.options.showRadius,n=this.options.metric;if(this._tooltip.updatePosition(i),this._isDrawing){this._drawShape(i),e=this._shape.getRadius().toFixed(1);var s="";o&&(s=L.drawLocal.draw.handlers.circle.radius+": "+L.GeometryUtil.readableDistance(e,n,this.options.feet,this.options.nautic)),this._tooltip.updateContent({text:this._endLabelText,subtext:s})}}}),L.Draw.Marker=L.Draw.Feature.extend({statics:{TYPE:"marker"},options:{icon:new L.Icon.Default,repeatMode:!1,zIndexOffset:2e3},initialize:function(t,e){this.type=L.Draw.Marker.TYPE,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._tooltip.updateContent({text:L.drawLocal.draw.handlers.marker.tooltip.start}),this._mouseMarker||(this._mouseMarker=L.marker(this._map.getCenter(),{icon:L.divIcon({className:"leaflet-mouse-marker",iconAnchor:[20,20],iconSize:[40,40]}),opacity:0,zIndexOffset:this.options.zIndexOffset})),this._mouseMarker.on("click",this._onClick,this).addTo(this._map),this._map.on("mousemove",this._onMouseMove,this),this._map.on("click",this._onTouch,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._map&&(this._marker&&(this._marker.off("click",this._onClick,this),this._map.off("click",this._onClick,this).off("click",this._onTouch,this).removeLayer(this._marker),delete this._marker),this._mouseMarker.off("click",this._onClick,this),this._map.removeLayer(this._mouseMarker),delete this._mouseMarker,this._map.off("mousemove",this._onMouseMove,this))},_onMouseMove:function(t){var e=t.latlng;this._tooltip.updatePosition(e),this._mouseMarker.setLatLng(e),this._marker?(e=this._mouseMarker.getLatLng(),this._marker.setLatLng(e)):(this._marker=new L.Marker(e,{icon:this.options.icon,zIndexOffset:this.options.zIndexOffset}),this._marker.on("click",this._onClick,this),this._map.on("click",this._onClick,this).addLayer(this._marker))},_onClick:function(){this._fireCreatedEvent(),this.disable(),this.options.repeatMode&&this.enable()},_onTouch:function(t){this._onMouseMove(t),this._onClick()},_fireCreatedEvent:function(){var t=new L.Marker.Touch(this._marker.getLatLng(),{icon:this.options.icon});L.Draw.Feature.prototype._fireCreatedEvent.call(this,t)}}),L.Edit=L.Edit||{},L.Edit.Marker=L.Handler.extend({initialize:function(t,e){this._marker=t,L.setOptions(this,e)},addHooks:function(){var t=this._marker;t.dragging.enable(),t.on("dragend",this._onDragEnd,t),this._toggleMarkerHighlight()},removeHooks:function(){var t=this._marker;t.dragging.disable(),t.off("dragend",this._onDragEnd,t),this._toggleMarkerHighlight()},_onDragEnd:function(t){var e=t.target;e.edited=!0,this._map.fire(L.Draw.Event.EDITMOVE,{layer:e})},_toggleMarkerHighlight:function(){var t=this._marker._icon;t&&(t.style.display="none",L.DomUtil.hasClass(t,"leaflet-edit-marker-selected")?(L.DomUtil.removeClass(t,"leaflet-edit-marker-selected"),this._offsetMarker(t,-4)):(L.DomUtil.addClass(t,"leaflet-edit-marker-selected"),this._offsetMarker(t,4)),t.style.display="")},_offsetMarker:function(t,e){var i=parseInt(t.style.marginTop,10)-e,o=parseInt(t.style.marginLeft,10)-e;t.style.marginTop=i+"px",t.style.marginLeft=o+"px"}}),L.Marker.addInitHook(function(){L.Edit.Marker&&(this.editing=new L.Edit.Marker(this),this.options.editable&&this.editing.enable())}),L.Edit=L.Edit||{},L.Edit.Poly=L.Handler.extend({options:{},initialize:function(t,e){this.latlngs=[t._latlngs],t._holes&&(this.latlngs=this.latlngs.concat(t._holes)),this._poly=t,L.setOptions(this,e),this._poly.on("revert-edited",this._updateLatLngs,this)},_defaultShape:function(){return L.Polyline._flat?L.Polyline._flat(this._poly._latlngs)?this._poly._latlngs:this._poly._latlngs[0]:this._poly._latlngs},_eachVertexHandler:function(t){for(var e=0;e
":"")+""+t.text+"",t.text||t.subtext?(this._visible=!0,this._container.style.visibility="inherit"):(this._visible=!1,this._container.style.visibility="hidden"),this):this},updatePosition:function(t){var e=this._map.latLngToLayerPoint(t),i=this._container;return this._container&&(this._visible&&(i.style.visibility="inherit"),L.DomUtil.setPosition(i,e)),this},showAsError:function(){return this._container&&L.DomUtil.addClass(this._container,"leaflet-error-draw-tooltip"),this},removeError:function(){return this._container&&L.DomUtil.removeClass(this._container,"leaflet-error-draw-tooltip"),this},_onMouseOut:function(){this._container&&(this._container.style.visibility="hidden")}}),L.DrawToolbar=L.Toolbar.extend({statics:{TYPE:"draw"},options:{polyline:{},polygon:{},rectangle:{},circle:{},marker:{}},initialize:function(t){for(var e in this.options)this.options.hasOwnProperty(e)&&t[e]&&(t[e]=L.extend({},this.options[e],t[e]));this._toolbarClass="leaflet-draw-draw",L.Toolbar.prototype.initialize.call(this,t)},getModeHandlers:function(t){return[{enabled:this.options.polyline,handler:new L.Draw.Polyline(t,this.options.polyline),title:L.drawLocal.draw.toolbar.buttons.polyline},{enabled:this.options.polygon,handler:new L.Draw.Polygon(t,this.options.polygon),title:L.drawLocal.draw.toolbar.buttons.polygon},{enabled:this.options.rectangle,handler:new L.Draw.Rectangle(t,this.options.rectangle),title:L.drawLocal.draw.toolbar.buttons.rectangle},{enabled:this.options.circle,handler:new L.Draw.Circle(t,this.options.circle),title:L.drawLocal.draw.toolbar.buttons.circle},{enabled:this.options.marker,handler:new L.Draw.Marker(t,this.options.marker),title:L.drawLocal.draw.toolbar.buttons.marker}]},getActions:function(t){return[{enabled:t.completeShape,title:L.drawLocal.draw.toolbar.finish.title,text:L.drawLocal.draw.toolbar.finish.text,callback:t.completeShape,context:t},{enabled:t.deleteLastVertex,title:L.drawLocal.draw.toolbar.undo.title,text:L.drawLocal.draw.toolbar.undo.text,callback:t.deleteLastVertex,context:t},{title:L.drawLocal.draw.toolbar.actions.title,text:L.drawLocal.draw.toolbar.actions.text,callback:this.disable,context:this}]},setOptions:function(t){L.setOptions(this,t);for(var e in this._modes)this._modes.hasOwnProperty(e)&&t.hasOwnProperty(e)&&this._modes[e].handler.setOptions(t[e])}}),L.EditToolbar=L.Toolbar.extend({statics:{TYPE:"edit"},options:{edit:{selectedPathOptions:{dashArray:"10, 10",fill:!0,fillColor:"#fe57a1",fillOpacity:.1,maintainColor:!1}},remove:{},poly:null,featureGroup:null},initialize:function(t){t.edit&&(void 0===t.edit.selectedPathOptions&&(t.edit.selectedPathOptions=this.options.edit.selectedPathOptions),t.edit.selectedPathOptions=L.extend({},this.options.edit.selectedPathOptions,t.edit.selectedPathOptions)),t.remove&&(t.remove=L.extend({},this.options.remove,t.remove)),t.poly&&(t.poly=L.extend({},this.options.poly,t.poly)),this._toolbarClass="leaflet-draw-edit",L.Toolbar.prototype.initialize.call(this,t),this._selectedFeatureCount=0},getModeHandlers:function(t){var e=this.options.featureGroup;return[{enabled:this.options.edit,handler:new L.EditToolbar.Edit(t,{featureGroup:e,selectedPathOptions:this.options.edit.selectedPathOptions,poly:this.options.poly}),title:L.drawLocal.edit.toolbar.buttons.edit},{enabled:this.options.remove,handler:new L.EditToolbar.Delete(t,{featureGroup:e}),title:L.drawLocal.edit.toolbar.buttons.remove}]},getActions:function(){return[{title:L.drawLocal.edit.toolbar.actions.save.title,text:L.drawLocal.edit.toolbar.actions.save.text,callback:this._save,context:this},{title:L.drawLocal.edit.toolbar.actions.cancel.title,text:L.drawLocal.edit.toolbar.actions.cancel.text,callback:this.disable,context:this},{title:L.drawLocal.edit.toolbar.actions.clearAll.title,text:L.drawLocal.edit.toolbar.actions.clearAll.text,callback:this._clearAllLayers,context:this}]},addToolbar:function(t){var e=L.Toolbar.prototype.addToolbar.call(this,t);return this._checkDisabled(),this.options.featureGroup.on("layeradd layerremove",this._checkDisabled,this),e},removeToolbar:function(){this.options.featureGroup.off("layeradd layerremove",this._checkDisabled,this),L.Toolbar.prototype.removeToolbar.call(this)},disable:function(){this.enabled()&&(this._activeMode.handler.revertLayers(),L.Toolbar.prototype.disable.call(this))},_save:function(){this._activeMode.handler.save(),this._activeMode&&this._activeMode.handler.disable()},_clearAllLayers:function(){this._activeMode.handler.removeAllLayers(),this._activeMode&&this._activeMode.handler.disable()},_checkDisabled:function(){var t,e=this.options.featureGroup,i=0!==e.getLayers().length;this.options.edit&&(t=this._modes[L.EditToolbar.Edit.TYPE].button,i?L.DomUtil.removeClass(t,"leaflet-disabled"):L.DomUtil.addClass(t,"leaflet-disabled"),t.setAttribute("title",i?L.drawLocal.edit.toolbar.buttons.edit:L.drawLocal.edit.toolbar.buttons.editDisabled)),this.options.remove&&(t=this._modes[L.EditToolbar.Delete.TYPE].button,i?L.DomUtil.removeClass(t,"leaflet-disabled"):L.DomUtil.addClass(t,"leaflet-disabled"),t.setAttribute("title",i?L.drawLocal.edit.toolbar.buttons.remove:L.drawLocal.edit.toolbar.buttons.removeDisabled))}}),L.EditToolbar.Edit=L.Handler.extend({statics:{TYPE:"edit"},includes:L.Mixin.Events,initialize:function(t,e){if(L.Handler.prototype.initialize.call(this,t),L.setOptions(this,e),this._featureGroup=e.featureGroup,!(this._featureGroup instanceof L.FeatureGroup))throw new Error("options.featureGroup must be a L.FeatureGroup");this._uneditedLayerProps={},this.type=L.EditToolbar.Edit.TYPE},enable:function(){!this._enabled&&this._hasAvailableLayers()&&(this.fire("enabled",{handler:this.type}),this._map.fire(L.Draw.Event.EDITSTART,{handler:this.type}),L.Handler.prototype.enable.call(this),this._featureGroup.on("layeradd",this._enableLayerEdit,this).on("layerremove",this._disableLayerEdit,this))},disable:function(){this._enabled&&(this._featureGroup.off("layeradd",this._enableLayerEdit,this).off("layerremove",this._disableLayerEdit,this),L.Handler.prototype.disable.call(this),this._map.fire(L.Draw.Event.EDITSTOP,{handler:this.type}),this.fire("disabled",{handler:this.type}))},addHooks:function(){var t=this._map;t&&(t.getContainer().focus(),this._featureGroup.eachLayer(this._enableLayerEdit,this),this._tooltip=new L.Draw.Tooltip(this._map),this._tooltip.updateContent({text:L.drawLocal.edit.handlers.edit.tooltip.text,subtext:L.drawLocal.edit.handlers.edit.tooltip.subtext}),t._editTooltip=this._tooltip,this._updateTooltip(),this._map.on("mousemove",this._onMouseMove,this).on("touchmove",this._onMouseMove,this).on("MSPointerMove",this._onMouseMove,this).on(L.Draw.Event.EDITVERTEX,this._updateTooltip,this))},removeHooks:function(){this._map&&(this._featureGroup.eachLayer(this._disableLayerEdit,this),this._uneditedLayerProps={},this._tooltip.dispose(),this._tooltip=null,this._map.off("mousemove",this._onMouseMove,this).off("touchmove",this._onMouseMove,this).off("MSPointerMove",this._onMouseMove,this).off(L.Draw.Event.EDITVERTEX,this._updateTooltip,this))},revertLayers:function(){this._featureGroup.eachLayer(function(t){this._revertLayer(t)},this)},save:function(){var t=new L.LayerGroup;this._featureGroup.eachLayer(function(e){e.edited&&(t.addLayer(e),e.edited=!1)}),this._map.fire(L.Draw.Event.EDITED,{layers:t})},_backupLayer:function(t){var e=L.Util.stamp(t);this._uneditedLayerProps[e]||(t instanceof L.Polyline||t instanceof L.Polygon||t instanceof L.Rectangle?this._uneditedLayerProps[e]={latlngs:L.LatLngUtil.cloneLatLngs(t.getLatLngs())}:t instanceof L.Circle?this._uneditedLayerProps[e]={latlng:L.LatLngUtil.cloneLatLng(t.getLatLng()),radius:t.getRadius()}:t instanceof L.Marker&&(this._uneditedLayerProps[e]={latlng:L.LatLngUtil.cloneLatLng(t.getLatLng())}))},_getTooltipText:function(){return{text:L.drawLocal.edit.handlers.edit.tooltip.text,subtext:L.drawLocal.edit.handlers.edit.tooltip.subtext}},_updateTooltip:function(){this._tooltip.updateContent(this._getTooltipText())},_revertLayer:function(t){var e=L.Util.stamp(t);t.edited=!1,this._uneditedLayerProps.hasOwnProperty(e)&&(t instanceof L.Polyline||t instanceof L.Polygon||t instanceof L.Rectangle?t.setLatLngs(this._uneditedLayerProps[e].latlngs):t instanceof L.Circle?(t.setLatLng(this._uneditedLayerProps[e].latlng),t.setRadius(this._uneditedLayerProps[e].radius)):t instanceof L.Marker&&t.setLatLng(this._uneditedLayerProps[e].latlng),t.fire("revert-edited",{layer:t}))},_enableLayerEdit:function(t){var e,i,o=t.layer||t.target||t;this._backupLayer(o),this.options.poly&&(i=L.Util.extend({},this.options.poly),o.options.poly=i),this.options.selectedPathOptions&&(e=L.Util.extend({},this.options.selectedPathOptions),e.maintainColor&&(e.color=o.options.color,e.fillColor=o.options.fillColor),o.options.original=L.extend({},o.options),o.options.editing=e),o instanceof L.Marker?(o.editing&&o.editing.enable(),o.dragging.enable(),o.on("dragend",this._onMarkerDragEnd).on("touchmove",this._onTouchMove,this).on("MSPointerMove",this._onTouchMove,this).on("touchend",this._onMarkerDragEnd,this).on("MSPointerUp",this._onMarkerDragEnd,this)):o.editing.enable()},_disableLayerEdit:function(t){var e=t.layer||t.target||t;e.edited=!1,e.editing&&e.editing.disable(),delete e.options.editing,delete e.options.original,this._selectedPathOptions&&(e instanceof L.Marker?this._toggleMarkerHighlight(e):(e.setStyle(e.options.previousOptions),delete e.options.previousOptions)),e instanceof L.Marker?(e.dragging.disable(),e.off("dragend",this._onMarkerDragEnd,this).off("touchmove",this._onTouchMove,this).off("MSPointerMove",this._onTouchMove,this).off("touchend",this._onMarkerDragEnd,this).off("MSPointerUp",this._onMarkerDragEnd,this)):e.editing.disable()},_onMouseMove:function(t){this._tooltip.updatePosition(t.latlng)},_onMarkerDragEnd:function(t){var e=t.target;e.edited=!0,this._map.fire(L.Draw.Event.EDITMOVE,{layer:e})},_onTouchMove:function(t){var e=t.originalEvent.changedTouches[0],i=this._map.mouseEventToLayerPoint(e),o=this._map.layerPointToLatLng(i);t.target.setLatLng(o)},_hasAvailableLayers:function(){return 0!==this._featureGroup.getLayers().length}}),L.EditToolbar.Delete=L.Handler.extend({statics:{TYPE:"remove"},includes:L.Mixin.Events,initialize:function(t,e){if(L.Handler.prototype.initialize.call(this,t),L.Util.setOptions(this,e),this._deletableLayers=this.options.featureGroup,!(this._deletableLayers instanceof L.FeatureGroup))throw new Error("options.featureGroup must be a L.FeatureGroup");this.type=L.EditToolbar.Delete.TYPE},enable:function(){!this._enabled&&this._hasAvailableLayers()&&(this.fire("enabled",{handler:this.type}),this._map.fire(L.Draw.Event.DELETESTART,{handler:this.type}),L.Handler.prototype.enable.call(this),this._deletableLayers.on("layeradd",this._enableLayerDelete,this).on("layerremove",this._disableLayerDelete,this))},disable:function(){this._enabled&&(this._deletableLayers.off("layeradd",this._enableLayerDelete,this).off("layerremove",this._disableLayerDelete,this),L.Handler.prototype.disable.call(this),this._map.fire(L.Draw.Event.DELETESTOP,{handler:this.type}),this.fire("disabled",{handler:this.type}))},addHooks:function(){var t=this._map;t&&(t.getContainer().focus(),this._deletableLayers.eachLayer(this._enableLayerDelete,this),this._deletedLayers=new L.LayerGroup,this._tooltip=new L.Draw.Tooltip(this._map),this._tooltip.updateContent({text:L.drawLocal.edit.handlers.remove.tooltip.text}),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){this._map&&(this._deletableLayers.eachLayer(this._disableLayerDelete,this),this._deletedLayers=null,this._tooltip.dispose(),this._tooltip=null,this._map.off("mousemove",this._onMouseMove,this))},revertLayers:function(){this._deletedLayers.eachLayer(function(t){this._deletableLayers.addLayer(t),t.fire("revert-deleted",{layer:t})},this)},save:function(){this._map.fire(L.Draw.Event.DELETED,{layers:this._deletedLayers})},removeAllLayers:function(){this._deletableLayers.eachLayer(function(t){this._removeLayer({layer:t})},this),this.save()},_enableLayerDelete:function(t){(t.layer||t.target||t).on("click",this._removeLayer,this)},_disableLayerDelete:function(t){var e=t.layer||t.target||t;e.off("click",this._removeLayer,this),this._deletedLayers.removeLayer(e)},_removeLayer:function(t){var e=t.layer||t.target||t;this._deletableLayers.removeLayer(e),this._deletedLayers.addLayer(e),e.fire("deleted")},_onMouseMove:function(t){this._tooltip.updatePosition(t.latlng)},_hasAvailableLayers:function(){return 0!==this._deletableLayers.getLayers().length}})}(window,document); \ No newline at end of file diff --git a/django_project/core/geonode_static/geonode/js/extjs/GeoNode-GeoExplorer.js b/django_project/core/geonode_static/geonode/js/extjs/GeoNode-GeoExplorer.js new file mode 100644 index 0000000..c2d83c0 --- /dev/null +++ b/django_project/core/geonode_static/geonode/js/extjs/GeoNode-GeoExplorer.js @@ -0,0 +1,488 @@ +Ext.ns("GeoNode.plugins"); + +/** api: constructor + * .. class:: Save(config) + * + * Plugin for saving maps. Will provide a Save button as an action if not + * configured with an empty actions array. + */ +GeoNode.plugins.Save = Ext.extend(gxp.plugins.Tool, { + + // i18n + metadataFormCancelText : "UT:Cancel", + metadataFormSaveAsCopyText : "UT:Save as Copy", + metadataFormSaveText : "UT:Save", + metaDataHeader: 'UT:About this Map', + metaDataMapAbstract: 'UT:Abstract', + metaDataMapTitle: 'UT:Title', + // end i18n + + /** api: ptype = gn_save */ + ptype: 'gn_save', + + /** private: method[init] + * :arg target: ``Object`` The object initializing this plugin. + */ + init: function(target) { + GeoNode.plugins.Save.superclass.init.apply(this, arguments); + this.target.on("beforesave", function(requestConfig, callback) { + if (this._doSave === true) { + delete this._doSave; + if (this.target.id) { + requestConfig.url = this.target.rest + this.target.id + "/data"; + } else { + requestConfig.url = this.target.rest + "new/data"; + } + return true; + } else { + this.showMetadataForm(callback); + return false; + } + }, this); + this.target.on("beforehashchange", function(hash) { + return false; + }); + }, + + /** api: method[addActions] + * :returns: ``Array`` The actions added. + */ + addActions: function() { + var actions = this.actions || [{ + text: 'Save', + handler: function() { + this.target.doAuthorized(["ROLE_ADMINISTRATOR"], function() { + this.target.save(this.target.showEmbedWindow); + }, this); + }, + scope: this + }]; + return GeoNode.plugins.Save.superclass.addActions.apply(this, actions); + }, + + /** private: method[initMetadataForm] + * + * Initialize metadata entry form. + */ + initMetadataForm: function(callback){ + + var titleField = new Ext.form.TextField({ + width: '95%', + fieldLabel: this.metaDataMapTitle, + value: this.target.about.title, + allowBlank: false, + enableKeyEvents: true, + listeners: { + "valid": function() { + saveAsButton.enable(); + saveButton.enable(); + }, + "invalid": function() { + saveAsButton.disable(); + saveButton.disable(); + } + } + }); + + var abstractField = new Ext.form.TextArea({ + width: '95%', + height: 200, + fieldLabel: this.metaDataMapAbstract, + value: this.target.about["abstract"] + }); + + var metaDataPanel = new Ext.FormPanel({ + bodyStyle: {padding: "5px"}, + labelAlign: "top", + items: [ + titleField, + abstractField + ] + }); + metaDataPanel.enable(); + + var saveAsButton = new Ext.Button({ + text: this.metadataFormSaveAsCopyText, + disabled: !this.target.about.title, + handler: function(e){ + delete this.target.id; + this.target.about.title = Ext.util.Format.stripTags(titleField.getValue()); + this.target.about["abstract"] = Ext.util.Format.stripTags(abstractField.getValue()); + this.metadataForm.hide(); + this._doSave = true; + this.target.save(this.metadataForm.saveCallback); + }, + scope: this + }); + var saveButton = new Ext.Button({ + text: this.metadataFormSaveText, + disabled: !this.target.about.title, + handler: function(e){ + this.target.about.title = Ext.util.Format.stripTags(titleField.getValue()); + this.target.about["abstract"] = Ext.util.Format.stripTags(abstractField.getValue()); + this.metadataForm.hide(); + this._doSave = true; + this.target.save(this.metadataForm.saveCallback); + }, + scope: this + }); + + this.metadataForm = new Ext.Window({ + title: this.metaDataHeader, + closeAction: 'hide', + saveCallback: callback, + items: metaDataPanel, + modal: true, + width: 400, + autoHeight: true, + bbar: [ + "->", + saveAsButton, + saveButton, + new Ext.Button({ + text: this.metadataFormCancelText, + handler: function() { + titleField.setValue(this.target.about.title); + abstractField.setValue(this.target.about["abstract"]); + this.metadataForm.hide(); + }, + scope: this + }) + ] + }); + }, + + /** private: method[showMetadataForm] + * Shows the window with a metadata form + */ + showMetadataForm: function(callback) { + if(!this.metadataForm) { + this.initMetadataForm(callback); + } else { + this.metadataForm.saveCallback = callback; + } + this.metadataForm.show(); + } + +}); + +Ext.preg(GeoNode.plugins.Save.prototype.ptype, GeoNode.plugins.Save); + +/** api: constructor + * .. class:: SaveHyperlink(config) + * + * Plugin for showing hyperlinks for going to the list of maps as well as + * going to the current saved map. + */ +GeoNode.plugins.SaveHyperlink = Ext.extend(gxp.plugins.Tool, { + + /** api: ptype = gn_savehyperlink */ + ptype: 'gn_savehyperlink', + + /** private: method[init] + * :arg target: ``Object`` The object initializing this plugin. + */ + init: function(target) { + GeoNode.plugins.SaveHyperlink.superclass.init.apply(this, arguments); + this.titleTemplate = new Ext.Template("Maps / {title}"); + this.target.on("save", function(id) { + this.actions[0].update(this.getMapTitle()); + }, this); + }, + + /** api: method[addActions] + * :returns: ``Array`` The actions added. + */ + addActions: function() { + return GeoNode.plugins.SaveHyperlink.superclass.addActions.apply(this, [ + new Ext.Container({cls: "map-title-header", html: this.getMapTitle()}) + ]); + }, + + /** private: method[getPermalink] + * :return: ``String`` + * + * Get the permalink for the current map. + */ + getPermalink: function() { + permalinkTemplate = new Ext.Template("{protocol}//{host}/maps/{id}"); + return permalinkTemplate.apply({ + protocol: window.location.protocol, + host: window.location.host, + id: this.target.id + }); + }, + + /** private: getMapTitle + * :return: ``String`` + * + * Get the HTML to use in the map title container which is shown in the + * top right of the panel top toolbar. + */ + getMapTitle: function() { + var title; + if (this.target.id) { + title = '' + this.target.about.title + ''; + } else { + title = "This map is currently unsaved"; + } + return this.titleTemplate.apply({title: title}); + } + +}); + +Ext.preg(GeoNode.plugins.SaveHyperlink.prototype.ptype, GeoNode.plugins.SaveHyperlink); + +GeoNode.plugins.XHRTrouble = Ext.extend(gxp.plugins.Tool, { + + /** api: ptype = gn_xhrtrouble */ + ptype: 'gn_xhrtrouble', + + // i18n + connErrorTitleText: "UT:Connection Error", + connErrorText: "UT:The server returned an error", + connErrorDetailsText: "UT:Details...", + // end i18n + + /** private: method[init] + * :arg target: ``Object`` The object initializing this plugin. + */ + init: function(target) { + // global request proxy and error handling + OpenLayers.Request.events.on({ + "failure": function(evt) { + this.displayXHRTrouble(evt.request); + }, + scope: this + }); + Ext.util.Observable.observeClass(Ext.data.Connection); + Ext.data.Connection.on({ + "requestexception": function(conn, response, options) { + if(!options.failure) { + var url = options.url; + if (response.status === 401 && url.indexOf("http" !== 0) && + url.indexOf(this.proxy) === -1) { + this.authenticate(options); + } else if (response.status != 405 && url != "/geoserver/rest/styles") { + // 405 from /rest/styles is ok because we use it to + // test whether we're authenticated or not + this.displayXHRTrouble(response); + } + } + }, + scope: this + }); + GeoNode.plugins.XHRTrouble.superclass.init.apply(this, arguments); + }, + + /** private method[displayXHRTrouble] + * :arg respoonse: ``Object`` The XHR response object. + * + * If something goes wrong with an AJAX request, show an error dialog + * with a button to view the details (Django error). + */ + displayXHRTrouble: function(response) { + response.status && Ext.Msg.show({ + title: this.connErrorTitleText, + msg: this.connErrorText + + ": " + response.status + " " + response.statusText, + icon: Ext.MessageBox.ERROR, + buttons: {ok: this.connErrorDetailsText, cancel: true}, + fn: function(result) { + if(result == "ok") { + var details = new Ext.Window({ + title: response.status + " " + response.statusText, + width: 400, + height: 300, + items: { + xtype: "container", + cls: "error-details", + html: response.responseText + }, + autoScroll: true, + buttons: [{ + text: "OK", + handler: function() { details.close(); } + }] + }); + details.show(); + } + } + }); + } + +}); + +Ext.preg(GeoNode.plugins.XHRTrouble.prototype.ptype, GeoNode.plugins.XHRTrouble); + +/** api: constructor + * .. class:: LayerInfo(config) + * + * Plugin for navigating to the GeoNode layer info page. + * Will only be enabled for local layers. + */ +GeoNode.plugins.LayerInfo = Ext.extend(gxp.plugins.Tool, { + + /** api: ptype = gxp_removelayer */ + ptype: "gn_layerinfo", + + /** api: config[menuText] + * ``String`` + * i18n text to use on the menu item. + */ + menuText: "Layer Info", + + /** api: config[iconCls] + * ``String`` + * iconCls to use on the menu item. + */ + iconCls: "gxp-icon-layerproperties", + + /** api: method[addActions] + * :returns: ``Array`` The actions added. + */ + addActions: function() { + var actions = GeoNode.plugins.LayerInfo.superclass.addActions.apply(this, [{ + menuText: this.menuText, + iconCls: this.iconCls, + disabled: true, + handler: function() { + if (this.link) { + window.open(this.link); + } + }, + scope: this + }]); + var layerInfoAction = actions[0]; + + this.target.on("layerselectionchange", function(record) { + var remote=null; + if (record) { + if (record.get("source_params")) { + remote = record.get("source_params").name; + } + else { + var store = this.target.sources[record.get("source")]; + if (store && store["name"]){ + remote = store["name"]; + } + } + // TODO is there a way to get this from a template variable? + var layerid = (remote? remote + ":" : "") + this.target.selectedLayer.get("name"); + if (record && record.getLayer() instanceof OpenLayers.Layer.ArcGIS93Rest) { + layerid = layerid.replace("show:",""); + } + + this.link = "/layers/" + layerid; + } + + layerInfoAction.setDisabled(!record || (!record.get('restUrl') && !remote)); + + + }, this); + return actions; + } +}); + +Ext.preg(GeoNode.plugins.LayerInfo.prototype.ptype, GeoNode.plugins.LayerInfo); + +/** api: constructor + * .. class:: Composer(config) + * + * The GeoNode Composer application class. + * Changes compared to out-of-the-box GeoExplorer: + * - before saving a map, show a metadata form + * - add a tool that will show the map title and that will have a clickable + * link. + * - a generic XHRTrouble dialog that gives easier access to underlying + * Django errors. + * - adds catalogue search through the GeoNode search api + * - only enable editing if user has the right permissions + * - integrate with GeoNode AJAX login + * - publish map will show the iframe text directly, and not a wizard + * like interface that GeoExplorer has + * - when saving a map, do not set window.location.hash + * - use different urls for saving a new map and updating an existing map + * than GeoExplorer does. + */ +GeoNode.Composer = window.GeoExplorer && Ext.extend(GeoExplorer.Composer, { + + ajaxLoginUrl: null, + + /** private: method[showUrl] + * Do not show the url after map save. + */ + showUrl: Ext.emptyFn, + + /** api: method[loadConfig] + * :arg config: ``Object`` The config object passed to the constructor. + * + * Subclasses that load config asynchronously can override this to load + * any configuration before applyConfig is called. + */ + loadConfig: function(config) { + // find out what the key of the local source is + var catalogSourceKey, key; + for (key in config.sources) { + var source = config.sources[key]; + if (source.ptype === "gxp_wmscsource" && source.restUrl) { + catalogSourceKey = key; + break; + } + } + for (var i=0, ii=config.tools.length; i
+
\ No newline at end of file
diff --git a/django_project/core/geonode_static/geonode/js/templates/upload.html b/django_project/core/geonode_static/geonode/js/templates/upload.html
new file mode 100644
index 0000000..c6cd758
--- /dev/null
+++ b/django_project/core/geonode_static/geonode/js/templates/upload.html
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/django_project/core/geonode_static/geonode/js/tests/SpecRunner.html b/django_project/core/geonode_static/geonode/js/tests/SpecRunner.html
new file mode 100644
index 0000000..a95a97d
--- /dev/null
+++ b/django_project/core/geonode_static/geonode/js/tests/SpecRunner.html
@@ -0,0 +1,20 @@
+
+
+
+ Cart
+
+
+ Add resources through the "Add to cart" buttons.
+-
+
- {{ resource.title | limitTo: 25}}{{ resource.title.length > 25 ? '...' : '' }} +
',
+ level: 'alert-success',
+ empty: 'true'
+ });
+ };
+
+ LayerInfo.prototype.doResume = function (event) {
+ common.make_request({
+ url: event.data.url,
+ async: true,
+ failure: function (resp, status) {
+ self.markError(resp.errors, status);
+ },
+ success: function (resp, status) {
+ if(resp.url && resp.input_required){
+ window.location = resp.url;
+ }else {
+ window.location = resp.redirect_to;
+ }
+ },
+ });
+ return false;
+ };
+
+ LayerInfo.prototype.displayUploadedLayerLinks = function(resp) {
+ var self = this;
+ var a = '' + gettext('Layer Info') + '';
+ var b = '' + gettext('Edit Metadata') + '';
+ var c = '' + gettext('Manage Styles') + '';
+ var msg_col = "";
+ if (resp.info){
+ var msg_template = gettext('The column %1 was renamed to %2
'); + for (var key in resp.info){ + msg_col += format(msg_template,[key,resp.info[key]]); + } + } + self.logStatus({ + msg: ' div[id^=incomplete]').length == 0){
+ $('#incomplete-download-list').hide();
+ }
+
+ }).fail(function (resp) {
+ //
+ });
+ };
+
+ doResume = function(event) {
+ var target = event.target || event.srcElement;
+ var id = target.id.split("-")[1];
+ var target = "/upload/?id=" + id;
+ $.ajaxQueue({
+ url: target,
+ async: false,
+ contentType: false,
+ }).done(function (data) {
+ if('redirect_to' in data) {
+ common.make_request({
+ url: data.redirect_to,
+ async: false,
+ failure: function (resp, status) {
+ common.logError(resp, status);
+ },
+ success: function (resp, status) {
+ window.location = resp.url;
+ }
+ });
+ } else if ('url' in data) {
+ window.location = data.url;
+ } else {
+ common.logError("unexpected response");
+ }
+ }).fail(function (resp) {
+ common.logError(resp);
+ });
+ };
+
+ doSrs = function (event) {
+ var form = $("#srsForm")
+ $.ajaxQueue({
+ type: "POST",
+ url: '/upload/srs',
+ data: form.serialize(), // serializes the form's elements.
+ success: function(data)
+ {
+ if('redirect_to' in data) {
+ common.make_request({
+ url: data.redirect_to,
+ async: false,
+ failure: function (resp, status) {common.logError(resp); },
+ success: function (resp, status) {
+ window.location = resp.url;
+ }
+ });
+ } else if ('url' in data) {
+ window.location = data.url;
+ } else {
+ common.logError("unexpected response");
+ }
+ },
+ failure: function (resp, status) {
+ common.logError(resp);
+ }
+ });
+ return false;
+ };
+
+
+ /** Function to Upload the selected files to the server
+ *
+ * @returns false
+ */
+ doUploads = function () {
+ if ($.isEmptyObject(layers)) {
+ common.logError('Please provide some files');
+ return false;
+ }
+
+ var checked = checkFiles() && checkGeogig();
+ if ($.isEmptyObject(layers) || !checked) {
+ alert(gettext('You are trying to upload an incomplete set of files or not all mandatory options have been validated.\n\nPlease check for errors in the form!'));
+ } else {
+ $.each(layers, function (name, layerinfo) {
+ layerinfo.uploadFiles();
+ });
+ }
+ return false;
+ };
+
+ /** Function to ...
+ *
+ * @returns false
+ */
+ init_geogig_stores = function() {
+ $.ajax({
+ url: '/gs/rest/stores/geogig/',
+ async: true,
+ contentType: false,
+ }).done(function (resp) {
+ geogig_stores = JSON.parse(resp);
+ }).fail(function (resp) {
+ //
+ });
+ };
+
+
+ /** Initialization function. Called from main.js
+ *
+ * @params
+ * @returns
+ */
+ initialize = function (options) {
+ var file_input = document.getElementById('file-input'),
+ dropZone = document.querySelector(options.dropZone),
+ file_queue = $(options.file_queue),
+ doClearState = function () {
+ // http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery/13351234#13351234
+ $("#file-input").wrap('
'); + for (var key in resp.info){ + msg_col += format(msg_template,[key,resp.info[key]]); + } + } + self.logStatus({ + msg: '
' + gettext('Your layer was successfully uploaded') + '
' + msg_col + '
' + a + ' ' + b + ' ' + c + '
' + gettext('Performing Final GeoServer Config Step') + '
' + gettext('You need to specify more information in order to complete your upload') + '
', + level: 'alert-success', + empty: 'true' + }); + } else if (resp.status === "pending") { + setTimeout(function() { + self.doFinal(resp); + }, 5000); + } else { + self.displayUploadedLayerLinks(resp); + } + } + }); + } else if (resp.status === "incomplete") { + var id = common.parseQueryString(resp.url).id; + var element = 'next_step_' + id + var a = 'Continue'; + self.logStatus({ + msg:'' + gettext('You need to specify more information in order to complete your upload.') + '
' + gettext('You can continue configuring your layer.') + '
' + a + '
', + level: 'alert-success', + empty: 'true' + }); + $("#" + element).on('click', resp, self.doResume); + return; + } else if (resp.status === "other") { + self.logStatus({ + msg:'' + gettext('You need to specify more information in order to complete your upload') + '
', + level: 'alert-success', + empty: 'true' + }); + } else if (resp.success === true) { + self.polling = false; + self.displayUploadedLayerLinks(resp); + } else { + self.polling = false; + self.logStatus({ + msg:'' + gettext('Unexpected Error') + '
', + level: 'alert-error', + empty: 'true' + }); + } + + }; + + /** Function to deal with the Steps in the upload process + * + * @params {options} + * @returns {string} + */ + LayerInfo.prototype.doStep = function (resp) { + var self = this; + self.logStatus({ + msg: '' + gettext('Performing GeoServer Config Step') + '
', + level: 'alert-success', + empty: 'true' + }); + if (resp.success === true && resp.status === 'incomplete') { + common.make_request({ + url: updateUrl(resp.redirect_to, 'force_ajax', 'true'), + async: true, + failure: function (resp, status) { + self.polling = false; + self.markError(resp.errors, status); + }, + success: function (resp, status) { + self.id = resp.id; + if (resp.status === 'incomplete') { + if (resp.input_required === true) { + self.doFinal(resp); + } else { + self.doStep(resp); + } + } else if (resp.redirect_to.indexOf('/upload/final') > -1) { + self.doFinal(resp); + } else { + window.location = resp.url; + } + } + }); + } else if (resp.success === true && typeof resp.url != 'undefined') { + self.doFinal(resp); + } else if (resp.success === true && resp.redirect_to.indexOf('/upload/final') > -1) { + self.doFinal(resp); + } + }; + + /** Function to upload the files against the specified endpoint + * + * @params + * @returns + */ + LayerInfo.prototype.uploadFiles = function () { + var form_data = this.prepareFormData(), + self = this; + var prog = ""; + + $.ajaxQueue({ + url: form_target, + async: true, + type: "POST", + data: form_data, + processData: false, + contentType: false, + xhr: function() { + var req = $.ajaxSettings.xhr(); + if (req) { + req.upload.addEventListener('progress', function(evt) { + if(evt.lengthComputable) { + var pct = (evt.loaded / evt.total) * 100; + $('#prog > .progress-bar').css('width', pct.toPrecision(3) + '%'); + } + }, false); + } + return req; + }, + beforeSend: function () { + self.markStart(); + self.polling = true; + self.startPolling(); + }, + error: function (jqXHR) { + self.polling = false; + if (jqXHR === null) { + self.markError(gettext('Unexpected Error')); + } else { + self.markError(jqXHR); + } + }, + success: function (resp, status) { + self.logStatus({ + msg: '' + gettext('Layer files uploaded, configuring in GeoServer') + '
', + level: 'alert-success', + empty: 'true' + }); + self.id = resp.id; + self.doStep(resp); + } + }); + }; + + LayerInfo.prototype.setupGeogigDropdown = function(selector){ + function format(item){return item.name;}; + $(selector).select2({ + data: {results:geogig_stores, text:'name'}, + formatSelection: format, + formatResult: format, + placeholder: gettext('Select or create a Geogig repository.'), + + id: function(object) { + return object.name; + }, + createSearchChoice:function(term, data) { + if ($(data).filter( function() { + return this.name.localeCompare(term)===0; + }).length===0) { + return {name:term.replace(/[`~!@#$%^&*()|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, '')}; + } + } + }); + } + + /** Function to display the layers collected from the files + * selected for uploading + * + * @params {file_queue} + * @returns {string} + */ + LayerInfo.prototype.display = function (file_queue) { + + var layerTemplate = _.template($('#layerTemplate').html()), + li = layerTemplate({ + name: this.name, + selector: LayerInfo.safeSelector(this.name), + type: this.type.name, + format: this.type.format, + geogig: geogig_enabled, + time: time_enabled, + mosaic: mosaic_enabled + }); + file_queue.append(li); + this.errors = this.collectErrors(); + this.displayFiles(); + this.displayErrors(); + this.element = $(this.selector); + + var time_re_txt = "[0-9]{8}"; + + $('#' + this.name + '-mosaic').on('change', this.doImageMosaicToggle); + $('#' + this.name + '-mosaic-granule').on('change', this.doImageMosaicGranuleOptionsToggle); + $('#' + this.name + '-timedim').on('change', this.doImageMosaicTimedimOptionsToggle); + $('#' + this.name + '-timedim-presentation').on('change', this.doImageMosaicTimedimPresentationOptionsToggle); + $('#' + this.name + '-mosaic-granule-format-select').on('change', this.doImageMosaicGranuleLayerSelect); + + $('#' + this.name + '-timedim-format-select').on('change', function() { + var input = $(this); + + time_re_txt = input.val(); + + var base_name = this.name.split('-timedim')[0]; + + $('#' + base_name + '-timedim-value-valid').show(); + }); + + $('#' + this.name + '-timedim-presentation-format-select').on('change', function() { + var input = $(this); + + var base_name = this.name.split('-timedim')[0]; + + if (input.val() === 'DISCRETE_INTERVAL') { + $('#' + base_name + '-mosaic-timedim-presentation-res-options').show(); + } else { + $('#' + base_name + '-mosaic-timedim-presentation-res-options').hide(); + } + }); + + $('#' + this.name + '-timedim-defaultvalue-format-select').on('change', function() { + var input = $(this); + + var base_name = this.name.split('-timedim')[0]; + + if (input.val() === 'NEAREST' || input.val() === 'FIXED') { + $('#' + base_name + '-mosaic-timedim-defaultvalue-res-options').show(); + } else { + $('#' + base_name + '-mosaic-timedim-defaultvalue-res-options').hide(); + } + }); + + $('#' + this.name + '-timedim-value').on('input', function() { + var input = $(this); + + var re = new RegExp(time_re_txt, "g"); + var is_valid = re.test(input.val()); + if(is_valid){ + $('#' + this.name + '-valid').hide(); + } else { + $('#' + this.name + '-valid').show(); + } + }); + + $('#' + this.name + '-timedim-defaultvalue-ref-value').on('input', function() { + var input = $(this); + + var re = /(\d{4})-(\d{2})-(\d{2})T(\d{2})\:(\d{2})\:(\d{2})[+-](\d{2})\:(\d{2})/; + var is_valid = re.test(input.val()); + if(is_valid){ + $('#' + this.name + '-valid').hide(); + } else { + $('#' + this.name + '-valid').show(); + } + }); + + $('#' + this.name + '\\:geogig_toggle').on('change', this.doGeoGigToggle); + + // Add values to the geogig store dropdown and hide. + this.setupGeogigDropdown($('#' + this.main.name.split('.')[0] + '\\:geogig_store')); + $("#s2id_" + this.name + "\\:geogig_store").hide() + + return li; + }; + + /** Event handler to deal with user clicking on remove link + * + * @params event + * @returns none + */ + LayerInfo.prototype.removeFileHandler = function (event) { + var target = $(event.target), + layer_info, + layer_name = target.data('layer'), + file_name = target.data('file'); + this.removeFile(file_name); + this.displayRefresh(); + }; + + /** Function to remove a file from the file list + * + * @params {options} + * @returns {string} + */ + LayerInfo.prototype.removeFile = function (name) { + var length = this.files.length, + i, + file; + + for (i = 0; i < length; i += 1) { + file = this.files[i]; + if (name === file.name) { + this.files.splice(i, 1); + break; + } + } + }; + + /** Function to display the files selected for uploading + * + * @params + * @returns + */ + LayerInfo.prototype.displayFiles = function () { + var self = this, + ul = $('#' + LayerInfo.safeSelector(this.name) + '-element .files'); + + ul.empty(); + + $.each(this.files, function (idx, file) { + var file_ext = file.name.substr(file.name.lastIndexOf('.') + 1); + + var li = $('').appendTo(ul), + p = $('', {text: file.name}).appendTo(li), + a = $('', {text: ' ' + gettext('Remove')}); + + if (file_ext === 'xml') { + $('#metadata_uploaded_preserve_check').show(); + } + a.data('layer', self.name); + a.data('file', file.name); + a.attr('class', 'remove-file'); + a.appendTo(p); + a.on('click', function (event) { + var target = $(event.target), + layer_info, + layer_name = target.data('layer'), + file_name = target.data('file'); + self.removeFile(file_name); + if (self.files.length == 0) { + delete layers[self.name]; + } + if (file_ext === 'xml') { + $('#metadata_uploaded_preserve_check').hide(); + } + self.errors = self.collectErrors(); + self.displayErrors(); + }); + }); + }; + + /** Function to display errors + * + * @params + * @returns + */ + LayerInfo.prototype.displayErrors = function () { + var ul = $('#' + LayerInfo.safeSelector(this.name) + '-element .errors').first(); + ul.empty(); + + $.each(this.errors, function (idx, error) { + var li = $('', {text: error, 'class': 'alert alert-error'}); + li.appendTo(ul); + li.animate({opacity:1}, 5000, 'linear', function() { + li.animate({opacity:0}, 1000, 'linear', function() {li.remove(); }); + }); + }); + }; + + /** Function to refresh display after adding or removing files + * + * @params {options} + * @returns {string} + */ + LayerInfo.prototype.displayRefresh = function () { + this.errors = this.collectErrors(); + this.displayFiles(); + this.displayErrors(); + }; + + LayerInfo.prototype.doGeoGigToggle = function (event) { + var target = event.target || event.srcElement; + var id = target.id; + var base_name = id.split(':')[0]; + var geogig = $('#' + id.replace(':', '\\:')).is(':checked'); + if (geogig) { + $('#' + base_name + '\\:geogig_store').show(); + $("#s2id_" + base_name + "\\:geogig_store").show() + } else { + $("#s2id_" + base_name + "\\:geogig_store").hide() + $('#' + base_name + '\\:geogig_store').hide(); + } + }; + + LayerInfo.prototype.doImageMosaicToggle = function (event) { + var target = event.target || event.srcElement; + var id = target.id; + var base_name = id.split('-mosaic')[0]; + var mosaic_chkbox = $('#' + id).is(':checked'); + if (mosaic_chkbox) { + $('#' + base_name + '-mosaic-options').show(); + } else { + $('#' + base_name + '-mosaic-options').hide(); + } + }; + + LayerInfo.prototype.doImageMosaicTimedimOptionsToggle = function (event) { + var target = event.target || event.srcElement; + var id = target.id; + var base_name = id.split('-timedim')[0]; + var mosaic_chkbox = $('#' + id).is(':checked'); + if (mosaic_chkbox) { + $('#' + base_name + '-mosaic-timedim-options').show(); + } else { + $('#' + base_name + '-mosaic-timedim-options').hide(); + } + }; + + LayerInfo.prototype.doImageMosaicTimedimPresentationOptionsToggle = function (event) { + var target = event.target || event.srcElement; + var id = target.id; + var base_name = id.split('-timedim')[0]; + var mosaic_chkbox = $('#' + id).is(':checked'); + if (mosaic_chkbox) { + $('#' + base_name + '-mosaic-timedim-presentation-options').show(); + } else { + $('#' + base_name + '-mosaic-timedim-presentation-options').hide(); + } + }; + + LayerInfo.prototype.doImageMosaicGranuleOptionsToggle = function (event) { + var target = event.target || event.srcElement; + var id = target.id; + var base_name = id.split('-mosaic')[0]; + var mosaic_chkbox = $('#' + id).is(':checked'); + if (mosaic_chkbox) { + $('#' + base_name + '-mosaic-granule-format-options').show(); + + var dropdown = $('#' + base_name + '-mosaic-granule-format-select'); + // Clear drop down list + $(dropdown).empty(); + $("", { + val: '', + text: 'Select one Mosaic layer ...', + selected: 'selected' + }).appendTo(dropdown); + // Fill drop down list with new data + $(json_mosaics).each(function () { + $("", { + val: this.name, + text: this.name + }).appendTo(dropdown); + }); + + } else { + $('#' + base_name + '-mosaic-granule-format-options').hide(); + $('#' + base_name + '-timedim').prop("checked", false); + $('#' + base_name + '-timedim').prop("disabled", false); + $('#' + base_name + '-mosaic-timedim-options').hide(); + $('#' + base_name + '-timedim-presentation').prop("checked", false); + $('#' + base_name + '-timedim-presentation').prop("disabled", false); + $('#' + base_name + '-mosaic-timedim-presentation-options').hide(); + $('#' + base_name + '-timedim-format-select').val($('#' + base_name + '-timedim-format-select option:first').val()); + $('#' + base_name + '-timedim-format-select').prop("disabled", false); + } + }; + + LayerInfo.prototype.doImageMosaicGranuleLayerSelect = function (event) { + var target = event.target || event.srcElement; + var id = target.id; + var val = target.value; + var base_name = id.split('-mosaic')[0]; + if (val !== '') { + $(json_mosaics).each(function () { + if (this.name === val) { + if (this.has_time === "True") { + $('#' + base_name + '-timedim').prop("checked", true); + $('#' + base_name + '-timedim').prop("disabled", true); + $('#' + base_name + '-mosaic-timedim-options').show(); + $('#' + base_name + '-timedim-presentation').prop("checked", false); + $('#' + base_name + '-timedim-presentation').prop("disabled", true); + $('#' + base_name + '-mosaic-timedim-presentation-options').hide(); + $('#' + base_name + '-timedim-format-select').val(this.time_regex); + $('#' + base_name + '-timedim-format-select').prop("disabled", true); + } + else { + $('#' + base_name + '-timedim').prop("checked", false); + $('#' + base_name + '-timedim').prop("disabled", false); + $('#' + base_name + '-mosaic-timedim-options').hide(); + $('#' + base_name + '-timedim-presentation').prop("checked", false); + $('#' + base_name + '-timedim-presentation').prop("disabled", false); + $('#' + base_name + '-mosaic-timedim-presentation-options').hide(); + $('#' + base_name + '-timedim-format-select').val($('#' + base_name + '-timedim-format-select option:first').val()); + $('#' + base_name + '-timedim-format-select').prop("disabled", false); + } + } + }); + } + }; + + return LayerInfo; +}); + +function updateUrl(url, key, value){ + if (key == null || value == null){ + return url; + } + + var pair = key.concat('=').concat(value); + + return (url.lastIndexOf('?') > -1)? url.concat('&').concat(pair): url.concat('?').concat(pair); +} + +function format(str, arr) { + return str.replace(/%(\d+)/g, function(_,m) { + return arr[--m]; + }); +} diff --git a/django_project/core/geonode_static/geonode/js/upload/common.js b/django_project/core/geonode_static/geonode/js/upload/common.js new file mode 100644 index 0000000..0c7f632 --- /dev/null +++ b/django_project/core/geonode_static/geonode/js/upload/common.js @@ -0,0 +1,118 @@ +/*global define */ +'use strict'; + +define(function (require, exports) { + var make_request, + logStatus, + logError, + parseQueryString; + + function progressTemplate(options) { + var template = _.template($('#progressTemplate').html()); + return template(options); + }; + + /** We have a different notion of success and failure for GeoNode's + * urls this function allows the user to define two functions, success + * and failure and have the failure function called when an bad + * http response is returns and also when there is not success + * property define in the response. + */ + make_request = exports.make_request = (function () { + return function (options) { + var success = options.success, + failure = options.failure; + + delete options.success; + delete options.failure; + + $.ajaxQueue(options).done(function (resp, status, obj) { + if (typeof resp === "object" && resp.success === true) { + success(resp, status); + } else if (typeof resp === "string"){ + success({status:'incomplete', input_required: true, url: options.url, resp_string:resp, redirect_to:''}, status); + } else { + failure(resp, status); + } + }).fail(failure); + }; + }()); + + /** Function to log to the upload-status element + * + * options required: + * message - the message + * alertLevel - class to inject + * + * optional options: + * empty - clear the status + * element - us this element instead of the default + * + * @params {options} options + */ + logStatus = function (options) { + var status = options.element || $('#upload-status'), + empty = options.empty; + + if (empty) { + status.empty(); + } + status.append(progressTemplate({ + message: options.msg, + alertLevel: options.level + })); + }; + + /** Function to mark errors in the the status + * + * @params {error} string or response object + * @params {element} optional element to append to + */ + logError = function (error, element) { + if (error.responseText) { + var parsed_errors = null; + var error_message = 'No error message supplied'; + try { + parsed_errors = $.parseJSON(error.responseText); + } catch (exception) { + // in case the response is not json + error_message = error.responseText; + } + + // Support the two different syntax used in GeoNode. + // TODO(Ariel): Agree on one of those server side and + // simplify this code. It can be either 'errormsgs' or 'error'. + if (parsed_errors !== null) { + if(parsed_errors.hasOwnProperty("errormsgs")){ + error_message = parsed_errors.errormsgs; + } else { + error_message = parsed_errors.errors; + } + } + error = error_message; + } + logStatus({msg: error, level: 'alert-warning', empty:true, element:element}); + }; + + parseQueryString = function (url){ + var query_dict = {}; + var url = url || ''; + + var pos = url.indexOf("?") + 1; + + $.each(url.substr(pos).split('&'),function(c,kvp){ + var parts = kvp.split('='); + if (parts[0] && parts[1]) { + var key = parts[0].toString().toLowerCase(); + var val = parts[1].toString(); + query_dict[key] = val; + } + }); + + return query_dict; + }; + + exports.logStatus = logStatus; + exports.logError = logError; + exports.parseQueryString = parseQueryString; +}); diff --git a/django_project/core/geonode_static/geonode/js/upload/csv.js b/django_project/core/geonode_static/geonode/js/upload/csv.js new file mode 100644 index 0000000..18fbeb2 --- /dev/null +++ b/django_project/core/geonode_static/geonode/js/upload/csv.js @@ -0,0 +1,45 @@ +requirejs.config({ + baseUrl: '/static/lib/js', + shim: { + 'underscore': { exports: '_'} + }, + paths: { + 'upload': '../../geonode/js/upload', + 'templates': '../../geonode/js/templates' + } +}); + +define(['underscore', + 'upload/common', + 'upload/LayerInfo', + 'text!templates/upload.html'], function (_, common, LayerInfo, csv_template) { + + 'use strict'; + $('body').append(csv_template); + + $(function () { + // Re-use the LayerInfo object to asynchronously save the new csv and present the progress to the user. + var lyr = new LayerInfo({element:$("#csv-status"), name:"file", type:'csv', files:{csv:{name:'file.csv'}}}); + + var params = common.parseQueryString(document.location.search); + + if ('id' in params){ + lyr.id = params.id; + } + + $("#upload-csv-submit").on('click', function(){ + common.make_request({ + type:'POST', + url: updateUrl('/upload/csv', 'id', lyr.id), + data:$("#csvForm").serialize(), + success: function (resp, status) { + lyr.doFinal(resp); + }, + failure: function (resp, status) { + lyr.markError(resp.statusText, status); + } + + }); + }); + }); +}); diff --git a/django_project/core/geonode_static/geonode/js/upload/main.js b/django_project/core/geonode_static/geonode/js/upload/main.js new file mode 100644 index 0000000..3b0ddb4 --- /dev/null +++ b/django_project/core/geonode_static/geonode/js/upload/main.js @@ -0,0 +1,27 @@ +/*globals define: true, requirejs: true */ + +requirejs.config({ + baseUrl: '/static/lib/js', + shim: { + 'underscore': { exports: '_'} + }, + paths: { + 'upload': '../../geonode/js/upload', + 'templates': '../../geonode/js/templates', + 'progress': 'jquery.ajax-progress' + } +}); + +define(['upload/upload'], function (upload) { + 'use strict'; + + $(function () { + upload.initialize({ + form: '#file-uploader', + dropZone: '#drop-zone', + file_queue: '#file-queue', + clear_button: '#clear-button', + upload_button: '#upload-button' + }); + }); +}); diff --git a/django_project/core/geonode_static/geonode/js/upload/path.js b/django_project/core/geonode_static/geonode/js/upload/path.js new file mode 100644 index 0000000..f0ffb27 --- /dev/null +++ b/django_project/core/geonode_static/geonode/js/upload/path.js @@ -0,0 +1,43 @@ +/*global define */ +'use strict'; + +define(function (require, exports) { + var delimiter = '.', + getBase, + getExt, + getName; + + getBase = exports.getBase = function (file) { + var ext = file.name.substr(file.name.lastIndexOf('.') + 1); + var name = file.name.substr(0, file.name.length-(ext.length+1)); + var parts = [name, ext]; + if (parts) { + return parts; + } + return null; + }; + + getExt = exports.getExt = function (file) { + var parts = getBase(file), ext = null; + + if (parts.length > 1) { + ext = parts[parts.length - 1].toLowerCase(); + } + return ext; + }; + + + getName = exports.getName = function (file) { + var parts = getBase(file); + + if (parts.length > 1) { + if (getExt(file) === 'xml' && parts[0].endsWith('.shp')) { + parts[0] = parts[0].replace('.shp', ''); + } + parts.splice(parts.length - 1); + return parts.join('.'); + } + return parts[0]; + }; + +}); diff --git a/django_project/core/geonode_static/geonode/js/upload/srs.js b/django_project/core/geonode_static/geonode/js/upload/srs.js new file mode 100644 index 0000000..0a5ad6c --- /dev/null +++ b/django_project/core/geonode_static/geonode/js/upload/srs.js @@ -0,0 +1,20 @@ +/*globals define: true, requirejs: true */ + +requirejs.config({ + baseUrl: '/static/lib/js', + shim: { + 'underscore': { exports: '_'} + }, + paths: { + 'upload': '../../geonode/js/upload', + 'templates': '../../geonode/js/templates', + } +}); + +define(['upload/upload'], function (upload) { + 'use strict'; + + $(function () { + $("#next").on('click', upload.doSrs); + }); +}); diff --git a/django_project/core/geonode_static/geonode/js/upload/time.js b/django_project/core/geonode_static/geonode/js/upload/time.js new file mode 100644 index 0000000..6486bda --- /dev/null +++ b/django_project/core/geonode_static/geonode/js/upload/time.js @@ -0,0 +1,77 @@ +/*globals define: true, requirejs: true */ + +requirejs.config({ + baseUrl: '/static/lib/js', + shim: { + 'underscore': { exports: '_'} + }, + paths: { + 'upload': '../../geonode/js/upload', + 'templates': '../../geonode/js/templates' + } +}); + +define(['upload/upload','upload/common', 'upload/LayerInfo'], function (upload, common, LayerInfo) { + 'use strict'; + + var doTime = function (event) { + var form = $("#timeForm"); + $('#next-spinner').removeClass('hide'); + + function makeRequest(data) { + common.make_request({ + url: data.redirect_to, + async: false, + failure: function (resp, status) { + common.logError(resp); + $('#next-spinner').addClass('hide'); + }, + success: function (resp, status) { + if (resp.status === "pending") { + setTimeout(function() { + makeRequest(data); + }, 1000); + return; + } + window.location = resp.url; + } + }); + }; + + var params = common.parseQueryString(document.location.search); + var url = '/upload/time' + if ('id' in params){ + url = updateUrl(url, 'id', params.id); + } + $.ajax({ + type: "POST", + url: url, + data: form.serialize(), // serializes the form's elements. + success: function(data) + { + if('redirect_to' in data) { + makeRequest(data); + } else if ('url' in data) { + window.location = data.url; + } else { + common.logError("unexpected response"); + } + }, + error: function (resp, status) { + common.logError(resp); + } + }); + return false; + }; + + $(function () { + $("#next").on('click', doTime); + $("#DISCRETE_INTERVAL,#CONTINUOUS_INTERVAL").on('change',function(ev) { + $("#precision").show(); + }); + $("#LIST").on('change',function(ev) { + $("#precision").hide().find("input").val(null); + }); + }); + +}); diff --git a/django_project/core/geonode_static/geonode/js/upload/upload.js b/django_project/core/geonode_static/geonode/js/upload/upload.js new file mode 100644 index 0000000..21d87dc --- /dev/null +++ b/django_project/core/geonode_static/geonode/js/upload/upload.js @@ -0,0 +1,403 @@ +/*jslint nomen: true */ +/*global $:true, document:true, define: true, alert:true, requirejs: true */ + +'use strict'; + +var layers = {}; + +var geogig_stores = {}; + +define(['underscore', + 'upload/LayerInfo', + 'upload/FileTypes', + 'upload/path', + 'upload/common', + 'text!templates/upload.html'], function (_, LayerInfo, fileTypes, path, common, uploadTemplate) { + + var templates = {}, + findFileType, + initialize, + log_error, + info, + types, + buildFileInfo, + displayFiles, + init_geogig_stores, + doUploads, + doSrs, + doDelete, + doResume, + doSuccessfulUpload, + attach_events, + checkFiles, + checkGeogig + fileTypes = fileTypes; + + $('body').append(uploadTemplate); + + templates.errorTemplate = _.template($('#errorTemplate').html()); + + templates.infoTemplate = _.template($('#infoTemplate').html()); + + /** Function to log errors to the #global-errors div + * + * @params {options} + * @returns {string} + */ + log_error = function (options) { + $('#global-errors').append(templates.errorTemplate(options)); + }; + + /** Info function takes an object and returns a correctly + * formatted bootstrap alert element. + * + * @returns {string} + */ + info = function (options) { + return templates.infoTemplate(options); + }; + + + /* Function to iterates through all of the known types and returns the + * type if it matches, if not return null + * @params {File} + * @returns {object} + */ + findFileType = function (file) { + var i, type; + for (i = 0; i < types.length; i += 1) { + type = types[i]; + if (type.isType(file)) { + return {type: type, file: file}; + } + } + }; + + + /** Function to ... + * + * @params + * @returns + */ + buildFileInfo = function (files) { + var name, info; + + for (name in files) { + // filter out the prototype properties + + if (files.hasOwnProperty(name)) { + + // check to see if the layer was already defined + + if (layers.hasOwnProperty(name)) { + info = layers[name]; + $.merge(info.files, files[name]); + info.displayFiles(); + } else { + info = new LayerInfo({ + name: name, + files: files[name] + }); + info.collectErrors(); + layers[name] = info; + } + } + } + }; + + + /** Function to ... + * + * @params + * @returns + */ + displayFiles = function (file_queue) { + file_queue.empty(); + + var permission_edit = $("#permission-edit") + + permission_edit.show(); + var hasFullPermissionsWidget = false; + + $.each(layers, function (name, info) { + if (!info.type) { + log_error({ + title: 'Unsupported type', + message: interpolate(gettext('The file %s is an unsupported file type, please select another file.'),[info.files[0].name]) + }); + delete layers[name]; + } else { + info.display(file_queue); + if(info.type.format=='vector'){ + hasFullPermissionsWidget = true; + }; + } + }); + + if(!hasFullPermissionsWidget){permission_edit.hide()}; + }; + + /** Function to ... + * + * @params + * @returns + */ + checkFiles = function(){ + var files = layers[Object.keys(layers)[0]]['files']; + var types = []; + for (var i = 0; i