GooTimeline Demo

I - Inicialização do Editor por HTML

Inicialização do Editor vazio, sem configuração e sem datasources

Exemplo

<div id="timelineEdictor"
  data-ng-app="gooTimeline"
  ng-attr-timeline-edictor="true"
</div>
Ver Demo »

Inicialização do Editor sem configuração mas com um Url de datasources

Exemplo

<div id="timelineEdictor"
  data-ng-app="gooTimeline"
  ng-attr-timeline-edictor="true"
  ng-attr-datasources-url="json/DataSources2.json">
</div>
Ver Demo »

Inicialização do Editor com um URL de um configuração

Exemplo

<div id="timelineEdictor"
  data-ng-app="gooTimeline"
  ng-attr-timeline-edictor="true"
  ng-attr-configuration-url="json/config.json">
</div>
Ver Demo »

Inicialização do Editor com um URL de um configuração e com um Profile expecifico

Exemplo

<div id="timelineEdictor"
  data-ng-app="gooTimeline"
  ng-attr-timeline-edictor="true"
  ng-attr-edictor-profile="NormalUser"
  ng-attr-configuration-url="json/config2.json">
</div>
Ver Demo »


II - Inicialização do Editor usando a API

Inicialização do Editor utilizando a API

Exemplo

<div id="timelineEdictor"
  data-ng-app="gooTimeline"
  ng-attr-timeline-edictor="true"
</div>

Funcionalidades da API

Handler do botão Save da Framework

  gooTimelineApi.OnSave = function (configurationData) {(...)return true;};
  OU
  gooTimelineApi.OnSave = function (configurationData, currentTimelineData) {(...)return true;};

Funções de validação antes de alterar os dados

  gooTimelineApi.OnAddRow = function (newRow) { (...) return { success: true, error: "" };};
  gooTimelineApi.OnEditRow = function (oldRow, newRow) {(...)return { success: true, error: "" };};
  gooTimelineApi.OnDeleteRow = function (deletedRow) {(...)return { success: true, error: "" };};

Função para ir buscar os dados actuais da timeline

  var timelineData = gooTimelineApi.GetCurrentTimelineData()

Funcionalidades de acesso e gestão da configuração

  var configData = gooTimelineApi.GetConfiguration();
  var currentTimelineConfig = gooTimelineApi.GetCurrentTimeline();
  gooTimelineApi.ClearConfiguration();
  gooTimelineApi.SetConfigurationByUrl('json/config.json');
  gooTimelineApi.SetConfiguration(configData);

Funcionalidades de acesso e gestão do Profile de Acesso

  var profile = gooTimelineApi.GetCurrentProfile();
  gooTimelineApi.SetProfile('NormalUser');;
Ver Demo »