|
1 | 1 | {% extends "base.html.twig" %} |
2 | 2 |
|
3 | 3 | {% block content %} |
4 | | - <div class="row"> |
| 4 | + <div class="row" id="mainPage"> |
5 | 5 | <div class="col-lg-12"> |
6 | 6 |
|
7 | 7 | <section class="panel"> |
8 | | - <header class="panel-heading"> |
9 | | - NOVO REGISTRO |
10 | | - <span class="tools pull-right"> |
11 | | - <a class="fa fa-repeat box-refresh" href="javascript:;" onclick="resetForm('formPage')"></a> |
12 | | - <a class="t-collapse fa fa-chevron-down" href="javascript:;"></a> |
13 | | - </span> |
14 | | - </header> |
15 | 8 | <div class="panel-body"> |
| 9 | + <header class="panel-heading "> |
| 10 | + Novo Registro |
| 11 | + <span class="tools pull-right"> |
| 12 | + <a class="fa fa-repeat box-refresh" href="javascript:;"></a> |
| 13 | + <a class="t-collapse fa fa-chevron-down" href="javascript:;"></a> |
| 14 | + </span> |
| 15 | + </header> |
16 | 16 |
|
17 | | - <form role="form" id="formPage"> |
18 | | - <div class="form-group"> |
19 | | - <label for="txtPagina">Página</label> |
20 | | - <select class="form-control select2" id="txtPagina"> |
21 | | - <option></option> |
22 | | - <optgroup label="Alaskan/Hawaiian Time Zone"> |
23 | | - <option value="AK">Alaska</option> |
24 | | - <option value="HI">Hawaii</option> |
25 | | - </optgroup> |
26 | | - <optgroup label="Pacific Time Zone"> |
27 | | - <option value="CA">California</option> |
28 | | - <option value="NV">Nevada</option> |
29 | | - <option value="OR">Oregon</option> |
30 | | - <option value="WA">Washington</option> |
31 | | - </optgroup> |
32 | | - <optgroup label="Mountain Time Zone"> |
33 | | - <option value="AZ">Arizona</option> |
34 | | - <option value="CO">Colorado</option> |
35 | | - <option value="ID">Idaho</option> |
36 | | - <option value="MT">Montana</option> |
37 | | - <option value="NE">Nebraska</option> |
38 | | - <option value="NM">New Mexico</option> |
39 | | - <option value="ND">North Dakota</option> |
40 | | - <option value="UT">Utah</option> |
41 | | - <option value="WY">Wyoming</option> |
42 | | - </optgroup> |
43 | | - <optgroup label="Central Time Zone"> |
44 | | - <option value="AL">Alabama</option> |
45 | | - <option value="AR">Arkansas</option> |
46 | | - <option value="IL">Illinois</option> |
47 | | - <option value="IA">Iowa</option> |
48 | | - <option value="KS">Kansas</option> |
49 | | - <option value="KY">Kentucky</option> |
50 | | - <option value="LA">Louisiana</option> |
51 | | - <option value="MN">Minnesota</option> |
52 | | - <option value="MS">Mississippi</option> |
53 | | - <option value="MO">Missouri</option> |
54 | | - <option value="OK">Oklahoma</option> |
55 | | - <option value="SD">South Dakota</option> |
56 | | - <option value="TX">Texas</option> |
57 | | - <option value="TN">Tennessee</option> |
58 | | - <option value="WI">Wisconsin</option> |
59 | | - </optgroup> |
60 | | - <optgroup label="Eastern Time Zone"> |
61 | | - <option value="CT">Connecticut</option> |
62 | | - <option value="DE">Delaware</option> |
63 | | - <option value="FL">Florida</option> |
64 | | - <option value="GA">Georgia</option> |
65 | | - <option value="IN">Indiana</option> |
66 | | - <option value="ME">Maine</option> |
67 | | - <option value="MD">Maryland</option> |
68 | | - <option value="MA">Massachusetts</option> |
69 | | - <option value="MI">Michigan</option> |
70 | | - <option value="NH">New Hampshire</option> |
71 | | - <option value="NJ">New Jersey</option> |
72 | | - <option value="NY">New York</option> |
73 | | - <option value="NC">North Carolina</option> |
74 | | - <option value="OH">Ohio</option> |
75 | | - <option value="PA">Pennsylvania</option> |
76 | | - <option value="RI">Rhode Island</option> |
77 | | - <option value="SC">South Carolina</option> |
78 | | - <option value="VT">Vermont</option> |
79 | | - <option value="VA">Virginia</option> |
80 | | - <option value="WV">West Virginia</option> |
81 | | - </optgroup> |
82 | | - </select> |
83 | | - </div> |
| 17 | + <div class="panel-body"> |
84 | 18 |
|
85 | | - <div class="form-group"> |
86 | | - <label for="menu">Nome da seção</label> |
87 | | - <input type="text" class="form-control" id="menu" placeholder="Informe o nome da seção"> |
88 | | - </div> |
| 19 | + <form role="form" id="formPage" enctype="multipart/form-data"> |
| 20 | + <div class="form-group"> |
| 21 | + <label for="txtPage">Página</label> |
| 22 | + <select class="form-control select2" id="txtPage" name="txtPagina"> |
| 23 | + <option value="">Selecione uma opção</option> |
| 24 | + {% for pages in data.pages %} |
| 25 | + <option value="{{ menu.id }}" {{ selected }}>{{ page.nameClean }}</option> |
| 26 | + {% endfor %} |
| 27 | + </select> |
| 28 | + </div> |
89 | 29 |
|
90 | | - <div class="form-group"> |
91 | | - <label for="txtTexto">Conteúdo</label> |
92 | | - <div id="txtTexto" class="summernote">Informe uma descrição da página</div> |
93 | | - </div> |
| 30 | + <div class="form-group"> |
| 31 | + <label for="menu">Descrição</label> |
| 32 | + <input type="text" class="form-control" id="txtDescription" name="txtDescription" placeholder="Informe uma descrição"> |
| 33 | + </div> |
94 | 34 |
|
95 | | - <div class="form-group"> |
96 | | - <input id="txtStatus" type="checkbox" class="form-control js-switch-blue" checked/> |
97 | | - <label for="txtStatus" class="control-label">Ativar/Inativar Registro</label> |
98 | | - </div> |
| 35 | + <div class="form-group"> |
| 36 | + <label for="menu">Descrição</label> |
| 37 | + <input type="text" class="form-control" id="txtName" name="txtName" placeholder="Informe uma descrição"> |
| 38 | + </div> |
| 39 | + |
| 40 | + <div class="form-group"> |
| 41 | + <input id="chkStatus" type="checkbox" name="chkStatus" class="form-control js-switch-blue" |
| 42 | + checked/> |
| 43 | + <label for="chkStatus" class="control-label">Ativar/Inativar Registro</label> |
| 44 | + </div> |
| 45 | + |
| 46 | + <input type="hidden" id="txtPageEdit" name="txtPageEdit"/> |
99 | 47 |
|
100 | | - <button type="submit" class="btn btn-info">Salvar</button> |
101 | | - </form> |
| 48 | + <button class="btn btn-success" type="submit" id="btnSalvar">Salvar</button> |
| 49 | + |
| 50 | + </form> |
| 51 | + |
| 52 | + </div> |
102 | 53 |
|
103 | 54 | </div> |
104 | | - </section> |
105 | 55 |
|
| 56 | + <!-- Modal --> |
| 57 | + <div class="modal fade" id="removeData" data-toggle="modal" tabindex="-1" role="dialog" aria-labelledby="removeData" |
| 58 | + aria-hidden="true"> |
| 59 | + <div class="modal-dialog"> |
| 60 | + <div class="modal-content"> |
| 61 | + <div class="modal-header"> |
| 62 | + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">× |
| 63 | + </button> |
| 64 | + <h4 class="modal-title">Cadastro::Page</h4> |
| 65 | + </div> |
| 66 | + <div class="modal-body"> |
| 67 | + <p>O registro será deletado.</p> |
| 68 | + <p>Confirma operação?</p> |
| 69 | + <input type="hidden" id="data-id"/> |
| 70 | + </div> |
| 71 | + <div class="modal-footer"> |
| 72 | + <button data-dismiss="modal" class="btn btn-send">Cancelar</button> |
| 73 | + <button class="btn btn-danger" id="btnRemover">Remover</button> |
| 74 | + </div> |
| 75 | + </div> |
| 76 | + </div> |
| 77 | + </div> |
| 78 | + <!-- modal --> |
| 79 | + |
| 80 | + </section> |
106 | 81 |
|
107 | 82 | <section class="panel"> |
108 | 83 | <header class="panel-heading "> |
109 | 84 | Lista de registros |
110 | 85 | <span class="tools pull-right"> |
111 | | - <a class="fa fa-repeat box-refresh" href="javascript:;"></a> |
112 | | - <a class="t-close fa fa-times" href="javascript:;"></a> |
| 86 | + <a class="fa fa-repeat box-refresh" href="javascript:;" onclick="resetForm('formPage')"></a> |
| 87 | + <a class="t-collapse fa fa-chevron-down" href="javascript:;"></a> |
113 | 88 | </span> |
114 | 89 | </header> |
115 | 90 | <table class="table colvis-data-table data-table"> |
116 | 91 | <thead> |
117 | 92 | <tr> |
118 | | - <th width="5%"> </th> |
119 | | - <th width="20%">MENU</th> |
120 | | - <th width="40%">SUB-MENU</th> |
121 | | - <th width="20%">PÁGINA</th> |
| 93 | + <th width="5%">#</th> |
| 94 | + <th width="35%">Página</th> |
| 95 | + <th width="35%">MENU</th> |
122 | 96 | <th width="5%">AÇÃO</th> |
123 | 97 | </tr> |
124 | 98 | </thead> |
125 | 99 | <tbody> |
126 | | - <tr> |
127 | | - <td>1</td> |
128 | | - <td>ADELMAN SOARES ASEVEDO FILHO</td> |
129 | | - <td>Ginecologia/Obstetrícia</td> |
130 | | - <td>Ginecologia/Obstetrícia</td> |
131 | | - <td> |
132 | | - <button class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i></button> |
133 | | - <button class="btn btn-danger btn-xs"><i class="fa fa-trash-o "></i></button> |
134 | | - </td> |
135 | | - </tr> |
| 100 | + {% for page in data.pages %} |
| 101 | + <tr> |
| 102 | + <td>{{ page.id }}</td> |
| 103 | + <td>{{ page.nameClean }}</td> |
| 104 | + <td>{{ page.menu.descripton }}</td> |
| 105 | + <td> |
| 106 | + <button class="btn btn-primary btn-xs" id="btnEditPage" data-id="{{ page.id }}"><i class="fa fa-pencil"></i></button> |
| 107 | + <button class="btn btn-danger btn-xs" id="btnUpdatePage" data-id="{{ page.id }}"><i class="fa fa-trash-o "></i></button> |
| 108 | + </td> |
| 109 | + </tr> |
| 110 | + {% endfor %} |
136 | 111 | </tbody> |
137 | 112 | </table> |
138 | 113 | </section> |
|
0 commit comments