diff --git a/dist/404.html b/dist/404.html new file mode 100644 index 000000000..ec98e3c26 --- /dev/null +++ b/dist/404.html @@ -0,0 +1,157 @@ + + + + + Page Not Found :( + + + +
+

Not found :(

+

Sorry, but the page you were trying to view does not exist.

+

It looks like this was the result of either:

+ + + +
+ + diff --git a/dist/favicon.ico b/dist/favicon.ico new file mode 100644 index 000000000..652790530 Binary files /dev/null and b/dist/favicon.ico differ diff --git a/dist/fonts/fontawesome-webfont.eot b/dist/fonts/fontawesome-webfont.eot new file mode 100644 index 000000000..a30335d74 Binary files /dev/null and b/dist/fonts/fontawesome-webfont.eot differ diff --git a/dist/fonts/fontawesome-webfont.svg b/dist/fonts/fontawesome-webfont.svg new file mode 100644 index 000000000..6fd19abcb --- /dev/null +++ b/dist/fonts/fontawesome-webfont.svg @@ -0,0 +1,640 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dist/fonts/fontawesome-webfont.ttf b/dist/fonts/fontawesome-webfont.ttf new file mode 100644 index 000000000..d7994e130 Binary files /dev/null and b/dist/fonts/fontawesome-webfont.ttf differ diff --git a/dist/fonts/fontawesome-webfont.woff b/dist/fonts/fontawesome-webfont.woff new file mode 100644 index 000000000..6fd4ede0f Binary files /dev/null and b/dist/fonts/fontawesome-webfont.woff differ diff --git a/dist/fonts/fontawesome-webfont.woff2 b/dist/fonts/fontawesome-webfont.woff2 new file mode 100644 index 000000000..5560193cc Binary files /dev/null and b/dist/fonts/fontawesome-webfont.woff2 differ diff --git a/dist/fonts/glyphicons-halflings-regular.eot b/dist/fonts/glyphicons-halflings-regular.eot new file mode 100644 index 000000000..b93a4953f Binary files /dev/null and b/dist/fonts/glyphicons-halflings-regular.eot differ diff --git a/dist/fonts/glyphicons-halflings-regular.svg b/dist/fonts/glyphicons-halflings-regular.svg new file mode 100644 index 000000000..94fb5490a --- /dev/null +++ b/dist/fonts/glyphicons-halflings-regular.svg @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dist/fonts/glyphicons-halflings-regular.ttf b/dist/fonts/glyphicons-halflings-regular.ttf new file mode 100644 index 000000000..1413fc609 Binary files /dev/null and b/dist/fonts/glyphicons-halflings-regular.ttf differ diff --git a/dist/fonts/glyphicons-halflings-regular.woff b/dist/fonts/glyphicons-halflings-regular.woff new file mode 100644 index 000000000..9e612858f Binary files /dev/null and b/dist/fonts/glyphicons-halflings-regular.woff differ diff --git a/dist/fonts/glyphicons-halflings-regular.woff2 b/dist/fonts/glyphicons-halflings-regular.woff2 new file mode 100644 index 000000000..64539b54c Binary files /dev/null and b/dist/fonts/glyphicons-halflings-regular.woff2 differ diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 000000000..cf903f693 --- /dev/null +++ b/dist/index.html @@ -0,0 +1,449 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
You can't see this!
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/scripts/scripts.js b/dist/scripts/scripts.js new file mode 100644 index 000000000..9bfbd6c90 --- /dev/null +++ b/dist/scripts/scripts.js @@ -0,0 +1,14015 @@ +(function( w ){ + /* We can request an image at every possible width, but let's limit it to a reasonable number + We can set these so they correspond to our more common sizes. + */ + function tmpl(text, dict) { + for (var k in dict) { + text = text.replace("{{" + k + "}}", dict[k]); + } + return text; + } + w.picturefill = function(element) { + var ps; + if (element && element.getAttribute('data-type') === 'image') { + ps = [element]; + } + else { + if (typeof element === "undefined") { + element = w.document; + } + ps = element.getElementsByTagName( "div" ); + } + + var imageData = []; + for( var i = 0, il = ps.length; i < il; i++ ){ + var el = ps[i]; + if(el.getAttribute( "data-type" ) !== "image" ){ + continue; + } + var div = el.getElementsByTagName( "div" )[0]; + if( el.getAttribute( "data-image-id" ) !== null ){ + var id = el.getAttribute( "data-image-id" ), + crop = el.getAttribute( "data-crop" ); + var _w = div.offsetWidth, + _h = div.offsetHeight; + + if (!crop || crop === "" || crop === "auto") { + crop = computeAspectRatio(_w, _h); + } + if (el.getAttribute("data-format")) { + format = el.getAttribute("data-format"); + } + else { + format = "jpg"; + } + + var element = div; + if (id) { + $(".image-css-" + id).remove(); + $.ajax({ + url: w.BC_ADMIN_URL + '/api/' + id, + headers: { + 'X-Betty-Api-Key': w.BC_API_KEY, + 'Content-Type': undefined + }, + success: $.proxy(function (res) { + var imageData = res; + if (this.crop === "original") { + createStyle('.image[data-image-id="' + this.id + '"]>div', { + 'padding-bottom': ((res.height / res.width) * 100) + '%' + }, "image-css-" + this.id); + + var cropDetails = {x0:0, x1:res.width, y0:0, y1:res.height}; + } + else { + var cropDetails = imageData.selections[this.crop] + } + + computeStyle(this.element, imageData, cropDetails) + }, {element: element, id: id, crop:crop}), + error: $.proxy(function() { + if (this.crop === "original") { + //default to 16x9 + createStyle('.image[data-image-id="' + this.id + '"]>div', { + 'padding-bottom': '56.25%', // default to 16x9 for errors + 'background-color':'rgba(200, 0,0, .5)' + }, "image-css-" + this.id); + } + }, {id: id, crop:crop}) + }); + } + } + } + }; + + function computeStyle(element, image, selection) { + var selector = '.image[data-image-id="' + image.id + '"]>div'; + var elementWidth = $(selector).width(); + + var scale, styles, + elementHeight = (image.height / image.width) * elementWidth, + s_width = selection.x1 - selection.x0, + s_height = selection.y1 - selection.y0, + tmp_selection = selection; + + + if (!s_width || !s_height) { + /* + If we have bogus selections, make + the crop equal to the whole image + */ + s_width = elementWidth; + s_height = elementHeight; + tmp_selection = { + 'x0': 0, + 'y0': 0, + 'x1': s_width, + 'y1': s_height + }; + } + + var imageUrl = w.BC_ADMIN_URL + '/' + image.id + '/original/1200.jpg'; + scale = elementWidth / s_width; + + var rules = { + 'background-image': 'url(' + imageUrl +')', + 'background-size': scaleNumber(image.width, scale) + 'px', + 'background-position': + '-' + scaleNumber(tmp_selection.x0, scale) + 'px ' + + '-' + scaleNumber(tmp_selection.y0, scale) + 'px', + 'background-repeat': 'no-repeat' + } + createStyle(selector, rules, "image-css-" + image.id); + } + + function createStyle(selector, rules, classname) { + var styleNode = document.createElement("style"); + styleNode.type = "text/css"; + styleNode.className = classname; + var css = ""; + + var temp = "" + selector + '{'; + for (var rule in rules) { + temp += rule + ':' + rules[rule] + ';'; + } + temp += '}'; + css += temp; + + if (styleNode.styleSheet) { + styleNode.styleSheet.cssText = css; + } else { + styleNode.appendChild(document.createTextNode(css)); + } + $(document).find("head").append(styleNode); + } + + + function scaleNumber(num, by_scale) { + return Math.floor(num * by_scale); + }; + + + function computeAspectRatio(_w, _h) { + if (_w !== 0 && _h !== 0) { + var aspectRatio = Math.ceil(_w/_h * 10); + //smooth out rounding issues. + switch (aspectRatio) { + case 30: + case 31: + crop = "3x1"; + break; + case 20: + crop = "2x1"; + break; + case 14: + crop = "4x3"; + break; + case 18: + crop = "16x9"; + break; + case 8: + crop = "3x4"; + break; + case 10: + crop = "1x1"; + break; + default: + crop = "original"; + } + return crop; + } + else { + return "16x9" + } + } + + +}( this ));; +'use strict'; + +// ****** External Libraries ****** \\ + +angular.module('lodash', []).constant('_', window._); +angular.module('URLify', []).constant('URLify', window.URLify); +angular.module('jquery', []).constant('$', window.$); +angular.module('moment', []).constant('moment', window.moment); +angular.module('PNotify', []).constant('PNotify', window.PNotify); +angular.module('keypress', []).constant('keypress', window.keypress); +angular.module('Raven', []).constant('Raven', window.Raven); +angular.module('OnionEditor', []).constant('OnionEditor', window.OnionEditor); + +// ****** App Config ****** \\ + +angular.module('bulbsCmsApp', [ + 'bulbs.cms.site.config', + + 'bulbs.cms.superFeatures', + + // TODO : these dependencies need to be reorganized, localized + 'bulbs.cms.currentUser', + 'bulbs.cms.dateTimeModal', + 'bulbs.cms.dateTimeFilter', + 'bulbs.cms.editor', + 'bulbs.cms.imageCropModal', + 'bulbs.cms.liveBlog', + 'bulbs.cms.sendToEditorModal', + 'bulbs.cms.staticImage', + 'ngCookies', + 'ngResource', + 'ngRoute', + 'ui.bootstrap', + 'ui.bootstrap.datetimepicker', + 'restangular', + 'BettyCropper', + 'jquery', + 'lodash', + 'URLify', + 'moment', + 'PNotify', + 'keypress', + 'Raven', + 'firebase', + 'ipCookie', + 'bulbs.api', + + // shared + 'contentServices', + 'cms.tunic', + // components + 'bettyEditable', + 'bugReporter', + 'campaigns', + 'evergreenField', + 'hideFromRssField', + 'filterWidget', + 'filterListWidget', + 'notifications', + 'polls', + 'promotedContent', + 'statusFilter', + 'templateTypeField', + 'specialCoverage', + 'sections', + 'reports' +]) +.config(function ($locationProvider, $routeProvider, $sceProvider) { + $locationProvider.html5Mode(true); + + $routeProvider + .when('/cms/app/list/', { + templateUrl: '/views/contentlist.html', + controller: 'ContentlistCtrl', + reloadOnSearch: false + }) + .when('/cms/app/edit/:id/contributions/', { + templateUrl: '/views/contributions.html', + controller: 'ContributionsCtrl' + }) + .when('/cms/app/edit/:id/:contentType?', { + templateUrl: '/views/contentedit.html', + controller: 'ContenteditCtrl', + reloadOnSearch: false + }) + .when('/cms/app/targeting/', { + templateUrl: '/views/targeting-editor.html', + controller: 'TargetingCtrl' + }) + .when('/cms/app/cms-notifications/', { + templateUrl: '/views/cms-notifications.html', + controller: 'CmsNotificationsCtrl' + }) + .when('/cms/app/reporting/', { + templateUrl: '/views/reporting.html', + controller: 'ReportingCtrl' + }) + .when('/cms/app/pzones/', { + templateUrl: '/views/pzones.html', + controller: 'PzoneCtrl' + }) + .otherwise({ + redirectTo: '/cms/app/list/' + }); + + $sceProvider.enabled(false); +}) +.config(function ($provide, $httpProvider) { + $provide.decorator('$exceptionHandler', function ($delegate) { + return function (exception, cause) { + $delegate(exception, cause); + window.Raven.captureException(exception); + }; + }); + + $httpProvider.interceptors.push('BugReportInterceptor'); + $httpProvider.interceptors.push('PermissionsInterceptor'); + $httpProvider.interceptors.push('BadRequestInterceptor'); + $httpProvider.interceptors.push('TunicInterceptor'); +}) +.run(function ($rootScope, $http, $cookies) { + // set the CSRF token here + $http.defaults.headers.common['X-CSRFToken'] = $cookies.csrftoken; + var deleteHeaders = $http.defaults.headers.delete || {}; + deleteHeaders['X-CSRFToken'] = $cookies.csrftoken; + $http.defaults.headers.delete = deleteHeaders; +}); + +angular.module('bulbs.api', ['restangular', 'moment']); + +'use strict'; + +angular.module('bulbs.api') + .factory('AuthorService', function (Restangular) { + Restangular.setBaseUrl('/cms/api/v1/'); + Restangular.setRequestSuffix('/'); + Restangular.extendModel('author', function (obj) { + return angular.extend(obj, { + getFullName: function () { + return obj.first_name + ' ' + obj.last_name; + } + }); + }); + return Restangular.all('author'); + }); + +'use strict'; + +angular.module('bulbs.api') + .factory('ContentService', function (Restangular) { + Restangular.setBaseUrl('/cms/api/v1/'); + Restangular.setRequestSuffix('/'); + + Restangular.extendModel('content', function (obj) { + + var extendAuthor = function (author) { + return angular.extend(author, { + getFullName: function () { + return obj.contributor.first_name + ' ' + obj.contributor.last_name; + } + }); + }; + + for (var i in obj.authors) { + obj.authors[i] = extendAuthor(obj.authors[i]); + } + return obj; + }); + + Restangular.extendModel('contributions', function (obj) { + if (obj && obj.contributor) { + obj.contributor = angular.extend(obj.contributor, { + getFullName: function () { + return obj.contributor.first_name + ' ' + obj.contributor.last_name; + } + }); + } + return obj; + }); + + Restangular.extendCollection('contributions', function (collection) { + collection.save = function (data) { + return collection.post(data).then(function (contributions) { + return Restangular.restangularizeCollection('contributions', contributions); + }); + }; + return collection; + }); + + return Restangular.service('content'); + }); + +'use strict'; + +angular.module('bulbs.api') + .factory('ContributionRoleService', function (Restangular) { + return Restangular.withConfig(function (RestangularConfigurer) { + RestangularConfigurer.setBaseUrl('/cms/api/v1/contributions/'); + RestangularConfigurer.setRequestSuffix('/'); + }).service('role'); + }) + .factory('ContentReportingService', function (Restangular) { + return Restangular.withConfig(function (RestangularConfigurer) { + RestangularConfigurer.setBaseUrl('/cms/api/v1/contributions/'); + RestangularConfigurer.setRequestSuffix('/'); + }).service('contentreporting'); + }) + .factory('FreelancePayReportingService', function(Restangular, moment) { + return Restangular.withConfig(function (RestangularConfigurer) { + RestangularConfigurer.setBaseUrl('/cms/api/v1/contributions/'); + RestangularConfigurer.setRequestSuffix('/'); + }).service('freelancereporting'); + }) + .factory('ContributionReportingService', function (Restangular, moment) { + + Restangular.extendModel('reporting', function (obj) { + obj.user = angular.extend(obj.user, { + toString: function () { + return obj.user.full_name || obj.user.username; + } + }); + + obj.content = angular.extend(obj.content, { + toString: function () { + return obj.content.title + ' (' + moment(obj.content.published).format('MM/DD/YYYY h:mm a') + ')'; + }, + }); + return obj; + }); + + return Restangular.withConfig(function (RestangularConfigurer) { + RestangularConfigurer.setBaseUrl('/cms/api/v1/contributions/'); + RestangularConfigurer.setRequestSuffix('/'); + }).service('reporting'); + }); + +'use strict'; +(function () { + angular.module('BettyCropper', [ + 'bulbs.cms.site.config', + 'restangular', + 'jquery' + ]) + .factory('Selection', SelectionFactory) + .factory('BettyImage', BettyImageFactory) + .service('BettyCropper', BettyCropperService); + + function BettyCropperService($http, $interpolate, $q, CmsConfig, BettyImage, $) { + var fileInputId = '#bulbs-cms-hidden-image-file-input'; + var inputTemplate = ''; + + this.upload = upload; + this.get = get; + this.detail = get; + this.detailPatch = detailPatch; + this.updateSelection = updateSelection; + + function upload() { + var uploadImageDeferred = $q.defer(); + + angular.element(fileInputId).remove(); + var fileInput = angular.element(inputTemplate); + angular.element('body').append(fileInput); + + fileInput.click(); + + fileInput.unbind('change'); + fileInput.bind('change', function (e) { + if (e.target.files.length !== 1) { + uploadImageDeferred.reject('We need exactly one image!'); + } + var file = e.target.files[0]; + if (file.type.indexOf('image/') !== 0) { + uploadImageDeferred.reject('Not an image!'); + } + + if (file.size > 10 * 1024 * 1024) { // MAGIC! + uploadImageDeferred.reject('The file is too large!'); + } + + var imageData = new FormData(); + imageData.append('image', file); + + $http({ + method: 'POST', + url: CmsConfig.buildImageApiUrl('api/new'), + headers: { + 'X-Betty-Api-Key': CmsConfig.getImageApiKey(), + 'Content-Type': undefined, + 'X-CSRFToken': undefined + }, + data: imageData, + transformRequest: angular.identity, + transformResponse: function (data, headersGetter) { + // So, sometimes the browser doesn't think that JSON data is JSON. + if (typeof data === 'string') { + data = $.parseJSON(data); + } + var image = new BettyImage(data); + return image; + } + }).success(function (success) { + uploadImageDeferred.resolve(success); + }).error(function (error) { + uploadImageDeferred.reject(error); + }); + + }); + + return uploadImageDeferred.promise; + } + + function get(id) { + return $http({ + method: 'GET', + url: CmsConfig.buildImageApiUrl('api/' + id), + headers: { + 'X-Betty-Api-Key': CmsConfig.getImageApiKey(), + 'Content-Type': undefined, + 'X-CSRFToken': undefined + }, + transformRequest: angular.identity, + transformResponse: function (data, headersGetter) { + if (typeof data === 'string') { + data = $.parseJSON(data); + } + return new BettyImage(data); + } + }); + } + + function detailPatch(id, name, credit, selections) { + return $http({ + method: 'PATCH', + url: CmsConfig.buildImageApiUrl('api/' + id), + headers: { + 'X-Betty-Api-Key': CmsConfig.getImageApiKey(), + 'Content-Type': undefined, + 'X-CSRFToken': undefined + }, + data: { + name: name, + credit: credit, + selections: selections + }, + transformRequest: angular.identity, + transformResponse: function (data, headersGetter) { + if (typeof data === 'string') { + data = $.parseJSON(data); + } + return new BettyImage(data); + } + }); + } + + function updateSelection(id, ratio, selections) { + return $http({ + method: 'POST', + url: CmsConfig.buildImageApiUrl('api/' + id + '/' + ratio), + headers: { + 'X-Betty-Api-Key': CmsConfig.getImageApiKey(), + 'Content-Type': undefined, + 'X-CSRFToken': undefined + }, + data: selections + }); + } + } + + function BettyImageFactory($interpolate, $http, CmsConfig, Selection, $) { + function BettyImage(data) { + this.id = data.id; + this.name = data.name; + this.width = data.width; + this.height = data.height; + this.selections = {}; + for (var ratio in data.selections) { + this.selections[ratio] = new Selection(data.selections[ratio]); + } + } + + BettyImage.prototype.scaleToFit = function (width, height) { + var scale; + if (width && height) { + var fitRatio = width / height; + var thisRatio = this.width / this.height; + if (fitRatio > thisRatio) { + scale = height / this.height; + } else { + scale = width / this.width; + } + } else { + if (width) { + scale = width / this.width; + } + if (height) { + scale = height / this.height; + } + } + var scaled = { + width: Math.round(this.width * scale), + height: Math.round(this.height * scale), + scale: scale + }; + return scaled; + }; + + BettyImage.prototype.getStyles = function (width, height, ratio) { + if (height === 0) { + height = null; + } + + var selection = this.selections[ratio]; + var scaledSelection = selection.scaleToFit(width, height); + + return { + 'background-image': 'url(' + this.url('original', 1200, 'jpg') + ')', + 'background-size': Math.floor(scaledSelection.width() / selection.width() * this.width) + 'px', + 'background-position': '-' + scaledSelection.x0 + 'px -' + scaledSelection.y0 + 'px', + 'height': scaledSelection.height() + 'px', + 'width': scaledSelection.width() + 'px', + 'background-repeat': 'no-repeat', + 'position': 'relative' + }; + }; + + BettyImage.prototype.url = function (ratio, width, format) { + var exp = $interpolate( + '{{ base_url }}/{{ id }}/{{ ratio }}/{{ width }}.{{ format }}' + ); + var idStr = this.id.toString(); + var segmentedId = ''; + for (var i = 0; i < idStr.length; i++) { + if (i % 4 === 0 && i !== 0) { + segmentedId += '/'; + } + segmentedId += idStr.substr(i, 1); + } + return exp({ + base_url: CmsConfig.buildImageApiUrl(), + id: segmentedId, + ratio: ratio, + width: width, + format: format + }); + }; + + BettyImage.prototype.updateSelection = function (ratio, selection) { + var data = { + x0: selection.x0, + x1: selection.x1, + y0: selection.y0, + y1: selection.y1 + }; + if (selection.source) { + data.source = selection.source; + } + return $http({ + method: 'POST', + url: CmsConfig.buildImageApiUrl('api/' + this.id + '/' + ratio), + headers: { + 'X-Betty-Api-Key': CmsConfig.getImageApiKey(), + 'Content-Type': undefined, + 'X-CSRFToken': undefined + }, + data: data, + transformResponse: function (data, headersGetter) { + if (typeof data === 'string') { + data = $.parseJSON(data); + } + return [ratio, new Selection(data.selections[ratio])]; + } + }); + }; + + return BettyImage; + } + + function SelectionFactory() { + function Selection(data) { + this.x0 = data.x0; + this.x1 = data.x1; + this.y0 = data.y0; + this.y1 = data.y1; + this.source = data.source; + } + + Selection.prototype.width = function () { + return this.x1 - this.x0; + }; + + Selection.prototype.height = function () { + return this.y1 - this.y0; + }; + + Selection.prototype.scaleBy = function (scale) { + var scaledToFit = new Selection({ + x0: Math.round(this.x0 * scale), + x1: Math.round(this.x1 * scale), + y0: Math.round(this.y0 * scale), + y1: Math.round(this.y1 * scale) + }); + return scaledToFit; + }; + + Selection.prototype.scaleToFit = function (width, height) { + + var scale; + if (width && height) { + var fitRatio = width / height; + var thisRatio = this.width() / this.height(); + if (fitRatio > thisRatio) { + scale = height / this.height(); + } else { + scale = width / this.width(); + } + } else { + if (width) { + scale = width / this.width(); + } + if (height) { + scale = height / this.height(); + } + } + return this.scaleBy(scale); + }; + + return Selection; + } +})(); + +'use strict'; + +/** + * Autocomplete directive that should cover most autocomplete situations. + */ +angular.module('autocompleteBasic', [ + 'bulbs.cms.site.config', + 'BulbsAutocomplete', + 'BulbsAutocomplete.suggest', + 'lodash' +]) + .value('AUTOCOMPLETE_BASIC_DEBOUNCE', 200) + .directive('autocompleteBasic', [ + '_', 'CmsConfig', + function (_, CmsConfig) { + return { + controller: [ + '$scope', 'BULBS_AUTOCOMPLETE_EVENT_KEYPRESS', + 'AUTOCOMPLETE_BASIC_DEBOUNCE', + function ($scope, BULBS_AUTOCOMPLETE_EVENT_KEYPRESS, + AUTOCOMPLETE_BASIC_DEBOUNCE) { + + $scope.writables = { + searchTerm: '' + }; + + $scope.autocompleteItems = []; + + var $getItems = function () { + return $scope.searchFunction($scope.writables.searchTerm) + .then(function (data) { + return _.map(data, function (item) { + return { + name: $scope.displayFormatter(item), + value: item + }; + }); + }); + }; + + $scope.updateAutocomplete = _.debounce(function () { + if ($scope.writables.searchTerm) { + $getItems().then(function (results) { + $scope.autocompleteItems = results; + }); + } + }, AUTOCOMPLETE_BASIC_DEBOUNCE); + + $scope.delayClearAutocomplete = function () { + _.delay(function () { + $scope.clearAutocomplete(); + $scope.$digest(); + }, 200); + }; + + $scope.clearAutocomplete = function () { + $scope.writables.searchTerm = ''; + $scope.autocompleteItems = []; + }; + + $scope.clearSelectionOverlay = function () { + $scope.clearAutocomplete(); + $scope.showSelectionOverlay = false; + $scope.updateNgModel(); + $scope.onSelect({}); + }; + + $scope.handleKeypress = function ($event) { + if ($event.keyCode === 27) { + // esc, close dropdown + $scope.clearAutocomplete(); + } else if ($event.keyCode === 40 && _.isEmpty($scope.autocompleteItems)) { + // down key and no items in autocomplete, redo search + $scope.updateAutocomplete(); + } else { + $scope.$broadcast(BULBS_AUTOCOMPLETE_EVENT_KEYPRESS, $event); + } + }; + + $scope.handleSelect = function (selection) { + if (selection && $scope.updateNgModel) { + $scope.updateNgModel(selection); + $scope.showSelectionOverlay = true; + } + + $scope.clearAutocomplete(); + $scope.onSelect({selection: selection}); + }; + } + ], + link: function (scope, iElement, iAttrs, ngModelCtrl) { + var defaultFormatter = function (context) { + return context.item; + }; + + scope.valueFormatter = function (viewValue) { + return (scope.itemValueFormatter || defaultFormatter)({ item: viewValue }); + }; + + scope.displayFormatter = function (modelValue) { + return (scope.itemDisplayFormatter || defaultFormatter)({ item: modelValue }); + }; + + if (ngModelCtrl) { + + ngModelCtrl.$formatters.push(function (modelValue) { + return scope.displayFormatter(modelValue); + }); + + ngModelCtrl.$render = function () { + scope.selectedValue = ngModelCtrl.$viewValue; + }; + + ngModelCtrl.$parsers.push(function (viewValue) { + return scope.valueFormatter(viewValue); + }); + + var unbindInitialValue = scope.$watch('initialValue', function () { + scope.selectedValue = scope.initialValue; + }); + + scope.updateNgModel = function (selection) { + unbindInitialValue(); + var newValue = _.isUndefined(selection) ? null : angular.copy(selection.value); + ngModelCtrl.$setViewValue(angular.copy(newValue)); + scope.selectedValue = scope.displayFormatter(newValue); + }; + } + }, + require: '?ngModel', // optionally provide ng-model to have bind with an actual property + restrict: 'E', + scope: { + hideSearchIcon: '&', // true to hide search icon inside autocomplete + inputId: '@', // id to give input, useful if input has a label + inputPlaceholder: '@', // placeholder for input + initialValue: '=', // initial representation of selected value + itemDisplayFormatter: '&', // formatter to transform the display name of result + itemValueFormatter: '&', // formatter to transform the value of the result + onSelect: '&', // selection callback, recieves selection as argument + searchFunction: '=', // function to use for searching autocomplete results + ngDisabled: '&' + }, + templateUrl: CmsConfig.buildComponentPath('autocomplete-basic/autocomplete-basic.html') + }; + } + ]); + +'use strict'; + +angular.module('bettyEditable', [ + 'BettyCropper', + 'bulbs.cms.imageCropModal', + 'bulbs.cms.site.config', + 'ui.bootstrap.modal' +]) + .directive('bettyEditable',[ + '$http', 'CmsConfig', 'BettyCropper', 'openImageCropModal', + function ($http, CmsConfig, BettyCropper, openImageCropModal) { + return { + restrict: 'E', + templateUrl: CmsConfig.buildComponentPath('betty-editable/betty-editable.html'), + scope: { + addStyles: '@', + editable: '=?', + hideMetas: '=', + image: '=', + placeholderText: '@', + ratio: '@', + onChange: '&' + }, + controller: function ($scope, $element) { + $scope.editable = angular.isDefined($scope.editable) ? $scope.editable : true; + $scope.upload = function (e) { + BettyCropper.upload().then( + function (success) { + $scope.image = { + id: success.id, + caption: null, + alt: null + }; + $scope.bettyImage = success; + }, + function (error) { + console.log(error); + }, + function (progress) { + console.log(progress); + } + ); + }; + + $scope.edit = function (e) { + openImageCropModal($scope.image).then(function (image) { + if (image.id === null) { + $scope.image = null; + } else { + $scope.image = image; + BettyCropper.get($scope.image.id).then(function (response) { + $scope.bettyImage = response.data; + $scope.setStyles(); + }); + } + }); + }; + }, + + link: function (scope, element, attrs) { + + if (scope.bettyImage === undefined) { + scope.bettyImage = null; + } + + scope.setStyles = function () { + if (scope.bettyImage) { + scope.imageStyling = scope.bettyImage.getStyles(element.parent().width(), null, scope.ratio); + } else { + var ratioWidth = parseInt(scope.ratio.split('x')[0], 10); + var ratioHeight = parseInt(scope.ratio.split('x')[1], 10); + scope.imageStyling = { + 'background-color': '#333', + 'position': 'relative', + 'width': element.parent().width(), + 'height': Math.floor(element.parent().width() * ratioHeight / ratioWidth) + 'px', + }; + } + }; + + scope.$watch('image', function (newImage, oldImage) { + if (newImage && newImage.id) { + BettyCropper.get(newImage.id).then(function (response) { + scope.bettyImage = response.data; + if (!oldImage || parseInt(response.data.id, 10) !== oldImage.id) { + scope.onChange(); + } + }); + } else if (!angular.equals(newImage, oldImage)) { + // image cleared out + scope.onChange(); + } + }); + + scope.$watch('bettyImage', function (newImage, oldImage) { + scope.setStyles(); + }, true); + + element.resize(scope.setStyles); + + scope.removeImage = function () { + scope.image = null; + }; + + scope.editImage = function () { + openImageCropModal(scope.image) + .then(function (success) { + console.log(success); + }); + }; + + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.breadcrumb', [ + 'bulbs.cms.site.config', + 'bulbs.cms.superFeatures.api' +]) + .directive('breadcrumb', [ + '$sce', 'CmsConfig', + function ($sce, CmsConfig) { + return { + scope: { + linksList: '=' + }, + link: function (scope, element, attrs) { + scope.renderValue = function (value) { + return $sce.trustAsHtml(angular.isFunction(value) ? value() : value); + }; + }, + templateUrl: CmsConfig.buildComponentPath( + 'breadcrumb', + 'breadcrumb.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bugReporter', [ + 'bulbs.cms.config' +]) + .directive('bugReporter', [ + '$http', '$window', 'CmsConfig', + function ($http, $window, CmsConfig) { + return { + restrict: 'E', + templateUrl: CmsConfig.buildComponentPath('bug-reporter/bug-reporter-button.html'), + scope: {}, + controller: function ($scope, $element, $timeout) { + $scope.report = {}; + $scope.reportButton = { + idle: 'Submit', + busy: 'Sending', + finished: 'Sent!', + error: 'Error!' + }; + + $scope.modalVisible = false; + $scope.showThankYou = false; + + $scope.showModal = function () { + $scope.modalVisible = true; + }; + + $scope.dismissModal = function () { + $scope.modalVisible = false; + $scope.showThankYou = false; + }; + + $scope.sendToWebtech = function () { + var report = + 'When I tried to:\n\n' + $scope.report.firstRes + '\n\n' + + 'I thought this would happen:\n\n' + $scope.report.secondRes + '\n\n' + + '...but this happened instead:\n\n' + $scope.report.thirdRes + ; + var data = { + report: report, + url: $window.location.href, + user_agent: $window.navigator.userAgent + }; + return $http.post('/cms/api/v1/report-bug/', data); + }; + + $scope.sendToWebtechCbk = function (promise) { + promise + .then(function () { + $scope.showThankYou = true; + $timeout(function () { + $scope.dismissModal(); + for (var entry in $scope.report) { + $scope.report[entry] = ''; + } + }, 5000); + }); + }; + + /* + Exposing this globally for PNotify. + Will revisit when we review how to + report bugs on the CMS. + */ + $window.showBugReportModal = function () { + $scope.$apply($scope.showModal()); + }; + + }, + link: function (scope, element) { + + } + }; + } + ]); + +'use strict'; + +angular.module('campaignAutocomplete', [ + 'autocompleteBasic', + 'bulbs.cms.site.config', + 'cms.tunic.config', + 'lodash', + 'uuid4' +]) + .directive('campaignAutocomplete', [ + '$http', 'CmsConfig', 'TunicConfig', 'uuid4', '_', + function ($http, CmsConfig, TunicConfig, uuid4, _) { + return { + controller: [ + '$scope', + function ($scope) { + + $scope.itemDisplayFormatter = function (campaign) { + if (_.isObject(campaign)) { + return campaign.name + ' - ' + campaign.id; + } + }; + + $scope.itemValueFormatter = function (campaign) { + return _.isObject(campaign) ? campaign.id : null; + }; + + $scope.searchCampaigns = function (searchTerm) { + return $http + .get(TunicConfig.buildBackendApiUrl('campaign/'), { + params: { search: searchTerm } + }) + .then(function (response) { + return response.data.results; + }); + }; + } + ], + link: function (scope, iElement, iAttrs, ngModelCtrl) { + scope.uuid = uuid4.generate(); + + if (ngModelCtrl) { + + scope.ngModel = ngModelCtrl; + + ngModelCtrl.$render = function () { + if (_.isNumber(ngModelCtrl.$modelValue) && !scope.initialValue) { + $http + .get(TunicConfig.buildBackendApiUrl('campaign/' + ngModelCtrl.$modelValue + '/')) + .then(function (result) { + scope.initialValue = scope.itemDisplayFormatter(result.data); + }); + } + }; + + scope.onSelect = function (selection) { + ngModelCtrl.$commitViewValue(); + }; + } + }, + restrict: 'E', + templateUrl: CmsConfig.buildComponentPath('campaign-autocomplete/campaign-autocomplete.html'), + require: 'ngModel', + scope: { + label: '@campaignAutocompleteLabel', // label for the autocomplete imput + onSelect: '&campaignAutocompleteOnSelect' // selection handler for auto completions + } + }; + } + ]); + +'use strict'; + +angular.module('campaigns.edit.directive', [ + 'apiServices.campaign.factory', + 'BettyCropper', + 'bulbs.cms.site.config', + 'campaigns.edit.sponsorPixel', + 'lodash', + 'saveButton.directive', + 'topBar' +]) + .directive('campaignsEdit', function (CmsConfig) { + return { + controller: function (_, $location, $q, $routeParams, $scope, Campaign) { + + // populate model for use + if ($routeParams.id === 'new') { + $scope.model = Campaign.$build(); + $scope.isNew = true; + } else { + $scope.model = Campaign.$find($routeParams.id); + } + + window.onbeforeunload = function (e) { + if (!_.isEmpty($scope.model.$dirty()) || $scope.isNew || $scope.needsSave) { + // unsaved changes, show confirmation alert + return 'You have unsaved changes.'; + } + }; + + $scope.$on('$destroy', function() { + // ensure even is cleaned up when we leave + delete window.onbeforeunload; + }); + + $scope.addPixel = function () { + var pixel = { + url: '', + campaign_type: '' + }; + $scope.model.pixels.push(pixel); + }; + + $scope.deletePixel = function (pixel) { + $scope.model.pixels = _.without($scope.model.pixels, pixel); + }; + + // set up save state function + $scope.saveModel = function () { + var promise; + + if ($scope.model) { + // have model, use save promise as deferred + promise = $scope.model.$save().$asPromise().then(function (data) { + $location.path('/cms/app/campaigns/edit/' + data.id + '/'); + }); + } else { + // no model, this is an error, defer and reject + var deferred = $q.defer(); + deferred.reject(); + promise = deferred.promise; + } + + return promise; + }; + }, + restrict: 'E', + scope: { + getModelId: '&modelId' + }, + templateUrl: CmsConfig.buildComponentPath('campaigns/campaigns-edit/campaigns-edit.html'), + }; + }); + +'use strict'; + +angular.module('campaigns.edit.sponsorPixel.directive', [ + 'bulbs.cms.config' +]) + .constant('PIXEL_TYPES', [{ + name: 'Listing', + value: 'Listing' + }, { + name: 'Detail', + value: 'Detail' + }]) + .directive('campaignsEditSponsorPixel', function (CmsConfig) { + return { + controller: function($scope, PIXEL_TYPES) { + $scope.PIXEL_TYPES = PIXEL_TYPES; + }, + restrict: 'E', + scope: { + model: '=' + }, + templateUrl: CmsConfig.buildComponentPath('campaigns/campaigns-edit/campaigns-edit-sponsor-pixel/campaigns-edit-sponsor-pixel.html') + }; + }); + +'use strict'; + +angular.module('campaigns.edit.sponsorPixel', [ + 'campaigns.edit.sponsorPixel.directive' +]); + +'use strict'; + +angular.module('campaigns.edit', [ + 'bulbs.cms.site.config', + 'campaigns.edit.directive' +]) + .config(function ($routeProvider) { + $routeProvider + .when('/cms/app/campaigns/edit/:id/', { + controller: function ($routeParams, $scope, $window, CmsConfig) { + $window.document.title = CmsConfig.getCmsName() + ' | Edit Campaign'; + $scope.routeId = $routeParams.id; + }, + template: '', + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('campaigns.list', [ + 'apiServices.campaign.factory', + 'bulbs.cms.site.config', + 'listPage', + 'moment' +]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/campaigns/', { + controller: function ($scope, $window, Campaign) { + $window.document.title = CmsConfig.getCmsName() + ' | Campaign'; + $scope.modelFactory = Campaign; + }, + templateUrl: CmsConfig.buildComponentPath('campaigns/campaigns-list/campaigns-list-page.html') + }); + }); + +'use strict'; + +angular.module('campaigns', [ + 'campaigns.edit', + 'campaigns.list' +]); + +'use strict'; + +angular.module('confirmationModal', [ + 'confirmationModal.factory', + 'ui.bootstrap' +]) + .directive('confirmationModalOpener', function (ConfirmationModal) { + return { + restrict: 'A', + scope: { + modalBody: '@', + modalCancelText: '@', + modalOkText: '@', + modalOnCancel: '&', + modalOnOk: '&', + modalTitle: '@' + }, + link: function (scope, element) { + var modalInstance = null; + element.addClass('confirmation-modal-opener'); + element.on('click', function () { + modalInstance = new ConfirmationModal(scope); + }); + } + }; + }); + +'use strict'; + +angular.module('confirmationModal.factory', [ + 'bulbs.cms.site.config', + 'ui.bootstrap.modal' +]) + .factory('ConfirmationModal', function ($modal, CmsConfig) { + + var ConfirmationModal = function (scope) { + return (function (scope) { + $modal + .open({ + controller: function ($scope, $modalInstance) { + $scope.confirm = function () { + $scope.$close(); + $scope.modalOnOk(); + }; + + $scope.cancel = function () { + $scope.$dismiss(); + $scope.modalOnCancel(); + }; + }, + scope: scope, + templateUrl: CmsConfig.buildComponentPath('confirmation-modal/confirmation-modal.html') + }); + })(scope); + }; + + return ConfirmationModal; + }); + +'use strict'; + +angular.module('bulbs.cms.contentSearch', [ + 'autocompleteBasic', + 'bulbs.cms.site.config', + 'contentServices.factory', + 'lodash' +]) + .directive('contentSearch', [ + '_', 'CmsConfig', 'ContentFactory', + function (_, CmsConfig, ContentFactory) { + + return { + link: function (scope, element, attrs, ngModelCtrl) { + + scope.itemDisplayFormatter = function (content) { + if (_.isObject(content)) { + return content.title + ' - ' + content.id; + } + }; + + scope.itemValueFormatter = function (content) { + // relatively heavy handed transformation to an id, will have to + // reconsider this if another usage for this search comes up where + // we need to return the entire content piece. + return _.isObject(content) ? content.id : null; + }; + + scope.searchContent = function (searchTerm) { + return ContentFactory.all('content') + .getList({ search: searchTerm }); + }; + + if (ngModelCtrl) { + + scope.ngModel = ngModelCtrl; + + ngModelCtrl.$render = function () { + if (_.isNumber(ngModelCtrl.$modelValue) && !scope.initialValue) { + ContentFactory.one('content', ngModelCtrl.$modelValue).get() + .then(function (content) { + scope.initialValue = scope.itemDisplayFormatter(content); + }); + } + }; + + scope.autocompleteOnSelect = function () { + ngModelCtrl.$commitViewValue(); + }; + } else { + scope.autocompleteOnSelect = function (selection) { + scope.onSelect({ selection: scope.itemValueFormatter(selection.value) }); + }; + } + }, + require: '?ngModel', + restrict: 'E', + scope: { + inputId: '@', + onSelect: '&', + ngDisabled: '&' + }, + templateUrl: CmsConfig.buildComponentPath( + 'content-search', + 'content-search.html' + ) + }; + } + ]); + + +'use strict'; + +angular.module('bulbs.cms.currentUser.api', [ + 'bulbs.cms.site.config', + 'lodash' +]) + .service('CurrentUserApi', [ + '_', '$http', '$q', 'CmsConfig', + function (_, $http, $q, CmsConfig) { + + var currentUser; + var pendingGetCurrentUserRequest; + + var parsePayload = function (payload) { + var data = _.cloneDeep(payload); + + data.displayName = + data.first_name && data.last_name ? + (data.first_name + ' ' + data.last_name) : + (data.email || data.username); + + return data; + }; + + var getCurrentUser = function () { + if (!pendingGetCurrentUserRequest) { + pendingGetCurrentUserRequest = $http.get(CmsConfig.buildApiUrlRoot('me/')) + .then(function (response) { + currentUser = parsePayload(response.data); + return currentUser; + }) + .finally(function () { + pendingGetCurrentUserRequest = null; + }); + } + + return pendingGetCurrentUserRequest; + }; + + return { + getCurrentUserWithCache: function () { + if (currentUser) { + return $q.when(currentUser); + } + return getCurrentUser(); + }, + logout: function () { + return $http.get(CmsConfig.buildApiUrlRoot('me', 'logout/')) + .then(function () { + currentUser = null; + }); + } + }; + }] + ); + +'use strict'; + +angular.module('bulbs.cms.currentUser', [ + 'bulbs.cms.currentUser.api', + 'bulbs.cms.user.nameDisplayFilter' +]); + +'use strict'; + +angular.module('bulbs.cms.user.nameDisplayFilter', []) + .filter('userNameDisplay', [ + function () { + + return function (user) { + if (!user) { return ''; } + if (user.full_name) { + return user.full_name; + } else if (user.first_name && user.last_name) { + return user.first_name + ' ' + user.last_name; + } else { + return user.username; + } + }; + }] + ); + +'use strict'; + +angular.module('bulbs.cms.customSearch.config', [ + 'lodash' +]) + .provider('CustomSearchConfig', [ + '_', + function (_) { + + var CustomSearchConfigError = BulbsCmsConfigError.build('CustomSearchConfig'); + var checkOrError = function (value, test, errorMsg) { + if (test(value)) { + return value; + } + throw new CustomSearchConfigError(errorMsg); + }; + + // condition fields to display + var conditionFieldMappings = []; + // condition types to display + var conditionTypes = []; + // time periods to display + var timePeriodMappings = []; + // maximum number of milliseconds to wait for a request to complete + var requestCapMs = 150; + + this.addConditionField = function (name, endpoint, + valueStructureName, valueStructureValue) { + + conditionFieldMappings.push({ + name: checkOrError( + name, _.isString, + 'condition field name must be a string!' + ), + endpoint: checkOrError( + endpoint, _.isString, + 'condition field endpoint must be a string!' + ), + value_structure: { + name: checkOrError( + valueStructureName, _.isString, + 'condition field value structure name must be a string!' + ), + value: checkOrError( + valueStructureValue, _.isString, + 'condition field value structure value must be a string!' + ) + } + }); + return this; + }; + + this.addConditionType = function (name, value) { + conditionTypes.push({ + name: checkOrError( + name, _.isString, + 'condition type name must be a string!' + ), + value: checkOrError( + value, _.isString, + 'condition type value must be a string!' + ) + }); + return this; + }; + + this.addTimePeriod = function (name, value) { + timePeriodMappings.push({ + name: checkOrError( + name, _.isString, + 'time period name must be a string!' + ), + value: checkOrError( + value, _.isString, + 'time period value must be a string!' + ) + }); + return this; + }; + + this.setRequestCapMs = function (value) { + requestCapMs = checkOrError( + value, _.isNumber, + 'request cap milliseconds must be a number!' + ); + return this; + }; + + this.$get = [ + function () { + return { + getConditionFields: _.constant(conditionFieldMappings), + getConditionTypes: _.constant(conditionTypes), + getRequestCapMs: _.constant(requestCapMs), + getTimePeriods: _.constant(timePeriodMappings) + }; + } + ]; + } + ]); + +'use strict'; + +angular.module('customSearch.contentItem.directive', [ + 'bulbs.cms.site.config' +]) + .directive('customSearchContentItem', function (CmsConfig) { + return { + restrict: 'E', + scope: { + model: '=', + controllerService: '=', + onUpdate: '&' + }, + templateUrl: CmsConfig.buildComponentPath('custom-search/custom-search-content-item/custom-search-content-item.html') + }; + }); + +'use strict'; + +angular.module('customSearch.contentItem', [ + 'customSearch.contentItem.directive' +]); + +'use strict'; + +angular.module('customSearch.directive', [ + 'bulbs.cms.contentSearch', + 'bulbs.cms.site.config', + 'customSearch.contentItem', + 'customSearch.group', + 'customSearch.service' +]) + .directive('customSearch', function (CmsConfig) { + return { + controller: function (_, $scope, CustomSearchService) { + + $scope.customSearchService = new CustomSearchService(); + + $scope.resetFilters = function () { + $scope.customSearchService.setPage(1); + $scope.customSearchService.setQuery(''); + $scope.addedFilterOn = false; + $scope.removedFilterOn = false; + }; + + $scope.$conditionalContentRetrieve = function () { + if ($scope.addedFilterOn) { + // included filter is on, use retrieval by included + $scope.customSearchService.$filterContentByIncluded(); + } else if ($scope.removedFilterOn) { + // excluded filter is on, use retrieval by excluded + $scope.customSearchService.$filterContentByExcluded(); + } else { + // no query entered, any request should go to page one + $scope.customSearchService.$retrieveContent(); + } + }; + + $scope.$contentRetrieve = function () { + $scope.customSearchService.$retrieveContent(); + $scope.onUpdate(); + }; + }, + link: function(scope, iElement, iAttrs, ngModelCtrl) { + + ngModelCtrl.$formatters.push(function (modelValue) { + scope.customSearchService.data(modelValue); + scope.customSearchService.$retrieveContent(); + }); + + }, + require: 'ngModel', + restrict: 'E', + scope: { + onUpdate: '&' + }, + templateUrl: CmsConfig.buildComponentPath('custom-search/custom-search.html') + }; + }); + +'use strict'; + +angular.module('customSearch.group.condition.directive', [ + 'bulbs.cms.site.config', + 'BulbsAutocomplete.suggest', + 'BulbsAutocomplete', + 'contentServices.factory' +]) + .directive('customSearchGroupCondition', function (CmsConfig) { + return { + controller: function (_, $q, $scope, BULBS_AUTOCOMPLETE_EVENT_KEYPRESS, + ContentFactory, CustomSearchConfig) { + + $scope.conditionTypes = CustomSearchConfig.getConditionTypes(); + $scope.fieldTypes = CustomSearchConfig.getConditionFields(); + + $scope.writables = { + searchTerm: '' + }; + + $scope.autocompleteItems = []; + + $scope.data = $scope.controllerService.groupsConditionsGet($scope.groupIndex, $scope.conditionIndex); + + var $getItems = function () { + return ContentFactory.all($scope.data.field) + .getList({search: $scope.writables.searchTerm}) + .then(function (items) { + var field = _.find($scope.fieldTypes, function (type) { + return type.endpoint === $scope.data.field; + }); + + return _.map(items, function (item) { + return { + name: item[field.value_structure.name], + value: item[field.value_structure.value] + }; + }); + }); + }; + + $scope.updateAutocomplete = function () { + if ($scope.writables.searchTerm) { + $getItems().then(function (results) { + $scope.autocompleteItems = results; + }); + } + }; + + $scope.delayClearAutocomplete = function () { + _.delay(function () { + $scope.clearAutocomplete(); + $scope.$digest(); + }, 200); + }; + + $scope.clearAutocomplete = function () { + $scope.writables.searchTerm = ''; + $scope.autocompleteItems = []; + }; + + $scope.handleKeypress = function ($event) { + if ($event.keyCode === 27) { + // esc, close dropdown + $scope.clearAutocomplete(); + } else { + $scope.$broadcast(BULBS_AUTOCOMPLETE_EVENT_KEYPRESS, $event); + } + }; + }, + restrict: 'E', + scope: { + controllerService: '=', + groupIndex: '=', + conditionIndex: '=', + onUpdate: '&', + remove: '&' + }, + templateUrl: CmsConfig.buildComponentPath('custom-search/custom-search-group/custom-search-group-condition/custom-search-group-condition.html') + }; + }); + +'use strict'; + +angular.module('customSearch.group.condition', [ + 'customSearch.group.condition.directive' +]); + +'use strict'; + +angular.module('customSearch.group.directive', [ + 'bulbs.cms.site.config', + 'uuid4' +]) + .directive('customSearchGroup', function (CmsConfig) { + return { + controller: function ($scope, CustomSearchConfig, uuid4) { + $scope.data = $scope.controllerService.groupsGet($scope.groupIndex); + $scope.timePeriods = CustomSearchConfig.getTimePeriods(); + $scope.uuid = uuid4.generate(); + + $scope.$update = function () { + $scope.controllerService.$groupsUpdateResultCountFor($scope.groupIndex).then(function () { + $scope.onUpdate(); + }); + }; + + $scope.controllerService.$groupsUpdateResultCountFor($scope.groupIndex); + }, + restrict: 'E', + scope: { + controllerService: '=', + groupIndex: '=', + remove: '&', + onUpdate: '&' + }, + templateUrl: CmsConfig.buildComponentPath('custom-search/custom-search-group/custom-search-group.html') + }; + }); + +'use strict'; + +angular.module('customSearch.group', [ + 'customSearch.group.directive', + 'customSearch.group.condition' +]); + +'use strict'; + +angular.module('customSearch.service', [ + 'bulbs.cms.site.config', + 'apiServices.customSearch.factory' +]) + .factory('CustomSearchService', function (_, CustomSearch, CustomSearchConfig) { + + var defaultData = { + groups: [], + includedIds: [], + excludedIds: [], + pinnedIds: [] + }; + + /** + * Create custom search service. + * + * @returns service wrapper around given endpoint. + */ + var CustomSearchService = function (data) { + + this.data(data); + + this.$page = 1; + this.$query = ''; + + this.content = {}; + }; + + CustomSearchService.prototype.data = function (data) { + + if (_.isUndefined(data)) { + this._data = defaultData; + } else { + this._data = _.defaults(data, defaultData); + } + + return this._data; + }; + + CustomSearchService.prototype._$getContent = _.debounce(function (queryData) { + var self = this; + return CustomSearch.$retrieveContent(queryData) + .then(function (data) { + self.content = data; + }); + }, CustomSearchConfig.getRequestCapMs()); + + CustomSearchService.prototype.$filterContentByIncluded = function () { + var contentQuery = { + includedIds: this._data.includedIds, + page: this.$page, + query: this.$query + }; + return this._$getContent(contentQuery); + }; + + CustomSearchService.prototype.$filterContentByExcluded = function () { + var contentQuery = { + includedIds: this._data.excludedIds, + page: this.$page, + query: this.$query + }; + return this._$getContent(contentQuery); + }; + + CustomSearchService.prototype.$retrieveContent = function () { + var contentQuery = _.assign({ + page: this.$page, + query: this.$query, + preview: true + }, this._data); + return this._$getContent(contentQuery); + }; + + CustomSearchService.prototype.$groupsUpdateResultCountFor = function (index) { + var self = this; + return (function (index) { + return CustomSearch.$retrieveGroupCount(self._data.groups[index]) + .then(function (count) { + self._data.groups[index].$result_count = count; + }); + })(index); + }; + + CustomSearchService.prototype.groupsResultCountGet = function (index) { + return this._data.groups[index].$result_count || 0; + }; + + CustomSearchService.prototype.groupsList = function () { + return this._data.groups; + }; + + CustomSearchService.prototype.groupsAdd = function (data) { + if (_.isUndefined(data)) { + data = {}; + } + + data = _.defaults(data, { + conditions: [], + time: null, + $result_count: 0 + }); + + this._data.groups.push(data); + return data; + }; + + CustomSearchService.prototype.groupsGet = function (index) { + return this._data.groups[index]; + }; + + CustomSearchService.prototype.groupsRemove = function (index) { + return this._data.groups.splice(index, 1).length > 0; + }; + + CustomSearchService.prototype.groupsClear = function () { + this._data.groups = []; + }; + + CustomSearchService.prototype.groupsConditionsAdd = function (groupIndex, data) { + if (_.isUndefined(data)) { + data = {}; + } + + data = _.defaults(data, { + field: CustomSearchConfig.getConditionFields()[0].endpoint, + type: CustomSearchConfig.getConditionTypes()[0].value, + values: [] + }); + + this._data.groups[groupIndex].conditions.push(data); + return data; + }; + + CustomSearchService.prototype.groupsConditionsGet = function (groupIndex, conditionIndex) { + return this._data.groups[groupIndex].conditions[conditionIndex]; + }; + + CustomSearchService.prototype.groupsConditionsList = function (groupIndex) { + return this._data.groups[groupIndex].conditions; + }; + + CustomSearchService.prototype.groupsConditionsRemove = function (groupIndex, conditionIndex) { + return this._data.groups[groupIndex].conditions.splice(conditionIndex, 1).length > 0; + }; + + CustomSearchService.prototype.groupsTimePeriodSet = function (groupIndex) { + var value = CustomSearchConfig.getTimePeriods()[0].value; + this._data.groups[groupIndex].time = value; + return value; + }; + + CustomSearchService.prototype.groupsTimePeriodGet = function (groupIndex) { + return this._data.groups[groupIndex].time || null; + }; + + CustomSearchService.prototype.groupsTimePeriodRemove = function (groupIndex) { + this._data.groups[groupIndex].time = null; + }; + + CustomSearchService.prototype.groupsConditionsValuesAdd = function (groupIndex, conditionIndex, value) { + var values = this._data.groups[groupIndex].conditions[conditionIndex].values; + var matches = _.find(values, function (existingValue) { + return existingValue.name === value.name && existingValue.value === value.value; + }); + + if (!matches) { + values.push(value); + } + }; + + CustomSearchService.prototype.groupsConditionsValuesClear = function (groupIndex, conditionIndex) { + this._data.groups[groupIndex].conditions[conditionIndex].values = []; + }; + + CustomSearchService.prototype.groupsConditionsValuesList = function (groupIndex, conditionIndex) { + return this._data.groups[groupIndex].conditions[conditionIndex].values; + }; + + CustomSearchService.prototype.groupsConditionsValuesRemove = function (groupIndex, conditionIndex, valueIndex) { + return this._data.groups[groupIndex].conditions[conditionIndex].values.splice(valueIndex, 1).length > 0; + }; + + CustomSearchService.prototype.includesList = function () { + return this._data.includedIds; + }; + + CustomSearchService.prototype.includesAdd = function (id) { + // add id, ensure uniqueness + this._data.includedIds.push(id); + this._data.includedIds = _.uniq(this._data.includedIds); + + // remove from exclude list + this.excludesRemove(id); + }; + + CustomSearchService.prototype.includesRemove = function (id) { + this._data.includedIds = _.without(this._data.includedIds, id); + }; + + CustomSearchService.prototype.includesHas = function (id) { + return _.includes(this._data.includedIds, id); + }; + + CustomSearchService.prototype.excludesList = function () { + return this._data.excludedIds; + }; + + CustomSearchService.prototype.excludesAdd = function (id) { + // exclude id, ensure unqiueness + this._data.excludedIds.push(id); + this._data.excludedIds = _.uniq(this._data.excludedIds); + + // remove from include list and pinned list + this.includesRemove(id); + this.pinsRemove(id); + }; + + CustomSearchService.prototype.excludesRemove = function (id) { + this._data.excludedIds = _.without(this._data.excludedIds, id); + }; + + CustomSearchService.prototype.excludesHas = function (id) { + return _.includes(this._data.excludedIds, id); + }; + + CustomSearchService.prototype.pinsList = function () { + return this._data.pinnedIds; + }; + + CustomSearchService.prototype.pinsAdd = function (id) { + // pin id, ensure unqiueness + this._data.pinnedIds.push(id); + this._data.pinnedIds = _.uniq(this._data.pinnedIds); + + // remove from exclude list + this.excludesRemove(id); + }; + + CustomSearchService.prototype.pinsRemove = function (id) { + this._data.pinnedIds = _.without(this._data.pinnedIds, id); + }; + + CustomSearchService.prototype.pinsHas = function (id) { + return _.includes(this._data.pinnedIds, id); + }; + + CustomSearchService.prototype.getPage = function () { + return this.$page; + }; + + CustomSearchService.prototype.setPage = function (page) { + this.$page = page; + }; + + CustomSearchService.prototype.getQuery = function () { + return this.$query; + }; + + CustomSearchService.prototype.setQuery = function (query) { + this.$query = query; + }; + + return CustomSearchService; + }); + +'use strict'; + +angular.module('customSearch', [ + 'customSearch.directive' +]); + +'use strict'; + +angular.module('bulbs.cms.dateTimeFilter', [ + 'bulbs.cms.site.config', + 'lodash', + 'moment', +]) + .filter('dateTimeFormat', [ + '_', 'moment', 'CmsConfig', + function (_, moment, CmsConfig) { + function isInvalidDateValue (dateValue) { + return ( + !_.isString(dateValue) && + !_.isDate(dateValue) && + !moment.isMoment(dateValue) + ); + } + + return function (date, format) { + if (isInvalidDateValue(date)) { + return ''; + } + + if (!_.isString(format)) { + date = moment(date); + format = CmsConfig.getDateTimeFormatHumanReadable(); + } + + return moment.tz(date, CmsConfig.getTimezoneName()).format(format); + }; + }, + ]); + +'use strict'; + +angular.module('bulbs.cms.dateTimeModal.controller', [ + 'bulbs.cms.site.config', + 'moment', + 'ui.bootstrap.modal', +]) + .controller('DatetimeSelectionModalCtrl', [ + '$scope', '$modalInstance', 'CmsConfig', 'moment', + function ($scope, $modalInstance, CmsConfig, moment) { + $scope.nowInTimezone = function () { + return $scope.dateInTimezone(moment()); + }; + + $scope.dateInTimezone = function (date) { + return date.clone().tz(CmsConfig.getTimezoneName()); + }; + + $scope.TIMEZONE_LABEL = moment.tz(CmsConfig.getTimezoneName()).format('z'); + $scope.dateTime = $scope.modDatetime ? $scope.dateInTimezone($scope.modDatetime) : $scope.nowInTimezone(); + $scope.time = $scope.dateTime.toDate(); + $scope.date = $scope.dateTime.clone(); + + $scope.$watch('time', function () { + var time = moment($scope.time); + var newTime = moment() + .year($scope.date.year()) + .dayOfYear($scope.date.dayOfYear()) + .hours(time.hours()) + .minutes(time.minutes()); + $scope.dateTime = $scope.dateInTimezone(newTime); + }); + + $scope.$watch('date', function () { + var date = $scope.date.clone(); + var time = moment($scope.time); + var newDate = moment() + .year($scope.date.year()) + .dayOfYear(date.dayOfYear()) + .hours(time.hours()) + .minutes(time.minutes()); + $scope.dateTime = $scope.dateInTimezone(newDate); + }); + + $scope.setDate = function (selectedDate) { + $scope.date = $scope.dateInTimezone(moment(selectedDate)); + }; + + $scope.isDateTimeInvalid = function () { + return !$scope.dateTime.isValid(); + }; + + $scope.setDateToday = function () { + var today = $scope.nowInTimezone(); + $scope.date = $scope.dateTime.clone().dayOfYear(today.dayOfYear()); + }; + + $scope.setDateTomorrow = function () { + var tomorrow = moment().add(1, 'day'); + $scope.date = $scope.dateInTimezone(tomorrow.clone()); + }; + + $scope.setTimeNow = function () { + var now = $scope.nowInTimezone(); + $scope.date = now.clone(); + $scope.time = now.clone().toDate(); + }; + + $scope.setTimeMidnight = function () { + var midnightTonight = $scope.nowInTimezone().startOf('day'); + $scope.date = midnightTonight.clone(); + $scope.time = midnightTonight.clone().toDate(); + }; + + $scope.clearDatetime = function () { + $modalInstance.close(null); + }; + + $scope.chooseDatetime = function () { + if ($scope.dateTime.isValid()) { + $modalInstance.close($scope.dateTime); + } + }; + }, + ]); + +'use strict'; + +/** + * Directive to apply as an attribute to an element, that when clicked, will open a datetime selection modal. Modal + * functionality is dependent on all dates being moment objects. + */ +angular.module('bulbs.cms.dateTimeModal.opener', [ + 'bulbs.cms.dateTimeModal.controller', + 'bulbs.cms.site.config', + 'ui.bootstrap.modal' +]) + .directive('datetimeSelectionModalOpener', [ + '$modal', '$q', 'CmsConfig', + function ($modal, $q, CmsConfig) { + return { + restrict: 'A', + scope: { + modalClearText: '@', + modalOkText: '@', + modDatetime: '=?ngModel', + modalTitle: '@', + modalOnBeforeClose: '&', + modalOnClear: '&', + modalOnClose: '&' + }, + link: function (scope, element) { + var modalInstance = null; + element.addClass('datetime-selection-modal-opener'); + element.on('click', function () { + + modalInstance = $modal + .open({ + templateUrl: CmsConfig.buildComponentPath( + 'date-time-modal', + 'date-time-modal.html' + ), + controller: 'DatetimeSelectionModalCtrl', + scope: scope + }); + + modalInstance.result + .then(function (newDate) { + return $q.when(scope.modalOnBeforeClose({ newDate: newDate })) + .then(function (result) { + + if (result !== false) { + scope.modDatetime = newDate; + if (newDate) { + scope.modalOnClose({ newDate: newDate }); + } else { + scope.modalOnClear(); + } + } + }); + }); + }); + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dateTimeModal', [ + 'bulbs.cms.dateTimeModal.opener' +]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.api', [ + 'bulbs.cms.site.config' +]) + .service('DynamicContentApi', [ + '$http', 'CmsConfig', + function ($http, CmsConfig) { + return { + retrieveSchema: function (url) { + return $http({ + method: 'OPTIONS', + url: url + }); + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.boolean', [ + 'bulbs.cms.site.config', + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.dynamicContent.form.input.errors' +]) + .directive('dynamicContentFormFieldBoolean', [ + 'CmsConfig', + function (CmsConfig) { + return { + require: ['ngModel', '^^form'], + restrict: 'E', + scope: { + uuid: '@', + name: '@', + ngModel: '=', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-boolean', + 'dynamic-content-form-field-boolean.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.color', [ + 'bulbs.cms.site.config', + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.dynamicContent.form.input.errors' +]) + .directive('dynamicContentFormFieldColor', [ + 'CmsConfig', + function (CmsConfig) { + return { + require: ['ngModel', '^^form'], + restrict: 'E', + scope: { + uuid: '@', + name: '@', + ngModel: '=', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-color', + 'dynamic-content-form-field-color.html' + ), + link: function (scope, element, attr, ctrls) { + var formField = ctrls[1][scope.name]; + formField.$validators.rgbhex = function (modelValue) { + if (!modelValue) { + return true; + } + else { + return /^#[0-9a-fA-F]{6}$/.test(modelValue); + } + }; + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.dateTime', [ + 'bulbs.cms.dateTimeFilter', + 'bulbs.cms.dateTimeModal', + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.dynamicContent.form.input.errors', + 'bulbs.cms.site.config' +]) + .directive('dynamicContentFormFieldDateTime', [ + 'CmsConfig', + function (CmsConfig) { + return { + controller: [ + '$scope', + function ($scope) { + $scope.setDate = function (newDate) { + $scope.ngModel[$scope.name] = newDate.format(); + }; + + $scope.clearDate = function () { + $scope.ngModel[$scope.name] = null; + }; + } + ], + require: ['ngModel', '^^form'], + restrict: 'E', + scope: { + uuid: '@', + name: '@', + ngModel: '=', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-date-time', + 'dynamic-content-form-field-date-time.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.image', [ + 'bettyEditable', + 'bulbs.cms.site.config', + 'bulbs.cms.staticImage', + 'bulbs.cms.dynamicContent.form.input.errors', + 'bulbs.cms.dynamicContent.form.input.label' +]) + .directive('dynamicContentFormFieldImage', [ + 'CmsConfig', + function (CmsConfig) { + + return { + require: ['ngModel', '^^form'], + restrict: 'E', + scope: { + name: '@', + ngModel: '=', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-image', + 'dynamic-content-form-field-image.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.input.errors', [ + 'bulbs.cms.site.config' +]) + .directive('dynamicContentFormFieldInputErrors', [ + 'CmsConfig', + function (CmsConfig) { + return { + link: function (scope, element, attrs, formCtrl) { + scope.form = formCtrl; + }, + require: '^^form', + restrict: 'E', + scope: { + name: '@', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-input-errors', + 'dynamic-content-form-field-input-errors.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.input.label', [ + 'bulbs.cms.site.config', + 'lodash' +]) + .directive('dynamicContentFormFieldInputLabel', [ + '_', 'CmsConfig', + function (_, CmsConfig) { + return { + link: function (scope, element, attrs, formCtrl) { + scope.form = formCtrl; + + scope.isEmpty = _.isEmpty; + }, + require: '^^form', + restrict: 'E', + scope: { + inputId: '@', + name: '@', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-input-label', + 'dynamic-content-form-field-input-label.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.integer', [ + 'bulbs.cms.site.config', + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.dynamicContent.form.input.errors' +]) + .directive('dynamicContentFormFieldInteger', [ + 'CmsConfig', + function (CmsConfig) { + return { + require: ['ngModel', '^^form'], + restrict: 'E', + scope: { + uuid: '@', + name: '@', + ngModel: '=', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-integer', + 'dynamic-content-form-field-integer.html' + ), + link: function (scope, element, attr, ctrls) { + var formField = ctrls[1][scope.name]; + formField.$validators.integer = function (modelValue) { + if (!modelValue) { + return true; + } else { + return parseInt(modelValue, 10) === modelValue; + } + }; + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.invalid', [ + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.site.config' +]) + .directive('dynamicContentFormFieldInvalid', [ + 'CmsConfig', + function (CmsConfig) { + + return { + require: '^^form', + restrict: 'E', + scope: { + name: '@', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-invalid', + 'dynamic-content-form-field-invalid.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.list', [ + 'bulbs.cms.dynamicContent.form.field.object', + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.dynamicContent.form.types', + 'bulbs.cms.site.config', + 'bulbs.cms.utils', + 'lodash' +]) + .directive('dynamicContentFormFieldList', [ + 'CmsConfig', 'FIELD_TYPES_META', 'Utils', + function (CmsConfig, FIELD_TYPES_META, Utils) { + return { + controller: [ + '_', '$scope', + function (_, $scope) { + if (_.isUndefined($scope.ngModel[$scope.name])) { + $scope.ngModel[$scope.name] = []; + } + + $scope.itemOrderingMemory = []; + $scope.redoOrdering = function () { + $scope.itemOrderingMemory = $scope.ngModel[$scope.name].map(function (v, i) { + return i + 1; + }); + }; + $scope.redoOrdering(); + + $scope.newItem = function () { + if ($scope.readOnly) { + return; + } + $scope.ngModel[$scope.name].push({}); + $scope.redoOrdering(); + }; + + $scope.moveItem = function (fromIndex, toIndex) { + Utils.moveTo($scope.ngModel[$scope.name], fromIndex, toIndex, true); + + $scope.redoOrdering(); + }; + + $scope.removeItem = function (index) { + Utils.removeFrom($scope.ngModel[$scope.name], index); + + $scope.redoOrdering(); + }; + } + ], + link: function (scope, elements, attrs, ctrls) { + scope.form = ctrls[1]; + + if (scope.ngModel[scope.name].length === 0) { + scope.newItem(); + } + }, + require: ['ngModel', '^^form'], + restrict: 'E', + scope: { + name: '@', + schema: '=', + ngModel: '=', + readOnly: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-list', + 'dynamic-content-form-field-list.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.object', [ + 'bulbs.cms.dynamicContent.form.field.boolean', + 'bulbs.cms.dynamicContent.form.field.color', + 'bulbs.cms.dynamicContent.form.field.dateTime', + 'bulbs.cms.dynamicContent.form.field.image', + 'bulbs.cms.dynamicContent.form.field.list', + 'bulbs.cms.dynamicContent.form.field.integer', + 'bulbs.cms.dynamicContent.form.field.invalid', + 'bulbs.cms.dynamicContent.form.field.richtext', + 'bulbs.cms.dynamicContent.form.field.text', + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.dynamicContent.form.types', + 'bulbs.cms.site.config', + 'lodash', + 'uuid4' +]) + .directive('dynamicContentFormFieldObject', [ + '_', '$compile', 'CmsConfig', 'FIELD_TYPES_META', 'uuid4', + function (_, $compile, CmsConfig, FIELD_TYPES_META, uuid4) { + + return { + link: function (scope, element, attrs) { + var $form = element.find('ng-form'); + + scope.hideLabel = 'hideLabel' in attrs; + + scope.$watch('form.$valid', function (isValid) { + scope.onValidityChange({ + isValid: isValid, + internalForm: scope.form + }); + }); + + scope.$watch('schema', function () { + if (_.has(scope.schema, 'fields')) { + var fieldKeys = Object.keys(scope.schema.fields); + var includeOnlyProvided = _.isArray(scope.includeOnly); + var hideOnlyChildLabel = false; + + if (includeOnlyProvided) { + fieldKeys = _.intersection(fieldKeys, scope.includeOnly); + + if (scope.includeOnly.length === 1) { + hideOnlyChildLabel = true; + } + } + + fieldKeys.forEach(function (id) { + var fieldSchema = scope.schema.fields[id]; + var fieldMeta = FIELD_TYPES_META[fieldSchema.type]; + + if (_.isUndefined(fieldMeta)) { + if (_.has(fieldSchema, 'fields')) { + fieldMeta = FIELD_TYPES_META.object; + } else { + fieldMeta = FIELD_TYPES_META.invalid; + } + } + + var tagName = fieldMeta.tagName; + var html = angular.element('<' + tagName + '>'); + + html.attr('uuid', uuid4.generate()); + html.attr('name', id); + html.attr('schema', 'schema.fields.' + id); + html.attr('class', 'dynamic-content-form-field'); + + if (hideOnlyChildLabel) { + html.attr('hide-label', 'true'); + } + + // NOTE : Angular is not able to bind primitives properly when + // passed into isolate scopes. See + // https://github.com/angular/angular.js/issues/1924. The + // parent object is passed in in its entirety and the child + // directive is responsible for accessing the key it needs to + // be able to modify. + if (_.isString(scope.name)) { + // when we're at a nested object, scope.name will be defined + html.attr('ng-model', 'ngModel[name]'); + } else { + html.attr('ng-model', 'ngModel'); + } + + $form.append(html); + $compile(html)(scope); + }); + } + }, true); + }, + require: 'ngModel', + restrict: 'E', + scope: { + name: '@', + schema: '=', + ngModel: '=', + onValidityChange: '&', + includeOnly: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-object', + 'dynamic-content-form-field-object.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.richtext', [ + 'bulbs.cms.site.config', + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.dynamicContent.form.input.errors', + 'OnionEditor' +]) + .directive('dynamicContentFormFieldRichtext', [ + 'CmsConfig', + function (CmsConfig) { + return { + link: function (scope, element, attr, ctrls) { + scope.formField = ctrls[1][scope.name]; + }, + require: ['ngModel', '^^form'], + restrict: 'E', + scope: { + name: '@', + ngModel: '=', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-richtext', + 'dynamic-content-form-field-richtext.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.field.text', [ + 'bulbs.cms.site.config', + 'bulbs.cms.dynamicContent.form.input.label', + 'bulbs.cms.dynamicContent.form.input.errors', + 'jquery' +]) + .directive('dynamicContentFormFieldText', [ + 'CmsConfig', + function (CmsConfig) { + return { + link: function (scope, element, attr, ctrls) { + scope.formField = ctrls[1][scope.name]; + + if (scope.schema.max_length > 0) { + var input = element.find('input'); + input.css('width', scope.schema.max_length + 'em'); + + if (element.width() <= input.width()) { + input.css('width', ''); + } + } + }, + require: ['ngModel', '^^form'], + restrict: 'E', + scope: { + uuid: '@', + name: '@', + ngModel: '=', + schema: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + 'dynamic-content-form-field', + 'dynamic-content-form-field-text', + 'dynamic-content-form-field-text.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form.types', []) + .constant('FIELD_TYPES_META', { + array: { + tagName: 'dynamic-content-form-field-list' + }, + boolean: { + tagName: 'dynamic-content-form-field-boolean' + }, + color: { + tagName: 'dynamic-content-form-field-color' + }, + datetime: { + tagName: 'dynamic-content-form-field-date-time' + }, + image: { + tagName: 'dynamic-content-form-field-image' + }, + invalid: { + tagName: 'dynamic-content-form-field-invalid' + }, + object: { + tagName: 'dynamic-content-form-field-object' + }, + richtext: { + tagName: 'dynamic-content-form-field-richtext' + }, + string: { + tagName: 'dynamic-content-form-field-text' + }, + integer: { + tagName: 'dynamic-content-form-field-integer' + } + }); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent.form', [ + 'bulbs.cms.dynamicContent.api', + 'bulbs.cms.dynamicContent.form.field.object', + 'bulbs.cms.site.config', + 'lodash' +]) + .directive('dynamicContentForm', [ + '_', 'CmsConfig', + function (_, CmsConfig) { + + var DynamicContentFormError = BulbsCmsError.build(''); + var template = function (name) { + return CmsConfig.buildComponentPath( + 'dynamic-content', + 'dynamic-content-form', + name + ); + }; + + return { + controller: [ + '$scope', 'DynamicContentApi', + function ($scope, DynamicContentApi) { + if (!_.isString($scope.schemaSrc)) { + throw new DynamicContentFormError('must be provided a schema url!'); + } + + if (!_.isObject($scope.ngModel)) { + throw new DynamicContentFormError('must be provided an object for ng-model!'); + } + + $scope.template = template('dynamic-content-form-loading.html'); + $scope.schema = {}; + $scope.validityCallback = function (isValid) { + $scope.onValidityChange({ isValid: isValid }); + }; + + DynamicContentApi.retrieveSchema($scope.schemaSrc) + .then(function (response) { + $scope.template = template('dynamic-content-form-loaded.html'); + $scope.schema = response.data; + }) + .catch(function () { + $scope.template = template('dynamic-content-form-error.html'); + $scope.errorMessage = 'Unable to retrieve schema'; + }); + } + ], + require: 'ngModel', + restrict: 'E', + scope: { + schemaSrc: '@', + ngModel: '=', + onValidityChange: '&', + includeOnly: '=' + }, + template: '' + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.dynamicContent', [ + 'bulbs.cms.dynamicContent.form' +]); + +'use strict'; + +angular.module('bulbs.cms.editor.wrapper', [ + 'BettyCropper', + 'bulbs.cms.imageCropModal', + 'bulbs.cms.site.config', + 'jquery', + 'OnionEditor', +]) + .run([ + '$', + function ($) { + // NOTE : this is the old editor-cms-bridge.js + /* + Image + This bridges the embed module that the editor exposes & our custom image implementation. + */ + /* prevents backspace from accidentally triggering a back event */ + $(document).unbind('keydown').bind('keydown', function (event) { + var doPrevent = false; + if (event.keyCode === 8) { + var d = event.srcElement || event.target; + if (['TEXTAREA', 'INPUT'].indexOf(d.tagName.toUpperCase() !== -1)) { + doPrevent = d.readOnly || d.disabled; + } else if (d.isContentEditable) { + //we're in a content editable field + doPrevent = false; + } else { + doPrevent = true; + } + } + if (doPrevent) { + event.preventDefault(); + } + }); + } + ]) + .directive('onionEditor', [ + '$', 'BettyCropper', 'CmsConfig', 'OnionEditor', 'openImageCropModal', + 'Zencoder', + function ($, BettyCropper, CmsConfig, OnionEditor, openImageCropModal, + Zencoder) { + + var safeApply = function (scope, fn) { + if (scope.$$phase || scope.$root.$$phase) { + fn(); + } else { + scope.$apply(function () { + fn(); + }); + } + }; + + return { + controller: [ + '$scope', + function ($scope) { + $scope.editor = null; + + this.getEditor = function () { + return $scope.editor; + }; + } + ], + require: 'ngModel', + replace: true, + restrict: 'E', + templateUrl: CmsConfig.buildComponentPath( + 'editor', + 'editor-wrapper', + 'editor-wrapper.html' + ), + scope: { + ngModel: '=' + }, + link: function (scope, element, attrs, ngModel) { + + if (!ngModel) { + return; + } + + var formatting; + if (attrs.formatting) { + formatting = attrs.formatting.split(','); + } + + var options = {}; + var defaultValue = ''; + + if (attrs.role === 'multiline') { + defaultValue = '


'; + options = { + // global options + multiline: true, + formatting: formatting || ['link', 'bold', 'italic', 'blockquote', 'heading', 'list', 'strike', 'underline'], + placeholder: { + text: attrs.placeholder || '

Write here

', + container: $('.editorPlaceholder', element[0])[0], + }, + link: { + domain: attrs.linkDomain || false, + // Sean, you can figure out a nicer way to handle the search handler. + searchHandler: window[attrs.linkSearchHandler] || false + }, + statsContainer: '.wordcount', + inlineObjects: attrs.inlineObjects || CmsConfig.getInlineObjecsPath(), + image: { + insertDialog: BettyCropper.upload, + editDialog: openImageCropModal, + }, + video: { + insertDialog: Zencoder.onVideoFileUpload, + editDialog: Zencoder.openVideoThumbnailModal, + videoEmbedUrl: CmsConfig.buildVideoUrl() + } + }; + } else { + $('.document-tools, .embed-tools', element).hide(); + defaultValue = ''; + options = { + // global options + multiline: false, + placeholder: { + text: attrs.placeholder || 'Write here', + container: $('.editorPlaceholder', element[0])[0], + }, + formatting: formatting || [] + }; + } + + scope.editor = new OnionEditor($('.editor', element[0])[0], options); + + ngModel.$render = function () { + scope.editor.setContent(ngModel.$viewValue || defaultValue); + // register on change here, after the initial load so angular doesn't get mad... + setTimeout(function () { + scope.editor.setChangeHandler(read); + }); + }; + + // Redefine what empty looks like + ngModel.$isEmpty = function (value) { + return ! value || scope.editor.scribe.allowsBlockElements() && value === defaultValue; + }; + + // Write data to the model + function read() { + safeApply(scope, function () { + var html = scope.editor.getContent(); + if (html === defaultValue) { + html = ''; + } + ngModel.$setViewValue(html); + }); + } + + scope.$watch(ngModel, function () { + scope.editor.setContent(ngModel.$viewValue || defaultValue); + if (window.picturefill) { + window.picturefill(element[0]); + } + }); + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.editor', [ + 'bulbs.cms.editor.wrapper' +]); + +'use strict'; + +angular.module('EditorsPick', [ + 'bulbs.cms.site.config', + 'customSearch' +]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/sod/', { + controller: function ($scope, $window) { + + $window.document.title = CmsConfig.getCmsName() + ' | SoD'; + + $scope.$watch('queryData', function () { console.log(arguments); }); + + $scope.queryData = {}; + $scope.updateQueryData = function () { + $scope.queryData = { + groups: [{ + conditions: [{ + field: 'content-type', + type: 'all', + values: [{ + name: 'for display', + value: 'actually-use-this-value-123' + }] + }], + time: '1 day' + }], + included_ids: [1], + excluded_ids: [2], + pinned_ids: [3], + page: 1, + query: 'query balh blah blahb' + }; + }; + + $scope.updateConditionData = function () { + $scope.queryData.groups[0].conditions = [{ + field: 'content-type', + type: 'all', + values: [{ + name: 'ANOTHER THIGN', + value: 'actually-use-this-value-123' + }] + }]; + }; + + }, + templateUrl: CmsConfig.buildComponentPath('editors-pick/editors-pick.html'), + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('evergreenField.directive', [ + 'lodash', + 'saveButton.directive' +]) + .directive('evergreenField', [ + 'CmsConfig', + function (CmsConfig) { + return { + restrict: 'E', + scope: { + article: '=' + }, + templateUrl: CmsConfig.buildComponentPath('evergreen-field/evergreen-field.html') + }; + } + ]); + +'use strict'; + +angular.module('evergreenField', [ + 'evergreenField.directive' +]); + +'use strict'; + +angular.module('filterListWidget.directive', [ + 'bulbs.cms.site.config' +]) + .directive('filterListWidget', function (_, $http, $location, $timeout, $, CmsConfig) { + return { + restrict: 'E', + scope: { + filters: '=' + }, + templateUrl: CmsConfig.buildComponentPath('filter-list-widget/filter-list-widget.html'), + link: function (scope, element, attrs) { + var $element = $(element); + var $input = $element.find('input'); + + scope.autocompleteArray = []; + + var filterInputCounter = 0, filterInputTimeout; + + $input.on('input', function (e) { + var search = $input.val(); + scope.searchTerm = search; + + $timeout.cancel(filterInputTimeout); + filterInputTimeout = $timeout(function () { getAutocompletes(search); }, 200); + + if (filterInputCounter > 2) { + getAutocompletes(search); + } + }); + function getAutocompletes(search) { + $timeout.cancel(filterInputTimeout); + filterInputCounter = 0; + if (search.length < 1) { + scope.autocompleteArray = []; + scope.$apply(); + return; + } + + $http({ + url: '/cms/api/v1/things/?type=tag&type=feature_type&type=author', + method: 'GET', + params: {'q': search} + }).success(function (data) { + scope.autocompleteArray = data; + }); + } + + $input.on('keyup', function (e) { + if (e.keyCode === 38) { arrowSelect('up'); }//up + if (e.keyCode === 40) { arrowSelect('down'); } //down + if (e.keyCode === 13) { //enter + if ($element.find('.selected').length > 0) { + // To trigger the click we need to first break out of the + // current $apply() cycle. Hence the $timeout() + $timeout(function () { + angular.element('.selected > a').triggerHandler('click'); + }, 0); + } else { + scope.addFilter('search', $input.val()); + } + } + }); + + scope.search = function () { + scope.addFilter('search', scope.filterInputValue); + }; + + scope.clearSearch = function () { + scope.filterInputValue = ''; + }; + + scope.clearFilters = function () { + scope.filters = {}; + scope.filterInputValue = ''; + return applyFilterChange({}); + }; + + $element.on('mouseover', '.entry', function () { + scope.selectEntry(this); + }); + + function arrowSelect(direction) { + var $entries = $element.find('.entry'); + var $selected = $element.find('.entry.selected'); + var $toSelect; + if ($selected.length > 0) { + if (direction === 'up') { $toSelect = $selected.first().prev(); } + if (direction === 'down') { $toSelect = $selected.first().next(); } + } else { + if (direction === 'up') { $toSelect = $entries.last(); } + if (direction === 'down') { $toSelect = $entries.first(); } + } + scope.selectEntry($toSelect); + } + scope.selectEntry = function (entry) { + $element.find('.selected').removeClass('selected'); + $(entry).addClass('selected'); + }; + + $input.on('blur', function () { + $element.find('.dropdown-menu').fadeOut(200); + }); + $input.on('focus', function () { + $element.find('.dropdown-menu').fadeIn(200); + }); + + scope.addFilter = function (type, newFilterValue) { + var filterObject = $location.search(); + if (type === 'search') { + filterObject.search = newFilterValue; + } else { + if (!filterObject[type]) { + filterObject[type] = []; + } + if (typeof(filterObject[type]) === 'string') { + filterObject[type] = [filterObject[type]]; + } + if (!_.contains(filterObject[type], newFilterValue)) { + // this value is not already in + filterObject[type].push(newFilterValue); + } + } + return applyFilterChange(filterObject); + }; + + scope.deleteFilter = function (key) { + var filterObject = $location.search(); + var toDelete = scope.filters[key]; + if (typeof(filterObject[toDelete.type]) === 'string') { + filterObject[toDelete.type] = [filterObject[toDelete.type]]; + } + var toSplice; + for (var i in filterObject[toDelete.type]) { + if (filterObject[toDelete.type][i] === toDelete.query) { + toSplice = i; + break; + } + } + filterObject[toDelete.type].splice(i, 1); + filterObject.search = $input.val(); + delete scope.filters[key]; + return applyFilterChange(filterObject); + }; + + function applyFilterChange(filterObject) { + filterObject.page = 1; + $location.search(filterObject); + scope.autocompleteArray = []; + $input.trigger('blur'); + } + + function getFilterObjects() { + var search = $location.search(); + scope.filters = {}; + if (typeof(search) === 'undefined') { console.log('undefined'); return; } + //TODO: this sucks + var filterParamsToTypes = {'authors': 'author', 'tags': 'tag', 'feature_types': 'feature_type'}; + for (var filterParam in filterParamsToTypes) { + var filterType = filterParamsToTypes[filterParam]; + if (typeof(search[filterParam]) === 'string') { search[filterParam] = [search[filterParam]]; } + for (var i in search[filterParam]) { + var value = search[filterParam][i]; + scope.filters[filterType + value] = {'query': value, 'type': filterParam}; + getQueryToLabelMappings(filterType, value); + } + } + if (search.search) { + scope.filterInputValue = search.search; + } + } + + scope.$on('$routeUpdate', function () { + getFilterObjects(); + }); + + getFilterObjects(); + + function getQueryToLabelMappings(type, query) { + //this is pretty stupid + //TODO: Maybe do this with some localStorage caching? + //TODO: Maybe just dont do this at all? I dont know if thats possible + // because there is no guarantee of any state (like if a user comes + // directly to a filtered search page via URL) + scope.queryToLabelMappings = scope.queryToLabelMappings || {}; + + if (query in scope.queryToLabelMappings) { return; } + + $http({ + url: '/cms/api/v1/things/?type=' + type, + method: 'GET', + params: {'q': query} + }).success(function (data) { + for (var i in data) { + scope.queryToLabelMappings[data[i].value] = data[i].name; + } + }); + + } + + } + + }; + }); + +'use strict'; + +angular.module('filterListWidget', [ + 'filterListWidget.directive' +]); +'use strict'; + +angular.module('filterWidget.directive', [ + 'contentServices.listService' +]) + .directive('filterWidget', function (_, $http, $location, $timeout, $, + ContentListService, CmsConfig) { + return { + restrict: 'E', + scope: {}, + templateUrl: CmsConfig.buildComponentPath('filter-widget/filter-widget.html'), + link: function (scope, element, attrs) { + var $element = $(element); + var $input = $element.find('input'); + + scope.autocompleteArray = []; + + var filterInputCounter = 0, filterInputTimeout; + + $input.on('input', function (e) { + var search = $input.val(); + scope.searchTerm = search; + + $timeout.cancel(filterInputTimeout); + filterInputTimeout = $timeout(function () { getAutocompletes(search); }, 200); + + if (filterInputCounter > 2) { + getAutocompletes(search); + } + }); + function getAutocompletes(search) { + $timeout.cancel(filterInputTimeout); + filterInputCounter = 0; + if (search.length < 1) { + scope.autocompleteArray = []; + scope.$apply(); + return; + } + + $http({ + url: '/cms/api/v1/things/?type=tag&type=feature_type&type=author', + method: 'GET', + params: {'q': search} + }).success(function (data) { + scope.autocompleteArray = data; + }); + } + + $input.on('keyup', function (e) { + if (e.keyCode === 38) { arrowSelect('up'); }//up + if (e.keyCode === 40) { arrowSelect('down'); } //down + if (e.keyCode === 13) { //enter + if ($element.find('.selected').length > 0) { + // To trigger the click we need to first break out of the + // current $apply() cycle. Hence the $timeout() + $timeout(function () { + angular.element('.selected > a').triggerHandler('click'); + }, 0); + } else { + scope.addFilter('search', $input.val()); + } + } + }); + + scope.search = function () { + scope.addFilter('search', scope.filterInputValue); + }; + + scope.clearSearch = function () { + scope.filterInputValue = ''; + }; + + scope.clearFilters = function () { + scope.filterObjects = {}; + scope.filterInputValue = ''; + return applyFilterChange({}); + }; + + $element.on('mouseover', '.entry', function () { + scope.selectEntry(this); + }); + + function arrowSelect(direction) { + var $entries = $element.find('.entry'); + var $selected = $element.find('.entry.selected'); + var $toSelect; + if ($selected.length > 0) { + if (direction === 'up') { $toSelect = $selected.first().prev(); } + if (direction === 'down') { $toSelect = $selected.first().next(); } + } else { + if (direction === 'up') { $toSelect = $entries.last(); } + if (direction === 'down') { $toSelect = $entries.first(); } + } + scope.selectEntry($toSelect); + } + scope.selectEntry = function (entry) { + $element.find('.selected').removeClass('selected'); + $(entry).addClass('selected'); + }; + + $input.on('blur', function () { + $element.find('.dropdown-menu').fadeOut(200); + }); + $input.on('focus', function () { + $element.find('.dropdown-menu').fadeIn(200); + }); + + scope.addFilter = function (type, newFilterValue) { + var filterObject = $location.search(); + if (type === 'search') { + filterObject.search = newFilterValue; + } else { + if (!filterObject[type]) { + filterObject[type] = []; + } + if (typeof(filterObject[type]) === 'string') { + filterObject[type] = [filterObject[type]]; + } + if (!_.contains(filterObject[type], newFilterValue)) { + // this value is not already in + filterObject[type].push(newFilterValue); + } + } + return applyFilterChange(filterObject); + }; + + scope.deleteFilter = function (key) { + var filterObject = $location.search(); + var toDelete = scope.filterObjects[key]; + if (typeof(filterObject[toDelete.type]) === 'string') { + filterObject[toDelete.type] = [filterObject[toDelete.type]]; + } + var toSplice; + for (var i in filterObject[toDelete.type]) { + if (filterObject[toDelete.type][i] === toDelete.query) { + toSplice = i; + break; + } + } + filterObject[toDelete.type].splice(i, 1); + filterObject.search = $input.val(); + delete scope.filterObjects[key]; + return applyFilterChange(filterObject); + }; + + function applyFilterChange(filterObject) { + filterObject.page = 1; + $location.search(filterObject); + scope.autocompleteArray = []; + $input.trigger('blur'); + + return ContentListService.$updateContent(filterObject); + } + + function getFilterObjects() { + var search = $location.search(); + scope.filterObjects = {}; + if (typeof(search) === 'undefined') { console.log('undefined'); return; } + //TODO: this sucks + var filterParamsToTypes = {'authors': 'author', 'tags': 'tag', 'feature_types': 'feature_type'}; + for (var filterParam in filterParamsToTypes) { + var filterType = filterParamsToTypes[filterParam]; + if (typeof(search[filterParam]) === 'string') { search[filterParam] = [search[filterParam]]; } + for (var i in search[filterParam]) { + var value = search[filterParam][i]; + scope.filterObjects[filterType + value] = {'query': value, 'type': filterParam}; + getQueryToLabelMappings(filterType, value); + } + } + if (search.search) { + scope.filterInputValue = search.search; + } + } + + scope.$on('$routeUpdate', function () { + getFilterObjects(); + }); + + getFilterObjects(); + + function getQueryToLabelMappings(type, query) { + //this is pretty stupid + //TODO: Maybe do this with some localStorage caching? + //TODO: Maybe just dont do this at all? I dont know if thats possible + // because there is no guarantee of any state (like if a user comes + // directly to a filtered search page via URL) + scope.queryToLabelMappings = scope.queryToLabelMappings || {}; + + if (query in scope.queryToLabelMappings) { return; } + + $http({ + url: '/cms/api/v1/things/?type=' + type, + method: 'GET', + params: {'q': query} + }).success(function (data) { + for (var i in data) { + scope.queryToLabelMappings[data[i].value] = data[i].name; + } + }); + + } + + } + + }; + }); + +'use strict'; + +angular.module('filterWidget', [ + 'filterWidget.directive' +]); + +'use strict'; + +angular.module('genericAjaxButton.controller', []) + .controller('GenericAjaxButtonController', function ($scope) { + $scope.STATES = { + DONE: 'done', + PROGRESS: 'in-progress', + ERROR: 'error' + }; + $scope.doClick = function () { + $scope.state = $scope.STATES.PROGRESS; + $scope.clickFunction() + .then(function () { + $scope.state = $scope.STATES.DONE; + }) + .catch(function () { + $scope.state = $scope.STATES.ERROR; + }); + }; + }); + +'use strict'; + +/** + * Highly customizable four state ajax button. Useful for buttons which require + * different displays for disabled/action/progress/complete states. + */ +angular.module('genericAjaxButton.directive', [ + 'bulbs.cms.site.config', + 'genericAjaxButton.controller' +]) + .directive('genericAjaxButton', function (CmsConfig) { + return { + controller: 'GenericAjaxButtonController', + restrict: 'E', + scope: { + disableWhen: '&', + clickFunction: '=', + cssBtnClassComplete: '@', + cssBtnClassError: '@', + cssBtnClassProgress: '@', + cssIconComplete: '@', + textError: '@', + textProgress: '@', + textComplete: '@' + }, + templateUrl: CmsConfig.buildComponentPath('generic-ajax-button/generic-ajax-button.html') + }; + }); + +'use strict'; + +angular.module('genericAjaxButton', [ + 'genericAjaxButton.directive' +]); + +'use strict'; + +angular.module('saveButton.directive', [ + 'bulbs.cms.site.config', + 'genericAjaxButton' +]) + .directive('saveButton', function (CmsConfig) { + return { + controller: 'GenericAjaxButtonController', + link: { + pre: function (scope) { + scope.cssIconComplete = 'glyphicon-floppy-disk'; + scope.textProgress = 'Saving...'; + scope.textComplete = 'Save'; + } + }, + restrict: 'E', + scope: { + disableWhen: '&', + clickFunction: '=', + }, + templateUrl: CmsConfig.buildComponentPath('generic-ajax-button/generic-ajax-button.html') + }; + }); + +'use strict'; + +angular.module('hideFromRssField.directive', [ + 'bulbs.cms.site.config' +]) + .directive('hideFromRssField', [ + 'CmsConfig', + function (CmsConfig) { + return { + restrict: 'E', + scope: { + article: '=' + }, + templateUrl: CmsConfig.buildComponentPath('hide-from-rss-field', 'hide-from-rss-field.html') + }; + } + ]); + +'use strict'; + +angular.module('hideFromRssField', [ + 'hideFromRssField.directive' +]); + +'use strict'; + +angular.module('bulbs.cms.imageCropModal.controller', [ + 'BettyCropper', + 'jquery', + 'ui.bootstrap.modal' +]) + .controller('ImageCropModalCtrl', [ + '$', '$modalInstance', '$scope', '$timeout', 'BettyCropper', 'Selection', + 'imageData', 'ratios', + function ($, $modalInstance, $scope, $timeout, BettyCropper, Selection, + imageData, ratios) { + + $scope.selectedCrop = null; + $scope.cropMode = false; + $scope.ratios = ratios; + $scope.finished = false; + $scope.thumb_container_styles = {}; + $scope.imageData = imageData; + + if (!$scope.image) { + $scope.image = null; + BettyCropper.get(imageData.id) + .then(function (success) { + $scope.image = success.data; + }); + } + + $scope.$watch('image', function (image) { + if (!image) { + return; + } + + var finished = true; + for (var ratio in image.selections) { + if (image.selections[ratio].source === 'auto') { + finished = false; + break; + } + } + $scope.finished = finished; + + $scope.scaleData = image.scaleToFit(550, 400); + + angular.element('.crop-image-container img').one('load', function () { + $(this).Jcrop({ + allowSelect: false, + allowMove: true, + allowResize: true, + keySupport: false + }, function () { + $scope.jcrop_api = this; + }); + }); + + $scope.image_url = image.url('original', 1200, 'jpg'); + if (!$scope.ratios) { + $scope.ratios = Object.keys(image.selections); + } + + $scope.setThumbStyles(); + }); + + $scope.$watch('selectedCrop', function (crop) { + if (!$scope.image) { + return; + } + var finished = true; + for (var ratio in $scope.image.selections) { + if ($scope.image.selections[ratio].source === 'auto' && ratio !== crop) { + finished = false; + break; + } + } + $scope.finished = finished; + }); + + $scope.selectCrop = function (ratio) { + if (!ratio) { + ratio = Object.keys($scope.image.selections)[0]; + for (var key in $scope.image.selections) { + if ($scope.image.selections[key].source === 'auto') { + ratio = key; + break; + } + } + } + var selection = $scope.image.selections[ratio].scaleBy($scope.scaleData.scale); + + if ($scope.jcrop_api) { + $scope.jcrop_api.setOptions({ + aspectRatio: selection.width() / selection.height() + }); + + $scope.jcrop_api.setSelect([ + selection.x0, + selection.y0, + selection.x1, + selection.y1 + ]); + } + + $scope.cropMode = true; + $scope.selectedCrop = ratio; + }; + + $scope.setThumbStyles = function () { + $scope.thumb_styles = $scope.thumb_styles || {}; + + for (var ratio in $scope.image.selections) { + var scaledSelection = $scope.image.selections[ratio].scaleToFit(170, 170); + $scope.thumb_container_styles[ratio] = { + 'padding-top': Math.round((180 - scaledSelection.height()) / 2) + 'px', + 'padding-bottom': '5px', + 'padding-left': Math.round((180 - scaledSelection.width()) / 2) + 'px', + 'padding-right': '5px' + }; + + $scope.thumb_styles[ratio] = $scope.image.getStyles(170, 170, ratio); + } + }; + + $scope.save = function (ratio) { + + var jcrop_selection = $scope.jcrop_api.tellSelect(); + + var newSelection = new Selection({ + x0: jcrop_selection.x, + x1: jcrop_selection.x2, + y0: jcrop_selection.y, + y1: jcrop_selection.y2, + source: 'user' + }); + newSelection = newSelection.scaleBy(1 / $scope.scaleData.scale); + if (newSelection.x1 > $scope.image.width) { + newSelection.x1 = $scope.image.width; + } + if (newSelection.y1 > $scope.image.height) { + newSelection.y1 = $scope.image.height; + } + + return this.image.updateSelection(ratio, newSelection); + }; + + $scope.saveAndQuit = function () { + var ratio = $scope.selectedCrop; + this.save(ratio).then(function (success) { + var ratio = success.data[0]; + var selection = success.data[1]; + $scope.image.selections[ratio] = selection; + }); + $scope.cropMode = false; + $modalInstance.close(imageData); + }; + + $scope.saveAndNext = function () { + var ratio = $scope.selectedCrop; + this.save(ratio).then(function (success) { + var ratio = success.data[0]; + var selection = success.data[1]; + $scope.image.selections[ratio] = selection; + + var nextRatioIndex = ($scope.ratios.indexOf(ratio) + 1) % $scope.ratios.length; + + $scope.selectCrop($scope.ratios[nextRatioIndex]); + }); + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.imageCropModal', [ + 'bulbs.cms.imageCropModal.controller', + 'bulbs.cms.site.config', + 'ui.bootstrap.modal' +]) + .factory('openImageCropModal', [ + '$modal', 'CmsConfig', + function ($modal, CmsConfig) { + + return function (imageData, ratios) { + return $modal.open({ + templateUrl: CmsConfig.buildComponentPath( + 'image-crop-modal', + 'image-crop-modal.html' + ), + controller: 'ImageCropModalCtrl', + resolve: { + imageData: function () { return imageData; }, + ratios: function () { return ratios || false; } + }, + backdrop: 'static' + }).result; + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.liveBlog.api', [ + 'bulbs.cms.site.config', + 'bulbs.cms.utils', + 'lodash', + 'moment' +]) + .service('LiveBlogApi', [ + '_', '$http', 'CmsConfig', 'moment', 'Utils', + function (_, $http, CmsConfig, moment, Utils) { + + var liveBlogEndpoint = CmsConfig.buildApiUrlRoot.bind(null, 'liveblog'); + var liveBlogEntryEndpoint = liveBlogEndpoint.bind(null, 'entry'); + + var parsePayload = function (payload) { + var data = _.cloneDeep(payload); + + if (payload.published) { + data.published = moment.tz(payload.published, CmsConfig.getTimezoneName()); + } + + if (payload.created) { + data.created = moment.tz(payload.created, CmsConfig.getTimezoneName()); + } + + if (payload.updated) { + data.updated = moment.tz(payload.updated, CmsConfig.getTimezoneName()); + } + + return data; + }; + + var cleanData = function (data) { + var payload = _.chain(data) + .omit('published') + .cloneDeep() + .value(); + + if (data.published) { + payload.published = data.published.format(); + } + + if (data.created) { + payload.created = data.created.format(); + } + + if (data.updated) { + payload.updated = data.updated.format(); + } + + return payload; + }; + + return { + createEntry: function (data) { + var payload = cleanData(data); + return $http.post(liveBlogEntryEndpoint('/'), payload) + .then(function (response) { + return parsePayload(response.data); + }); + }, + updateEntry: function (entry) { + var payload = cleanData(entry); + return $http.put(liveBlogEntryEndpoint(payload.id, '/'), payload) + .then(function (response) { + return parsePayload(response.data); + }); + }, + deleteEntry: function (entry) { + return $http.delete(liveBlogEntryEndpoint(entry.id, '/')); + }, + getEntries: function (id) { + var params; + if (id) { + params = Utils.param({ liveblog: id }); + } + + return $http.get(liveBlogEntryEndpoint('/', params)) + .then(function (response) { + return { + results: response.data.results.map(function (result) { + return parsePayload(result); + }) + }; + }); + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.liveBlog.entries.authorBridge', [ + 'bulbs.cms.site.config' +]) + .directive('liveBlogEntriesAuthorBridge', [ + '$compile', 'CmsConfig', + function ($compile, CmsConfig) { + + return { + link: function (scope, element) { + var name = CmsConfig.getLiveBlogAuthorSelectorDirectiveName(); + + scope.authors = scope.ngModel; + + if (name) { + var html = angular.element('<' + name + ' ng-model="authors">'); + + element.find('> div').html($compile(html)(scope)); + } + + scope.$watch('authors', function (newValue, oldValue) { + if (!angular.equals(newValue, oldValue)) { + scope.onUpdate({ newValue: newValue }); + scope.ngModel = newValue; + } + }, true); + }, + restrict: 'E', + scope: { + ngModel: '=', + onUpdate: '&' + }, + template: + '
' + + ' ' + + 'No live blog author selector has been configured!' + + '
' + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.liveBlog.entries', [ + 'bulbs.cms.currentUser', + 'bulbs.cms.dateTimeFilter', + 'bulbs.cms.dateTimeModal', + 'bulbs.cms.dateTimeModal', + 'bulbs.cms.liveBlog.api', + 'bulbs.cms.liveBlog.entries.authorBridge', + 'bulbs.cms.site.config', + 'bulbs.cms.utils', + 'confirmationModal', + 'OnionEditor', + 'Raven' +]) + .directive('liveBlogEntries', [ + '$q', 'CmsConfig', 'CurrentUserApi', 'LiveBlogApi', 'Raven', 'Utils', + function ($q, CmsConfig, CurrentUserApi, LiveBlogApi, Raven, Utils) { + return { + link: function (scope) { + var reportError = function (message, data) { + Raven.captureMessage(message, data); + scope.errorMessage = message; + }; + + var titleDisplay = function (entry) { + return entry.headline ? '"' + entry.headline + '"' : 'an entry'; + }; + + scope.clearError = function () { + scope.errorMessage = ''; + }; + + LiveBlogApi.getEntries(scope.article.id) + .then(function (response) { + scope.entries = response.results; + }) + .catch(function (response) { + var message = 'An error occurred retrieving entries!'; + reportError(message, { response: response }); + }); + + var panelOpen = {}; + scope.isPanelOpen = function (entry) { + if (angular.isUndefined(panelOpen[entry.id])) { + panelOpen[entry.id] = true; + } + return panelOpen[entry.id]; + }; + scope.togglePanel = function (entry) { + panelOpen[entry.id] = !panelOpen[entry.id]; + }; + scope.collapseAll = function () { + scope.entries.forEach(function (entry) { + panelOpen[entry.id] = false; + }); + }; + scope.expandAll = function () { + scope.entries.forEach(function (entry) { + panelOpen[entry.id] = true; + }); + }; + + var entryForm = 'entryForm_'; + + scope.wrapperForm = {}; + scope.makeEntryFormName = function (entry) { + return entryForm + entry.id; + }; + scope.getEntryForm = function (entry) { + var name = scope.makeEntryFormName(entry); + + if (scope.wrapperForm[name]) { + return scope.wrapperForm[name]; + } + scope.wrapperForm[name] = {}; + return scope.wrapperForm[name]; + }; + scope.isEntryFormSaveDisabled = function (entry) { + return scope.transactionsLocked() || scope.getEntryForm(entry).$pristine; + }; + + var lock = Utils.buildLock(); + scope.transactionsLocked = lock.isLocked; + + scope.addEntry = lock(function () { + + return CurrentUserApi.getCurrentUserWithCache() + .then(function (user) { + var now = moment(); + + return LiveBlogApi.createEntry({ + liveblog: scope.article.id, + created_by: user, + created: now, + updated_by: user, + updated: now + }) + .then(function (entry) { + scope.entries.unshift(entry); + }) + .catch(function (response) { + var message = 'An error occurred attempting to add an entry!'; + reportError(message, { response: response }); + }); + }); + }); + + scope.saveEntry = lock(function (entry) { + + return CurrentUserApi.getCurrentUserWithCache() + .then(function (user) { + var oldUpdateBy = entry.updated_by; + var oldUpdated = entry.updated; + + entry.updated_by = user; + entry.updated = moment(); + + return LiveBlogApi.updateEntry(entry) + .then(function () { + scope.getEntryForm(entry).$setPristine(); + }) + .catch(function (response) { + entry.updated_by = oldUpdateBy; + entry.updated = oldUpdated; + + var message = 'An error occurred attempting to save ' + titleDisplay(entry) + '!'; + reportError(message, { response: response }); + + return $q.reject(); + }); + }); + }); + + scope.publishAndSave = function (entry, newDate) { + var oldDate = entry.published; + + entry.published = newDate; + + return scope.saveEntry(entry) + .then(function () { + // sort entries from falsy to newest publish date to oldest publish date + scope.entries.sort(function (entry1, entry2) { + var entry1IsMoment = moment.isMoment(entry1.published); + var entry2IsMoment = moment.isMoment(entry2.published); + + if (entry1IsMoment && + (!entry2IsMoment || entry1.published.isBefore(entry2.published))) { + return 1; + } else if (entry2IsMoment && + (!entry1IsMoment || entry2.published.isBefore(entry1.published))) { + return -1; + } + + return 0; + }); + }) + .catch(function () { + entry.published = oldDate; + return false; + }); + }; + + scope.deleteEntry = lock(function (entry) { + + return LiveBlogApi.deleteEntry(entry) + .then(function () { + var index = scope.entries.indexOf(entry); + Utils.removeFrom(scope.entries, index); + }) + .catch(function (response) { + var message = 'An error occurred attempting to delete ' + titleDisplay(entry) + '!'; + reportError(message, { response: response }); + }); + }); + }, + restrict: 'E', + scope: { + article: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'live-blog', + 'live-blog-entries', + 'live-blog-entries.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.liveBlog', [ + 'bulbs.cms.liveBlog.entries' +]); + +'use strict'; + +angular.module('notifications.edit.directive', [ + 'apiServices.notification.factory', + 'BettyCropper', + 'bulbs.cms.site.config', + 'copyButton', + 'customSearch', + 'lodash', + 'saveButton.directive', + 'notifications.settings', + 'topBar' +]) + .directive('notificationsEdit', function (CmsConfig) { + return { + controller: function (_, $location, $q, $scope, NOTIFICATIONS_LIST_REL_PATH, Notification) { + + $scope.LIST_URL = CmsConfig.buildExternalUrl(NOTIFICATIONS_LIST_REL_PATH); + + $scope.needsSave = false; + + var modelId = $scope.getModelId(); + if (modelId === 'new') { + // this is a new notification, build it + $scope.model = Notification.$build(); + $scope.isNew = true; + } else { + // this is an existing notification, find it + $scope.model = Notification.$find($scope.getModelId()); + } + + window.onbeforeunload = function (e) { + if (!_.isEmpty($scope.model.$dirty()) || $scope.isNew || $scope.needsSave) { + // unsaved changes, show confirmation alert + return 'You have unsaved changes.'; + } + }; + + $scope.$on('$destroy', function() { + // ensure even is cleaned up when we leave + delete window.onbeforeunload; + }); + + $scope.saveModel = function () { + var promise; + + if ($scope.model) { + // have model, use save promise as deferred + promise = $scope.model.$save().$asPromise().then(function (data) { + if (modelId === 'new') { + $location.path('/cms/app/notification/edit/' + data.id + '/'); + } + $scope.isNew = false; + $scope.needsSave = false; + }); + } else { + // no model, this is an error, defer and reject + var deferred = $q.defer(); + deferred.reject(); + promise = deferred.promise; + } + + return promise; + }; + }, + restrict: 'E', + scope: { + getModelId: '&modelId' + }, + templateUrl: CmsConfig.buildComponentPath('notifications/notifications-edit/notifications-edit.html') + }; + }); + +'use strict'; + +angular.module('notifications.edit', [ + 'bulbs.cms.site.config', + 'notifications.edit.directive' +]) + .config(function ($routeProvider) { + $routeProvider + .when('/cms/app/notifications/edit/:id/', { + controller: function ($routeParams, $scope, $window, CmsConfig) { + $window.document.title = CmsConfig.getCmsName() + ' | Edit Notification'; + $scope.routeId = $routeParams.id; + }, + template: '', + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('notifications.list', [ + 'apiServices.notification.factory', + 'bulbs.cms.site.config', + 'listPage', + 'moment', + 'notifications.settings' +]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/notifications/', { + controller: function ($scope, $window, NOTIFICATIONS_LIST_REL_PATH, Notification) { + $window.document.title = CmsConfig.getCmsName() + ' | Notification'; + $scope.modelFactory = Notification; + $scope.LIST_URL = CmsConfig.buildExternalUrl(NOTIFICATIONS_LIST_REL_PATH); + }, + templateUrl: CmsConfig.buildComponentPath('notifications/notifications-list/notifications-list-page.html') + }); + }); + +'use strict'; + +angular.module('notifications.settings', []) + .value('NOTIFICATIONS_LIST_REL_PATH', '/notification/'); + +'use strict'; + +angular.module('notifications', [ + 'notifications.list', + 'notifications.edit' +]); + +'use strict'; + +angular.module('polls.edit.directive', [ + 'apiServices.answer.factory', + 'apiServices.poll.factory', + 'BettyCropper', + 'bulbs.cms.site.config', + 'lodash', + 'saveButton.directive', + 'topBar' +]).constant('RESPONSE_TYPES', [ + { + name: 'Text Only', + value: 'Text' + }, + { + name: 'Image + Text', + value: 'Image' + } +]) +.directive('pollsEdit', function (CmsConfig) { + return { + templateUrl: CmsConfig.buildComponentPath('polls/polls-edit/polls-edit.html'), + controller: function (_, $http, $location, $q, $routeParams, $scope, $timeout, Answer, Poll) { + // populate model for use + if ($routeParams.id === 'new') { + $scope.model = {}; + $scope.isNew = true; + } else { + Poll.getPoll($routeParams.id) + .then(function successCallback(response) { + $scope.model = response; + $scope.answers = _.cloneDeep(response.answers); + }); + } + + window.onbeforeunload = function (e) { + if(!_.isEmpty($scope.model.$dirty()) || $scope.isNew || $scope.needsSave) { + // show confirmation alert + return 'You have unsaved changes.'; + } + }; + + $scope.$on('$destroy', function () { + // remove alert when we go + delete window.onbeforeunload; + }); + + $scope.embedCode = function () { + return ''; + }; + + $scope.validatePublication = function () { + // The datetime-selection-modal-opener interacts with scope + // in such a way that modal-on-close="validatePublication()" + // fires before the scope model data has changed. + $timeout(function () { + var published = $scope.model.published; + var endDate = $scope.model.end_date; + var publishedField = $scope.pollForm.published; + var endDateField = $scope.pollForm.endDate; + + publishedField.$setValidity( + 'requiredWithEndDate', + !(endDate && !published) + ); + + var comesAfterPublishedValid = true; + if (endDate && published) { + comesAfterPublishedValid = published.isBefore(endDate); + } + endDateField.$setValidity( + 'comesAfterPublished', + comesAfterPublishedValid + ); + }); + }; + + $scope.saveModel = function () { + if ($scope.model) { + + if(!$scope.isNew) { + Answer.updatePollAnswers($scope); + // reset deleted answers + $scope.deletedAnswers = []; + return Poll.updatePoll($scope.model); + + } else { + return Poll.postPoll($scope.model).then(function (data) { + var answerPromise = _.map($scope.answers, function (answer) { + return Answer.postAnswer(answer, data.id); + }); + + return $q.all(answerPromise).then(function () { + $location.path('/cms/app/polls/edit/' + data.id + '/'); + }); + }); + } + } else { + return $q.reject('Save failed'); + } + }; + + $scope.deletedAnswers = []; + var newId = ($scope.answers) ? $scope.answers.length : 0; + + $scope.addAnswer = function () { + $scope.answers.push({id: newId++, notOnSodahead: true}); + }; + + // create 3 blank answer objects if this is a new poll + if($scope.isNew) { + $scope.answers = []; + _.times(3, $scope.addAnswer); + } + + + $scope.removeAnswer = function (answerId) { + var deletedAnswer = _.remove($scope.answers, function (a) { + return a.id === answerId; + }); + if(deletedAnswer[0].notOnSodahead) { return; } + $scope.deletedAnswers.push(deletedAnswer[0]); + }; + }, + restrict: 'E', + scope: { getModelId: '&modelId' }, + }; +}); + +'use strict'; + +angular.module('polls.edit', [ + 'bulbs.cms.site.config', + 'polls.edit.directive' +]) + .config(function ($routeProvider) { + $routeProvider + .when('/cms/app/polls/edit/:id/', { + controller: function ($routeParams, $scope, $window, CmsConfig) { + $window.document.title = CmsConfig.getCmsName() + ' | Edit Poll'; + $scope.routeId = $routeParams.id; + }, + template: '', + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('polls.list', [ + 'apiServices.poll.factory', + 'bulbs.cms.site.config', + 'bulbsCmsApp.nonRestmodListPage', + 'moment' +]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/polls/', { + controller: function ($scope, $window, Poll) { + $window.document.title = CmsConfig.getCmsName() + ' | Poll'; + $scope.modelFactory = Poll; + }, + templateUrl: CmsConfig.buildComponentPath('polls/polls-list/polls-list-page.html') + }); + }); + +'use strict'; + +angular.module('polls', [ + 'polls.list', + 'polls.edit' +]); + +'use strict'; + +angular.module('promotedContentArticle.directive', [ + 'bulbs.cms.site.config' +]) + .directive('promotedContentArticle', function (CmsConfig) { + return { + restrict: 'E', + scope: { + article: '=' + }, + templateUrl: CmsConfig.buildComponentPath('promoted-content/promoted-content-article/promoted-content-article.html') + }; + }); + +'use strict'; + +angular.module('promotedContentArticle', [ + 'promotedContentArticle.directive' +]); + +'use strict'; + +angular.module('promotedContentList.directive', [ + 'bulbs.cms.site.config', + 'promotedContentArticle', + 'promotedContentSave', + 'ui.sortable' +]) + .directive('promotedContentList', function ($, CmsConfig) { + return { + controller: function ($scope, PromotedContentService) { + + $scope.pzoneData = PromotedContentService.getData(); + + $scope.moveUp = function (index) { + PromotedContentService.moveContentUp(index); + }; + + $scope.moveDown = function (index) { + PromotedContentService.moveContentDn(index); + }; + + $scope.remove = function (article) { + PromotedContentService.$removeContentFromPZone(article.id); + }; + + $scope.completeAction = function (index) { + PromotedContentService.$completeContentAction(index); + }; + + $scope.stopAction = function () { + PromotedContentService.stopContentAction(); + }; + + $scope.markDirty = function () { + PromotedContentService.markDirtySelectedPZone(); + }; + + $scope.disableControls = function () { + return PromotedContentService.isPZoneRefreshPending(); + }; + }, + link: function (scope, element, attr) { + + scope.sortableOptions = { + beforeStop: function (e, ui) { + ui.helper.css('margin-top', 0); + ui.item.parent().removeClass('ui-sortable-dragging'); + }, + cancel: '.ui-sortable-unsortable', + change: function (e, ui) { + ui.helper.css('margin-top', $(window).scrollTop()); + }, + containment: 'promoted-content-list', + distance: 3, + opacity: 0.75, + placeholder: 'dropzone', + start: function (e, ui) { + ui.item.parent().addClass('ui-sortable-dragging'); + ui.helper.css('margin-top', $(window).scrollTop()); + }, + stop: function () { + scope.markDirty(); + } + }; + }, + restrict: 'E', + scope: {}, + templateUrl: CmsConfig.buildComponentPath('promoted-content/promoted-content-list/promoted-content-list.html') + }; + }); + +'use strict'; + +angular.module('promotedContentList', [ + 'promotedContentList.directive' +]); + +'use strict'; + +angular.module('promotedContentOperationsList.directive', [ + 'bulbs.cms.site.config', + 'promotedContent.service' +]) + .directive('promotedContentOperationsList', function (_, CmsConfig, moment) { + return { + controller: function (moment, $scope, PromotedContentService) { + + $scope.pzoneData = PromotedContentService.getData(); + $scope.scheduleDateFrom = moment(); + $scope.scheduleDateTo = moment().add(3, 'days'); + $scope.deleteStatus = { + message: '', + isError: false + }; + + PromotedContentService.$ready() + .then(function () { + $scope.aggregatedOperations = $scope.pzoneData.operations.concat($scope.pzoneData.unsavedOperations); + }); + + $scope.removeOperation = function (operation) { + PromotedContentService.$removeOperation(operation.id) + .then(function () { + $scope.deleteStatus = { + message: 'Operation successfully removed!', + isError: false + }; + }) + .catch(function (err) { + $scope.deleteStatus = { + message: err, + isError: true + }; + }); + }; + + $scope.clearDeleteStatus = function () { + $scope.deleteStatus.message = ''; + }; + + $scope.setPreviewTime = function (time) { + // set preview time to time plus a minute so that all operations occuring in that + // minute can be previewed + PromotedContentService.setPreviewTime(time.add(1, 'minute')); + }; + + $scope.disableControls = function () { + return PromotedContentService.isPZoneRefreshPending(); + }; + + $scope.operationsStale = function () { + return PromotedContentService.isPZoneOperationsStale(); + }; + + $scope.refreshingOperations = false; + $scope.refreshOperations = function () { + + if (!$scope.refreshingOperations) { + $scope.refreshingOperations = true; + PromotedContentService.$refreshOperations({ + from: $scope.scheduleDateFrom.toISOString(), + to: $scope.scheduleDateTo.toISOString() + }) + .finally(function () { + $scope.refreshingOperations = false; + }); + } + }; + }, + link: function (scope, element, attr) { + + var operationTime = function (operation) { + var compTime; + if (operation.whenAsMoment) { + // has a time, use that + compTime = operation.whenAsMoment; + } else if (scope.pzoneData.previewTime){ + // has no time, but preview time is set, use that + compTime = scope.pzoneData.previewTime; + } else { + // this is an immediate operation + compTime = moment(); + } + return compTime; + }; + + scope.aggregatedOperations = {}; + scope.groupDateFormat = 'M/D/YY @ h:mma'; + var aggregator = function () { + var tempAggregate = scope.pzoneData.operations.concat(scope.pzoneData.unsavedOperations); + + scope.aggregatedOperations = _.chain(tempAggregate) + .sortBy(operationTime) + .groupBy(function (operation) { + return operationTime(operation).format(scope.groupDateFormat); + }) + .pairs() + .map(function (pair) { + return [moment(pair[0], scope.groupDateFormat), pair[1]]; + }) + .sortBy(function (pair) { + return pair[0]; + }) + .value(); + }; + + scope.$watchCollection('pzoneData.operations', aggregator); + scope.$watchCollection('pzoneData.unsavedOperations', aggregator); + + }, + restrict: 'E', + scope: {}, + templateUrl: CmsConfig.buildComponentPath('promoted-content/promoted-content-operations-list/promoted-content-operations-list.html') + }; + }); + +'use strict'; + +angular.module('promotedContentOperationsList', [ + 'promotedContentOperationsList.directive' +]); + +'use strict'; + +angular.module('promotedContentPzoneSelect.directive', [ + 'bulbs.cms.site.config', + 'promotedContent.service' +]) + .directive('promotedContentPzoneSelect', function (CmsConfig) { + return { + controller: function ($scope, PromotedContentService) { + + $scope.pzoneData = PromotedContentService.getData(); + $scope.selectedPZoneName = ''; + + PromotedContentService.$ready() + .then(function () { + $scope.selectedPZoneName = $scope.pzoneData.selectedPZone.name; + }); + + $scope.changePZone = function (name) { + (function (name) { + PromotedContentService.$refreshPZones() + .then(function () { + PromotedContentService.$selectPZone(name); + }); + })(name); + }; + + $scope.disableControls = function () { + return PromotedContentService.isPZoneRefreshPending(); + }; + }, + restrict: 'E', + scope: {}, + templateUrl: CmsConfig.buildComponentPath('promoted-content/promoted-content-pzone-select/promoted-content-pzone-select.html') + }; + }); + +'use strict'; + +angular.module('promotedContentPzoneSelect', [ + 'promotedContentPzoneSelect.directive' +]); + +'use strict'; + +angular.module('promotedContentSave.directive', [ + 'bulbs.cms.site.config', + 'promotedContent.service' +]) + .directive('promotedContentSave', function (CmsConfig) { + return { + controller: function ($scope, PromotedContentService) { + + $scope.pzoneData = PromotedContentService.getData(); + + $scope.savePZone = function () { + PromotedContentService.$saveSelectedPZone(); + }; + + $scope.clearOperations = function () { + // clear any unsaved operations + PromotedContentService.clearUnsavedOperations(); + + // refresh selected pzone + PromotedContentService.$refreshSelectedPZone($scope.pzoneData.previewTime); + }; + + $scope.disableControls = function () { + return PromotedContentService.isPZoneRefreshPending(); + }; + }, + restrict: 'E', + scope: {}, + templateUrl: CmsConfig.buildComponentPath('promoted-content/promoted-content-save/promoted-content-save.html') + }; + }); + +'use strict'; + +angular.module('promotedContentSave', [ + 'promotedContentSave.directive' +]); + +'use strict'; + +angular.module('promotedContentSearch.directive', [ + 'bulbs.cms.site.config', + 'statusFilter', + 'filterWidget', + 'promotedContent.service', + 'promotedContentArticle' +]) + .directive('promotedContentSearch', function (CmsConfig) { + return { + controller: function (_, moment, $scope, $location, PromotedContentService) { + + $scope.pzoneData = PromotedContentService.getData(); + $scope.pageNumber = $location.search().page || '1'; + + $scope.goToPage = function () { + PromotedContentService.$refreshAllContent({page: $scope.pageNumber}, true); + }; + + /** + * Check if an content is enabled. Actions are allowed if preview time is + * set to immediate and the content is already published, or if a preview + * time is set into the future and the content will be published before that. + * In either case, content is only draggable if it is not already listed. + * + * @param {object} content - content to check if enabled. + * @returns {Boolean} true if content is enabled, false otherwise. + */ + $scope.contentIsEnabled = function (content) { + var notAlreadyInList = + ($scope.pzoneData.selectedPZone && + _.isUndefined(_.find($scope.pzoneData.selectedPZone.content, {id: content.id}))); + var immediateDraggable = + ($scope.pzoneData.previewTime === null && + moment().isAfter(content.published)); + var futureDraggable = + ($scope.pzoneData.previewTime !== null && + moment().isBefore($scope.pzoneData.previewTime) && + $scope.pzoneData.previewTime.isAfter(content.published)); + + return notAlreadyInList && (immediateDraggable || futureDraggable); + }; + + $scope.beginInsert = function (article) { + PromotedContentService.beginContentInsert(article); + }; + + $scope.beginReplace = function (article) { + PromotedContentService.beginContentReplace(article); + }; + + $scope.stopAction = function () { + PromotedContentService.stopContentAction(); + }; + + $scope.disableControls = function () { + return PromotedContentService.isPZoneRefreshPending(); + }; + }, + link: function (scope, element, attr) { + + scope.tools = null; + scope.openToolsFor = function (article) { + var doOpen = false; + if (!scope.disableControls()) { + scope.tools = article.id; + doOpen = true; + } + return doOpen; + }; + + scope.closeTools = function () { + scope.tools = null; + return true; + }; + + scope.toolsOpenFor = function (article) { + return scope.tools === article.id; + }; + }, + restrict: 'E', + scope: {}, + templateUrl: CmsConfig.buildComponentPath('promoted-content/promoted-content-search/promoted-content-search.html') + }; + }); + +'use strict'; + +angular.module('promotedContentSearch', [ + 'promotedContentSearch.directive' +]); + +'use strict'; + +/** + * Main service for promoted content page. Handles all data, all data modifications + * for this page should be done through this service. + */ +angular.module('promotedContent.service', [ + 'contentServices', + 'moment', + 'restangular' +]) + .service('PromotedContentService', function ($, _, moment, $q, Restangular, + ContentFactory, ContentListService) { + + var PromotedContentService = this; + PromotedContentService._serviceData = { + allContent: ContentListService.getData(), + actionContent: null, + action: null, + pzones: [], + unsavedOperations: [], + operations: [], + selectedPZone: null, + previewTime: null + }; + var _data = PromotedContentService._serviceData; + + // promise that resolves once this service is done setting up + var setupDefer = $q.defer(); + + var readableOperationTypes = { + INSERT: 'INSERT', + DELETE: 'DELETE', + REPLACE: 'REPLACE' + }; + PromotedContentService.readableOperationTypes = readableOperationTypes; + + var operationTypeToReadable = { + 'promotion_insertoperation': readableOperationTypes.INSERT, + 'promotion_deleteoperation': readableOperationTypes.DELETE, + 'promotion_replaceoperation': readableOperationTypes.REPLACE + }; + var readableToOperationType = + _.reduce(operationTypeToReadable, function (result, val, key) { + result[val] = key; + return result; + }, {}); + + // flag to check if there's a pzone data refresh pending + var pzoneRefreshPending = false; + // flag to check if operations data is stale + var pzoneOperationsStale = true; + + /** + * Getter for refresh pending flag. Use this to check if a pzone is in the + * process of loading its data, to prevent editing. + * + * @returns {Boolean} true if pzone data is refreshing, false otherwise. + */ + PromotedContentService.isPZoneRefreshPending = function () { + return pzoneRefreshPending; + }; + + /** + * Getter for pzone operations stale flag. Use this to check if operations list + * is out of sync and needs to be refreshed before data is accurate. + * + * @returns {Boolean} ture if pzone operations are stale, false otherwise. + */ + PromotedContentService.isPZoneOperationsStale = function () { + return pzoneOperationsStale; + }; + + /** + * Refresh pzone data, given the following parameters: + * + * @param {Object} filters - filter zones with these parameters. + * @returns {Promise} resolves with pzone data, or rejects with an error message. + */ + PromotedContentService.$refreshPZones = function (filters) { + var deferred = $q.defer(); + + // start a new request if one isn't already pending + if (!pzoneRefreshPending) { + pzoneRefreshPending = true; + + return ContentFactory.all('pzone').getList(filters) + .then(function (data) { + _data.pzones = data; + // mark everything as saved + _.each(_data.pzones, function (pzone) { + pzone.saved = true; + }); + + deferred.resolve(); + + // resolve with pzones + return _data.pzones; + }) + .catch(function (err) { + deferred.reject(); + return err; + }) + .finally(function () { + pzoneRefreshPending = false; + }); + } else { + deferred.reject(); + } + + return deferred.promise; + }; + + /** + * Mark selected pzone as dirty. + */ + PromotedContentService.markDirtySelectedPZone = function () { + delete _data.selectedPZone.saved; + }; + + /** + * Mark selected pzone as saved (not dirty). + */ + PromotedContentService.markSavedSelectedPZone = function () { + _data.selectedPZone.saved = true; + }; + + /** + * Make the list of operations stale, meaning the user will have to manually + * refresh it. + */ + PromotedContentService.makeOperationsStale = function () { + _data.operations = []; + pzoneOperationsStale = true; + }; + + /** + * Save the currently selected pzone by posting all operations at currently + * selected time. If no time is selected, pzone will be immediately updated. + * + * @returns {Promise} resolves with selected pzone once saving is done. + */ + PromotedContentService.$saveSelectedPZone = function () { + var defer = $q.defer(); + + if (_data.previewTime && _data.previewTime.isAfter(moment())) { + PromotedContentService.makeOperationsStale(); + + // grab operations out of unsaved operations and post them into operations list + _.each(_data.unsavedOperations, function (operation) { + // use preview time, or send null if immediate + operation.when = _data.previewTime ? _data.previewTime.toISOString() : null; + // remove client side client_id + delete operation.client_id; + }); + + // post all operations as an array + _data.selectedPZone.all('operations').post(_data.unsavedOperations) + .then(function () { + defer.resolve(_data.selectedPZone); + }); + + // clear whatever unsaved operations we have, shouldn't be any in this case + PromotedContentService.clearUnsavedOperations(); + + } else if (!_data.previewTime){ + // clear whatever unsaved operations we have, shouldn't be an in this case + PromotedContentService.clearUnsavedOperations(); + + PromotedContentService.makeOperationsStale(); + + // no preview time is set, post pzone immediately + _data.selectedPZone.put() + .then(function () { + defer.resolve(_data.selectedPZone); + }) + .catch(function (err) { + defer.reject(err); + }); + } else { + // preview time is in the past, error out + defer.reject('Cannot save operations in the past.'); + } + + return defer.promise; + }; + + /** + * Refresh content data using ContentListService. + * + * @param {...object} var_args - arguments taken by [ContentListService.$updateContent]{@link ContentListService#$updateContent}. + * @returns {Promise} resolves based on [ContentListService.$updateContent]{@link ContentListService#$updateContent}. + */ + PromotedContentService.$refreshAllContent = function () { + return ContentListService.$updateContent.apply(ContentListService, arguments); + }; + + /** + * Create a new operation. Note, this will not be saved until user clicks + * save, at which point the new item should be posted to the operations list. + * If preview time is set to immediate, no operation will be created, and this + * function will resolve with nothing. + * + * @param {Object} props - properties of new operation. + * @returns {Promise} resolves with new operation or nothing, or rejects with an error message. + */ + PromotedContentService.$addOperation = function (props) { + var defer = $q.defer(); + + if (!PromotedContentService.isPreviewTimeImmediate()) { + if (!PromotedContentService.isPreviewTimePast()) { + var lastId = _.max(_data.unsavedOperations, 'client_id').client_id; + var nextId = lastId ? lastId + 1 : 0; + var allProps = _.assign({ + client_id: nextId, + type_name: readableToOperationType[props.cleanType] || '', + pzone: _data.selectedPZone.id, + applied: false, + content: null, + content_title: '', + index: null + }, props); + + var operation = Restangular.restangularizeElement( + _data.selectedPZone.all('operations'), allProps + ); + _data.unsavedOperations.push(operation); + + defer.resolve(operation); + } else { + // we are looking at the past, we cannot add new operations + defer.reject('Cannot add operations in the past.'); + } + } else { + // preview time is immediate, don't add an operation + defer.resolve(); + } + + return defer.promise; + }; + + /** + * Remove an operation from operation list. Only saved, future operations are removable. + * + * @param {Number} id - id of operation to remove. + * @returns {Promise} promise that resolves with nothing, or rejects with an + * error message. + */ + PromotedContentService.$removeOperation = function (id) { + var defer = $q.defer(); + + // delete this from the saved operations list + var index = _.findIndex(_data.operations, {id: id}); + var operation = _data.operations[index]; + if (operation) { + if (operation.whenAsMoment.isAfter(moment())) { + operation.remove() + .then(function () { + // remove operation and resolve + _data.operations.splice(index, 1); + defer.resolve(); + }) + .catch(function (err) { + if (err.status === 404) { + defer.reject('Cannot find operation to delete.'); + } else { + defer.reject(err); + } + }); + } else { + defer.reject('Cannot delete an operation in the past.'); + } + } else { + defer.reject('Could not find saved operation with id ' + id + ' to delete.'); + } + + return defer.promise; + }; + + /** + * Clear unsaved operations list. + */ + PromotedContentService.clearUnsavedOperations = function () { + _data.unsavedOperations = []; + PromotedContentService.markSavedSelectedPZone(); + }; + + /** + * Refresh operations data for selected pzone. Each operation returned will + * contain an additional property called cleanType that is the clean, + * displayable representation of the operation type. + * + * GOD DAMN IT RACE CONDITIONS NOTE: To avoid race conditions, only call + * this function as a result of user interaction. + * + * @param {object} params - query parameters to append to request. + * @returns {Promise} resolves with operation data, or rejects with an error message. + */ + PromotedContentService.$refreshOperations = function (params) { + return _data.selectedPZone.getList('operations', params) + .then(function (data) { + + _data.operations = data; + + _.each(_data.operations, function (operation) { + operation.cleanType = operationTypeToReadable[operation.type_name]; + operation.whenAsMoment = moment(operation.when); + }); + + pzoneOperationsStale = false; + + return _data.operations; + }) + .catch(function (err) { + return err; + }); + }; + + /** + * Select a pzone with the given name. Will refresh operations list. + * + * @param {string} [name] - name of pzone to select, selects first pzone if + * name not provided. + * @returns {Promise} resolves based on $refreshSelectedPZone Promise. + */ + PromotedContentService.$selectPZone = function (name) { + // select pzone to edit + _data.selectedPZone = _.find(_data.pzones, {name: name}) || _data.pzones[0]; + + // immediately clear any unsaved operations + PromotedContentService.clearUnsavedOperations(); + + // begin refreshing interface with new pzone data + return PromotedContentService.$refreshSelectedPZone(_data.previewTime); + }; + + /** + * Remove content from currently selected pzone. + * + * @param {Number} contentId - id of content to delete. + * @returns {Promise} resolves if content removed, or rejects with an error message. + */ + PromotedContentService.$removeContentFromPZone = function (contentId) { + var defer = $q.defer(); + var i = _.findIndex(_data.selectedPZone.content, {id: contentId}); + if (i >= 0) { + // found it, splice away + PromotedContentService.$addOperation({ + cleanType: readableOperationTypes.DELETE, + content: contentId, + content_title: _data.selectedPZone.content[i].title + }).then(function () { + PromotedContentService.markDirtySelectedPZone(); + _data.selectedPZone.content.splice(i, 1); + defer.resolve(); + }).catch(function (err) { + defer.reject(err); + }); + } else { + defer.reject('Could not find content with given id to delete.'); + } + return defer.promise; + }; + + /** + * Content moving function. + * + * @param {Number} indexFrom - Index to move content from. + * @param {Number} indexTo - Index to move content to. + * @returns {Boolean} true if content moved, false otherwise. + */ + var moveTo = function (indexFrom, indexTo) { + var ret = false; + var content = _data.selectedPZone.content; + if (indexFrom >= 0 && indexFrom < content.length && + indexTo >= 0 && indexTo < content.length) { + var splicer = content.splice(indexFrom, 1, content[indexTo]); + if (splicer.length > 0) { + content[indexTo] = splicer[0]; + ret = true; + PromotedContentService.markDirtySelectedPZone(); + } + } + return ret; + }; + + /** + * Move content up in the currently selected pzone. + * + * @param {Number} index - index of content to move up. + * @returns {Boolean} true if moved up, false otherwise. + */ + PromotedContentService.moveContentUp = function (index) { + return moveTo(index, index - 1); + }; + + /** + * Move content down in the currently selected pzone. + * + * @param {Number} index - index of content to move down. + * @return {Boolean} true if moved down, false otherwise. + */ + PromotedContentService.moveContentDn = function (index) { + return moveTo(index, index + 1); + }; + + /** + * Begin content insert action. + * + * @param {Object} article - article to be inserted. + */ + PromotedContentService.beginContentInsert = function (article) { + _data.actionContent = article; + _data.action = readableOperationTypes.INSERT; + }; + + /** + * Begin content replace operation. + * + * @param {Object} article - article to be replaced. + */ + PromotedContentService.beginContentReplace = function (article) { + _data.actionContent = article; + _data.action = readableOperationTypes.REPLACE; + }; + + /** + * Stop doing current action. + */ + PromotedContentService.stopContentAction = function () { + _data.actionContent = null; + _data.action = null; + }; + + /** + * Complete insert or replace operation. + * + * @param {Number} index - index where operation will occur. + * @returns {Promise} resolves with nothing or rejects with an error message. + */ + PromotedContentService.$completeContentAction = function (index) { + var deferred = $q.defer(); + + if (_data.action) { + PromotedContentService.$addOperation({ + cleanType: _data.action, + content: _data.actionContent.id, + content_title: _data.actionContent.title, + index: index + }) + .then(function () { + // find index of duplicate if there is one + var duplicateIndex = _.findIndex(_data.selectedPZone.content, {id: _data.actionContent.id}); + + // ensure that duplicate is deleted + if (index !== duplicateIndex && duplicateIndex >= 0) { + _data.selectedPZone.content.splice(duplicateIndex, 1); + } + + // add item to pzone + var replace = _data.action === readableOperationTypes.REPLACE; + _data.selectedPZone.content.splice(index, (replace ? 1 : 0), _data.actionContent); + + // stop action + PromotedContentService.stopContentAction(); + + // ensure pzone is marked dirty + PromotedContentService.markDirtySelectedPZone(); + + deferred.resolve(); + }) + .catch(deferred.reject); + } else { + deferred.reject('No action to complete in progress.'); + } + + return deferred.promise; + }; + + /** + * Set preview time to some moment. Applying this operation will cause the + * unsaved operations list to clear out. + * + * @param {moment} time - moment to set _data.preview time as. + */ + PromotedContentService.setPreviewTime = function (time) { + // set time to edit + _data.previewTime = time; + + // clear all unsaved operations + PromotedContentService.clearUnsavedOperations(); + + // begin requesting pzone to edit + return PromotedContentService.$refreshSelectedPZone(_data.previewTime); + }; + + /** + * Set preview time to now, effectively causing all operations to be + * immediately applied when saved. + */ + PromotedContentService.setPreviewTimeToImmediate = function () { + PromotedContentService.setPreviewTime(null); + }; + + /** + * Check if preview time is set to immediate. + * + * @returns true if preview time is immediate, false otherwise. + */ + PromotedContentService.isPreviewTimeImmediate = function () { + return _data.previewTime === null; + }; + + /** + * Check if set preview time is in the past. + * + * @returns true if preview time is in the past, false otherwise. + */ + PromotedContentService.isPreviewTimePast = function () { + return !PromotedContentService.isPreviewTimeImmediate() && + _data.previewTime.isBefore(moment()); + }; + + /** + * Refresh the currently selected pzone. Prevents new requests until the + * current one has resolved. + * + * @param {moment} [time] - optional time parameter to pass to get a preview. + * @returns {Promise} resolves with selected pzone data or reject with an error. + */ + PromotedContentService.$refreshSelectedPZone = function (time) { + var params = {}; + if (time) { + params.preview = time.toISOString(); + } + + PromotedContentService.makeOperationsStale(); + + var deferred = $q.defer(); + + // start a new request if one isn't already pending + if (!pzoneRefreshPending) { + pzoneRefreshPending = true; + _data.selectedPZone.get(params) + .then(function (data) { + deferred.resolve(); + _data.selectedPZone = data; + return _data.selectedPZone; + }) + .catch(function (err) { + deferred.reject(); + return err; + }) + .finally(function () { + PromotedContentService.markSavedSelectedPZone(); + pzoneRefreshPending = false; + }); + } else { + deferred.reject(); + } + + return deferred.promise; + }; + + /** + * Get the service's data. This function MUST be used to retrieve service + * data, accessing service data via the _serviceData variable could + * potentially destroy some two-way databinding magic. + * + * @returns {Object} service data. + */ + PromotedContentService.getData = function () { + return _data; + }; + + /** + * @returns {Promise} resolves when service is ready. + */ + PromotedContentService.$ready = function () { + return setupDefer.promise; + }; + + // setup initial datas + PromotedContentService.$refreshPZones() + .then(function () { + return PromotedContentService.$refreshAllContent(); + }) + .then(function () { + return PromotedContentService.$selectPZone(); + }) + .then(function () { + // service is ready to go + setupDefer.resolve(); + }); + + }); + +'use strict'; + +angular.module('promotedContentTimePicker.directive', [ + 'bulbs.cms.site.config', + 'promotedContent.service' +]) + .directive('promotedContentTimePicker', function (CmsConfig) { + return { + controller: function (moment, $scope, PromotedContentService) { + + $scope.contentData = PromotedContentService.getData(); + + $scope.setPreviewTime = function (previewTime) { + PromotedContentService.setPreviewTime(previewTime); + }; + + $scope.setPreviewTimeToImmediate = function () { + $scope.previewTime = null; + PromotedContentService.setPreviewTimeToImmediate(); + }; + + $scope.disableControls = function () { + return PromotedContentService.isPZoneRefreshPending(); + }; + }, + restrict: 'E', + scope: {}, + templateUrl: CmsConfig.buildComponentPath('promoted-content/promoted-content-time-picker/promoted-content-time-picker.html') + }; + }); + +'use strict'; + +angular.module('promotedContentTimePicker', [ + 'promotedContentTimePicker.directive' +]); + +'use strict'; + +angular.module('promotedContent', [ + 'bulbs.cms.site.config', + 'promotedContentPzoneSelect', + 'promotedContentList', + 'promotedContentSearch', + 'promotedContentTimePicker', + 'promotedContentOperationsList', +]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/promotion/', { + controller: [ + '$window', 'CmsConfig', + function ($window) { + $window.document.title = CmsConfig.getCmsName() + ' | Promotion Tool'; + } + ], + templateUrl: CmsConfig.buildComponentPath('promoted-content/promoted-content.html'), + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('lineItems.edit.directive', [ + 'apiServices.lineItem.factory', + 'bulbs.cms.site.config', + 'lodash', + 'saveButton.directive', + 'topBar' +]) + .directive('lineItemsEdit', function (CmsConfig) { + return { + controller: function (_, $location, $q, $routeParams, $scope, LineItem) { + if ($routeParams.id === 'new') { + $scope.model = LineItem.$build(); + $scope.isNew = true; + } else { + $scope.model = LineItem.$find($routeParams.id); + } + + window.onbeforeunload = function (e) { + if (!_.isEmpty($scope.model.$dirty()) || $scope.isNew || $scope.needsSave) { + return 'You have unsaved changes.'; + } + }; + + $scope.$on('$destroy', function() { + delete window.onbeforeunload; + }); + + $scope.saveModel = function () { + var promise; + + if ($scope.model) { + promise = $scope.model.$save().$asPromise().then(function (data) { + $location.path('/cms/app/line-items/edit/' + data.id + '/'); + }); + } else { + var deferred = $q.defer(); + deferred.reject(); + promise = deferred.promise; + } + + return promise; + }; + }, + restrict: 'E', + scope: { + getModelId: '&modelId' + }, + templateUrl: CmsConfig.buildComponentPath('reporting/reporting-line-items-edit/reporting-line-items-edit.html') + }; + }); + +'use strict'; + +angular.module('lineItems.edit', [ + 'bulbs.cms.site.config', + 'lineItems.edit.directive' +]) + .config(function ($routeProvider) { + $routeProvider + .when('/cms/app/line-items/edit/:id/', { + controller: function ($routeParams, $scope, $window, CmsConfig) { + $window.document.title = CmsConfig.getCmsName() + ' | Edit Line Item'; + $scope.routeId = $routeParams.id; + }, + template: '', + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('lineItems.list', [ + 'apiServices.lineItem.factory', + 'bulbs.cms.site.config', + 'listPage' + ]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/line-items/', { + controller: function($modal, $scope, $window, LineItem) { + $window.document.title = CmsConfig.getCmsName() + ' | Line Items'; + + $scope.modelFactory = LineItem; + + $scope.LineItemExportModal = function () { + return $modal.open({ + templateUrl: '/views/modals/line-item-export-modal.html', + controller: 'LineitemexportmodalCtrl', + }); + }; + + $scope.utilityButtons = [{ + title: 'Export CSV', + click: function () { + $scope.LineItemExportModal(); + }, + buttonClasses: 'add-item btn btn-primary', + iconClasses: 'font-awesome' + }]; + }, + + templateUrl: CmsConfig.buildComponentPath('reporting/reporting-line-items-list/reporting-line-items-list.html') + }); + }); + +'use strict'; + +angular.module('rateOverrides.edit.directive', [ + 'apiServices.rateOverride.factory', + 'apiServices.featureType.factory', + 'bulbs.cms.site.config', + 'lodash', + 'saveButton.directive', + 'topBar' +]) + .directive('rateOverridesEdit', function (CmsConfig) { + return { + controller: function (_, $location, $http, $q, $routeParams, $scope, ContentFactory, FeatureType, RateOverride, Raven) { + var resourceUrl = '/cms/api/v1/contributions/role/'; + + if ($routeParams.id === 'new') { + $scope.model = RateOverride.$build(); + $scope.isNew = true; + } else { + $scope.model = RateOverride.$find($routeParams.id); + $scope.model.$promise.then(function () { + if (($scope.model.hasOwnProperty('role')) && ($scope.model.role !== null)){ + $scope.model.role = $scope.model.role.id; + } + }); + } + + window.onbeforeunload = function (e) { + if (!_.isEmpty($scope.model.$dirty()) || $scope.isNew || $scope.needsSave) { + return 'You have unsaved changes.'; + } + }; + + $scope.$on('$destroy', function() { + delete window.onbeforeunload; + }); + + $scope.getPaymentType = function (roleId) { + if ($scope.hasOwnProperty('roles')) { + for (var i = 0; i < $scope.roles.length; i++) { + if ($scope.roles[i].id === roleId) { + return $scope.roles[i].payment_type; + } + } + return null; + } + }; + + $scope.isFeatureRated = function () { + if ($scope.getPaymentType($scope.model.role) === 'FeatureType'){ + return true; + } + return false; + }; + + $scope.isHourlyRated = function () { + if ($scope.getPaymentType($scope.model.role) === 'Hourly'){ + return true; + } + return false; + }; + + $scope.isFlatRated = function () { + if ($scope.getPaymentType($scope.model.role) === 'Flat Rate'){ + return true; + } + return false; + }; + + $scope.addFeatureType = function () { + if (!$scope.model.hasOwnProperty('featureTypes')) { + $scope.model.featureTypes = []; + } + + $scope.model.featureTypes.push({ + featureType: null, + rate: 0, + }); + }; + + $scope.getFeatureTypes = function () { + $http({ + method: 'GET', + url: resourceUrl + }).success(function (data) { + $scope.featureTypes = data.results || data; + }).error(function (data, status, headers, config) { + Raven.captureMessage('Error fetching FeatureTypes', {extra: data}); + }); + }; + + $scope.getRoles = function () { + $http({ + method: 'GET', + url: resourceUrl + }).success(function (data) { + $scope.roles = data.results || data; + }).error(function (data, status, headers, config) { + Raven.captureMessage('Error fetching Roles', {extra: data}); + }); + }; + + $scope.searchFeatureTypes = function (searchTerm) { + return FeatureType.simpleSearch(searchTerm); + }; + + $scope.saveModel = function () { + var promise; + + if ($scope.model) { + promise = $scope.model.$save().$asPromise().then(function (data) { + $location.path('/cms/app/rate-overrides/edit/' + data.id + '/'); + if (($scope.model.hasOwnProperty('role')) && ($scope.model.role !== null)){ + $scope.model.role = $scope.model.role.id; + } + }); + } else { + var deferred = $q.defer(); + deferred.reject(); + promise = deferred.promise; + } + + return promise; + }; + + $scope.getRoles(); + $scope.getFeatureTypes(); + }, + restrict: 'E', + scope: { + getModelId: '&modelId' + }, + templateUrl: CmsConfig.buildComponentPath('reporting/reporting-rate-overrides-edit/reporting-rate-overrides-edit.html') + }; + }); + +'use strict'; + +angular.module('rateOverrides.edit', [ + 'bulbs.cms.site.config', + 'rateOverrides.edit.directive' +]) + .config(function ($routeProvider) { + $routeProvider + .when('/cms/app/rate-overrides/edit/:id/', { + controller: function ($routeParams, $scope, $window, CmsConfig) { + $window.document.title = CmsConfig.getCmsName() + ' | Edit Rate Override'; + $scope.routeId = $routeParams.id; + }, + template: '', + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('rateOverrides.list', [ + 'apiServices.rateOverride.factory', + 'bulbs.cms.site.config', + 'listPage' + ]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/rate-overrides/', { + controller: function($scope, $window, RateOverride) { + $window.document.title = CmsConfig.getCmsName() + ' | Rate Overrides'; + $scope.modelFactory = RateOverride; + }, + + templateUrl: CmsConfig.buildComponentPath('reporting/reporting-rate-overrides-list/reporting-rate-overrides-list.html') + }); + }); + +'use strict'; + +angular.module('roles.edit.directive', [ + 'apiServices.reporting.factory', + 'bulbs.cms.site.config', + 'lodash', + 'saveButton.directive', + 'topBar' +]) + .constant('PAYMENT_TYPES', [ + { + name: 'Flat Rate', + value: 'Flat Rate' + }, + { + name: 'FeatureType', + value: 'FeatureType' + }, + { + name: 'Hourly', + value: 'Hourly' + }, + { + name: 'Manual', + value: 'Manual' + } + ]) + .directive('rolesEdit', function (CmsConfig) { + return { + controller: function (_, $location, $q, $routeParams, $scope, Role, PAYMENT_TYPES) { + + $scope.page = 'contributions'; + $scope.PAYMENT_TYPES = PAYMENT_TYPES; + + if ($routeParams.id === 'new') { + $scope.model = Role.$build(); + $scope.isNew = true; + } else { + $scope.model = Role.$find($routeParams.id).$then(function () { + $scope.model.feature_type_rates.$fetch(); + $scope.model.flat_rates.$fetch(); + $scope.model.hourly_rates.$fetch(); + }); + } + + window.onbeforeunload = function (e) { + if (!_.isEmpty($scope.model.$dirty()) || $scope.isNew || $scope.needsSave) { + return 'You have unsaved changes.'; + } + }; + + $scope.$on('$destroy', function() { + delete window.onbeforeunload; + }); + + $scope.rateEditable = function () { + var paymentTypes = PAYMENT_TYPES.slice(0, 3); + if (paymentTypes.indexOf($scope.model.paymentType >= 0)) { + return true; + } + + return false; + }; + + $scope.getDirtyRates = function () { + var dirty = []; + // // Validate if flat_rate is dirty + if ($scope.model.hasOwnProperty('flat_rate') && !_.isEmpty($scope.model.flat_rate.$dirty())) { + dirty.push($scope.model.flat_rate); + } + + // Validate if hourly_rate is dirty + if ($scope.model.hasOwnProperty('hourly_rate') && !_.isEmpty($scope.model.hourly_rate.$dirty())) { + dirty.push($scope.model.hourly_rate); + } + + // Validate if feature_type_rates are dirty + $scope.model.feature_type_rates.forEach(function (rate) { + if (!_.isEmpty(rate.$dirty())) { + dirty.push(rate); + } + }); + + return dirty; + }; + + $scope.saveDirtyRates = function () { + var dirtyRates = $scope.getDirtyRates(); + dirtyRates.forEach(function (rate) { + rate.$save(); + }); + }; + + $scope.saveModel = function () { + var promise; + $scope.saveDirtyRates(); + if ($scope.model) { + promise = $scope.model.$save().$asPromise().then(function (data) { + $location.path('/cms/app/roles/edit/' + data.id + '/'); + }); + } else { + var deferred = $q.defer(); + deferred.reject(); + promise = deferred.promise; + } + return promise; + }; + }, + restrict: 'E', + scope: { + getModelId: '&modelId' + }, + templateUrl: CmsConfig.buildComponentPath('reporting/reporting-roles-edit/reporting-roles-edit.html') + }; + }); + +'use strict'; + +angular.module('roles.edit', [ + 'bulbs.cms.site.config', + 'roles.edit.directive' +]) + .config(function ($routeProvider) { + $routeProvider + .when('/cms/app/roles/edit/:id/', { + controller: function ($routeParams, $scope, $window, CmsConfig) { + $window.document.title = CmsConfig.getCmsName() + ' | Edit Role'; + $scope.routeId = $routeParams.id; + }, + template: '', + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('roles.list', [ + 'apiServices.reporting.factory', + 'bulbs.cms.site.config', + 'listPage' + ]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/roles/', { + controller: function($scope, $window, Role) { + $window.document.title = CmsConfig.getCmsName() + ' | Roles'; + $scope.modelFactory = Role; + }, + templateUrl: CmsConfig.buildComponentPath('reporting/reporting-roles-list/reporting-roles-list.html') + }); + }); + +'use strict'; + +angular.module('reports', [ + 'lineItems.edit', + 'lineItems.list', + 'rateOverrides.edit', + 'rateOverrides.list', + 'roles.edit', + 'roles.list' +]); + +'use strict'; + +angular.module('sections.edit.directive', [ + 'apiServices.section.factory', + 'BettyCropper', + 'bulbs.cms.site.config', + 'copyButton', + 'customSearch', + 'lodash', + 'saveButton.directive', + 'sections.settings', + 'topBar' +]) + .directive('sectionsEdit', function (CmsConfig) { + return { + controller: function (_, $location, $q, $scope, SECTIONS_LIST_REL_PATH, Section) { + + $scope.LIST_URL = CmsConfig.buildExternalUrl(SECTIONS_LIST_REL_PATH); + + $scope.needsSave = false; + + var modelId = $scope.getModelId(); + if (modelId === 'new') { + // this is a new section, build it + $scope.model = Section.$build(); + $scope.isNew = true; + } else { + // this is an existing special coverage, find it + $scope.model = Section.$find($scope.getModelId()); + } + + window.onbeforeunload = function (e) { + if (!_.isEmpty($scope.model.$dirty()) || $scope.isNew || $scope.needsSave) { + // unsaved changes, show confirmation alert + return 'You have unsaved changes.'; + } + }; + + $scope.$on('$destroy', function() { + // ensure even is cleaned up when we leave + delete window.onbeforeunload; + }); + + $scope.saveModel = function () { + var promise; + + if ($scope.model) { + // have model, use save promise as deferred + promise = $scope.model.$save().$asPromise().then(function (data) { + if (modelId === 'new') { + $location.path('/cms/app/section/edit/' + data.id + '/'); + } + $scope.isNew = false; + $scope.needsSave = false; + }); + } else { + // no model, this is an error, defer and reject + var deferred = $q.defer(); + deferred.reject(); + promise = deferred.promise; + } + + return promise; + }; + }, + restrict: 'E', + scope: { + getModelId: '&modelId' + }, + templateUrl: CmsConfig.buildComponentPath('sections/sections-edit/sections-edit.html') + }; + }); + +'use strict'; + +angular.module('sections.edit', [ + 'bulbs.cms.site.config', + 'sections.edit.directive' +]) + .config(function ($routeProvider) { + $routeProvider + .when('/cms/app/section/edit/:id/', { + controller: function ($routeParams, $scope, $window, CmsConfig) { + $window.document.title = CmsConfig.getCmsName() + ' | Edit Section'; + $scope.routeId = $routeParams.id; + }, + template: '', + reloadOnSearch: false + }); + }); + +'use strict'; + +angular.module('sections.list', [ + 'apiServices.section.factory', + 'bulbs.cms.site.config', + 'listPage', + 'sections.settings' +]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/section/', { + controller: function ($scope, $window, SECTIONS_LIST_REL_PATH, Section) { + $window.document.title = CmsConfig.getCmsName() + ' | Section'; + $scope.modelFactory = Section; + $scope.LIST_URL = CmsConfig.buildExternalUrl(SECTIONS_LIST_REL_PATH); + }, + templateUrl: CmsConfig.buildComponentPath('sections/sections-list/sections-list-page.html') + }); + }); + +'use strict'; + +angular.module('sections.settings', []) + .value('SECTIONS_LIST_REL_PATH', '/section/'); + +'use strict'; + +angular.module('sections', [ + 'sections.list', + 'sections.edit' +]); + +'use strict'; + +angular.module('bulbs.cms.sendToEditorModal.api', [ + 'bulbs.cms.dateTimeFilter', + 'bulbs.cms.site.config', + 'bulbs.cms.utils', + 'lodash', +]) + .service('SendToEditorApi', [ + '_', '$http', 'CmsConfig', 'dateTimeFormatFilter', 'moment', 'Utils', + function (_, $http, CmsConfig, dateTimeFormatFilter, moment, Utils) { + + var endpoint = function (article) { + return CmsConfig.buildApiUrlRoot('content', article.id, 'send/'); + }; + + var parsePayload = function (payload) { + var data = _.cloneDeep(payload.data); + return data; + }; + + return { + sendToEditor: function (article, status, notes) { + return $http.post( + endpoint(article), { + status: status, + notes: notes + } + ).then(function (response) { + return parsePayload(response); + }); + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.sendToEditorModal', [ + 'bulbs.cms.sendToEditorModal.api', + 'bulbs.cms.site.config', + 'Raven', + 'ui.bootstrap', + 'ui.bootstrap.modal' +]) + .directive('sendToEditorModalOpener', [ + '$modal', '$q', 'CmsConfig', 'SendToEditorApi', 'Raven', + function ($modal, $q, CmsConfig, SendToEditorApi, Raven) { + return { + restrict: 'A', + scope: { + modalArticle: '=', + modalOnBeforeOpen: '&', + modalOnCancel: '&', + modalOnOk: '&' + }, + link: function (scope, element) { + + scope.statuses = CmsConfig.getArticleEditoralStatuses(); + scope.modalInstance = false; + + var setupAndOpenModal = function () { + scope.clearError = function () { + scope.errorMessage = ''; + }; + + scope.sendToEditor = function (status, note) { + scope.clearError(); + + return SendToEditorApi.sendToEditor( + scope.modalArticle, + status, + 'Status: ' + status + '\n\n' + note + ) + .then(scope.modalInstance.close) + .catch(function (response) { + Raven.captureMessage('Error attempting to send to editor', { + response: response + }); + scope.errorMessage = 'An error occurred!'; + }); + }; + + scope.modalInstance = $modal + .open({ + scope: scope, + templateUrl: CmsConfig.buildComponentPath( + 'send-to-editor-modal', + 'send-to-editor-modal.html' + ) + }); + + scope.modalInstance.result + .then(scope.modalOnOk) + .catch(scope.modalOnCancel) + .finally(function () { + scope.modalInstance = false; + }); + }; + + element.addClass('send-to-editor-modal-opener'); + element.on('click', function () { + + if (!scope.modalInstance) { + + $q.when(scope.modalOnBeforeOpen()) + .then(function (result) { + + if (result !== false) { + setupAndOpenModal(); + } + }); + } + }); + } + }; + } + ]); + +'use strict'; + +angular.module('specialCoverage.edit.directive', [ + 'apiServices.campaign.factory', + 'apiServices.specialCoverage.factory', + 'bulbs.cms.site.config', + 'campaignAutocomplete', + 'copyButton', + 'customSearch', + 'lodash', + 'specialCoverage.settings', + 'topBar', + 'ui.bootstrap.tooltip', + 'videoList', + 'bulbs.cms.superFeatures.tab', +]) + .directive('specialCoverageEdit', function (CmsConfig) { + return { + controller: function (_, $location, $q, $scope, $modal, Campaign, + SPECIAL_COVERAGE_LIST_REL_PATH, SpecialCoverage) { + + $scope.ACTIVE_STATES = SpecialCoverage.ACTIVE_STATES; + $scope.LIST_URL = CmsConfig.buildExternalUrl(SPECIAL_COVERAGE_LIST_REL_PATH); + + $scope.needsSave = false; + + $scope.tunicCampaignIdMapping = {}; + + var modelId = $scope.getModelId(); + if (modelId === 'new') { + // this is a new special coverage, build it + $scope.model = SpecialCoverage.$build(); + $scope.isNew = true; + } else { + // this is an existing special coverage, find it + $scope.model = SpecialCoverage.$find($scope.getModelId()).$then(function () { + $scope.model.$loadTunicCampaign().then(function (campaign) { + $scope.tunicCampaignIdMapping[campaign.id] = campaign; + }); + }); + } + + + window.onbeforeunload = function (e) { + if (!_.isEmpty($scope.model.$dirty()) || $scope.isNew || $scope.needsSave) { + // unsaved changes, show confirmation alert + return 'You have unsaved changes.'; + } + }; + + $scope.$on('$destroy', function() { + // ensure even is cleaned up when we leave + delete window.onbeforeunload; + }); + + $scope.saveModel = function () { + var promise; + + if ($scope.model) { + // have model, use save promise as deferred + promise = $scope.model.$save().$asPromise().then(function (data) { + if (modelId === 'new') { + $location.path('/cms/app/special-coverage/edit/' + data.id + '/'); + } + $scope.isNew = false; + $scope.needsSave = false; + }); + } else { + // no model, this is an error, defer and reject + var deferred = $q.defer(); + deferred.reject(); + promise = deferred.promise; + } + + return promise; + }; + + $scope.previewLinkModal = function () { + return $modal.open({ + templateUrl: '/views/modals/preview-link-modal.html', + scope: $scope, + resolve: {} + }); + }; + + $scope.tunicCampaignFormatter = function (campaignId) { + if (campaignId in $scope.tunicCampaignIdMapping) { + var campaign = $scope.tunicCampaignIdMapping[campaignId]; + return campaign.name + ' - ' + campaign.number; + } + }; + + $scope.searchCampaigns = function (searchTerm) { + return $scope.model.$searchCampaigns({search: searchTerm}).then(function (campaigns) { + campaigns.forEach(function (campaign) { + $scope.tunicCampaignIdMapping[campaign.id] = campaign; + }); + // Formatter expects list of IDs + return campaigns.map(function (campaign) { return campaign.id; }); + }); + }; + }, + restrict: 'E', + scope: { + getModelId: '&modelId' + }, + templateUrl: CmsConfig.buildComponentPath('special-coverage/special-coverage-edit/special-coverage-edit.html') + }; + }); + +'use strict'; + +angular.module('specialCoverage.edit', [ + 'bulbs.cms.site.config', + 'specialCoverage.edit.directive' +]) + .config(function ($routeProvider) { + $routeProvider + .when('/cms/app/special-coverage/edit/:id/', { + controller: function ($routeParams, $scope, $window, CmsConfig) { + $window.document.title = CmsConfig.getCmsName() + ' | Edit Special Coverage'; + $scope.routeId = $routeParams.id; + }, + template: '' + }); + }); + +'use strict'; + +angular.module('specialCoverage.list', [ + 'apiServices.specialCoverage.factory', + 'bulbs.cms.site.config', + 'listPage', + 'moment', + 'specialCoverage.settings' +]) + .config(function ($injector, $routeProvider, CmsConfigProvider) { + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + + $routeProvider + .when('/cms/app/special-coverage/', { + controller: function ($scope, $window, CmsConfig, + SPECIAL_COVERAGE_LIST_REL_PATH, SpecialCoverage) { + $window.document.title = CmsConfig.getCmsName() + ' | Special Coverage'; + $scope.modelFactory = SpecialCoverage; + $scope.LIST_URL = CmsConfig.buildExternalUrl(SPECIAL_COVERAGE_LIST_REL_PATH); + }, + templateUrl: CmsConfig.buildComponentPath('special-coverage/special-coverage-list/special-coverage-list-page.html') + }); + }); + +'use strict'; + +angular.module('specialCoverage.settings', []) + .value('SPECIAL_COVERAGE_LIST_REL_PATH', '/special/'); + +'use strict'; + +angular.module('specialCoverage', [ + 'specialCoverage.list', + 'specialCoverage.edit' +]); + +'use strict'; + +angular.module('bulbs.cms.staticImage', [ + 'bulbs.cms.site.config' +]) + .directive('staticImage', [ + 'CmsConfig', + function (CmsConfig) { + return { + templateUrl: CmsConfig.buildComponentPath( + 'static-image', + 'static-image.html' + ), + restrict: 'E', + scope: { + image: '=', + ratio: '@' + }, + link: function (scope, element, attrs) { + + scope.$watch('image', function () { + if (scope.image && scope.image.id) { + scope.imageUrl = CmsConfig.buildImageApiUrl( + scope.image.id, + scope.ratio || '16x9', + '1200.jpg' + ); + } else { + scope.imageUrl = false; + } + }); + } + }; + } + ]); + +'use strict'; + +angular.module('statusFilter.config', [ + 'bulbs.cms.site.config', + 'contentServices.listService', + 'moment' +]) + .provider('StatusFilterOptions', function (moment) { + var _statuses = [ + {label: 'Draft', key: 'status', value: 'Draft'}, + {label: 'Awaiting Review', key: 'status', value: 'Waiting for Editor'}, + {label: 'Published', key: 'before', value: function () { return moment().format('YYYY-MM-DDTHH:mmZ'); }}, + {label: 'Scheduled', key: 'after', value: function () { return moment().format('YYYY-MM-DDTHH:mmZ'); }}, + {label: 'All', key: null, value: null} + ]; + + this.setStatuses = function (statuses) { + _statuses = statuses; + }; + + this.$get = function () { + return { + getStatuses: function () { + return _statuses; + } + }; + }; + }); + +'use strict'; + +angular.module('statusFilter.directive', [ + 'bulbs.cms.site.config', + 'contentServices.listService', + 'statusFilter.config' +]) + .directive('statusFilter', function ($location, _, StatusFilterOptions, ContentListService, CmsConfig) { + return { + templateUrl: CmsConfig.buildComponentPath('status-filter/status-filter.html'), + restrict: 'E', + scope: {}, + controller: 'ContentlistCtrl', + link: function postLink(scope, element, attrs) { + scope.options = StatusFilterOptions.getStatuses(); + + /** + * Test if a particular option is currently active by comparing it to + * $location.search(). + * + * @param {object} option - option parameters to test for. + * @returns true if option is in $location.search, false otherwise. + */ + scope.isActive = function (option) { + if (option.key && option.key in $location.search() && + $location.search()[option.key] === getValue(option)) { + return true; + } else if (!option.key) { //all + var possibleKeys = _.pluck(scope.options, 'key'); + var searchKeys = _.keys($location.search()); + if (_.intersection(possibleKeys, searchKeys).length > 0) { + return false; + } else { + return true; + } + } + return false; + }; + + scope.filterByStatus = function (option) { + var search = {}; + var value; + if (option.key) { + value = getValue(option); + search[option.key] = value; + } + + return ContentListService.$updateContent(search, false); + }; + + function getValue(option) { + var value; + if (typeof option.value === 'function') { + value = option.value(); + } else { + value = option.value; + } + return value; + } + + } + }; + }); + +'use strict'; + +angular.module('statusFilter', [ + 'statusFilter.directive' +]); + +'use strict'; + +angular.module('bulbs.cms.superFeatures.api', [ + 'bulbs.cms.dateTimeFilter', + 'bulbs.cms.site.config', + 'bulbs.cms.utils', + 'lodash', + 'moment' +]) + .service('SuperFeaturesApi', [ + '_', '$http', '$sce', 'CmsConfig', 'dateTimeFormatFilter', 'moment', 'Utils', + function (_, $http, $sce, CmsConfig, dateTimeFormatFilter, moment, Utils) { + + var superFeatureEndpoint = CmsConfig.buildApiUrlRoot.bind(null, 'super-feature'); + var contentEndpoint = CmsConfig.buildApiUrlRoot.bind(null, 'content'); + + var parsePayload = function (payload) { + var data = _.cloneDeep(payload); + + if (payload.published) { + data.published = moment.tz(payload.published, CmsConfig.getTimezoneName()); + } + + return data; + }; + + var cleanData = function (data) { + var payload = _.chain(data) + .omit('published') + .cloneDeep() + .value(); + + if (data.published) { + payload.published = data.published.format(); + } + + return payload; + }; + + return { + createSuperFeature: function (data) { + var payload = cleanData(data); + return $http.post( + contentEndpoint(Utils.param({ + doctype: CmsConfig.getSuperFeaturesType() + })), + payload) + .then(function (response) { + return parsePayload(response.data); + }); + }, + deleteSuperFeature: function (data) { + return $http.delete(contentEndpoint(data.id, '/')); + }, + fields: [{ + title: 'Super Feature Name', + sorts: 'title', + content: function (superFeature) { + return $sce.trustAsHtml(superFeature.title); + } + }, { + title: 'Total Nested Pages', + content: 'children_count' + }, { + title: 'Publish Date', + content: function (superFeature) { + var now = moment(); + var cellContent = ''; + + if (!superFeature.published) { + cellContent = 'Draft'; + } else if (now.isSameOrAfter(superFeature.published)) { + cellContent = dateTimeFormatFilter(superFeature.published); + } else if (now.isBefore(superFeature.published)) { + cellContent = dateTimeFormatFilter( + superFeature.published, + '[Scheduled for] M/D/YY h:mma z' + ); + } + + return cellContent; + } + }], + getSuperFeature: function (id) { + return $http.get(superFeatureEndpoint(id, '/')).then(function (response) { + return parsePayload(response.data); + }); + }, + getSuperFeatures: function (params) { + return $http.get(superFeatureEndpoint(Utils.param(params))) + .then(function (response) { + return { + results: response.data.results.map(function (result) { + return parsePayload(result); + }) + }; + }); + }, + getSuperFeatureRelations: function (id) { + return $http.get(superFeatureEndpoint(id, 'relations/')) + .then(function (response) { + return { + results: response.data.map(function (result) { + return parsePayload(result); + }) + }; + }); + }, + name: 'Super Feature', + namePlural: 'Super Features', + updateSuperFeature: function (data) { + var payload = cleanData(data); + return $http.put(contentEndpoint(data.id, '/'), payload) + .then(function (response) { + return parsePayload(response.data); + }); + }, + updateSuperFeatureRelationsOrdering: function (id, relations) { + var remappedRelations = relations.map(function (relation) { + return _.pick(relation, 'id', 'ordering'); + }); + return $http.put( + superFeatureEndpoint(id, 'relations', 'ordering/'), + remappedRelations + ); + }, + updateAllRelationPublishDates: function (id) { + return $http.put(superFeatureEndpoint(id, 'set-children-dates/')); + } + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.superFeatures.edit', [ + 'bulbs.cms.breadcrumb', + 'bulbs.cms.contentSearch', + 'bulbs.cms.dynamicContent', + 'bulbs.cms.site.config', + 'bulbs.cms.superFeatures.api', + 'bulbs.cms.superFeatures.relations' +]) + .directive('superFeaturesEdit', [ + 'CmsConfig', 'ContentFactory', 'SuperFeaturesApi', 'Utils', + function (CmsConfig, ContentFactory, SuperFeaturesApi, Utils) { + return { + link: function (scope) { + + scope.breadcrumbs = [{ + label: 'Super Features', + href: '/cms/app/super-features' + }, { + label: function () { + return scope.article.title; + } + }]; + + var addParentToBreadcrumb = function (article) { + if (angular.isNumber(article.parent)) { + SuperFeaturesApi.getSuperFeature(article.parent) + .then(function (superFeature) { + scope.breadcrumbs.splice(1, 0, { + label: superFeature.title, + href: '/cms/app/edit/' + superFeature.id + '/' + CmsConfig.getSuperFeaturesType() + }); + + addParentToBreadcrumb(superFeature); + }); + } + }; + + addParentToBreadcrumb(scope.article); + + scope.maxRecircItems = 3; + scope.fullRecircContents = []; + + var retrieveContent = function (contentId) { + return ContentFactory.one('content', contentId).get(); + }; + + scope.includeRecirc = function (contentId) { + var recirc = scope.article.recirc_query; + + if (angular.isUndefined(recirc.included_ids)) { + recirc.included_ids = []; + } + + var newRecircIdsLength = recirc.included_ids.push(contentId); + retrieveContent(contentId).then(function (content) { + scope.fullRecircContents[newRecircIdsLength - 1] = content; + }); + }; + + scope.removeRecirc = function (index) { + Utils.removeFrom(scope.article.recirc_query.included_ids, index); + Utils.removeFrom(scope.fullRecircContents, index); + }; + + if (scope.article.recirc_query.included_ids) { + scope.article.recirc_query.included_ids.forEach(function (contentId, i) { + retrieveContent(contentId).then(function (content) { + scope.fullRecircContents[i] = content; + }); + }); + } + }, + // no scope here so we have access to the content edit scope without + // having to make changes to the brittle content edit controller, + // maybe we remove this wrapper someday when we refactor content edit + scope: false, + restrict: 'E', + templateUrl: CmsConfig.buildComponentPath( + 'super-features', + 'super-features-edit', + 'super-features-edit.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.superFeatures.list', [ + 'bulbs.cms.site.config', + 'bulbs.cms.superFeatures.api', + 'bulbsCmsApp.nonRestmodListPage', + 'lodash', + 'moment', + 'ngRoute', + 'statusFilter.config' +]) + .config([ + '_', '$injector', '$routeProvider', 'CmsConfigProvider', + 'StatusFilterOptionsProvider', + function (_, $injector, $routeProvider, CmsConfigProvider, + StatusFilterOptionsProvider) { + + var CmsConfig = $injector.invoke(CmsConfigProvider.$get); + var StatusFilterOptions = $injector.invoke(StatusFilterOptionsProvider.$get); + + $routeProvider + .when('/cms/app/super-features/', { + controller: [ + '$scope', '$window', 'SuperFeaturesApi', + function ($scope, $window, SuperFeaturesApi) { + $window.document.title = CmsConfig.getCmsName() + ' | Super Feature'; + $scope.modelFactory = SuperFeaturesApi; + + $scope.editPageUrlBuilder = function (item) { + return '/cms/app/edit/' + item.id + '/' + (item.polymorphic_ctype || CmsConfig.getSuperFeaturesType()); + }; + + // TODO: using status filters from content page here since list + // page needs them in a different format. when we move content + // list page to the generic list page directive, this can be + // removed. + $scope.statusFilterOptions = StatusFilterOptions.getStatuses() + .filter(function (option) { + return option.label !== 'All'; + }) + .map(function (option) { + var params = {}; + + if (option.key) { + params[option.key] = _.isFunction(option.value) ? option.value() : option.value; + } + + return { + title: option.label, + params: params + }; + }); + } + ], + templateUrl: CmsConfig.buildComponentPath( + 'super-features', + 'super-features-list', + 'super-features-list.html' + ) + }); + } + ]); + +'use strict'; + +angular.module('bulbs.cms.superFeatures.relations', [ + 'bettyEditable', + 'bulbs.cms.dateTimeFilter', + 'bulbs.cms.site.config', + 'bulbs.cms.superFeatures.api', + 'bulbs.cms.sendToEditorModal', + 'bulbs.cms.titleModal', + 'bulbs.cms.utils', + 'confirmationModal', + 'lodash', + 'moment', + 'Raven', + 'statusFilter.config' +]) + .directive('superFeaturesRelations', [ + '_', '$q', 'CmsConfig', 'moment', 'Raven', 'SuperFeaturesApi', + 'StatusFilterOptions', 'Utils', + function (_, $q, CmsConfig, moment, Raven, SuperFeaturesApi, + StatusFilterOptions, Utils) { + + return { + link: function (scope, element, attrs) { + var reportError = function (message, data) { + Raven.captureMessage(message, data); + scope.errorMessage = message; + }; + + scope.clearError = function () { + scope.errorMessage = ''; + }; + + scope.$watch('relations', function (newRelations, oldRelations) { + if (!angular.equals(newRelations, oldRelations)) { + scope.clearError(); + } + }, true); + + var normalizeOrderings = function (relations) { + relations.forEach(function (relation, i) { + relation.ordering = i + 1; + }); + }; + + SuperFeaturesApi.getSuperFeatureRelations(scope.article.id) + .then(function (response) { + scope.relations = response.results; + normalizeOrderings(scope.relations); + }) + .catch(function (response) { + var message = 'An error occurred retrieving relations!'; + reportError(message, { response: response }); + }); + + scope.statuses = StatusFilterOptions.getStatuses() + .filter(function (status) { + // remove default status + return !!status.value; + }); + + var relationFormPrefix = 'relationForm_'; + var orderingFormPrefix = 'orderingInputForm_'; + + scope.wrapperForm = {}; + scope.makeRelationFormName = function (relation) { + return relationFormPrefix + relation.id; + }; + scope.makeOrderingFormName = function (relation) { + return orderingFormPrefix + relation.id; + }; + scope.getRelationForm = function (relation) { + return scope.wrapperForm[scope.makeRelationFormName(relation)]; + }; + scope.getOrderingForm = function (relation) { + return scope.wrapperForm[scope.makeOrderingFormName(relation)]; + }; + + scope.isAtLeastOneRelationFormDirty = function () { + return Object.keys(scope.wrapperForm) + .reduce(function (isDirty, key) { + if (key.startsWith(relationFormPrefix)) { + return isDirty || scope.wrapperForm[key].$dirty; + } + return isDirty; + }, false); + }; + + var lock = Utils.buildLock(); + scope.transactionsLocked = lock.isLocked; + var reorder = function (operation) { + + return function () { + var funcArgs = arguments; + + var payload = scope.relations.map(function (relation) { + return _.pick(relation, 'id', 'ordering'); + }); + + operation.bind(null, payload).apply(null, funcArgs); + normalizeOrderings(payload); + + return SuperFeaturesApi.updateSuperFeatureRelationsOrdering( + scope.article.id, + payload + ) + .then(function () { + operation.bind(null, scope.relations).apply(null, funcArgs); + normalizeOrderings(scope.relations); + }) + .catch(function (response) { + var message = 'An error occurred attempting to reorder a child!'; + reportError(message, { response: response }); + }); + }; + }; + + scope.moveRelation = lock(reorder(Utils.moveTo)); + + scope.addRelation = lock(function (title) { + + return SuperFeaturesApi.createSuperFeature({ + parent: scope.article.id, + superfeature_type: scope.article.default_child_type, + title: title, + ordering: (_.max(scope.relations, 'ordering').ordering || 0) + 1 + }) + .then(function (relation) { + scope.relations.push(relation); + }) + .catch(function (response) { + var message = 'An error occurred attempting to add a child page!'; + reportError(message, { response: response }); + }); + }); + + scope.updateRelationsPublishDates = lock(function () { + + return SuperFeaturesApi + .updateAllRelationPublishDates(scope.article.id) + .then(function (response) { + scope.relations.forEach(function (relation) { + relation.published = moment.tz( + scope.article.published, + CmsConfig.getTimezoneName() + ); + }); + }) + .catch(function (response) { + var message = 'An error occurred attempting to update child publish dates!'; + reportError(message, { response: response }); + }); + }); + + scope.saveRelation = lock(function (relation) { + + var relationCopy = angular.copy(relation); + relationCopy.parent = scope.article.id; + + return SuperFeaturesApi.updateSuperFeature(relationCopy) + .catch(function (response) { + var titleDisplay = relation.title ? '"' + relation.title + '"' : 'a relation'; + var message = 'An error occurred attempting to update ' + titleDisplay + '!'; + reportError(message, { response: response }); + }) + .finally(function () { + scope.getRelationForm(relation).$setPristine(); + }); + }); + + scope.deleteRelation = lock(function (relation) { + + return SuperFeaturesApi.deleteSuperFeature(relation) + .then(function () { + var index = scope.relations.indexOf(relation); + reorder(Utils.removeFrom)(index); + }) + .catch(function (response) { + var titleDisplay = relation.title ? '"' + relation.title + '"' : 'a relation'; + var message = 'An error occurred attempting to delete ' + titleDisplay + '!'; + reportError(message, { response: response }); + }); + }); + }, + restrict: 'E', + scope: { + article: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'super-features', + 'super-features-relations', + 'super-features-relations.html' + ) + }; + } + ]); + +'use strict'; + +angular.module('bulbs.cms.superFeatures.tab.item', [ + 'bulbs.cms.site.config', + 'bulbs.cms.superFeatures.api', + 'filters.moment' +]) + .directive('superFeaturesTabItem', function (CmsConfig, SuperFeaturesApi) { + return { + link: function (scope) { + + var requestSuperFeature = function () { + + if (angular.isNumber(scope.model)) { + SuperFeaturesApi.getSuperFeature(scope.model) + .then(function (superFeature) { + scope.superFeature = superFeature; + }); + } + }; + + scope.$watch('model', requestSuperFeature); + }, + restrict: 'E', + scope: { + model: '=' + }, + templateUrl: CmsConfig.buildComponentPath( + 'super-features', + 'super-features-tab', + 'super-features-tab-item', + 'super-features-tab-item.html' + ) + }; + }); + +'use strict'; + +angular.module('bulbs.cms.superFeatures.tab', [ + 'autocompleteBasic', + 'bulbs.cms.site.config', + 'bulbs.cms.utils', + 'jquery', + 'ui.sortable', + 'bulbs.cms.superFeatures.tab.item', + 'bulbs.cms.superFeatures.api' +]) + .directive('superFeaturesTab', function ($, SuperFeaturesApi, CmsConfig) { + return { + controller: function (_, $scope, Utils, Video) { + + $scope.moveUp = function (index) { + Utils.moveTo($scope.superFeatures, index, index - 1); + $scope.onUpdate(); + }; + + $scope.moveDown = function (index) { + Utils.moveTo($scope.superFeatures, index, index + 1); + $scope.onUpdate(); + }; + + $scope.delete = function (index) { + Utils.removeFrom($scope.superFeatures, index); + $scope.onUpdate(); + }; + + $scope.addSuperFeature = function (superFeature) { + $scope.addSuperFeatureCallback({ superFeature: superFeature }); + $scope.onUpdate(); + }; + + $scope.searchSuperFeature = function (query) { + return SuperFeaturesApi.getSuperFeatures({search:query}).then( + function(response) { + return response.results; + }); + }; + + }, + link: function (scope, element, attr) { + + scope.sortableOptions = { + beforeStop: function (e, ui) { + ui.helper.css('margin-top', 0); + }, + change: function (e, ui) { + ui.helper.css('margin-top', $(window).scrollTop()); + }, + containment: 'super-feature-list', + distance: 3, + opacity: 0.75, + placeholder: 'dropzone', + start: function (e, ui) { + ui.helper.css('margin-top', $(window).scrollTop()); + } + }; + }, + restrict: 'E', + scope: { + addSuperFeatureCallback: '&addSuperFeature', + superFeatures: '=', + onUpdate: '&' + }, + templateUrl: CmsConfig.buildComponentPath( + 'super-features', + 'super-features-tab', + 'super-features-tab.html' + ) + }; + }); + +'use strict'; + +angular.module('bulbs.cms.superFeatures', [ + 'bulbs.cms.superFeatures.list', + 'bulbs.cms.superFeatures.edit' +]); + +'use strict'; + +angular.module('templateTypeField.directive', [ + 'bulbs.cms.site.config' +]) + .directive('templateTypeField', function (CmsConfig) { + return { + controller: function (_, $scope, ContentFactory, TEMPLATE_TYPES) { + $scope.templateTypes = _.filter(TEMPLATE_TYPES, {content_type: $scope.content.polymorphic_ctype}); + }, + restrict: 'E', + scope: { + content: '=' + }, + templateUrl: CmsConfig.buildComponentPath('template-type-field/template-type-field.html') + }; + }); + +'use strict'; + +angular.module('templateTypeField', [ + 'templateTypeField.directive' +]) + .value('TEMPLATE_TYPES', [{ + name: 'Small Width', + slug: 'small-width', + content_type: 'content_content' + }, { + name: 'Large Width', + slug: 'large-width', + content_type: 'content_content' + }]); + +'use strict'; + +angular.module('bulbs.cms.titleModal', [ + 'bulbs.cms.site.config', + 'ui.bootstrap', + 'ui.bootstrap.modal' +]) + .directive('titleModalOpener', [ + '$modal', 'CmsConfig', + function ($modal, CmsConfig) { + return { + restrict: 'A', + scope: { + modalBodyBefore: '@', + modalBodyAfter: '@', + modalCancelText: '@', + modalOkText: '@', + modalOnCancel: '&', + modalOnOk: '&', + modalTitle: '@' + }, + link: function (scope, element) { + + element.addClass('title-modal-opener'); + element.on('click', function () { + + if (!scope.modalInstance) { + + scope.modalInstance = $modal + .open({ + scope: scope, + templateUrl: CmsConfig.buildComponentPath( + 'title-modal', + 'title-modal.html' + ) + }); + + scope.modalInstance.result + .then(scope.modalOnOk) + .catch(scope.modalOnCancel) + .finally(function () { + scope.modalInstance = false; + }); + } + }); + } + }; + } + ]); + +'use strict'; + +/** + * Renders a topbar template based on a given path relative to "/components/". + */ +angular.module('topBar.directive', [ + 'bulbs.cms.site.config' +]) + .directive('topBar', function (CmsConfig) { + return { + restrict: 'E', + scope: { + logoHref: '@', + itemsDropdownTitle: '@', + itemsDropdown: '=', + itemsTop: '=', + saveFunction: '=', + saveDisableWhen: '&' + }, + templateUrl: CmsConfig.buildComponentPath('top-bar/top-bar-base.html'), + link: function (scope) { + scope.NAV_LOGO = CmsConfig.getNavLogoPath(); + } + }; + }); + +'use strict'; + +angular.module('topBar.item.factory', []) + .factory('TopBarItem', function () { + + var TopBarItem = function (params) { + this.displayText = params.displayText || ''; + this.displayIconClasses = params.displayIconClasses || ''; + this.containerClasses = params.containerClasses || ''; + this.clickFunction = params.clickFunction || function () {}; + }; + + return TopBarItem; + }); + +'use strict'; + +angular.module('topBar', [ + 'topBar.directive', + 'topBar.item.factory' +]); + +'use strict'; + +/** + * Restmod mixin that looks for fieldDisplays in $configs, objects with a title and + * optionally a value and sorts property. + * + * title is used to label a given field, should be unique. + * + * value is an optional field transformed into a new property function called + * evalute; when invoked with a record, value string will evaluate with $parse, + * where 'record' is the given record. + * + * sorts is an optional field that can be a string or a function. As a string it + * should be the name of a property to order by. As a function, it should take + * a direction--'asc'/undefined for the default direction, 'desc' for the opposite + * direction--and return an ordering string. + * + * Field display objects are available at the model level as the $fieldDisplays function. + * Returns a list of field displays to be used in templates. + */ +angular.module('apiServices.mixins.fieldDisplay', [ + 'restmod' +]) + .factory('FieldDisplay', function($parse, restmod) { + + /** + * Generates a function that can be passed a record and evalutes given value + * string agaist that record to return the string to be displayed to the user. + * + * @param {string} value - string that will be evaluted with record as an instance + * of model, e.g. the value string 'record.name' would print out the instance's + * name property. + * @returns {function} takes a record and is evaluates the given value with given + * record. + */ + var parserWrap = function (value) { + // return a function that can be called with given string to generate parser + return (function (value) { + // return a function that will be called in template + var parsed = $parse(value); + return function (record) { + // use angular's $parse to create a function that will eval in the correct scope + return parsed({record: record}); + }; + })(value); + }; + + /** + * Default sorting string builder. If field display object sorts property is a + * function, that will override the functionality provided by this function. Use + * this for more complex sorting strings, such as those that have multiple paramters. + * + * @param {String} sorts - sorts property provided by field display object. Should be + * the non-negated property name to sort on. + * @returns {function} evaluated with a direction string, either 'asc'/undefined for the + * default sorting direction, or 'desc' for opposite sorting direction. + */ + var getOrdering = function (sorts) { + return (function (sorts) { + return function (direction) { + var ordering = ''; + if (direction === 'desc') { + // do opposite of default sort + ordering = '-' + sorts; + } else { + // do default sort, only supports 1 parameter + ordering = sorts; + } + return ordering; + }; + })(sorts); + }; + + return restmod.mixin(function () { + + this.define('Scope.$fieldDisplays', function () { + var fieldDisplays = this.getProperty('fieldDisplays'); + if (fieldDisplays) { + var i; + for (i = 0; i < fieldDisplays.length; i++) { + var fieldDisplay = fieldDisplays[i]; + + // set up evaluation function if a value was provided + if (fieldDisplay.value) { + fieldDisplay.evaluate = parserWrap(fieldDisplay.value); + } + + // set up storting function if sorts was provided + if (fieldDisplay.sorts) { + if (typeof fieldDisplay.sorts === 'function') { + // sort function was provided, use that + fieldDisplay.getOrdering = fieldDisplay.sorts; + } else { + // function not provided, use default one + fieldDisplay.getOrdering = getOrdering(fieldDisplay.sorts); + } + } + } + } + return fieldDisplays; + }); + + }); + }); + +'use strict'; + +angular.module('apiServices', [ + 'restmod', + 'restmod.styles.drfPaged' +]) + .constant('API_URL_ROOT', '/cms/api/v1/') + .config(function (API_URL_ROOT, restmodProvider) { + restmodProvider.rebase('DjangoDRFPagedApi', { + $config: { + style: 'BulbsApi', + urlPrefix: API_URL_ROOT + } + }); + }); + +'use strict'; + +angular.module('apiServices.campaign.factory', [ + 'apiServices', + 'apiServices.mixins.fieldDisplay', + 'filters.moment' +]) + .factory('Campaign', function (restmod) { + return restmod.model('campaign').mix('FieldDisplay', 'NestedDirtyModel', { + $config: { + name: 'Campaign', + plural: 'Campaigns', + primaryKey: 'id', + fieldDisplays: [{ + title: 'Campaign', + value: 'record.campaignLabel', + sorts: 'campaign_label' + }, { + title: 'Sponsor', + value: 'record.sponsorName', + sorts: 'sponsor_name' + }, { + title: 'Start Date', + value: 'record.startDate.format("MM/DD/YY") || "--"', + sorts: 'start_date' + }, { + title: 'End Date', + value: 'record.endDate.format("MM/DD/YY") || "--"', + sorts: 'end_date' + }] + }, + + pixels: { + init: [{}], + }, + + // fields from frontend to backend + end_date: { + encode: 'moment_to_date_string', + }, + start_date: { + encode: 'moment_to_date_string', + }, + + // fields from backend to frontend + endDate: { + decode: 'date_string_to_moment', + }, + startDate: { + decode: 'date_string_to_moment' + }, + + $extend: { + Model: { + simpleSearch: function (searchTerm) { + return this.$search({search: searchTerm, ordering: 'campaign_label'}).$asPromise(); + } + } + } + }); + }); + +'use strict'; + +angular.module('apiServices.customSearch.count.factory', [ + 'apiServices', + 'apiServices.customSearch.settings' +]) + .factory('CustomSearchCount', function (_, CustomSearchSettings, restmod) { + + var Count = restmod.model(CustomSearchSettings.countEndpoint).mix({ + count: 0 + }); + + return { + $retrieveResultCount: function (query) { + return Count.$create(query).$asPromise() + .then(function (model) { + return model.$response.data.root.count; + }); + } + }; + }); + +'use strict'; + +/** + * Wrapper functions for custom search endpoints. + */ +angular.module('apiServices.customSearch.factory', [ + 'apiServices.customSearch.count.factory', + 'apiServices.customSearch.groupCount.factory', + 'apiServices.customSearch.settings', + 'lodash', + 'restmod' +]) + .factory('CustomSearch', function (_, restmod, CustomSearchCount, CustomSearchGroupCount, + CustomSearchSettings) { + + var CustomSearch = restmod.model(CustomSearchSettings.searchEndpoint).mix({ + $config: { + jsonRootSingle: 'results' + }, + $hooks: { + 'before-save': function (_req) { + _req.url += '/?page=' + _req.data.page; + } + } + }); + + return { + $retrieveResultCount: CustomSearchCount.$retrieveResultCount, + $retrieveGroupCount: CustomSearchGroupCount.$retrieveResultCount, + $retrieveContent: function (query) { + return CustomSearch.$create(query).$asPromise() + .then(function (model) { + return model.$response.data; + }); + } + }; + }); + +'use strict'; + +angular.module('apiServices.customSearch.groupCount.factory', [ + 'apiServices', + 'apiServices.customSearch.settings' +]) + .factory('CustomSearchGroupCount', function (_, CustomSearchSettings, restmod) { + + var Count = restmod.model(CustomSearchSettings.groupCountEndpoint).mix({ + count: 0 + }); + + return { + $retrieveResultCount: function (query) { + return Count.$create(query).$asPromise() + .then(function (model) { + return model.$response.data.root.count; + }); + } + }; + }); + +'use strict'; + +angular.module('apiServices.customSearch.settings', []) + .service('CustomSearchSettings', function () { + + return { + searchEndpoint: 'custom-search-content', + groupCountEndpoint: 'custom-search-content/group_count', + countEndpoint: 'custom-search-content/count' + }; + }); + +'use strict'; + +angular.module('apiServices.featureType.factory', [ + 'apiServices' +]) + .factory('FeatureType', [ + 'restmod', + function (restmod) { + return restmod.model('things').mix('NestedDirtyModel', { + $config: { + name: 'FeatureType', + plural: 'FeatureTypes', + primaryKey: 'id', + }, + + $extend: { + Model: { + simpleSearch: function (searchTerm) { + return this.$search({type: 'feature_type', q: searchTerm}).$asPromise(); + } + } + } + }); + }] + ); +'use strict'; + +angular.module('apiServices.notification.factory', [ + 'apiServices', + 'apiServices.customSearch.count.factory', + 'apiServices.mixins.fieldDisplay', + 'filters.moment', +]) + .factory('Notification', function (_, CustomSearchCount, restmod) { + var notificationEndpoint = 'notification'; + + return restmod.model(notificationEndpoint).mix('FieldDisplay', 'NestedDirtyModel', { + $config: { + name: 'Notification', + plural: 'Notifications', + primaryKey: 'id', + fieldDisplays: [{ + title: 'Internal Name', + value: 'record.internalTitle || "--"', + sorts: 'internal_title' + }, { + title: 'State', + value: 'record.isPublished ? "Published" : "Unpublished"', + sorts: 'is_published' + }, { + title: 'Created On', + value: 'record.createdOn.format("MM/DD/YYYY")', + sorts: 'created_on' + }] + }, + + // fields from frontend to backend + created_on: { + encode: 'moment_to_date_string', + }, + + // fields from backend to frontend + createdOn: { + decode: 'date_string_to_moment' + } + + }); + }); + +'use strict'; + +angular.module('apiServices.answer.factory', [ + 'apiServices', + 'bulbs.cms.config', + 'lodash' +]) +.factory('Answer', ['$http', '$q', '_', 'CmsConfig', function ($http, $q, _, CmsConfig) { + + var answerUrl = CmsConfig.buildApiUrlRoot('poll-answer/'); + var error = function(message) { + return new Error('Poll Error: ' + message); + }; + + function deleteAnswers(deletedAnswers) { + var deletePromise = _.map(deletedAnswers, function(deletedAnswer) { + return $http.delete(answerUrl + deletedAnswer.id); + }); + $q.all(deletePromise).then(function(response) { + return response; + }); + } + + function putAnswer(oldAnswers, newAnswer) { + var oldAnswer = _.filter(oldAnswers, {id: newAnswer.id})[0]; + if(newAnswer.answer_text !== oldAnswer.answer_text) { + return $http.put(answerUrl + newAnswer.id, { + answer_text: newAnswer.answer_text + }).then(function(response) { + return response.data; + }); + } + } + + function postAnswer(answer, pollId) { + if(!_.isNumber(pollId) || _.isUndefined(answer.answer_text)) { + throw error('poll id and answer_text fields required'); + } + return $http.post(answerUrl, { + poll: pollId, + answer_text: answer.answer_text + }).then(function(response) { + return response.data; + }); + } + + function updatePollAnswers(scope) { + deleteAnswers(scope.deletedAnswers); + _.forEach(scope.answers, function(answer) { + if(answer.notOnSodahead) { + postAnswer(answer, scope.model.id); + } else { + putAnswer(scope.model.answers, answer); + } + }); + } + + return { + postAnswer: postAnswer, + updatePollAnswers: updatePollAnswers + }; +}]); + +'use strict'; + +angular.module('apiServices.poll.factory', [ + 'apiServices', + 'apiServices.mixins.fieldDisplay', + 'bulbsCmsApp.nonRestmodListPage', + 'filters.moment', + 'lodash' +]) +.factory('Poll', + ['$filter', '$http', '$q', '_', 'moment', 'Utils', + function ($filter, $http, $q, _, moment, Utils) { + + var error = function(message) { + return new Error('Poll Error: ' + message); + }; + + var fields = [{ + title: 'Poll Name', + sorts: 'title', + }, { + title: 'Publish Date', + sorts: 'publish_date', + content: function (poll) { + return poll.published ? poll.published.format('MM/DD/YY h:mma') : '—'; + }, + }, { + title: 'Close Date', + sorts: 'end_date', + content: function (poll) { + return poll.end_date ? poll.end_date.format('MM/DD/YY h:mma') : '—'; + }, + }]; + var name = 'Poll'; + var namePlural = 'Polls'; + var pollUrl = '/cms/api/v1/poll/'; + + function parsePayload (payload) { + var data = _.clone(payload); + var filter = $filter('date_string_to_moment'); + data.end_date = filter(data.end_date); + data.published = filter(data.published); + return data; + } + + function cleanPayload (originalPayload) { + var momentToDateString = $filter('moment_to_date_string'); + var payload = _.clone(originalPayload); + + if(_.isUndefined(payload.title) && _.isUndefined(payload.question_text)) { + throw error('title and question text required'); + } + + if(payload.end_date) { + if(!moment.isMoment(payload.end_date)) { + throw error('end_date must be a moment object'); + } + payload.end_date = momentToDateString(payload.end_date); + } + + if (payload.published) { + if(!moment.isMoment(payload.published)) { + throw error('published must be a moment object'); + } + payload.published = momentToDateString(payload.published); + } + + return _.pick(payload, [ + 'title', + 'question_text', + 'published', + 'end_date' + ]); + } + + function getPoll(pollId) { + return $http.get(pollUrl + pollId + '/') + .then(function (response) { + return parsePayload(response.data); + }); + } + + function getPolls(params) { + var url = pollUrl + Utils.param(params); + return $http.get(url) + .then(function (response) { + response.data.results = response.data.results.map(function (poll) { + return parsePayload(poll); + }); + return response.data; + }); + } + + function postPoll(data) { + var payload = cleanPayload(data); + + return $http.post(pollUrl, payload) + .then(function(response) { + return response.data; + }); + } + + function updatePoll(data) { + var payload = cleanPayload(data); + + return $http.put(pollUrl + data.id + '/', payload) + .then(function(response) { + return response.data; + }); + } + + function deletePoll(pollId) { + return $http.delete(pollUrl + pollId + '/') + .then(function(response) { + return response; + }); + } + + return { + getPoll: getPoll, + getPolls: getPolls, + fields: fields, + name: name, + namePlural: namePlural, + postPoll: postPoll, + updatePoll: updatePoll, + deletePoll: deletePoll + }; +}]); + +'use strict'; + +angular.module('apiServices.lineItem.factory', [ + 'apiServices', + 'apiServices.mixins.fieldDisplay' +]) + .factory('LineItem', function (_, restmod) { + var contributorEndpoint = 'contributions/line-items'; + + return restmod.model(contributorEndpoint).mix('FieldDisplay', 'NestedDirtyModel', { + $config: { + name: 'Line Item', + plural: 'Line Items', + primaryKey: 'id', + fieldDisplays: [ + { + title: 'Contributor', + value: 'record.contributor.fullName' + }, + { + title: 'Amount $', + value: 'record.amount' + }, + { + title: 'Note', + value: 'record.note' + }, + { + title: 'Date', + value: 'record.paymentDate.format("MM/DD/YY") || "--"', + } + ] + }, + + paymentDate: { + decode: 'date_string_to_moment', + encode: 'moment_to_date_string' + }, + payment_date: { + decode: 'date_string_to_moment', + encode: 'moment_to_date_string', + } + + }); + }); +'use strict'; + +angular.module('apiServices.rateOverride.factory', [ + 'apiServices', + 'apiServices.mixins.fieldDisplay' +]) + .factory('RateOverride', function (_, restmod) { + var rateOverrideEndpoint = 'contributions/rate-overrides'; + + return restmod.model(rateOverrideEndpoint).mix('FieldDisplay', 'NestedDirtyModel', { + $config: { + name: 'Rate Override', + plural: 'Rate Overrides', + primaryKey: 'id', + fieldDisplays: [ + { + title: 'Name', + value: 'record.contributor.fullName' + }, + { + title: 'Role', + value: 'record.role.name' + } + ] + }, + role: { + init: {} + }, + $hooks: { + 'before-save': function(_req) { + var featureTypes = _req.data.feature_types; + if (featureTypes.length > 0) { + for (var key in featureTypes) { + var obj = featureTypes[key]; + if (obj.hasOwnProperty('featureType')) { + if (obj.featureType.hasOwnProperty('name')) { + _req.data.feature_types[key].feature_type = obj.featureType.name; + } else if (obj.featureType.hasOwnProperty('value')) { + _req.data.feature_types[key].feature_type.slug = obj.featureType.value; + } + } + } + } + }, + 'before-render': function(record) { + if (record.hasOwnProperty('feature_types')) { + for (var key in record.feature_types) { + if (record.feature_types[key].hasOwnProperty('feature_type')){ + if (record.feature_types[key].feature_type.hasOwnProperty('name')) { + record.feature_types[key].feature_type = record.feature_types[key].feature_type.name; + } + } + } + } + } + } + }); + }); +'use strict'; + +angular.module('apiServices.reporting.factory', [ + 'apiServices', + 'apiServices.mixins.fieldDisplay' +]) + .factory('Role', function (_, restmod) { + var roleEndpoint = 'contributions/role'; + return restmod.model(roleEndpoint).mix('FieldDisplay', 'NestedDirtyModel', { + flat_rates: { + hasMany: restmod.model(null, {}).mix('NestedDirtyModel'), + path: 'flat_rates', + params: {}, + hooks: { + 'after-fetch-many': function() { + if (this.length > 0) { + this.$owner.flat_rate = this[0]; + } else { + this.$owner.flat_rate = this.$owner.flat_rates.$create({ rate: 0 }); + } + } + } + }, + hourly_rates: { + hasMany: restmod.model(null, {rate: 0}).mix('NestedDirtyModel'), + path: 'hourly_rates', + params: {}, + hooks: { + 'after-fetch-many': function() { + if (this.length > 0) { + this.$owner.hourly_rate = this[0]; + } else { + this.$owner.hourly_rate = this.$owner.hourly_rates.$create({ rate: 0 }); + } + } + } + }, + feature_type_rates: { + hasMany: restmod.model(null, {}).mix('NestedDirtyModel'), + path: 'feature_type_rates', + params: {}, + hooks: { + 'after-fetch-many': function() { + var next = this.$metadata.next; + if (!_.isUndefined(next) && next !== null) { + this.$owner.feature_type_rates.$page++; + this.$owner.feature_type_rates.$fetch(); + } + } + } + }, + $config: { + name: 'Role', + plural: 'Roles', + primaryKey: 'id', + fieldDisplays: [ + { + title: 'Role', + value: 'record.name' + }, + { + title: 'Payment Type', + value: 'record.paymentType' + } + ] + }, + }); + }); +'use strict'; + +angular.module('apiServices.section.factory', [ + 'apiServices', + 'apiServices.customSearch.count.factory', + 'apiServices.mixins.fieldDisplay' +]) + .factory('Section', function (_, CustomSearchCount, restmod) { + var sectionEndpoint = 'section'; + + return restmod.model(sectionEndpoint).mix('FieldDisplay', 'NestedDirtyModel', { + $config: { + name: 'Section', + plural: 'Sections', + primaryKey: 'id', + fieldDisplays: [{ + title: 'Section Name', + value: 'record.name', + sorts: 'name' + }, { + title: 'Article Count', + value: 'record.$resultCount' + }] + }, + query: { + init: {} + }, + promoted: { + init: true + }, + $hooks: { + 'after-fetch': function () { + this.$refreshResultCount(); + }, + 'after-fetch-many': function () { + _.each(this, function (record) { + record.$refreshResultCount(); + }); + } + }, + $extend: { + Record: { + /** + * Getter for section content count. + * + * @returns {String} section content count. + */ + $refreshResultCount: function () { + var record = this; + return CustomSearchCount.$retrieveResultCount(this.query) + .then(function (count) { + record.$resultCount = count; + }); + } + } + }, + }); + }); + +'use strict'; + +angular.module('apiServices.specialCoverage.factory', [ + 'apiServices', + 'apiServices.campaign.factory', + 'apiServices.mixins.fieldDisplay', + 'cms.tunic.config', + 'filters.moment', + 'VideohubClient.api' +]) + .factory('SpecialCoverage', function (_, $http, $parse, $q, restmod, TunicConfig, Video) { + var ACTIVE_STATES = { + INACTIVE: 'Inactive', + PROMOTED: 'Pin to HP' + }; + + return restmod.model('special-coverage').mix('FieldDisplay', 'NestedDirtyModel', { + $config: { + name: 'Special Coverage', + plural: 'Special Coverages', + primaryKey: 'id', + fieldDisplays: [{ + title: 'List Title', + value: 'record.name', + sorts: 'name' + }, { + title: 'Sponsor', + value: 'record.campaign.sponsorName || "--"', + sorts: 'campaign__sponsor_name' + }, { + title: 'Campaign', + value: 'record.campaign.campaignLabel || "--"', + sorts: 'campaign__campaign_label' + }, { + title: 'Start Date', + value: 'record.startDate.format("MM/DD/YY") || "--"', + sorts: 'start_date' + }, { + title: 'End Date', + value: 'record.endDate.format("MM/DD/YY") || "--"', + sorts: 'end_date' + }] + }, + + // fields from frontend to backend + end_date: { + encode: 'moment_to_date_string', + }, + start_date: { + encode: 'moment_to_date_string', + }, + + // fields from backend to frontend + endDate: { + decode: 'date_string_to_moment', + }, + startDate: { + decode: 'date_string_to_moment' + }, + + campaign: { + belongsTo: 'Campaign', + prefetch: true, + key: 'campaign' + }, + listUrl: { + mask: 'CU' + }, + query: { + init: {} + }, + videos: { + belongsToMany: 'Video', + keys: 'videos' + }, + super_features: { + init: [], + keys: 'super_features' + }, + active: { + init: true + }, + promoted: { + init: false + }, + + $hooks: { + 'after-fetch': function () { + // auto fetch all video records when first fetching + this.$loadVideosData(); + }, + 'after-save': function () { + // auto fetch all video records when saving/updating + this.$loadVideosData(); + } + }, + + $extend: { + Record: { + /** + * Load video data by filling in video models listed in videos property. + */ + $loadVideosData: function () { + _.each(this.videos, function (video) { + video.$fetch(); + }); + }, + /** + * Load campaign data from Tunic endpoint + */ + $loadTunicCampaign: function () { + if (_.isNumber(this.tunicCampaignId)) { + return $http.get(TunicConfig.buildBackendApiUrl('campaign/' + this.tunicCampaignId + '/')).then(function (result) { + return result.data; + }); + } + return $q.reject(); + }, + /** + * Load campaign search results from Tunic endpoint + */ + $searchCampaigns: function (params) { + + return $http.get(TunicConfig.buildBackendApiUrl('campaign/'), { + params: params, + }).then(function (response) { + return response.data.results; + }); + }, + /** + * Add a video by id. + * + * @param {Number} id - id of video to add. + * @returns {Boolean} true if video was added, false otherwise. + */ + addVideo: function (video) { + var added = false; + + // check that video is not already in list + var existingVideo = _.find(this.videos, function (existingVideo) { + return video.id === existingVideo.id; + }); + + if (!existingVideo) { + // not in list, add it to list + this.videos.push(video); + added = true; + } + + return added; + }, + addSuperFeature: function (superFeature) { + + var existingSuperFeature = this.superFeatures + .find(function(existingSuperFeatureId) { + return superFeature.id === existingSuperFeatureId; + }); + + if (!existingSuperFeature) { + this.superFeatures.push(superFeature.id); + } + }, + /** + * Getter/setter for active state, a front end standin for the active + * and promoted flags. + * + * @param {String} [activeState] - set this value when using as setter. + * @returns {String} current activeState. + */ + $activeState: function (activeState) { + if (_.isString(activeState)) { + if (activeState === ACTIVE_STATES.ACTIVE) { + this.active = true; + this.promoted = false; + } else if (activeState === ACTIVE_STATES.PROMOTED) { + this.active = true; + this.promoted = true; + } else { + this.active = false; + this.promoted = false; + } + } else { + activeState = ACTIVE_STATES.INACTIVE; + if (this.active && this.promoted) { + activeState = ACTIVE_STATES.PROMOTED; + } else if (this.active) { + activeState = ACTIVE_STATES.ACTIVE; + } + } + return activeState; + } + }, + Model: { + ACTIVE_STATES: _.clone(ACTIVE_STATES) + } + }, + }); + }); + +'use strict'; + +angular.module('bulbs.cms.base.config', [ + 'bulbs.cms.config', + 'bulbs.cms.customSearch.config', + 'ngClipboard' +]) + .config([ + 'CmsConfigProvider', 'CustomSearchConfigProvider', 'ngClipProvider', + function (CmsConfigProvider, CustomSearchConfigProvider, ngClipProvider) { + + CmsConfigProvider + .setContentPartialsPath('/content_type_views') + .setComponentPath('/components') + .setDateTimeFormatHumanReadable('M/D/YY h:mma z') + .setDirectivePartialsPath('/views') + .setSharedPath('/shared') + .setTopBarMapping('nav', '/views/nav.html') + .setTopBarMapping('reportbar', '/views/reportbar.html') + .setTopBarMapping('toolbar', '/views/toolbar.html') + .setUnpublishedPath('unpublished'); + + CustomSearchConfigProvider + .addConditionField('Content Type', 'content-type', 'name', 'doctype') + .addConditionField('Feature Type', 'feature-type', 'name', 'slug') + .addConditionField('Tag', 'tag', 'name', 'slug') + .addConditionType('is any of', 'any') + .addConditionType('is all of', 'all') + .addConditionType('is none of', 'none') + .addTimePeriod('Past Day', 'Past day') + .addTimePeriod('Past Week', 'Past week') + .addTimePeriod('Past Month', 'Past month'); + + ngClipProvider.setPath('/bower_components/zeroclipboard/dist/ZeroClipboard.swf'); + } + ]); + +'use strict'; + +angular.module('bulbs.cms.config', [ + 'bulbs.cms.utils', + 'lodash' +]) + .provider('CmsConfig', [ + '_', 'UtilsProvider', + function (_, Utils) { + + var CmsConfigError = BulbsCmsConfigError.build('CmsConfig'); + var checkOrError = function (value, test, errorMsg) { + if (test(value)) { + return value; + } + throw new CmsConfigError(errorMsg); + }; + var pathBuilder = function (start) { + return function () { + return Utils.path.join(arguments); + }.bind(null, start); + }; + + // url for api root + var apiUrlRoot = ''; + // article statuses for sending to editoral + var articleEditoralStatuses = []; + // true to automatically add current user to author list when creating content + var autoAddAuthor = false; + // path to components + var componentPath = ''; + // path to edit pages for specific types of content, maps to ctype + var contentPartialsPath = ''; + // human readable date time format to use around the CMS + var dateTimeFormatHumanReadable = ''; + // path to directives from backend + // TODO : remove once apps are pulled into here + var directivePartialsPath = ''; + // name of CMS to display in title and in interface + var cmsName = ''; + // url for content + var contentApiUrl = ''; + // url for external links, those that are accessible to the public + var externalUrl = ''; + // max number of states to store in an article's history + var firebaseMaxArticleHistory = 25; + // path to site root in firebase instance + var firebaseSiteRoot = ''; + // url of firebase instance to use + var firebaseUrl = ''; + // url of image api + var imageApiUrl = ''; + // key to access image api + var imageApiKey = ''; + // path to inline editor buttons configuration + var inlineObjectsPath = ''; + // url for internal links, those that are not accessible to the public + var internalUrl = ''; + // name of directive to use for live blog author selection + var liveBlogAuthorSelectorDirectiveName = ''; + // path to cms logo static asset + var navLogoPath = ''; + // path to shared directory + // TODO : remove once app is fully in pods + var sharedPath = ''; + // super features ctype + var superFeaturesType = ''; + // name of timezone for to use for times in the cms + var timezoneName = 'America/Chicago'; + // mappings for top bar templates + var topBarMappings = {}; + // path from internal url that points to an endpoint for unpublished content + var unpublishedPath = ''; + // path to video embeds + var videoPath = ''; + // thumbnail for inline video uploads + var videoThumbnailUrl = ''; + + this.addArticleEditoralStatus = function (label, value) { + checkOrError(label, _.isString, 'article editoral status label must be a string!'); + checkOrError(value, _.isString, 'article editoral status value must be a string!'); + + articleEditoralStatuses.push({ + label: label, + value: value + }); + + return this; + }; + + this.setApiUrlRoot = function (value) { + apiUrlRoot = checkOrError( + value, _.isString, + 'api url root must be a string!' + ); + return this; + }; + + this.setAutoAddAuthor = function (value) { + autoAddAuthor = checkOrError( + value, _.isBoolean, + 'auto add author must be a boolean!' + ); + return this; + }; + + this.setComponentPath = function (value) { + componentPath = checkOrError( + value, _.isString, + 'component path must be a string!' + ); + return this; + }; + + this.setContentPartialsPath = function (value) { + contentPartialsPath = checkOrError( + value, _.isString, + 'content partials path must be a string!' + ); + return this; + }; + + this.setDateTimeFormatHumanReadable = function (value) { + dateTimeFormatHumanReadable = checkOrError( + value, _.isString, + 'date time format human readable must be a string!' + ); + return this; + }; + + this.setDirectivePartialsPath = function (value) { + directivePartialsPath = checkOrError( + value, _.isString, + 'directive partials path must be a string!' + ); + return this; + }; + + this.setCmsName = function (value) { + cmsName = checkOrError( + value, _.isString, + 'cms name must be a string!' + ); + return this; + }; + + this.setContentApiUrl = function (value) { + contentApiUrl = checkOrError( + value, _.isString, + 'content api url must be a string!' + ); + return this; + }; + + this.setExternalUrl = function (value) { + externalUrl = checkOrError( + value, _.isString, + 'external url must be a string!' + ); + return this; + }; + + this.setFirebaseMaxArticleHistory = function (value) { + firebaseMaxArticleHistory = checkOrError( + value, _.isNumber, + 'firebase max article history must be a number!' + ); + return this; + }; + + this.setFirebaseSiteRoot = function (value) { + firebaseSiteRoot = checkOrError( + value, _.isString, + 'firebase site url must be a string!' + ); + return this; + }; + + this.setFirebaseUrl = function (value) { + firebaseUrl = checkOrError( + value, _.isString, + 'firebase url must be a string!' + ); + return this; + }; + + this.setImageApiUrl = function (value) { + imageApiUrl = checkOrError( + value, _.isString, + 'image api url must be a string!' + ); + window.BC_ADMIN_URL = imageApiUrl; + return this; + }; + + this.setImageApiKey = function (value) { + imageApiKey = checkOrError( + value, _.isString, + 'image api key must be a string!' + ); + window.BC_API_KEY = imageApiKey; + return this; + }; + + this.setInlineObjectsPath = function (value) { + inlineObjectsPath = checkOrError( + value, _.isString, + 'inline objects path must be a string!' + ); + return this; + }; + + this.setInternalUrl = function (value) { + internalUrl = checkOrError( + value, _.isString, + 'internal url must be a string!' + ); + return this; + }; + + this.setLiveBlogAuthorSelectorDirectiveName = function (value) { + liveBlogAuthorSelectorDirectiveName = checkOrError( + value, _.isString, + 'live blog author selector directive name must be a string!' + ); + return this; + }; + + this.setNavLogoPath = function (value) { + navLogoPath = checkOrError( + value, _.isString, + 'nav logo path must be a string!' + ); + return this; + }; + + this.setSharedPath = function (value) { + sharedPath = checkOrError( + value, _.isString, + 'shared path must be a string!' + ); + return this; + }; + + this.setSuperFeaturesType = function (value) { + superFeaturesType = checkOrError( + value, _.isString, + 'super features type must be a string!' + ); + return this; + }; + + this.setTimezoneName = function (name) { + timezoneName = checkOrError( + name, moment.tz.zone, + 'given timezone name "' + name + '" is not a valid timezone!' + ); + return this; + }; + + this.setTopBarMapping = function (name, template) { + var key = checkOrError( + name, _.isString, + 'top bar mapping name must be a string!' + ); + var value = checkOrError( + template, _.isString, + 'top bar mapping template must be a string!' + ); + topBarMappings[key] = value; + return this; + }; + + this.setUnpublishedPath = function (value) { + unpublishedPath = checkOrError( + value, _.isString, + 'unpublished path must be a string!' + ); + return this; + }; + + this.setVideoPath = function (value) { + videoPath = checkOrError( + value, _.isString, + 'video path must be a string!' + ); + return this; + }; + + this.setVideoThumbnailUrl = function (value) { + videoThumbnailUrl = checkOrError( + value, _.isString, + 'video thumbnail url must be a string!' + ); + return this; + }; + + this.$get = [ + function () { + return { + buildApiUrlRoot: pathBuilder(apiUrlRoot), + buildComponentPath: pathBuilder(componentPath), + buildContentApiUrl: pathBuilder(contentApiUrl), + buildContentPartialsPath: pathBuilder(contentPartialsPath), + buildDirectivePartialsPath: pathBuilder(directivePartialsPath), + buildExternalUrl: pathBuilder(externalUrl), + buildFirebaseSiteUrl: pathBuilder(Utils.path.join(firebaseUrl, firebaseSiteRoot)), + buildFirebaseUrl: pathBuilder(firebaseUrl), + buildImageApiUrl: pathBuilder(imageApiUrl), + buildInternalUrl: pathBuilder(internalUrl), + buildSharedPath: pathBuilder(sharedPath), + buildUnpublishedUrl: pathBuilder(Utils.path.join(internalUrl, unpublishedPath)), + buildVideoUrl: pathBuilder(Utils.path.join(externalUrl, videoPath)), + buildVideoThumbnailUrl: pathBuilder(videoThumbnailUrl), + getAutoAddAuthor: _.constant(autoAddAuthor), + getCmsName: _.constant(cmsName), + getDateTimeFormatHumanReadable: _.constant(dateTimeFormatHumanReadable), + getFirebaseMaxArticleHistory: _.constant(firebaseMaxArticleHistory), + getImageApiKey: _.constant(imageApiKey), + getInlineObjecsPath: _.constant(inlineObjectsPath), + getLiveBlogAuthorSelectorDirectiveName: _.constant(liveBlogAuthorSelectorDirectiveName), + getNavLogoPath: _.constant(navLogoPath), + getSuperFeaturesType: _.constant(superFeaturesType), + getTimezoneName: _.constant(timezoneName), + getArticleEditoralStatuses: _.constant(_.cloneDeep(articleEditoralStatuses)), + getTopBarMapping: function (name) { + if (_.has(topBarMappings, name)) { + return topBarMappings[name]; + } + throw new CmsConfigError('no top bar mapping exists for name "' + name + '"!'); + } + }; + } + ]; + + return this; + } + ]); + +'use strict'; + +window.BulbsCmsError = function (name, message) { + if (typeof Error.captureStackTrace === 'function') { + Error.captureStackTrace(this, this.constructor); + } else { + this.stack = (new Error()).stack; + } + + this.name = name || 'CMS Error'; + this.message = message || 'Something was misconfigured.'; +}; +BulbsCmsError.prototype = Object.create(Error.prototype); +BulbsCmsError.prototype.constructor = window.BulbsCmsError; + +/** + * Create an error factory for a given provider. + * + * @param {string} name - used as name for instances. + * @returns factory that produces BulbsCmsError with the given name. + */ +BulbsCmsError.build = function (name) { + return function (message) { + return new BulbsCmsError(name, message); + }; +}; + +window.BulbsCmsConfigError = function (name, message) { + window.BulbsCmsError.call(this, name, message); +}; + +BulbsCmsConfigError.prototype = Object.create(window.BulbsCmsError.prototype); +BulbsCmsConfigError.prototype.constructor = window.BulbsCmsConfigError; + +BulbsCmsConfigError.build = function (name) { + return function (message) { + return new BulbsCmsConfigError( + 'Configuration Error (' + (name || 'name not given!') + ')', + message + ); + }; +}; + +'use strict'; + +angular.module('contentServices.factory', [ + 'bulbs.cms.site.config', + 'restangular' +]) + .factory('ContentFactory', [ + 'CmsConfig', 'Restangular', + function (CmsConfig, Restangular) { + return Restangular.withConfig(function (RestangularConfigurer) { + RestangularConfigurer.setBaseUrl(CmsConfig.buildApiUrlRoot()); + }); + } + ]); + + +'use strict'; + +angular.module('contentServices.listService', [ + 'contentServices.factory' +]) + .service('ContentListService', function (_, $location, $q, ContentFactory) { + + var ContentListService = this; + // bind data object to service so we can use 2-way data binding + // WARNING: DO NOT ACCESS THIS DIRECTLY! + this._serviceData = { + filters: $location.search() || {}, + content: [], + totalItems: 0 + }; + // shorthand + var _data = this._serviceData; + + /** + * Update filters used for searching content data. Note: this does not actually + * update content. + * + * @param {object} addFilters - filters to append to current filters. + * @param {Boolean} [merge=false] - false to overwrite current filters. + */ + ContentListService.updateFilters = function (addFilters, merge) { + if (merge) { + _data.filters = + _.assign($location.search() || {}, addFilters); + } else { + _data.filters = addFilters; + } + $location.search(_data.filters); + return _data.filters; + }; + + /** + * Update content by performing a search. + * + * @param {object} addFilters - filters to append to current filters before search. + * @param {Boolean} [merge=false] - true to merge query parameters. + * @returns {Promise} resolves with new content data. + */ + ContentListService.$updateContent = function (addFilters, merge) { + var updateParams = ContentListService.updateFilters(addFilters || _data.filters, merge); + return ContentFactory.all('content').getList(updateParams) + .then(function (data) { + _data.content = data; + _data.totalItems = data.metadata.count; + // resolve promise with updated content list service data + return _data; + }); + }; + + /** + * Access data object, this will have a two-way data binding. + */ + ContentListService.getData = function () { + return _data; + }; + + }); + +'use strict'; + +angular.module('contentServices', [ + 'contentServices.factory', + 'contentServices.listService' +]); + +'use strict'; + +angular.module('copyButton', [ + 'bulbs.cms.site.config' +]) + .directive('copyButton', function (CmsConfig) { + return { + controller: function ($scope, $timeout) { + + $scope.okCopy = false; + $scope.okCopyButton = function () { + $scope.okCopy = true; + $timeout(function () { + $scope.okCopy = false; + }, 1000); + }; + }, + restrict: 'E', + scope: { + buttonClassesDefault: '@', + buttonClassesSuccess: '@', + buttonText: '@', + content: '@' + }, + templateUrl: CmsConfig.buildSharedPath('copy-button/copy-button.html') + }; + }); + +'use strict'; + +angular.module('filters.moment', [ + 'moment' +]) + .filter('date_string_to_moment', function(moment) { + return function (dateStr) { + // Try to parse non-empty strings + if (dateStr && dateStr.length) { + var m = moment(new Date(dateStr)); + if (m.isValid()) { + return m; + } + } + return null; + }; + }) + .filter('moment_to_date_string', function(moment) { + return function (momentObj) { + if (moment.isMoment(momentObj) && momentObj.isValid()) { + return momentObj.format(); + } else { + // Blank time string == not set + return ''; + } + }; + }); + +'use strict'; + +angular.module('listPage', [ + 'bulbs.cms.site.config', + 'bulbs.cms.utils', + 'confirmationModal', + 'copyButton', + 'lodash' +]) + .directive('listPage', function (CmsConfig) { + return { + controller: function (_, $scope, $location, $parse, Utils) { + $scope.pathJoin = Utils.path.join; + + $scope.name = $scope.modelFactory.identity(); + $scope.namePlural = $scope.modelFactory.identity(true); + $scope.fields = $scope.modelFactory.$fieldDisplays(); + $scope.$list = $scope.modelFactory.$collection(); + + // different types of filters that get combined to make seach query params + $scope.orderingFilter = {}; + $scope.searchFilter = {}; + $scope.toggledFilters = {}; + + $scope.copyContentInContext = function (record) { + var value = ''; + if ($scope.toolCopyContent) { + value = $parse($scope.toolCopyContent)({record: record}); + } + return value; + }; + + $scope.$retrieve = _.debounce(function (addParams) { + $scope.loadingResults = true; + var allParams = _.merge( + {}, + $scope.orderingFilter, + $scope.toggledFilters, + $scope.searchFilter, + addParams + ); + return $scope.$list.$refresh(allParams) + .$then(function () { + $scope.loadingResults = false; + }); + }, 250); + + // search functionality + $scope.$search = function (query) { + $scope.searchFilter = {}; + + if (query) { + $scope.searchFilter[$scope.searchParameter] = query; + } + + // go to page 1, new results may not have more than 1 page + $scope.$list.$page = 1; + + $scope.$retrieve(); + }; + + // toggled filters, only one set of these can be applied at a time + $scope.filterButtonsParsed = $scope.filterButtons(); + $scope.$toggleFilters = function (params) { + $scope.toggledFilters = params; + + // go to page 1, new results may not have more than 1 page + $scope.$list.$page = 1; + + $scope.$retrieve(); + }; + + // sorting functionality, only one field can be sorted at a time + $scope.sortingField = null; + $scope.sortDirection = 'asc'; + $scope.$sort = function (field) { + var direction; + if (field.title === $scope.sortingField) { + // clicked on same field, make direction opposite of what it is now + direction = $scope.sortDirection === 'desc' ? 'asc' : 'desc'; + } else { + // clicked on a different field, start with the opposite of default + direction = 'desc'; + } + + // do ordering request + (function (field, direction) { + $scope.orderingFilter = {ordering: field.getOrdering(direction)}; + $scope.$retrieve() + .$then(function () { + $scope.sortingField = field.title; + $scope.sortDirection = direction; + }); + })(field, direction); + }; + + $scope.$add = function () { + $location.path($scope.cmsEditPageUrl({ item: { id: 'new' } })); + }; + + $scope.$remove = function (item) { + item.$destroy(); + }; + + $scope.goToEditPage = function (item) { + $location.path($scope.cmsEditPageUrl({ item: item })); + }; + + // set the active filter, either the first button with active === true, + // or empty string for all + $scope.activeFilterButton = + _.chain($scope.filterButtonsParsed) + .findWhere({active: true}) + .tap(function (button) { + // cheat here and set the params for the first retrieve + if (button) { + $scope.toggledFilters = button.params; + } + }) + .result('title') + .value() || + ''; + // do initial retrieval + $scope.$retrieve(); + }, + link: function (scope, element, attrs) { + scope.showAddButton = !('disableAddButton' in attrs); + }, + restrict: 'E', + scope: { + cmsEditPageUrl: '&', + filterButtons: '&', + modelFactory: '=', + searchParameter: '@', + toolCopyContent: '@', + utilityButtons: '=' + }, + templateUrl: CmsConfig.buildSharedPath('list-page/list-page.html') + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp.nonRestmodListPage', [ + 'bulbs.cms.site.config', + 'confirmationModal', + 'copyButton', + 'lodash', + 'bulbs.cms.utils' +]) + .directive('nonRestmodListPage', function (CmsConfig) { + return { + controller: function (_, $scope, $location, $parse, Utils) { + + $scope.pathJoin = Utils.path.join; + + // different types of filters that get combined to make seach query params + $scope.orderingFilter = {}; + $scope.searchFilter = {}; + $scope.toggledFilters = {}; + $scope.pageNumber = 1; + + $scope.copyContentInContext = function (record) { + var value = ''; + if ($scope.toolCopyContent) { + value = $parse($scope.toolCopyContent)({record: record}); + } + return value; + }; + + $scope.$retrieve = _.debounce(function (addParams) { + $scope.loadingResults = true; + var allParams = _.merge( + {}, + $scope.orderingFilter, + $scope.toggledFilters, + $scope.searchFilter, + addParams + ); + return $scope.getItems({params: allParams}) + .then(function (response) { + $scope.items = response.results; + $scope.loadingResults = false; + }); + }, 250); + + // search functionality + $scope.$search = function (query) { + $scope.searchFilter = {}; + + if (query) { + $scope.searchFilter[$scope.searchParameter] = query; + } + + // go to page 1, new results may not have more than 1 page + $scope.pageNumber = 1; + + $scope.$retrieve(); + }; + + // toggled filters, only one set of these can be applied at a time + $scope.filterButtonsParsed = $scope.filterButtons(); + $scope.$toggleFilters = function (params) { + $scope.toggledFilters = params; + + // go to page 1, new results may not have more than 1 page + $scope.pageNumber = 1; + + $scope.$retrieve(); + }; + + // sorting functionality, only one field can be sorted at a time + $scope.sortingField = null; + $scope.sortDirection = 'asc'; + $scope.$sort = function (fieldName) { + var direction; + if (fieldName === $scope.sortingField) { + // clicked on same field, make direction opposite of what it is now + direction = $scope.sortDirection === 'desc' ? '' : '-'; + } else { + // clicked on a different field, start with the opposite of default + direction = '-'; + } + + // do ordering request + $scope.orderingFilter = {ordering: direction + fieldName}; + $scope.$retrieve($scope.orderingFilter.ordering) + .then(function () { + $scope.sortingField = fieldName; + $scope.sortDirection = direction === '-' ? 'desc' : 'asc'; + }); + }; + + $scope.cellContents = function (item, field) { + var cellContents = '-'; + + if (_.isFunction(field.content)) { + cellContents = field.content(item); + } else if (_.isString(field.content)) { + cellContents = item[field.content]; + } else if (field.sorts) { + cellContents = item[field.sorts]; + } + return cellContents; + }; + + $scope.$add = function () { + $location.path($scope.cmsEditPageUrl({ item: { id: 'new' } })); + }; + + $scope.$remove = function (removedItem) { + $scope.destroyItem({item: removedItem}); + _.remove($scope.items, function(item) { + return item === removedItem; + }); + }; + + $scope.goToEditPage = function (item) { + $location.path($scope.cmsEditPageUrl({ item: item })); + }; + + // set the active filter, either the first button with active === true, + // or empty string for all + $scope.activeFilterButton = + _.chain($scope.filterButtonsParsed) + .findWhere({active: true}) + .tap(function (button) { + // cheat here and set the params for the first retrieve + if (button) { + $scope.toggledFilters = button.params; + } + }) + .result('title') + .value() || + ''; + + // do initial retrieval + $scope.$retrieve(); + }, + link: function (scope, element, attrs) { + scope.showAddButton = !('disableAddButton' in attrs); + }, + restrict: 'E', + scope: { + cmsEditPageUrl: '&', // url to edit page, will be postfixed with id or 'new' + destroyItem: '&', // returns promise, deletes given item + getItems: '&', // function returns promise, recieves search params + filterButtons: '&', // settings for filter buttons + // { title:'human readable', active:true, params:queryParams object } + modelFields: '&', // list of objects { sorts: x, title: y} + modelName: '&', // list page title + modelNamePlural: '&', // list page title pluralized + searchParameter: '@', // key for text search param + toolCopyContent: '@', // content to copy with copy buttons, where `record` is the record being copied, leave empty to hide copy button + }, + templateUrl: CmsConfig.buildSharedPath('non-restmod-list-page/non-restmod-list-page.html') + }; + }); + +'use strict'; + +angular.module('cms.tunic.config', [ + 'lodash' +]) + .provider('TunicConfig', [ + '_', + function TunicConfigProvider (_) { + // relative api path, rel to backendRoot + var apiPath = ''; + // root for all backend requests + var backendRoot = ''; + // Tunic API request token + var requestToken = ''; + + var error = function (message) { + return new Error('Configuration Error (TunicConfig) ' + message); + }; + + this.setApiPath = function (value) { + if (_.isString(value)) { + apiPath = value; + } else { + throw error('apiPath must be a string!'); + } + return this; + }; + + this.setBackendRoot = function (value) { + if (_.isString(value)) { + backendRoot = value; + } else { + throw error('backendRoot must be a string!'); + } + return this; + }; + + this.setRequestToken = function (value) { + if (_.isString(value)) { + requestToken = value; + } else { + throw error('requestToken must be a string!'); + } + return this; + }; + + this.$get = function () { + return { + getRequestToken: _.constant(requestToken), + /** + * Create an absolute api url. + * + * @param {string} relUrl - relative url to get the absolute api url for. + * @returns absolute api url. + */ + buildBackendApiUrl: function (relUrl) { + return backendRoot + apiPath + (relUrl || ''); + }, + + /** + * Check if a given url should be intercepted by this library's interceptor. + * + * @param {string} url - Url to test against matchers. + * @returns {boolean} true if url should be intercepted, false otherwise. + */ + shouldBeIntercepted: function (url) { + var urlTest = backendRoot + apiPath; + return urlTest !== '' && url.startsWith(urlTest); + } + }; + }; + } + ]); + +'use strict'; + +angular.module('cms.tunic.interceptor', [ + 'cms.tunic.config' +]) + .service('TunicInterceptor', [ + 'TunicConfig', + function (TunicConfig) { + + this.request = function (config) { + if (TunicConfig.shouldBeIntercepted(config.url)) { + config.headers = config.headers || {}; + config.headers.Authorization = 'Token ' + TunicConfig.getRequestToken(); + } + return config; + }; + + return this; + } + ]); + +'use strict'; + +angular.module('cms.tunic', [ + 'cms.tunic.config', + 'cms.tunic.interceptor' +]); + +'use strict'; + +angular.module('bulbs.cms.utils', [ + 'lodash' +]) + .provider('Utils', [ + '_', + function (_) { + + var Utils = this; + + Utils.slugify = function (text) { + // https://gist.github.com/mathewbyrne/1280286 + return text.toString().toLowerCase() + .replace(/\s+/g, '-') // Replace spaces with - + .replace(/[^\w\-]+/g, '') // Remove all non-word chars + .replace(/\-\-+/g, '-') // Replace multiple - with single - + .replace(/^-+/, '') // Trim - from start of text + .replace(/-+$/, ''); // Trim - from end of text + }; + + /** + * In given list, swaps item at indexFrom with item at indexTo. + * + * @param {Array} list - list to swap items in. + * @param {Number} indexFrom - Index to move content from. + * @param {Number} indexTo - Index to move content to. + * @param {Boolean} allowOutOfBounds - true to perform move when given + * indexTo that's out of bounds. + * @returns {Boolean} true if item was moved, false otherwise. + */ + Utils.moveTo = function (list, indexFrom, indexTo, allowOutOfBounds) { + var ret = false; + var modIndexTo = indexTo; + + if (allowOutOfBounds) { + if (indexTo < 0) { + modIndexTo = 0; + } else if (indexTo >= list.length) { + modIndexTo = list.length - 1; + } + } + + if (indexFrom >= 0 && indexFrom < list.length && + modIndexTo >= 0 && modIndexTo < list.length) { + var splicer = list.splice(indexFrom, 1, list[modIndexTo]); + if (splicer.length > 0) { + list[modIndexTo] = splicer[0]; + ret = true; + } + } + + return ret; + }; + + /** + * In given list, remove an item at given index. + * + * @param {Array} list - list to remove item from. + * @param {Number} index - index of item to remove. + * @returns {Boolean} true if item was removed, false otherwise. + */ + Utils.removeFrom = function (list, index) { + return list.splice(index, 1).length > 0; + }; + + /** + * Transform an object into url params. + * ONLY knows what to do with a flat params object. + * Similar to jQuery.param + * @param {Object} params - Object of params to serialize. + * @returns {String} query - a url querystring (is prefixed with '?') + */ + Utils.param = function (params) { + if (!params) { + params = {}; + } + var keys = Object.keys(params); + var query = ''; + if (keys.length > 0) { + query += '?'; + query += keys.map(function (key) { + return key + '=' + params[key]; + }) + .join('&'); + } + return query; + }; + + Utils.path = { + /** + * Join path strings. + * + * @param {...String} A variable number of strings to join into path. + * @returns {String} joined path. + */ + join: function () { + var sep = '/'; + var replace = new RegExp(sep + '{1,}', 'g'); + var argsArr = _.flattenDeep(arguments); + + // if there's a protocol, make sure to ignore it when replacing sep + var protocolPrefix = ''; + if (argsArr.length > 0 && typeof(argsArr[0]) === 'string') { + var matches = argsArr[0].match(/^(https?:)?\/\//); + if (matches) { + protocolPrefix = matches[0]; + argsArr[0] = argsArr[0].replace(protocolPrefix, ''); + } + } + return protocolPrefix + argsArr.join(sep).replace(replace, sep); + } + }; + + Utils.$get = [ + '$q', + function ($q) { + /** + * Create a lock to apply to wrapped functions so that only one of the + * functions using this lock can be run at a time. + * + * @returns {function} function that can be used to wrap functions that + * should be locked by this instance of a lock. The wrapped function can + * then be called as the original function would be called, but the result + * will be wrapped in a promise. + */ + Utils.buildLock = function () { + var locked = false; + + var wrapper = function (func) { + + return function () { + if (!locked) { + locked = true; + + return $q + .when(func.apply(null, arguments)) + .finally(function () { + locked = false; + }); + } else { + return $q.reject(); + } + }; + }; + + wrapper.isLocked = function () { + return locked; + }; + + return wrapper; + }; + + return Utils; + } + ]; + + return Utils; + } + ]); + +'use strict'; + +angular.module('videoList.video.directive', [ + 'bulbs.cms.site.config', + 'filters.moment' +]) + .directive('videoListVideo', function (CmsConfig) { + return { + restrict: 'E', + scope: { + model: '=' + }, + templateUrl: CmsConfig.buildSharedPath('video-list/video-list-video/video-list-video.html') + }; + }); + +'use strict'; + +angular.module('videoList', [ + 'autocompleteBasic', + 'bulbs.cms.site.config', + 'bulbs.cms.utils', + 'jquery', + 'ui.sortable', + 'VideohubClient.api', + 'VideohubClient.settings', + 'videoList.video.directive' +]) + .directive('videoList', function ($, CmsConfig) { + return { + controller: function (_, $scope, Utils, Video, VIDEOHUB_DEFAULT_CHANNEL) { + + $scope.videoChannel = VIDEOHUB_DEFAULT_CHANNEL; + + $scope.moveUp = function (index) { + Utils.moveTo($scope.videos, index, index - 1); + $scope.onUpdate(); + }; + + $scope.moveDown = function (index) { + Utils.moveTo($scope.videos, index, index + 1); + $scope.onUpdate(); + }; + + $scope.delete = function (index) { + Utils.removeFrom($scope.videos, index); + $scope.onUpdate(); + }; + + $scope.addVideo = function (video) { + $scope.addVideoCallback({video: video}); + $scope.onUpdate(); + }; + + $scope.searchVideos = function (query) { + return Video.$postSearch({ + query: query, + channel: VIDEOHUB_DEFAULT_CHANNEL + }); + }; + + }, + link: function (scope, element, attr) { + + scope.sortableOptions = { + beforeStop: function (e, ui) { + ui.helper.css('margin-top', 0); + }, + change: function (e, ui) { + ui.helper.css('margin-top', $(window).scrollTop()); + }, + containment: 'video-list', + distance: 3, + opacity: 0.75, + placeholder: 'dropzone', + start: function (e, ui) { + ui.helper.css('margin-top', $(window).scrollTop()); + } + }; + }, + restrict: 'E', + scope: { + addVideoCallback: '&addVideo', + videos: '=', + onUpdate: '&' + }, + templateUrl: CmsConfig.buildSharedPath('video-list/video-list.html') + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('activeNav', function ($location) { + return { + template: '
  • {{label}}
    • ', + restrict: 'E', + scope: {}, + replace: true, + link: function postLink(scope, element, attrs) { + scope.href = attrs.href; + scope.label = attrs.label; + if ($location.path().indexOf(scope.href) === 0) { + element.addClass('active'); + } + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('addImage', function ($http, $window) { + return { + restrict: 'E', + templateUrl: '/views/add-image.html', + scope: { + article: '=' + }, + link: function (scope, element, attrs) { + var attrName = attrs.attrName || 'images'; + scope.article[attrName] = scope.article[attrName] || []; + + if (attrs.caption === 'false') { scope.hideCaption = true; } + scope.format = attrs.format || 'jpg'; + scope.crop = attrs.crop || '16x9'; + scope.placeholderText = attrs.placeholderText || 'Optional Image'; + + scope.addAnImage = function () { + $window.uploadImage({ + onSuccess: function (data) { + scope.$apply(function () { + scope.article[attrName].push({ + id: data.id.toString(), + alt: null, + caption: null + }); + setTimeout($window.picturefill, 200); + }); + }, + onError: function (data) { + scope.$apply(function () { + $window.alert('Error: ', data); + }); + }, + onProgress: function (data) { + + } + }); + }; + } + + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('articlecontainer', function () { + return { + restrict: 'E', + templateUrl: '/views/promotion-tool-article-container.html', + scope: { + 'article': '=' + }, + link: function postLink(scope, element, attrs) { + scope.ratio = attrs.ratio; + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('authorsField', function ($, CmsConfig, userNameDisplayFilter, Utils) { + return { + templateUrl: '/views/taglike-autocomplete-field.html', + restrict: 'E', + replace: true, + scope: { + article: '=', + inputLabelText: '@', + inputLabelTextSub: '@' + }, + link: function postLink(scope, element, attrs) { + scope.name = 'author'; + scope.label = scope.inputLabelText || 'Authors'; + scope.labelSub = scope.inputLabelTextSub; + scope.placeholder = 'Authors'; + scope.resourceUrl = CmsConfig.buildApiUrlRoot( + 'author', + Utils.param({ + ordering: 'name', + search: '' + }) + ); + scope.display = userNameDisplayFilter; + + scope.$watch('article.authors', function () { + scope.objects = scope.article.authors; + }, true); + + scope.add = function (o, input) { + for (var t in scope.article.authors) { + if (scope.article.authors[t].id === o.id) { return; } + } + scope.article.authors.push(o); + $(input).val(''); + }; + + scope.delete = function (e) { + var author = $(e.target).parents('[data-taglikeobject]').data('taglikeobject'); + var id = author.id; + var newauthors = []; + for (var i in scope.article.authors) { + if (scope.article.authors[i].id !== id) { + newauthors.push(scope.article.authors[i]); + } + } + scope.article.authors = newauthors; + }; + + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('bulbsAutocomplete', function ($http, $location, $compile, $timeout, $, Login, Raven) { + + var autocomplete_dropdown_template = + '
    ' + + '
    ' + + '{{display(option);}}' + + '
    ' + + '
    '; + + return { + restrict: 'AC', + link: function postLink(scope, element, attrs) { + var $elem = $(element).find('input'); + $elem.attr('autocomplete', 'off'); + var dropdown = $($compile(autocomplete_dropdown_template)(scope)); + + $(dropdown).css({ + position: 'absolute', + top: $elem.position().top + $elem.outerHeight(), + left: $elem.position().left, + minWidth: $elem.outerWidth(), + display: 'none' + }); + $elem.parent().append(dropdown); + $(dropdown).fadeIn('fast'); + + // Observe the element's dimensions. + scope.$watch( + function () { + return { + top: $elem.position().top + $elem.outerHeight(), + left: $elem.position().left, + minWidth: $elem.outerWidth() + }; + }, + function (newValue, oldValue) { + $(dropdown).css({ + top: newValue.top, + left: newValue.left, + minWidth: newValue.minWidth + }); + }, + true + ); + + var inputCounter = 0, inputTimeout; + + $elem.on('focus', function (e) { + $elem.on('input', function () { + var val = $elem.val(); + if (val === '') { + scope.autocomplete_list = []; + } else { + $timeout.cancel(inputTimeout); + inputTimeout = $timeout(function () { getAutocompletes(val); }, 200); + + if (inputCounter > 2) { + getAutocompletes(val); + } + } + }); + $(dropdown).fadeIn('fast'); + }); + + function getAutocompletes(val) { + $timeout.cancel(inputTimeout); + inputCounter = 0; + $http({ + method: 'GET', + url: scope.resourceUrl + val + }).success(function (data) { + var results = data.results || data; + scope.autocomplete_list = results.splice(0, 5); + }).error(function (data, status, headers, config) { + Raven.captureMessage('Error in getAutocompletes', {extra: data}); + }); + } + + $elem.on('blur', function (e) { + $(dropdown).fadeOut('fast'); + }); + + $(dropdown).on('mouseover', '.entry', function (e) { + $(dropdown).find('.selected').removeClass('selected'); + $(this).addClass('selected'); + }); + + $elem.on('keyup', function (e) { + if (e.keyCode === 40) { //down + if ($('div.selected', dropdown).length === 0) { + $('div.entry', dropdown).first().addClass('selected'); + } else { + var curDownSelect = $('div.selected', dropdown); + var curDownSelectNext = curDownSelect.next('div'); + if (curDownSelectNext.length === 0) { + $('div.entry', dropdown).first().addClass('selected'); + } else { + curDownSelectNext.addClass('selected'); + } + curDownSelect.removeClass('selected'); + } + } + if (e.keyCode === 38) { //up + if ($('div.selected', dropdown).length === 0) { + $('div.entry', dropdown).last().addClass('selected'); + } else { + var curSelect = $('div.selected', dropdown); + var curSelectNext = curSelect.prev('div'); + if (curSelectNext.length === 0) { + $('div.entry', dropdown).last().addClass('selected'); + } else { + curSelectNext.addClass('selected'); + } + curSelect.removeClass('selected'); + } + } + if (e.keyCode === 13) { + var selected = $('div.selected', dropdown); + if (selected.length === 0) { scope.onClick($elem.val(), true); } + selected.click(); + } + }); + + scope.onClick = function (o, freeForm) { + scope.add(o, $elem, freeForm || false); + scope.autocomplete_list = []; + //if (!scope.$$phase) scope.$apply(); + }; + + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('cmsNotification', function () { + return { + restrict: 'E', + templateUrl: '/views/cms-notification.html', + scope: { + cmsNotification: '=' + }, + controller: 'CmsNotificationCtrl' + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('cmsNotifyContainer', function () { + return { + restrict: 'E', + scope: {}, + templateUrl: '/views/cms-notify-container.html', + controller: 'CmsNotifyContainerCtrl' + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('contributorField', function ($) { + return { + templateUrl: '/views/textlike-autocomplete-field.html', + restrict: 'E', + replace: true, + scope: { + override: '=' + }, + link: function postLink(scope, element, attrs) { + scope.name = 'contributor'; + scope.label = 'Contributors'; + scope.placeholder = 'Contributors'; + scope.resourceUrl = '/cms/api/v1/author/?ordering=name&search='; + + scope.$watch('override.contributor', function () { + if ((scope.override.hasOwnProperty('contributor')) && (scope.override.contributor !== null)) { + scope.model = scope.override.contributor.full_name || scope.override.contributor.fullName; + } + }); + + scope.display = function (o) { + return (o && o.full_name) || ''; + }; + + scope.add = function(o, input) { + if ((scope.override.hasOwnProperty('contributor')) && scope.override.contributor !== null) { + if (scope.override.contributor.id === o.id) { + return; + } + } + + scope.override.contributor = o; + $('#feature-type-container').removeClass('newtag'); + $('#feature-type-container').addClass('newtag'); + }; + + scope.delete = function (e) { + scope.override.contributor = null; + scope.model = null; + }; + + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('createContent', function ($http, $window, $, IfExistsElse, Login, + ContentFactory, CmsConfig, Raven) { + return { + restrict: 'E', + templateUrl: CmsConfig.buildDirectivePartialsPath('create-content.html'), + controller: function ($scope) { + $scope.gotTags = false; + $scope.gotUser = false; + $scope.gotSave = false; + $scope.$watch(function () { + return $scope.gotTags && $scope.gotUser && $scope.gotSave; + }, function (val) { + if (val) { + saveArticle($scope.init); + } + }); + + $scope.newArticle = function (e) { + var init = {'title': $scope.newTitle}; + angular.extend($scope.init, init); + + if ($scope.tag) { + IfExistsElse.ifExistsElse( + ContentFactory.all('tag').getList({ + ordering: 'name', + search: $scope.tag, + types: 'core_section' + }), + {slug: $scope.tag}, + function (tag) { $scope.init.tags = [tag]; $scope.gotTags = true; }, + function (value) { console.log('couldnt find tag ' + value.slug + ' for initial value'); }, + function (data, status, headers, config) { Raven.captureMessage('Error Creating Article', {extra: data}); } + ); + } else { + $scope.gotTags = true; + } + + if (CmsConfig.getAutoAddAuthor()) { + ContentFactory.one('me').get().then(function (data) { + $scope.init.authors = [data]; + $scope.gotUser = true; + }); + } else { + $scope.gotUser = true; + } + + $scope.gotSave = true; + }; + + function saveArticle() { + $('button.go').removeClass('btn-danger').addClass('btn-success').html(' Going'); + $http({ + url: '/cms/api/v1/content/?doctype=' + $scope.contentType, + method: 'POST', + data: $scope.init + }).success(function (resp) { + var new_id = resp.id; + var new_path = '/cms/app/edit/' + new_id + '/'; + if ($scope.rating_type) { + new_path += '?rating_type=' + $scope.rating_type; + } + $window.location.href = $window.location.origin + new_path; + }).error(function (data, status, headers, config) { + if (status === 403) { + $('button.go') + .html(' Please Log In'); + } else { + $('button.go').removeClass('btn-success').addClass('btn-danger').html(' Error'); + } + $scope.gotSave = false; + }); + } + + + }, + link: function (scope, element, attrs) { + //HEY THIS SUCKS + //TODO: This sucks! + scope.panel = 1; + + $(element).find('a.create-content').on('click', function (e) { + $('a.create-content.active').removeClass('active'); + $(this).addClass('active'); + }); + + $(element).find('a.create-content').on('click', function (e) { + scope.contentTypeLabel = $(this).text(); + scope.contentType = $(this).data('content_type') || null; + scope.init = $(this).data('init') || {}; + scope.tag = $(this).data('tag') || null; + scope.rating_type = $(this).data('rating_type') || null; + scope.$apply(); + + if ($(this).hasClass('go-next')) { + e.preventDefault(); + + $('#create button.next-pane').click(); + return false; + } + + return true; + }); + + $('button.next-pane:not(.hide)').on('click', function (e) { + scope.panel = 2; + $('.new-title').focus(); + }); + + $(element).on('keydown', '.editor', function (e) { + if (e.keyCode === 13 && scope.newTitle) { + $(element).find('.go').click(); + } + }); + + $('#create').on('hidden.bs.modal', function () { + scope.newTitle = ''; + scope.panel = 1; + }); + + } + + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('devicepreview', function ($) { + return { + restrict: 'E', + templateUrl: '/views/devicepreview.html', + link: function (scope, element, attrs) { + + var pP = $('#page-prev'), + tN = pP.find('.nav a'), + cO = pP.find('.tab-content .active'); + + tN.click(function (e) { + var newId = $(this).attr('href').split('#')[1]; + e.preventDefault(); + cO.attr('id', newId); + }); + + $('#page-prev').on('show.bs.collapse', function () { + $(this).find('.fa').removeClass('fa-plus-square-o').addClass('fa-minus-square-o'); + }); + + $('#page-prev').on('hide.bs.collapse', function () { + $(this).find('.fa').removeClass('fa-minus-square-o').addClass('fa-plus-square-o'); + }); + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('encodeStatus', function ($http, $interval, $, Zencoder) { + return { + templateUrl: '/views/encode-status.html', + restrict: 'E', + link: function postLink(scope, element, attrs) { + scope.encodingVideos = {}; + + scope.$watch(function () { + return Zencoder.encodingVideos; + }, function () { + updateEncodeStatuses(); + }, true); + + $interval(function () { + $('iframe').filter(function () { return this.src.match(/\/video\/embed\/?/); }).each(function () { + var idRegex = /\/video\/embed\/?\?id=(\d+)/; + var id = idRegex.exec(this.src)[1]; + if (!(id in Zencoder.encodingVideos)) { + Zencoder.getVideo(id).then(function (data) { + Zencoder.encodingVideos[id] = data.data; + }); + } + }); + updateEncodeStatuses(); + }, 5000); + + function updateEncodeStatuses() { + var updateEncodeStatus = function (i) { + return (function (videoid) { + if (Zencoder.encodingVideos[videoid].encode_status_endpoints && + Zencoder.encodingVideos[videoid].encode_status_endpoints.json) { + + $http({ + method: 'GET', + url: Zencoder.encodingVideos[videoid].encode_status_endpoints.json, + headers: { + 'X-CSRFToken': undefined + }, + }).success(function (data) { + scope.encodingVideos[videoid].job_status = data; + if (data.state === 'finished') { + scope.encodingVideos[videoid].finished = true; + } + + }); + } + })(i); + }; + + for (var i in Zencoder.encodingVideos) { + if (scope.encodingVideos[i] && scope.encodingVideos[i].finished) { + continue; + } + scope.encodingVideos[i] = Zencoder.encodingVideos[i]; + updateEncodeStatus(i); + } + } + + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('featuretypeField', function (IfExistsElse, ContentFactory, Raven, $) { + return { + templateUrl: '/views/textlike-autocomplete-field.html', + restrict: 'E', + scope: { + article: '=', + hideLabel: '=' + }, + replace: true, + link: function postLink(scope, element, attrs) { + scope.name = 'feature_type'; + scope.label = 'Feature Type'; + scope.placeholder = 'Feature Type'; + scope.resourceUrl = '/cms/api/v1/things/?type=feature_type&q='; + + scope.$watch('article.feature_type', function () { + scope.model = scope.article.feature_type; + }); + + scope.display = function (o) { + return (o && o.name) || ''; + }; + + scope.add = function (o, input, freeForm) { + var fVal = freeForm ? o : o.name; + IfExistsElse.ifExistsElse( + ContentFactory.all('things').getList({ + type: 'feature_type', + q: fVal + }), + {name: fVal}, + function (ft) { scope.article.feature_type = ft.name; $('#feature-type-container').removeClass('newtag'); }, + function (value) { scope.article.feature_type = value.name; $('#feature-type-container').addClass('newtag'); }, + function (data, status) { Raven.captureMessage('Error Adding Feature Type', {extra: data}); } + ); + }; + + scope.delete = function (e) { + scope.article.feature_type = null; + }; + + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('hideIfForbidden', function ($http) { + function hideElement(element) { + element.addClass('hidden'); + } + + return { + restrict: 'A', + link: function postLink(scope, element, attrs) { + $http({ + method: 'OPTIONS', + url: attrs.optionsUrl, + noPermissionIntercept: true + }).success(function (data, status) { + //I guess 403s aren't errors? I dont know. + if (status === 403) { + hideElement(element); + } + }).error(function (data, status) { + if (status === 403) { + hideElement(element); + } + }); + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('lazyInclude', function ($, $compile, $q, $http, $templateCache, + Gettemplate) { + /* + this is like ng-include but it doesn't compile/render the included template + until the child element is visible + intended to help with responsiveness by cutting down requests and rendering time + */ + + return { + restrict: 'A', + scope: true, + link: function (scope, element, attrs) { + var templateUrl = '/views/' + attrs.template; + var $element = $(element); + + scope.$evalAsync(function () { + scope.$watch(function () { + return $element.is(':visible'); + }, function (visible) { + if (visible && !scope.loaded) { + scope.loaded = true; + Gettemplate.get(templateUrl).then(function (html) { + var template = angular.element(html); + var compiledEl = $compile(template)(scope); + element.html(compiledEl); + element.css('height', 'auto'); + }); + } + }); + }); + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('loggedInUser', function (CurrentUserApi) { + return { + restrict: 'E', + replace: true, + templateUrl: '/views/logged-in-user.html', + scope: {}, + link: function (scope, element, attrs) { + CurrentUserApi.getCurrentUserWithCache() + .then(function (user) { + scope.currentUser = user; + + scope.logout = CurrentUserApi.logout; + }); + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('navBar', function (CmsConfig, CurrentUserApi) { + return { + restrict: 'E', + scope: false, + templateUrl: function (tElement, tAttrs) { + return CmsConfig.getTopBarMapping(tAttrs.view); + }, + link: function (scope) { + scope.NAV_LOGO = CmsConfig.getNavLogoPath(); + + CurrentUserApi.getCurrentUserWithCache() + .then(function (user) { + scope.currentUser = user; + }); + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('responsiveImage', function ($window, $) { + return { + link: function (scope, element, attrs) { + attrs.$observe('imageId', function (val) { + $(element).find('img').remove(); + element.attr('data-image-id', attrs.imageId); + element.attr('data-crop', attrs.crop); + if (!attrs.imageId || !$(element).is(':visible')) { + return; + } + $window.pictureFillElement(element[0]); + element.show(); + }); + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('roleField', function ($http, $, Raven) { + return { + templateUrl: '/views/rolefield.html', + restrict: 'E', + replace: true, + scope: { + model: '=' + }, + + link: function (scope, element, attrs) { + var resourceUrl = '/cms/api/v1/contributions/role/'; + + scope.roleValue = null; + scope.roleOptions = []; + + scope.$watch('model.role', function () { + for (var i = 0; i < scope.roleOptions.length; i++) { + if (scope.roleOptions[i].id === Number(scope.roleValue)) { + scope.model.role = scope.roleOptions[i]; + } + } + scope.roleValue = scope.model.role.id; + }); + + $http({ + method: 'GET', + url: resourceUrl + }).success(function (data) { + scope.roleOptions = data.results || data; + }).error(function (data, status, headers, config) { + Raven.captureMessage('Error fetching Roles', {extra: data}); + }); + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('saveButtonOld', function ($q, $timeout, $window) { + return { + replace: true, + restrict: 'E', + templateUrl: '/views/save-button.html', + scope: { + 'getPromise': '&', + 'saveCbk': '&onSave', + 'config': '=?', + 'colors': '@?colorStyling' + }, + link: function (scope, element, attrs) { + scope.colors_tmp = scope.colors; + + attrs.$observe('config', function (val) { + if (!angular.isDefined(val)) { + scope.config = { + idle: ' Save', + busy: 'Saving', + finished: 'Saved', + error: 'Error' + }; + } + }); + + scope.save = function () { + if (attrs.confirmClickWith) { + var message = attrs.confirmClickWith; + if (!$window.confirm(message)) { return; } + } + + scope.colors = scope.colors_tmp; + element + .prop('disabled', true) + .html(' ' + scope.config.busy); + + var save_promise = scope.getPromise(); + + var saveSuccess = function (result) { + scope.colors = scope.colors_tmp; + element + .prop('disabled', false) + .html(' ' + scope.config.finished); + + return $timeout(function () { + element.html(scope.config.idle); + }, 1000) + .then(function () { + return result; + }); + }; + + if (save_promise) { + var promise = save_promise + .then(saveSuccess) + .catch( + function (reason) { + scope.colors = 'btn-danger'; + element + .prop('disabled', false) + .html(' ' + scope.config.error); + + return $q.reject(reason); + }); + if (scope.saveCbk) { + scope.saveCbk({promise: promise}); + } + } else { + // no save promise was set, just run success function + saveSuccess(); + } + }; + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('sectionsField', function (_, IfExistsElse, ContentFactory, Raven, + $) { + return { + templateUrl: '/views/taglike-autocomplete-field.html', + restrict: 'E', + replace: true, + link: function postLink(scope, element, attrs) { + scope.name = 'section'; + scope.label = 'Sections'; + scope.placeholder = 'Enter a section'; + scope.resourceUrl = '/cms/api/v1/tag/?ordering=name&types=core_section&search='; + scope.display = function (o) { + return o.name; + }; + + scope.$watch('article.tags', function () { + scope.objects = _.where(scope.article.tags, {type: 'core_section'}); + }, true); + + scope.add = function (o, input, freeForm) { + var tagVal = freeForm ? o : o.name; + IfExistsElse.ifExistsElse( + ContentFactory.all('tag').getList({ + ordering: 'name', + search: tagVal, + types: 'core_section' + }), + {name: tagVal}, + function (tag) { scope.article.tags.push(tag); }, + function () { console.log('Can\'t create sections.'); }, + function (data, status) { Raven.captureMessage('Error Adding Section', {extra: data}); } + ); + $(input).val(''); + }; + + scope.delete = function (e) { + var tag = $(e.target).parents('[data-taglikeobject]').data('taglikeobject'); + var name = tag.name; + var newtags = []; + for (var i in scope.article.tags) { + if (scope.article.tags[i].name !== name) { + newtags.push(scope.article.tags[i]); + } + } + scope.article.tags = newtags; + }; + + } + }; + }); + +'use strict'; + +angular.module('bulbsCmsApp') + .directive('slideshowPane', function ($http, $window, $compile, $) { + return { + restrict: 'E', + templateUrl: '/views/slideshow-pane.html', + scope: { + article: '=', + image: '=', + index: '=' + }, + link: function (scope, element, attrs) { + var $element = $(element); + + if (attrs.caption === 'false') { + scope.hideCaption = true; + } + + scope.format = attrs.format || 'jpg'; + scope.crop = attrs.crop || '16x9'; + + scope.removeImage = function (index) { + scope.article.slides.splice(index, 1); + }; + + scope.editImage = function (index) { + var loadingClass = 'loading-class'; + + $window.openImageDrawer( + scope.article.slides[index].id, + function (data) { + function removeLoadingGif() { + $element.find('.image .' + loadingClass).remove(); + } + + removeLoadingGif(); + + if ($element.find('.image').data('imageId') === data.id) { + return; + } + + $element.find('.image img').on('load', removeLoadingGif); + $element.find('.image img').after( + ' Save",busy:"Saving",finished:"Saved",error:"Error"})}),scope.save=function(){if(attrs.confirmClickWith){var message=attrs.confirmClickWith;if(!$window.confirm(message))return}scope.colors=scope.colors_tmp,element.prop("disabled",!0).html(" "+scope.config.busy);var save_promise=scope.getPromise(),saveSuccess=function(result){return scope.colors=scope.colors_tmp,element.prop("disabled",!1).html(" "+scope.config.finished),$timeout(function(){element.html(scope.config.idle)},1e3).then(function(){return result})};if(save_promise){var promise=save_promise.then(saveSuccess).catch(function(reason){return scope.colors="btn-danger",element.prop("disabled",!1).html(" "+scope.config.error),$q.reject(reason)});scope.saveCbk&&scope.saveCbk({promise:promise})}else saveSuccess()}}}}),angular.module("bulbsCmsApp").directive("sectionsField",function(_,IfExistsElse,ContentFactory,Raven,$){return{templateUrl:"/views/taglike-autocomplete-field.html",restrict:"E",replace:!0,link:function(scope,element,attrs){scope.name="section",scope.label="Sections",scope.placeholder="Enter a section",scope.resourceUrl="/cms/api/v1/tag/?ordering=name&types=core_section&search=",scope.display=function(o){return o.name},scope.$watch("article.tags",function(){scope.objects=_.where(scope.article.tags,{type:"core_section"})},!0),scope.add=function(o,input,freeForm){var tagVal=freeForm?o:o.name;IfExistsElse.ifExistsElse(ContentFactory.all("tag").getList({ordering:"name",search:tagVal,types:"core_section"}),{name:tagVal},function(tag){scope.article.tags.push(tag)},function(){console.log("Can't create sections.")},function(data,status){Raven.captureMessage("Error Adding Section",{extra:data})}),$(input).val("")},scope.delete=function(e){var tag=$(e.target).parents("[data-taglikeobject]").data("taglikeobject"),name=tag.name,newtags=[];for(var i in scope.article.tags)scope.article.tags[i].name!==name&&newtags.push(scope.article.tags[i]);scope.article.tags=newtags}}}}),angular.module("bulbsCmsApp").directive("slideshowPane",function($http,$window,$compile,$){return{restrict:"E",templateUrl:"/views/slideshow-pane.html",scope:{article:"=",image:"=",index:"="},link:function(scope,element,attrs){var $element=$(element);"false"===attrs.caption&&(scope.hideCaption=!0),scope.format=attrs.format||"jpg",scope.crop=attrs.crop||"16x9",scope.removeImage=function(index){scope.article.slides.splice(index,1)},scope.editImage=function(index){var loadingClass="loading-class";$window.openImageDrawer(scope.article.slides[index].id,function(data){function removeLoadingGif(){$element.find(".image ."+loadingClass).remove()}removeLoadingGif(),$element.find(".image").data("imageId")!==data.id&&($element.find(".image img").on("load",removeLoadingGif),$element.find(".image img").after('