Revert "Revert "Merge branch...

Revert "Revert "Merge branch '449-einmalige-eigene-suche-ohne-ausgewahlte-suchmaschinen' into 'development'""

This reverts commit b1bb7448.

app/Http/Controllers/StartpageController.php

@@ -36,26 +36,23 @@ class StartpageController extends Controller
             }
         }
 
-        $maps = $request->input('param_maps', 'on');
-
-        $agent   = new Agent();
-        $browser = $agent->browser();
-
         return view('index')
             ->with('title', trans('titles.index'))
             ->with('homeIcon')
+            ->with('focusPages', $focusPages)
+            ->with('browser', (new Agent())->browser())
+            ->with('navbarFocus', 'suche')
+            ->with('theme', $theme)
+            ->with('autocomplete', $request->input('param_autocomplete', 'on'))
+            ->with('foki', $this->loadFoki())
+
             ->with('focus', $request->input('focus', 'web'))
             ->with('lang', $request->input('param_lang', 'all'))
             ->with('resultCount', $request->input('param_resultCount', '20'))
             ->with('time', $request->input('param_time', '1000'))
             ->with('sprueche', $request->input('param_sprueche', 'off'))
             ->with('newtab', $request->input('param_newtab', 'on'))
-            ->with('focusPages', $focusPages)
-            ->with('browser', $browser)
-            ->with('navbarFocus', 'suche')
-            ->with('theme', $theme)
-            ->with('maps', $maps)
-            ->with('autocomplete', $request->input('param_autocomplete', 'on'));
+            ->with('maps', $maps = $request->input('param_maps', 'on'));
     }
 
     public function loadPage($subpage)
@@ -124,6 +121,35 @@ class StartpageController extends Controller
     }
 
     public function loadSettings(Request $request)
+    {
+        $foki = $this->loadFoki();
+
+        return view('settings')
+            ->with('foki', $foki)
+            ->with('title', 'Einstellungen')
+            ->with('js', ['settings.js'])
+            ->with('navbarFocus', 'suche');
+        die(var_dump($foki));
+
+        return $xml->saveXML();
+    }
+
+    public function berlin(Request $request)
+    {
+        $link     = "";
+        $password = "";
+        if ($request->has('eingabe')) {
+            $password = getenv('berlin');
+            $password = md5($request->input('eingabe') . " -host:userpage.fu-berlin.de" . $password);
+            $link     = "/meta/meta.ger3?eingabe=" . $request->input('eingabe') . " -host:userpage.fu-berlin.de&focus=web&password=" . $password . "&encoding=utf8&lang=all&site=fu-berlin.de&quicktips=off&out=results-with-style";
+        }
+        return view('berlin')
+            ->with('title', 'Testseite für die FU-Berlin')
+            ->with('link', $link)
+            ->with('password', $password);
+    }
+
+    private function loadFoki()
     {
         $sumaFile = "";
         if (App::isLocale('en')) {
@@ -153,28 +179,6 @@ class StartpageController extends Controller
             }
         }
 
-        return view('settings')
-            ->with('foki', $foki)
-            ->with('title', 'Einstellungen')
-            ->with('js', ['settings.js'])
-            ->with('navbarFocus', 'suche');
-        die(var_dump($foki));
-
-        return $xml->saveXML();
-    }
-
-    public function berlin(Request $request)
-    {
-        $link     = "";
-        $password = "";
-        if ($request->has('eingabe')) {
-            $password = getenv('berlin');
-            $password = md5($request->input('eingabe') . " -host:userpage.fu-berlin.de" . $password);
-            $link     = "/meta/meta.ger3?eingabe=" . $request->input('eingabe') . " -host:userpage.fu-berlin.de&focus=web&password=" . $password . "&encoding=utf8&lang=all&site=fu-berlin.de&quicktips=off&out=results-with-style";
-        }
-        return view('berlin')
-            ->with('title', 'Testseite für die FU-Berlin')
-            ->with('link', $link)
-            ->with('password', $password);
+        return $foki;
     }
 }

app/MetaGer.php

