Using if in a backbone/underscore template, how?

Question

JavaScript

There is Backbone.Viewto change the background of $el:

var Background = Backbone.View.extend({
    className: 'svs-widget svs-widget-animate',
    events:{
        'click .svs-upload-background': 'media'
    },
    initialize: function(){

    },
    render: function(){
        this.$el.append(_.template(_background).apply(this.options));
        return this.$el;
    },
    media: function(){
        var me = this;   

        require(['View/Popup/Media'], function(_Media){
            $.ajax({
                url: '/svs-ajax.php',
                type: 'post',
                data: {
                    'action':                   'change_bg'
                },

                success: function(data){
                    var media   = new _Media({model: data, popup: popup, target: me.options.background});
                    var popup   = new Popup({content: media.render()});
                }
            });
        });
    }
});

Accordingly, when I click on, .svs-upload-backgroundI call Popup/Mediathe template with the necessary media:

<% if(this.data.length > 0){ %>
 <div class="MediaList">
    <img/>
 </div>
<% } %>

To change the image, I use a similar Backbone.Viewone that calls the same Popup/Mediatemplate on click on.svs-upload-image

var Image = Backbone.View.extend({
    className: 'svs-widget svs-widget-animate',
    events:{
        'click .svs-upload-image':  'media'
    },
    initialize: function(){

    },
    render: function(){
        this.$el.append(_.template(_image).apply(this.options));
        return this.$el;
    },
    media: function(){
        var me = this;   

        require(['View/Popup/Media'], function(_Media){
            $.ajax({
                url: '/svs-ajax.php',
                type: 'post',
                data: {
                    'action':                   'change_image'
                },

                success: function(data){
                    var media   = new _Media({model: data, popup: popup, target: me.options.image});
                    var popup   = new Popup({content: media.render()});
                }
            });
        });
    }
});

The problem is this: for each popup (image/background) I want to use a different title.
If background:

<% if(' **какой код нужен здесь?** '){%>
   <div class="background_header">Изменения бэкграунда</div>
<% } %>

If image:

<% if(' **какой код нужен здесь?** '){%>
   <div class="image_header">Измнение изображения</div>
<% } %>

what do I need to replace what code is needed here? , thanks a lot!

Answer 1

The view must work with the model. Add one property in your model that will be responsible for the popup type. In the template, check the value of this property and, according to it, draw what you need.
<% if (type) {} %>