@clickview/library-editor 1.1.27-dev.0 → 1.1.27-dev.1

package/dist/scripts/81.chunk.js

@@ -0,0 +1,366 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[81],{
+
+/***/ "./src/apps/library-editor/views/edit-resource/EditResource.hbs":
+/*!**********************************************************************!*\
+  !*** ./src/apps/library-editor/views/edit-resource/EditResource.hbs ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.spinnerEl : stack1), depth0)) != null ? stack1 : "")
+    + "\r\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    var alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;
+
+  return "<form>\r\n  <div class=\"form-group\">\r\n    <label for=\"name\" class=\"control-label\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"fileName",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n    <input name=\"name\" id=\"name\" type=\"text\" class=\"form-control\" placeholder=\""
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"fileName",{"name":"lang","hash":{},"data":data}))
+    + "\" autocomplete=\"off\" autofocus/>\r\n    <div class=\"form-feedback\"></div>\r\n  </div>\r\n</form>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dataFetched : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(3, data, 0),"data":data})) != null ? stack1 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/views/edit-resource/EditResourceView.ts":
+/*!*************************************************************************!*\
+  !*** ./src/apps/library-editor/views/edit-resource/EditResourceView.ts ***!
+  \*************************************************************************/
+/*! exports provided: EditResourceView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditResourceView", function() { return EditResourceView; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/InstanceManager */ "../../libs/common/src/backbone/services/InstanceManager.ts");
+/* harmony import */ var _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/ViewModelService */ "../../libs/common/src/backbone/services/ViewModelService.ts");
+/* harmony import */ var _shared_behaviors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../shared/behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../shared/components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _shared_models_DisabledSpinnerModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../shared/models/DisabledSpinnerModel */ "./src/shared/models/DisabledSpinnerModel.ts");
+/* harmony import */ var _shared_models_Resource__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../shared/models/Resource */ "./src/shared/models/Resource.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../utils */ "./src/apps/library-editor/utils/index.ts");
+/* harmony import */ var _EditResource_hbs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./EditResource.hbs */ "./src/apps/library-editor/views/edit-resource/EditResource.hbs");
+/* harmony import */ var _EditResource_hbs__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_EditResource_hbs__WEBPACK_IMPORTED_MODULE_14__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var EditResourceView = /*#__PURE__*/function (_Core$View) {
+  _inherits(EditResourceView, _Core$View);
+
+  var _super = _createSuper(EditResourceView);
+
+  function EditResourceView(options) {
+    _classCallCheck(this, EditResourceView);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditResourceView, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataChannels"].RESOURCE, "resource:".concat(this.options.resourceId, ":sync"), this.render);
+      this.resourceDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_4__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataServices"].Resource, this);
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        'submit': 'onSubmit',
+        'shown.bs.modal': 'onModalShown'
+      };
+    }
+  }, {
+    key: "onSubmit",
+    value: function onSubmit(event) {
+      var _this = this;
+
+      event && event.preventDefault();
+      this.viewModel.validate();
+      if (this.viewModel.isValid() === false) return;
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.channelName).trigger(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_7__["SpinnerButtonEvents"].ShowSpinner);
+      this.resourceDataService.updateResource(this.options.videoId, this.viewModel, function () {
+        _this.logAction();
+
+        _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].AppLinkHelper.trigger({
+          application: _shared_constants__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].LIBRARY_EDITOR,
+          action: _shared_constants__WEBPACK_IMPORTED_MODULE_8__["Actions"].LibraryEditor.EDIT_VIDEO_RESOURCES,
+          args: [_this.options.videoId]
+        });
+      });
+    }
+  }, {
+    key: "logAction",
+    value: function logAction() {
+      var data = {
+        id: this.options.resourceId,
+        parentId: +this.options.videoId,
+        name: this.viewModel.get('name')
+      };
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction(data, this.options.analyticsOptions);
+    }
+  }, {
+    key: "selectAllWithoutExtension",
+    value: function selectAllWithoutExtension() {
+      if (!this.model) return;
+      var nameSansExtension = this.model.get('name').split('.').slice(0, -1).join('.');
+      var $name = this.getUI('name');
+      /**
+       * Browser compatible way of selecting part of an input
+       * http://programanddesign.com/js/jquery-select-text-range/
+       */
+
+      $name.each(function (index, element) {
+        if (underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](element.setSelectionRange)) {
+          $name.focus();
+          element.setSelectionRange(0, nameSansExtension.length);
+        } else if (underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](element.createTextRange)) {
+          var range = element.createTextRange();
+          range.collapse(true);
+          range.moveEnd('character', nameSansExtension.length);
+          range.moveStart('character', 0);
+          range.select();
+        }
+      });
+    }
+  }, {
+    key: "onModalShown",
+    value: function onModalShown() {
+      this.selectAllWithoutExtension();
+    }
+  }, {
+    key: "dataFetched",
+    value: function dataFetched() {
+      return !!this.model && !!this.viewModel;
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      var _this2 = this;
+
+      this.model = this.resourceDataService.getResource(this.options.resourceId, function (resource) {
+        _this2.viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_5__["ViewModelService"].get("resource:".concat(_this2.options.resourceId), resource.toJSON(), {
+          ctor: _shared_models_Resource__WEBPACK_IMPORTED_MODULE_11__["Resource"]
+        });
+
+        _this2.viewModel.addValidation(_utils__WEBPACK_IMPORTED_MODULE_13__["ResourceValidation"]);
+      });
+      if (this.dataFetched()) this.spinnerModel.set(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_7__["SpinnerButtonModelAttributes"].Disabled, false);
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        dataFetched: this.dataFetched(),
+        spinnerEl: _shared_utils__WEBPACK_IMPORTED_MODULE_9__["SpinnerHelper"].getSpinner({
+          size: _shared_utils__WEBPACK_IMPORTED_MODULE_9__["SpinnerSize"].Large,
+          extraClasses: 'mx-auto'
+        })
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      if (!this.viewModel) return;
+      this.stickit(this.viewModel);
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Validation"].bind(this, {
+        model: this.viewModel
+      });
+      /**
+       * This needs to be called both in onRender
+       * and in onModalShown. This is because the second time
+       * the modal is rendered the resource is not fetched so onRender
+       * fires before the the popup has slid down.
+       */
+
+      this.selectAllWithoutExtension();
+    }
+  }, {
+    key: "onClose",
+    value: function onClose() {
+      this.unstickit();
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Validation"].unbind(this);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditResourceView';
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'libraryEditor.editResource';
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_12__["LanguageService"].getPhrase(this.lang, 'title');
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditResource_hbs__WEBPACK_IMPORTED_MODULE_14___default.a;
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return _shared_utils__WEBPACK_IMPORTED_MODULE_9__["RadioChannelHelper"].generateUniqueChannelName(this);
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      var _this3 = this;
+
+      return [{
+        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_6__["PopupBehavior"],
+        title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_12__["LanguageService"].getPhrase(this.lang, 'edit'),
+        spinnerButtonOptions: {
+          channelName: this.channelName,
+          model: this.spinnerModel = new _shared_models_DisabledSpinnerModel__WEBPACK_IMPORTED_MODULE_10__["DisabledSpinnerModel"](),
+          buttonText: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_12__["LanguageService"].getPhrase(this.lang, 'save'),
+          onClick: function onClick(e) {
+            return _this3.onSubmit(e);
+          }
+        }
+      }];
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return {
+        '[name=name]': {
+          observe: 'name',
+          setOptions: {
+            validate: true
+          }
+        }
+      };
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        name: '#name',
+        feedback: '.form-feedback'
+      };
+    }
+  }]);
+
+  return EditResourceView;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].View);
+
+/***/ }),
+
+/***/ "./src/shared/models/DisabledSpinnerModel.ts":
+/*!***************************************************!*\
+  !*** ./src/shared/models/DisabledSpinnerModel.ts ***!
+  \***************************************************/
+/*! exports provided: DisabledSpinnerModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DisabledSpinnerModel", function() { return DisabledSpinnerModel; });
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+var DisabledSpinnerModel = /*#__PURE__*/function (_Core$Model) {
+  _inherits(DisabledSpinnerModel, _Core$Model);
+
+  var _super = _createSuper(DisabledSpinnerModel);
+
+  function DisabledSpinnerModel() {
+    _classCallCheck(this, DisabledSpinnerModel);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DisabledSpinnerModel, [{
+    key: "defaults",
+    value: function defaults() {
+      return _defineProperty({}, _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__["SpinnerButtonModelAttributes"].Disabled, true);
+    }
+  }]);
+
+  return DisabledSpinnerModel;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Model);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=81.chunk.js.map

