Звуковое оповещение в Taigachat с возможностью отключения 1.4.x

[d3k]

В общем: Георгий Шевченко сделал чтоб с изменением чекбокса изменялась картинка.
Мысль хорошая, но чекбокс сохраняется в куках, а заданная картинка нет.
Поэтому при обновлении браузера если звук выключен картинка сменится на дефолтную типо звук включен и происходит путаница.
Поправка: (Чтоб картинка тоже весела в куках и не слетала на дефолтную)

В шаблоне checkboxCookie ищем функцию:

    $("input:checkbox").change(function(){
      cookieFromCheckbox();
    });

После нее добавляем:

document.getElementById('scr').src=(document.getElementById('TaigaChatMute').checked)? '/styles/dark/ye-s.png': '/styles/dark/no-s.png';

Удаление чекбокса и переключение по картинке в процессе)

 

[Skaiman]

Включатель оповещения by Skaiman.
Скачиваем архив со шрифтом, из него папку fonts, заливаем в корень сайта.
Проделываем операции описанные в ресурсе под спойлером, только это:

  // don't count initial load against anti fade
  if(gotNew > 0 && !initial){
  lastMessage = new Date().getTime();
  }

Заменяем на это:

  // don't count initial load against anti fade
  if(gotNew > 0 && !initial){
  if(document.getElementById('TaigaChatMute').checked){
  lastMessage = new Date().getTime(); snd.play(); snd2.play();
  }
  else{
  lastMessage = new Date().getTime();
  }
   }
}

Производим все последующие действия из описания до этого момента.
Далее в шаблоне dark_taigachat_controls находим:

                <xen:if is="{$taigachat.toolbar_smilies}">

                    <button id="taigachat_smiliepicker" class="button taigachat_bbcode xenForoSkin"><span class='taigachat_bbcode_smilie'></span></button>
                </xen:if>

И ниже вставляем:

                <!-- TaigaChat_Mute -->
                    <span class="TaigaChatMutes Tooltip" title="Звуковое оповещение">
                        <label><input type="checkbox" id="TaigaChatMute"><span class="chat_call"></span></input></label>
                    </span>
                <!--End_TaigaChat_Mute -->

В EXTRA.css добавляем:

@font-face {
    font-family: 'root_call';
    src:    url('fonts/root_call.eot?uc9sg6');
    src:    url('fonts/root_call.eot?uc9sg6#iefix') format('embedded-opentype'),
        url('fonts/root_call.ttf?uc9sg6') format('truetype'),
        url('fonts/root_call.woff?uc9sg6') format('woff'),
        url('fonts/root_call.svg?uc9sg6#root_call') format('svg');
    font-weight: normal;
    font-style: normal;
}

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'root_call';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.root-volume-medium:before {
    content: "\e900";
}
.root-volume-mute2:before {
    content: "\e901";
}
.TaigaChatMutes .chat_call:before{
    content: "\e901";
    display: inline-block;
    font-family: 'root_call';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    margin: 2px 0;
    color: #C91F37;
    cursor: pointer;
    width: 20px;
}
.TaigaChatMutes #TaigaChatMute:checked ~ .chat_call:before {
    content: "\e900";
    color: #006442;
}
.TaigaChatMutes input[type="checkbox"] {display: none!important;}

Получим


Во избежания конфликта, с другими шрифтами убрал приоритет у этого, кто установил до этого уведомления, надо в коде, который вставляется в EXTRA.css, найти

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'root_call'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

и убрать приоритет у шрифта

font-family: 'root_call';

 

[nasa]

Включатель оповещения by Skaiman.
Скачиваем архив со шрифтом, из него папку fonts, заливаем в корень сайта.
Проделываем операции описанные в ресурсе под спойлером, только это:

  // don't count initial load against anti fade
  if(gotNew > 0 && !initial){
  lastMessage = new Date().getTime();
  }

Заменяем на это:

  // don't count initial load against anti fade
  if(gotNew > 0 && !initial){
  if(document.getElementById('TaigaChatMute').checked){
  lastMessage = new Date().getTime(); snd.play(); snd2.play();
  }
  else{
  lastMessage = new Date().getTime();
  }
   }
}

Производим все последующие действия из описания до этого момента.
Далее в шаблоне dark_taigachat_controls находим:

                <xen:if is="{$taigachat.toolbar_smilies}">

                    <button id="taigachat_smiliepicker" class="button taigachat_bbcode xenForoSkin"><span class='taigachat_bbcode_smilie'></span></button>
                </xen:if>

И ниже вставляем:

                <!-- TaigaChat_Mute -->
                    <span class="TaigaChatMutes Tooltip" title="Звуковое оповещение">
                        <label><input type="checkbox" id="TaigaChatMute"><span class="chat_call"></span></input></label>
                    </span>
                <!--End_TaigaChat_Mute -->

В EXTRA.css добавляем:

@font-face {
    font-family: 'root_call';
    src:    url('fonts/root_call.eot?uc9sg6');
    src:    url('fonts/root_call.eot?uc9sg6#iefix') format('embedded-opentype'),
        url('fonts/root_call.ttf?uc9sg6') format('truetype'),
        url('fonts/root_call.woff?uc9sg6') format('woff'),
        url('fonts/root_call.svg?uc9sg6#root_call') format('svg');
    font-weight: normal;
    font-style: normal;
}

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'root_call';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.root-volume-medium:before {
    content: "\e900";
}
.root-volume-mute2:before {
    content: "\e901";
}
.TaigaChatMutes .chat_call:before{
    content: "\e901";
    display: inline-block;
    font-family: 'root_call';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    margin: 2px 0;
    color: #C91F37;
    cursor: pointer;
    width: 20px;
}
.TaigaChatMutes #TaigaChatMute:checked ~ .chat_call:before {
    content: "\e900";
    color: #006442;
}
.TaigaChatMutes input[type="checkbox"] {display: none!important;}

Получим
Посмотреть вложение 49534 Посмотреть вложение 49535

Во избежания конфликта, с другими шрифтами убрал приоритет у этого, кто установил до этого уведомления, надо в коде, который вставляется в EXTRA.css, найти

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'root_call'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

и убрать приоритет у шрифта

font-family: 'root_call';

по умолчанию звук включен или выключен?

 

[Skaiman]

по умолчанию звук включен или выключен?

Выключен