/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
register('taobao-item', {

    data: function() {
        return {
            itemId: '',
            title: '',
            pictureUrl: ''
        };
    },
    methods: {
        gotoDetail: function() {
            this.$openURL('https://item.taobao.com/item.htm?id=' + this.itemId);
        }
    }

    ,
    style: {
        "thumb": {
            "width": 200,
            "height": 200
        },
        "title": {
            "flex": 1,
            "color": "#ff0000",
            "fontSize": 48,
            "fontWeight": "bold",
            "backgroundColor": "#eeeeee"
        }
    },
    template: {
        "type": "container",
        "events": {
            "click": "gotoDetail"
        },
        "children": [{
            "type": "image",
            "classList": [
                "thumb"
            ],
            "attr": {
                "src": function() {
                    return this.pictureUrl
                }
            }
        }, {
            "type": "text",
            "classList": [
                "title"
            ],
            "attr": {
                "value": function() {
                    return this.title
                }
            }
        }]
    }
})

// module

register('backward1', {

    data: function() {
        return {
            itemList: [{
                itemId: '520421163634',
                title: 'title1',
                pictureUrl: 'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'
            }, {
                itemId: '522076777462',
                title: 'title2',
                pictureUrl: 'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'
            }]
        };
    }

    ,
    style: {},
    template: {
        "type": "container",
        "style": {
            "flexDirection": "column"
        },
        "children": [{
            "type": "taobao-item",
            "repeat": function() {
                return this.itemList
            }
        }]
    }
})

// require module

render('backward1', {})