Skip to content

Instantly share code, notes, and snippets.

@anderson631
Created October 21, 2015 19:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anderson631/8e03e0005296064e2fe0 to your computer and use it in GitHub Desktop.
Save anderson631/8e03e0005296064e2fe0 to your computer and use it in GitHub Desktop.
Passo a passo para integração do flex-calendar no ionic
<!-- PASSO #1 -->
<!-- No arquivo "SeuApp/www/index.html", importar: -->
<link href="lib/flex-calendar/dist/flex-calendar.min.css" rel="stylesheet">
<script src="lib/flex-calendar/dist/flex-calendar.js"></script>
<script src="js/i18n/angular-locale_pt-br.js"></script>
<!-- PASSO #2 -->
<!-- Adicionar o item conforme abaixo, no arquivo .js que foi criado o module. Aqui o arquivo é "SeuApp/www/js/app.js", mas pode ser com outro nome -->
<!-- No início: -->
angular.module('aplicativo', [
'ionic', // Já deveria existir
'exemplo_1', // Exemplo 1, se houver outro item, deixar
'exemplo_2', // Exemplo 2, se houver outro item, deixar
'...',
'flexcalendar', // NOVO! Inserir
'pascalprecht.translate' // NOVO! Inserir
])
<!-- No fim: -->
.config(function ($translateProvider) {
$translateProvider.translations('pt-BR', {
JANUARY: 'Janeiro', FEBRUARY: 'Fevereiro', MARCH: 'Março', APRIL: 'Abril', MAI: 'Maio', JUNE: 'Junho', JULY: 'Julho', AUGUST: 'Agosto', SEPTEMBER: 'Setembro', OCTOBER: 'Outubro', NOVEMBER: 'Novembro', DECEMBER: 'Dezembro',
SUNDAY: 'Domingo', MONDAY: 'Segunda', TUESDAY: 'Terça', WEDNESDAY: 'Quarta', THURSDAY: 'Quinta', FRIDAY: 'Sexta', SATURDAY: 'Sábado'
});
$translateProvider.preferredLanguage('pt-BR');
$translateProvider.useSanitizeValueStrategy('escape');
});
<!-- PASSO #3 -->
<!-- Na view/template, ou seja, no HTML da página, inserir: -->
<flex-calendar options="calendario_opcoes" events="calendario_eventos"></flex-calendar>
<!-- PASSO #4 -->
<!-- No controller da página que foi inserido o HTML acima, inserir: -->
$scope.calendario_opcoes = {
dayNamesLength: 3,
mondayIsFirstDay: true,
changeMonth: function(month, year) {
console.log(month, year);
}
}
$scope.calendario_eventos = [
{exemplo: 'valor1', date: "2015-09-29"},
{exemplo: 'valor2', date: "2015-11-02"},
{exemplo: 'valor3', date: "2015-10-07"},
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment