Changeset 20620


Ignore:
Timestamp:
Feb 8, 2013, 8:09:32 PM (11 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.