Advertisement
CesarBalzer

Untitled

Apr 19th, 2018
210
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //ROUTES
  2. routes=[{
  3. path: '/divida_notificar/',
  4. async: function (routeTo, routeFrom, resolve, reject) {
  5. //NOT WORKING
  6. //$$('.infinite-scroll-preloader').remove();
  7. var doc = [];
  8. var storage = window.localStorage;
  9. var login = storage.getItem("login");
  10. var token = storage.getItem("token");
  11. var router = this;
  12. var app = router.app;
  13. app.preloader.show();
  14. app.request({
  15. url: URL_CALL",
  16. method: 'GET',
  17. dataType: 'json',
  18.  
  19. headers: {
  20.  
  21. },
  22. success: function (data, status, xhr) {
  23. console.log(data.length);
  24. if (self.lastItem < 20) {
  25. $(self.$el).find('.infinite-scroll-preloader').remove();
  26. }
  27. $.each(data, function (idx, item) {
  28. doc[idx] = {
  29. "cod": item.cod,
  30. "nome": item.nome,
  31. "documento": item.documento,
  32. "vencimento": moment(item.vencimento).format("DD/MM/YYYY"),
  33. "valor_numerico": mvalor(item.valor_numerico)
  34. };
  35. });
  36. app.preloader.hide();
  37. resolve({
  38. componentUrl: './pages/divida_notificar.html',
  39. }, {context: {
  40. documento: doc
  41. }
  42. });
  43. },
  44. error: function (xhr, status) {
  45. app.preloader.hide();
  46. app.dialog.alert("Não foi possível conectar-se ao servidor! Por favor tente novamente mais tarde!", "Ops...", null);
  47. console.log(status);
  48. },
  49. statusCode: {
  50. 404: function (xhr) {
  51. app.preloader.hide();
  52. app.dialog.alert("Não foi posível conectar-se ao servidor!", "Ops...", null);
  53. }
  54. }
  55. });
  56. }
  57. },
  58. {
  59. path: '/divida_detalhe/:cod/',
  60. async: function (routeTo, routeFrom, resolve, reject) {
  61. var not = [];
  62. var router = this;
  63. var app = router.app;
  64. var cod = routeTo.params.cod;
  65. app.preloader.show();
  66. setTimeout(function () {
  67. app.preloader.hide();
  68. resolve({
  69. componentUrl: './pages/divida_detalhe.html',
  70. }, {context: {
  71. cod: cod
  72. }
  73. });
  74. }, 2000);
  75. },
  76. },
  77. }
  78. //TEMPLATE LIST VIEW
  79. <template>
  80. <div class="page" data-name="divida_notificar">
  81. <div class="navbar">
  82. <div class="navbar-inner sliding">
  83. <div class="left">
  84. <a href="#" class="link back">
  85. <i class="icon icon-back"></i>
  86. <span class="ios-only">Voltar</span>
  87. </a>
  88. </div>
  89. <div class="title">Dívidas</div>
  90. <div class="right">
  91. <a href="#" class="link icon-only panel-open" data-panel="left">
  92. <i class="icon f7-icons ios-only">menu</i>
  93. <i class="icon material-icons md-only">menu</i>
  94. </a>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="block-title">Documentos em aberto que serão notificados caso não sejam pagos ou baixados em até 5 dias.</div>
  99. <div data-infinite-distance="50" class="page-content infinite-scroll-content" @infinite="loadMore">
  100. <div class="block block-strong-inset">
  101. <div class="list media-list">
  102. <ul class="lista_doc">
  103. {{#each documento}}
  104. <li class="action_status" cod='{{cod}}'>
  105. <a href="/divida_detalhe/{{cod}}/" class="item-link item-content">
  106. <div class="item-inner">
  107. <div class="item-title-row">
  108. <div class="item-title">Cód: {{cod}}</div>
  109. <div class="item-after">R$ {{valor_numerico}}</div>
  110. </div>
  111. <div class="item-subtitle">Nome: {{nome}}</div>
  112. <div class="item-text">Nº: {{cod}}</div>
  113. <div class="item-text">Vencimento: {{vencimento}}</div>
  114. </div>
  115. </a>
  116. </li>
  117. {{/each}}
  118. </ul>
  119. </div>
  120. </div>
  121. {{#if showPreloaderOnLoad}}
  122. <div class="preloader infinite-scroll-preloader"></div>
  123. {{/if}}
  124. </div>
  125. </div>
  126. </template>
  127. <script>
  128. return {
  129. data: function () {
  130. return {
  131. allowInfinite: true,
  132. lastItem: 20,
  133. }
  134. },
  135. methods: {
  136. loadMore: function () {
  137. var self = this;
  138. var $ = self.$$;
  139. if (!self.allowInfinite)
  140. return;
  141. self.allowInfinite = false;
  142. var storage = window.localStorage;
  143. myapp.request({
  144. url: URL_CALL + "?limit=20&offset=" + self.lastItem,
  145. method: 'GET',
  146. dataType: 'json',
  147. headers: {
  148.  
  149. },
  150. success: function (data) {
  151. var html = '';
  152. for (var i = 0; i < data.length; i++) {
  153. html += '<li class="action_status" cod=' + data[i].cod + '>';
  154. html += '<a href="/divida_detalhe/'+ data[i].cod +'/" class="item-link item-content">';
  155. html += '<div class="item-inner">';
  156. html += '<div class="item-title-row">';
  157. html += '<div class="item-title">CÓDIGO: ' + data[i].cod + '</div>';
  158. html += '<div class="item-after">R$ ' + mvalor(data[i].valor_numerico) + '</div>';
  159. html += '</div>';
  160. html += '<div class="item-subtitle">NOME: ' + data[i].nome + '</div>';
  161. html += '<div class="item-text">DOCUMENTO: ' + data[i].documento + '</div>';
  162. html += '<div class="item-text">VENCIMENTO: ' + moment(data[i].vencimento).format("DD/MM/YYYY") + '</div>';
  163. html += '</div>';
  164. html += '</a>';
  165. html += '</li>';
  166. }
  167. $(self.$el).find('.lista_doc').append(html);
  168. $(self.$el).find('.preloader').remove();
  169. },
  170. error: function (xhr, status) {
  171. myapp.dialog.alert("Ocorreu um erro inesperado! Por favor tente novamente mais tarde!", "Ops...", null);
  172. },
  173. statusCode: {
  174. 404: function (xhr) {
  175. myapp.dialog.alert("Não foi posível conectar-se ao servidor!", "Ops...", null);
  176. }
  177. }
  178. });
  179. self.lastItem += 20;
  180. self.allowInfinite = true;
  181. }
  182. }
  183. }
  184. </script>
  185.  
  186. //TEMPLATE DETAIL
  187. <template>
  188. <div class="page">
  189. <div class="navbar">
  190. <div class="navbar-inner sliding">
  191. <div class="left">
  192. <a href="#" class="back link">
  193. <i class="icon icon-back"></i>
  194. <span class="ios-only">Back</span>
  195. </a>
  196. </div>
  197. <div class="title">Detalhes {{cod}}</div>
  198. </div>
  199. </div>
  200. <div class="page-content">
  201. <div class="block block-strong">
  202.  
  203. </div>
  204.  
  205. </div>
  206. </div>
  207. </template>
  208. <script>
  209. return {}
  210. </script>
Advertisement
RAW Paste Data Copied
Advertisement