User

<!DOCTYPE html>
<html lang="de">

<head>
    <!-- These meta tags come first. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> - Youthweb Styleguide</title>
    <!-- Include the CSS -->
    <link href="../../dist/toolkit.min.css" rel="stylesheet">
    <meta name="theme-color" content="#1c60a1">
</head>

<body>
    <script type="text/javascript">
        app_settings = {
            // Profildaten zum eingeloggten User
            // TODO: Refactoring profile-settings
            profile: {
                "id": "26665",
                "username": "John Doe",
                "profile_url": "https://youthweb.net",
                "user_plz": "12345",
                "user_wohnort": "",
                "user_timezone": "Europe/Berlin",
                "forum_text": "",
                "infinite_scrolling_yn": "1",
                "email_inf_yn": "0",
                "email": "email@example.com",
                "picture_url": "https://www.youthweb.net/files/userpics/static-308092",
                "picture_url_512": "https://eu.ui-avatars.com/api/?name=John+Doe&size=512",
                "picture_description": "Ut nam fabulas ponderum assentior",
                "my_page_access": "users",
                "steckbriefe_name_yn": "1",
                "steckbriefe_wohnort_yn": "1",
                "steckbriefe_geb_yn": "1",
                "steckbriefe_email_yn": "1",
                "allow_conversation_from": "users",
                "allow_posts_from": "friends",
                "friends_access": "users",
                "galleries_access": "users",
                "membership_badge": {
                    "level": "award--silver",
                    "description": "Für 5 Jahre Mitgliedschaft auf Youthweb",
                    "route": "https://youthweb.net/badges/5-membership_anniversary",
                    "shortValue": "5",
                    "shortUnit": "Jahre"
                },
                "show_name": true,
                "first_name": "Daniela",
                "last_name": "Faltz",
                "user_timestamp": "1402348596",
                "birthday": "793324800",
                "groups": [{
                    "id": "671",
                    "name": "Heinebach"
                }, {
                    "id": "1830",
                    "name": "Japan-Freunde"
                }],
                "points_count": "175",
                "badges": [{
                    "level": "award--birthday",
                    "description": "Zum 14. Geburtstag von Youthweb",
                    "route": "https://youthweb.net/badges/14-birthday_youthweb",
                    "shortValue": "14",
                    "shortUnit": "B-Day"
                }, {
                    "level": "award--bronze",
                    "description": "Für 50 verfasste Posts im Forum",
                    "route": "https://youthweb.net/badges/50-forum_posts",
                    "shortValue": "50",
                    "shortUnit": "Posts"
                }, {
                    "level": "award--wood",
                    "description": "Für 25 verfasste Posts im Forum",
                    "route": "https://youthweb.net/badges/25-forum_posts",
                    "shortValue": "25",
                    "shortUnit": "Posts"
                }, {
                    "level": "award--wood",
                    "description": "Für 10 verfasste Posts im Forum",
                    "route": "https://youthweb.net/badges/10-forum_posts",
                    "shortValue": "10",
                    "shortUnit": "Posts"
                }, {
                    "level": "award--silver",
                    "description": "Für 5 Jahre Mitgliedschaft auf Youthweb",
                    "route": "https://youthweb.net/badges/5-membership_anniversary",
                    "shortValue": "5",
                    "shortUnit": "Jahre"
                }, {
                    "level": "award--bronze",
                    "description": "Für 4 Jahre Mitgliedschaft auf Youthweb",
                    "route": "https://youthweb.net/badges/4-membership_anniversary",
                    "shortValue": "4",
                    "shortUnit": "Jahre"
                }, {
                    "level": "award--bronze",
                    "description": "Für 3 Jahre Mitgliedschaft auf Youthweb",
                    "route": "https://youthweb.net/badges/3-membership_anniversary",
                    "shortValue": "3",
                    "shortUnit": "Jahre"
                }, {
                    "level": "award--bronze",
                    "description": "Für 2 Jahre Mitgliedschaft auf Youthweb",
                    "route": "https://youthweb.net/badges/2-membership_anniversary",
                    "shortValue": "2",
                    "shortUnit": "Jahre"
                }, {
                    "level": "award--wood",
                    "description": "Für 1 Jahr Mitgliedschaft auf Youthweb",
                    "route": "https://youthweb.net/badges/1-membership_anniversary",
                    "shortValue": "1",
                    "shortUnit": "Jahr"
                }],
                "events": [{
                    "intId": "1",
                    "name": "Pfijuko",
                    "startDateTime": "1590847200"
                }],
                "background": "http://localhost:3000/dist/img/samantha-stortecky-sP5CaWEN7Do-unsplash.jpg",
                "description_text": "<p>Ich heiße Daniela, bin 25 Jahre alt und Content Creatorin für Gott. Als gelernte Mediengestalterin setze ich meine Gaben und meine Liebe zum geschriebenen Wort auf meinem Blog und in den sozialen Medien ein, um Gott groß zu machen.</p>",
                "description_motto": "<p>»Be the hope, be the light, be the love.«<br>(Ready Set Go – Royal Tailor feat. Capital Kings)</p>",
                "description_character": "<p>Charakter</p>",
                "description_job": "<p>Mediengestalterin und Social Media Managerin</p>",
                "description_food": "<p>Lieblingsessen</p>",
                "description_hobbies": "<p>Social Media, schreiben, kreativ sein, Auto fahren, ...</p>",
                "description_jesus": "<p>Jesus ist mein Gott, mein Erretter, mein bester Freund und mein Richter.</p>",
                "description_links": "<p>Hier eine Liste von Beispiellinks, wie sie dargestellt werden, wenn die neuen Felder für Facebook, Youtube usw. noch nicht genutzt werden.</p><p><b>Christlicher Blog, Shop und Mediendienst für Frauen</b> <br>→ <a target=\"_blank\" href=\"http://ewiglichtkind.de\">ewiglichtkind.de</a></p><p><b>Instagram</b> – tägliche Stories und regelmäßige Impulse zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.instagram.com/ewiglichtkind\">www.instagram.com/ewiglichtkind/</a></p><p><b>Facebook</b> – Impulse zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.facebook.com/ewiglichtkind.de\">www.facebook.com/ewiglichtkind.de/</a></p><p><b>Pinterest</b> – Bilder zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.pinterest.de/ewiglichtkind\">www.pinterest.de/ewiglichtkind/</a></p><p><b>YouTube</b> – Statements, Interviews &amp; Themen unter der Lupe <br>→ <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA\">www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA</a></p>",
                "homepage": "https://www.ewiglichtkind.de/",
                "facebook": "ewiglichtkind.de",
                "twitter": "twitter",
                "instagram": "ewiglichtkind",
                "youtube": "UCNwBDOtHhe7B9Ao5dccYEfA",
                "skype": "skype",
                "pinterest": "ewiglichtkind",
                "yahoo": "yahoo",
                "icq": "icq",
                "last_posts": [{
                    "url": "https://youthweb.net/forum/threads/9715?post_id=466923#forum_post_466923",
                    "thread": {
                        "id": "9715"
                    },
                    "id": "466923",
                    "title": "AW: Podcasts"
                }, {
                    "url": "https://youthweb.net/forum/threads/10568?post_id=465585#forum_post_465585",
                    "thread": {
                        "id": "10568"
                    },
                    "id": "465585",
                    "title": "AW: So erlebe ich Jesus"
                }, {
                    "url": "https://youthweb.net/forum/threads/10568?post_id=464258#forum_post_464258",
                    "thread": {
                        "id": "10568"
                    },
                    "id": "464258",
                    "title": "AW: So erlebe ich Jesus"
                }, {
                    "url": "https://youthweb.net/forum/threads/9545?post_id=464218#forum_post_464218",
                    "thread": {
                        "id": "9545"
                    },
                    "id": "464218",
                    "title": "AW: instagram"
                }],
                "prayer-requests": [{
                    "id": "1",
                    "title": "Beispiel"
                }],
                "shared_friends": [{
                    "url": "https://youthweb.net/users/313056",
                    "id": "313056",
                    "first_name": "Anna",
                    "last_name": "Maier",
                    "show_name": true,
                    "username": "Anna_M",
                    "picture_url": "https://youthweb.net/files/userpics/static-313056",
                    "picture_description": "Nur Jesus! 👆",
                    "description": "BESTE Freundin & Schwester in Christus ♥",
                    "description_text": "Ich finde Elefanten cool.",
                    "category1": {
                        "id": "1",
                        "name": "BestFriends"
                    },
                    "category2": {
                        "id": "",
                        "name": ""
                    }
                }, {
                    "url": "https://youthweb.net/users/25616",
                    "id": "25616",
                    "username": "Freeze",
                    "show_name": false,
                    "picture_url": "https://youthweb.net/files/userpics/static-25616",
                    "picture_description": "",
                    "description": "",
                    "category1": {
                        "id": "",
                        "name": ""
                    },
                    "category2": {
                        "id": "",
                        "name": ""
                    }
                }],
                "friends": [{
                    "url": "https://youthweb.net/users/313056",
                    "id": "313056",
                    "first_name": "Anna",
                    "last_name": "Maier",
                    "show_name": true,
                    "username": "Anna_M",
                    "picture_url": "https://youthweb.net/files/userpics/static-313056",
                    "picture_description": "Nur Jesus! 👆",
                    "description": "BESTE Freundin & Schwester in Christus ♥",
                    "description_text": "Ich finde Elefanten cool.",
                    "category1": {
                        "id": "1",
                        "name": "BestFriends"
                    },
                    "category2": {
                        "id": "",
                        "name": ""
                    }
                }, {
                    "url": "https://youthweb.net/users/25616",
                    "id": "25616",
                    "username": "Freeze",
                    "show_name": false,
                    "picture_url": "https://youthweb.net/files/userpics/static-25616",
                    "picture_description": "",
                    "description": "",
                    "category1": {
                        "id": "",
                        "name": ""
                    },
                    "category2": {
                        "id": "",
                        "name": ""
                    }
                }, {
                    "url": "https://youthweb.net/users/313977",
                    "id": "313977",
                    "username": "einhoernchen",
                    "show_name": true,
                    "picture_url": "https://youthweb.net/assets/default/img/icons/no_pic_m.jpg",
                    "picture_description": "",
                    "description": "",
                    "category1": {
                        "id": "",
                        "name": ""
                    },
                    "category2": {
                        "id": "",
                        "name": ""
                    }
                }],
                "banned_users": [{
                    "id": "313977",
                    "username": "einhoernchen",
                    "first_name": "Marco",
                    "last_name": "Maier",
                    "picture_url": "https://youthweb.net/assets/default/img/icons/no_pic_m.jpg",
                    "show_name": true
                }, {
                    "id": "25616",
                    "username": "Freeze",
                    "picture_url": "https://youthweb.net/files/userpics/static-25616",
                    "show_name": false
                }, {
                    "id": "25616",
                    "username": "Freeze",
                    "picture_url": "https://youthweb.net/files/userpics/static-25616",
                    "show_name": false
                }],
                "ignored_users": [{
                    "id": "25616",
                    "username": "Freeze",
                    "picture_url": "https://youthweb.net/files/userpics/static-25616",
                    "show_name": false
                }]
            },
            urls: {
                // Wegen eines Bugs in Fractal wird z.B. `_config.project.baseUrl` statt `baseUrl` verwendet
                // @see https://github.com/frctl/fractal/issues/1042
                'root': 'https://styleguide.youthweb.net/components/preview',
                'baseUrl': 'http://localhost:8000',
                'communityJsonHost': 'http://localhost:8000',
                'imagesUploadUrl': 'http://localhost:8000/imageUpload',
            },
            'loaderUIDelay': 1000, //Asynchrone Funktionen fühlen sich flüssiger an, wenn es aufgrund eines künstlichen Delays nicht flackert
            'redirectDelay': 3000, //Bei Redirects sollten die Nutzer die Möglichkeit haben, den Bestätigungstext zu sehen
            'locale': window.navigator.userLanguage || window.navigator.language, // z.B. 'de' oder 'de_DE'
        };
    </script>
    <div id="app">
        <div class="with-top-navbar">
            <div class="growl" id="app-growl"></div>
            <add-friend></add-friend>
            <report-user></report-user>
            <error-message></error-message>

            <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-yw-gradient-primary app-navbar" id="mainNavigation">
                <a class="navbar-brand" href="https://styleguide.youthweb.net/components/preview/timeline"><img src="../../dist/img/logo-16.png" alt="Youthweb" /></a>

                <div class="collapse navbar-collapse" id="navbarResponsive" data-parent="#mainNavigation">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/forum">Forum</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/live">Zeugnisse</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/praystation">Gebetsanliegen</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/groups">Gruppen</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/events">Events</a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/live">Impulse</a>
                        </li>
                    </ul>

                    <search-user source="/" type="users" target="user/{0}" id="autosuggest__navbar"></search-user>
                </div>
                <a class="nav-link-with-icon ml-auto" href="https://styleguide.youthweb.net/components/preview/messenger">
                    <span class="icon icon-chat"></span> <!-- TODO: <unread-messages></unread-messages> -->
                </a>
                <a class="nav-link-with-icon" href="https://styleguide.youthweb.net/components/preview/notifications">
                    <span class="icon icon-bell"></span> </a>
                <button class="navbar-btn-avatar ml-2" type="button" data-toggle="collapse" data-target="#profilePopover" aria-controls="profilePopover" aria-expanded="false" aria-label="Toggle profile">
                    <img class="rounded-circle" src="https://eu.ui-avatars.com/api/?name=John+Doe&p=square35">
                </button>

                <button class="navbar-toggler d-lg-none ml-2" type="button" data-toggle="collapse" data-target="#navigationPopover" aria-controls="navigationPopover" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="icon icon-menu"></span>
                </button>
            </nav>

            <div id="navigationPopover" class="collapse w-100 d-lg-none" role="dialog" data-toggle="collapse" data-target="#navigationPopover" aria-controls="navigationPopover">

                <div class="navbar navbar-dark bg-yw-gradient-primary" onclick="event.stopPropagation();">
                    <div class="navbar-collapse">
                        <div class="w-100">
                            <search-user source="/" type="users" target="user/{0}" id="autosuggest__popover"></search-user>
                        </div>
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item">
                                <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/forum">Forum</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/live">Zeugnisse</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/praystation">Gebetsanliegen</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/groups">Gruppen</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/events">Events</a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/live">Impulse</a>
                            </li>
                        </ul>
                        <div class="dropdown-divider"></div>
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item">
                                <a class="nav-link " href="https://styleguide.youthweb.net/components/preview/blog">Blog</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="https://styleguide.youthweb.net/components/preview/page/team">Über uns</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="https://styleguide.youthweb.net/components/preview/docs/index.html">Hilfe</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="https://styleguide.youthweb.net/components/preview/page/develop">Develop</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="https://styleguide.youthweb.net/components/preview/page/privacy">Datenschutz</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="https://styleguide.youthweb.net/components/preview/page/impressum">Impressum</a>
                            </li>
                        </ul>
                        <div class="dropdown-divider"></div>
                        <ul class="navbar-nav ">
                            <li class="nav-item">
                                <a class="app-notifications nav-link" href="https://www.facebook.com/youthweb.net">
                                    Facebook
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="app-notifications nav-link" href="https://www.instagram.com/youthwebnet/">
                                    Instagram
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="app-notifications nav-link" href="https://twitter.com/youthwebnet">
                                    Twitter
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="app-notifications nav-link" href="https://www.pinterest.de/youthwebnet/">
                                    Pinterest
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="app-notifications nav-link" href="https://shop.spreadshirt.de/youthweb">
                                    Shop
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div id="profilePopover" class="collapse w-100" role="dialog" data-toggle="collapse" data-target="#profilePopover" aria-controls="profilePopover">
                <div class="float-right m-2" onclick="event.stopPropagation();">
                    <div class="card card-profile mb-4 ">
                        <div class="card-header bg-secondary"></div>
                        <div class="card-body text-center">
                            <a href="https://styleguide.youthweb.net/components/preview/user">
                                <img class="card-profile-img" src="https://eu.ui-avatars.com/api/?name=John+Doe">
                            </a>

                            <h6 class="card-title">
                                <a class="text-inherit" href="user">John Doe</a>
                            </h6>

                            <p class="mb-4">Ut nam fabulas ponderum assentior</p><!-- Verhältnis zu Lebensmotto? -->

                            <ul class="card-menu">
                                <li class="card-menu-item">
                                    <a href="https://styleguide.youthweb.net/components/preview/friends" class="text-inherit">
                                        Freunde
                                        <h6 class="my-0">17</h6>
                                    </a>
                                </li>

                                <li class="card-menu-item">
                                    <a href="https://styleguide.youthweb.net/components/preview/participation/hall-of-fame" class="text-inherit">
                                        CP
                                        <h6 class="my-0">352</h6>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <div class="">
                                    <a href="https://styleguide.youthweb.net/components/preview/account/settings" class="btn btn-secondary btn-block"><i class="fas fa-user-cog"></i> Account</a>
                                    <a href="https://styleguide.youthweb.net/components/preview/account/profile_settings" class="btn btn-secondary btn-block"><i class="fas fa-user-circle"></i> Profil</a>
                                    <a href="https://styleguide.youthweb.net/components/preview/account/ignorelist" class="btn btn-secondary btn-block"><i class="fas fa-eye-slash"></i> Ignoreliste</a>
                                </div>
                            </li>
                            <li class="list-group-item"><a href="https://styleguide.youthweb.net/components/preview/logout"><i class="fas fa-sign-out-alt"></i> Logout</a></li>
                        </ul>
                    </div>
                    <div class="card mb-4">
                        <div class="card-body">
                            <h6 class="card-title">Über mich<small> · <a href="https://styleguide.youthweb.net/components/preview/user">Zum Steckbrief</a></small></h6>
                            <p><i class="fas fa-user"></i> Angemeldet vor 5 Jahren
                            </p>
                            <p>
                                <i class="fas fa-star"></i> 21.02.1995 (32 Jahre alt)
                            </p>
                            <p>
                                <i class="fas fa-user-friends"></i> Gruppen: <a href="https://styleguide.youthweb.net/components/preview/groups/1234">Github</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="profile-header bg-secondary" style="background-image: linear-gradient(rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)), url('http://localhost:3000/dist/img/samantha-stortecky-sP5CaWEN7Do-unsplash.jpg'); ">
                <div class="container">
                    <div class="container-inner">
                        <img class="rounded-circle media-object" src="https://www.youthweb.net/files/userpics/static-308092?p=square110">
                        <h3 class="profile-header-user">Daniela Faltz</h3>
                        <p class="profile-header-bio">Ut nam fabulas ponderum assentior</p><!-- Verhältnis zu Lebensmotto? -->
                        <div class="profile-header-actions">
                            <a href="messenger" class="btn btn-secondary btn-lg"><span class="icon icon-chat"></span></a> <!-- TODO: <a href="'/messenger/'+userdata.id"> sobald auf echtem Webserver -->
                            <a href="#" class="btn btn-secondary btn-lg" data-toggle="modal" data-target="#addFriendModal" @click="$store.commit('user/setSelectedUser',{id:'26665',first_name:'Daniela',last_name:'Faltz',username:'John Doe',show_name:true,picture:'https://www.youthweb.net/files/userpics/static-308092'})"><i class="fas fa-user-plus"></i></a>
                            <a href="#" class="btn btn-secondary btn-lg" data-toggle="modal" data-target="#reportUserModal" @click="$store.commit('user/setSelectedUser',{id:'26665',first_name:'Daniela',last_name:'Faltz',username:'John Doe',show_name:true,picture:'https://www.youthweb.net/files/userpics/static-308092'})"><i class="fas fa-bullhorn fa-fw"></i></a>
                        </div>
                    </div>
                </div>
                <nav class="profile-header-nav">
                    <ul class="nav nav-tabs justify-content-center">
                        <li class="nav-item">
                            <a class="nav-link active" href="https://styleguide.youthweb.net/components/preview/user">Steckbrief</a><!-- class.="active" -->
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/galleries">Fotos</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/wall">Pinnwand</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/friends">Freunde</a>
                        </li>
                    </ul>
                </nav>
            </div>

            <div class="container pt-4 pb-5">
                <div class="row">
                    <div class="col-lg-9">
                        <div class="card">
                            <ul class="list-group list-group-flush" id="user-user">
                                <li class="list-group-item">
                                    <h2 class="text-center">Steckbrief</h2 />
                                    <h5 class="card-title">Über John Doe:</h5>
                                    <p><i class="fas fa-user fa-fw"></i> Angemeldet <span class="moment-From-Now" data-title-format="LLL" data-timestamp="1402348596"></span></p>
                                    <p>
                                        <i class="fas fa-star fa-fw"></i> <span class="moment-Date" data-timestamp="793324800"></span> (<span class="moment-Timespan" data-unit="years" data-timestamp="793324800"></span> Jahre alt)
                                    </p>
                                    <p>
                                        <i class="fas fa-user-friends fa-fw"></i> Gruppen: <a href="https://youthweb.net/groups/1829">Heinebach</a>, <a href="https://youthweb.net/groups/1829">Japan-Freunde</a>, <a href="https://youthweb.net/groups/1829">Frauenklatsch</a>
                                        <!--@Frontend Integration: URL aus Profile -->
                                    </p>
                                    <p>Ich heiße Daniela, bin 25 Jahre alt und Content Creatorin für Gott. Als gelernte Mediengestalterin setze ich meine Gaben und meine Liebe zum geschriebenen Wort auf meinem Blog und in den sozialen Medien ein, um Gott groß zu machen.</p>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">Lebensmotto:</h5>
                                    <p>»Be the hope, be the light, be the love.«<br>(Ready Set Go – Royal Tailor feat. Capital Kings)</p>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">Was ich von Jesus halte:</h5>
                                    <p><i class="fa fa-heart fa-fw"></i> Jesus ist mein Gott, mein Erretter, mein bester Freund und mein Richter.</p>
                                </li>

                                <li class="list-group-item">
                                    <h5 class="card-title">Kommunikation & Interaktion:</h5>
                                    <p><i class="fas fa-link fa-fw"></i> Homepage: <a href="https://www.ewiglichtkind.de/" target="_blank">https://www.ewiglichtkind.de/</a></p>
                                    <p><i class="fas fa-comment-alt fa-fw"></i> E-Mail: <a href="mailto:email@example.com">email@example.com</a></p>
                                    <p><i class="fab fa-facebook-f fa-fw"></i> Facebook: <a href="https://www.facebook.com/'ewiglichtkind.de" target="_blank">ewiglichtkind.de</a></p>
                                    <p><i class="fab fa-twitter fa-fw"></i> Twitter: <a href="https://twitter.com/'twitter" target="_blank">twitter.com/twitter</a></p>
                                    <p><i class="fab fa-instagram fa-fw"></i> Instagram: <a href="https://www.instagram.com/'ewiglichtkind" target="_blank">www.instagram.com/ewiglichtkind</a></p>
                                    <p><i class="fab fa-youtube fa-fw"></i> YouTube: <a href="https://www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA" target="_blank">www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA</a></p>
                                    <p><i class="fab fa-pinterest fa-fw"></i> Pinterest: <a href="https://www.pinterest.de/'ewiglichtkind" target="_blank">www.pinterest.de/ewiglichtkind</a></p>
                                    <p><i class="fab fa-skype fa-fw"></i></i> Skype: <a href="skype:skype?call" target="_blank">skype</a></p>
                                    <p><i class="fab fa-yahoo fa-fw"></i> Yahoo: <a href="ymsgr:SendIM?yahoo" target="_blank">yahoo</a></p>
                                    <p><i class="far fa-comments fa-fw"></i> Icq: <a href="http://wwp.icq.com/scripts/online.dll?img=5&icq=icq" target="_blank">icq</a></p>
                                </li>

                                <li class="list-group-item">
                                    <h5 class="card-title">Charakter:</h5>
                                    <p><i class="fas fa-heartbeat fa-fw"></i> Charakter</p>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">Beruf:</h5>
                                    <p><i class="fa fa-star fa-fw"></i> Mediengestalterin und Social Media Managerin</p>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">Lieblingsessen:</h5>
                                    <p><i class="fas fa-utensils fa-fw"></i> Lieblingsessen</p>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">Hobbies:</h5>
                                    <p><i class="fas fa-heart fa-fw"></i> Social Media, schreiben, kreativ sein, Auto fahren, ...</p>
                                </li>

                                <li class="list-group-item">
                                    <h5 class="card-title">Sonstiges:</h5>
                                    Hier eine Liste von Beispiellinks, wie sie dargestellt werden, wenn die neuen Felder für Facebook, Youtube usw. noch nicht genutzt werden.</p>
                                    <p><b>Christlicher Blog, Shop und Mediendienst für Frauen</b> <br><a target="_blank" href="http://ewiglichtkind.de">ewiglichtkind.de</a></p>
                                    <p><b>Instagram</b> – tägliche Stories und regelmäßige Impulse zur Ermutigung <br><a target="_blank" href="https://www.instagram.com/ewiglichtkind">www.instagram.com/ewiglichtkind/</a></p>
                                    <p><b>Facebook</b> – Impulse zur Ermutigung <br><a target="_blank" href="https://www.facebook.com/ewiglichtkind.de">www.facebook.com/ewiglichtkind.de/</a></p>
                                    <p><b>Pinterest</b> – Bilder zur Ermutigung <br><a target="_blank" href="https://www.pinterest.de/ewiglichtkind">www.pinterest.de/ewiglichtkind/</a></p>
                                    <p><b>YouTube</b> – Statements, Interviews &amp; Themen unter der Lupe <br><a target="_blank" href="https://www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA">www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA</a></p>
                                </li>

                                <li class="list-group-item">
                                    <h5 class="card-title">Forum-Aktivität:</h5>
                                    <p>
                                        <i class="fa fa-comments fa-fw"></i> <a href="#">AW: Podcasts</a><br />
                                        <i class="fa fa-comments fa-fw"></i> <a href="#">AW: So erlebe ich Jesus</a><br />
                                        <i class="fa fa-comments fa-fw"></i> <a href="#">AW: So erlebe ich Jesus</a><br />
                                        <i class="fa fa-comments fa-fw"></i> <a href="#">AW: instagram</a><br />
                                    </p>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">Bin dabei:</h5>
                                    <p>
                                        <i class="far fa-calendar fa-fw"></i> <a href="#">Pfijuko (<span class="moment-Date" data-timestamp="1590847200"></span>)</a><br />
                                    </p>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">Auszeichnungen:</h5>
                                    <ul class="list-inline">

                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--birthday" title="Zum 14. Geburtstag von Youthweb">
                                                    <a href="https://youthweb.net/badges/14-birthday_youthweb">
                                                        <span class="award__value">14</span>
                                                        <span class="award__unit">B-Day</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--bronze" title="Für 50 verfasste Posts im Forum">
                                                    <a href="https://youthweb.net/badges/50-forum_posts">
                                                        <span class="award__value">50</span>
                                                        <span class="award__unit">Posts</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--wood" title="Für 25 verfasste Posts im Forum">
                                                    <a href="https://youthweb.net/badges/25-forum_posts">
                                                        <span class="award__value">25</span>
                                                        <span class="award__unit">Posts</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--wood" title="Für 10 verfasste Posts im Forum">
                                                    <a href="https://youthweb.net/badges/10-forum_posts">
                                                        <span class="award__value">10</span>
                                                        <span class="award__unit">Posts</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--silver" title="Für 5 Jahre Mitgliedschaft auf Youthweb">
                                                    <a href="https://youthweb.net/badges/5-membership_anniversary">
                                                        <span class="award__value">5</span>
                                                        <span class="award__unit">Jahre</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--bronze" title="Für 4 Jahre Mitgliedschaft auf Youthweb">
                                                    <a href="https://youthweb.net/badges/4-membership_anniversary">
                                                        <span class="award__value">4</span>
                                                        <span class="award__unit">Jahre</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--bronze" title="Für 3 Jahre Mitgliedschaft auf Youthweb">
                                                    <a href="https://youthweb.net/badges/3-membership_anniversary">
                                                        <span class="award__value">3</span>
                                                        <span class="award__unit">Jahre</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--bronze" title="Für 2 Jahre Mitgliedschaft auf Youthweb">
                                                    <a href="https://youthweb.net/badges/2-membership_anniversary">
                                                        <span class="award__value">2</span>
                                                        <span class="award__unit">Jahre</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-inline-item">
                                            <div class="text-center">
                                                <div class="award award--wood" title="Für 1 Jahr Mitgliedschaft auf Youthweb">
                                                    <a href="https://youthweb.net/badges/1-membership_anniversary">
                                                        <span class="award__value">1</span>
                                                        <span class="award__unit">Jahr</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>

                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="d-none d-lg-block d-xl-block col-lg-3">
                        <div class="card card-profile mb-4 ">
                            <!-- maxh298: background sollte eher Breitformatbild sein, max. Darstellungshöhe: 149px, maxh298 ist Puffer für 1:2 Verhältnis -->
                            <div class="card-header bg-secondary" style="background-image: url('http://localhost:3000/dist/img/samantha-stortecky-sP5CaWEN7Do-unsplash.jpg?p=maxh298'); "></div>
                            <div class="card-body text-center">
                                <a href="https://styleguide.youthweb.net/components/preview/user">
                                    <img class="card-profile-img" src="https://eu.ui-avatars.com/api/?name=John+Doe&p=square94">
                                </a>

                                <h6 class="card-title">
                                    <a class="text-inherit" href="https://styleguide.youthweb.net/components/preview/user">John Doe</a>
                                </h6>

                                <p class="mb-4">Ut nam fabulas ponderum assentior</p><!-- Verhältnis zu Lebensmotto? -->

                                <ul class="card-menu">
                                    <li class="card-menu-item">
                                        <a href="https://styleguide.youthweb.net/components/preview/friends" class="text-inherit">
                                            <!--@Frontend Integration: URL aus Profile -->
                                            Freunde
                                            <h6 class="my-0">17</h6>
                                        </a>
                                    </li>

                                    <li class="card-menu-item">
                                        <a href="https://styleguide.youthweb.net/components/preview/participation/hall-of-fame" class="text-inherit">
                                            CP
                                            <h6 class="my-0">352</h6>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="card mb-4">
                            <div class="card-body">
                                <h6 class="card-title">Über mich<small> · <a href="https://styleguide.youthweb.net/components/preview/user">Zum Steckbrief</a></small></h6>
                                <p><i class="fas fa-user fa-fw"></i> Angemeldet vor 5 Jahren
                                </p>
                                <p>
                                    <i class="fas fa-star fa-fw"></i> 21.02.1995 (32 Jahre alt)
                                </p>
                                <p>
                                    <i class="fas fa-user-friends fa-fw"></i> Gruppen: <a href="https://styleguide.youthweb.net/components/preview/groups/1234">Github</a>
                                </p>
                            </div>
                        </div>
                        <div class="card mb-4 d-none d-lg-flex">
                            <div class="card-header">Youthweb</div>

                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <a href="https://styleguide.youthweb.net/components/preview/blog">Blog</a>
                                    <a href="https://styleguide.youthweb.net/components/preview/page/team">Über uns</a>
                                    <a href="https://styleguide.youthweb.net/components/preview/docs/index.html">Hilfe</a>
                                    <a href="https://styleguide.youthweb.net/components/preview/page/develop">Develop</a>
                                    <a href="https://styleguide.youthweb.net/components/preview/page/privacy">Datenschutz</a>
                                    <a href="https://styleguide.youthweb.net/components/preview/page/impressum">Impressum</a>
                                </li>
                                <li class="list-group-item text-center d-none d-lg-flex">
                                    <!---->
                                    <a class="brand-nav" href="https://www.facebook.com/youthweb.net"><i class="fab fa-facebook-f"></i></a>
                                    <a class="brand-nav" href="https://www.instagram.com/youthwebnet/"><i class="fab fa-instagram"></i></a>
                                    <a class="brand-nav" href="https://twitter.com/youthwebnet"><i class="fab fa-twitter"></i></a>
                                    <a class="brand-nav" href="https://www.pinterest.de/youthwebnet/"><i class="fab fa-pinterest-p"></i></a>
                                    <a class="brand-nav" href="https://shop.spreadshirt.de/youthweb"><i class="fas fa-shopping-basket"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../dist/toolkit.min.js"></script>
