generic-skin 2.6.41 → 2.9.56

package/frameworks/FNRFramework.js

@@ -177,80 +177,105 @@ const FNR = {
             });
         },
     },
-    content: {            
+    content: {
         isAutosave: () => {
             if (document.post === undefined) return false;
             else return _userdata.user_id !== -1 && document.post.mode.value === 'reply' && document.post.t !== undefined
         },
-        getPost: (url) => {
-            return new Promise((resolve, reject) => {
-                $.get(Vue.filter('url-to-invision')(url), (data) => {
-                    const post = $(data).find("#p" + url.split("#")[1]);
-
-                    resolve({
-                        author: {
-                            text: post.find(".author a").text(),
-                            color: post.find(".author a span").css("color"),
-                            url: Vue.filter('url-to-normal')(post.find(".author a").attr("href")),
-                        },
-                        content: post.find(".post-entry > div").html(),
-                        date: post.find(".author").html().split("</a>")[1],
+        post: {
+            getPost: (url) => {
+                return new Promise((resolve, reject) => {
+                    $.get(Vue.filter('url-to-invision')(url), (data) => {
+                        const post = $(data).find("#p" + url.split("#")[1]);
+
+                        resolve({
+                            author: {
+                                text: post.find(".author a").text(),
+                                color: post.find(".author a span").css("color"),
+                                url: Vue.filter('url-to-normal')(post.find(".author a").attr("href")),
+                            },
+                            content: post.find(".post-entry > div").html(),
+                            date: post.find(".author").html().split("</a>")[1],
+                        });
                     });
                 });
-            });
-        },
-        genPost: (id, content) => {
-            return new Promise((resolve, reject) => {
-                let save = document.createElement('iframe');
-
-                save.id = 'forum-save';
-                save.src = '/post?t=' + id + '&mode=reply&change_version=invision';
-                save.width = 0;
-                save.height = 0;
-                save.onload = () => {
-                    saveDOM.onload = () => {
-                        $('#forum-save').remove();
+            },
+            genPost: (id, content) => {
+                return new Promise((resolve, reject) => {
+                    let save = document.createElement('iframe');
 
-                        console.clear();
+                    save.id = 'forum-save';
+                    save.src = '/post?t=' + id + '&mode=reply&change_version=invision';
+                    save.width = 0;
+                    save.height = 0;
+                    save.onload = () => {
+                        saveDOM.onload = () => {
+                            $('#forum-save').remove();
 
-                        resolve(true);
+                            console.clear();
+
+                            resolve(true);
+                        };
+
+                        $('#forum-save').contents().find('.subtitle:contains("Mensaje")').next().find('textarea').val(content);
+                        $('#forum-save').contents().find('.formbuttonrow.center input[value="Enviar"]').click();
                     };
 
-                    $('#forum-save').contents().find('.subtitle:contains("Mensaje")').next().find('textarea').val(content);
-                    $('#forum-save').contents().find('.formbuttonrow.center input[value="Enviar"]').click();
-                };
+                    document.querySelector('body > header').prepend(save);
+
+                    const saveDOM = document.getElementById('forum-save');
+                });
+            },
+        },
+        topic: {
+            getType: (src) => {
+                const classes = [];
+
+                if (src.indexOf('unread') > -1) {
+                    classes.push('is-unread');
+                } else {
+                    classes.push('is-read');
+                }
+    
+                if (src.indexOf('locked') > -1) {
+                    classes.push('is-closed');
+                } else if (src.indexOf('sticky') > 1) {
+                    classes.push('is-sticky');
+                } else if (src.indexOf('global_announce') > 1) {
+                    classes.push('is-global-announcement');
+                } else if (src.indexOf('announce') > 1) {
+                    classes.push('is-announcement');
+                }
 
-                document.querySelector('body > header').prepend(save);
+                return classes;
+            },
+            genTopic: (id, name, content) => {
+                return new Promise((resolve, reject) => {
+                    let save = document.createElement('iframe');
 
-                const saveDOM = document.getElementById('forum-save');
-            });
-        },        
-        genTopic: (id, name, content) => {
-            return new Promise((resolve, reject) => {
-                let save = document.createElement('iframe');
-
-                save.id = 'forum-save';
-                save.src = '/post?f=' + id + '&mode=newtopic&change_version=invision';
-                save.width = 0;
-                save.height = 0;
-                save.onload = () => {
-                    saveDOM.onload = () => {
-                        $('#forum-save').remove();
+                    save.id = 'forum-save';
+                    save.src = '/post?f=' + id + '&mode=newtopic&change_version=invision';
+                    save.width = 0;
+                    save.height = 0;
+                    save.onload = () => {
+                        saveDOM.onload = () => {
+                            $('#forum-save').remove();
 
-                        console.clear();
+                            console.clear();
 
-                        resolve(true);
-                    };
+                            resolve(true);
+                        };
 
-                    $('#forum-save').contents().find('dl dt:contains("Título del tema")').parent().find('input').val(name);
-                    $('#forum-save').contents().find('.subtitle:contains("Mensaje")').next().find('textarea').val(content);
-                    $('#forum-save').contents().find('.formbuttonrow.center input[value="Enviar"]').click();
-                };
+                        $('#forum-save').contents().find('dl dt:contains("Título del tema")').parent().find('input').val(name);
+                        $('#forum-save').contents().find('.subtitle:contains("Mensaje")').next().find('textarea').val(content);
+                        $('#forum-save').contents().find('.formbuttonrow.center input[value="Enviar"]').click();
+                    };
 
-                document.querySelector('body > header').prepend(save);
+                    document.querySelector('body > header').prepend(save);
 
-                const saveDOM = document.getElementById('forum-save');
-            });
+                    const saveDOM = document.getElementById('forum-save');
+                });
+            },
         }
     },
     user: {
@@ -390,6 +415,234 @@ const FNR = {
                 return false;
             }
         },
+        followed: {
+            getPages: async () => {
+                try {
+                    const followedPage = await fetch('/search?search_id=watchsearch&change_version=invision');
+                    const bodyFollowedPage = await followedPage.text();
+                    const htmlFollowedPage = document.createElement('html');
+                    
+                    htmlFollowedPage.innerHTML = bodyFollowedPage;
+
+                    const total = htmlFollowedPage.querySelectorAll('.pagination a');
+                    let arrayItems = [];
+
+                    if (total.length) {
+                        const finalPage = total[total.length - 2];
+                        const finalPageUrl = finalPage.href.split(finalPage.origin)[1];
+                        const finalPageNumberArray = finalPageUrl.match(/[0-9]/g) || [];
+                        const finalPageNumber = parseInt(finalPageNumberArray.join('')) || 0;   
+
+                        const firstPage = total[1];
+                        const firstPageUrl = firstPage.href.split(firstPage.origin)[1];
+                        const firstPageNumberArray = firstPageUrl.match(/[0-9]/g) || [];
+                        const firstPageNumber = parseInt(firstPageNumberArray.join('')) || 0;
+
+                        const arrayPages = typeof finalPageNumber === 'undefined' ? 0 : finalPageNumber / firstPageNumber;
+                        arrayItems = Array(arrayPages).fill(null).map((page, index) => `/search?search_id=watchsearch&start=${firstPageNumber * (index + 1)}&change_version=invision`);
+                    }
+
+                    return {
+                        items: htmlFollowedPage.querySelectorAll('.ipbtable tbody tr td').length === 1 ? 0 : htmlFollowedPage.querySelectorAll('.ipbtable tbody tr').length,
+                        pages: ['/search?search_id=watchsearch&change_version=invision', ...arrayItems],
+                    }
+                } catch (error) {
+                    console.error('Error inesperado', error);
+                    return false;
+                }
+            },
+            getFollowed: async (page) => {
+                try {
+                    const followedPage = await fetch(page);    
+                    const bodyFollowedPage = await followedPage.text();                        
+                    const htmlFollowedPage = document.createElement('html');
+                    
+                    htmlFollowedPage.innerHTML = bodyFollowedPage;
+
+                    return Array.from(htmlFollowedPage.querySelectorAll('.ipbtable tbody tr')).map(row => {
+                        const cells = row.children;
+
+                        return {
+                            id: parseInt(cells[7].children[0].value),
+                            name: cells[1].querySelector('.topictitle').textContent.trim(),
+                            url: Vue.filter('url-to-normal')(cells[1].querySelector('.topictitle').href),
+                            views: parseInt(cells[5].textContent),
+                            replies: parseInt(cells[3].textContent),
+                            type: FNR.content.topic.getType(cells[0].querySelector('img').src).join(' '),
+                        }
+                    });
+                } catch (error) {
+                    console.error('Error inesperado', error);
+                    return false;
+                }
+            },
+            delFollowed: async (topics) => {                
+                try {
+                    await fetch('/search?search_id=watchsearch', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/x-www-form-urlencoded',
+                        },
+                        body: `confirm=confirm${topics.map(topic => `&mark${encodeURIComponent(`[]`)}2=${topic}`)}`
+                    })
+
+                    return true;
+                } catch (error) {
+                    console.error('Error inesperado', error);
+                    return false;
+                }
+            },
+        },
+        drafts: {
+            delDrafts: async (type, drafts) => {                
+                try {
+                    const deleteType = type === 'draft' ? 'draft' : 'topic_draft';
+
+                    await fetch(`/search?search_id=${type}search`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/x-www-form-urlencoded',
+                        },
+                        body: `confirm=confirm${drafts.map(draft => `&delete_${deleteType}${encodeURIComponent(`[${draft}]`)}=on`)}`
+                    })
+
+                    return true;
+                } catch (error) {
+                    console.error('Error inesperado', error);
+                    return false;
+                }
+            },
+            messages: {
+                getPages: async () => {
+                    try {
+                        const draftsPage = await fetch('/search?search_id=draftsearch&change_version=invision');
+                        const bodyDraftsPage = await draftsPage.text();
+                        const htmlDraftsPage = document.createElement('html');
+                        
+                        htmlDraftsPage.innerHTML = bodyDraftsPage;
+    
+                        const total = htmlDraftsPage.querySelectorAll('.pagination a');
+                        let arrayItems = [];
+    
+                        if (total.length) {
+                            const finalPage = total[total.length - 2];
+                            const finalPageUrl = finalPage.href.split(finalPage.origin)[1];
+                            const finalPageNumberArray = finalPageUrl.match(/[0-9]/g) || [];
+                            const finalPageNumber = parseInt(finalPageNumberArray.join('')) || 0;   
+    
+                            const firstPage = total[1];
+                            const firstPageUrl = firstPage.href.split(firstPage.origin)[1];
+                            const firstPageNumberArray = firstPageUrl.match(/[0-9]/g) || [];
+                            const firstPageNumber = parseInt(firstPageNumberArray.join('')) || 0;
+    
+                            const arrayPages = typeof finalPageNumber === 'undefined' ? 0 : finalPageNumber / firstPageNumber;
+                            arrayItems = Array(arrayPages).fill(null).map((page, index) => `/search?search_id=draftsearch&start=${firstPageNumber * (index + 1)}&change_version=invision`);
+                        }
+    
+                        return {
+                            items: htmlDraftsPage.querySelectorAll('.ipbtable tbody tr td').length === 1 ? 0 : htmlDraftsPage.querySelectorAll('.ipbtable tbody tr').length,
+                            pages: ['/search?search_id=draftsearch&change_version=invision', ...arrayItems],
+                        }
+                    } catch (error) {
+                        console.error('Error inesperado', error);
+                        return false;
+                    }
+                },
+                getDrafts: async (page) => {
+                    try {
+                        const draftsPage = await fetch(page);
+                        const bodyDraftsPage = await draftsPage.text();
+                        const htmlDraftsPage = document.createElement('html');
+                        
+                        htmlDraftsPage.innerHTML = bodyDraftsPage;
+    
+                        return Array.from(htmlDraftsPage.querySelectorAll('.ipbtable tbody tr')).map(row => {
+                            const cells = row.children;
+    
+                            return {
+                                topic: {
+                                    name: cells[1].textContent.trim(),
+                                    url: Vue.filter('url-to-normal')(cells[1].querySelector('a').href)
+                                },
+                                info: {
+                                    location: cells[2].textContent.trim(),
+                                    date: cells[3].textContent.trim()
+                                },
+                                modify: Vue.filter('url-to-normal')(cells[4].querySelector('a').href)
+                            }
+                        });
+                    } catch (error) {
+                        console.error('Error inesperado', error);
+                        return false;
+                    }
+                },
+            },
+            topics: {
+                getPages: async () => {
+                    try {
+                        const draftsPage = await fetch('/search?search_id=topicdraftsearch&change_version=invision');
+                        const bodyDraftsPage = await draftsPage.text();
+                        const htmlDraftsPage = document.createElement('html');
+                        
+                        htmlDraftsPage.innerHTML = bodyDraftsPage;
+    
+                        const total = htmlDraftsPage.querySelectorAll('.pagination a');
+                        let arrayItems = [];
+    
+                        if (total.length) {
+                            const finalPage = total[total.length - 2];
+                            const finalPageUrl = finalPage.href.split(finalPage.origin)[1];
+                            const finalPageNumberArray = finalPageUrl.match(/[0-9]/g) || [];
+                            const finalPageNumber = parseInt(finalPageNumberArray.join('')) || 0;   
+    
+                            const firstPage = total[1];
+                            const firstPageUrl = firstPage.href.split(firstPage.origin)[1];
+                            const firstPageNumberArray = firstPageUrl.match(/[0-9]/g) || [];
+                            const firstPageNumber = parseInt(firstPageNumberArray.join('')) || 0;
+    
+                            const arrayPages = typeof finalPageNumber === 'undefined' ? 0 : finalPageNumber / firstPageNumber;
+                            arrayItems = Array(arrayPages).fill(null).map((page, index) => `/search?search_id=topicdraftsearch&start=${firstPageNumber * (index + 1)}&change_version=invision`);
+                        }
+    
+                        return {
+                            items: htmlDraftsPage.querySelectorAll('.ipbtable tbody tr td').length === 1 ? 0 : htmlDraftsPage.querySelectorAll('.ipbtable tbody tr').length,
+                            pages: ['/search?search_id=topicdraftsearch&change_version=invision', ...arrayItems],
+                        }
+                    } catch (error) {
+                        console.error('Error inesperado', error);
+                        return false;
+                    }
+                },
+                getDrafts: async (page) => {
+                    try {
+                        const draftsPage = await fetch(page);
+                        const bodyDraftsPage = await draftsPage.text();
+                        const htmlDraftsPage = document.createElement('html');
+                        
+                        htmlDraftsPage.innerHTML = bodyDraftsPage;
+    
+                        return Array.from(htmlDraftsPage.querySelectorAll('.ipbtable tbody tr')).map(row => {
+                            const cells = row.children;
+    
+                            return {
+                                topic: {
+                                    name: cells[0].textContent.trim(),
+                                    url: Vue.filter('url-to-normal')(cells[0].querySelector('a').href)
+                                },
+                                info: {
+                                    location: cells[1].textContent.trim(),
+                                    date: cells[2].textContent.trim()
+                                },
+                                modify: Vue.filter('url-to-normal')(cells[3].querySelector('a').href)
+                            }
+                        });
+                    } catch (error) {
+                        console.error('Error inesperado', error);
+                        return false;
+                    }
+                },
+            }
+        },
         profile: {
             getData: (array) => {
                 return new Promise((resolve, reject) => {
@@ -519,145 +772,6 @@ const FNR = {
 
                     const saveDOM = document.getElementById('forum-save');
                 });
-            },
-            followed: {
-                getPages: async () => {
-                    try {
-                        const followedPage = await fetch('/search?search_id=watchsearch&change_version=invision');
-                        const bodyFollowedPage = await followedPage.text();
-                        const htmlFollowedPage = document.createElement('html');
-                        
-                        htmlFollowedPage.innerHTML = bodyFollowedPage;
-
-                        const totalPages = htmlFollowedPage.querySelectorAll('.pagination a');
-                        const finalPage = totalPages[totalPages.length - 2];
-                        const finalPageUrl = finalPage.href.split(finalPage.origin)[1];
-                        const finalPageNumberArray = finalPageUrl.match(/[0-9]/g) || [];
-                        const finalPageNumber = parseInt(finalPageNumberArray.join('')) || 0;   
-
-                        const firstPage = totalPages[1];
-                        const firstPageUrl = firstPage.href.split(firstPage.origin)[1];
-                        const firstPageNumberArray = firstPageUrl.match(/[0-9]/g) || [];
-                        const firstPageNumber = parseInt(firstPageNumberArray.join('')) || 0;
-
-                        const arrayPages = finalPageNumber / firstPageNumber || 0
-                        const arrayItems = Array(arrayPages).fill(null);
-
-                        return {
-                            items: htmlFollowedPage.querySelectorAll('.ipbtable tbody tr').length,
-                            pages: ['/search?search_id=watchsearch&change_version=invision', ...arrayItems.map((page, index) => `/search?search_id=watchsearch&start=${firstPageNumber * (index + 1)}&change_version=invision`)],
-                        }
-                    } catch (error) {
-                        console.error('Error inesperado', error);
-                        return false;
-                    }
-                },
-                getFollowed: async (page) => {
-                    try {
-                        const followedPage = await fetch(page);    
-                        const bodyFollowedPage = await followedPage.text();                        
-                        const htmlFollowedPage = document.createElement('html');
-                        
-                        htmlFollowedPage.innerHTML = bodyFollowedPage;
-
-                        return Array.from(htmlFollowedPage.querySelectorAll('.ipbtable tbody tr')).map(row => {
-                            const cells = row.children;
-
-                            return {
-                                id: parseInt(cells[7].children[0].value),
-                                name: cells[1].querySelector('a').textContent.trim(),
-                                url: Vue.filter('url-to-normal')(cells[1].querySelector('a').href),
-                                views: parseInt(cells[5].textContent),
-                                replies: parseInt(cells[3].textContent),
-                            }
-                        });
-                    } catch (error) {
-                        console.error('Error inesperado', error);
-                        return false;
-                    }
-                },
-                delFollowed: async (topics) => {                
-                    try {
-                        await fetch('/search?search_id=watchsearch', {
-                            method: 'POST',
-                            headers: {
-                                'Content-Type': 'application/x-www-form-urlencoded',
-                            },
-                            body: `confirm=confirm${topics.map(topic => `&mark${encodeURIComponent(`[]`)}2=${topic}`)}`
-                        })
-
-                        return true;
-                    } catch (error) {
-                        console.error('Error inesperado', error);
-                        return false;
-                    }
-                },
-            },
-            drafts: {
-                getDrafts: async () => {
-                    const getPage = (content, baseIndex) => {
-                        final = [];
-    
-                        if (content.querySelectorAll('.maintitle > h3').length && parseInt(content.querySelectorAll('.maintitle > h3')[0].textContent) !== 0) {
-                            [].forEach.call(content.querySelectorAll('.ipbform .ipbtable tbody > tr'), (item) => {
-                                const cells = item.querySelectorAll('td');
-    
-                                final.push({
-                                    topic: {
-                                        name: cells[baseIndex + 1].textContent.trim(),
-                                        url: Vue.filter('url-to-normal')(cells[baseIndex + 1].querySelector('a').href)
-                                    },
-                                    info: {
-                                        location: cells[baseIndex + 2].textContent.trim(),
-                                        date: cells[baseIndex + 3].textContent.trim()
-                                    },
-                                    modify: Vue.filter('url-to-normal')(cells[baseIndex + 4].querySelector('a').href)
-                                });
-                            });
-                        }
-    
-                        return final;
-                    };
-    
-                    try {
-                        const msgDraft = await fetch('/search?search_id=draftsearch&change_version=invision');
-                        const topicDraft = await fetch('/search?search_id=topicdraftsearch&change_version=invision');
-    
-                        const bodyMsgDraft = await msgDraft.text();
-                        const bodyTopicDraft = await topicDraft.text();
-                        
-                        const htmlMsgDraft = document.createElement('html');
-                        const htmlTopicDraft = document.createElement('html');
-                        
-                        htmlMsgDraft.innerHTML = bodyMsgDraft;
-                        htmlTopicDraft.innerHTML = bodyTopicDraft;
-    
-                        return {
-                            msgDrafts: getPage(htmlMsgDraft, 0),
-                            topicDrafts: getPage(htmlTopicDraft, -1)
-                        };
-                    } catch (error) {
-                        return false;
-                    }
-                },
-                delDrafts: async (type, drafts) => {                
-                    try {
-                        const deleteType = type === 'draft' ? 'draft' : 'topic_draft';
-    
-                        await fetch(`/search?search_id=${type}search`, {
-                            method: 'POST',
-                            headers: {
-                                'Content-Type': 'application/x-www-form-urlencoded',
-                            },
-                            body: `confirm=confirm${drafts.map(draft => `&delete_${deleteType}${encodeURIComponent(`[${draft}]`)}=on`)}`
-                        })
-    
-                        return true;
-                    } catch (error) {
-                        console.error('Error inesperado', error);
-                        return false;
-                    }
-                }
             }
         }
     },
@@ -888,7 +1002,7 @@ const FNR = {
             }, 10000);
         }
     },
