Add media window

<div>I’m trying to use your great additional tabs of media library in frontend in our wplms-front-end plugin. I have found the right place in this plugin source, a js file where is handled the media library upload calling. I have checked that in your media-ai-script.js file are the functions for the tabs. Would you give me a hint how to use them to call the media lib upload window using this functions? Where can I find such call in your source as an example?</div>
<div>Thanks in advance,</div>
<div>P.</div>

As I see in your media-ai-script.js you have defined the necessary functions for extra 2 tabs in media window. I would like to use those extra 2 tabs (The AI image generation and royalty free pictures) in front-end when somebody open the media window. I have found in my side (wplms-front-end plugin) the place where the media window is handled. I need some hint how to build your extra features to standard media selection window. On the back end, if I open select the featured image button the window has 4 tabs. I would like to know in which file of your code can I find how you implement the functions and class defined in media-ai-script.js to be able to provide the 4 tab function is media window in back end.

Yeee, that is why I’m traying to understand how did you implement this into your code. For example in single post creator in back-end for featured image or somewhere else where you handle a button of Select media and you open the 4 tab media window. 🙂 The opening on my side is not very complex:
<div>
<div>var t;</div>
<div>jQuery(“.upload_image_button”).on(“click”, function(e) {</div>
<div>var i = jQuery(this);</div>
<div>t ? t.open() : ((t = wp.media.frames.media_uploader = wp.media({</div>
<div>title: i.data(“uploader-title”),</div>
<div>library: {</div>
<div>type: “image”,</div>
<div>query: !1</div>
<div>},</div>
<div>button: {</div>
<div>text: i.data(“uploader-button-text”)</div>
<div>},</div>
<div>multiple: i.data(“uploader-allow-multiple”)</div>
<div>})).on(“select”, function() {</div>
<div>vare = t.state().get(“selection”),</div>
<div>a = i.data(“input-name”);</div>
<div>e.map(function(e) {</div>
<div>e = e.toJSON(), console.log(e);</div>
<div>vart = “”;</div>
<div>e.sizes && (t = void0 !== e.sizes.thumbnail?e.sizes.thumbnail.url:void0 !== e.sizes.medium?e.sizes.medium.url:e.sizes.full.url), i.html(‘<input id=”‘ + a + ‘” class=”post_field” data-type=”featured_image” data-id=”‘ + a + ‘” name=”‘ + a + ‘” type=”hidden” value=”‘ + e.id + ‘” />’)</div>
<div>})</div>
<div>}), t.open())</div>
<div>});</div>
</div>

Thank you! You are great! This is so simple solution!

This did the trick!

P.