1 {% extends
"base.html" %}
10 {% block title_header_big %}
13 {% block left_sidebar %}
15 {% include 'osm/osm_project_left_sidebar.html' %}
20 {% block breadcrumb_body %}
22 <li><a href=
"{% url 'projects:projects_list' %}">Projects
</a></li>
25 {% block content_body %}
29 <div class=
"col-md-12">
32 <div class=
"box-header with-border">
33 <h3 class=
"box-title">Projects
</h3>
34 <div class=
"box-tools">
35 <button type=
"button" class=
"btn btn-default" data-container=
"body"
36 data-toggle=
"tooltip" data-placement=
"top" title=
"New Project"
37 onclick=
"javascript:showModalNewProject()">
38 <i class=
"fa fa-plus"></i> New Project
</button>
41 <div class=
"box-body">
42 <table id=
"projects_table" class=
"table table-bordered table-striped">
48 <th>Modification Date
</th>
49 <th>Creation Date
</th>
54 {% for p in projects %}
58 <a href=
"/projects/switch/{{ p.name }}" >{{ p.name }}
</a>
61 <td>{{ p|get_sub:
"_admin,modified"|get_date}}
</td>
62 <td>{{ p|get_sub:
"_admin,created"|get_date}}
</td>
65 <div class=
"btn-group">
66 <button type=
"button" class=
"btn btn-default dropdown-toggle"
67 data-toggle=
"dropdown" aria-expanded=
"false">Actions
68 <span class=
"fa fa-caret-down"></span></button>
69 <ul class=
"dropdown-menu">
71 onclick=
"javascript:editProject('{% url 'projects:edit_project' project_id=p.name %}')">
72 <i class=
"fa fa-edit"></i> Rename
</a></li>
74 <a href=
"#" onclick=
"javascript:deleteProject('{% url 'projects:delete_project' project_id=p.name%}')" style=
"color:red">
75 <i class=
"fa fa-trash" ></i> Delete
</a>
89 {% include
"modal/project_new.html" %}
90 {% include
"modal/project_edit.html" %}
93 {% block resource_block %}
96 function showModalNewProject(){
97 $('#modal_new_project').modal('show');
100 function editProject(url){
101 $(
"#formEditProject").attr(
"action", url);
102 $('#modal_edit_project').modal('show');
105 function deleteProject(url) {
106 bootbox.confirm(
"Are you sure want to delete?", function (result) {
112 "Accept": 'application/json'
116 }).done(function (response,textStatus, jqXHR) {
120 message:
"Project deleted.",
121 callback: function () {
125 }).fail(function(result){
126 var data = result.responseJSON;
127 var title =
"Error " + (data.code ? data.code: 'unknown');
128 var message = data.detail ? data.detail: 'No detail available.';
138 $(document).ready(function () {
139 $(
"#formNewProject").submit(function (event) {
140 event.preventDefault(); //prevent default action
141 var post_url = $(this).attr(
"action"); //get form action url
142 var request_method = $(this).attr(
"method"); //get form GET/POST method
143 var form_data = new FormData(this); //Encode form elements for submission
144 console.log(post_url);
147 type: request_method,
150 "Accept": 'application/json'
154 }).done(function (response,textStatus, jqXHR) {
157 message:
"Project created.",
158 callback: function () {
162 }).fail(function(result){
163 var data = result.responseJSON;
164 var title =
"Error " + (data.code ? data.code: 'unknown');
165 var message = data.detail ? data.detail: 'No detail available.';