Limitações numéricas na barra

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Limitações numéricas na barra

Mensagem por Try em 22/09/17, 03:29 pm

Detalhes da questão


Endereço do fórum: http://kings1.forumeiros.com
Versão do fórum: phpBB3

Descrição


Boa tarde dependendo do horário,A duvida em questão que ser encontra no meu fórum e sobre uma limitação numérica quando ser criar uma ''barra''   a qual fica  no perfil do usuário ela ser encontra limita a 3 dígitos,A minha questão e existe uma forma de aumenta  os dígitos de 3 para 10 ou menos

Aonde foi criado:
Painel de Controle/Usuários & Grupos/Perfis

OBS: Não encontrei nenhum tópico com semelhança a  minha questão

imagem a baixo retrata um pouco a minha questão.

avatar

Try
Nível 3

Masculino
Inscrito dia : 30/05/2016
Mensagens : 16
Pontos Ativos : 28

Ver perfil do usuário http://kings1.forumeiros.com

Resolvido Re: Limitações numéricas na barra

Mensagem por Kyo Panda em 25/09/17, 08:58 am

Eu fiz alguns testes e realmente não há como passar esse limite, mesmo quando alterando o HTML no painel. O mesmo acaba limitado a 999.

Mas é possível faze-lo com um campo tipo texto e scripts. Não será tão intuitivo quanto o de barra, mas deve servir. Poderia ativar a visualização das barras para convidados?
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Limitações numéricas na barra

Mensagem por Try em 25/09/17, 10:48 am

Pronto coloquei tanto HP quanto MN,Esta para convidados verem.
avatar

Try
Nível 3

Masculino
Inscrito dia : 30/05/2016
Mensagens : 16
Pontos Ativos : 28

Ver perfil do usuário http://kings1.forumeiros.com

Resolvido Re: Limitações numéricas na barra

Mensagem por Kyo Panda em 25/09/17, 11:27 am

Crie um novo campo de perfil personalizado do tipo texto, e adicione a um novo JavaScript com investimento em Nos tópicos:

Código:
(function($) {
   'use strict';
   
   var settings = {
      bar: {
         left: 'http://illiweb.com/fa/i/left_bar_bleue.jpg',
         right: 'http://illiweb.com/fa/i/right_bar_bleue.jpg',
         full: 'http://illiweb.com/fa/i/full_bar_bleue.jpg',
         empty: 'http://illiweb.com/fa/i/empty_bar_bleue.jpg'
      },
      
      fields: [
         {
            name: 'HP',
            min: 0,
            max: 5000
         },
         {
            name: 'MN',
            min: 0,
            max: 5000
         },
      ]
   };
   
   $(function() {
      var $left = $('<img />', { src: settings.bar.left, height: '12px', width: '4px' });
      var $right = $('<img />', { src: settings.bar.right, height: '12px', width: '4px' });
      var $full = $('<img />', { src: settings.bar.full, height: '12px' });
      var $empty = $('<img />', { src: settings.bar.empty, height: '12px' });
   
      $.each(settings.fields, function() {
         var field = this;
         
         $('.postprofile .label:contains("' + field.name + '")').each(function() {
            var $this = $(this);
            var elem = $this.get(0).nextSibling;
            var value = Math.min(field.max, Math.max(field.min, Number($.trim(elem.textContent)) || 0));
            var fullWidth = value / field.max * 100;
            var emptyWidth = 100 - fullWidth;
            var title = value + ' / ' + field.max;
            
            elem.parentElement.removeChild(elem);
            
            $('<div>', {
               style: 'white-space: nowrap;',
               html: [
                  $left.prop('outerHTML'),
                  $full.attr({ title: title, width: fullWidth + 'px' }).prop('outerHTML'),
                  $empty.attr({ title: title, width: emptyWidth + 'px' }).prop('outerHTML'),
                  $right.prop('outerHTML')
               ].join('')
            }).insertAfter($this);
         });
      });
   });
})(jQuery);

Nessa parte o senhor pode configurar os novos valores da barra:

Código:
      fields: [
         {
            name: 'HP',
            min: 0,
            max: 5000
         },
         {
            name: 'MN',
            min: 0,
            max: 5000
         },
      ]

name é o nome que definiu para o campo, min o valor mínimo e max o valor máximo. Quando for atribuir os valores no perfil do usuário, apenas coloque o número no campo de texto.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Limitações numéricas na barra

Mensagem por Try em 25/09/17, 11:38 am

No começo o code a qual você  mandou bugou com a barra que estava anteriormente,Mais  eu recriei um campo de texto  como você descreveu ele funcionou,Agradeço muito.
avatar

Try
Nível 3

Masculino
Inscrito dia : 30/05/2016
Mensagens : 16
Pontos Ativos : 28

Ver perfil do usuário http://kings1.forumeiros.com

Resolvido Re: Limitações numéricas na barra

Mensagem por Kyo Panda em 25/09/17, 11:42 am

o/

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum