diff --git a/bin/Site/Area.css b/bin/Site/Area.css index b0ba7d148a7dc49b68774bd3a0c0e0d63072fed7..4186fcf38d542d890fa080aec6ecf932a71899b8 100644 --- a/bin/Site/Area.css +++ b/bin/Site/Area.css @@ -43,7 +43,17 @@ background: #fff; margin: 2px; padding: 2px; - width: calc( 100% - 75px ); + width: calc(100% - 75px); +} + +.quiqqer-bricks-site-category-area-brick select[disabled] { + border: none; + color: #212527; + cursor: default; + + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } .quiqqer-bricks-site-category-area-brick button { @@ -55,7 +65,7 @@ } .quiqqer-bricks-site-category-area-deactivate { - opacity : 0.5; + opacity: 0.5; text-decoration: line-through; } diff --git a/bin/Site/Area.js b/bin/Site/Area.js index f5e6b0f1f0d5fe44ed8e88f9eac8ebf485fc0f05..9650cc7279b71b4044d9966db32c17bc1bb25db5 100644 --- a/bin/Site/Area.js +++ b/bin/Site/Area.js @@ -105,9 +105,9 @@ define('package/quiqqer/bricks/bin/Site/Area', [ this.$Elm = new Element('div', { 'class' : 'quiqqer-bricks-site-category-area', html : '<div class="quiqqer-bricks-site-category-area-title">' + - QUILocale.get(title.group, title.var) + - ' <div class="quiqqer-bricks-site-category-area-buttons"></div>' + - '</div><ul class="quiqqer-bricks-site-category-area-list"></ul>', + QUILocale.get(title.group, title.var) + + ' <div class="quiqqer-bricks-site-category-area-buttons"></div>' + + '</div><ul class="quiqqer-bricks-site-category-area-list"></ul>', 'data-name': this.getAttribute('name') }); @@ -284,7 +284,7 @@ define('package/quiqqer/bricks/bin/Site/Area', [ var self = this, Site = this.getAttribute('Site'), Project = Site.getProject(); - console.warn('refresh'); + return new Promise(function (resolve) { QUIAjax.get('package_quiqqer_bricks_ajax_project_getBricks', function (bricks) { self.$availableBricks = bricks; @@ -399,6 +399,7 @@ define('package/quiqqer/bricks/bin/Site/Area', [ var BrickNode = this.createNewBrick(); BrickNode.getElement('select').set('value', brickId); + BrickNode.getElement('select').set('disabled', true); this.refresh(); @@ -429,7 +430,9 @@ define('package/quiqqer/bricks/bin/Site/Area', [ }); Elm.inject(this.$List); + Select = Elm.getElement('select'); + Select.set('disabled', true); new QUIButton({ title : QUILocale.get(lg, 'site.area.button.delete'), @@ -468,6 +471,7 @@ define('package/quiqqer/bricks/bin/Site/Area', [ /** * Return the brick list + * * @returns {Array} */ getData: function () {