Créer un annotation

Afficher le formulaire de création de fragment

+ +

Formes

Rect.
Libre

+ +

Actions

Annuler
Enregister

+ +

+ {% thumbnail annotation.image.media "x800" crop="center" as im %} +

+ {% endthumbnail %} +

+ +

+ {% include "partials/header.html" with person="Jane" greeting="Hello" %} {% block content %} {% endblock %}

[0-9]+)/$', views.detail_annotation, name='annotation_detail'), + url(r'^annotation/(?P[0-9]+)/fragment', views.draw_fragment, name='annotation_fragment'), + url(r'^annotation/create', views.create_annotation, name='annotation_create'), + url(r'^annotation/(?P[0-9]+)/edit', views.edit_annotation, name='annotation_edit'), + url(r'^rest', include('restapi.urls')), - url('^inbox/notifications/', include(urls, namespace='notifications')), - url('^account/', include('iconolab.auth.urls', namespace='account')), + url(r'^inbox/notifications/', include(urls, namespace='notifications')), + url(r'^account/', include('iconolab.auth.urls', namespace='account')), ] urlpatterns += staticfiles_urlpatterns() -urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) - -print(urlpatterns) \ No newline at end of file +urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) \ No newline at end of file diff -r 62bf1f65855f -r 7e49ce535296 src/iconolab/utils/__init__.py diff -r 62bf1f65855f -r 7e49ce535296 src/iconolab/utils/context_processors.py --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/iconolab/utils/context_processors.py Tue Jun 07 10:23:48 2016 +0200 @@ -0,0 +1,4 @@ +from django.conf import settings + +def notifications(request): + return {'notification_nb': '3'} \ No newline at end of file diff -r 62bf1f65855f -r 7e49ce535296 src/iconolab/utils/utils.py --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/iconolab/utils/utils.py Tue Jun 07 10:23:48 2016 +0200 @@ -0,0 +1,35 @@ +from django.db.models.signals import post_save +from notifications.signals import notify + +class NotificationManager: + + NEW_ANNOTATION = 'Nouvelle annotation' + NEW_COMMENT = 'Nouveau commentaire' + + class Notification: + + def __init__(self, sender=None, verb=None): + self.sender = sender + self.verb = verb + self.recipient = None + self.target = None + self.description = None + + def set_recipient(self, recipient): + self.recipient = recipient + + def set_target(self, target): + self.target = target + + def set_description(self, description): + self.description = description + + @classmethod + def create_notification(self, sender=None, verb=None): + annotation = NotificationManager.Notification(sender, verb=verb) + return annotation + + @classmethod + def notify(self, notification=None): + #send to all users or a Group + notify.send(notification.sender, recipient=notification.sender, verb=notification.verb) \ No newline at end of file diff -r 62bf1f65855f -r 7e49ce535296 src/iconolab/views.py --- a/src/iconolab/views.py Tue May 31 17:49:51 2016 +0200 +++ b/src/iconolab/views.py Tue Jun 07 10:23:48 2016 +0200 @@ -10,5 +10,17 @@ def detail_annotation(request, pk): + pass + +def draw_fragment(request, pk): annotation = get_object_or_404(Annotation, pk=pk) - return render(request, 'iconolab/annotation.html', {'annotation': annotation}) \ No newline at end of file + return render(request, 'iconolab/fragment_draw.html', {'annotation': annotation}) + +def create_annotation(request): + return render(request, 'iconolab/create_annotation.html') + # reprendre les paths + # reprendre le ratio + pass + +def edit_annotation(request, pk): + pass \ No newline at end of file diff -r 62bf1f65855f -r 7e49ce535296 src/static/iconolab/css/iconolab.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/static/iconolab/css/iconolab.css Tue Jun 07 10:23:48 2016 +0200 @@ -0,0 +1,5 @@ +body {padding-top: 20px; padding-bottom: 20px} + +.drawingModeBtn {border: 1px solid orange; cursor: pointer; height: 25px; margin-bottom: 10px} +.form-drawing {border-bottom: 1px solid #C3C3C3; } +.form-drawing .selected {border: 1px solid orange; color: white; background-color: orange} \ No newline at end of file diff -r 62bf1f65855f -r 7e49ce535296 src/static/iconolab/js/components/cutout/index.js --- a/src/static/iconolab/js/components/cutout/index.js Tue May 31 17:49:51 2016 +0200 +++ b/src/static/iconolab/js/components/cutout/index.js Tue Jun 07 10:23:48 2016 +0200 @@ -14,8 +14,9 @@ }; }); -var paper; +var paper = null; var pointData = []; +var config = null; var startPoint = null; var drawing_path = null; var PATH_COLOR = "#ff00ff"; @@ -26,6 +27,7 @@ var enablePoint = true; var pathIsClosed = false; var ENABLE_NEW_NODE = true; +var mode = "rect"; //free var getId = (function () { var cpt = 0; @@ -94,12 +96,17 @@ console.log({isDragged: isDragged, enablePoint: enablePoint, pathIsClosed: pathIsClosed}); }; -onClosePath = function () { +var onClosePath = function () { ENABLE_NEW_NODE = false; /* Group path an handler - add remove_btn */ + jQuery("#action-wrapper").show(); }; -onClickOnHandler = function (point, p, e) { +var drawRectangle = function () { + //draw rectangle point and draw +} + +var onClickOnHandler = function (point, p, e) { //close path console.log("new click handler ..."); if (point.isFirst && pointData.length > 2) { @@ -199,39 +206,127 @@ enablePoint = true; return false; } - + point = createPointHandler(paper, point); pointData.push(point); updatePath(paper); }; +var createFragment = function () { + +} + +/* remove previous points */ +var reset = function () { + console.log(pathIsClosed); + console.log("radical blaze"); +} +var attachEvents = function (paper) { + var startPosition = {}; + var currentPosition = {}; + var zone = null; + var canDraw = false; + + paper.mousedown(function (e) { + startPosition.x = e.offsetX; + startPosition.y = e.offsetY; + canDraw = true; + var startPoint = paper.rect(currentPosition.x, currentPosition.y, 6, 6); + startPoint.attr({stroke:'yellow'}); + }); + + paper.mousemove(function (e) { + currentPosition.x = e.offsetX; + currentPosition.y = e.offsetY; + if (!canDraw) { return; } + + if (zone) { + zone.remove(); + } + + /* bas -> droite */ + var width = Math.abs(currentPosition.x - startPosition.x); + var height = Math.abs(startPosition.y - currentPosition.y); + + if (currentPosition.y > startPosition.y && currentPosition.x > startPosition.x) { + x = startPosition.x; + y = startPosition.y; + } + + /* haut -> droite */ + if (currentPosition.y < startPosition.y && currentPosition.x > startPosition.x) { + x = currentPosition.x - width; + y = currentPosition.y; + } + + /* haut -> gauche */ + if (currentPosition.y < startPosition.y && currentPosition.x < startPosition.x) { + x = currentPosition.x; + y = currentPosition.y; + } + + /* bas -> gauche */ + if (currentPosition.y > startPosition.y && currentPosition.x < startPosition.x) { + x = currentPosition.x + y = currentPosition.y - height; + } + + zone = paper.rect(x, y, width, height); + zone.attr({opacity: 0.4}); + zone.drag(); + }); + + + paper.mouseup(function () { + canDraw = false; + }); +} + module.exports = { init: function(config) { - /* strange ... */ - var mainImage = jQuery(config.imageId).find('img').eq(0); - var cutCanvas = jQuery(config.imageId).find('.cut-canvas').eq(0); - var path = jQuery(config.imageId).find('.image-path').eq(0); + var mainImage = jQuery(config.wrapperId).find('img').eq(0); + var cutCanvas = jQuery(config.wrapperId).find('.cut-canvas').eq(0); + var path = jQuery(config.wrapperId).find('.image-path').eq(0); if (path.length) { jQuery(cutCanvas).append(path); } + if (!cutCanvas.length) { + var cutCanvas = jQuery('').addClass('cut-canvas'); + cutCanvas.css({border: "1px solid red"}); + jQuery(config.wrapperId).append(cutCanvas); + } + + if (!mainImage) { + new Error(config.wrapperId + "Can't be found ..."); + } cutCanvas.css({ position: 'absolute', top: '0px', - left: '0px', + left: '15px', //margin from bootstrap + marginLeft: 'auto', + marginRight: 'auto', width: mainImage.width(), height: mainImage.height() }); paper = new Snap(cutCanvas.get(0)); + + /* handleEvents */ + jQuery(config.actionWrapper).on("click", ".create", function () { alert("Kotew te ye...");}); + jQuery(config.actionWrapper).on("click", ".delete", function () { alert("delete..."); }); + /* show path, init the drawing module*/ paper.click( function(e) { if (!ENABLE_NEW_NODE) { return true; } createPoint(paper, e.offsetX, e.offsetY, pointData); }); + + /* handle drawin here */ + attachEvents(paper); }, }; \ No newline at end of file diff -r 62bf1f65855f -r 7e49ce535296 src/static/iconolab/js/components/cutout/save.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/static/iconolab/js/components/cutout/save.js Tue Jun 07 10:23:48 2016 +0200 @@ -0,0 +1,275 @@ + +var Snap = require('snapsvg'); + +/* custom plugin */ +Snap.plugin(function (Snap, Element, Paper, glob) { + var elproto = Element.prototype; + + elproto.toBack = function () { + this.prependTo(this.paper); + }; + + elproto.toFront = function () { + this.appendTo(this.paper); + }; +}); + +var paper = null; +var PATH_COLOR = "#ff00ff"; +var SELECTED_COLOR = "#ffff00"; +var FIRST_NODE_COLOR = "#FF0000"; +var pointData = []; +var startPoint = null; +var drawing_path = null; +var HANDLE_SIZE = 6; +var isDragged = false; +var enablePoint = true; +var pathIsClosed = false; +var ENABLE_NEW_NODE = true; + +var getId = (function () { + var cpt = 0; + var defautPrefix = "item_"; + return function (prefix) { + prefix = (typeof prefix === 'string') ? prefix : defautPrefix; + cpt = cpt + 1; + return prefix + cpt; + } + }()); + +var pathToPoint = function (path) { + if (typeof path === "string") { return false; } +}; + +var resetState = function () { + + jQuery.each(pointData, function (i) { + point = pointData[i]; + if (point.handler) { + point.handler.remove(); + } + }); + + pointData = []; + startPoint = null; + + if (drawing_path) { + drawing_path.remove(); + } + + drawing_path = null; + HANDLE_SIZE = 6; + isDragged = false; + enablePoint = true; + pathIsClosed = false; + ENABLE_NEW_NODE = true; +} + +//transform point to path +var updatePath = function (paper, updateCallback) { + var path = "M"; + + if (pointData.length <= 1) { + return; + } + + path += pointData[0].x + ',' + pointData[0].y; + + for (var i=0; i < pointData.length; i++) { + if (i == 0) continue; + + var pointInfos = pointData[i]; + lPath = "L" + pointInfos.x + "," + pointInfos.y; + path += " " + lPath; + } + + path += (pathIsClosed) ? " Z": ""; + + if (typeof updateCallback === 'function' && pathIsClosed) { + updateCallback(); + } + + /* remove prev path */ + if (drawing_path) { + drawing_path.remove(); + } + + drawing_path = paper.path(path); + + drawing_path.attr({ + stroke: "red", + opacity: 0.6 + }); + + /* bring all handler to front */ + pointData.map(function (point) { + if (point.handler) { + point.handler.toFront(); + } + }); + //console.log("radical...", path); +}; + +var onClosePath = function () { + ENABLE_NEW_NODE = false; + /* Group path an handler - add remove_btn */ + jQuery("#action-wrapper").show(); +}; + +var onClickOnHandler = function (point, p, e) { + //close path + console.log("new click handler ..."); + if (point.isFirst && pointData.length > 2) { + pathIsClosed = true; + } +}; + +var updatePointPosition = function (newPoint, x, y) { + var index = pointData.indexOf(newPoint); + if (index !== -1) { + pointData[index].x = x; + pointData[index].y = y; + return true; + } else { + return false; + } +}; + +var clearPreviousPath = function () { + drawing_path.remove(); +}; + +var onMoveHandler = function (dx, dy, posX, posY, e) { + console.log("in onMoveHandler..."); + isDragged = true; + /* update point then update the view */ + var transformValue = this.data('origTransform') + (this.data('origTransform') ? "T" : "t") + [dx, dy]; + this.attr({ transform: transformValue}); + var boxSize = this.getBBox(); + + var wasUpdated = updatePointPosition(this.data('point'), boxSize.x + (HANDLE_SIZE / 2) , boxSize.y + (HANDLE_SIZE / 2)); + + if (wasUpdated) { + updatePath(this.paper); + } +} + +var bindHandlerEvent = function (point, p) { + point.handler.click(onClickOnHandler.bind(this, point, p)); + /* -- handler -- */ + point.handler.hover(function () { + point.handler.attr({fill: 'yellow'}); + }, function () { + var fillColor = point.isFirst ? FIRST_NODE_COLOR : ""; + point.handler.attr({fill: fillColor}); + }); + + point.handler.drag(onMoveHandler, function () { + this.data('origTransform', this.transform().local ); + }, function () { + if (!isDragged) { return true; } + isDragged = false; + enablePoint = false; + }); +} + +var createPointHandler = function (p, point) { + + var handleX = point.x - HANDLE_SIZE/2; + var handleY = point.y - HANDLE_SIZE/2; + + handler = p.rect(handleX, handleY, HANDLE_SIZE, HANDLE_SIZE); + + point.handler = handler; + point.handler.data('point', point); + if (pointData.length === 0) { + point.isFirst = true; + } + + bindHandlerEvent(point, p); + point.handler.attr({ + fill: (pointData.length === 0) ? FIRST_NODE_COLOR : "", + opacity: 0.9, + stroke: PATH_COLOR + }); + + return point; +} + +var setPath = function () { + +} + +//create paper +var createPoint = function (paper, x, y, pointData) { + + console.log("... Inside createPoint ... "); + var point = {x:x, y:y, id: getId()}; + + /**/ + if (pathIsClosed) { + updatePath(paper, onClosePath); + return; + } + + if (!enablePoint) { + enablePoint = true; + return false; + } + + point = createPointHandler(paper, point); + pointData.push(point); + updatePath(paper); +}; + +var createFragment = function () { + +} + +/* remove previous points */ + + +module.exports = { + + init: function(config) { + /* strange ... */ + var mainImage = jQuery(config.wrapperId).find('img').eq(0); + var cutCanvas = jQuery(config.wrapperId).find('.cut-canvas').eq(0); + var path = jQuery(config.wrapperId).find('.image-path').eq(0); + + if (path.length) { + jQuery(cutCanvas).append(path); + } + + if (!cutCanvas.length) { + var cutCanvas = jQuery('').addClass('cut-canvas'); + cutCanvas.css({border: "1px solid red"}); + jQuery(config.wrapperId).append(cutCanvas); + } + + if (!mainImage) { + new Error(config.wrapperId + "Can't be found ..."); + } + cutCanvas.css({ + position: 'absolute', + top: '0px', + left: '15px', //margin from bootstrap + marginLeft: 'auto', + marginRight: 'auto', + width: mainImage.width(), + height: mainImage.height() + }); + + paper = new Snap(cutCanvas.get(0)); + + /* handleEvents */ + //jQuery(config.actionWrapper).on("click", ".create", function () { alert("Kotew te ye...");}); + //jQuery(config.actionWrapper).on("click", ".delete", function () { resetState(); }); + + /* show path, init the drawing module*/ + paper.click( function(e) { + if (!ENABLE_NEW_NODE) { return true; } + createPoint(paper, e.offsetX, e.offsetY, pointData); + }); + }, +}; \ No newline at end of file diff -r 62bf1f65855f -r 7e49ce535296 src/static/iconolab/js/dist/bundle.js --- a/src/static/iconolab/js/dist/bundle.js Tue May 31 17:49:51 2016 +0200 +++ b/src/static/iconolab/js/dist/bundle.js Tue Jun 07 10:23:48 2016 +0200 @@ -47,13 +47,15 @@ var cutout = __webpack_require__(1); /* expose jQuery */ - var test = __webpack_require__(4); + var test = __webpack_require__(3); + + /* expose Vue */ + __webpack_require__(5); var api = { initCutoutComponent: function (config) { return cutout.init(config); - }, - testComponent: function () {} + } }; module.exports = api; @@ -82,8 +84,9 @@ }; }); - var paper; + var paper = null; var pointData = []; + var config = null; var startPoint = null; var drawing_path = null; var PATH_COLOR = "#ff00ff"; @@ -94,6 +97,7 @@ var enablePoint = true; var pathIsClosed = false; var ENABLE_NEW_NODE = true; + var mode = "rect"; //free var getId = (function () { var cpt = 0; @@ -162,12 +166,17 @@ console.log({isDragged: isDragged, enablePoint: enablePoint, pathIsClosed: pathIsClosed}); }; - onClosePath = function () { + var onClosePath = function () { ENABLE_NEW_NODE = false; /* Group path an handler - add remove_btn */ + jQuery("#action-wrapper").show(); }; - onClickOnHandler = function (point, p, e) { + var drawRectangle = function () { + //draw rectangle point and draw + } + + var onClickOnHandler = function (point, p, e) { //close path console.log("new click handler ..."); if (point.isFirst && pointData.length > 2) { @@ -267,40 +276,128 @@ enablePoint = true; return false; } - + point = createPointHandler(paper, point); pointData.push(point); updatePath(paper); }; + var createFragment = function () { + + } + + /* remove previous points */ + var reset = function () { + console.log(pathIsClosed); + console.log("radical blaze"); + } + var attachEvents = function (paper) { + var startPosition = {}; + var currentPosition = {}; + var zone = null; + var canDraw = false; + + paper.mousedown(function (e) { + startPosition.x = e.offsetX; + startPosition.y = e.offsetY; + canDraw = true; + var startPoint = paper.rect(currentPosition.x, currentPosition.y, 6, 6); + startPoint.attr({stroke:'yellow'}); + }); + + paper.mousemove(function (e) { + currentPosition.x = e.offsetX; + currentPosition.y = e.offsetY; + if (!canDraw) { return; } + + if (zone) { + zone.remove(); + } + + /* bas -> droite */ + var width = Math.abs(currentPosition.x - startPosition.x); + var height = Math.abs(startPosition.y - currentPosition.y); + + if (currentPosition.y > startPosition.y && currentPosition.x > startPosition.x) { + x = startPosition.x; + y = startPosition.y; + } + + /* haut -> droite */ + if (currentPosition.y < startPosition.y && currentPosition.x > startPosition.x) { + x = currentPosition.x - width; + y = currentPosition.y; + } + + /* haut -> gauche */ + if (currentPosition.y < startPosition.y && currentPosition.x < startPosition.x) { + x = currentPosition.x; + y = currentPosition.y; + } + + /* bas -> gauche */ + if (currentPosition.y > startPosition.y && currentPosition.x < startPosition.x) { + x = currentPosition.x + y = currentPosition.y - height; + } + + zone = paper.rect(x, y, width, height); + zone.attr({opacity: 0.4}); + zone.drag(); + }); + + + paper.mouseup(function () { + canDraw = false; + }); + } + module.exports = { init: function(config) { - /* strange ... */ - var mainImage = jQuery(config.imageId).find('img').eq(0); - var cutCanvas = jQuery(config.imageId).find('.cut-canvas').eq(0); - var path = jQuery(config.imageId).find('.image-path').eq(0); + var mainImage = jQuery(config.wrapperId).find('img').eq(0); + var cutCanvas = jQuery(config.wrapperId).find('.cut-canvas').eq(0); + var path = jQuery(config.wrapperId).find('.image-path').eq(0); if (path.length) { jQuery(cutCanvas).append(path); } + if (!cutCanvas.length) { + var cutCanvas = jQuery('').addClass('cut-canvas'); + cutCanvas.css({border: "1px solid red"}); + jQuery(config.wrapperId).append(cutCanvas); + } + + if (!mainImage) { + new Error(config.wrapperId + "Can't be found ..."); + } cutCanvas.css({ position: 'absolute', top: '0px', - left: '0px', + left: '15px', //margin from bootstrap + marginLeft: 'auto', + marginRight: 'auto', width: mainImage.width(), height: mainImage.height() }); paper = new Snap(cutCanvas.get(0)); + + /* handleEvents */ + jQuery(config.actionWrapper).on("click", ".create", function () { alert("Kotew te ye...");}); + jQuery(config.actionWrapper).on("click", ".delete", function () { alert("delete..."); }); + /* show path, init the drawing module*/ paper.click( function(e) { if (!ENABLE_NEW_NODE) { return true; } createPoint(paper, e.offsetX, e.offsetY, pointData); }); + + /* handle drawin here */ + attachEvents(paper); }, }; @@ -8486,15 +8583,14 @@ }.call(window)); /***/ }, -/* 3 */, -/* 4 */ +/* 3 */ /***/ function(module, exports, __webpack_require__) { - /* WEBPACK VAR INJECTION */(function(global) {module.exports = global["jQuery"] = __webpack_require__(5); + /* WEBPACK VAR INJECTION */(function(global) {module.exports = global["jQuery"] = __webpack_require__(4); /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) /***/ }, -/* 5 */ +/* 4 */ /***/ function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! @@ -18313,5 +18409,10148 @@ })); +/***/ }, +/* 5 */ +/***/ function(module, exports, __webpack_require__) { + + /* WEBPACK VAR INJECTION */(function(global) {module.exports = global["Vue"] = __webpack_require__(6); + /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) + +/***/ }, +/* 6 */ +/***/ function(module, exports, __webpack_require__) { + + /* WEBPACK VAR INJECTION */(function(global, process) {/*! + * Vue.js v1.0.24 + * (c) 2016 Evan You + * Released under the MIT License. + */ + 'use strict'; + + function set(obj, key, val) { + if (hasOwn(obj, key)) { + obj[key] = val; + return; + } + if (obj._isVue) { + set(obj._data, key, val); + return; + } + var ob = obj.__ob__; + if (!ob) { + obj[key] = val; + return; + } + ob.convert(key, val); + ob.dep.notify(); + if (ob.vms) { + var i = ob.vms.length; + while (i--) { + var vm = ob.vms[i]; + vm._proxy(key); + vm._digest(); + } + } + return val; + } + + /** + * Delete a property and trigger change if necessary. + * + * @param {Object} obj + * @param {String} key + */ + + function del(obj, key) { + if (!hasOwn(obj, key)) { + return; + } + delete obj[key]; + var ob = obj.__ob__; + if (!ob) { + if (obj._isVue) { + delete obj._data[key]; + obj._digest(); + } + return; + } + ob.dep.notify(); + if (ob.vms) { + var i = ob.vms.length; + while (i--) { + var vm = ob.vms[i]; + vm._unproxy(key); + vm._digest(); + } + } + } + + var hasOwnProperty = Object.prototype.hasOwnProperty; + /** + * Check whether the object has the property. + * + * @param {Object} obj + * @param {String} key + * @return {Boolean} + */ + + function hasOwn(obj, key) { + return hasOwnProperty.call(obj, key); + } + + /** + * Check if an expression is a literal value. + * + * @param {String} exp + * @return {Boolean} + */ + + var literalValueRE = /^\s?(true|false|-?[\d\.]+|'[^']*'|"[^"]*")\s?$/; + + function isLiteral(exp) { + return literalValueRE.test(exp); + } + + /** + * Check if a string starts with $ or _ + * + * @param {String} str + * @return {Boolean} + */ + + function isReserved(str) { + var c = (str + '').charCodeAt(0); + return c === 0x24 || c === 0x5F; + } + + /** + * Guard text output, make sure undefined outputs + * empty string + * + * @param {*} value + * @return {String} + */ + + function _toString(value) { + return value == null ? '' : value.toString(); + } + + /** + * Check and convert possible numeric strings to numbers + * before setting back to data + * + * @param {*} value + * @return {*|Number} + */ + + function toNumber(value) { + if (typeof value !== 'string') { + return value; + } else { + var parsed = Number(value); + return isNaN(parsed) ? value : parsed; + } + } + + /** + * Convert string boolean literals into real booleans. + * + * @param {*} value + * @return {*|Boolean} + */ + + function toBoolean(value) { + return value === 'true' ? true : value === 'false' ? false : value; + } + + /** + * Strip quotes from a string + * + * @param {String} str + * @return {String | false} + */ + + function stripQuotes(str) { + var a = str.charCodeAt(0); + var b = str.charCodeAt(str.length - 1); + return a === b && (a === 0x22 || a === 0x27) ? str.slice(1, -1) : str; + } + + /** + * Camelize a hyphen-delmited string. + * + * @param {String} str + * @return {String} + */ + + var camelizeRE = /-(\w)/g; + + function camelize(str) { + return str.replace(camelizeRE, toUpper); + } + + function toUpper(_, c) { + return c ? c.toUpperCase() : ''; + } + + /** + * Hyphenate a camelCase string. + * + * @param {String} str + * @return {String} + */ + + var hyphenateRE = /([a-z\d])([A-Z])/g; + + function hyphenate(str) { + return str.replace(hyphenateRE, '$1-$2').toLowerCase(); + } + + /** + * Converts hyphen/underscore/slash delimitered names into + * camelized classNames. + * + * e.g. my-component => MyComponent + * some_else => SomeElse + * some/comp => SomeComp + * + * @param {String} str + * @return {String} + */ + + var classifyRE = /(?:^|[-_\/])(\w)/g; + + function classify(str) { + return str.replace(classifyRE, toUpper); + } + + /** + * Simple bind, faster than native + * + * @param {Function} fn + * @param {Object} ctx + * @return {Function} + */ + + function bind(fn, ctx) { + return function (a) { + var l = arguments.length; + return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx); + }; + } + + /** + * Convert an Array-like object to a real Array. + * + * @param {Array-like} list + * @param {Number} [start] - start index + * @return {Array} + */ + + function toArray(list, start) { + start = start || 0; + var i = list.length - start; + var ret = new Array(i); + while (i--) { + ret[i] = list[i + start]; + } + return ret; + } + + /** + * Mix properties into target object. + * + * @param {Object} to + * @param {Object} from + */ + + function extend(to, from) { + var keys = Object.keys(from); + var i = keys.length; + while (i--) { + to[keys[i]] = from[keys[i]]; + } + return to; + } + + /** + * Quick object check - this is primarily used to tell + * Objects from primitive values when we know the value + * is a JSON-compliant type. + * + * @param {*} obj + * @return {Boolean} + */ + + function isObject(obj) { + return obj !== null && typeof obj === 'object'; + } + + /** + * Strict object type check. Only returns true + * for plain JavaScript objects. + * + * @param {*} obj + * @return {Boolean} + */ + + var toString = Object.prototype.toString; + var OBJECT_STRING = '[object Object]'; + + function isPlainObject(obj) { + return toString.call(obj) === OBJECT_STRING; + } + + /** + * Array type check. + * + * @param {*} obj + * @return {Boolean} + */ + + var isArray = Array.isArray; + + /** + * Define a property. + * + * @param {Object} obj + * @param {String} key + * @param {*} val + * @param {Boolean} [enumerable] + */ + + function def(obj, key, val, enumerable) { + Object.defineProperty(obj, key, { + value: val, + enumerable: !!enumerable, + writable: true, + configurable: true + }); + } + + /** + * Debounce a function so it only gets called after the + * input stops arriving after the given wait period. + * + * @param {Function} func + * @param {Number} wait + * @return {Function} - the debounced function + */ + + function _debounce(func, wait) { + var timeout, args, context, timestamp, result; + var later = function later() { + var last = Date.now() - timestamp; + if (last < wait && last >= 0) { + timeout = setTimeout(later, wait - last); + } else { + timeout = null; + result = func.apply(context, args); + if (!timeout) context = args = null; + } + }; + return function () { + context = this; + args = arguments; + timestamp = Date.now(); + if (!timeout) { + timeout = setTimeout(later, wait); + } + return result; + }; + } + + /** + * Manual indexOf because it's slightly faster than + * native. + * + * @param {Array} arr + * @param {*} obj + */ + + function indexOf(arr, obj) { + var i = arr.length; + while (i--) { + if (arr[i] === obj) return i; + } + return -1; + } + + /** + * Make a cancellable version of an async callback. + * + * @param {Function} fn + * @return {Function} + */ + + function cancellable(fn) { + var cb = function cb() { + if (!cb.cancelled) { + return fn.apply(this, arguments); + } + }; + cb.cancel = function () { + cb.cancelled = true; + }; + return cb; + } + + /** + * Check if two values are loosely equal - that is, + * if they are plain objects, do they have the same shape? + * + * @param {*} a + * @param {*} b + * @return {Boolean} + */ + + function looseEqual(a, b) { + /* eslint-disable eqeqeq */ + return a == b || (isObject(a) && isObject(b) ? JSON.stringify(a) === JSON.stringify(b) : false); + /* eslint-enable eqeqeq */ + } + + var hasProto = ('__proto__' in {}); + + // Browser environment sniffing + var inBrowser = typeof window !== 'undefined' && Object.prototype.toString.call(window) !== '[object Object]'; + + // detect devtools + var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__; + + // UA sniffing for working around browser-specific quirks + var UA = inBrowser && window.navigator.userAgent.toLowerCase(); + var isIE9 = UA && UA.indexOf('msie 9.0') > 0; + var isAndroid = UA && UA.indexOf('android') > 0; + var isIos = UA && /(iphone|ipad|ipod|ios)/i.test(UA); + var isWechat = UA && UA.indexOf('micromessenger') > 0; + + var transitionProp = undefined; + var transitionEndEvent = undefined; + var animationProp = undefined; + var animationEndEvent = undefined; + + // Transition property/event sniffing + if (inBrowser && !isIE9) { + var isWebkitTrans = window.ontransitionend === undefined && window.onwebkittransitionend !== undefined; + var isWebkitAnim = window.onanimationend === undefined && window.onwebkitanimationend !== undefined; + transitionProp = isWebkitTrans ? 'WebkitTransition' : 'transition'; + transitionEndEvent = isWebkitTrans ? 'webkitTransitionEnd' : 'transitionend'; + animationProp = isWebkitAnim ? 'WebkitAnimation' : 'animation'; + animationEndEvent = isWebkitAnim ? 'webkitAnimationEnd' : 'animationend'; + } + + /** + * Defer a task to execute it asynchronously. Ideally this + * should be executed as a microtask, so we leverage + * MutationObserver if it's available, and fallback to + * setTimeout(0). + * + * @param {Function} cb + * @param {Object} ctx + */ + + var nextTick = (function () { + var callbacks = []; + var pending = false; + var timerFunc; + function nextTickHandler() { + pending = false; + var copies = callbacks.slice(0); + callbacks = []; + for (var i = 0; i < copies.length; i++) { + copies[i](); + } + } + + /* istanbul ignore if */ + if (typeof MutationObserver !== 'undefined' && !(isWechat && isIos)) { + var counter = 1; + var observer = new MutationObserver(nextTickHandler); + var textNode = document.createTextNode(counter); + observer.observe(textNode, { + characterData: true + }); + timerFunc = function () { + counter = (counter + 1) % 2; + textNode.data = counter; + }; + } else { + // webpack attempts to inject a shim for setImmediate + // if it is used as a global, so we have to work around that to + // avoid bundling unnecessary code. + var context = inBrowser ? window : typeof global !== 'undefined' ? global : {}; + timerFunc = context.setImmediate || setTimeout; + } + return function (cb, ctx) { + var func = ctx ? function () { + cb.call(ctx); + } : cb; + callbacks.push(func); + if (pending) return; + pending = true; + timerFunc(nextTickHandler, 0); + }; + })(); + + var _Set = undefined; + /* istanbul ignore if */ + if (typeof Set !== 'undefined' && Set.toString().match(/native code/)) { + // use native Set when available. + _Set = Set; + } else { + // a non-standard Set polyfill that only works with primitive keys. + _Set = function () { + this.set = Object.create(null); + }; + _Set.prototype.has = function (key) { + return this.set[key] !== undefined; + }; + _Set.prototype.add = function (key) { + this.set[key] = 1; + }; + _Set.prototype.clear = function () { + this.set = Object.create(null); + }; + } + + function Cache(limit) { + this.size = 0; + this.limit = limit; + this.head = this.tail = undefined; + this._keymap = Object.create(null); + } + + var p = Cache.prototype; + + /** + * Put into the cache associated with . + * Returns the entry which was removed to make room for + * the new entry. Otherwise undefined is returned. + * (i.e. if there was enough room already). + * + * @param {String} key + * @param {*} value + * @return {Entry|undefined} + */ + + p.put = function (key, value) { + var removed; + if (this.size === this.limit) { + removed = this.shift(); + } + + var entry = this.get(key, true); + if (!entry) { + entry = { + key: key + }; + this._keymap[key] = entry; + if (this.tail) { + this.tail.newer = entry; + entry.older = this.tail; + } else { + this.head = entry; + } + this.tail = entry; + this.size++; + } + entry.value = value; + + return removed; + }; + + /** + * Purge the least recently used (oldest) entry from the + * cache. Returns the removed entry or undefined if the + * cache was empty. + */ + + p.shift = function () { + var entry = this.head; + if (entry) { + this.head = this.head.newer; + this.head.older = undefined; + entry.newer = entry.older = undefined; + this._keymap[entry.key] = undefined; + this.size--; + } + return entry; + }; + + /** + * Get and register recent use of . Returns the value + * associated with or undefined if not in cache. + * + * @param {String} key + * @param {Boolean} returnEntry + * @return {Entry|*} + */ + + p.get = function (key, returnEntry) { + var entry = this._keymap[key]; + if (entry === undefined) return; + if (entry === this.tail) { + return returnEntry ? entry : entry.value; + } + // HEAD--------------TAIL + // <.older .newer> + // <--- add direction -- + // A B C E + if (entry.newer) { + if (entry === this.head) { + this.head = entry.newer; + } + entry.newer.older = entry.older; // C <-- E. + } + if (entry.older) { + entry.older.newer = entry.newer; // C. --> E + } + entry.newer = undefined; // D --x + entry.older = this.tail; // D. --> E + if (this.tail) { + this.tail.newer = entry; // E. <-- D + } + this.tail = entry; + return returnEntry ? entry : entry.value; + }; + + var cache$1 = new Cache(1000); + var filterTokenRE = /[^\s'"]+|'[^']*'|"[^"]*"/g; + var reservedArgRE = /^in$|^-?\d+/; + + /** + * Parser state + */ + + var str; + var dir; + var c; + var prev; + var i; + var l; + var lastFilterIndex; + var inSingle; + var inDouble; + var curly; + var square; + var paren; + /** + * Push a filter to the current directive object + */ + + function pushFilter() { + var exp = str.slice(lastFilterIndex, i).trim(); + var filter; + if (exp) { + filter = {}; + var tokens = exp.match(filterTokenRE); + filter.name = tokens[0]; + if (tokens.length > 1) { + filter.args = tokens.slice(1).map(processFilterArg); + } + } + if (filter) { + (dir.filters = dir.filters || []).push(filter); + } + lastFilterIndex = i + 1; + } + + /** + * Check if an argument is dynamic and strip quotes. + * + * @param {String} arg + * @return {Object} + */ + + function processFilterArg(arg) { + if (reservedArgRE.test(arg)) { + return { + value: toNumber(arg), + dynamic: false + }; + } else { + var stripped = stripQuotes(arg); + var dynamic = stripped === arg; + return { + value: dynamic ? arg : stripped, + dynamic: dynamic + }; + } + } + + /** + * Parse a directive value and extract the expression + * and its filters into a descriptor. + * + * Example: + * + * "a + 1 | uppercase" will yield: + * { + * expression: 'a + 1', + * filters: [ + * { name: 'uppercase', args: null } + * ] + * } + * + * @param {String} s + * @return {Object} + */ + + function parseDirective(s) { + var hit = cache$1.get(s); + if (hit) { + return hit; + } + + // reset parser state + str = s; + inSingle = inDouble = false; + curly = square = paren = 0; + lastFilterIndex = 0; + dir = {}; + + for (i = 0, l = str.length; i < l; i++) { + prev = c; + c = str.charCodeAt(i); + if (inSingle) { + // check single quote + if (c === 0x27 && prev !== 0x5C) inSingle = !inSingle; + } else if (inDouble) { + // check double quote + if (c === 0x22 && prev !== 0x5C) inDouble = !inDouble; + } else if (c === 0x7C && // pipe + str.charCodeAt(i + 1) !== 0x7C && str.charCodeAt(i - 1) !== 0x7C) { + if (dir.expression == null) { + // first filter, end of expression + lastFilterIndex = i + 1; + dir.expression = str.slice(0, i).trim(); + } else { + // already has filter + pushFilter(); + } + } else { + switch (c) { + case 0x22: + inDouble = true;break; // " + case 0x27: + inSingle = true;break; // ' + case 0x28: + paren++;break; // ( + case 0x29: + paren--;break; // ) + case 0x5B: + square++;break; // [ + case 0x5D: + square--;break; // ] + case 0x7B: + curly++;break; // { + case 0x7D: + curly--;break; // } + } + } + } + + if (dir.expression == null) { + dir.expression = str.slice(0, i).trim(); + } else if (lastFilterIndex !== 0) { + pushFilter(); + } + + cache$1.put(s, dir); + return dir; + } + + var directive = Object.freeze({ + parseDirective: parseDirective + }); + + var regexEscapeRE = /[-.*+?^${}()|[\]\/\\]/g; + var cache = undefined; + var tagRE = undefined; + var htmlRE = undefined; + /** + * Escape a string so it can be used in a RegExp + * constructor. + * + * @param {String} str + */ + + function escapeRegex(str) { + return str.replace(regexEscapeRE, '\\$&'); + } + + function compileRegex() { + var open = escapeRegex(config.delimiters[0]); + var close = escapeRegex(config.delimiters[1]); + var unsafeOpen = escapeRegex(config.unsafeDelimiters[0]); + var unsafeClose = escapeRegex(config.unsafeDelimiters[1]); + tagRE = new RegExp(unsafeOpen + '((?:.|\\n)+?)' + unsafeClose + '|' + open + '((?:.|\\n)+?)' + close, 'g'); + htmlRE = new RegExp('^' + unsafeOpen + '.*' + unsafeClose + '$'); + // reset cache + cache = new Cache(1000); + } + + /** + * Parse a template text string into an array of tokens. + * + * @param {String} text + * @return {Array

{{ form.username.label_tag }}	{{ form.username }}
{{ form.password.label_tag }}	{{ form.password }}

Créer un annotation

Se connecter