</body>

</html>
{% extends 'user/layouts/profile-x-col.html.twig' %}

{% block content %}
          <div class="card">
            <ul class="list-group list-group-flush" id="user-user">
              <li class="list-group-item">
                <h2 class="text-center">Steckbrief</h2/>
                <h5 class="card-title">Über {{userdata.username}}:</h5>
                <p><i class="fas fa-user fa-fw"></i> Angemeldet <span class="moment-From-Now" data-title-format="LLL" data-timestamp="{{userdata.user_timestamp}}"></span></p><p>
                  <i class="fas fa-star fa-fw"></i> <span class="moment-Date" data-timestamp="{{userdata.birthday}}"></span> (<span class="moment-Timespan" data-unit="years" data-timestamp="{{userdata.birthday}}"></span> Jahre alt)</p><p>
                  <i class="fas fa-user-friends fa-fw"></i> Gruppen: <a href="https://youthweb.net/groups/1829">Heinebach</a>, <a href="https://youthweb.net/groups/1829">Japan-Freunde</a>, <a href="https://youthweb.net/groups/1829">Frauenklatsch</a><!--@Frontend Integration: URL aus Profile -->
                </p>
                {{userdata.description_text}}
              </li>
              <li class="list-group-item">
                <h5 class="card-title">Lebensmotto:</h5>
                {{userdata.description_motto}}
              </li>
              {% if userdata.description_jesus %}
              <li class="list-group-item">
                <h5 class="card-title">Was ich von Jesus halte:</h5>
                <p><i class="fa fa-heart fa-fw"></i> {{userdata.description_jesus[3:]}}
              </li>
              {% endif %}

              {% if userdata.contact_homepage or userdata.email%}
              <li class="list-group-item">
                <h5 class="card-title">Kommunikation & Interaktion:</h5>
                {% if userdata.homepage%}
                <p><i class="fas fa-link fa-fw"></i> Homepage: <a href="{{userdata.homepage}}" target="_blank">{{userdata.homepage}}</a></p>
                {% endif %}
                {% if userdata.email%}
                <p><i class="fas fa-comment-alt fa-fw"></i> E-Mail: <a href="mailto:{{userdata.email}}" >{{userdata.email}}</a></p>
                {% endif %}
                {% if userdata.facebook %}
                <p><i class="fab fa-facebook-f fa-fw"></i> Facebook: <a href="https://www.facebook.com/'{{userdata.facebook }}" target="_blank" >{{userdata.facebook }}</a></p>
                {% endif %}
                {% if userdata.twitter %}
                <p><i class="fab fa-twitter fa-fw"></i> Twitter: <a href="https://twitter.com/'{{userdata.twitter }}" target="_blank" >twitter.com/{{userdata.twitter }}</a></p>
                {% endif %}
                {% if userdata.instagram %}
                <p><i class="fab fa-instagram fa-fw"></i> Instagram: <a href="https://www.instagram.com/'{{userdata.instagram }}" target="_blank" >www.instagram.com/{{userdata.instagram }}</a></p>
                {% endif %}
                {% if userdata.youtube %}
                <p><i class="fab fa-youtube fa-fw"></i> YouTube: <a href="https://www.youtube.com/channel/{{userdata.youtube }}" target="_blank" >www.youtube.com/channel/{{userdata.youtube }}</a></p>
                {% endif %}
                {% if userdata.pinterest %}
                <p><i class="fab fa-pinterest fa-fw"></i> Pinterest: <a href="https://www.pinterest.de/'{{userdata.pinterest }}" target="_blank" >www.pinterest.de/{{userdata.pinterest}}</a></p>
                {% endif %}
                {% if userdata.skype %}
                <p><i class="fab fa-skype fa-fw"></i></i> Skype: <a href="skype:{{userdata.skype  }}?call" target="_blank" >{{userdata.skype }}</a></p>
                {% endif %}
                {% if userdata.yahoo %}
                <p><i class="fab fa-yahoo fa-fw"></i> Yahoo: <a href="ymsgr:SendIM?{{userdata.yahoo  }}" target="_blank" >{{userdata.yahoo}}</a></p>
                {% endif %}
                {% if userdata.icq %}
                <p><i class="far fa-comments fa-fw"></i> Icq: <a href="http://wwp.icq.com/scripts/online.dll?img=5&icq={{userdata.icq  }}" target="_blank" >{{userdata.icq}}</a></p>
                {% endif %}
              </li>
              {% endif %}

              {% if userdata.description_character %}
              <li class="list-group-item">
                <h5 class="card-title">Charakter:</h5>
                <p><i class="fas fa-heartbeat fa-fw"></i> {{userdata.description_character[3:]}}
              </li>
              {% endif %}
              {% if userdata.description_job %}
              <li class="list-group-item">
                <h5 class="card-title">Beruf:</h5>
                <p><i class="fa fa-star fa-fw"></i> {{userdata.description_job[3:]}}
              </li>
              {% endif %}
              {% if userdata.description_food %}
              <li class="list-group-item">
                <h5 class="card-title">Lieblingsessen:</h5>
                <p><i class="fas fa-utensils fa-fw"></i> {{userdata.description_food[3:]}}
              </li>
              {% endif %}
              {% if userdata.description_hobbies %}
              <li class="list-group-item">
                <h5 class="card-title">Hobbies:</h5>
                <p><i class="fas fa-heart fa-fw"></i> {{userdata.description_hobbies[3:]}}
              </li>
              {% endif %}

              {% if userdata.description_links %}
              <li class="list-group-item">
                <h5 class="card-title">Sonstiges:</h5>
                {{userdata.description_links[3:]}}
              </li>
              {% endif %}

              {% if userdata.last_posts and userdata.last_posts.length>0 %}
              <li class="list-group-item">
                <h5 class="card-title">Forum-Aktivität:</h5>
                <p>
                  {% for post in userdata.last_posts %}
                  <i class="fa fa-comments fa-fw"></i> <a href="#">{{ post.title }}</a><br/>
                  {% endfor %}
                </p>
              </li>
              {% endif %}
              {% if userdata.events and userdata.events.length>0 %}
              <li class="list-group-item">
                <h5 class="card-title">Bin dabei:</h5>
                <p>
                  {% for event in userdata.events %}
                  <i class="far fa-calendar fa-fw"></i> <a href="#">{{event.name}} (<span class="moment-Date" data-timestamp="{{event.startDateTime}}"></span>)</a><br/>
                  {% endfor %}
                </p>
              </li>
              {% endif %}
              <li class="list-group-item">
                <h5 class="card-title">Auszeichnungen:</h5>
                <ul class="list-inline">

                {% for badge in userdata.badges %}
                <li class="list-inline-item">
                  <div class="text-center">
                    <div class="award {{badge.level}}" title="{{badge.description}}">
                      <a href="{{badge.route}}">
                        <span class="award__value">{{badge.shortValue}}</span>
                        <span class="award__unit">{{badge.shortUnit}}</span>
                      </a>
                    </div>
                  </div>
                </li>
                {% endfor %}
                </ul>

              </li>
            </ul>
          </div>
{% endblock %}
{
  "active_page": "user/user",
  "auth_profile": {
    "id": "12345",
    "username": "John Doe",
    "picture_url": "https://eu.ui-avatars.com/api/?name=John+Doe",
    "picture_description": "Ut nam fabulas ponderum assentior",
    "background": "http://localhost:3000/dist/img/samantha-stortecky-sP5CaWEN7Do-unsplash.jpg",
    "community_points_count": 352,
    "friends_count": 17,
    "birthday": "1995-02-21",
    "age_in_years": "32",
    "created_years_ago": "5",
    "groups": [
      {
        "id": 1234,
        "name": "Github"
      }
    ]
  },
  "profile": {
    "id": "26665",
    "username": "John Doe",
    "profile_url": "https://youthweb.net",
    "user_plz": "12345",
    "user_wohnort": "",
    "user_timezone": "Europe/Berlin",
    "forum_text": "",
    "infinite_scrolling_yn": "1",
    "email_inf_yn": "0",
    "email": "email@example.com",
    "picture_url": "https://www.youthweb.net/files/userpics/static-308092",
    "picture_url_512": "https://eu.ui-avatars.com/api/?name=John+Doe&size=512",
    "picture_description": "Ut nam fabulas ponderum assentior",
    "my_page_access": "users",
    "steckbriefe_name_yn": "1",
    "steckbriefe_wohnort_yn": "1",
    "steckbriefe_geb_yn": "1",
    "steckbriefe_email_yn": "1",
    "allow_conversation_from": "users",
    "allow_posts_from": "friends",
    "friends_access": "users",
    "galleries_access": "users",
    "membership_badge": {
      "level": "award--silver",
      "description": "Für 5 Jahre Mitgliedschaft auf Youthweb",
      "route": "https://youthweb.net/badges/5-membership_anniversary",
      "shortValue": "5",
      "shortUnit": "Jahre"
    },
    "show_name": true,
    "first_name": "Daniela",
    "last_name": "Faltz",
    "user_timestamp": "1402348596",
    "birthday": "793324800",
    "groups": [
      {
        "id": "671",
        "name": "Heinebach"
      },
      {
        "id": "1830",
        "name": "Japan-Freunde"
      }
    ],
    "points_count": "175",
    "badges": [
      {
        "level": "award--birthday",
        "description": "Zum 14. Geburtstag von Youthweb",
        "route": "https://youthweb.net/badges/14-birthday_youthweb",
        "shortValue": "14",
        "shortUnit": "B-Day"
      },
      {
        "level": "award--bronze",
        "description": "Für 50 verfasste Posts im Forum",
        "route": "https://youthweb.net/badges/50-forum_posts",
        "shortValue": "50",
        "shortUnit": "Posts"
      },
      {
        "level": "award--wood",
        "description": "Für 25 verfasste Posts im Forum",
        "route": "https://youthweb.net/badges/25-forum_posts",
        "shortValue": "25",
        "shortUnit": "Posts"
      },
      {
        "level": "award--wood",
        "description": "Für 10 verfasste Posts im Forum",
        "route": "https://youthweb.net/badges/10-forum_posts",
        "shortValue": "10",
        "shortUnit": "Posts"
      },
      {
        "level": "award--silver",
        "description": "Für 5 Jahre Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/5-membership_anniversary",
        "shortValue": "5",
        "shortUnit": "Jahre"
      },
      {
        "level": "award--bronze",
        "description": "Für 4 Jahre Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/4-membership_anniversary",
        "shortValue": "4",
        "shortUnit": "Jahre"
      },
      {
        "level": "award--bronze",
        "description": "Für 3 Jahre Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/3-membership_anniversary",
        "shortValue": "3",
        "shortUnit": "Jahre"
      },
      {
        "level": "award--bronze",
        "description": "Für 2 Jahre Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/2-membership_anniversary",
        "shortValue": "2",
        "shortUnit": "Jahre"
      },
      {
        "level": "award--wood",
        "description": "Für 1 Jahr Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/1-membership_anniversary",
        "shortValue": "1",
        "shortUnit": "Jahr"
      }
    ],
    "events": [
      {
        "intId": "1",
        "name": "Pfijuko",
        "startDateTime": "1590847200"
      }
    ],
    "background": "http://localhost:3000/dist/img/samantha-stortecky-sP5CaWEN7Do-unsplash.jpg",
    "description_text": "<p>Ich heiße Daniela, bin 25 Jahre alt und Content Creatorin für Gott. Als gelernte Mediengestalterin setze ich meine Gaben und meine Liebe zum geschriebenen Wort auf meinem Blog und in den sozialen Medien ein, um Gott groß zu machen.</p>",
    "description_motto": "<p>»Be the hope, be the light, be the love.«<br>(Ready Set Go – Royal Tailor feat. Capital Kings)</p>",
    "description_character": "<p>Charakter</p>",
    "description_job": "<p>Mediengestalterin und Social Media Managerin</p>",
    "description_food": "<p>Lieblingsessen</p>",
    "description_hobbies": "<p>Social Media, schreiben, kreativ sein, Auto fahren, ...</p>",
    "description_jesus": "<p>Jesus ist mein Gott, mein Erretter, mein bester Freund und mein Richter.</p>",
    "description_links": "<p>Hier eine Liste von Beispiellinks, wie sie dargestellt werden, wenn die neuen Felder für Facebook, Youtube usw. noch nicht genutzt werden.</p><p><b>Christlicher Blog, Shop und Mediendienst für Frauen</b> <br>→ <a target=\"_blank\" href=\"http://ewiglichtkind.de\">ewiglichtkind.de</a></p><p><b>Instagram</b> – tägliche Stories und regelmäßige Impulse zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.instagram.com/ewiglichtkind\">www.instagram.com/ewiglichtkind/</a></p><p><b>Facebook</b> – Impulse zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.facebook.com/ewiglichtkind.de\">www.facebook.com/ewiglichtkind.de/</a></p><p><b>Pinterest</b> – Bilder zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.pinterest.de/ewiglichtkind\">www.pinterest.de/ewiglichtkind/</a></p><p><b>YouTube</b> – Statements, Interviews &amp; Themen unter der Lupe <br>→ <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA\">www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA</a></p>",
    "homepage": "https://www.ewiglichtkind.de/",
    "facebook": "ewiglichtkind.de",
    "twitter": "twitter",
    "instagram": "ewiglichtkind",
    "youtube": "UCNwBDOtHhe7B9Ao5dccYEfA",
    "skype": "skype",
    "pinterest": "ewiglichtkind",
    "yahoo": "yahoo",
    "icq": "icq",
    "last_posts": [
      {
        "url": "https://youthweb.net/forum/threads/9715?post_id=466923#forum_post_466923",
        "thread": {
          "id": "9715"
        },
        "id": "466923",
        "title": "AW: Podcasts"
      },
      {
        "url": "https://youthweb.net/forum/threads/10568?post_id=465585#forum_post_465585",
        "thread": {
          "id": "10568"
        },
        "id": "465585",
        "title": "AW: So erlebe ich Jesus"
      },
      {
        "url": "https://youthweb.net/forum/threads/10568?post_id=464258#forum_post_464258",
        "thread": {
          "id": "10568"
        },
        "id": "464258",
        "title": "AW: So erlebe ich Jesus"
      },
      {
        "url": "https://youthweb.net/forum/threads/9545?post_id=464218#forum_post_464218",
        "thread": {
          "id": "9545"
        },
        "id": "464218",
        "title": "AW: instagram"
      }
    ],
    "prayer-requests": [
      {
        "id": "1",
        "title": "Beispiel"
      }
    ],
    "shared_friends": [
      {
        "url": "https://youthweb.net/users/313056",
        "id": "313056",
        "first_name": "Anna",
        "last_name": "Maier",
        "show_name": true,
        "username": "Anna_M",
        "picture_url": "https://youthweb.net/files/userpics/static-313056",
        "picture_description": "Nur Jesus! 👆",
        "description": "BESTE Freundin & Schwester in Christus ♥",
        "description_text": "Ich finde Elefanten cool.",
        "category1": {
          "id": "1",
          "name": "BestFriends"
        },
        "category2": {
          "id": "",
          "name": ""
        }
      },
      {
        "url": "https://youthweb.net/users/25616",
        "id": "25616",
        "username": "Freeze",
        "show_name": false,
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "picture_description": "",
        "description": "",
        "category1": {
          "id": "",
          "name": ""
        },
        "category2": {
          "id": "",
          "name": ""
        }
      }
    ],
    "friends": [
      {
        "url": "https://youthweb.net/users/313056",
        "id": "313056",
        "first_name": "Anna",
        "last_name": "Maier",
        "show_name": true,
        "username": "Anna_M",
        "picture_url": "https://youthweb.net/files/userpics/static-313056",
        "picture_description": "Nur Jesus! 👆",
        "description": "BESTE Freundin & Schwester in Christus ♥",
        "description_text": "Ich finde Elefanten cool.",
        "category1": {
          "id": "1",
          "name": "BestFriends"
        },
        "category2": {
          "id": "",
          "name": ""
        }
      },
      {
        "url": "https://youthweb.net/users/25616",
        "id": "25616",
        "username": "Freeze",
        "show_name": false,
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "picture_description": "",
        "description": "",
        "category1": {
          "id": "",
          "name": ""
        },
        "category2": {
          "id": "",
          "name": ""
        }
      },
      {
        "url": "https://youthweb.net/users/313977",
        "id": "313977",
        "username": "einhoernchen",
        "show_name": true,
        "picture_url": "https://youthweb.net/assets/default/img/icons/no_pic_m.jpg",
        "picture_description": "",
        "description": "",
        "category1": {
          "id": "",
          "name": ""
        },
        "category2": {
          "id": "",
          "name": ""
        }
      }
    ],
    "banned_users": [
      {
        "id": "313977",
        "username": "einhoernchen",
        "first_name": "Marco",
        "last_name": "Maier",
        "picture_url": "https://youthweb.net/assets/default/img/icons/no_pic_m.jpg",
        "show_name": true
      },
      {
        "id": "25616",
        "username": "Freeze",
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "show_name": false
      },
      {
        "id": "25616",
        "username": "Freeze",
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "show_name": false
      }
    ],
    "ignored_users": [
      {
        "id": "25616",
        "username": "Freeze",
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "show_name": false
      }
    ]
  },
  "userdata": {
    "id": "26665",
    "username": "John Doe",
    "profile_url": "https://youthweb.net",
    "user_plz": "12345",
    "user_wohnort": "",
    "user_timezone": "Europe/Berlin",
    "forum_text": "",
    "infinite_scrolling_yn": "1",
    "email_inf_yn": "0",
    "email": "email@example.com",
    "picture_url": "https://www.youthweb.net/files/userpics/static-308092",
    "picture_url_512": "https://eu.ui-avatars.com/api/?name=John+Doe&size=512",
    "picture_description": "Ut nam fabulas ponderum assentior",
    "my_page_access": "users",
    "steckbriefe_name_yn": "1",
    "steckbriefe_wohnort_yn": "1",
    "steckbriefe_geb_yn": "1",
    "steckbriefe_email_yn": "1",
    "allow_conversation_from": "users",
    "allow_posts_from": "friends",
    "friends_access": "users",
    "galleries_access": "users",
    "membership_badge": {
      "level": "award--silver",
      "description": "Für 5 Jahre Mitgliedschaft auf Youthweb",
      "route": "https://youthweb.net/badges/5-membership_anniversary",
      "shortValue": "5",
      "shortUnit": "Jahre"
    },
    "show_name": true,
    "first_name": "Daniela",
    "last_name": "Faltz",
    "user_timestamp": "1402348596",
    "birthday": "793324800",
    "groups": [
      {
        "id": "671",
        "name": "Heinebach"
      },
      {
        "id": "1830",
        "name": "Japan-Freunde"
      }
    ],
    "points_count": "175",
    "badges": [
      {
        "level": "award--birthday",
        "description": "Zum 14. Geburtstag von Youthweb",
        "route": "https://youthweb.net/badges/14-birthday_youthweb",
        "shortValue": "14",
        "shortUnit": "B-Day"
      },
      {
        "level": "award--bronze",
        "description": "Für 50 verfasste Posts im Forum",
        "route": "https://youthweb.net/badges/50-forum_posts",
        "shortValue": "50",
        "shortUnit": "Posts"
      },
      {
        "level": "award--wood",
        "description": "Für 25 verfasste Posts im Forum",
        "route": "https://youthweb.net/badges/25-forum_posts",
        "shortValue": "25",
        "shortUnit": "Posts"
      },
      {
        "level": "award--wood",
        "description": "Für 10 verfasste Posts im Forum",
        "route": "https://youthweb.net/badges/10-forum_posts",
        "shortValue": "10",
        "shortUnit": "Posts"
      },
      {
        "level": "award--silver",
        "description": "Für 5 Jahre Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/5-membership_anniversary",
        "shortValue": "5",
        "shortUnit": "Jahre"
      },
      {
        "level": "award--bronze",
        "description": "Für 4 Jahre Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/4-membership_anniversary",
        "shortValue": "4",
        "shortUnit": "Jahre"
      },
      {
        "level": "award--bronze",
        "description": "Für 3 Jahre Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/3-membership_anniversary",
        "shortValue": "3",
        "shortUnit": "Jahre"
      },
      {
        "level": "award--bronze",
        "description": "Für 2 Jahre Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/2-membership_anniversary",
        "shortValue": "2",
        "shortUnit": "Jahre"
      },
      {
        "level": "award--wood",
        "description": "Für 1 Jahr Mitgliedschaft auf Youthweb",
        "route": "https://youthweb.net/badges/1-membership_anniversary",
        "shortValue": "1",
        "shortUnit": "Jahr"
      }
    ],
    "events": [
      {
        "intId": "1",
        "name": "Pfijuko",
        "startDateTime": "1590847200"
      }
    ],
    "background": "http://localhost:3000/dist/img/samantha-stortecky-sP5CaWEN7Do-unsplash.jpg",
    "description_text": "<p>Ich heiße Daniela, bin 25 Jahre alt und Content Creatorin für Gott. Als gelernte Mediengestalterin setze ich meine Gaben und meine Liebe zum geschriebenen Wort auf meinem Blog und in den sozialen Medien ein, um Gott groß zu machen.</p>",
    "description_motto": "<p>»Be the hope, be the light, be the love.«<br>(Ready Set Go – Royal Tailor feat. Capital Kings)</p>",
    "description_character": "<p>Charakter</p>",
    "description_job": "<p>Mediengestalterin und Social Media Managerin</p>",
    "description_food": "<p>Lieblingsessen</p>",
    "description_hobbies": "<p>Social Media, schreiben, kreativ sein, Auto fahren, ...</p>",
    "description_jesus": "<p>Jesus ist mein Gott, mein Erretter, mein bester Freund und mein Richter.</p>",
    "description_links": "<p>Hier eine Liste von Beispiellinks, wie sie dargestellt werden, wenn die neuen Felder für Facebook, Youtube usw. noch nicht genutzt werden.</p><p><b>Christlicher Blog, Shop und Mediendienst für Frauen</b> <br>→ <a target=\"_blank\" href=\"http://ewiglichtkind.de\">ewiglichtkind.de</a></p><p><b>Instagram</b> – tägliche Stories und regelmäßige Impulse zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.instagram.com/ewiglichtkind\">www.instagram.com/ewiglichtkind/</a></p><p><b>Facebook</b> – Impulse zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.facebook.com/ewiglichtkind.de\">www.facebook.com/ewiglichtkind.de/</a></p><p><b>Pinterest</b> – Bilder zur Ermutigung <br>→ <a target=\"_blank\" href=\"https://www.pinterest.de/ewiglichtkind\">www.pinterest.de/ewiglichtkind/</a></p><p><b>YouTube</b> – Statements, Interviews &amp; Themen unter der Lupe <br>→ <a target=\"_blank\" href=\"https://www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA\">www.youtube.com/channel/UCNwBDOtHhe7B9Ao5dccYEfA</a></p>",
    "homepage": "https://www.ewiglichtkind.de/",
    "facebook": "ewiglichtkind.de",
    "twitter": "twitter",
    "instagram": "ewiglichtkind",
    "youtube": "UCNwBDOtHhe7B9Ao5dccYEfA",
    "skype": "skype",
    "pinterest": "ewiglichtkind",
    "yahoo": "yahoo",
    "icq": "icq",
    "last_posts": [
      {
        "url": "https://youthweb.net/forum/threads/9715?post_id=466923#forum_post_466923",
        "thread": {
          "id": "9715"
        },
        "id": "466923",
        "title": "AW: Podcasts"
      },
      {
        "url": "https://youthweb.net/forum/threads/10568?post_id=465585#forum_post_465585",
        "thread": {
          "id": "10568"
        },
        "id": "465585",
        "title": "AW: So erlebe ich Jesus"
      },
      {
        "url": "https://youthweb.net/forum/threads/10568?post_id=464258#forum_post_464258",
        "thread": {
          "id": "10568"
        },
        "id": "464258",
        "title": "AW: So erlebe ich Jesus"
      },
      {
        "url": "https://youthweb.net/forum/threads/9545?post_id=464218#forum_post_464218",
        "thread": {
          "id": "9545"
        },
        "id": "464218",
        "title": "AW: instagram"
      }
    ],
    "prayer-requests": [
      {
        "id": "1",
        "title": "Beispiel"
      }
    ],
    "shared_friends": [
      {
        "url": "https://youthweb.net/users/313056",
        "id": "313056",
        "first_name": "Anna",
        "last_name": "Maier",
        "show_name": true,
        "username": "Anna_M",
        "picture_url": "https://youthweb.net/files/userpics/static-313056",
        "picture_description": "Nur Jesus! 👆",
        "description": "BESTE Freundin & Schwester in Christus ♥",
        "description_text": "Ich finde Elefanten cool.",
        "category1": {
          "id": "1",
          "name": "BestFriends"
        },
        "category2": {
          "id": "",
          "name": ""
        }
      },
      {
        "url": "https://youthweb.net/users/25616",
        "id": "25616",
        "username": "Freeze",
        "show_name": false,
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "picture_description": "",
        "description": "",
        "category1": {
          "id": "",
          "name": ""
        },
        "category2": {
          "id": "",
          "name": ""
        }
      }
    ],
    "friends": [
      {
        "url": "https://youthweb.net/users/313056",
        "id": "313056",
        "first_name": "Anna",
        "last_name": "Maier",
        "show_name": true,
        "username": "Anna_M",
        "picture_url": "https://youthweb.net/files/userpics/static-313056",
        "picture_description": "Nur Jesus! 👆",
        "description": "BESTE Freundin & Schwester in Christus ♥",
        "description_text": "Ich finde Elefanten cool.",
        "category1": {
          "id": "1",
          "name": "BestFriends"
        },
        "category2": {
          "id": "",
          "name": ""
        }
      },
      {
        "url": "https://youthweb.net/users/25616",
        "id": "25616",
        "username": "Freeze",
        "show_name": false,
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "picture_description": "",
        "description": "",
        "category1": {
          "id": "",
          "name": ""
        },
        "category2": {
          "id": "",
          "name": ""
        }
      },
      {
        "url": "https://youthweb.net/users/313977",
        "id": "313977",
        "username": "einhoernchen",
        "show_name": true,
        "picture_url": "https://youthweb.net/assets/default/img/icons/no_pic_m.jpg",
        "picture_description": "",
        "description": "",
        "category1": {
          "id": "",
          "name": ""
        },
        "category2": {
          "id": "",
          "name": ""
        }
      }
    ],
    "banned_users": [
      {
        "id": "313977",
        "username": "einhoernchen",
        "first_name": "Marco",
        "last_name": "Maier",
        "picture_url": "https://youthweb.net/assets/default/img/icons/no_pic_m.jpg",
        "show_name": true
      },
      {
        "id": "25616",
        "username": "Freeze",
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "show_name": false
      },
      {
        "id": "25616",
        "username": "Freeze",
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "show_name": false
      }
    ],
    "ignored_users": [
      {
        "id": "25616",
        "username": "Freeze",
        "picture_url": "https://youthweb.net/files/userpics/static-25616",
        "show_name": false
      }
    ]
  }
}

No notes defined.