bedrock_sass 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/bedrock/js/bedrock.js +351 -42
- data/assets/bedrock/scss/_bedrock-components.scss +2 -0
- data/assets/bedrock/scss/_bedrock-settings.scss +12 -2
- data/assets/bedrock/scss/_foundation-settings.scss +4 -4
- data/assets/bedrock/scss/components/dropzone-upload.scss +5 -5
- data/assets/bedrock/scss/components/file-input.scss +28 -0
- data/assets/bedrock/scss/components/page-content.scss +12 -3
- data/assets/bedrock/scss/components/select-box.scss +32 -1
- data/lib/bedrock_sass/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4552a8556925d703c51246b6200d92b2d6deaa42
|
4
|
+
data.tar.gz: 3798f5fa2a52616aca57de4d5440701acfc1a06e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 81b8a1d76738272bba2dc0b1677ac7aab2542853999efec09479dcd7795d12fff7d0cc4a8098e10b7952babb127288c0f3445e29d382f80827776bfacdd7959b
|
7
|
+
data.tar.gz: 77e77f6acb25cdb220819ba9cad574ccf8e6bd89aa56e58f0d098b3f63fb9a5c637e6c067bfb5262d9de1b14d8114ef7874f6ee5c64fd27a38be3e7d2e99f2ff
|
@@ -63,7 +63,7 @@
|
|
63
63
|
/******/ __webpack_require__.p = "";
|
64
64
|
/******/
|
65
65
|
/******/ // Load entry module and return exports
|
66
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
66
|
+
/******/ return __webpack_require__(__webpack_require__.s = 53);
|
67
67
|
/******/ })
|
68
68
|
/************************************************************************/
|
69
69
|
/******/ ([
|
@@ -15758,9 +15758,9 @@ var _whatInput = __webpack_require__(39);
|
|
15758
15758
|
|
15759
15759
|
var _whatInput2 = _interopRequireDefault(_whatInput);
|
15760
15760
|
|
15761
|
-
__webpack_require__(
|
15761
|
+
__webpack_require__(52);
|
15762
15762
|
|
15763
|
-
__webpack_require__(
|
15763
|
+
__webpack_require__(51);
|
15764
15764
|
|
15765
15765
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15766
15766
|
|
@@ -31082,6 +31082,7 @@ var DropzoneUpload = function (_Plugin) {
|
|
31082
31082
|
}, {
|
31083
31083
|
key: '_init',
|
31084
31084
|
value: function _init() {
|
31085
|
+
this._handleEvents();
|
31085
31086
|
this.dropzone = new _dropzone2.default('#' + this.id, this.options);
|
31086
31087
|
}
|
31087
31088
|
|
@@ -31117,6 +31118,31 @@ var DropzoneUpload = function (_Plugin) {
|
|
31117
31118
|
key: '_events',
|
31118
31119
|
value: function _events() {}
|
31119
31120
|
|
31121
|
+
/**
|
31122
|
+
* Handles events from the dropzone.
|
31123
|
+
* @function
|
31124
|
+
* @private
|
31125
|
+
*/
|
31126
|
+
|
31127
|
+
}, {
|
31128
|
+
key: '_handleEvents',
|
31129
|
+
value: function _handleEvents() {
|
31130
|
+
this.options.queuecomplete = function () {
|
31131
|
+
this.$element.trigger('queuecomplete.zf.dropzone.upload');
|
31132
|
+
}.bind(this);
|
31133
|
+
}
|
31134
|
+
|
31135
|
+
/**
|
31136
|
+
* Removes all uploaded items.
|
31137
|
+
* @function
|
31138
|
+
*/
|
31139
|
+
|
31140
|
+
}, {
|
31141
|
+
key: 'clear',
|
31142
|
+
value: function clear() {
|
31143
|
+
this.dropzone.removeAllFiles();
|
31144
|
+
}
|
31145
|
+
|
31120
31146
|
/**
|
31121
31147
|
* Destroys the dropzone-upload plugin.
|
31122
31148
|
* @function
|
@@ -31142,6 +31168,143 @@ exports.DropzoneUpload = DropzoneUpload;
|
|
31142
31168
|
"use strict";
|
31143
31169
|
|
31144
31170
|
|
31171
|
+
Object.defineProperty(exports, "__esModule", {
|
31172
|
+
value: true
|
31173
|
+
});
|
31174
|
+
exports.FileInput = undefined;
|
31175
|
+
|
31176
|
+
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
31177
|
+
|
31178
|
+
var _jquery = __webpack_require__(0);
|
31179
|
+
|
31180
|
+
var _jquery2 = _interopRequireDefault(_jquery);
|
31181
|
+
|
31182
|
+
var _foundation = __webpack_require__(1);
|
31183
|
+
|
31184
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
31185
|
+
|
31186
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
31187
|
+
|
31188
|
+
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
31189
|
+
|
31190
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
31191
|
+
|
31192
|
+
/**
|
31193
|
+
* FileInput module.
|
31194
|
+
* @module fileInput
|
31195
|
+
*/
|
31196
|
+
|
31197
|
+
var FileInput = function (_Plugin) {
|
31198
|
+
_inherits(FileInput, _Plugin);
|
31199
|
+
|
31200
|
+
function FileInput() {
|
31201
|
+
_classCallCheck(this, FileInput);
|
31202
|
+
|
31203
|
+
return _possibleConstructorReturn(this, (FileInput.__proto__ || Object.getPrototypeOf(FileInput)).apply(this, arguments));
|
31204
|
+
}
|
31205
|
+
|
31206
|
+
_createClass(FileInput, [{
|
31207
|
+
key: '_setup',
|
31208
|
+
|
31209
|
+
/**
|
31210
|
+
* Creates a new instance of an file-input.
|
31211
|
+
* @class
|
31212
|
+
* @name FileInput
|
31213
|
+
* @fires FileInput#init
|
31214
|
+
* @param {Object} element - jQuery object to initialize.
|
31215
|
+
* @param {Object} options - Overrides to the default plugin settings.
|
31216
|
+
*/
|
31217
|
+
value: function _setup(element, options) {
|
31218
|
+
this.className = 'FileInput'; // ie9 back compat
|
31219
|
+
this.$element = element;
|
31220
|
+
this.options = _jquery2.default.extend({}, FileInput.defaults, this.$element.data(), options);
|
31221
|
+
|
31222
|
+
this._init();
|
31223
|
+
}
|
31224
|
+
|
31225
|
+
/**
|
31226
|
+
* Initializes the file-input wrapper.
|
31227
|
+
* @function
|
31228
|
+
* @private
|
31229
|
+
*/
|
31230
|
+
|
31231
|
+
}, {
|
31232
|
+
key: '_init',
|
31233
|
+
value: function _init() {
|
31234
|
+
this.id = this.$element.attr('id');
|
31235
|
+
this.template = (0, _jquery2.default)('#' + this.id + '-preview-template').html();
|
31236
|
+
this.$item = (0, _jquery2.default)(this.template);
|
31237
|
+
this.$preview = (0, _jquery2.default)(this.options.previewsContainer);
|
31238
|
+
this.$empty = this.$element.find('.dz-message');
|
31239
|
+
this.$input = this.$element.find('input[type="file"]');
|
31240
|
+
|
31241
|
+
if (this.$preview.children().length) {
|
31242
|
+
this.$empty.hide();
|
31243
|
+
}
|
31244
|
+
|
31245
|
+
this._events();
|
31246
|
+
}
|
31247
|
+
|
31248
|
+
/**
|
31249
|
+
* Adds event handlers to the file-input.
|
31250
|
+
* @function
|
31251
|
+
* @private
|
31252
|
+
*/
|
31253
|
+
|
31254
|
+
}, {
|
31255
|
+
key: '_events',
|
31256
|
+
value: function _events() {
|
31257
|
+
var input = this.$input.get(0);
|
31258
|
+
|
31259
|
+
this.$input.on('change', function (event) {
|
31260
|
+
if (input.files && input.files[0]) {
|
31261
|
+
var reader = new FileReader();
|
31262
|
+
|
31263
|
+
reader.onload = function (e) {
|
31264
|
+
var preview = this.$item.clone();
|
31265
|
+
preview.find('[dz-thumbnail]').attr('src', e.target.result);
|
31266
|
+
|
31267
|
+
this.$empty.hide();
|
31268
|
+
this.$preview.html(preview);
|
31269
|
+
}.bind(this);
|
31270
|
+
|
31271
|
+
reader.readAsDataURL(input.files[0]);
|
31272
|
+
}
|
31273
|
+
}.bind(this));
|
31274
|
+
|
31275
|
+
this.$element.on('click', '[dz-remove]', function (event) {
|
31276
|
+
event.preventDefault();
|
31277
|
+
|
31278
|
+
this.$empty.show();
|
31279
|
+
this.$preview.html('');
|
31280
|
+
}.bind(this));
|
31281
|
+
}
|
31282
|
+
|
31283
|
+
/**
|
31284
|
+
* Destroys the file-input plugin.
|
31285
|
+
* @function
|
31286
|
+
* @private
|
31287
|
+
*/
|
31288
|
+
|
31289
|
+
}, {
|
31290
|
+
key: '_destroy',
|
31291
|
+
value: function _destroy() {}
|
31292
|
+
}]);
|
31293
|
+
|
31294
|
+
return FileInput;
|
31295
|
+
}(_foundation.Plugin);
|
31296
|
+
|
31297
|
+
FileInput.defaults = {};
|
31298
|
+
|
31299
|
+
exports.FileInput = FileInput;
|
31300
|
+
|
31301
|
+
/***/ }),
|
31302
|
+
/* 42 */
|
31303
|
+
/***/ (function(module, exports, __webpack_require__) {
|
31304
|
+
|
31305
|
+
"use strict";
|
31306
|
+
|
31307
|
+
|
31145
31308
|
Object.defineProperty(exports, "__esModule", {
|
31146
31309
|
value: true
|
31147
31310
|
});
|
@@ -31373,7 +31536,7 @@ InlineEditBox.defaults = {};
|
|
31373
31536
|
exports.InlineEditBox = InlineEditBox;
|
31374
31537
|
|
31375
31538
|
/***/ }),
|
31376
|
-
/*
|
31539
|
+
/* 43 */
|
31377
31540
|
/***/ (function(module, exports, __webpack_require__) {
|
31378
31541
|
|
31379
31542
|
"use strict";
|
@@ -31539,7 +31702,7 @@ ListRemove.defaults = {};
|
|
31539
31702
|
exports.ListRemove = ListRemove;
|
31540
31703
|
|
31541
31704
|
/***/ }),
|
31542
|
-
/*
|
31705
|
+
/* 44 */
|
31543
31706
|
/***/ (function(module, exports, __webpack_require__) {
|
31544
31707
|
|
31545
31708
|
"use strict";
|
@@ -31807,7 +31970,7 @@ ListSelect.defaults = {};
|
|
31807
31970
|
exports.ListSelect = ListSelect;
|
31808
31971
|
|
31809
31972
|
/***/ }),
|
31810
|
-
/*
|
31973
|
+
/* 45 */
|
31811
31974
|
/***/ (function(module, exports, __webpack_require__) {
|
31812
31975
|
|
31813
31976
|
"use strict";
|
@@ -32044,7 +32207,7 @@ MediaAttach.defaults = {};
|
|
32044
32207
|
exports.MediaAttach = MediaAttach;
|
32045
32208
|
|
32046
32209
|
/***/ }),
|
32047
|
-
/*
|
32210
|
+
/* 46 */
|
32048
32211
|
/***/ (function(module, exports, __webpack_require__) {
|
32049
32212
|
|
32050
32213
|
"use strict";
|
@@ -32101,23 +32264,13 @@ var MediaReveal = function (_Plugin) {
|
|
32101
32264
|
value: function _setup(element, options) {
|
32102
32265
|
this.className = 'MediaReveal'; // ie9 back compat
|
32103
32266
|
this.$element = element;
|
32104
|
-
this
|
32267
|
+
this.$dropzone = this.$element.find('[data-dropzone-upload]');
|
32105
32268
|
this.options = _jquery2.default.extend({}, MediaReveal.defaults, this.$element.data(), options);
|
32106
|
-
this.
|
32269
|
+
this.reveal = new Foundation.Reveal(element, this.options);
|
32107
32270
|
this.items = [];
|
32108
32271
|
this.selectedItems = [];
|
32109
|
-
this.reveal = new Foundation.Reveal(element, this.options);
|
32110
|
-
this.mediaUrl = this.options.mediaUrl;
|
32111
|
-
this.mediaKey = this.options.mediaKey;
|
32112
|
-
this.$insert = this.$element.find('[data-insert]');
|
32113
|
-
this.$grid = this.$element.find('[data-list-select]');
|
32114
|
-
this.$item = (0, _jquery2.default)(this.template);
|
32115
|
-
this.imageKey = this.$item.find('[data-src]').attr('data-src');
|
32116
|
-
this.imageUrl = this.$item.find('[data-url]').attr('data-url') || '[src]';
|
32117
|
-
this.titleKey = this.$item.find('[data-text]').attr('data-text');
|
32118
32272
|
|
32119
32273
|
this._init();
|
32120
|
-
this._events();
|
32121
32274
|
}
|
32122
32275
|
|
32123
32276
|
/**
|
@@ -32129,7 +32282,21 @@ var MediaReveal = function (_Plugin) {
|
|
32129
32282
|
}, {
|
32130
32283
|
key: '_init',
|
32131
32284
|
value: function _init() {
|
32285
|
+
this.id = this.$element.attr('id');
|
32286
|
+
this.template = (0, _jquery2.default)('#' + this.id + '-item-template').html();
|
32287
|
+
this.mediaUrl = this.options.mediaUrl;
|
32288
|
+
this.mediaKey = this.options.mediaKey;
|
32289
|
+
this.uniqueKey = this.options.uniqueKey || 'id';
|
32290
|
+
this.$insert = this.$element.find('[data-insert]');
|
32291
|
+
this.$grid = this.$element.find('[data-list-select]');
|
32292
|
+
this.$item = (0, _jquery2.default)(this.template);
|
32293
|
+
this.imageKey = this.$item.find('[data-src]').attr('data-src');
|
32294
|
+
this.imageUrl = this.$item.find('[data-url]').attr('data-url') || '[src]';
|
32295
|
+
this.titleKey = this.$item.find('[data-text]').attr('data-text');
|
32296
|
+
|
32132
32297
|
this.$insert.addClass('disabled');
|
32298
|
+
|
32299
|
+
this._events();
|
32133
32300
|
}
|
32134
32301
|
|
32135
32302
|
/**
|
@@ -32153,6 +32320,10 @@ var MediaReveal = function (_Plugin) {
|
|
32153
32320
|
this.$insert.off('click').on({
|
32154
32321
|
'click': this.insert.bind(this)
|
32155
32322
|
});
|
32323
|
+
|
32324
|
+
this.$dropzone.off('.zf.dropzone.upload').on({
|
32325
|
+
'queuecomplete.zf.dropzone.upload': this._uploadComplete.bind(this)
|
32326
|
+
});
|
32156
32327
|
}
|
32157
32328
|
|
32158
32329
|
/**
|
@@ -32198,12 +32369,14 @@ var MediaReveal = function (_Plugin) {
|
|
32198
32369
|
key: '_buildItem',
|
32199
32370
|
value: function _buildItem(data) {
|
32200
32371
|
var item = this.$item.clone();
|
32372
|
+
var key = this._getObjectValue(data, this.uniqueKey);
|
32201
32373
|
var url = this._getObjectValue(data, this.imageKey);
|
32202
32374
|
var title = this._getObjectValue(data, this.titleKey);
|
32203
32375
|
|
32204
32376
|
item.find('[data-src]').attr('src', this.imageUrl.replace('[src]', url));
|
32205
32377
|
item.find('[data-text]').text(title);
|
32206
32378
|
item.data('imageObject', data);
|
32379
|
+
item.data('uniqueKey', key);
|
32207
32380
|
|
32208
32381
|
return item;
|
32209
32382
|
}
|
@@ -32226,6 +32399,28 @@ var MediaReveal = function (_Plugin) {
|
|
32226
32399
|
this.$grid.append(this.items);
|
32227
32400
|
}
|
32228
32401
|
|
32402
|
+
/**
|
32403
|
+
* Switches ui elements when uploads are completed.
|
32404
|
+
* @param {Object} event - Event object passed from listener.
|
32405
|
+
* @function
|
32406
|
+
* @private
|
32407
|
+
*/
|
32408
|
+
|
32409
|
+
}, {
|
32410
|
+
key: '_uploadComplete',
|
32411
|
+
value: function _uploadComplete(event) {
|
32412
|
+
var tabs = this.$element.find('[data-tabs]');
|
32413
|
+
var tab = this.$grid.parents('.tabs-panel:first');
|
32414
|
+
|
32415
|
+
tabs.foundation('selectTab', tab);
|
32416
|
+
this.$grid.empty();
|
32417
|
+
|
32418
|
+
this.items = [];
|
32419
|
+
this._getItems();
|
32420
|
+
|
32421
|
+
this.$dropzone.foundation('clear');
|
32422
|
+
}
|
32423
|
+
|
32229
32424
|
/**
|
32230
32425
|
* Switches multi select mode.
|
32231
32426
|
* @param {Boolean} enable - Enable/disable multiple mode.
|
@@ -32330,6 +32525,7 @@ var MediaReveal = function (_Plugin) {
|
|
32330
32525
|
this.$element.off('.zf.reveal');
|
32331
32526
|
this.$grid.off('changed.zf.select.list');
|
32332
32527
|
this.$insert.off('click');
|
32528
|
+
this.$dropzone.off('.zf.dropzone.upload');
|
32333
32529
|
}
|
32334
32530
|
}]);
|
32335
32531
|
|
@@ -32341,7 +32537,7 @@ MediaReveal.defaults = {};
|
|
32341
32537
|
exports.MediaReveal = MediaReveal;
|
32342
32538
|
|
32343
32539
|
/***/ }),
|
32344
|
-
/*
|
32540
|
+
/* 47 */
|
32345
32541
|
/***/ (function(module, exports, __webpack_require__) {
|
32346
32542
|
|
32347
32543
|
"use strict";
|
@@ -32619,7 +32815,7 @@ OffCanvasMenu.defaults = {};
|
|
32619
32815
|
exports.OffCanvasMenu = OffCanvasMenu;
|
32620
32816
|
|
32621
32817
|
/***/ }),
|
32622
|
-
/*
|
32818
|
+
/* 48 */
|
32623
32819
|
/***/ (function(module, exports, __webpack_require__) {
|
32624
32820
|
|
32625
32821
|
"use strict";
|
@@ -32680,6 +32876,10 @@ var SelectBox = function (_Plugin) {
|
|
32680
32876
|
this.$element = element;
|
32681
32877
|
this.options = _jquery2.default.extend({}, SelectBox.defaults, this.$element.data(), options);
|
32682
32878
|
|
32879
|
+
if (this.options.list) {
|
32880
|
+
this.options['theme'] = 'list';
|
32881
|
+
}
|
32882
|
+
|
32683
32883
|
this._init();
|
32684
32884
|
}
|
32685
32885
|
|
@@ -32692,13 +32892,14 @@ var SelectBox = function (_Plugin) {
|
|
32692
32892
|
}, {
|
32693
32893
|
key: '_init',
|
32694
32894
|
value: function _init() {
|
32695
|
-
|
32895
|
+
this.$element.select2(this.options);
|
32696
32896
|
|
32697
|
-
|
32698
|
-
|
32699
|
-
|
32897
|
+
this.select2 = this.$element.data('select2');
|
32898
|
+
this.$container = this.select2.$container;
|
32899
|
+
this.$dropdown = this.select2.$dropdown;
|
32700
32900
|
|
32701
|
-
this
|
32901
|
+
this._events();
|
32902
|
+
this._keepPlaceholder();
|
32702
32903
|
}
|
32703
32904
|
|
32704
32905
|
/**
|
@@ -32709,7 +32910,108 @@ var SelectBox = function (_Plugin) {
|
|
32709
32910
|
|
32710
32911
|
}, {
|
32711
32912
|
key: '_events',
|
32712
|
-
value: function _events() {
|
32913
|
+
value: function _events() {
|
32914
|
+
this.$element.off(['select2:select', 'select2:unselect', 'select2:open']).on({
|
32915
|
+
'select2:open': this._handleEvent.bind(this),
|
32916
|
+
'select2:select': this._handleEvent.bind(this),
|
32917
|
+
'select2:unselect': this._handleEvent.bind(this)
|
32918
|
+
});
|
32919
|
+
|
32920
|
+
this.$element.off('.zf.trigger').on({
|
32921
|
+
'open.zf.trigger': this.open.bind(this),
|
32922
|
+
'select.zf.trigger': this.select.bind(this),
|
32923
|
+
'unselect.zf.trigger': this.unselect.bind(this)
|
32924
|
+
});
|
32925
|
+
}
|
32926
|
+
|
32927
|
+
/**
|
32928
|
+
* Keeps placeholder on search field.
|
32929
|
+
* @function
|
32930
|
+
* @private
|
32931
|
+
*/
|
32932
|
+
|
32933
|
+
}, {
|
32934
|
+
key: '_keepPlaceholder',
|
32935
|
+
value: function _keepPlaceholder() {
|
32936
|
+
var search = this.$container.find('.select2-search__field');
|
32937
|
+
|
32938
|
+
if (search.length && this.options.list) {
|
32939
|
+
search.attr('placeholder', this.options.placeholder);
|
32940
|
+
}
|
32941
|
+
}
|
32942
|
+
|
32943
|
+
/**
|
32944
|
+
* Updates position on dropdown.
|
32945
|
+
* @function
|
32946
|
+
* @private
|
32947
|
+
*/
|
32948
|
+
|
32949
|
+
}, {
|
32950
|
+
key: '_updatePosition',
|
32951
|
+
value: function _updatePosition() {
|
32952
|
+
var search = this.$container.find('.select2-search__field');
|
32953
|
+
var dropdown = this.$dropdown.find('.select2-dropdown');
|
32954
|
+
|
32955
|
+
if (search.length && this.options.list) {
|
32956
|
+
if (dropdown.hasClass('select2-dropdown--above')) {
|
32957
|
+
var position = this.$container.innerHeight() - search.outerHeight();
|
32958
|
+
dropdown.css('margin-top', position);
|
32959
|
+
} else {
|
32960
|
+
dropdown.css('margin-top', false);
|
32961
|
+
}
|
32962
|
+
}
|
32963
|
+
}
|
32964
|
+
|
32965
|
+
/**
|
32966
|
+
* Handles events on element.
|
32967
|
+
* @param {Object} event - Event object passed from listener.
|
32968
|
+
* @function
|
32969
|
+
* @private
|
32970
|
+
*/
|
32971
|
+
|
32972
|
+
}, {
|
32973
|
+
key: '_handleEvent',
|
32974
|
+
value: function _handleEvent(event) {
|
32975
|
+
this.$element.trigger(event.type.replace('select2:', ''));
|
32976
|
+
this._keepPlaceholder();
|
32977
|
+
}
|
32978
|
+
|
32979
|
+
/**
|
32980
|
+
* Opens the select dropdown.
|
32981
|
+
* @param {Object} event - Event object passed from listener.
|
32982
|
+
* @function
|
32983
|
+
*/
|
32984
|
+
|
32985
|
+
}, {
|
32986
|
+
key: 'open',
|
32987
|
+
value: function open(event) {
|
32988
|
+
this._updatePosition();
|
32989
|
+
this.$element.trigger('open.zf.select.box');
|
32990
|
+
}
|
32991
|
+
|
32992
|
+
/**
|
32993
|
+
* Selects a list item.
|
32994
|
+
* @param {Object} event - Event object passed from listener.
|
32995
|
+
* @function
|
32996
|
+
*/
|
32997
|
+
|
32998
|
+
}, {
|
32999
|
+
key: 'select',
|
33000
|
+
value: function select(event) {
|
33001
|
+
this.$element.trigger('changed.zf.select.box');
|
33002
|
+
}
|
33003
|
+
|
33004
|
+
/**
|
33005
|
+
* Unselects a list item.
|
33006
|
+
* @param {Object} event - Event object passed from listener.
|
33007
|
+
* @function
|
33008
|
+
*/
|
33009
|
+
|
33010
|
+
}, {
|
33011
|
+
key: 'unselect',
|
33012
|
+
value: function unselect(event) {
|
33013
|
+
this.$element.trigger('changed.zf.select.box');
|
33014
|
+
}
|
32713
33015
|
|
32714
33016
|
/**
|
32715
33017
|
* Destroys the select-box plugin.
|
@@ -32719,7 +33021,11 @@ var SelectBox = function (_Plugin) {
|
|
32719
33021
|
|
32720
33022
|
}, {
|
32721
33023
|
key: '_destroy',
|
32722
|
-
value: function _destroy() {
|
33024
|
+
value: function _destroy() {
|
33025
|
+
this.$element.select2('destroy');
|
33026
|
+
this.$element.off(['select2:select', 'select2:unselect', 'select2:open']);
|
33027
|
+
this.$element.off('.zf.trigger');
|
33028
|
+
}
|
32723
33029
|
}]);
|
32724
33030
|
|
32725
33031
|
return SelectBox;
|
@@ -32730,7 +33036,7 @@ SelectBox.defaults = {};
|
|
32730
33036
|
exports.SelectBox = SelectBox;
|
32731
33037
|
|
32732
33038
|
/***/ }),
|
32733
|
-
/*
|
33039
|
+
/* 49 */
|
32734
33040
|
/***/ (function(module, exports, __webpack_require__) {
|
32735
33041
|
|
32736
33042
|
"use strict";
|
@@ -33051,7 +33357,7 @@ TableCheckbox.defaults = {};
|
|
33051
33357
|
exports.TableCheckbox = TableCheckbox;
|
33052
33358
|
|
33053
33359
|
/***/ }),
|
33054
|
-
/*
|
33360
|
+
/* 50 */
|
33055
33361
|
/***/ (function(module, exports, __webpack_require__) {
|
33056
33362
|
|
33057
33363
|
"use strict";
|
@@ -33193,31 +33499,33 @@ TinyMceEditor.defaults = {
|
|
33193
33499
|
exports.TinyMceEditor = TinyMceEditor;
|
33194
33500
|
|
33195
33501
|
/***/ }),
|
33196
|
-
/*
|
33502
|
+
/* 51 */
|
33197
33503
|
/***/ (function(module, exports, __webpack_require__) {
|
33198
33504
|
|
33199
33505
|
"use strict";
|
33200
33506
|
|
33201
33507
|
|
33202
|
-
var _offcanvasMenu = __webpack_require__(
|
33508
|
+
var _offcanvasMenu = __webpack_require__(47);
|
33203
33509
|
|
33204
|
-
var _tinyMceEditor = __webpack_require__(
|
33510
|
+
var _tinyMceEditor = __webpack_require__(50);
|
33205
33511
|
|
33206
|
-
var _tableCheckbox = __webpack_require__(
|
33512
|
+
var _tableCheckbox = __webpack_require__(49);
|
33207
33513
|
|
33208
|
-
var _listSelect = __webpack_require__(
|
33514
|
+
var _listSelect = __webpack_require__(44);
|
33209
33515
|
|
33210
|
-
var _listRemove = __webpack_require__(
|
33516
|
+
var _listRemove = __webpack_require__(43);
|
33211
33517
|
|
33212
|
-
var _mediaReveal = __webpack_require__(
|
33518
|
+
var _mediaReveal = __webpack_require__(46);
|
33213
33519
|
|
33214
|
-
var _mediaAttach = __webpack_require__(
|
33520
|
+
var _mediaAttach = __webpack_require__(45);
|
33215
33521
|
|
33216
33522
|
var _dropzoneUpload = __webpack_require__(40);
|
33217
33523
|
|
33218
|
-
var _inlineEditBox = __webpack_require__(
|
33524
|
+
var _inlineEditBox = __webpack_require__(42);
|
33219
33525
|
|
33220
|
-
var _selectBox = __webpack_require__(
|
33526
|
+
var _selectBox = __webpack_require__(48);
|
33527
|
+
|
33528
|
+
var _fileInput = __webpack_require__(41);
|
33221
33529
|
|
33222
33530
|
Foundation.plugin(_offcanvasMenu.OffCanvasMenu, 'OffCanvasMenu');
|
33223
33531
|
Foundation.plugin(_tinyMceEditor.TinyMceEditor, 'TinyMceEditor');
|
@@ -33229,9 +33537,10 @@ Foundation.plugin(_mediaAttach.MediaAttach, 'MediaAttach');
|
|
33229
33537
|
Foundation.plugin(_dropzoneUpload.DropzoneUpload, 'DropzoneUpload');
|
33230
33538
|
Foundation.plugin(_inlineEditBox.InlineEditBox, 'InlineEditBox');
|
33231
33539
|
Foundation.plugin(_selectBox.SelectBox, 'SelectBox');
|
33540
|
+
Foundation.plugin(_fileInput.FileInput, 'FileInput');
|
33232
33541
|
|
33233
33542
|
/***/ }),
|
33234
|
-
/*
|
33543
|
+
/* 52 */
|
33235
33544
|
/***/ (function(module, exports, __webpack_require__) {
|
33236
33545
|
|
33237
33546
|
"use strict";
|
@@ -33377,7 +33686,7 @@ _foundation.Foundation.plugin(_foundation22.ResponsiveAccordionTabs, 'Responsive
|
|
33377
33686
|
module.exports = _foundation.Foundation;
|
33378
33687
|
|
33379
33688
|
/***/ }),
|
33380
|
-
/*
|
33689
|
+
/* 53 */
|
33381
33690
|
/***/ (function(module, exports, __webpack_require__) {
|
33382
33691
|
|
33383
33692
|
module.exports = __webpack_require__(22);
|
@@ -13,6 +13,7 @@
|
|
13
13
|
@import 'components/page-content';
|
14
14
|
@import 'components/tiny-mce-editor';
|
15
15
|
@import 'components/select-box';
|
16
|
+
@import 'components/file-input';
|
16
17
|
|
17
18
|
@include bedrock-global-styles;
|
18
19
|
@include bedrock-prototype-classes;
|
@@ -29,3 +30,4 @@
|
|
29
30
|
@include bedrock-page-content;
|
30
31
|
@include bedrock-tiny-mce-editor;
|
31
32
|
@include bedrock-select-box;
|
33
|
+
@include bedrock-file-input;
|
@@ -8,7 +8,8 @@
|
|
8
8
|
// 3. Offcanvas Menu
|
9
9
|
// 4. Panel
|
10
10
|
// 5. No Content
|
11
|
-
// 6.
|
11
|
+
// 6. Page Content
|
12
|
+
// 7. Login Box
|
12
13
|
|
13
14
|
|
14
15
|
// 1. Header
|
@@ -53,7 +54,16 @@ $panel-radius: $global-radius;
|
|
53
54
|
$no-content-color: $medium-gray;
|
54
55
|
|
55
56
|
|
56
|
-
// 6.
|
57
|
+
// 6. Page Content
|
58
|
+
// ---------
|
59
|
+
|
60
|
+
$page-content-sidebar-sizes: (
|
61
|
+
small: 340px,
|
62
|
+
xlarge: 360px
|
63
|
+
);
|
64
|
+
|
65
|
+
|
66
|
+
// 7. Login Box
|
57
67
|
// ---------
|
58
68
|
|
59
69
|
$login-box-width: 26rem;
|
@@ -795,12 +795,12 @@ $table-stack-breakpoint: medium;
|
|
795
795
|
|
796
796
|
$tab-margin: 0;
|
797
797
|
$tab-background: $white;
|
798
|
-
$tab-color: $
|
798
|
+
$tab-color: $body-font-color;
|
799
799
|
$tab-background-active: $light-gray;
|
800
|
-
$tab-active-color: $
|
801
|
-
$tab-item-font-size:
|
800
|
+
$tab-active-color: $body-font-color;
|
801
|
+
$tab-item-font-size: 1rem;
|
802
802
|
$tab-item-background-hover: $white;
|
803
|
-
$tab-item-padding:
|
803
|
+
$tab-item-padding: 1rem;
|
804
804
|
$tab-expand-max: 6;
|
805
805
|
$tab-content-background: $white;
|
806
806
|
$tab-content-border: $light-gray;
|
@@ -57,7 +57,7 @@ $dropzone-upload-active-border-color: $primary-color !default;
|
|
57
57
|
|
58
58
|
.thumbnail {
|
59
59
|
|
60
|
-
.success {
|
60
|
+
.icon-success {
|
61
61
|
opacity: 0;
|
62
62
|
visibility: visible;
|
63
63
|
@include mui-animation(fade(0, 1), slide(out, up), fade(1, 0));
|
@@ -75,7 +75,7 @@ $dropzone-upload-active-border-color: $primary-color !default;
|
|
75
75
|
visibility: visible;
|
76
76
|
}
|
77
77
|
|
78
|
-
.error {
|
78
|
+
.icon-error {
|
79
79
|
opacity: 1;
|
80
80
|
visibility: visible;
|
81
81
|
@include mui-animation(fade(0, 1), wiggle(15deg));
|
@@ -121,7 +121,7 @@ $dropzone-upload-active-border-color: $primary-color !default;
|
|
121
121
|
visibility: hidden;
|
122
122
|
}
|
123
123
|
|
124
|
-
.success, .error {
|
124
|
+
.icon-success, .icon-error {
|
125
125
|
position: absolute;
|
126
126
|
top: 50%;
|
127
127
|
left: 50%;
|
@@ -138,11 +138,11 @@ $dropzone-upload-active-border-color: $primary-color !default;
|
|
138
138
|
visibility: hidden;
|
139
139
|
}
|
140
140
|
|
141
|
-
.success {
|
141
|
+
.icon-success {
|
142
142
|
background: $success-color;
|
143
143
|
}
|
144
144
|
|
145
|
-
.error {
|
145
|
+
.icon-error {
|
146
146
|
background: $alert-color;
|
147
147
|
}
|
148
148
|
}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
// File Input Mixins
|
2
|
+
|
3
|
+
@mixin file-input {
|
4
|
+
position: relative;
|
5
|
+
|
6
|
+
input[type="file"] {
|
7
|
+
position: absolute;
|
8
|
+
top: 0;
|
9
|
+
left: 0;
|
10
|
+
width: 100%;
|
11
|
+
height: 100%;
|
12
|
+
opacity: 0;
|
13
|
+
}
|
14
|
+
|
15
|
+
label {
|
16
|
+
position: relative;
|
17
|
+
z-index: 1;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
|
22
|
+
// File Input Component
|
23
|
+
|
24
|
+
@mixin bedrock-file-input {
|
25
|
+
[data-file-input] {
|
26
|
+
@include file-input;
|
27
|
+
}
|
28
|
+
}
|
@@ -1,4 +1,7 @@
|
|
1
|
-
$page-content-sidebar-
|
1
|
+
$page-content-sidebar-sizes: (
|
2
|
+
small: 340px,
|
3
|
+
xlarge: 360px
|
4
|
+
) !default;
|
2
5
|
|
3
6
|
// Page Content Mixins
|
4
7
|
|
@@ -35,8 +38,14 @@ $page-content-sidebar-width: 340px !default;
|
|
35
38
|
@include xy-cell(shrink, false);
|
36
39
|
@include page-content-gutter;
|
37
40
|
|
38
|
-
@
|
39
|
-
|
41
|
+
@each $name, $size in $page-content-sidebar-sizes {
|
42
|
+
@include breakpoint($name) {
|
43
|
+
width: $size;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
@include breakpoint(xlarge down) {
|
48
|
+
width: 100%;
|
40
49
|
}
|
41
50
|
}
|
42
51
|
}
|
@@ -7,9 +7,33 @@
|
|
7
7
|
.select2-selection__choice {
|
8
8
|
font-size: inherit;
|
9
9
|
margin: 0 0 ($global-margin / 2);
|
10
|
-
padding: $global-
|
10
|
+
padding: $global-padding / 1.5;
|
11
11
|
display: block;
|
12
12
|
width: 100%;
|
13
|
+
color: $body-font-color;
|
14
|
+
background: $light-gray;
|
15
|
+
position: relative;
|
16
|
+
box-shadow: inset 0 0 0 1px $medium-gray;
|
17
|
+
|
18
|
+
&:hover {
|
19
|
+
padding-right: $global-padding * 2;
|
20
|
+
|
21
|
+
.select2-selection__choice__remove {
|
22
|
+
display: block;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
.select2-selection__choice__remove {
|
28
|
+
color: $white;
|
29
|
+
background: $alert-color;
|
30
|
+
height: 100%;
|
31
|
+
padding: $global-padding / 1.5;
|
32
|
+
position: absolute;
|
33
|
+
top: 0;
|
34
|
+
right: 0;
|
35
|
+
display: none;
|
36
|
+
margin: 0;
|
13
37
|
}
|
14
38
|
|
15
39
|
.select2-selection__rendered {
|
@@ -27,6 +51,10 @@
|
|
27
51
|
}
|
28
52
|
}
|
29
53
|
}
|
54
|
+
|
55
|
+
.select2-dropdown:not(.select2-dropdown--above) {
|
56
|
+
margin-top: 0 !important;
|
57
|
+
}
|
30
58
|
}
|
31
59
|
|
32
60
|
@mixin select-box-single {
|
@@ -92,6 +120,9 @@
|
|
92
120
|
@include label;
|
93
121
|
background: $label-background;
|
94
122
|
color: $label-color;
|
123
|
+
white-space: nowrap;
|
124
|
+
overflow: hidden;
|
125
|
+
text-overflow: ellipsis;
|
95
126
|
}
|
96
127
|
|
97
128
|
.select2-selection__choice__remove {
|
data/lib/bedrock_sass/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bedrock_sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Jonian Guveli
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-12-
|
11
|
+
date: 2017-12-14 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -402,6 +402,7 @@ files:
|
|
402
402
|
- assets/bedrock/scss/bedrock.scss
|
403
403
|
- assets/bedrock/scss/components/attachments-grid.scss
|
404
404
|
- assets/bedrock/scss/components/dropzone-upload.scss
|
405
|
+
- assets/bedrock/scss/components/file-input.scss
|
405
406
|
- assets/bedrock/scss/components/global.scss
|
406
407
|
- assets/bedrock/scss/components/header.scss
|
407
408
|
- assets/bedrock/scss/components/helper-classes.scss
|