@@ -567,7 +567,8 @@ class MetaGer
             $engine->startSearch($this);
         }
 
-        $this->adjustFocus($sumas, $enabledSearchengines);
+        // Derzeit deaktiviert, da es die eigene Suche gibt
+        // $this->adjustFocus($sumas, $enabledSearchengines);
 
         /* Wir warten auf die Antwort der Suchmaschinen
          * Die Verbindung steht zu diesem Zeitpunkt und auch unsere Requests wurden schon gesendet.

gulpfile.js

@@ -12,7 +12,18 @@ require('laravel-elixir-vue-2');
  */
 elixir(function(mix) {
     mix.less('default.less', 'public/css/themes/default.css');
-    mix.scripts(['lib/jquery.js', 'lib/bootstrap.js', 'widgets.js', 'editLanguage.js', 'kontakt.js', 'lib/lightslider.js', 'lib/masonry.js', 'lib/imagesloaded.js', 'lib/openpgp.min.js', 'scriptResultPage.js', 'scriptStartPage.js', 'settings.js', 'lib/iframeResizer.min.js' /*, 'lib/vue/app.js', 'lib/vue/bootstrap.js'*/ ]);
+    /*
+     | Not mixed (specific pages only)
+     |
+     | widgets.js
+     | editLanguage.js
+     | kontakt.js
+     | scriptResultPage.js
+     | scriptStartPage.js
+     | settings.js
+    */
+    mix.scripts(['lib/jquery.js', 'lib/bootstrap.js', 'lib/lightslider.js', 'lib/masonry.js', 'lib/imagesloaded.js', 'lib/openpgp.min.js', 'lib/iframeResizer.min.js'], 'public/js/lib.js');
     mix.scripts(['lib/jquery.js', 'lib/iframeResizer.contentWindow.min.js'], 'public/js/quicktips.js');
-    mix.version(['css/themes/default.css', 'js/all.js', 'js/quicktips.js']);
+    mix.version(['css/themes/default.css', 'js/lib.js', 'js/quicktips.js']);
+    mix.version(['js/widgets.js', 'js/editLanguage.js', 'js/kontakt.js', 'js/scriptResultPage.js', 'js/scriptStartPage.js', 'js/settings.js']);
 });
\ No newline at end of file

public/build/js/kontakt-de49d68db3.js

+$(document).ready(function() {
+    switch (getLanguage()) {
+        case "de":
+            $(".encrypt-btn").html("Verschlüsseln und senden");
+            break;
+        case "en":
+            $(".encrypt-btn").html("encrypt and send");
+            break;
+        case "es":
+            // $(".encrypt-btn").html(""); TODO
+            break;
+    }
+    $(".contact").submit(function() {
+        return encrypt(this);
+    });
+});
+//based on https://github.com/encrypt-to/secure.contactform.php
+/* The MIT License (MIT)
+Copyright (c) 2013 Jan Wiegelmann
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.*/
+function encrypt() {
+    if (window.crypto && window.crypto.getRandomValues) {
+        var message = document.getElementById("message");
+        if (message.value.indexOf("-----BEGIN PGP MESSAGE-----") !== -1 && message.value.indexOf("-----END PGP MESSAGE-----") !== -1) {
+            // encryption done
+        } else {
+            var pub_key = openpgp.key.readArmored(document.getElementById("pubkey").innerHTML).keys[0];
+            var plaintext = message.value;
+            var ciphertext = openpgp.encryptMessage([pub_key], plaintext);
+            message.value = ciphertext;
+            return true;
+        }
+    } else {
+        switch (getLanguage()) {
+            case "de":
+                alert("Fehler: Ihr Browser wird nicht unterstützt. Bitte installieren Sie einen aktuellen Browser wie z.B. Mozilla Firefox.");
+                break;
+            case "en":
+                alert("Error: Your browser is not supported. Please install an up to date browser like Mozilla Firefox.");
+                break;
+            case "es":
+                // alert(""); TODO
+                break;
+        }
+        return false;
+    }
+}
+
+function getLanguage() {
+    var metaData = document.getElementsByTagName('meta');
+    for (var m in metaData) {
+        if (metaData[m]["httpEquiv"] == "language") {
+            return metaData[m]["content"];
+        }
+    }
+}
\ No newline at end of file

