// ==UserScript==
// @name         Instagram文章相片/影片下載器
// @namespace    https://github.snkms.com/
// @version      1.0.1
// @description  下載文章中的相片、影片
// @author       5026
// @match        https://*.instagram.com/
// @match        https://*.instagram.com/p/*
// @grant        none
// @require      https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @supportURL   https://www.facebook.com/smileopwe/
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    alert('COMPLETE，下載資料時，若貼文中有多張相片，則只會提取點擊下載資料當下的照片以及其前後的照片，共三張(若頭尾則兩張)。');
    var $ = window.jQuery;
    var timer = setInterval(function(){
        window.oldHeight = $(document).height();
    },200);

    $(document).scroll(function(){
        if(window.oldHeight != $(this).height()){
            console.log('onChange()');
            onReadyMyDW();
        }
    });

    function onReadyMyDW(){
        $('article ._97aPb').each(function(){
            if(!$(this).attr('data-snig')){

                if($(this).find('video.tWeCl').length){

                    $(this).append('<div class="SNKMS_IG_DW_MAIN_VIDEO" style="position: absolute;right:15px;top:15px;witdh:20px;height:20px;background:#fff;">下載影片資料</div>');
                    $(this).on('click','.SNKMS_IG_DW_MAIN_VIDEO',function(e){
                        $(this).parent().find('video.tWeCl').each(function(){
                            console.log($(this).attr('src'));
                        });
                    });
                }
                else{
                    $(this).append('<div class="SNKMS_IG_DW_MAIN" style="position: absolute;right:15px;top:15px;witdh:20px;height:20px;background:#fff;">下載圖片資料</div>');
                    $(this).on('click','.SNKMS_IG_DW_MAIN',function(e){
                        IG_createDM();
                        var i = 0;
                        $(this).parent().find('.FFVAD').each(function(){
                            i++;
                            console.log($(this).attr('src'));
                            $('.IG_SN_DIG>div').append('<a style="margin:10px 0px;color:#FFF;font-size:1.5rem;line-height:1.5rem;text-align:center;" target="_blank" href="'+$(this).attr('src')+'&dl=1">資料'+i+'</a>');
                        });
                    });
                }
                $(this).attr('data-snig','canDownload');
            }
        });
    }
    function IG_createDM(){
        $('body').append('<div class="IG_SN_DIG" style="position: fixed;left: 0px;right: 0px;bottom: 0px;top: 0px;background: rgba(0,0,0,.75);z-index: 500;"><div style="z-index: 501;position: absolute;left: 50%;transform: translateX(-50%);width: 500px;height: 700px;"></div></div>');
        $('.IG_SN_DIG>div').append('<button class="IG_SN_DIG_BTN">關閉視窗</button>');
    }
    $(function(){
        onReadyMyDW();

        $('body').on('click','.IG_SN_DIG_BTN',function(){
            $('.IG_SN_DIG').remove();
        });
    });
    // Your code here...
})();