From b7d63574a350ab8ebc985cb9294b7ae15550746e Mon Sep 17 00:00:00 2001 From: Luke Pulverenti Date: Mon, 8 Feb 2016 13:05:29 -0500 Subject: [PATCH] update metadata editor --- .../bower_components/iron-meta/.bower.json | 6 +- .../iron-selector/.bower.json | 4 +- .../paper-behaviors/.bower.json | 4 +- .../bower_components/paper-ripple/.bower.json | 6 +- .../bower_components/polymer/.bower.json | 2 +- .../metadataeditor/metadataeditor.js | 83 +++++++++++++++---- .../metadataeditor.template.html | 20 ++--- dashboard-ui/librarypathmapping.html | 13 +-- dashboard-ui/scripts/dlnaprofile.js | 4 +- dashboard-ui/scripts/librarybrowser.js | 2 +- dashboard-ui/scripts/librarypathmapping.js | 42 +++++----- dashboard-ui/scripts/metadataimagespage.js | 10 --- dashboard-ui/scripts/queryfilters.js | 2 +- .../strings/javascript/javascript.json | 1 + .../jquery.mobile.custom.icons.css | 7 +- 15 files changed, 121 insertions(+), 85 deletions(-) diff --git a/dashboard-ui/bower_components/iron-meta/.bower.json b/dashboard-ui/bower_components/iron-meta/.bower.json index e1304d174b..f4bfef4a7c 100644 --- a/dashboard-ui/bower_components/iron-meta/.bower.json +++ b/dashboard-ui/bower_components/iron-meta/.bower.json @@ -26,14 +26,14 @@ "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "main": "iron-meta.html", - "homepage": "https://github.com/PolymerElements/iron-meta", + "homepage": "https://github.com/polymerelements/iron-meta", "_release": "1.1.1", "_resolution": { "type": "version", "tag": "v1.1.1", "commit": "e171ee234b482219c9514e6f9551df48ef48bd9f" }, - "_source": "git://github.com/PolymerElements/iron-meta.git", + "_source": "git://github.com/polymerelements/iron-meta.git", "_target": "^1.0.0", - "_originalSource": "PolymerElements/iron-meta" + "_originalSource": "polymerelements/iron-meta" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-selector/.bower.json b/dashboard-ui/bower_components/iron-selector/.bower.json index 2b3357dcb1..d749e70dcc 100644 --- a/dashboard-ui/bower_components/iron-selector/.bower.json +++ b/dashboard-ui/bower_components/iron-selector/.bower.json @@ -36,7 +36,7 @@ "tag": "v1.2.1", "commit": "1e6a7ee05e5ff350472ffc1ee780f145a7606b7b" }, - "_source": "git://github.com/PolymerElements/iron-selector.git", + "_source": "git://github.com/polymerelements/iron-selector.git", "_target": "^1.0.0", - "_originalSource": "PolymerElements/iron-selector" + "_originalSource": "polymerelements/iron-selector" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/paper-behaviors/.bower.json b/dashboard-ui/bower_components/paper-behaviors/.bower.json index 2b04bf9f8a..a6b333d335 100644 --- a/dashboard-ui/bower_components/paper-behaviors/.bower.json +++ b/dashboard-ui/bower_components/paper-behaviors/.bower.json @@ -45,7 +45,7 @@ "tag": "v1.0.11", "commit": "e3c1ab0c72905b58fb4d9adc2921ea73b5c085a5" }, - "_source": "git://github.com/PolymerElements/paper-behaviors.git", + "_source": "git://github.com/polymerelements/paper-behaviors.git", "_target": "^1.0.0", - "_originalSource": "PolymerElements/paper-behaviors" + "_originalSource": "polymerelements/paper-behaviors" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/paper-ripple/.bower.json b/dashboard-ui/bower_components/paper-ripple/.bower.json index 157225ee71..2f654d71c6 100644 --- a/dashboard-ui/bower_components/paper-ripple/.bower.json +++ b/dashboard-ui/bower_components/paper-ripple/.bower.json @@ -32,14 +32,14 @@ "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0" }, "ignore": [], - "homepage": "https://github.com/PolymerElements/paper-ripple", + "homepage": "https://github.com/polymerelements/paper-ripple", "_release": "1.0.5", "_resolution": { "type": "version", "tag": "v1.0.5", "commit": "d72e7a9a8ab518b901ed18dde492df3b87a93be5" }, - "_source": "git://github.com/PolymerElements/paper-ripple.git", + "_source": "git://github.com/polymerelements/paper-ripple.git", "_target": "^1.0.0", - "_originalSource": "PolymerElements/paper-ripple" + "_originalSource": "polymerelements/paper-ripple" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/polymer/.bower.json b/dashboard-ui/bower_components/polymer/.bower.json index c99a3ee735..01365c0ce5 100644 --- a/dashboard-ui/bower_components/polymer/.bower.json +++ b/dashboard-ui/bower_components/polymer/.bower.json @@ -34,6 +34,6 @@ "commit": "284332a905ddd60eab11901a82ac037976175cf8" }, "_source": "git://github.com/Polymer/polymer.git", - "_target": "^1.1.0", + "_target": "^1.0.0", "_originalSource": "Polymer/polymer" } \ No newline at end of file diff --git a/dashboard-ui/components/metadataeditor/metadataeditor.js b/dashboard-ui/components/metadataeditor/metadataeditor.js index 39692a6152..9329a2df9f 100644 --- a/dashboard-ui/components/metadataeditor/metadataeditor.js +++ b/dashboard-ui/components/metadataeditor/metadataeditor.js @@ -65,15 +65,12 @@ require(['prompt'], function (prompt) { prompt({ - text: 'Value:', - callback: function (text) { - if (text == '') return; - var parent = $(source).parents('.editableListviewContainer'); - var list = parent.find('.paperList'); - var items = editableListViewValues(list); - items.push(text); - populateListView(list[0], items, sortCallback); - } + title: 'Value:' + }).then(function (text) { + var list = $(source).parents('.editableListviewContainer').find('.paperList'); + var items = editableListViewValues(list); + items.push(text); + populateListView(list[0], items, sortCallback); }); }); } @@ -82,6 +79,52 @@ $(source).parents('paper-icon-item').remove(); } + function editPerson(context, person, index) { + + $('#popupEditPerson', context).popup("open"); + + $('#txtPersonName', context).val(person.Name || ''); + $('#selectPersonType', context).val(person.Type || ''); + $('#txtPersonRole', context).val(person.Role || ''); + + if (index == null) { + index = ''; + } + + $("#fldPersonIndex", context).val(index); + } + + function savePersonInfo(page) { + + $('#popupEditPerson', page).popup("close"); + + var index = $("#fldPersonIndex", page).val(); + var person; + + var isNew = true; + + if (index) { + + isNew = false; + index = parseInt(index); + + person = currentItem.People[index]; + + } else { + person = {}; + } + + person.Name = $('#txtPersonName', page).val(); + person.Type = $('#selectPersonType', page).val(); + person.Role = $('#txtPersonRole', page).val(); + + if (isNew) { + currentItem.People.push(person); + } + + populatePeople(page, currentItem.People); + } + function init(context) { $('.btnCancel', context).on('click', function () { @@ -89,6 +132,15 @@ closeDialog(false); }); + context.querySelector('#chkLockData').addEventListener('click', function (e) { + + if (!e.target.checked) { + $('.providerSettingsContainer').show(); + } else { + $('.providerSettingsContainer').hide(); + } + }); + context.addEventListener('click', function (e) { var btnRemoveFromEditorList = parentWithClass(e.target, 'btnRemoveFromEditorList'); @@ -104,6 +156,11 @@ }); $('form', context).off('submit', onSubmit).on('submit', onSubmit); + + $("#btnAddPerson", context).on('click', function (event, data) { + + editPerson(context, {}); + }); } function getItem(itemId) { @@ -505,9 +562,9 @@ var chkLockData = context.querySelector("#chkLockData"); chkLockData.checked = lockData; if (chkLockData.checked) { - $('#providerSettingsContainer', context).hide(); + $('.providerSettingsContainer', context).hide(); } else { - $('#providerSettingsContainer', context).show(); + $('.providerSettingsContainer', context).show(); } populateInternetProviderSettings(context, item, item.LockedFields); @@ -690,8 +747,6 @@ html += ''; html += ''; - - //html += '
  • ' + items[i] + '
    • '; } list.innerHTML = html; @@ -762,7 +817,7 @@ } function populateInternetProviderSettings(context, item, lockedFields) { - var container = $('#providerSettingsContainer', context); + var container = $('.providerSettingsContainer', context); lockedFields = lockedFields || new Array(); var metadatafields = [ diff --git a/dashboard-ui/components/metadataeditor/metadataeditor.template.html b/dashboard-ui/components/metadataeditor/metadataeditor.template.html index 8867d0dab3..073feaa129 100644 --- a/dashboard-ui/components/metadataeditor/metadataeditor.template.html +++ b/dashboard-ui/components/metadataeditor/metadataeditor.template.html @@ -10,7 +10,7 @@
    @@ -26,7 +26,7 @@
    @@ -274,23 +274,23 @@

    ${HeaderMetadataSettings}

    - +
    ${MessageLeaveEmptyToInherit}

    - +
    ${MessageLeaveEmptyToInherit}


    - ${LabelLockItemToPreventChanges} + ${LabelLockItemToPreventChanges}

    -
    diff --git a/dashboard-ui/librarypathmapping.html b/dashboard-ui/librarypathmapping.html index 77b953c7ca..f6c501ca53 100644 --- a/dashboard-ui/librarypathmapping.html +++ b/dashboard-ui/librarypathmapping.html @@ -4,7 +4,7 @@ ${TitleMediaLibrary} -
    +
    @@ -17,16 +17,7 @@

    ${PathSubstitutionHelp}

    - - - - - - - - - -
    ${HeaderFrom}${HeaderTo}
    +

    diff --git a/dashboard-ui/scripts/dlnaprofile.js b/dashboard-ui/scripts/dlnaprofile.js index 8b2b367b06..f549b71cae 100644 --- a/dashboard-ui/scripts/dlnaprofile.js +++ b/dashboard-ui/scripts/dlnaprofile.js @@ -189,7 +189,7 @@ li += ''; - li += ''; + li += ''; li += ''; @@ -256,7 +256,7 @@ li += ''; - li += ''; + li += ''; li += ''; diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index 99e7713264..d0cbfbc862 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -902,7 +902,7 @@ editMetadata: function (itemId) { - Dashboard.navigate('edititemmetadata.html?id=' + itemId); + Dashboard.navigate('edititemmetadata.html?id=' + itemId); //require(['components/metadataeditor/metadataeditor'], function (metadataeditor) { diff --git a/dashboard-ui/scripts/librarypathmapping.js b/dashboard-ui/scripts/librarypathmapping.js index 127c4a2920..d4d128a9da 100644 --- a/dashboard-ui/scripts/librarypathmapping.js +++ b/dashboard-ui/scripts/librarypathmapping.js @@ -39,47 +39,49 @@ var html = config.PathSubstitutions.map(function (map) { - var mapHtml = ''; + var mapHtml = ''; + mapHtml += ''; - mapHtml += ''; - mapHtml += map.From; - mapHtml += ''; + mapHtml += ''; - mapHtml += ''; - mapHtml += map.To; - mapHtml += ''; + mapHtml += ''; + + mapHtml += "
    " + map.From + "
    "; + mapHtml += "
    " + Globalize.translate('HeaderTo') + "
    "; + mapHtml += "
    " + map.To + "
    "; + + mapHtml += '    '; - mapHtml += ''; mapHtml += ''; - mapHtml += ''; - mapHtml += ''; + mapHtml += '    '; index++; return mapHtml; - }); - var elem = $('.tbodyPathSubstitutions', page).html(html.join('')).parents('table').table('refresh').trigger('create'); + }).join(''); + + if (config.PathSubstitutions.length) { + html = '
    ' + html + '
    '; + } + + var elem = $('.pathSubstitutions', page).html(html); $('.btnDeletePath', elem).on('click', function () { remove(page, parseInt(this.getAttribute('data-index'))); }); - - if (config.PathSubstitutions.length) { - $('#tblPaths', page).show(); - } else { - $('#tblPaths', page).hide(); - } } function loadPage(page, config) { currentConfig = config; - reloadPathMappings(page, config); - Dashboard.hideLoadingMsg(); + require(['paper-fab', 'paper-item-body', 'paper-icon-item'], function () { + reloadPathMappings(page, config); + Dashboard.hideLoadingMsg(); + }); } function reload(page) { diff --git a/dashboard-ui/scripts/metadataimagespage.js b/dashboard-ui/scripts/metadataimagespage.js index 2e34b1a1d2..6aa1e54ee7 100644 --- a/dashboard-ui/scripts/metadataimagespage.js +++ b/dashboard-ui/scripts/metadataimagespage.js @@ -206,8 +206,6 @@ elemToMove.parentNode.removeChild(elemToMove); $(elemToMove).insertAfter(insertAfter); - - $('.imageFetcherGroup', page).controlgroup('destroy').controlgroup(); }); $('.btnUp', elem).on('click', function () { @@ -220,8 +218,6 @@ elemToMove.parentNode.removeChild(elemToMove); $(elemToMove).insertBefore(insertBefore); - - $('.imageFetcherGroup', page).controlgroup('destroy').controlgroup(); }); } @@ -330,8 +326,6 @@ elemToMove.parentNode.removeChild(elemToMove); $(elemToMove).insertAfter(insertAfter); - - $('.metadataFetcherGroup', page).controlgroup('destroy').controlgroup(); }); $('.btnUp', elem).on('click', function () { @@ -344,8 +338,6 @@ elemToMove.parentNode.removeChild(elemToMove); $(elemToMove).insertBefore(insertBefore); - - $('.metadataFetcherGroup', page).controlgroup('destroy').controlgroup(); }); } @@ -551,8 +543,6 @@ } }); - - ul.listview('destroy').listview({}); }); $('#selectItemType', page).on('change', function () { diff --git a/dashboard-ui/scripts/queryfilters.js b/dashboard-ui/scripts/queryfilters.js index 02ee87a553..2131ac258b 100644 --- a/dashboard-ui/scripts/queryfilters.js +++ b/dashboard-ui/scripts/queryfilters.js @@ -15,7 +15,7 @@ var html = ''; // style="margin: -.2em -.8em;" - html += '
    '; + html += '
    '; var index = 0; var idPrefix = 'chk' + selector.substring(1); diff --git a/dashboard-ui/strings/javascript/javascript.json b/dashboard-ui/strings/javascript/javascript.json index 5ed06e5539..abf43cd5a3 100644 --- a/dashboard-ui/strings/javascript/javascript.json +++ b/dashboard-ui/strings/javascript/javascript.json @@ -133,6 +133,7 @@ "LabelVersionInstalled": "{0} installed", "LabelNumberReviews": "{0} Reviews", "LabelFree": "Free", + "HeaderTo": "To", "HeaderPlaybackError": "Playback Error", "MessagePlaybackErrorNotAllowed": "You're currently not authorized to play this content. Please contact your system administrator for details.", "MessagePlaybackErrorNoCompatibleStream": "No compatible streams are currently available. Please try again later or contact your system administrator for details.", diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.icons.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.icons.css index 81a7f9da43..1dd6c6458b 100644 --- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.icons.css +++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.icons.css @@ -20,10 +20,7 @@ a[data-icon="alert"]:after { .ui-icon-arrow-d-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%203.5%2C7.5%200%2C4%200%2C14%2010%2C14%206.5%2C10.5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } -.ui-icon-arrow-d-r:after { - background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2210.5%2C7.5%203%2C0%200%2C3%207.5%2C10.5%204%2C14%2014%2C14%2014%2C4%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -a[data-icon="arrow-d"]:after { +a[data-icon="arrow-d"]:after, .ui-icon-arrow-d:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%229%2C7%209%2C0%205%2C0%205%2C7%200%2C7%207%2C14%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ui-icon-arrow-l:after { @@ -38,7 +35,7 @@ a[data-icon="arrow-d"]:after { .ui-icon-arrow-u-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C0%204%2C0%207.5%2C3.5%200%2C11%203%2C14%2010.5%2C6.5%2014%2C10%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } -.ui-icon-arrow-u:after { +a[data-icon="arrow-u"]:after, .ui-icon-arrow-u:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C0%200%2C7%205%2C7%205%2C14%209%2C14%209%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ui-icon-audio:after {