Redes sociales en perfil [Mejorado][Simplificado][Sugerencia]

[Miguel92 525]

Redes sociales en perfil
Mejorado y simplificado

 

Esto es una forma mucho más rápida y sencilla de poder añadir redes sociales a su sitio

1 - En inc/class/c.cuenta.php debajo de

class tsCuenta { 

agregan lo siguiente (solo agregan las redes desde aquí y nada más, ya no tienen que agregar más líneas)

    # Redes sociales disponibles
   /**
     * Si van a agregar más debe ser así 'nombre_minuscula => 'nombre_inicial_mayuscula',
   */
    var $redes = [
        'facebook' => 'Facebook', 
        'twitter' => 'Twitter', 
        'instagram' => 'Instagram',
        'youtube' => 'Youtube',
        'twitch' => 'Twitch',
    ]; 

Luego un poco más abajo buscamos private function unData($data)

        $data['p_socials'] = unserialize($data['p_socials']);
        $data['p_socials']['f'] = $data['p_socials'][0];
        $data['p_socials']['t'] = $data['p_socials'][1]; 

y la reemplazamos por 

        $data["redes"] = $this->redes;
        $data['p_socials'] = json_decode($data['p_socials'], true);
        foreach ($this->redes as $name => $valor) $data['p_socials'][$name];     

Luego un poco más abajo buscamos function loadHeadInfo($user_id)

        $data['p_socials'] = unserialize($data['p_socials']);
        $data['p_socials']['f'] = $data['p_socials'][0];
        $data['p_socials']['t'] = $data['p_socials'][1]; 

y la reemplazamos por

        $data['p_socials'] = json_decode($data['p_socials'], true);
        foreach ($this->redes as $name => $valor) $data['p_socials'][$name]; 

Más abajo buscan

                // EXTERNAS
                $facebook = $tsCore->setSecure($tsCore->parseBadWords($_POST['facebook']), true);
                $twitter = $tsCore->setSecure($tsCore->parseBadWords($_POST['twitter']), true);

y la reemplazan por

                # Redes sociales
                $red__social = [];
                foreach ($_POST["red"] as $llave => $id) $red__social[$llave] = $tsCore->setSecure($tsCore->parseBadWords($id), true); 

allí mismo buscan

'socials' => serialize(array($facebook,$twitter)), 

y la reemplazan por

 'socials' => json_encode($red__social), 

2 - Luego en inc/php/perfil.php buscan

    $smarty->assign("tsInfo",$tsInfo); 

y debajo agregan

    $smarty->assign("tsRedes", $tsCuenta->redes); 

3 - Despues en tema/templates/modules/m.cuenta_perfil_me.tpl buscan

    <div class="field">
        <label for="ft">Redes sociales</label>
        <img src="{$tsConfig.default}/images/icons/facebook.png" width="16" height="16" style="margin:5px; float:left" />
        <strong>facebook.com/</strong><input type="text" value="{$tsPerfil.p_socials.f}" maxlength="64" name="facebook" id="ft" class="text cuenta-save-2" style="width:204px"><br />
        <img src="{$tsConfig.default}/images/icons/twitter.png" width="16" height="16" style="margin:8px 5px 5px 160px; float:left" />
        <strong>twitter.com/</strong><input type="text" value="{$tsPerfil.p_socials.t}" maxlength="64" name="twitter" id="ft2" class="text cuenta-save-2" style="margin-top:3px; width:204px"><br />
    </div>

y la reemplazan por

      <div class="field">
          <label for="red">Redes sociales</label>
       <div style="display:grid;grid-template-columns: repeat(2, 1fr);gap: 10px;">
            {foreach $tsPerfil.redes key=name item=red}
            <div style="display:flex;justify-content: flex-start;align-items: center;">
               <div class="icon">
                 <img src="{$tsConfig.images}/icons/{$name}.png" width="16" height="16" />
               </div>
               <input type="text" class="text cuenta-save-2" value="{$tsPerfil.p_socials.$name}" placeholder="{$red}" name="red[{$name}]">
            </div>
         {/foreach}
       </div>
    </div>

NOTA: En esta parte "{$tsConfig.images}/icons/{$name}.png", deben agregar el icono de la red social que utilicen. Por que "{$name}.png" seria igual a esto "facebook.png", etc.

4 - Por último en tema/templates/modules/m.perfil_sidebar.tpl y arriba de 

<div style="margin-bottom: 10px">
    {$tsConfig.ads_300}
</div>

agregan esto (En realidad lo pueden poner donde ustedes quieran)

{if $tsInfo.p_socials != ''}
      {foreach $tsRedes key=name item=red}
         {if $tsInfo.p_socials.$name !== ''}
            <a class="sitio {$name}" target="_blank" href="https://{$name}.{if $name == 'twitch'}tv{else}com{/if}/{$tsInfo.p_socials.$name}" title="{$red}"><img height="14" width="14" alt="{$name}" src="{$tsConfig.images}/icons/{$name}.png"/></a>
         {/if}
      {/foreach}
   </div>
{/if}

NOTA: Les debo los iconos de instagram, youtube y twitch

Eso sería todo.

Edited February 19, 2022 by Miguel92