package/dist/scripts/81.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/apps/library-editor/views/edit-resource/EditResource.hbs","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/apps/library-editor/views/edit-resource/EditResourceView.ts","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/shared/models/DisabledSpinnerModel.ts"],"names":[],"mappings":";;;;;;;;;AAAA,iBAAiB,mBAAO,CAAC,8BAAY;AACrC,iEAAiE;AACjE;;AAEA;AACA;AACA,CAAC;AACD,4GAA4G;;AAE5G;AACA,qFAAqF,uBAAuB,aAAa;AACzH;AACA,qFAAqF,uBAAuB,aAAa;AACzH;AACA,CAAC;AACD;;AAEA,8FAA8F,iGAAiG,yBAAyB,wFAAwF;AAChT,CAAC,gBAAgB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBjB;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AAQO,IAAM,gBAAb;AAAA;;AAAA;;AAKE,4BAAY,OAAZ,EAA4C;AAAA;;AAAA,6BACpC,OADoC;AAE3C;;AAPH;AAAA;AAAA,iCASmB;AACf,WAAK,QAAL,CAAc,8DAAY,CAAC,QAA3B,qBAAiD,KAAK,OAAL,CAAa,UAA9D,YAAiF,KAAK,MAAtF;AAEA,WAAK,mBAAL,GAA2B,kGAAe,CAAC,WAAhB,CAA4B,8DAAY,CAAC,QAAzC,EAAmD,IAAnD,CAA3B;AACD;AAbH;AAAA;AAAA,6BAkEe;AACX,aAAO;AACL,kBAAiB,UADZ;AAEL,0BAAkB;AAFb,OAAP;AAID;AAvEH;AAAA;AAAA,6BAyEmB,KAzEnB,EAyEsC;AAAA;;AAClC,WAAK,IAAI,KAAK,CAAC,cAAN,EAAT;AAEA,WAAK,SAAL,CAAe,QAAf;AAEA,UAAI,KAAK,SAAL,CAAe,OAAf,OAA6B,KAAjC,EAAwC;AAExC,oDAAK,CAAC,OAAN,CAAc,KAAK,WAAnB,EAAgC,OAAhC,CAAwC,4GAAmB,CAAC,WAA5D;AAEA,WAAK,mBAAL,CAAyB,cAAzB,CAAwC,KAAK,OAAL,CAAa,OAArD,EAA8D,KAAK,SAAnE,EAA8E,YAAK;AACjF,aAAI,CAAC,SAAL;;AACA,sEAAI,CAAC,aAAL,CAAmB,OAAnB,CAA2B;AACzB,qBAAW,EAAE,6DAAW,CAAC,cADA;AAEzB,gBAAM,EAAE,yDAAO,CAAC,aAAR,CAAsB,oBAFL;AAGzB,cAAI,EAAE,CAAC,KAAI,CAAC,OAAL,CAAa,OAAd;AAHmB,SAA3B;AAKD,OAPD;AAQD;AA1FH;AAAA;AAAA,gCA4FmB;AACf,UAAM,IAAI,GAAG;AACX,UAAE,EAAE,KAAK,OAAL,CAAa,UADN;AAEX,gBAAQ,EAAE,CAAC,KAAK,OAAL,CAAa,OAFb;AAGX,YAAI,EAAE,KAAK,SAAL,CAAe,GAAf,CAAmB,MAAnB;AAHK,OAAb;AAMA,yFAAe,CAAC,aAAhB,CAA8B,IAA9B,EAAoC,KAAK,OAAL,CAAa,gBAAjD;AACD;AApGH;AAAA;AAAA,gDAsGmC;AAC/B,UAAI,CAAC,KAAK,KAAV,EACE;AAEF,UAAM,iBAAiB,GAAW,KAAK,KAAL,CAAW,GAAX,CAAe,MAAf,EAAuB,KAAvB,CAA6B,GAA7B,EAAkC,KAAlC,CAAwC,CAAxC,EAA2C,CAAC,CAA5C,EAA+C,IAA/C,CAAoD,GAApD,CAAlC;AACA,UAAM,KAAK,GAAG,KAAK,KAAL,CAAW,MAAX,CAAd;AAEA;;;AAGG;;AACH,WAAK,CAAC,IAAN,CAAW,UAAC,KAAD,EAAgB,OAAhB,EAA6C;AACtD,YAAI,sDAAa,OAAO,CAAC,iBAArB,CAAJ,EAA6C;AAC3C,eAAK,CAAC,KAAN;AACA,iBAAO,CAAC,iBAAR,CAA0B,CAA1B,EAA6B,iBAAiB,CAAC,MAA/C;AACD,SAHD,MAGO,IAAI,sDAAc,OAAe,CAAC,eAA9B,CAAJ,EAAoD;AACzD,cAAM,KAAK,GAAI,OAAe,CAAC,eAAhB,EAAf;AACA,eAAK,CAAC,QAAN,CAAe,IAAf;AACA,eAAK,CAAC,OAAN,CAAc,WAAd,EAA2B,iBAAiB,CAAC,MAA7C;AACA,eAAK,CAAC,SAAN,CAAgB,WAAhB,EAA6B,CAA7B;AACA,eAAK,CAAC,MAAN;AACD;AACF,OAXD;AAYD;AA7HH;AAAA;AAAA,mCA+HsB;AAClB,WAAK,yBAAL;AACD;AAjIH;AAAA;AAAA,kCAmIqB;AACjB,aAAO,CAAC,CAAC,KAAK,KAAP,IAAgB,CAAC,CAAC,KAAK,SAA9B;AACD;AArIH;AAAA;AAAA,qCAuIuB;AAAA;;AACnB,WAAK,KAAL,GAAa,KAAK,mBAAL,CAAyB,WAAzB,CAAqC,KAAK,OAAL,CAAa,UAAlD,EAA8D,UAAC,QAAD,EAAuB;AAChG,cAAI,CAAC,SAAL,GAAiB,oGAAgB,CAAC,GAAjB,oBACH,MAAI,CAAC,OAAL,CAAa,UADV,GACwB,QAAQ,CAAC,MAAT,EADxB,EAC2C;AAAE,cAAI,EAAE,iEAAQ;AAAhB,SAD3C,CAAjB;;AAGA,cAAI,CAAC,SAAL,CAAe,aAAf,CAA6B,0DAA7B;AACD,OALY,CAAb;AAOA,UAAI,KAAK,WAAL,EAAJ,EACE,KAAK,YAAL,CAAkB,GAAlB,CAAsB,qHAA4B,CAAC,QAAnD,EAA6D,KAA7D;AACH;AAjJH;AAAA;AAAA,kCAmJoB;AAChB,aAAO;AACL,mBAAW,EAAE,KAAK,WAAL,EADR;AAEL,iBAAS,EAAE,2DAAa,CAAC,UAAd,CAAyB;AAAE,cAAI,EAAE,yDAAW,CAAC,KAApB;AAA2B,sBAAY,EAAE;AAAzC,SAAzB;AAFN,OAAP;AAID;AAxJH;AAAA;AAAA,+BA0JiB;AACb,UAAI,CAAC,KAAK,SAAV,EAAqB;AAErB,WAAK,OAAL,CAAa,KAAK,SAAlB;AACA,yDAAU,CAAC,IAAX,CAAgB,IAAhB,EAAsB;AAAE,aAAK,EAAE,KAAK;AAAd,OAAtB;AAEA;;;;;AAKG;;AACH,WAAK,yBAAL;AACD;AAvKH;AAAA;AAAA,8BAyKgB;AACZ,WAAK,SAAL;AACA,yDAAU,CAAC,MAAX,CAAkB,IAAlB;AACD;AA5KH;AAAA;AAAA,wBAeiB;AACb,aAAO,kBAAP;AACD;AAjBH;AAAA;AAAA,wBAmBiB;AACb,aAAO,4BAAP;AACD;AArBH;AAAA;AAAA,wBAuBkB;AACd,aAAO,mGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,OAArC,CAAP;AACD;AAzBH;AAAA;AAAA,wBA2BqB;AACjB,aAAO,yDAAP;AACD;AA7BH;AAAA;AAAA,wBA+BwB;AACpB,aAAO,gEAAkB,CAAC,yBAAnB,CAA6C,IAA7C,CAAP;AACD;AAjCH;AAAA;AAAA,wBAmCsB;AAAA;;AAClB,aAAO,CACL;AACE,qBAAa,EAAE,+DADjB;AAEE,aAAK,EAAE,mGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,MAArC,CAFT;AAGE,4BAAoB,EAAE;AACpB,qBAAW,EAAE,KAAK,WADE;AAEpB,eAAK,EAAE,KAAK,YAAL,GAAoB,IAAI,yFAAJ,EAFP;AAGpB,oBAAU,EAAE,mGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,MAArC,CAHQ;AAIpB,iBAAO,EAAE,iBAAC,CAAD;AAAA,mBAAqB,MAAI,CAAC,QAAL,CAAc,CAAd,CAArB;AAAA;AAJW;AAHxB,OADK,CAAP;AAYD;AAhDH;AAAA;AAAA,wBAkDqB;AACjB,aAAO;AACL,uBAAe;AACb,iBAAO,EAAE,MADI;AAEb,oBAAU,EAAE;AAAE,oBAAQ,EAAE;AAAZ;AAFC;AADV,OAAP;AAMD;AAzDH;AAAA;AAAA,wBA2DqB;AACjB,aAAO;AACL,YAAI,EAAE,OADD;AAEL,gBAAQ,EAAE;AAFL,OAAP;AAID;AAhEH;;AAAA;AAAA,EAAsC,8DAAI,CAAC,IAA3C,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5BA;AACA;AAEO,IAAM,oBAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,+BACiB;AACb,iCACG,8GAA4B,CAAC,QADhC,EAC2C,IAD3C;AAGD;AALH;;AAAA;AAAA,EAA0C,8DAAI,CAAC,KAA/C,E","file":"scripts/81.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return ((stack1 = container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.spinnerEl : stack1), depth0)) != null ? stack1 : \"\")\n    + \"\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n    var alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;\n\n  return \"<form>\\r\\n  <div class=\\\"form-group\\\">\\r\\n    <label for=\\\"name\\\" class=\\\"control-label\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"fileName\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</label>\\r\\n    <input name=\\\"name\\\" id=\\\"name\\\" type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"fileName\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"\\\" autocomplete=\\\"off\\\" autofocus/>\\r\\n    <div class=\\\"form-feedback\\\"></div>\\r\\n  </div>\\r\\n</form>\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dataFetched : stack1),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.program(3, data, 0),\"data\":data})) != null ? stack1 : \"\");\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash, Validation } from 'backbone';\r\nimport { Radio } from 'backbone';\r\n\r\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { Core } from 'libs/common/core';\r\nimport { InstanceManager } from 'libs/common/backbone/services/InstanceManager';\r\nimport { ViewModelService } from 'libs/common/backbone/services/ViewModelService';\r\n\r\nimport { PopupBehavior } from 'shared/behaviors';\r\nimport { SpinnerButtonEvents, SpinnerButtonModelAttributes } from 'shared/components/spinner-button/SpinnerButtonComponent';\r\nimport { Actions, DataServices, DataChannels, AppChannels } from 'shared/constants';\r\nimport { SpinnerHelper, SpinnerSize, RadioChannelHelper } from 'shared/utils';\r\nimport { DisabledSpinnerModel } from 'shared/models/DisabledSpinnerModel';\r\nimport { Resource } from 'shared/models/Resource';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { ResourceValidation } from 'apps/library-editor/utils';\r\nimport { ResourceDataService } from 'apps/library-editor/services/ResourceDataService';\r\n\r\nimport EditResourceTemplate from './EditResource.hbs';\r\n\r\ninterface EditResourceViewOptions extends Core.ViewOptions {\r\n  videoId: string;\r\n  resourceId: string;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport class EditResourceView extends Core.View {\r\n  public options: EditResourceViewOptions;\r\n  private resourceDataService: ResourceDataService;\r\n  private spinnerModel: DisabledSpinnerModel;\r\n\r\n  constructor(options: EditResourceViewOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.listenTo(DataChannels.RESOURCE, `resource:${this.options.resourceId}:sync`, this.render);\r\n\r\n    this.resourceDataService = InstanceManager.getInstance(DataServices.Resource, this);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'EditResourceView';\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'libraryEditor.editResource';\r\n  }\r\n\r\n  public get title(): string {\r\n    return LanguageService.getPhrase(this.lang, 'title');\r\n  }\r\n\r\n  public get template(): any {\r\n    return EditResourceTemplate;\r\n  }\r\n\r\n  public get channelName(): string {\r\n    return RadioChannelHelper.generateUniqueChannelName(this);\r\n  }\r\n\r\n  public get behaviors(): any[] {\r\n    return [\r\n      {\r\n        behaviorClass: PopupBehavior,\r\n        title: LanguageService.getPhrase(this.lang, 'edit'),\r\n        spinnerButtonOptions: {\r\n          channelName: this.channelName,\r\n          model: this.spinnerModel = new DisabledSpinnerModel(),\r\n          buttonText: LanguageService.getPhrase(this.lang, 'save'),\r\n          onClick: (e: JQuery.Event) => this.onSubmit(e)\r\n        }\r\n      }\r\n    ];\r\n  }\r\n\r\n  public get bindings(): ObjectHash {\r\n    return {\r\n      '[name=name]': {\r\n        observe: 'name',\r\n        setOptions: { validate: true }\r\n      }\r\n    };\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      name: '#name',\r\n      feedback: '.form-feedback'\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      'submit':        'onSubmit',\r\n      'shown.bs.modal': 'onModalShown'\r\n    };\r\n  }\r\n\r\n  private onSubmit(event: JQuery.Event): void {\r\n    event && event.preventDefault();\r\n\r\n    this.viewModel.validate();\r\n\r\n    if (this.viewModel.isValid() === false) return;\r\n\r\n    Radio.channel(this.channelName).trigger(SpinnerButtonEvents.ShowSpinner);\r\n\r\n    this.resourceDataService.updateResource(this.options.videoId, this.viewModel, () => {\r\n      this.logAction();\r\n      Core.AppLinkHelper.trigger({\r\n        application: AppChannels.LIBRARY_EDITOR,\r\n        action: Actions.LibraryEditor.EDIT_VIDEO_RESOURCES,\r\n        args: [this.options.videoId]\r\n      });\r\n    });\r\n  }\r\n\r\n  private logAction(): void {\r\n    const data = {\r\n      id: this.options.resourceId,\r\n      parentId: +this.options.videoId,\r\n      name: this.viewModel.get('name')\r\n    };\r\n\r\n    AnalyticsHelper.logUserAction(data, this.options.analyticsOptions);\r\n  }\r\n\r\n  private selectAllWithoutExtension(): void {\r\n    if (!this.model)\r\n      return;\r\n\r\n    const nameSansExtension: string = this.model.get('name').split('.').slice(0, -1).join('.');\r\n    const $name = this.getUI('name');\r\n\r\n    /**\r\n     * Browser compatible way of selecting part of an input\r\n     * http://programanddesign.com/js/jquery-select-text-range/\r\n     */\r\n    $name.each((index: number, element: HTMLInputElement) => {\r\n      if (_.isFunction(element.setSelectionRange)) {\r\n        $name.focus();\r\n        element.setSelectionRange(0, nameSansExtension.length);\r\n      } else if (_.isFunction((element as any).createTextRange)) {\r\n        const range = (element as any).createTextRange();\r\n        range.collapse(true);\r\n        range.moveEnd('character', nameSansExtension.length);\r\n        range.moveStart('character', 0);\r\n        range.select();\r\n      }\r\n    });\r\n  }\r\n\r\n  private onModalShown(): void {\r\n    this.selectAllWithoutExtension();\r\n  }\r\n\r\n  private dataFetched(): boolean {\r\n    return !!this.model && !!this.viewModel;\r\n  }\r\n\r\n  public onBeforeRender(): void {\r\n    this.model = this.resourceDataService.getResource(this.options.resourceId, (resource: Resource) => {\r\n      this.viewModel = ViewModelService.get<Resource>(\r\n        `resource:${this.options.resourceId}`, resource.toJSON(), { ctor: Resource }\r\n      );\r\n      this.viewModel.addValidation(ResourceValidation);\r\n    });\r\n\r\n    if (this.dataFetched())\r\n      this.spinnerModel.set(SpinnerButtonModelAttributes.Disabled, false);\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      dataFetched: this.dataFetched(),\r\n      spinnerEl: SpinnerHelper.getSpinner({ size: SpinnerSize.Large, extraClasses: 'mx-auto' })\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    if (!this.viewModel) return;\r\n\r\n    this.stickit(this.viewModel);\r\n    Validation.bind(this, { model: this.viewModel });\r\n\r\n    /**\r\n     * This needs to be called both in onRender\r\n     * and in onModalShown. This is because the second time\r\n     * the modal is rendered the resource is not fetched so onRender\r\n     * fires before the the popup has slid down.\r\n     */\r\n    this.selectAllWithoutExtension();\r\n  }\r\n\r\n  public onClose(): void {\r\n    this.unstickit();\r\n    Validation.unbind(this);\r\n  }\r\n}","import { ObjectHash } from 'backbone';\r\nimport { Core } from 'libs/common/core';\r\nimport { SpinnerButtonModelAttributes } from 'shared/components/spinner-button/SpinnerButtonComponent';\r\n\r\nexport class DisabledSpinnerModel extends Core.Model {\r\n  public defaults(): ObjectHash {\r\n    return {\r\n      [SpinnerButtonModelAttributes.Disabled]: true\r\n    };\r\n  }\r\n}"],"sourceRoot":""}