From 790d359b89b7a6f92be56fe5642bb5494d069732 Mon Sep 17 00:00:00 2001 From: polesye Date: Thu, 20 Mar 2014 13:40:11 +0200 Subject: [PATCH] BLD-581: add highlighting of entire field on focus. --- cms/static/js/views/metadata.js | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) diff --git a/cms/static/js/views/metadata.js b/cms/static/js/views/metadata.js index 72e603ae09..bcce63187a 100644 --- a/cms/static/js/views/metadata.js +++ b/cms/static/js/views/metadata.js @@ -320,12 +320,14 @@ function(BaseView, _, MetadataModel, AbstractEditor, VideoList) { Metadata.RelativeTime = AbstractEditor.extend({ - defaultValue : '00:00:00', + defaultValue: '00:00:00', // By default max value of RelativeTime field on Backend is 23:59:59, // that is 86399 seconds. - maxTimeInSeconds : 86399, + maxTimeInSeconds: 86399, - events : { + events: { + "focus input" : "addSelection", + "mouseup input" : "mouseUpHandler", "change input" : "updateModel", "keypress .setting-input" : "showClearButton" , "click .setting-clear" : "clear" @@ -333,7 +335,7 @@ function(BaseView, _, MetadataModel, AbstractEditor, VideoList) { templateName: "metadata-string-entry", - getValueFromEditor : function () { + getValueFromEditor: function () { var $input = this.$el.find('#' + this.uniqueId); return $input.val(); @@ -384,18 +386,28 @@ function(BaseView, _, MetadataModel, AbstractEditor, VideoList) { ].join(':'); }, - setValueInEditor : function (value) { + setValueInEditor: function (value) { if (!value) { value = this.defaultValue; } this.$el.find('input').val(value); + }, + + addSelection: function (event) { + $(event.currentTarget).select(); + }, + + mouseUpHandler: function (event) { + // Prevents default behavior to make works selection in WebKit + // browsers + event.preventDefault(); } }); Metadata.Dict = AbstractEditor.extend({ - events : { + events: { "click .setting-clear" : "clear", "keypress .setting-input" : "showClearButton", "change input" : "updateModel",