Ordenar Tabela com AngularJS

Uma forma prática de ordenar tabela utilizando AngularJS através do ng-repeat

[html]
table class=”table”
tbody
tr ng-repeat=”atual in ListaProduto| orderBy:’+nomeProduto'”
td
{{atual.nomeProduto}}
/td
/tr

[/html]
Utilizando o orderBy é possível ordenar pelo nome da propriedade, neste caso o nome da propriedade é “nomeProduto”, utilize o sinal de + para crescente e – para decrescente.
OBS: O início é fechamento das tags html não foram inseridas devido a limitação do WordPress.

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> AngularJS | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment

JQuery Só Numérico

Função rápida e prática de permitir somente números em jQuery
[js]
$(document).ready(function(){
$(“.somenteNumero”).bind(“keyup blur focus”, function(e) {
e.preventDefault();
var expre = /[^\d]/g;
$(this).val($(this).val().replace(expre,”));
});
});
[/js]

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> Sem categoria | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment

Paginação AngularJS – dirPagination

Umas das coisas que mais utilizo nos projetos que desenvolvo são as paginações, automaticamente não me dei conta da quantidade de pessoas que necessitam utilizar funções similar.

Utilizo com muita frequência o dirpagination. Tão fácil de usar quanto…

Incluo na declaração do meu módulo:

var app = angular.module(‘App’, [‘angularUtils.directives.dirPagination’]);

Ao invés de <tr ng-repeat=”obj in listaDeItens”> passo a utilizar <tr dir-paginate=”obj in listaDeItens |itemsPerPage:10″> 

Em seguida incluo os botões de navegação: <dir-pagination-controls max-size=”8″ direction-links=”true” boundary-links=”true”></dir-pagination-controls>

Simples não?

Resultado final:

<table class=”table”>
<thead>
<th>NOME</th>
<th>VALOR</th>
</tr>
</thead>
<tbody>
<tr dir-paginate=”obj in ListaDeItens |itemsPerPage:10″>
<td>{{obj.name}}</td>
<td>{{obj.price | currency: “R$ “}}</td>
</tr>
</tbody>
</table>
<dir-pagination-controls max-size=”8″ direction-links=”true” boundary-links=”true”></dir-pagination-controls>

Não expliquei como usar e declarar meu módulo, classes, objetos, etc. Basicamente explico o uso do dirpagination. Ah… o JS que deve ser incluído no projeto, basta baixar no gitbut https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination

Até a próxima.

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> AngularJS | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | Leave a comment

Prestashop – Modal Fancybox

Dica para quem quer abrir uma nova página dentro do PrestaShop.

Incluir o código JQuery abaixo no footer.tpl do seu tema.

<script language=”JavaScript” type=”text/javascript”>

$(document).on(‘click’, ‘.classe-link’, function(e){
e.preventDefault();
var url = this.href;
if (!!$.prototype.fancybox)
$.fancybox({
‘padding’: 20,
‘width’: 980,
‘height’: 400,
‘type’: ‘iframe’,
‘href’: url + ‘/index.html?idUsuario=’,
});
});
</script>

Link:

<a href=”www.link-que-desejo-abrir.com” class=”classe-link”>Clique Aqui</a>

Dessa forma o link irá abrir em uma modal respeitando o padrão do prestashop

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> PHP, Prestashop | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , , | Leave a comment

Funções de Data SQL Server

Algumas sugestões de como trabalhar com datas no SQL Server
DECLARE @getdate DATETIME;

SET @getdate = GETDATE();

SELECT CAST(‘1) Data Processada’ AS VARCHAR(50)), @getdate
UNION
SELECT CAST(‘2) Primeiro dia do mês’ AS VARCHAR(50)), DATEADD(mm, DATEDIFF(mm, 0, @getdate), 0)
UNION
SELECT CAST(‘3) Primeiro dia da semana’ AS VARCHAR(50)), DATEADD(wk, DATEDIFF(wk, 0, @getdate), 0)
UNION
SELECT CAST(‘4) Inicio do dia’ AS VARCHAR(50)), DATEADD(dd, DATEDIFF(dd, 0, @getdate), 0)
UNION
SELECT CAST(‘5) Fim do dia’ AS VARCHAR(50)), DATEADD(ms ,-3 ,DATEADD(dd, DATEDIFF(dd, 0, @getdate) + 1, 0))
UNION
SELECT CAST(‘6) Último dia da semana’ AS VARCHAR(50)), DATEADD(ms ,-3 ,DATEADD(wk, DATEDIFF(wk, 0, @getdate) + 1, 0))
UNION
SELECT CAST(‘7) Último dia do mês’ AS VARCHAR(50)), DATEADD(ms ,-3 ,DATEADD(mm, DATEDIFF(mm, 0, @getdate) + 1, 0))

Nestes exemplos, se você trocar o @getdate pela data que você quiser, ela servirá de base para os calculos das datas.

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> SQL | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | Leave a comment

WebService Gratuito – CEP CharSet

Para quem está com problemas de charset nas consultas via jquery o ToolsWeb lançou mais uma opção de busca.

Agora é possível utilizar o parâmetro CHARSET=UTF-8 na consulta para JQuery exemplo http://www.ctasoftware.com.br/webservice/clienteWebService.php?cep=40302000&formato=javascript&charset=UTF-8 dessa forma você terá mais uma opção de retorno e evitar os inúmeros tratamentos de charset UTF8/ISO.

Façam bom uso!

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> .NET, PHP, SharePoint | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , , , , , | Leave a comment

Pesquisa de CEP ToolsWeb

De cara nova o site ToolsWeb vem com um layout responsivo e fornecendo também WebService de CEP em .NET.

