Changeset 20620 for extensions/oAuth


Ignore:
Timestamp:
02/08/13 20:09:32 (7 years ago)
Author:
mistic100
Message:

use sprites for providers icons

Location:
extensions/oAuth
Files:
4 added
1 deleted
7 edited

Legend:

Unmodified
Added
Removed
  • extensions/oAuth/admin/providers.php

    r20337 r20620  
    4545    } 
    4646     
     47    $data['name'] = $PROVIDERS_CONFIG[$id]['provider_name']; 
    4748    $providers[$id] = $data; 
    4849  } 
  • extensions/oAuth/admin/template/config.tpl

    r20324 r20620  
    1 {combine_css path=$OAUTH_PATH|@cat:"admin/template/style.css"} 
     1{combine_css path=$OAUTH_PATH|cat:"admin/template/style.css"} 
     2{combine_css path=$OAUTH_PATH|cat:'template/oauth_sprites.css'} 
    23 
    34<div class="titrePage"> 
     
    3132        <input type="radio" name="identification_icon" value="16px" {if $identification_icon=='16px'}checked="checked"{/if}> 
    3233        16px 
    33         <img src="{$OAUTH_PATH}template/icons/16px/facebook.png"> 
    34         <img src="{$OAUTH_PATH}template/icons/16px/google.png"> 
    35         <img src="{$OAUTH_PATH}template/icons/16px/twitter.png"> 
     34        <span class="oauth_16px facebook"></span> 
     35        <span class="oauth_16px google"></span> 
     36        <span class="oauth_16px twitter"></span> 
    3637      </label> 
    3738      <label> 
    3839        <input type="radio" name="identification_icon" value="26px" {if $identification_icon=='26px'}checked="checked"{/if}> 
    3940        26px 
    40         <img src="{$OAUTH_PATH}template/icons/26px/facebook.png"> 
    41         <img src="{$OAUTH_PATH}template/icons/26px/google.png"> 
    42         <img src="{$OAUTH_PATH}template/icons/26px/twitter.png"> 
     41        <span class="oauth_26px facebook"></span> 
     42        <span class="oauth_26px google"></span> 
     43        <span class="oauth_26px twitter"></span> 
    4344      </label> 
    4445      <label> 
    4546        <input type="radio" name="identification_icon" value="38px" {if $identification_icon=='38px'}checked="checked"{/if}> 
    4647        38px 
    47         <img src="{$OAUTH_PATH}template/icons/38px/facebook.png"> 
    48         <img src="{$OAUTH_PATH}template/icons/38px/google.png"> 
    49         <img src="{$OAUTH_PATH}template/icons/38px/twitter.png"> 
     48        <span class="oauth_38px facebook"></span> 
     49        <span class="oauth_38px google"></span> 
     50        <span class="oauth_38px twitter"></span> 
    5051      </label> 
    5152    </li> 
     
    5657        <input type="radio" name="menubar_icon" value="16px" {if $menubar_icon=='16px'}checked="checked"{/if}> 
    5758        16px 
    58         <img src="{$OAUTH_PATH}template/icons/16px/facebook.png"> 
    59         <img src="{$OAUTH_PATH}template/icons/16px/google.png"> 
    60         <img src="{$OAUTH_PATH}template/icons/16px/twitter.png"> 
     59        <span class="oauth_16px facebook"></span> 
     60        <span class="oauth_16px google"></span> 
     61        <span class="oauth_16px twitter"></span> 
    6162      </label> 
    6263      <label> 
    6364        <input type="radio" name="menubar_icon" value="26px" {if $menubar_icon=='26px'}checked="checked"{/if}> 
    6465        26px 
    65         <img src="{$OAUTH_PATH}template/icons/26px/facebook.png"> 
    66         <img src="{$OAUTH_PATH}template/icons/26px/google.png"> 
    67         <img src="{$OAUTH_PATH}template/icons/26px/twitter.png"> 
     66        <span class="oauth_26px facebook"></span> 
     67        <span class="oauth_26px google"></span> 
     68        <span class="oauth_26px twitter"></span> 
    6869      </label> 
    6970      <label> 
    7071        <input type="radio" name="menubar_icon" value="38px" {if $menubar_icon=='38px'}checked="checked"{/if}> 
    7172        38px 
    72         <img src="{$OAUTH_PATH}template/icons/38px/facebook.png"> 
    73         <img src="{$OAUTH_PATH}template/icons/38px/google.png"> 
    74         <img src="{$OAUTH_PATH}template/icons/38px/twitter.png"> 
     73        <span class="oauth_38px facebook"></span> 
     74        <span class="oauth_38px google"></span> 
     75        <span class="oauth_38px twitter"></span> 
    7576      </label> 
    7677    </li> 
  • extensions/oAuth/admin/template/providers.tpl

    r20373 r20620  
    1 {combine_css path=$OAUTH_PATH|@cat:"admin/template/style.css"} 
     1{combine_css path=$OAUTH_PATH|cat:"admin/template/style.css"} 
     2{combine_css path=$OAUTH_PATH|cat:'template/oauth_sprites.css'} 
    23 
    34{footer_script}{literal} 
     
    5455    <table><tr> 
    5556      <td> 
    56         <img src="{$OAUTH_PATH}template/icons/38px/{$p|strtolower}.png"> 
     57        <span class="oauth_38px {$p|strtolower}"></span> 
    5758      </td> 
    5859       
  • extensions/oAuth/admin/template/style.css

    r20324 r20620  
    5151    border-radius:2px; 
    5252  } 
    53   .provider img { 
     53  .provider .oauth_38px { 
    5454    margin:5px; 
    5555  } 
  • extensions/oAuth/template/identification_common.tpl

    r20369 r20620  
     1{combine_css path=$OAUTH_PATH|cat:'template/oauth_sprites.css'} 
     2 
    13{html_style}{literal} 
    24  #openid_form { 
    35    padding:20px; 
    46  } 
    5   #openid_form h3, #openid_form img { 
     7  #openid_form h3, #openid_form .oauth_38px { 
    68    display:inline-block; 
    79    vertical-align:middle; 
     
    4042// click on a button 
    4143$("a.oauth").click(function() { 
    42   var idp = $(this).attr('title'); 
     44  var idp = $(this).data('idp'); 
    4345   
    4446  switch(idp) { 
     
    5355       
    5456      $("#openid_form").css('background-color', $("#the_page #content").css('background-color')); 
    55       $("#openid_form img").attr('src', '{$ROOT_URL}{$OAUTH_PATH}template/icons/38px/'+ idp.toLowerCase() +'.png'); 
     57      $("#openid_form .oauth_38px").removeClass().addClass("oauth_38px " + idp.toLowerCase()); 
    5658      $("#openid_form h3").html(idp); 
    5759      $("#openid_form").data('idp', idp); 
     
    107109  <form id="openid_form" action=""> 
    108110    <div> 
    109       <img src="{$ROOT_URL}{$OAUTH_PATH}template/icons/openid_big.png" style="width:38px:height:38px;"> 
     111      <span class="oauth_38px"></span> 
    110112      <h3>OpendID</h3> 
    111113    </div> 
  • extensions/oAuth/template/identification_menubar.tpl

    r20369 r20620  
    22  {if not $OAUTH_JS_LOADED} 
    33    {assign var=OAUTH_JS_LOADED value=true} 
    4     {include file=$OAUTH_ABS_PATH|@cat:'template/identification_common.tpl'} 
     4    {include file=$OAUTH_ABS_PATH|cat:'template/identification_common.tpl'} 
    55  {/if} 
    66  {html_style}{literal} 
     
    1919       
    2020    {foreach from=$PROVIDERS item=provider key=p}{strip} 
    21       <a href="#" class="oauth" title="{$p}"><img src="{$ROOT_URL}{$OAUTH_PATH}template/icons/{$oauth.menubar_icon}/{$p|strtolower}.png"></a> 
     21      <a href="#" class="oauth oauth_{$oauth.menubar_icon} {$p|strtolower}" data-idp="{$p}" title="{$provider.name}"></a> 
    2222    {/strip}{/foreach} 
    2323    </fieldset> 
  • extensions/oAuth/template/identification_page.tpl

    r20369 r20620  
    11{if not $OAUTH_JS_LOADED} 
    22  {assign var=OAUTH_JS_LOADED value=true} 
    3   {include file=$OAUTH_ABS_PATH|@cat:'template/identification_common.tpl'} 
     3  {include file=$OAUTH_ABS_PATH|cat:'template/identification_common.tpl'} 
    44{/if} 
    55{html_style}{literal} 
     
    1313   
    1414{foreach from=$PROVIDERS item=provider key=p}{strip} 
    15   <a href="#" class="oauth" title="{$p}"><img src="{$ROOT_URL}{$OAUTH_PATH}template/icons/{$oauth.identification_icon}/{$p|strtolower}.png"></a> 
     15  <a href="#" class="oauth oauth_{$oauth.identification_icon} {$p|strtolower}" data-idp="{$p}" title="{$provider.name}"></a> 
    1616{/strip}{/foreach} 
    1717</fieldset> 
Note: See TracChangeset for help on using the changeset viewer.