// ==UserScript==
// @name MHenhancer_local
// @license MIT
// @namespace https://greasyfork.org/users/290665
// @version 1.1
// @description Link fixer, Image Downloader
// @include /https:\/\/(www\.)?modelle-hamburg\.de\/.*\/[^/]*_\d+(\.html)?/
// @include /https:\/\/(www\.)?modelle-hamburg\.de\/.*\/[^/]*_\d+.*/
// @icon https://www.google.com/s2/favicons?sz=64&domain=modelle-hamburg.de
// @grant GM_download
// @grant GM_addStyle
// @grant GM_getResourceText
// @resource IMPORTED_CSS https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css
// @require https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js
// ==/UserScript==
(function() {
'use strict';
GM_addStyle(GM_getResourceText("IMPORTED_CSS"));
GM_addStyle(`
.toast {
position: absolute;
background-color: #cc0b75;
top: -23px;
width: 98%;
text-align: center;
color: #fff;
font-weight: bold;
}
`);
let baseURL = window.location.protocol + "//" + window.location.host;
let buttons = jQuery('#mainframe > div.row > div:nth-child(2) > div:first-child');
window.setTimeout(getPhone, 500);
window.setTimeout(getPhone, 1000);
window.setTimeout(getPhone, 2000);
window.setTimeout(getPhone, 3000);
jQuery('<button id="downloadAll" class="mh-gradient-lightblue mh-btn-default mh-btn-slim" title="Alle Bilder herunterladen"\
style="margin-left:16px;position:relative; top:-4px;"><span class="glyphicon glyphicon-download"></span>\
herunterladen</span></button>')
.on('click', downloadAll)
.appendTo('#image-active-tab > a');
jQuery('<span style="flex:1"><button class="mh-gradient-lightblue mh-btn-default mh-btn-slim m-l-lg" title="Anzeigentext für ein Forum kopieren">\
<span class="glyphicon glyphicon-copy"></span></button></span>')
.on('click', copyText)
.appendTo(buttons);
jQuery('<span style="flex:1"><button class="mh-gradient-lightblue mh-btn-default mh-btn-slim m-l-lg" title="Anzeigenlink kopieren">\
<span class="glyphicon glyphicon-share"></span></button></span>')
.on('click', shareLink)
.appendTo(buttons);
jQuery('<span style="flex:1"><button class="mh-gradient-lightblue mh-btn-default mh-btn-slim m-l-lg" title="Im Lusthaus suchen (in neuem Tab)">\
<span class="glyphicon glyphicon-search"></span>LH</button></span>')
.on('click', LHsearch)
.appendTo(buttons);
function downloadAll() {
let path = getAdName() + " (MH " + getAdID() + ")";
let phone = getPhone();
if (phone) path += " - " + phone;
var dialog = $('<div id="dialog" title="Download to '+path+' ..."></div>').dialog({
width: 640,
height:480
}).on('close', function() {
console.log("cancel downloads now");
});
let imgList = [];
jQuery('#images > div.panel.panel-default.mh-panel.carousel-panel.setcard-media-scroller.panel-first.panel-header-p.reset-m-b > div.panel-body > div.gallery.image-gallery-nav.gallery-nav.flickity-enabled.is-draggable > div > div > div > img').each(function() {
let thumb = jQuery(this).attr('src');
let image = thumb.match(/(\d+\/[a-z0-9]+)_/);
if (image) {
let id = image[1];
imgList.push(id);
} else {
console.log("ERROR",thumb);
}
});
for (let name of imgList) {
console.log("Download ", name);
let URL = `${baseURL}/images/_${name}_full.jpg`;
let file = (path+'/'+name+".jpg").replace(/\/\d+\//,'/');
var line = jQuery('<div class="RLDL" data-name="'+name+'">'+file+'</div>\n').appendTo(dialog);
(function(url,filepath,filename,linediv) {
var dl = GM_download({
url: url,
name: filepath,
saveAs: false,
onerror: function(){
jQuery(linediv).append('<span class="download_error">ERROR: '+err.error+'<br>'+err.details+'</span>');
},
onload: function() {
jQuery(linediv).append('<span class="download_ok">✓</span>');
}
});
// downloads.push(dl);
})(URL,file,name,line);
}
}
function copyText() {
let id = getAdID();
let name = getAdName();
let phone = getPhone();
if (! phone) phone = "";
// sometimes we have malformatted phone numbers starting with '49', without the leading '+' - let's fix that first.
phone = phone.replace(/^49/,'+49');
phone = phone.replace(/ /g,'').replace(/\+49\(0\)/,'0').replace(/^\+49/,'0') .replace(/^0049/,'0');
let phone2 = phone.replace(/[/\-]/g,'');
let phone3 = phone2.replace(/^0([1-9])/,'+49$1');
let addPhoneString =''
let prefix = phone2.substr(0,4);
//let phone4 = prefix + '-' + phone2.substr(4);
//let phone4 =
//let phone5 ='';
addPhoneString = makeDevidedPhoneString(phone2, 4);
if (isFiveDigitsPrefix(prefix)) {
addPhoneString = addPhoneString + makeDevidedPhoneString(phone2, 5);
} else if (isSixDigitsPrefix(prefix)) {
addPhoneString = addPhoneString + makeDevidedPhoneString(phone2, 6);
}
/*
if (isFiveDigitsPrefix(prefix)) {
let prefix5 = phone2.substr(0,5)
let number5 = phone2.substr(5);
let phone5 = prefix5 + '-' + number5;
let phone6 = prefix5 + ' ' + number5 ;
addPhoneString = ', ' + phone5 + ', ' + phone6;
} else if (isSixDigitsPrefix(prefix)) {
let prefix5 = phone2.substr(0,6)
let number5 = phone2.substr(6);
let phone5 = prefix5 + '-' + number5;
let phone6 = prefix5 + ' ' + number5 ;
addPhoneString = ', ' + phone5 + ', ' + phone6;
}
*/
let subheader = $('#images h1.model-name').first().html();
if (subheader) subheader = subheader.replace(/^(.+?) - /,'');
let text = $('#mainframe .about-text').first().text();
/*
let clublink = $('div#clublink a').attr('href');
let clubname = $('div#clublink a').text().replace(/> /,'');
let club = '';
if (clubname) {
club = `[URL=https://www.rotelaterne.de${clublink}]${clubname}[/URL], `;
}
*/
let URL = properLink();
let street = $('#anfahrtbox table tr:first-child td').text();
street ||= $('#mainframe > div.row > div:nth-child(2) > div.panel.panel-default.mh-panel.model-panel.panel-last.fixed-about-me > div.panel-body > table > tbody > tr:nth-child(2) > td').text();
if (street.match(/Sage ich Dir am Telefon/i)) street = '';
let city = $('#anfahrtbox table tr:nth-child(2) td').text();
city ||= $('#mainframe > div.row > div:nth-child(2) > div.panel.panel-default.mh-panel.model-panel.panel-last.fixed-about-me > div.panel-body > table > tbody > tr:nth-child(3) > td').text();
let address = street ? street + ", " + city : city;
let service = $('#mainframe div.service-panel ul').html();
if (service) {
service = service
.replace(/\n/g,'')
.replace(/<label>.*<\/label>/,'')
.replace(/<\/li>\s*<li>/g,', ')
.replace(/<.+?>/g,'')
.replace(/\[B\]/g,'\n[B]')
.replace(/\[\/B\]/g,':[/B]')
.replace(/^[ ,]+/g,'');
}
let data = $('#mainframe table.model-details').html();
if (data) {
//console.log("data:",data)
data = data
.replace(/\n/g,'')
.replace(/<(\/)?th>/g,'[$1B]')
.replace(/<.+?>/g,' ')
.replace(/ *\[B\]/g,', [B]')
.replace(/\[\/B\]/g,':[/B]')
.replace(/ +/g,' ')
.replace(/^[ ,]+/g,'');
}
//console.log("data_new:",data)
/*
let data_more = $('#mainframe table.model-details').html(); // 2nd part of the data (right hand side of visual table in the ad, (we don't get this data yet, this needs to be fixed)
if (data_more) {
data_more = data_more
.replace(/\n/g,'')
.replace(/<(\/)?th>/g,'[$1B]')
.replace(/<.+?>/g,' ')
.replace(/ *\[B\]/g,', [B]')
.replace(/\[\/B\]/g,':[/B]')
.replace(/ +/g,' ')
.replace(/^[ ,]+/g,'');
}
*/
//
//
var modelDetails = document.getElementsByClassName('model-details text-table w-full fs125pcm');
/*
for(var i = 0; i < modelDetails.length; i++) {
//modelDetails[i].style.color = 'red';
console.log("modelDetails[i]",modelDetails[i])
}
*/
// ** document.getElementsByClassName() returns a HTMLCollection, not an array or a string
// we have to add '.outerHTML' to each Collection element to get a String
// see https://www.ifelse.info/questions/301/how-convert-html-element-string-javascript
//var modelDetails1 = document.getElementsByClassName('model-details text-table w-full fs125pcm')[0].outerHTML;
//console.log("modelDetails1",modelDetails1)
//var modelDetails2 = document.getElementsByClassName('model-details text-table w-full fs125pcm')[1].outerHTML;
//console.log("modelDetails2",modelDetails2)
var fullmodelDetails='';
for(var i = 0; i<2 ; i++) {
//console.log("modelDetails[i]",modelDetails[i].outerHTML, " ",i)
data = modelDetails[i].outerHTML; //
if (data) {
//console.log("data:",data)
data = data
.replace(/\n/g,'')
.replace(/<(\/)?th>/g,'[$1B]')
.replace(/<.+?>/g,' ')
.replace(/ *\[B\]/g,', [B]')
.replace(/\[\/B\]/g,':[/B]')
.replace(/ +/g,' ')
.replace(/^[ ,]+/g,'');
fullmodelDetails= fullmodelDetails + data + ', ';
}
//console.log("data_new:",data)
}
console.log("fullmodelDetails:",fullmodelDetails);
//
//
let dataBB= `Infoservice; die Daten stammen von modelle-hamburg:\n[QUOTE][SIZE="2"][URL=${URL}][B]${name}[/URL] MHID = ${id} | MHID${id}[/B] \n${subheader}\n\n${text}\n\n`
// +`${data}\n` // data shows only the left side of the (visual) table, The right side is missing , that's why we intruduced fullmodelDetails instead, ti fix that problem.
+`${fullmodelDetails}\n`
+`[B]Telefon:[/B] [URL="tel:${phone}"]${phone}[/URL], ${phone2}, ${phone3}` + addPhoneString + `\n`
+(address ? `[B]Adresse:[/B] [URL="https://www.google.de/maps/place/${address}"]${address}[/URL]\n`:'')
+`[B]Service:[/B] ${service}\n`
+`[/SIZE][/QUOTE]`;
dataBB = dataBB.replace(/ {2,}/g,' ').replace(/\n{3,}/,'\n\n');
navigator.clipboard.writeText(dataBB);
jQuery('<div class="toast">Infotext kopiert!</div>').appendTo(buttons).delay(1000).fadeOut(1000);
}
function shareLink() {
let link = properLink();
console.log("Link: ",link);
navigator.clipboard.writeText(link);
jQuery('<div class="toast">Kopiert!</div>').appendTo(buttons).delay(1000).fadeOut(1000);
}
function properLink() {
let id = getAdID();
let link = `${baseURL}/modelle/x/x/_${id}.html`;
return link;
}
function LHsearch() {
let phone = getPhone();
let name = getAdName();
let AdID = getAdID();
if (! phone) phone = "";
phone = phone.replace(/[ \/\-]/g,'').replace(/^0049/,'0').replace(/\+49\(0\)/,'0').replace(/^49/,'0');
let phone2;
if (phone.match(/^015/)) {
phone2 = phone.replace(/^(.....)(.*)/g,'$1-$2');
} else {
phone2 = phone.replace(/^(....)(.*)/g,'$1-$2');
}
//var searchterm = '("'+name+'"'+(phone? ' OR ' +phone+ (phone == phone2?'':' OR '+phone2):'')+')';
var searchterm = '('+ 'MHID'+ AdID + ' OR ' + AdID +(phone? ' OR ' +phone+ (phone == phone2?'':' OR '+phone2):'')+')';
var url = 'https://www.google.de/search?as_sitesearch=lusthaus.cc&';
url += 'q='+searchterm;
window.open(url);
}
function getAdID() {
let url = location.href.replace(/\?.*/,''); // cut any parameters
//let ID = url.match(/_(\d+)\.html$/);
let ID = url.match(/_(\d+).*/);
console.log("ID: ",ID);
return ID[1];
}
function getAdName() {
let el = jQuery('#mainframe > div.row > div:nth-child(2) > div.panel.panel-default.mh-panel.model-panel.panel-last.fixed-about-me > div.panel-body > table > tbody > tr:nth-child(1) > td');
if (el.length) return jQuery(el).text();
}
function getPhone() {
if ( typeof getPhone.counter == 'undefined' ) getPhone.counter = 0;
if (jQuery('a[href^="tel:"]').length) {
let phoneurl = jQuery('a[href^="tel:"]').attr('href');
return phoneurl.replace(/^tel:/,'');
} else {
getPhone.counter++;
jQuery('input.phonebutton').trigger('click');
}
}
function waitForElm(selector) {
return new Promise(resolve => {
if (document.querySelector(selector)) {
return resolve(document.querySelector(selector));
}
const observer = new MutationObserver(mutations => {
if (document.querySelector(selector)) {
resolve(document.querySelector(selector));
observer.disconnect();
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
});
}
function isFiveDigitsPrefix(prefix) {
if (prefix == '0151' || prefix == '0152' || prefix == '0157' || prefix == '0159') {
return true;
} else {
return false;
}
}
function isSixDigitsPrefix(prefix) {
if (prefix == '0155' || prefix == '0158' ) {
return true;
} else {
return false;
}
}
function makeDevidedPhoneString(phoneStr, i) {
let prefix = phoneStr.substr(0,i)
let number = phoneStr.substr(i);
let phoneWithDash = prefix + '-' + number;
let phoneWithoutDash = prefix + ' ' + number ;
return (', ' + phoneWithDash + ', ' + phoneWithoutDash);
}
})();
