Нет описания

index.html 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <html>
  2. <head>
  3. <title>Angular JS Modules</title>
  4. <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
  5. <link rel="stylesheet" href="css/app.css">
  6. <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js" ></script>
  7. <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js" ></script>
  8. <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js" ></script>
  9. <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js" ></script>
  10. <!-- Angular Material Library -->
  11. <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-google-chart/0.1.0/ng-google-chart.min.js" type="text/javascript"></script>
  13. <script src="script/module/app.js"></script>
  14. <!-- <script src="script/module/lawyer.js"></script> -->
  15. <script src="script/module/search.js"></script>
  16. <style>
  17. table, th, td {
  18. border: 1px solid grey;
  19. border-collapse: collapse;
  20. padding-left:12px;
  21. padding-right:12px;
  22. padding-top:5px;
  23. padding-bottom:5px;
  24. }
  25. table tr:nth-child(odd) {
  26. background-color: #f2f2f2;
  27. }
  28. table tr:nth-child(even) {
  29. background-color: #ffffff;
  30. }
  31. tabble ,tr, td {
  32. min-width: 200px;
  33. text-align: center;
  34. }
  35. #appContainer {
  36. position: relative;
  37. left: 7%;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div ng-app="mainApp">
  43. <div id="appContainer" ng-controller="searchController">
  44. <h2>Conhecimento nos diarios</h2>
  45. <br/>
  46. <layout class="row" >
  47. <md-input-container>
  48. <label>Busque Aqui</label>
  49. <input type="text" ng-model="entity.text" size="50">
  50. </md-input-container>
  51. <div style="position: relative; top: -5px; display: inline-block; ">
  52. <md-button ng-click="search()" class="md-raised md-warn">Buscar</md-button>
  53. </div>
  54. </layout>
  55. <table border="0" >
  56. <tr>
  57. <td>Nome</td>
  58. <td>Tipo</td>
  59. <td>NumeroOAB</td>
  60. <td>Processos</td>
  61. <td>Info</td>
  62. </tr>
  63. <tr>
  64. <td><div > {{entity.name}} </div></td>
  65. <td><div > {{entity.type}} </div></td>
  66. <td><div > {{entity.oabnumber}} </div></td>
  67. <td><md-button ng-click="getProcessEntity()" class="md-raised md-warn">Processos</md-button></td>
  68. <td><md-button ng-click="getInfoEntity()" class="md-raised md-warn">Info</md-button></td>
  69. <td><div google-chart chart="myChartObject" style="height: 200px; width: 500px;" > </div></td>
  70. </tr>
  71. </table>
  72. <br>
  73. <table border="0">
  74. <tr>
  75. <td>Data</td>
  76. <td>Numero</td>
  77. <td>Tipo</td>
  78. <td>Sentença</td>
  79. <td>Info</td>
  80. </tr>
  81. <tr ng-repeat="process in processList">
  82. <td><div > {{process.processDate}} </div></td>
  83. <td><a ng-click="getProcessNumber(process.processNumber)" >{{process.processNumber}}</a> </td>
  84. <td><div >{{process.typeVerdict.name}} </div></td>
  85. <td >
  86. <md-button class="md-primary md-raised" ng-click="showVerdict(this)" >
  87. Sentença
  88. </md-button>
  89. </td>
  90. <td >
  91. <md-button class="md-primary md-raised" ng-click="getInfo(this)" >
  92. Info
  93. </md-button>
  94. </td>
  95. </tr>
  96. </table>
  97. </div>
  98. </div>
  99. </body>
  100. </html>