<commit_before>@extends ('layouts.home')
@section ('title', 'Social Accounts')

@section ('page-content')
<div class="col-lg-5 col-xl-4">
    <div id="account-lists" class="card">
        <h5 class="card-header">Account Lists</h5>
        <div class="card-body">
            <script>
            Object.assign(mix.data, {
                accounts: {},
            });
            </script>
            @foreach ($socialAccounts as $provider => $accounts)
            <div class="card border-0">
                @if ($accounts->count() > 0)
                <script>
                Object.assign(mix.data.accounts, {
                    {{ $provider }}: @json ($accounts),
                });
                </script>
                @endif
                <h5 class="card-header bg-transparent border-info">{{ $providersName[$provider] }}</h5>
                <div class="list-group list-group-flush">
                    <transition-group name="fade" tag="div" class="account-list">
                        <a v-for="(account, index) in accounts.{{ $provider }}" :key="account"
                           class="d-flex list-group-item list-group-item-action"
                           :class="{'disabled' : isShowing, 'active': account === selectedAccount && ! isShowing}"
                           :href="'#'+account.provider_name+'-'+(account.nickname || account.name || index)"
                           v-on:click.prevent="showAccountSettings(account, index)">
                            <img class="rounded-circle social-avatar mr-2" :src="account.avatar" alt="{{ $provider }} @{{ account.name }} Icon" />
                            <div class="align-self-center">
                                <p class="mb-0">@{{ account.name }}</p>
                                <p class="mb-0" :class="account === selectedAccount && ! isShowing ? 'text-light' : 'text-muted'" v-if='account.nickname'>&#64;@{{ account.nickname }}</p><commit_msg>Change design for social account image when empty or failed<commit_after>@extends ('layouts.home')
@section ('title', 'Social Accounts')

@section ('page-content')
<div class="col-lg-5 col-xl-4">
    <div id="account-lists" class="card">
        <h5 class="card-header">Account Lists</h5>
        <div class="card-body">
            <script>
            Object.assign(mix.data, {
                accounts: {},
            });
            </script>
            @foreach ($socialAccounts as $provider => $accounts)
            <div class="card border-0">
                @if ($accounts->count() > 0)
                <script>
                Object.assign(mix.data.accounts, {
                    {{ $provider }}: @json ($accounts),
                });
                </script>
                @endif
                <h5 class="card-header bg-transparent border-info">{{ $providersName[$provider] }}</h5>
                <div class="list-group list-group-flush">
                    <transition-group name="fade" tag="div" class="account-list">
                        <a v-for="(account, index) in accounts.{{ $provider }}" :key="account"
                           class="d-flex list-group-item list-group-item-action"
                           :class="{'disabled' : isShowing, 'active': account === selectedAccount && ! isShowing}"
                           :href="'#'+account.provider_name+'-'+(account.nickname || account.name || index)"
                           v-on:click.prevent="showAccountSettings(account, index)">
                            <img class="rounded-circle social-avatar mr-2 bg-info" :src="account.avatar" alt="" />
                            <div class="align-self-center">
                                <p class="mb-0">@{{ account.name }}</p>
                                <p class="mb-0" :class="account === selectedAccount && ! isShowing ? 'text-light' : 'text-muted'" v-if='account.nickname'>&#64;@{{ account.nickname }}</p>
{'fraction_non_alphanumeric': 0.1668372569089048, 'fraction_numerical': 0.006653019447287615, 'mean_word_length': 1.7316561844863732, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 51, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6187890', 'n_tokens_mistral': 1097, 'n_tokens_neox': 1056, 'n_words': 206}