diff --git a/static/js/helpDialog.js b/static/js/helpDialog.js index 0dea1ba3..0b2ee553 100644 --- a/static/js/helpDialog.js +++ b/static/js/helpDialog.js @@ -99,12 +99,10 @@ pandora.ui.helpDialog = function() { }); $text = Ox.Element() - .addClass('OxTextPage') + .addClass('OxTextPage OxSelectable') .css({ padding: '16px', - overflowY: 'scroll', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + overflowY: 'scroll' }); $panel = Ox.SplitPanel({ diff --git a/static/js/infoView.0xdb.js b/static/js/infoView.0xdb.js index 29f90abe..190d11f3 100644 --- a/static/js/infoView.0xdb.js +++ b/static/js/infoView.0xdb.js @@ -11,9 +11,7 @@ pandora.ui.infoView = function(data) { canSeeAllMetadata = pandora.user.level != 'guest', css = { marginTop: '4px', - textAlign: 'justify', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + textAlign: 'justify' }, iconRatio = ui.icons == 'posters' ? ( ui.showSitePosters ? pandora.site.posters.ratio : data.posterRatio @@ -246,9 +244,7 @@ pandora.ui.infoView = function(data) { .css({ marginBottom: '-3px', fontWeight: 'bold', - fontSize: '13px', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + fontSize: '13px' }) .bindEvent({ submit: function(event) { @@ -279,9 +275,7 @@ pandora.ui.infoView = function(data) { .css({ marginBottom: '-3px', fontWeight: 'bold', - fontSize: '13px', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + fontSize: '13px' }) .bindEvent({ submit: function(event) { @@ -296,6 +290,7 @@ pandora.ui.infoView = function(data) { if (isEditable) { var $div = $('
') + .addClass('OxSelectable') .css(css) .appendTo($text); ['country', 'year'].forEach(function(key, i) { @@ -336,13 +331,18 @@ pandora.ui.infoView = function(data) { ) } }); - $('
').css(css).html(html.join('; ')).appendTo($text); + $('
') + .addClass('OxSelectable') + .css(css) + .html(html.join('; ')) + .appendTo($text); } // Alternative Titles ------------------------------------------------------ // FIXME: This should be an array of objects {title: '', info: ''} data.alternativeTitles && $('
') + .addClass('OxSelectable') .css(css) .html( formatKey('Alternative Title' + (data.alternativeTitles.length == 1 ? '' : 's')) @@ -359,6 +359,7 @@ pandora.ui.infoView = function(data) { // FIXME: we will want to check for data.seriesId here if (isEditable && data.seriesTitle) { var $div = $('
') + .addClass('OxSelectable') // FIXME: Don't extend! .css(Ox.extend(css, {marginTop: '20px'})) // FIXME: just a guess .appendTo($text); @@ -389,6 +390,7 @@ pandora.ui.infoView = function(data) { }); } else if (data.episodeDirector || data.writer || data.producer || data.cinematographer || data.editor) { $div = $('
') + .addClass('OxSelectable') .css(css) .appendTo($text); html = []; @@ -401,6 +403,7 @@ pandora.ui.infoView = function(data) { } data.cast && $('
') + .addClass('OxSelectable') .css(css) .html( formatKey('cast') + data.cast.map(function(value) { @@ -417,6 +420,7 @@ pandora.ui.infoView = function(data) { .appendTo($text); data.productionCompany && $('
') + .addClass('OxSelectable') .css(css) .html( formatKey('studio') @@ -426,6 +430,7 @@ pandora.ui.infoView = function(data) { if (data.genre || (data.keyword && canSeeAllMetadata)) { $div = $('
') + .addClass('OxSelectable') .css(css) .appendTo($text); html = []; @@ -439,6 +444,7 @@ pandora.ui.infoView = function(data) { } data.summary && $('
') + .addClass('OxSelectable') .css(css) .html(formatKey('summary') + data.summary) .appendTo($text); @@ -461,12 +467,11 @@ pandora.ui.infoView = function(data) { ) .append( $('
') + .addClass('OxSelectable') .css({ display: 'table-cell', paddingTop: '4px', - textAlign: 'justify', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + textAlign: 'justify' }) .html(value) ) @@ -477,6 +482,7 @@ pandora.ui.infoView = function(data) { }); data.filmingLocations && $('
') + .addClass('OxSelectable') .css(css) .html( formatKey(Ox._('Filming Locations')) + data.filmingLocations.map(function(location) { @@ -486,6 +492,7 @@ pandora.ui.infoView = function(data) { .appendTo($text); data.releasedate && $('
') + .addClass('OxSelectable') .css(css) .html( formatKey(Ox._('Release Date')) + Ox.formatDate(data.releasedate, '%A, %B %e, %Y') @@ -494,6 +501,7 @@ pandora.ui.infoView = function(data) { if (data.budget || data.gross || data.profit) { $div = $('
') + .addClass('OxSelectable') .css(css) .appendTo($text); html = []; @@ -508,6 +516,7 @@ pandora.ui.infoView = function(data) { if (data.connections) { $div = $('
') + .addClass('OxSelectable') .css(css) .appendTo($text); html = []; @@ -541,6 +550,7 @@ pandora.ui.infoView = function(data) { ['reviews', 'links'].forEach(function(key) { data[key] && $('
') + .addClass('OxSelectable') .css(css) .html( formatKey(key) + data[key].map(function(value) { diff --git a/static/js/infoView.indiancinema.js b/static/js/infoView.indiancinema.js index a51471b8..d223f055 100644 --- a/static/js/infoView.indiancinema.js +++ b/static/js/infoView.indiancinema.js @@ -8,9 +8,7 @@ pandora.ui.infoView = function(data) { canSeeAllMetadata = pandora.user.level != 'guest', css = { marginTop: '4px', - textAlign: 'justify', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + textAlign: 'justify' }, iconRatio = ui.icons == 'posters' ? ( ui.showSitePosters ? pandora.site.posters.ratio : data.posterRatio @@ -245,9 +243,7 @@ pandora.ui.infoView = function(data) { .css({ marginBottom: '-3px', fontWeight: 'bold', - fontSize: '13px', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + fontSize: '13px' }) .bindEvent({ submit: function(event) { @@ -278,9 +274,7 @@ pandora.ui.infoView = function(data) { .css({ marginBottom: '-3px', fontWeight: 'bold', - fontSize: '13px', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + fontSize: '13px' }) .bindEvent({ submit: function(event) { @@ -317,7 +311,7 @@ pandora.ui.infoView = function(data) { // Encyclopedia and Wiki --------------------------------------------------- if ((data.encyclopedia || data.wiki) && canEdit) { - $links = Ox.Element().css(css); + $links = Ox.Element().addClass('OxSelectable').css(css); if (data.encyclopedia) { $links .append(formatKey('encyclopedia')) @@ -803,6 +797,7 @@ pandora.ui.infoView = function(data) { if (canEdit || value.description) { var filmography = key == 'studios' ? Ox._('Films') : Ox._('Filmography'), $name = Ox.Element() + .addClass('OxSelectable') .css(css) .css({marginTop: '12px', fontWeight: 'bold'}) .html( @@ -847,6 +842,7 @@ pandora.ui.infoView = function(data) { }) .appendTo($name), $text = $('
') + .addClass('OxSelectable') .css(css) .hide() .appendTo($descriptions); @@ -890,7 +886,7 @@ pandora.ui.infoView = function(data) { if (canEdit || keys.filter(function(key) { return data[key]; }).length) { - $element = $('
').css(css); + $element = $('
').addClass('OxSelectable').css(css); keys.forEach(function(key, i) { if (canEdit || data[key]) { if ($element.children().length) { diff --git a/static/js/infoView.js b/static/js/infoView.js index ebafb43e..d18dd4e9 100644 --- a/static/js/infoView.js +++ b/static/js/infoView.js @@ -8,9 +8,7 @@ pandora.ui.infoView = function(data) { canRemove = pandora.site.capabilities.canRemoveItems[pandora.user.level], css = { marginTop: '4px', - textAlign: 'justify', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + textAlign: 'justify' }, html, iconRatio = ui.icons == 'posters' ? data.posterRatio : 1, @@ -200,9 +198,7 @@ pandora.ui.infoView = function(data) { .css({ marginBottom: '-3px', fontWeight: 'bold', - fontSize: '13px', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + fontSize: '13px' }) .bindEvent({ submit: function(event) { @@ -520,7 +516,7 @@ pandora.ui.infoView = function(data) { if (canEdit || keys.filter(function(key) { return data[key]; }).length) { - $element = $('
').css(css); + $element = $('
').addClass('OxSelectable').css(css); keys.forEach(function(key, i) { if (canEdit || data[key]) { if ($element.children().length) { diff --git a/static/js/infoView.padma.js b/static/js/infoView.padma.js index ae8f72c2..2b1fbd9e 100644 --- a/static/js/infoView.padma.js +++ b/static/js/infoView.padma.js @@ -7,9 +7,7 @@ pandora.ui.infoView = function(data) { canRemove = pandora.site.capabilities.canRemoveItems[pandora.user.level], css = { marginTop: '4px', - textAlign: 'justify', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + textAlign: 'justify' }, descriptions = [], html, @@ -211,7 +209,11 @@ pandora.ui.infoView = function(data) { ['source', 'project'].forEach(function(key) { if (canEdit || data[key]) { - var $div = $('
').css(css).css({margin: 0}).appendTo($data); + var $div = $('
') + .addClass('OxSelectable') + .css(css) + .css({margin: 0}) + .appendTo($data); $('') .html( formatKey({ @@ -283,9 +285,7 @@ pandora.ui.infoView = function(data) { }) .css({ fontWeight: 'bold', - fontSize: '13px', - MozUserSelect: 'text', - WebkitUserSelect: 'text' + fontSize: '13px' }) .bindEvent({ submit: function(event) { @@ -345,7 +345,11 @@ pandora.ui.infoView = function(data) { renderGroup(['license']); - $('
').css(css).css({height: '16px'}).appendTo($text); + $('
') + .addClass('OxSelectable') + .css(css) + .css({height: '16px'}) + .appendTo($text); // Duration, Aspect Ratio -------------------------------------------------- @@ -650,7 +654,9 @@ pandora.ui.infoView = function(data) { if (canEdit || keys.filter(function(key) { return data[key]; }).length) { - $element = $('
').css(css); + $element = $('
') + .addClass('OxSelectable') + .css(css); keys.forEach(function(key, i) { if (canEdit || data[key]) { if ($element.children().length) { diff --git a/static/js/logsDialog.js b/static/js/logsDialog.js index 38b9eb01..d858d422 100644 --- a/static/js/logsDialog.js +++ b/static/js/logsDialog.js @@ -156,11 +156,12 @@ pandora.ui.logsDialog = function() { }) ], closeButton: true, - content: $('').append($('
').css({
-                                margin: '16px',
-                                MozUserSelect: 'text',
-                                WebkitUserSelect: 'text'
-                            }).text(value.text)),
+                            content: $('').append(
+                                $('
')
+                                    .addClass('OxSelectable')
+                                    .css({margin: '16px'})
+                                    .text(value.text)
+                            ),
                             height: height - 48,
                             keys: {enter: 'close', escape: 'close'},
                             maximizeButton: true,
diff --git a/static/js/news.js b/static/js/news.js
index 87d5eab2..021ad1be 100644
--- a/static/js/news.js
+++ b/static/js/news.js
@@ -72,12 +72,11 @@ pandora.ui.news = function(width, height) {
                     tooltip: isEditable ? pandora.getEditTooltip() : '',
                     value: items[index].title
                 })
+                .addClass('OxSelectable')
                 .css({
                     display: 'inline-block',
                     fontWeight: 'bold',
                     fontSize: '16px',
-                    MozUserSelect: 'text',
-                    WebkitUserSelect: 'text'
                 })
                 .bindEvent({
                     submit: function(data) {
@@ -94,11 +93,10 @@ pandora.ui.news = function(width, height) {
                     tooltip: isEditable ? pandora.getEditTooltip() : '',
                     value: items[index].date
                 })
+                .addClass('OxSelectable')
                 .css({
                     display: 'inline-block',
-                    fontSize: '9px',
-                    MozUserSelect: 'text',
-                    WebkitUserSelect: 'text'
+                    fontSize: '9px'
                 })
                 .bindEvent({
                     submit: function(data) {
@@ -117,10 +115,7 @@ pandora.ui.news = function(width, height) {
                     value: items[index].text,
                     width: width - 512
                 })
-                .css({
-                    MozUserSelect: 'text',
-                    WebkitUserSelect: 'text'
-                })
+                .addClass('OxSelectable')
                 .bindEvent({
                     submit: function(data) {
                         editItem('text', data.value);
diff --git a/static/js/toolbar.js b/static/js/toolbar.js
index 908a9c0d..53730dc9 100644
--- a/static/js/toolbar.js
+++ b/static/js/toolbar.js
@@ -26,28 +26,24 @@ pandora.ui.toolbar = function() {
                 textAlign: 'center',
                 title: getListName(pandora.user.ui._list)
             })
+            .addClass('OxSelectable')
             .css({
                 position: 'absolute',
                 left: getListTitleLeft() + 'px',
                 top: '4px',
                 right: (ui._list ? 324 : 310) + 'px',
-                width: 'auto',
-                MozUserSelect: 'text',
-                OUserSelect: 'text',
-                WebkitUserSelect: 'text'
+                width: 'auto'
             })
         : pandora.$ui.itemTitle = Ox.Label({
                 textAlign: 'center'
             })
+            .addClass('OxSelectable')
             .css({
                 position: 'absolute',
                 left: '236px',
                 top: '4px',
                 right: (ui._list ? 324 : 310) + 'px',
-                width: 'auto',
-                MozUserSelect: 'text',
-                OUserSelect: 'text',
-                WebkitUserSelect: 'text'
+                width: 'auto'
             })
             .hide()
     );