booblegum
9 years ago
parent
cb45ce94e2
commit
778282ea7f
10 changed files with 433 additions and 323 deletions
@ -0,0 +1,111 @@ |
||||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {}; |
||||
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) { |
||||
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId]) |
||||
/******/ return installedModules[moduleId].exports; |
||||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = { |
||||
/******/ exports: {}, |
||||
/******/ id: moduleId, |
||||
/******/ loaded: false |
||||
/******/ }; |
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); |
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.loaded = true; |
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports; |
||||
/******/ } |
||||
|
||||
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules; |
||||
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules; |
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = ""; |
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(0); |
||||
/******/ }) |
||||
/************************************************************************/ |
||||
/******/ ({ |
||||
|
||||
/***/ 0: |
||||
/***/ function(module, exports, __webpack_require__) { |
||||
|
||||
'use strict'; |
||||
|
||||
var _avatar_upload = __webpack_require__(27); |
||||
|
||||
$(function () { |
||||
(0, _avatar_upload.avatarUploadInit)(); |
||||
}); |
||||
|
||||
/***/ }, |
||||
|
||||
/***/ 27: |
||||
/***/ function(module, exports) { |
||||
|
||||
'use strict'; |
||||
|
||||
Object.defineProperty(exports, "__esModule", { |
||||
value: true |
||||
}); |
||||
// Live image avatar (single) upload ---------------------------------
|
||||
var LIVE_IMAGE_UPLOAD_URL = '/common/live-image-upload/create/'; |
||||
|
||||
function avatarUploadInit() { |
||||
var $container = $('.-live-image-avatar-upload-container').first(); |
||||
|
||||
var $avatarImage = $container.find('.-avatar-image').first(); |
||||
var $liveImageUpload = $container.find('.-live-image-upload').first(); |
||||
var $liveImageId = $container.find('.-live-image-id').first(); |
||||
var $liveImageDelete = $container.find('.-live-image-delete').first(); |
||||
|
||||
$avatarImage.attr('orig-src', $avatarImage.attr('src')); |
||||
|
||||
$liveImageUpload.fileupload({ |
||||
url: LIVE_IMAGE_UPLOAD_URL, |
||||
dataType: 'json', |
||||
|
||||
done: function done($evt, data) { |
||||
var image = data.result; |
||||
|
||||
$avatarImage.attr('src', image.thumbnailUrl); |
||||
$liveImageId.val(image.id); |
||||
|
||||
$liveImageDelete.data('url', image.deleteUrl); |
||||
$liveImageDelete.css('display', 'block'); |
||||
} |
||||
}); |
||||
|
||||
$liveImageDelete.on('click', function ($evt) { |
||||
var $that = $(this); |
||||
|
||||
$.post($that.data('url')).then(function (res) { |
||||
if (res.status == 'success') { |
||||
$avatarImage.attr('src', $avatarImage.attr('orig-src') || STUB_IMAGE_URL); |
||||
$liveImageId.val(''); |
||||
$that.css('display', 'none'); |
||||
} |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
exports.avatarUploadInit = avatarUploadInit; |
||||
|
||||
/***/ } |
||||
|
||||
/******/ }); |
||||
@ -0,0 +1,42 @@ |
||||
// Live image avatar (single) upload ---------------------------------
|
||||
var LIVE_IMAGE_UPLOAD_URL = '/common/live-image-upload/create/'; |
||||
|
||||
function avatarUploadInit() { |
||||
var $container = $('.-live-image-avatar-upload-container').first(); |
||||
|
||||
var $avatarImage = $container.find('.-avatar-image').first(); |
||||
var $liveImageUpload = $container.find('.-live-image-upload').first(); |
||||
var $liveImageId = $container.find('.-live-image-id').first(); |
||||
var $liveImageDelete = $container.find('.-live-image-delete').first(); |
||||
|
||||
$avatarImage.attr('orig-src', $avatarImage.attr('src')); |
||||
|
||||
$liveImageUpload.fileupload({ |
||||
url: LIVE_IMAGE_UPLOAD_URL, |
||||
dataType: 'json', |
||||
|
||||
done: function($evt, data) { |
||||
var image = data.result; |
||||
|
||||
$avatarImage.attr('src', image.thumbnailUrl); |
||||
$liveImageId.val(image.id); |
||||
|
||||
$liveImageDelete.data('url', image.deleteUrl); |
||||
$liveImageDelete.css('display', 'block') |
||||
} |
||||
}); |
||||
|
||||
$liveImageDelete.on('click', function($evt) { |
||||
var $that = $(this); |
||||
|
||||
$.post($that.data('url')).then(function(res) { |
||||
if (res.status == 'success') { |
||||
$avatarImage.attr('src', $avatarImage.attr('orig-src') || STUB_IMAGE_URL); |
||||
$liveImageId.val(''); |
||||
$that.css('display', 'none') |
||||
} |
||||
}) |
||||
}) |
||||
} |
||||
|
||||
export {avatarUploadInit} |
||||
@ -1,56 +0,0 @@ |
||||
|
||||
function onBind(target, name, descriptor) { |
||||
const method = descriptor.value; |
||||
|
||||
descriptor.value = function (...args) { |
||||
let binds = []; |
||||
args = Array.from(args); |
||||
for (let arg of args.slice()) { |
||||
if (typeof arg === 'object') { |
||||
binds.push(arg); |
||||
args.splice(args.indexOf(arg), 1); |
||||
} |
||||
} |
||||
method.apply(this, args); |
||||
for (let bind of binds) { |
||||
bind.func.bind(this)(); |
||||
} |
||||
return this; |
||||
} |
||||
} |
||||
|
||||
class Base { |
||||
constructor() { |
||||
this.attr1 = 'attr1'; |
||||
console.log("Constructor") |
||||
} |
||||
|
||||
@onBind |
||||
method1(a = 1, b = 2) { |
||||
console.log("this.attr1 = ", this.attr1); |
||||
console.log("a = ", a, "b = ", b); |
||||
} |
||||
|
||||
on(methodName, func) { |
||||
this[methodName] = this[methodName].bind(this, {func}); |
||||
} |
||||
} |
||||
|
||||
let b = new Base(); |
||||
|
||||
b.on("method1", () => console.log("Another message...")); |
||||
b.on("method1", function () { |
||||
console.log("bind this.attr1 =", this.attr1); |
||||
}); |
||||
|
||||
b.method1("one", 2); |
||||
b.method1("bbb"); |
||||
|
||||
if (NODE_ENV == 'dev') { |
||||
console.log("Dev mode message") |
||||
} |
||||
|
||||
|
||||
function a({a=2, b=a+4}) { |
||||
|
||||
} |
||||
@ -0,0 +1,5 @@ |
||||
import {avatarUploadInit} from './seeds/avatar_upload' |
||||
|
||||
$(function () { |
||||
avatarUploadInit(); |
||||
}); |
||||
Loading…
Reference in new issue