Skip to content

Commit

Permalink
#9 : Show svg from WP Medias in select2 dropdown
Browse files Browse the repository at this point in the history
Romain Lefort authored and MaximeCulea committed Nov 19, 2018
1 parent 6df3dc3 commit b59588c
Showing 3 changed files with 36 additions and 9 deletions.
5 changes: 5 additions & 0 deletions assets/css/style.css
Original file line number Diff line number Diff line change
@@ -16,4 +16,9 @@

.acf_svg__span {
font-size: 1.2em;
}

.select2-results svg {
width: 40px;
height: 40px;
}
22 changes: 21 additions & 1 deletion assets/css/style.min.css
Original file line number Diff line number Diff line change
@@ -1 +1,21 @@
.acf_svg__icon{width:40px;height:40px;margin-right:10px;vertical-align:middle}.acf_svg__icon.small{width:25px;height:19px;margin-right:10px;margin-top:3px;float:left;size:2px}.acf_svg__span{font-size:1.2em}
.select2-results svg,
.acf_svg__icon {
width:40px;
height:40px;
margin-right: 10px;
vertical-align: middle;
}

.select2-selection svg,
.acf_svg__icon.small {
width: 25px;
height: 19px;
margin-right: 10px;
margin-top: 3px;
float: left;
size: 2px;
}

.acf_svg__span {
font-size: 1.2em;
}
18 changes: 10 additions & 8 deletions assets/js/input-56.min.js
Original file line number Diff line number Diff line change
@@ -24,15 +24,19 @@
return css.text;
}
if (css.url) {
$.get(css.url).done(function (data) {
var svg = $(data.documentElement).html();
return $('<span class="acf_svg__span" data-id="' + css.id + '">' + svg + css.text + '</span>');
}, 'text');
fetchSvg(css.url, css.id, css.text)
return $('<span class="acf_svg__span" data-id="' + css.id + '">' + css.text + '</span>');
} else {
return $('<span class="acf_svg__span"><svg class="acf_svg__icon icon ' + css.id + '" aria-hidden="true" role="img"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#' + css.id + '"></use></svg>' + css.text + '</span>');
}
};

async function fetchSvg(url, id, text) {
var req = await fetch(url);
var svg = await req.text()
$('span[data-id="' + id + '"]').html(svg + text);
}

/**
* Format the content in select 2 for the dropdown list
*
@@ -44,10 +48,8 @@
return css.text;
}
if (css.url) {
$.get(css.url).done(function (data) {
var svg = $(data.documentElement).html();
return $('<span class="acf_svg__span" data-id="' + css.id + '">' + svg + css.text + '</span>');
}, 'text');
fetchSvg(css.url, css.id, css.text)
return $('<span class="acf_svg__span" data-id="' + css.id + '">' + css.text + '</span>');
} else {
return $('<span class="acf_svg__span"><svg class="acf_svg__icon small icon ' + css.id + '" aria-hidden="true" role="img"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#' + css.id + '"></use></svg>' + css.text + '</span>');
}

0 comments on commit b59588c

Please sign in to comment.