public/build/js/scriptResultPage-95d76cf16b.js

+$(document).ready(function() {
+    createCustomFocuses();
+    var focus = $("#foki > li.active > a").attr("aria-controls");
+    var custom = $("#foki > li.active").hasClass("custom-focus-tab-selector");
+    getDocumentReadyForUse(focus, custom);
+});
+
+function tabs() {
+    $("#foki > li.tab-selector > a").each(function() {
+        if ($(this).attr("target") != "_blank") {
+            $(this).attr("href", "#" + $(this).attr("aria-controls"));
+            $(this).attr("role", "tab");
+            $(this).attr("data-toggle", "tab");
+        }
+    });
+    $("#foki > li.tab-selector > a").off();
+    $("#foki > li.tab-selector > a").on("show.bs.tab", function(e) {
+        var fokus = $(this).attr("aria-controls");
+        var link = $("#" + fokus + "TabSelector a").attr("data-href");
+        if ($("#" + fokus + "TabSelector").attr("data-loaded") != "1") {
+            $.get(link, function(data) {
+                $("#" + fokus + "TabSelector").attr("data-loaded", "1");
+                $("#" + fokus).html(data);
+                $("input[name=focus]").val($("#foki li.active a").attr("aria-controls"));
+                getDocumentReadyForUse(fokus);
+            });
+        } else {
+            getDocumentReadyForUse(fokus);
+        }
+    });
+}
+
+function getDocumentReadyForUse(fokus, custom = false) {
+    clickLog();
+    popovers();
+    if (fokus === "bilder") imageLoader();
+    if (custom) initialLoadContent(fokus);
+    //pagination();
+    tabs();
+    theme();
+    fokiChanger();
+    pluginInfo();
+    productWidget();
+    $('iframe:not(.resized)').iFrameResize();
+    $('iframe').addClass("resized");
+}
+
+function pluginInfo() {
+    if (localStorage) {
+        if (localStorage.getItem('pluginInfo') == "off") $("#searchplugin").css("display", "none");
+        $("#searchplugin").on('close.bs.alert', function() {
+            $.get('/pluginClose');
+            localStorage.setItem('pluginInfo', 'off');
+        });
+        $("#searchplugin a.btn").click(function() {
+            $.get('/pluginInstall');
+        });
+    }
+}
+
+function theme() {
+    if (localStorage) {
+        var theme = localStorage.getItem("theme");
+        if (theme != null) {
+            if ((theme.match(/,/g) || []).length != 3) {
+                localStorage.removeItem("theme");
+            } else {
+                theme = theme.split(",");
+                $("#theme").attr("href", "/css/theme.css.php?r=" + theme[0] + "&g=" + theme[1] + "&b=" + theme[2] + "&a=" + theme[3]);
+            }
+        }
+    }
+}
+
+function clickLog() {
+    $(".result a.title, .result div.link-link a").off();
+    $(".result a.title, .result div.link-link a").click(function() {
+        $.get("/clickstats", {
+            i: $("meta[name=p]").attr("content"),
+            s: $(this).attr("data-hoster"),
+            q: $("meta[name=q]").attr("content"),
+            p: $(this).attr("data-count"),
+            url: $(this).attr("href")
+        });
+    });
+}
+
+function popovers() {
+    $("[data-toggle=popover]").each(function(e) {
+        $(this).popover("destroy");
+        $(this).popover({
+            //html          :   true,
+            //title         :   "<span class='glyphicon glyphicon-cog'></span> Optionen",
+            content: $(this).parent().find(".content").html()
+        });
+    });
+}
+
+function pagination() {
+    $(".pagination li:not(.active) > a").attr("href", "#");
+    $(".pagination li.disabled > a").removeAttr("href");
+    $(".pagination li:not(.active) > a").off();
+    $(".pagination li:not(.active) > a").click(paginationHandler);
+}
+
+function paginationHandler() {
+    var link = $(this).attr("data-href");
+    if (link.length == 0) {
+        return;
+    }
+    var tabPane = $(".tab-pane.active");
+    $(tabPane).html("<div class=\"loader\"><img src=\"/img/ajax-loader.gif\" alt=\"\" /></div>");
+    $.get(link, function(data) {
+        $(tabPane).html(data);
+        $(".pagination li:not(.active) > a").attr("href", "#");
+        $(".pagination li.disabled > a").removeAttr("href");
+        $(".pagination li:not(.active) > a").off();
+        $(".pagination li:not(.active) > a").click(paginationHandler);
+        getDocumentReadyForUse();
+    });
+}
+
+function imageLoader() {
+    if (typeof $("#container").masonry == "undefined") {
+        return;
+    }
+    var $grid = $("#container").masonry({
+        columnWidth: 150,
+        itemSelector: '.item',
+        gutter: 10,
+        isFitWidth: true
+    });
+    $grid.imagesLoaded().progress(function(instance, image) {
+        $grid.masonry('layout');
+    });
+}
+
+function eliminateHost(host) {
+    $(".result:not(.ad)").each(function(e) {
+        var host2 = $(this).find(".link-link > a").attr("data-host");
+        if (host2.indexOf(host) === 0) {
+            $(this).css("display", "none");
+        }
+    });
+}
+
+function fokiChanger() {
+    $("#fokiChanger ul > li").click(function() {
+        document.location.href = $(this).attr("data-href");
+    });
+}
+// Polyfill for form attribute
+(function($) {
+    /**
+     * polyfill for html5 form attr
+     */
+    // detect if browser supports this
+    var sampleElement = $('[form]').get(0);
+    var isIE11 = !(window.ActiveXObject) && "ActiveXObject" in window;
+    if (sampleElement && window.HTMLFormElement && sampleElement.form instanceof HTMLFormElement && !isIE11) {
+        // browser supports it, no need to fix
+        return;
+    }
+    /**
+     * Append a field to a form
+     *
+     */
+    $.fn.appendField = function(data) {
+        // for form only
+        if (!this.is('form')) return;
+        // wrap data
+        if (!$.isArray(data) && data.name && data.value) {
+            data = [data];
+        }
+        var $form = this;
+        // attach new params
+        $.each(data, function(i, item) {
+            $('<input/>').attr('type', 'hidden').attr('name', item.name).val(item.value).appendTo($form);
+        });
+        return $form;
+    };
+    /**
+     * Find all input fields with form attribute point to jQuery object
+     * 
+     */
+    $('form[id]').submit(function(e) {
+        var $form = $(this);
+        // serialize data
+        var data = $('[form=' + $form.attr('id') + ']').serializeArray();
+        // append data to form
+        $form.appendField(data);
+    }).each(function() {
+        var form = this,
+            $form = $(form),
+            $fields = $('[form=' + $form.attr('id') + ']');
+        $fields.filter('button, input').filter('[type=reset],[type=submit]').click(function() {
+            var type = this.type.toLowerCase();
+            if (type === 'reset') {
+                // reset form
+                form.reset();
+                // for elements outside form
+                $fields.each(function() {
+                    this.value = this.defaultValue;
+                    this.checked = this.defaultChecked;
+                }).filter('select').each(function() {
+                    $(this).find('option').each(function() {
+                        this.selected = this.defaultSelected;
+                    });
+                });
+            } else if (type.match(/^submit|image$/i)) {
+                $(form).appendField({
+                    name: this.name,
+                    value: this.value
+                }).submit();
+            }
+        });
+    });
+})(jQuery);
+
+function productWidget() {
+    var isMobile = false; //initiate as false
+    // device detection
+    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0, 4))) isMobile = true;
+    if (isMobile) {
+        $('.lightSlider').lightSlider({
+            item: 5,
+            loop: false,
+            slideMove: 2,
+            easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
+            speed: 600,
+            pager: false,
+            prevHtml: '<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span>',
+            nextHtml: '<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span>',
+            responsive: [{
+                breakpoint: 1400,
+                settings: {
+                    item: 4,
+                    slideMove: 2,
+                }
+            }, {
+                breakpoint: 1200,
+                settings: {
+                    item: 3,
+                    slideMove: 2,
+                }
+            }, {
+                breakpoint: 980,
+                settings: {
+                    item: 4,
+                    slideMove: 2,
+                }
+            }, {
+                breakpoint: 720,
+                settings: {
+                    item: 3,
+                    slideMove: 1
+                }
+            }, {
+                breakpoint: 520,
+                settings: {
+                    item: 2,
+                    slideMove: 1,
+                }
+            }, ]
+        });
+    } else {
+        $('.lightSlider').lightSlider({
+            item: 5,
+            loop: false,
+            slideMove: 2,
+            easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
+            speed: 600,
+            pager: false,
+            enableTouch: false,
+            enableDrag: false,
+            prevHtml: '<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span>',
+            nextHtml: '<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span>',
+            responsive: [{
+                breakpoint: 1400,
+                settings: {
+                    item: 4,
+                    slideMove: 2,
+                }
+            }, {
+                breakpoint: 1200,
+                settings: {
+                    item: 3,
+                    slideMove: 2,
+                }
+            }, {
+                breakpoint: 980,
+                settings: {
+                    item: 4,
+                    slideMove: 2,
+                }
+            }, {
+                breakpoint: 720,
+                settings: {
+                    item: 3,
+                    slideMove: 1
+                }
+            }, {
+                breakpoint: 520,
+                settings: {
+                    item: 2,
+                    slideMove: 1,
+                }
+            }, ]
+        });
+    }
+    $(".lightSliderContainer").removeClass("hidden");
+}
+/**
+ * Creates focus tab and tab selector for every stored focus in local storage
+ */
+function createCustomFocuses() {
+    for (var key in localStorage) {
+        if (key.startsWith("focus_")) {
+            var focus = loadFocusById(key);
+            var active = false;
+            if (getActiveFocusId() === getIdFromName(focus.name)) {
+                active = true;
+            }
+            addFocus(focus, active);
+            addTab(focus, active);
+        }
+    }
+}
+/**
+ * Adds a focuses tab selector to the tab selector section
+ * 
+ * @if( $metager->getFokus() === "produktsuche" )
+ *     <li id="produktsucheTabSelector" class="active tab-selector" role="presentation" data-loaded="1">
+ *        <a aria-controls="produktsuche" data-href="#produktsuche" href="#produktsuche">
+ *             <span class='glyphicon glyphicon-shopping-cart'></span>
+ *             <span class="hidden-xs">{{ trans('index.foki.produkte') }}</span>
+ *         </a>
+ *     </li>
+ * @else
+ *     <li id="produktsucheTabSelector" class="tab-selector" role="presentation" data-loaded="0">
+ *         <a aria-controls="produktsuche" data-href="{!! $metager->generateSearchLink('produktsuche') !!}" href="{!! $metager->generateSearchLink('produktsuche', false) !!}">
+ *             <span class='glyphicon glyphicon-shopping-cart'></span>
+ *             <span class="hidden-xs">{{ trans('index.foki.produkte') }}</span>
+ *         </a>
+ *     </li>
+ * @endif
+ */
+function addFocus(focus, active = false) {
+    var id = getIdFromName(focus.name);
+    var foki = document.getElementById("foki");
+    // create <input>
+    var focusElement = document.createElement("li");
+    focusElement.id = id + "TabSelector";
+    focusElement.classList.add("tab-selector");
+    focusElement.classList.add("custom-focus-tab-selector");
+    if (active) {
+        focusElement.classList.add("active");
+        focusElement.setAttribute("data-loaded", "1");
+    } else {
+        focusElement.setAttribute("data-loaded", "0");
+    }
+    focusElement.setAttribute("role", "presentation");
+    // create <a>
+    var focusElementLink = document.createElement("a");
+    focusElementLink.setAttribute("aria-controls", id);
+    var searchLink = generateSearchLinkForFocus(focus)
+    focusElementLink.setAttribute("data-href", searchLink);
+    focusElementLink.setAttribute("href", searchLink);
+    // create <span> glyphicon