From 1186bff8909f2cdcd5b50a483b300dbbaa11fd8f Mon Sep 17 00:00:00 2001 From: Julian Lam Date: Tue, 30 Dec 2014 13:04:31 -0500 Subject: [PATCH] category edit page, #2463 --- public/src/admin/manage/category.js | 313 ++++++++++++++++++++++++++ src/views/admin/manage/categories.tpl | 9 - src/views/admin/manage/category.tpl | 110 ++++++++- 3 files changed, 422 insertions(+), 10 deletions(-) create mode 100644 public/src/admin/manage/category.js diff --git a/public/src/admin/manage/category.js b/public/src/admin/manage/category.js new file mode 100644 index 0000000000..36f6867a1a --- /dev/null +++ b/public/src/admin/manage/category.js @@ -0,0 +1,313 @@ +"use strict"; +/*global define */ + +define('admin/manage/category', [ + 'uploader', + 'admin/modules/iconSelect', + 'admin/modules/colorpicker' +], function(uploader, iconSelect, colorpicker) { + var Category = {}; + + Category.init = function() { + var modified_categories = {}; + + function modified(el) { + var cid = $(el).parents('form').attr('data-cid'); + if(cid) { + modified_categories[cid] = modified_categories[cid] || {}; + modified_categories[cid][$(el).attr('data-name')] = $(el).val(); + } + } + + function save() { + if(Object.keys(modified_categories).length) { + socket.emit('admin.categories.update', modified_categories, function(err, result) { + if (err) { + return app.alertError(err.message); + } + + if (result && result.length) { + app.alert({ + title: 'Updated Categories', + message: 'Category IDs ' + result.join(', ') + ' was successfully updated.', + type: 'success', + timeout: 2000 + }); + } + }); + modified_categories = {}; + } + return false; + } + + $('.blockclass, form.category select').each(function() { + var $this = $(this); + $this.val($this.attr('data-value')); + }); + + function enableColorPicker(idx, inputEl) { + var $inputEl = $(inputEl), + previewEl = $inputEl.parents('[data-cid]').find('.preview-box'); + + colorpicker.enable($inputEl, function(hsb, hex) { + if ($inputEl.attr('data-name') === 'bgColor') { + previewEl.css('background', '#' + hex); + } else if ($inputEl.attr('data-name') === 'color') { + previewEl.css('color', '#' + hex); + } + + modified($inputEl[0]); + }); + } + + function setupEditTargets() { + $('[data-edit-target]').on('click', function() { + var $this = $(this), + target = $($this.attr('data-edit-target')); + + $this.addClass('hide'); + target.removeClass('hide').on('blur', function() { + $this.removeClass('hide').children('span').html(this.value); + $(this).addClass('hide'); + }).val($this.children('span').html()); + + target.focus(); + }); + } + + $(function() { + var url = window.location.href, + parts = url.split('/'), + active = parts[parts.length - 1], + optionsEl = $('.options'); + + $('#new-category-modal').on('click', '.icon', function(ev) { + iconSelect.init($(this).find('i'), modified); + }); + + $('form.category input, form.category select').on('change', function(ev) { + modified(ev.target); + }); + + // Colour Picker + $('[data-name="bgColor"], [data-name="color"]').each(enableColorPicker); + + optionsEl.on('click', '.save', save); + optionsEl.on('click', '.revert', ajaxify.refresh); + optionsEl.on('click', '.purge', function() { + var categoryRow = $(this).parents('li[data-cid]'); + var cid = categoryRow.attr('data-cid'); + + bootbox.confirm('

Do you really want to purge this category "' + $('form.category').find('input[data-name="name"]').val() + '"?

Warning! All topics and posts in this category will be purged!

