tonyair
/
silverstripe-widgets
mirror of https://github.com/silverstripe/silverstripe-widgets
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

MNT Run yarn build

This commit is contained in:
Guy Sartorelli 2023-01-20 15:37:08 +13:00
parent 28d16bfdc9
commit 9a515111ee
No known key found for this signature in database
GPG Key ID: F313E3B9504D496A
4 changed files with 9 additions and 205 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

176
client/dist/js/WidgetAreaEditor.js vendored
View File

@ -1,175 +1 @@
(function($) {
$.entwine('ss', function($) {
$('.WidgetAreaEditor').entwine({
onmatch: function() {
var parentName=$(this).attr('name');
this.rewriteWidgetAreaAttributes();
var availableWidgets=$('#availableWidgets-'+parentName).children().each(function() {
// Don't run on comments, whitespace, etc
if($(this)[0].nodeType==1) {
// Gotta change their ID's because otherwise we get clashes between two tabs
$(this)[0].id=$(this)[0].id+'-'+parentName;
}
});
var parentRef=$(this);
// Used widgets are sortable
$(this).find('.usedWidgets').sortable({
opacity: 0.6,
handle: '.handle',
update: function (e, ui) {
parentRef.updateWidgets(e, ui)
},
placeholder: 'ui-state-highlight',
forcePlaceholderSize: true,
start: function (e, ui) {
htmleditors = $(ui.item).closest('.Widget').find('textarea.htmleditor');
$.each(htmleditors, function (k, i) {
tinyMCE.execCommand('mceRemoveControl', false, $(i).attr('id'));
})
},
stop: function (e, ui) {
htmleditors = $(ui.item).closest('.Widget').find('textarea.htmleditor');
$.each(htmleditors, function (k, i) {
tinyMCE.execCommand('mceAddControl', true, $(i).attr('id'));
})
}
});
// Ensure correct sort values are written when page is saved
// TODO Adjust to new event listeners
$('.cms-container').bind('submitform', function(e) {parentRef.beforeSave(e)});
},
rewriteWidgetAreaAttributes: function() {
var name = $(this).attr('name');
var monkeyWith = function(widgets, name) {
if (!widgets) {
return;
}
widgets.each(function() {
widget=$(this)[0];
if (!widget.rewritten && (widget.id || widget.name)) {
if (widget.id && widget.id.indexOf('Widget[') === 0) {
var newValue = widget.id.replace(/Widget\[/, 'Widget['+name+'][');
widget.id = newValue;
}
if (widget.name && widget.name.indexOf('Widget[') === 0) {
var newValue = widget.name.replace(/Widget\[/, 'Widget['+name+'][');
widget.name=newValue;
}
widget.rewritten='yes';
}
});
}
monkeyWith($('#WidgetAreaEditor-'+name+' .Widget'), name);
monkeyWith($('#WidgetAreaEditor-'+name+' .Widget *'), name);
},
beforeSave: function() {
// Ensure correct sort values are written when page is saved
var usedWidgets = $('#usedWidgets-'+$(this).attr('name'));
if(usedWidgets) {
this.sortWidgets();
var children=usedWidgets.children();
children.each(function() {
if($(this).beforeSave) {
$(this).beforeSave();
}
});
}
},
addWidget: function(className, holder) {
if($('#WidgetAreaEditor-'+holder).attr('maxwidgets')) {
var maxCount = $('#WidgetAreaEditor-'+holder).attr('maxwidgets');
var count = $('#usedWidgets-'+holder+' .Widget').length;
if (count+1 > maxCount) {
alert(ss.i18n._t('WidgetAreaEditor.TOOMANY'));
return;
}
}
var parentRef=$(this),
locale = $(this).closest('form').find('input[name=Locale]').val();
$.ajax({
'url': 'WidgetController/EditableSegment/' + className,
'success' : function(response) {parentRef.insertWidgetEditor(response)},
'data' : {
'locale' : locale ,
},
});
},
updateWidgets: function(e, ui) {
// Gotta get the name of the current dohickey based off the ID
var name = $(this).attr('id').split('-').pop();
var i=0;
var usedWidgets = $('#usedWidgets-'+name).children().each(function() {
var widget = $(this)[0];
if(widget.id) {
$(this).find('input[name='+widget.id.replace(/\]/g,'\\]').replace(/\[/g,'\\[')+'\\[Sort\\]]').val(i);
i++;
}
});
},
insertWidgetEditor: function(response) {
var newID = $(response).find('.formid').val();
var widgetContent = response.replace(/Widget\[0\]/gi, "Widget[" + (newID) + "]");
$('#usedWidgets-'+$(this).attr('name')).append(widgetContent);
this.rewriteWidgetAreaAttributes();
},
sortWidgets: function() {
// Order the sort by the order the widgets are in the list
$('#usedWidgets-'+$(this).attr('name')).children().each(function(i) {
var div = $(this)[0];
if(div.nodeName != '#comment') {
var fields = div.getElementsByTagName('input');
for(j = 0; field = fields.item(j); j++) {
if(field.name == div.id + '[Sort]') {
field.value = i;
}
}
}
});
},
deleteWidget: function(widgetToRemove) {
// Remove a widget from the used widgets column
widgetToRemove.remove();
}
});
$('div.availableWidgets .Widget h3').entwine({
onclick: function(event) {
parts = $(this).parent().attr('id').split('-');
var widgetArea = parts.pop();
var className = parts.pop();
$('#WidgetAreaEditor-'+widgetArea).addWidget(className, widgetArea);
}
});
$('div.usedWidgets div.Widget').entwine({
onmatch: function() {
// Call deleteWidget when delete button is pushed
$(this).find('span.widgetDelete').click(function() {
$(this).closest('.WidgetAreaEditor').deleteWidget($(this).parent().parent());
});
}
});
})
})(jQuery);
!function(){"use strict";var t={311:function(t){t.exports=jQuery}},e={};function i(d){var n=e[d];if(void 0!==n)return n.exports;var a=e[d]={exports:{}};return t[d](a,a.exports,i),a.exports}!function(){var t=i(311);t.entwine("ss",(t=>{t(".WidgetAreaEditor").entwine({onmatch(){const e=t(this).attr("name");this.rewriteWidgetAreaAttributes(),t(`#availableWidgets-${e}`).children().each((function(){1===t(this)[0].nodeType&&(t(this)[0].id=`${t(this)[0].id}-${e}`)}));const i=t(this);t(this).find(".usedWidgets").sortable({opacity:.6,handle:".handle",update(t,e){i.updateWidgets(t,e)},placeholder:"ui-state-highlight",forcePlaceholderSize:!0,start(e,i){const d=t(i.item).closest(".Widget").find("textarea.htmleditor");t.each(d,((e,i)=>{tinyMCE.execCommand("mceRemoveControl",!1,t(i).attr("id"))}))},stop(e,i){const d=t(i.item).closest(".Widget").find("textarea.htmleditor");t.each(d,((e,i)=>{tinyMCE.execCommand("mceAddControl",!0,t(i).attr("id"))}))}}),t(".cms-container").bind("submitform",(t=>{i.beforeSave(t)}))},rewriteWidgetAreaAttributes(){const e=t(this).attr("name"),i=function(e,i){e&&e.each((function(){const e=t(this)[0];e.rewritten||!e.id&&!e.name||(e.id&&0===e.id.indexOf("Widget[")&&(e.id=e.id.replace(/Widget\[/,`Widget[${i}][`)),e.name&&0===e.name.indexOf("Widget[")&&(e.name=e.name.replace(/Widget\[/,`Widget[${i}][`)),e.rewritten="yes")}))};i(t(`#WidgetAreaEditor-${e} .Widget`),e),i(t(`#WidgetAreaEditor-${e} .Widget *`),e)},beforeSave(){const e=t(`#usedWidgets-${t(this).attr("name")}`);e&&(this.sortWidgets(),e.children().each((function(){t(this).beforeSave&&t(this).beforeSave()})))},addWidget(e,i){if(t(`#WidgetAreaEditor-${i}`).attr("maxwidgets")){const e=t(`#WidgetAreaEditor-${i}`).attr("maxwidgets");if(t(`#usedWidgets-${i} .Widget`).length+1>e)return void alert(ss.i18n._t("WidgetAreaEditor.TOOMANY"))}const d=t(this),n=t(this).closest("form").find("input[name=Locale]").val();t.ajax({url:`WidgetController/EditableSegment/${e}`,success(t){d.insertWidgetEditor(t)},data:{locale:n}})},updateWidgets(e,i){const d=t(this).attr("id").split("-").pop();let n=0;t(`#usedWidgets-${d}`).children().each((function(){const e=t(this)[0];e.id&&(t(this).find(`input[name=${e.id.replace(/\]/g,"\\]").replace(/\[/g,"\\[")}\\[Sort\\]]`).val(n),n+=1)}))},insertWidgetEditor(e){const i=t(e).find(".formid").val(),d=e.replace(/Widget\[0\]/gi,`Widget[${i}]`);t(`#usedWidgets-${t(this).attr("name")}`).append(d),this.rewriteWidgetAreaAttributes()},sortWidgets(){t(`#usedWidgets-${t(this).attr("name")}`).children().each((function(e){const i=t(this)[0];if("#comment"!==i.nodeName){const t=i.getElementsByTagName("input");let d;for(let n=0;d=t.item(n);n++)d.name===`${i.id}[Sort]`&&(d.value=e)}}))},deleteWidget(t){t.remove()}}),t("div.availableWidgets .Widget h3").entwine({onclick(e){const i=t(this).parent().attr("id").split("-"),d=i.pop(),n=i.pop();t(`#WidgetAreaEditor-${d}`).addWidget(n,d)}}),t("div.usedWidgets div.Widget").entwine({onmatch(){t(this).find("span.widgetDelete").click((function(){t(this).closest(".WidgetAreaEditor").deleteWidget(t(this).parent().parent())}))}})}))}()}();

21
client/dist/styles/WidgetAreaEditor.css vendored
View File

@ -1,20 +1 @@
.WidgetAreaEditor p { margin-bottom: 15px; }
.Widget { padding: 0 1.25rem .75rem; margin: 16px 0 16px 0; color: #4F5861; background-color: #F1F3F6; border: 1px solid #ced5e1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.Widget h3 { color: #43536d; margin: 0; padding: 4px 0; line-height: 40px; -moz-transition-property: background-image; -o-transition-property: background-image; -webkit-transition-property: background-image; transition-property: background-image; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.Widget .widgetDescription { padding: 0 0 .5rem; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.Widget .widgetDescription p { margin: 0; }
.Widget .widgetFields { background: #F7F8FA; border-top: 1px solid #dbe0e9; border-bottom: 1px solid #dbe0e9; padding: .75rem 1.25rem; margin: .75rem -1.25rem; }
.availableWidgetsHolder { width: 38%; float: left; }
.availableWidgets .Widget h3 { cursor: pointer; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQAxLzUvMTOqzuI/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAA8tJREFUSImdlk1MHGUYx38zO7u4s18sC10DBItFEEttUAmaTtFTJ34c9MBc/Iw99qDRHjx6682D9lBvatJotibGaGrWg4k6mgBWuggWKA1oKcm2wLJfs7A7s+OB3XRZ2Q/4n2ae9//+/8/zJu/zvAIHQCSqB4CHAAtY0VQl22iPbdsACE2Iq8C7wGkBCpIkLQOCaZpduxLEgE+Bq5qqGAc2ikT1l4GPXE5pqzscynaHQ49LDoe/kmNaVmo1vjGzGt/w5AumG/gQ+EZTlXxDo0hUDwMXREF4buiRnlR7q/9ko6oB1rdSsblbt12WVZwEzmuqsl7TKBLVZeA7n+x2Dg/2nqyuoBlMzS7paSNXAF7QVGW7bCRWmDiBz3yy2zUy1Hf6MCYAI0N9ik92O4GPI1HdU46LFZyzDlEcGhnqU+oJpTLGYipjLDYyczhEBXitHHOUqnkQiDw5+PBOi8sZqiWwdi8xMXPzn561ewlZEIRrrT5PTy1uONSaX41vPPP3rdtfHT/Wky1X9JZPds/7vXJ/vUwTyXQO+B7Qs8a2WY/rbnF1+WT3KjAO94/ujYGjneF6Gw+Dgd7OI8CbAGIkqocFONKomgpsAwaCYDci+j3ygCgIgSs//iaLwBNOp/RvMw5504LdTjCTL5gNuwqAJDkywAkJOBH0eZLVhLV7iYmF5dVjNnhLIQtIAj8ArkQqo/w0+ZdB6fgFyA70di11drSNVuoEfZ5kfDM5LAEd+2WSSKZzNnyuqcr5Gsm+WPkTiepXNpOZ9s6Otv24XglI7bcSDHjd8c3ke5Go/k4pVASmNVV5OhLVu4DLwAggldYdbQHvHzWSuisB1xPp7CvVK50dbaOl7MpCTM8vb0ei+jkgGPR7GX60V67aNlr1TyKd9QMxCZgsmFZXjUz2wCk5bGAMcLp2vxvCNK0AcFPUVCVu2/adRm2l2rMZUipjLBZtOz1+5pRRvrBfLKysxQ9g1BQWVtbuAp/A/c7wZdrIHW1UVVvA6waeB8Y88gNSPW5uJ38nbeT6ga+hYh5FovpZhyi+/+xTxwfrCZSTadRJfr42N2dZxYvjZ05dqqwI4LJVLE5MzS7p9QT8Xrm/kcnU7JJuWcVfNFW5VI7tN8q/9cnu4GEmrGlZqekby7G0kdsCXtdUJfm/CVuBt9NGbkH/88b6+lYq1qzJ+lYq9vv1+eW0kZsAXtVUZU9bq/cKegm44HJKO93hUC4cau11t7j23LeqV5AEfKCpytVKzkHedWPAOUAB2l1Oac62oWCajwEbgA5c1FTl1/32l43+A2DVjDi0+ffsAAAAAElFTkSuQmCC"); background-position: center right; background-repeat: no-repeat; }
.availableWidgets .Widget h3:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQAxLzUvMTOqzuI/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAABANJREFUSImdlltsVFUUhr8znbZzbUO4VDPJcZqWSgfqxCalNT1tuEQOXh6UyHkQUQvEmKCxoTwY2wcSW4khEESiQIIXTKMZRGM0mMMDJHpqHILiNG0tnTYzGZwYCjV0rp3ScnxwJkxrOzPt/7bX/tf619rZe60tsAR4VK0ceASYBYKKLMXz+ei6DoBQQHAZaAdadF2/l4jHAoBgsdocgiAA+IDTwEVFlhJLFvKo2nPAsVg0crfvshrXLl96bCqZKMvmmMyWSPPmJ/ulrdutNnuZGTgEfKvI0nReIY+qVQCHZ2dmNp07/UFkyPe7O1/VAC53ve/FfftLSktNV4GDiizdWVTIo2oW4PtwKFh86miPe34FhaC9q0dziM57wNOKLE1lhAxZIsXAZ+FQsOR4d2fLckQAjnd3SuFQsBg44VE1a8ZuyOLsnU6lNhzv7pRyBRIrq0fEyuqRfGKp1JQEvJSxFaWreQjwfHTk3dTk3X9WLhZgo7TJ2/ZGh9jYstlyf3b2t4D/hrgY13ft12lp6/YnhsZufrW+SoxnKno1HAoOhwKjNbkyramtSwI/ANrDDnEmF3fi9rgjHAr+BeyEB0f38je9n1bkclwOLvR+sgZ4BcDgUbUKXdfX5KsmC1NAQid9nXLgZmDs0dmZmfLzl/osBqA+HouGClGw2O3wXyfot9rL8nYVgGQyEQPqjEDd2PDQ5HzCRmmT94Xd+6oEQbClTbPAJPAjULJ23XrpyJneBOnj13U9fuGLs6Ne7Upjdpyx4aFJd0PT40Zg9UKZ1NTWJQVB+FyRpYOLJPtM9sKjaufXujas8mpXFuLajEBkoR3/nwNmd0PTAY+qvZU23QeuK7LU5FE1B9ALNADG9H6Rf2jg2iJJjRuBP6rWuZ6fv+PVrjSms8sE4rUD70x5VG0/sMI/PMiZY+9Z5rk1zltTtc5VBviMwFWL1eZYJJM5SMSiOtAKFCei0by3DsBstpQDfoMiS7cMBkM4X1uZh+JCSGJl9UiR0Rjdua05kXmw53bsaru1BKGCsGNX2zjwITzoDF86RKczX1X+oQEz8BTQ+nc4ZMzFXbl6TdghOmuAryFrHnlUbe90KtXR+eae2lwBMsnk6yTdJ84OlppMJ3duaz6VXRFAb0lpqbe9q0fLFSAUGK3JJ9Le1aOVmkw/KbJ0KmNbaJR/Fw4FVyxnwprMlsjrHZ0+h+i8C+xWZGnyfxM2C3scovPGoaMf33G5632Firjc9b7O908EHKLTC+xSZGlOW8v1C3oWOByLRlJ9l9Xk9au/VE7cHp/z3kxmS0Tasq2/eYtstdnLjMDbiixdzOYs5V/XCuwHJGBVLBoZFAQBq83uAiYADTipyNLPC/lnhP4FKHOWW0c+c/gAAAAASUVORK5CYII="); }
.usedWidgetsHolder { width: 60%; float: right; }
.usedWidgets .Widget h3 { cursor: move; }
.usedWidgets .Widget .deleteWidget { text-align: right; padding-top: 11px; margin-bottom: 3px; }
@media only screen and (max-width: 1279px) { .availableWidgetsHolder { width: 100%; float: none; margin-bottom: 20px; }
.usedWidgetsHolder { width: 100%; float: none; } }
.WidgetAreaEditor p{margin-bottom:15px}.Widget{padding:0 1.25rem .75rem;margin:16px 0 16px 0;color:#4f5861;background-color:#f1f3f6;border:1px solid #ced5e1;border-radius:3px}.Widget h3{color:#43536d;margin:0;padding:4px 0;line-height:40px;transition-property:background-image;transition-duration:.2s;transition-timing-function:ease-out}.Widget .widgetDescription{padding:0 0 .5rem;margin:0;border-radius:3px}.Widget .widgetDescription p{margin:0}.Widget .widgetFields{background:#f7f8fa;border-top:1px solid #dbe0e9;border-bottom:1px solid #dbe0e9;padding:.75rem 1.25rem;margin:.75rem -1.25rem}.availableWidgetsHolder{width:38%;float:left}.availableWidgets .Widget h3{cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQAxLzUvMTOqzuI/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAA8tJREFUSImdlk1MHGUYx38zO7u4s18sC10DBItFEEttUAmaTtFTJ34c9MBc/Iw99qDRHjx6682D9lBvatJotibGaGrWg4k6mgBWuggWKA1oKcm2wLJfs7A7s+OB3XRZ2Q/4n2ae9//+/8/zJu/zvAIHQCSqB4CHAAtY0VQl22iPbdsACE2Iq8C7wGkBCpIkLQOCaZpduxLEgE+Bq5qqGAc2ikT1l4GPXE5pqzscynaHQ49LDoe/kmNaVmo1vjGzGt/w5AumG/gQ+EZTlXxDo0hUDwMXREF4buiRnlR7q/9ko6oB1rdSsblbt12WVZwEzmuqsl7TKBLVZeA7n+x2Dg/2nqyuoBlMzS7paSNXAF7QVGW7bCRWmDiBz3yy2zUy1Hf6MCYAI0N9ik92O4GPI1HdU46LFZyzDlEcGhnqU+oJpTLGYipjLDYyczhEBXitHHOUqnkQiDw5+PBOi8sZqiWwdi8xMXPzn561ewlZEIRrrT5PTy1uONSaX41vPPP3rdtfHT/Wky1X9JZPds/7vXJ/vUwTyXQO+B7Qs8a2WY/rbnF1+WT3KjAO94/ujYGjneF6Gw+Dgd7OI8CbAGIkqocFONKomgpsAwaCYDci+j3ygCgIgSs//iaLwBNOp/RvMw5504LdTjCTL5gNuwqAJDkywAkJOBH0eZLVhLV7iYmF5dVjNnhLIQtIAj8ArkQqo/w0+ZdB6fgFyA70di11drSNVuoEfZ5kfDM5LAEd+2WSSKZzNnyuqcr5Gsm+WPkTiepXNpOZ9s6Otv24XglI7bcSDHjd8c3ke5Go/k4pVASmNVV5OhLVu4DLwAggldYdbQHvHzWSuisB1xPp7CvVK50dbaOl7MpCTM8vb0ei+jkgGPR7GX60V67aNlr1TyKd9QMxCZgsmFZXjUz2wCk5bGAMcLp2vxvCNK0AcFPUVCVu2/adRm2l2rMZUipjLBZtOz1+5pRRvrBfLKysxQ9g1BQWVtbuAp/A/c7wZdrIHW1UVVvA6waeB8Y88gNSPW5uJ38nbeT6ga+hYh5FovpZhyi+/+xTxwfrCZSTadRJfr42N2dZxYvjZ05dqqwI4LJVLE5MzS7p9QT8Xrm/kcnU7JJuWcVfNFW5VI7tN8q/9cnu4GEmrGlZqekby7G0kdsCXtdUJfm/CVuBt9NGbkH/88b6+lYq1qzJ+lYq9vv1+eW0kZsAXtVUZU9bq/cKegm44HJKO93hUC4cau11t7j23LeqV5AEfKCpytVKzkHedWPAOUAB2l1Oac62oWCajwEbgA5c1FTl1/32l43+A2DVjDi0+ffsAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat}.availableWidgets .Widget h3:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQAxLzUvMTOqzuI/AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAABANJREFUSImdlltsVFUUhr8znbZzbUO4VDPJcZqWSgfqxCalNT1tuEQOXh6UyHkQUQvEmKCxoTwY2wcSW4khEESiQIIXTKMZRGM0mMMDJHpqHILiNG0tnTYzGZwYCjV0rp3ScnxwJkxrOzPt/7bX/tf619rZe60tsAR4VK0ceASYBYKKLMXz+ei6DoBQQHAZaAdadF2/l4jHAoBgsdocgiAA+IDTwEVFlhJLFvKo2nPAsVg0crfvshrXLl96bCqZKMvmmMyWSPPmJ/ulrdutNnuZGTgEfKvI0nReIY+qVQCHZ2dmNp07/UFkyPe7O1/VAC53ve/FfftLSktNV4GDiizdWVTIo2oW4PtwKFh86miPe34FhaC9q0dziM57wNOKLE1lhAxZIsXAZ+FQsOR4d2fLckQAjnd3SuFQsBg44VE1a8ZuyOLsnU6lNhzv7pRyBRIrq0fEyuqRfGKp1JQEvJSxFaWreQjwfHTk3dTk3X9WLhZgo7TJ2/ZGh9jYstlyf3b2t4D/hrgY13ft12lp6/YnhsZufrW+SoxnKno1HAoOhwKjNbkyramtSwI/ANrDDnEmF3fi9rgjHAr+BeyEB0f38je9n1bkclwOLvR+sgZ4BcDgUbUKXdfX5KsmC1NAQid9nXLgZmDs0dmZmfLzl/osBqA+HouGClGw2O3wXyfot9rL8nYVgGQyEQPqjEDd2PDQ5HzCRmmT94Xd+6oEQbClTbPAJPAjULJ23XrpyJneBOnj13U9fuGLs6Ne7Upjdpyx4aFJd0PT40Zg9UKZ1NTWJQVB+FyRpYOLJPtM9sKjaufXujas8mpXFuLajEBkoR3/nwNmd0PTAY+qvZU23QeuK7LU5FE1B9ALNADG9H6Rf2jg2iJJjRuBP6rWuZ6fv+PVrjSms8sE4rUD70x5VG0/sMI/PMiZY+9Z5rk1zltTtc5VBviMwFWL1eZYJJM5SMSiOtAKFCei0by3DsBstpQDfoMiS7cMBkM4X1uZh+JCSGJl9UiR0Rjdua05kXmw53bsaru1BKGCsGNX2zjwITzoDF86RKczX1X+oQEz8BTQ+nc4ZMzFXbl6TdghOmuAryFrHnlUbe90KtXR+eae2lwBMsnk6yTdJ84OlppMJ3duaz6VXRFAb0lpqbe9q0fLFSAUGK3JJ9Le1aOVmkw/KbJ0KmNbaJR/Fw4FVyxnwprMlsjrHZ0+h+i8C+xWZGnyfxM2C3scovPGoaMf33G5632Firjc9b7O908EHKLTC+xSZGlOW8v1C3oWOByLRlJ9l9Xk9au/VE7cHp/z3kxmS0Tasq2/eYtstdnLjMDbiixdzOYs5V/XCuwHJGBVLBoZFAQBq83uAiYADTipyNLPC/lnhP4FKHOWW0c+c/gAAAAASUVORK5CYII=)}.usedWidgetsHolder{width:60%;float:right}.usedWidgets .Widget h3{cursor:move}.usedWidgets .Widget .deleteWidget{text-align:right;padding-top:11px;margin-bottom:3px}@media only screen and (max-width: 1279px){.availableWidgetsHolder{width:100%;float:none;margin-bottom:20px}.usedWidgetsHolder{width:100%;float:none}}

13
client/src/styles/WidgetAreaEditor.scss
View File

@ -1,4 +1,4 @@
@import "settings";
@charset "UTF-8";
// root widget area editor container
.WidgetAreaEditor {
@ -17,20 +17,21 @@
color: #4F5861;
background-color: #F1F3F6;
border: 1px solid #ced5e1;
@include border-radius(3px);
border-radius: 3px;
h3 {
color: #43536d;
margin: 0;
padding: 4px 0;
line-height: 40px;
@include transition-property(background-image);
@include transition-duration(0.2s);
@include transition-timing-function(ease-out);
transition-property: background-image;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
.widgetDescription {
padding: 0 0 .5rem;
margin: 0;
@include border-radius(3px);
border-radius: 3px;
p {
margin: 0;

4
client/src/styles/_settings.scss
View File

@ -1,4 +0,0 @@
@charset "UTF-8";
@import "compass/css3/border-radius";
@import "compass/css3/transition";