-    behaviour: {    
+    behaviour: {
         genWiki: () => {
             if (document.querySelector('.wiki-cascade')) {
                 [].forEach.call(document.getElementsByClassName('wiki-cascade'), (item) => {
@@ -949,6 +1063,85 @@ const FNR = {
                     };
                 });
             }
-        }
+        },
+        genControls: () => {
+            if (document.querySelector('.forum-controls')) {
+                [].forEach.call(document.querySelectorAll('.forum-controls'), (control) => {
+                    let children = 0;
+        
+                    [].forEach.call(control.children, (item) => {
+                        if (window.getComputedStyle(item, null).display === 'none') {
+                            return;
+                        }
+        
+                        children += item.children.length;
+                    });
+        
+                    if (children === 0 && control.classList.contains('not-show') === false) {
+                        control.classList.add('not-show');
+                    }
+                });
+            }
+        },
+        genPagelist: (total, current) => {
+            if (total.length < 5) {
+                return total;
+            }
+
+            switch (current) {
+                case 0:
+                    return [
+                        total[current],
+                        total[current + 1],
+                        total[current + 2],
+                        total[current + 3],
+                        total[current + 4]
+                    ];
+
+                case 1:
+                    return [
+                        total[current - 1],
+                        total[current],
+                        total[current + 1],
+                        total[current + 2],
+                        total[current + 3]
+                    ];
+
+                case current.length - 1:
+                    return [
+                        total[current - 4],
+                        total[current - 3],
+                        total[current - 2],
+                        total[current - 1],
+                        total[current]
+                    ];
+
+                case current.length - 2:
+                    return [
+                        total[current - 3],
+                        total[current - 2],
+                        total[current - 1],
+                        total[current],
+                        total[current + 1]
+                    ];
+            
+                default:
+                    return [
+                        total[current - 2],
+                        total[current - 1],
+                        total[current],
+                        total[current + 1],
+                        total[current + 2]
+                    ];
+            }
+        },
+        genDebounce: (func, timeout = 300) => {
+            let timer;
+
+            return (...args) => {
+                clearTimeout(timer);
+                timer = setTimeout(() => { func.apply(this, args); }, timeout);
+            };
+        },
     }
 };