', function(confirm) { + if (!confirm) { + return; + } + socket.emit('admin.categories.purge', cid, function(err) { + if (err) { + return app.alertError(err.message); + } + app.alertSuccess('Category purged!'); + categoryRow.remove(); + }); + }); + }); + + // $('.admin-categories').on('click', '.permissions', function() { + // var cid = $(this).parents('li[data-cid]').attr('data-cid'); + // Categories.launchPermissionsModal(cid); + // return false; + // }); + + + $('.admin-categories').on('click', '.upload-button', function() { + var inputEl = $(this), + cid = inputEl.parents('li[data-cid]').attr('data-cid'); + + uploader.open(RELATIVE_PATH + '/admin/category/uploadpicture', { cid: cid }, 0, function(imageUrlOnServer) { + inputEl.val(imageUrlOnServer); + var previewBox = inputEl.parents('li[data-cid]').find('.preview-box'); + previewBox.css('background', 'url(' + imageUrlOnServer + '?' + new Date().getTime() + ')') + .css('background-size', 'cover'); + modified(inputEl[0]); + }); + }); + + $('.admin-categories').on('click', '.delete-image', function() { + var parent = $(this).parents('li[data-cid]'), + inputEl = parent.find('.upload-button'), + preview = parent.find('.preview-box'), + bgColor = parent.find('.category_bgColor').val(); + + inputEl.val(''); + modified(inputEl[0]); + + preview.css('background', bgColor); + + $(this).addClass('hide').hide(); + }); + + setupEditTargets(); + + // $('button[data-action="setParent"]').on('click', function() { + // var cid = $(this).parents('[data-cid]').attr('data-cid'), + // modal = $('#setParent'); + + // modal.find('select').val($(this).attr('data-parentCid')); + // modal.attr('data-cid', cid).modal(); + // }); + + // $('button[data-action="removeParent"]').on('click', function() { + // var cid = $(this).parents('[data-cid]').attr('data-cid'); + // var payload= {}; + // payload[cid] = { + // parentCid: 0 + // }; + // socket.emit('admin.categories.update', payload, function(err) { + // if (err) { + // return app.alertError(err.message); + // } + // ajaxify.go('admin/manage/categories/active'); + // }); + // }); + + // $('#setParent [data-cid]').on('click', function() { + // var modalEl = $('#setParent'), + // parentCid = $(this).attr('data-cid'), + // payload = {}; + + // payload[modalEl.attr('data-cid')] = { + // parentCid: parentCid + // }; + + // socket.emit('admin.categories.update', payload, function(err) { + // modalEl.one('hidden.bs.modal', function() { + // ajaxify.go('admin/manage/categories/active'); + // }); + // modalEl.modal('hide'); + // }); + // }); + }); + }; + + // Category.launchPermissionsModal = function(cid) { + // var modal = $('#category-permissions-modal'), + // searchEl = modal.find('#permission-search'), + // resultsEl = modal.find('.search-results.users'), + // groupsResultsEl = modal.find('.search-results.groups'), + // searchDelay; + + // // Clear the search field and results + // searchEl.val(''); + // resultsEl.html(''); + + // searchEl.off().on('keyup', function() { + // var searchEl = this, + // liEl; + + // clearTimeout(searchDelay); + + // searchDelay = setTimeout(function() { + // socket.emit('admin.categories.search', { + // username: searchEl.value, + // cid: cid + // }, function(err, results) { + // if(err) { + // return app.alertError(err.message); + // } + + // templates.parse('admin/partials/categories/users', { + // users: results + // }, function(html) { + // resultsEl.html(html); + // }); + // }); + // }, 250); + // }); + + // Category.refreshPrivilegeList(cid); + + // resultsEl.off().on('click', '[data-priv]', function(e) { + // var anchorEl = $(this), + // uid = anchorEl.parents('li[data-uid]').attr('data-uid'), + // privilege = anchorEl.attr('data-priv'); + // e.preventDefault(); + // e.stopPropagation(); + + // socket.emit('admin.categories.setPrivilege', { + // cid: cid, + // uid: uid, + // privilege: privilege, + // set: !anchorEl.hasClass('active') + // }, function(err) { + // if (err) { + // return app.alertError(err.message); + // } + // anchorEl.toggleClass('active', !anchorEl.hasClass('active')); + // Category.refreshPrivilegeList(cid); + // }); + // }); + + // modal.off().on('click', '.members li > img', function() { + // searchEl.val($(this).attr('title')); + // searchEl.keyup(); + // }); + + // // User Groups and privileges + // socket.emit('admin.categories.groupsList', cid, function(err, results) { + // if(err) { + // return app.alertError(err.message); + // } + + // templates.parse('admin/partials/categories/groups', { + // groups: results + // }, function(html) { + // groupsResultsEl.html(html); + // }); + // }); + + // groupsResultsEl.off().on('click', '[data-priv]', function(e) { + // var anchorEl = $(this), + // name = anchorEl.parents('li[data-name]').attr('data-name'), + // privilege = anchorEl.attr('data-priv'); + // e.preventDefault(); + // e.stopPropagation(); + + // socket.emit('admin.categories.setGroupPrivilege', { + // cid: cid, + // name: name, + // privilege: privilege, + // set: !anchorEl.hasClass('active') + // }, function(err) { + // if (!err) { + // anchorEl.toggleClass('active'); + // } + // }); + // }); + + // modal.modal(); + // }; + + // Category.refreshPrivilegeList = function (cid) { + // var modalEl = $('#category-permissions-modal'), + // memberList = $('.members'); + + // socket.emit('admin.categories.getPrivilegeSettings', cid, function(err, privilegeList) { + // var membersLength = privilegeList.length, + // liEl, x, userObj; + + // memberList.html(''); + // if (membersLength > 0) { + // for(x = 0; x < membersLength; x++) { + // userObj = privilegeList[x]; + // liEl = $('
  • ').attr('data-uid', userObj.uid).html(''); + // memberList.append(liEl); + // } + // } else { + // liEl = $('
  • ').addClass('empty').html('None.'); + // memberList.append(liEl); + // } + // }); + // }; + + return Category; +}); \ No newline at end of file diff --git a/src/views/admin/manage/categories.tpl b/src/views/admin/manage/categories.tpl index 210e323204..779c1ce624 100644 --- a/src/views/admin/manage/categories.tpl +++ b/src/views/admin/manage/categories.tpl @@ -107,13 +107,4 @@ - - \ No newline at end of file diff --git a/src/views/admin/manage/category.tpl b/src/views/admin/manage/category.tpl index 2fb9d362bb..00d6ab64ed 100644 --- a/src/views/admin/manage/category.tpl +++ b/src/views/admin/manage/category.tpl @@ -1 +1,109 @@ -test {category.cid} \ No newline at end of file +
    +
    +
    +
    Categories
    +
    +
    +
    +
    + + +
    +
    +
    +
    +

    {category.name}

    + +

    {category.description}

    + + +
    +
    +
    + + +
    + + +
    + + + +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    Categories Control Panel
    +
    +
    + + +
    +
    + +
    +
    +
    + + + +
    \ No newline at end of file