frame.js
6 years ago
item-preview.js
8 years ago
item-setting-field.js
8 years ago
item-settings.js
8 years ago
sidebar.js
8 years ago
item-preview.js
52 lines
| 1 | /** |
| 2 | * wp.media.view.MenuIconsItemPreview |
| 3 | * |
| 4 | * @class |
| 5 | * @augments wp.media.View |
| 6 | * @augments wp.Backbone.View |
| 7 | * @augments Backbone.View |
| 8 | */ |
| 9 | var MenuIconsItemPreview = wp.media.View.extend({ |
| 10 | tagName: 'p', |
| 11 | className: 'mi-preview menu-item attachment-info', |
| 12 | events: { |
| 13 | 'click a': 'preventDefault' |
| 14 | }, |
| 15 | |
| 16 | initialize: function() { |
| 17 | wp.media.View.prototype.initialize.apply( this, arguments ); |
| 18 | this.model.on( 'change', this.render, this ); |
| 19 | }, |
| 20 | |
| 21 | render: function() { |
| 22 | var frame = this.controller, |
| 23 | state = frame.state(), |
| 24 | selected = state.get( 'selection' ).single(), |
| 25 | props = this.model.toJSON(), |
| 26 | data = _.extend( props, { |
| 27 | type: state.id, |
| 28 | icon: selected.id, |
| 29 | title: this.model.get( '$title' ).val(), |
| 30 | url: state.ipGetIconUrl( selected, props.image_size ) |
| 31 | }), |
| 32 | template = 'menu-icons-item-sidebar-preview-' + iconPicker.types[ state.id ].templateId + '-'; |
| 33 | |
| 34 | if ( data.hide_label ) { |
| 35 | template += 'hide_label'; |
| 36 | } else { |
| 37 | template += data.position; |
| 38 | } |
| 39 | |
| 40 | this.template = wp.media.template( template ); |
| 41 | this.$el.html( this.template( data ) ); |
| 42 | |
| 43 | return this; |
| 44 | }, |
| 45 | |
| 46 | preventDefault: function( e ) { |
| 47 | e.preventDefault(); |
| 48 | } |
| 49 | }); |
| 50 | |
| 51 | module.exports = MenuIconsItemPreview; |
| 52 |