Para quem busca serviço gratuito de CEP vale uma visita no site www.toolsweb.com.br 

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> .NET, PHP | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , , , , | Leave a comment

Deletar Registros Duplicados MySQL

Para remoção dos registros duplicados da sua tabela no MySQL utilize o seguinte script abaixo

DELETE a FROM tabela AS a, tabela AS b WHERE a.registro1=b.registro1 AND a.idRegistro< b.idRegistro

 

Até a próxima!

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> MySQL | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment

Criar classe de entidade a partir de tabela SQL Server

Disponibilizo abaixo um script para geração de classes de entidade (BO, BE, VO) como comumente são chamadas através de script SQL Server.

CREATE PROCEDURE [dbo].[GeraVO] @tabela varchar(250)

AS
BEGIN
SET NOCOUNT ON;

declare @TableName sysname = @tabela
declare @Result varchar(max) = ‘public class ‘ + @TableName + ‘
{‘

select @Result = @Result + ‘
public ‘ + ColumnType + NullableSign + ‘ ‘ + ColumnName + ‘ { get; set; }

from
(
select
replace(col.name, ‘ ‘, ‘_’) ColumnName,
column_id ColumnId,
case typ.name
when ‘bigint’ then ‘long’
when ‘binary’ then ‘byte[]’
when ‘bit’ then ‘bool’
when ‘char’ then ‘string’
when ‘date’ then ‘DateTime’
when ‘datetime’ then ‘DateTime’
when ‘datetime2’ then ‘DateTime’
when ‘datetimeoffset’ then ‘DateTimeOffset’
when ‘decimal’ then ‘decimal’
when ‘float’ then ‘float’
when ‘image’ then ‘byte[]’
when ‘int’ then ‘int’
when ‘money’ then ‘decimal’
when ‘nchar’ then ‘char’
when ‘ntext’ then ‘string’
when ‘numeric’ then ‘decimal’
when ‘nvarchar’ then ‘string’
when ‘real’ then ‘double’
when ‘smalldatetime’ then ‘DateTime’
when ‘smallint’ then ‘short’
when ‘smallmoney’ then ‘decimal’
when ‘text’ then ‘string’
when ‘time’ then ‘TimeSpan’
when ‘timestamp’ then ‘DateTime’
when ‘tinyint’ then ‘byte’
when ‘uniqueidentifier’ then ‘Guid’
when ‘varbinary’ then ‘byte[]’
when ‘varchar’ then ‘string’
else ‘UNKNOWN_’ + typ.name
end ColumnType,
case
when col.is_nullable = 1 and typ.name in (‘bigint’, ‘bit’, ‘date’, ‘datetime’, ‘datetime2’, ‘datetimeoffset’, ‘decimal’, ‘float’, ‘int’, ‘money’, ‘numeric’, ‘real’, ‘smalldatetime’, ‘smallint’, ‘smallmoney’, ‘time’, ‘tinyint’, ‘uniqueidentifier’)
then ‘?’
else ”
end NullableSign
from sys.columns col
join sys.types typ on
col.system_type_id = typ.system_type_id AND col.user_type_id = typ.user_type_id
where object_id = object_id(@TableName)
) t
order by ColumnId

set @Result = @Result + ‘
}’

print @Result
END

GO

 

Esse script foi retirado do post http://stackoverflow.com/questions/5873170/generate-class-from-database-table apenas foi adaptado para que trabalhe como procedure, visto que todos os usuários do projeto poderão utilizar.

Execute a procedure

exec GeraVO ‘NOME_DA_TABELA’

 

Até o próximo POST

 

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> .NET, SQL | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , , , | Leave a comment

Trabalhando com Data SQL Server

Neste post está listado como utilizar o CONVERT para retornar o conteúdo do campo data:

Execute o comando abaixo no SQL Server e observe o resultado, você irá ver que o resultado será baseado na data atual da execução do script. Para utilizar em um campo de sua tabela substitua o GETDATE() pelo campo da sua tabela.

SELECT CONVERT(VARCHAR(12),GETDATE(),101) AS '101', --mm/dd/aaaa
CONVERT(VARCHAR(12),GETDATE(),102) AS '102', --aa.mm.dd
CONVERT(VARCHAR(12),GETDATE(),103) AS '103', --dd/mm/aaaa
CONVERT(VARCHAR(12),GETDATE(),104) AS '104', --dd.mm.aa
CONVERT(VARCHAR(12),GETDATE(),105) AS '105', --dd-mm-aa
CONVERT(VARCHAR(12),GETDATE(),106) AS '106', --dd mês aa
CONVERT(VARCHAR(12),GETDATE(),107) AS '107', --Mês dd, aa
CONVERT(VARCHAR(12),GETDATE(),108) AS '108', --hh:mi:ss
CONVERT(VARCHAR(12),GETDATE(),109) AS '109', --mês dd aaaa hh:mi:ss:mmmAM (ou PM)
CONVERT(VARCHAR(12),GETDATE(),110) AS '110', --mm-dd-aa
CONVERT(VARCHAR(12),GETDATE(),111) AS '111', --aa/mm/dd
CONVERT(VARCHAR(12),GETDATE(),112) AS '112', --aammdd
CONVERT(VARCHAR(12),GETDATE(),113) AS '113', --dd mês aaaa hh:mi:ss:mmm (24h)
CONVERT(VARCHAR(12),GETDATE(),114) AS '114', --hh:mi:ss:mmm(24h)
CONVERT(VARCHAR(12),GETDATE(),120) AS '120', --aaaa-mm-dd hh:mi:ss(24h)
CONVERT(VARCHAR(12),GETDATE(),121) AS '121' --aaaa-mm-dd hh:mi:ss.mmm(24h)
<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> SQL | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment