Selecionar Icones

Detalhes da questão

Descrição

Luiz escreveu:Olá,

Poderia ser mais específico por favor?

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

virus escreveu:Você  deve ta falando disso ne
https://ajuda.forumeiros.com/t57767-icones-nos-topicos

Hancki escreveu:Olá!

Vamos ver se entendi...
Você quer que por exemplo, após a criação de um tópico por um usuário comum, que os moderadores sejam capazes de editar o ícone do tópico diretamente na página do tópico, sem ser preciso clicar no botão editar, ser levado para outra página, etc..? É isso?

Hancki

ranzatti escreveu:Aguardando!

zHugh escreveu:

ranzatti escreveu:Aguardando!

Creio que o que deseja é fazer com que haja um sistema semelhante ao "Em curso" e "Resolvido" aqui do FDF, onde apenas ao clicar em um botão o topico passaria a receber a marcação do icone. Para isso, precisa adicionar primeiro os icones a seu forum e em seguido fornecer a informações solicitadas pelo hancki.

zHugh escreveu:Olá,

Veja se é isso que precisa https://ajuda.forumeiros.com/t110240-botoes-resolvido-e-em-curso

AlexG escreveu:Olá @ranzatti.

Para descobrir o id dos seus icones, basta ver no link ao clicar na engrenagem de configuração de cada icone:
/admin/index.forum?part=themes&sub=logos&mode=icons_msg&action=edit&icon=1&extended_admin=1&tid=485dd6ee0b81295488d54e9beb1758dc

Neste caso, o id é o 1, como indica no link.

AlexG escreveu:Onde está tentando colocar os icones e como está configurando?

Me mande imagem da página dos icones, o código que está usando e o link do tópico que está testando.

Obrigado.

Código:

/*globals jQuery, FA*/
/**
 * Alterar o ícone do tópico com AJAX.
 *
 * @author Luiz
 * @version {alpha} 1.0
 * @licence MIT
 */
 
(function ($) {
  'use strict';
 
  var config = [
    { name: 'Resolvido', id  : 1, background: '#ecb942' },
    { name: 'Em Curso', id  : 2, background: '#8b5' },
    { name: 'Regras', id  : 3, background: '#8b5' },
    { name: 'Atendida', id  : 4, background: '#8b5' },
    { name: 'Importante', id  : 7, background: '#8b5' },
    { name: 'Tutorial', id  : 8, background: '#8b5' },
    { name: 'Recusado', id  : 9, background: '#8b5' },
    { name: 'Aceito', id  : 15, background: '#8b5' },
    { name: 'Banido', id  : 10, background: '#8b5' },
    { name: 'Desbanido', id  : 11, background: '#8b5' },
    { name: 'Designer', id  : 12, background: '#8b5' },
  ];
 
  window.FA = window.FA || {};
  FA.Topic = FA.Topic || {};
 
  var MarkIcon;
  FA.Topic.MarkIcon = MarkIcon = function (config) {
    var self = this;
 
    self.userConfig = config;
    self.defaults = { name: undefined, id: undefined, background: undefined };
    self.config = $.extend({}, self.defaults, self.userConfig);
 
    $.each(self.config, function (key, value) {
      if (key === undefined) {
        throw new Error ('Não foi especificado um: ' + key + ' para o script de botões.');
      }
    });
  };
 
  MarkIcon.prototype.init = function () {
    var self = this;
 
    var $post = $('.post:first');
    var $link = $post.find('a[href$="mode=editpost"]');
 
    if (!$link.length) {
      return;
    }
 
    self.messageLink = $link.attr('href');
 
    self.button = $('<button>', {
      'class'  : 'fa-mark-icon-button',
      'data-id': self.config.id,
      'text'  : self.config.name
    });
 
    $(self.button)
      .css('background-color', self.config.background)
      .on('click', function (event) {
        event.preventDefault();
 
        self.runAjax();
      })
      .insertBefore($post)
    ;
  };
 
  MarkIcon.prototype.runAjax = function () {
    var self = this;
 
    self.changeText('<i class="fa fa-refresh fa-spin"></i> Marcando...');
 
    $.get(self.messageLink)
      .done(function (context) {
        var $form = $('form[action="/post"]', context);
 
        $form.find('input[name="post_icon"]').val(self.config.id);
        $form.find('input[name="edit_reason"]').remove();
 
        var encode = document.charset.toLowerCase() === 'utf-8'
          ? window.encodeURIComponent
          : window.escape
        ;
 
        var data = {
          subject          : $form.find('[name="subject"]').val(),
          post_icon        : self.config.id,
          message          : $form.find('[name="message"]').val(),
          mode              : $form.find('[name="mode"]').val(),
          p                : $form.find('[name="p"]').val(),
          modif_topic_title : $form.find('[name="modif_topic_title"]').val(),
          topictype        : $form.find('[name="topictype"]').val(),
          poll_title        : $form.find('[name="poll_title"]').val(),
          poll_option_text  : $form.find('[name="poll_option_text"]').val(),
          poll_length      : $form.find('[name="poll_length"]').val(),
          poll_multiple    : $form.find('[name="poll_multiple"]').val(),
          poll_cancel_vote  : $form.find('[name="poll_cancel_vote"]').val(),
          'auth[]'          : $form.find('[name="auth[]"]').val(),
          post              : 1
        };
 
        var encoded = $.map(data, function (value, key) {
          return key + '=' + encode(value);
        }).join('&');
 
        $.post(self.messageLink, encoded)
          .done(function () {
            self.changeText('<i class="fa fa-check"></i> Marcado!');
          })
          .fail(function () {
            alert([
              '[#2] Houve um erro ao marcar o tópico como "' + self.config.name + '".',
              'Por favor, contate o suporte técnico.'
            ].join('\n'));
          })
        ;
      })
      .fail(function () {
        alert([
          '[#1] Houve um erro ao marcar o tópico como "' + self.config.name + '".',
          'Por favor, contate o suporte técnico.'
        ].join('\n'));
      })
    ;
  };
 
  MarkIcon.prototype.changeText = function (text) {
    var self = this;
 
    $(self.button)
      .html(text)
    ;
  };
 
  $(function () {
    $.each(config, function () {
      var self = this;
 
      (new FA.Topic.MarkIcon(self)).init();
    });
  });
}(jQuery));

AlexG escreveu:Poderia mandar também um print da sua página do painel de controle com os icones?

Agradeço.

Código:

var config = [
    { name: 'Resolvido', id  : 1, background: '#ecb942' },
    { name: 'Em Curso', id  : 2, background: '#8b5' },
    { name: 'Regras', id  : 3, background: '#8b5' },
    { name: 'Atendida', id  : 4, background: '#8b5' },
    { name: 'Importante', id  : 7, background: '#8b5' },
    { name: 'Tutorial', id  : 8, background: '#8b5' },
    { name: 'Recusado', id  : 9, background: '#8b5' },
    { name: 'Aceito', id  : 15, background: '#8b5' },
    { name: 'Banido', id  : 10, background: '#8b5' },
    { name: 'Desbanido', id  : 11, background: '#8b5' },
    { name: 'Designer', id  : 12, background: '#8b5' },
  ];

Chanp escreveu:Olá, ranzatti.
Vou tentar dar progresso ao teu caso.

Poderia, por favor, disponibilizar-me via Mensagem Privada uma conta de teste com acesso ao painel de administração do seu fórum?

Fico no aguardo.
o/

ranzatti escreveu:Pessoal da forumeiros não recomenda passar conta com acesso administrativo não teria outro jeito de poder me ajudar? obg!

Fraise escreveu:Olá @ranzatti,

Você não tem de fornecer a NINGUÉM uma conta com poderes administrativos, pela segurança do seu fórum e dos dados dos seus membros.
@Chanp, agradecia que não solicitasse o mesmo aos membros aqui do nosso fórum de suporte, todos nós compreendemos que a sua intenção é ajudar, mas, nunca devemos pedir acesso ao painel de controle do membro. Vamos supor o seguinte: houve usuários que desapareçam e você nessa altura tinha acesso ao painel, adivinhe quem será o culpado? Exato, você. Se tiver alguma coisa a dizer sobre isto, agradecia que o fizesse via mensagem privada, abraço.

Quanto à sua questão autor, eu estive lendo aqui o progresso do tópico, mas estou meio perdido. Poderia explicar tudo para mim?

Atenciosamente,
Fraise.