"
+ + "| "
+ + ""
+ + asset['title'] + " | "
+ + ""
+ + ""
+ + asset['typeLabel']
+ + " | "
+ + "" + asset['place'] + " | "
+ + "
";
+ }
+ document
+ .querySelector("#" + dialogId + " tbody")
+ .innerHTML = tableRows;
+ } else {
+ alert("Error while retrieving assets. "
+ + "Response code: " + request.status + " "
+ + "Message: " + request.statusText);
+ }
+ });
+ request.send();
+}
+
+function setSelectedAsset(assetId, assetTitle, targetId, dialogId) {
+ var target = document.querySelector("#" + targetId);
+ var targetText = document.querySelector("#" + targetId + "-selected");
+
+ target.value = assetId;
+ targetText.textContent = assetTitle;
+
+ toggleSelectAssetDialog('hide', dialogId);
+
+}
+
+function toggleSelectAssetDialog(mode, dialogId) {
+
+ var dialog = document.querySelector("#" + dialogId);
+
+ if ('show' === mode) {
+ dialog.setAttribute('open', 'open');
+ getAssetsForSelectAssetDialog(dialogId)
+ } else {
+ dialog.setAttribute('open', 'false');
+ }
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+
+ var i;
+
+ var buttons = document.querySelectorAll('.select-asset-button');
+ for (i = 0; i < buttons.length; ++i) {
+
+ buttons[i].addEventListener('click', function (event) {
+
+ var button = event.currentTarget;
+ var dialogId = button.getAttribute('data-dialogId');
+
+ toggleSelectAssetDialog('show', dialogId);
+
+
+// var assetType = button.getAttribute('data-assettype');
+// var contentSection = button.getAttribute('data-contentsection');
+// var target = button.getAttribute('data-target');
+//
+// alert("AssetSelection assetType = " + assetType
+// + "; contentSection = " + contentSection
+// + "; target = " + target + "; ");
+
+ event.stopPropagation();
+ return false;
+ });
+ }
+
+ var closeButtons = document.querySelectorAll('.asset-search-widget-dialog .close-button');
+ for (i = 0; i < closeButtons.length; ++i) {
+
+ closeButtons[i].addEventListener('click', function (event) {
+
+ var button = event.currentTarget;
+ var dialogId = button.getAttribute('data-dialogId');
+
+ toggleSelectAssetDialog('hide', dialogId);
+
+ event.stopPropagation();
+ return false;
+ });
+
+ }
+
+ var applyButtons = document.querySelectorAll('.asset-search-widget-dialog .apply-filter');
+ for (i = 0; i < applyButtons.length; ++i) {
+
+ applyButtons[i].addEventListener('click', function (event) {
+
+ var button = event.currentTarget;
+ var dialogId = button.getAttribute('data-dialogId');
+
+ getAssetsForSelectAssetDialog(dialogId);
+
+ event.stopPropagation();
+ return false;
+ });
+
+
+ }
+});
+
diff --git a/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css b/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css
index 959b9ab9d..3e93fdaae 100644
--- a/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css
+++ b/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css
@@ -1425,13 +1425,120 @@ dl dd a:hover {
.tile div + div {
height: auto;
}
-s
+
img.cmsImageDisplay {
float: left;
max-height: 200px;
width: auto;
}
+div.asset-search-widget dialog {
+ background-color: #e6e4f2;
+
+ border: 1px solid #555;
+ border-radius: 0.75em;
+
+ box-shadow: 5px 5px #aaa;
+
+ display: none;
+
+ padding: 0;
+
+ position: absolute;
+ top: 5%;
+ left: 2%;
+
+ width: 96%;
+ height: 90%;
+
+ z-index: 999;
+}
+
+div.asset-search-widget dialog[open="open"] {
+ display: block;
+}
+
+div.asset-search-widget dialog .controls {
+ padding: 0.5em;
+}
+
+div.asset-search-widget dialog .controls label {
+
+ font-weight: bold;
+
+ margin-right: 0.5em;
+}
+
+div.asset-search-widget dialog .dialogarea controls button {
+
+ margin-left: 0.5em;
+
+}
+div .asset-search-widget dialog .selectable-assets {
+
+ padding: 0;
+
+ position: absolute;
+ bottom: 0;
+ left: 0;
+
+ width: 100%;
+ height: 80%;
+ overflow: scroll;
+}
+
+div.asset-search-widget dialog .dialogarea table {
+
+ margin-top: 1em;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+div.asset-search-widget dialog .selectable-assets table thead tr th {
+
+ background-color: transparent;
+
+ color: #000;
+
+ font-weight: bold;
+
+}
+
+div.asset-search-widget dialog .titlebar {
+
+ border-bottom: 1px solid #555;
+
+ margin-top: 0;
+
+ padding: 0.5em 1em;
+}
+
+div.asset-search-widget dialog .titlebar .close-button {
+
+ background-color: transparent;
+
+ border: none;
+
+ font-size: 18px;
+
+ position: absolute;
+ right: 5px;
+}
+
+div.asset-search-widget dialog .titlebar .close-button:after {
+ content: '\2715';
+}
+
+div.asset-search-widget dialog .titlebar .close-button span {
+
+ position: absolute;
+ top: -999px;
+
+ width: 1px;
+ height: 1px;
+ overflow:hidden;
+}
+
div.cmsImageInfoOverlay {
float: left;
margin-left: 2em;
@@ -1796,7 +1903,7 @@ span#quickLinksCascade {
.static-new-item-form select {
max-width: 12em;
-
+
}
.static-new-item-form input {
diff --git a/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/templates/admin-layout.xml b/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/templates/admin-layout.xml
index 015bb5111..bda585123 100644
--- a/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/templates/admin-layout.xml
+++ b/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/templates/admin-layout.xml
@@ -8,15 +8,16 @@