1 {% extends
"base.html" %}
8 <link rel=
"stylesheet" href=
"/static/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
11 {% block title_header_big %}
14 {% block left_sidebar %}
16 {% include 'osm/osm_project_left_sidebar.html' %}
21 {% block breadcrumb_body %}
23 <li><a href=
"{% url 'projects:projects_list' %}">Projects
</a></li>
26 {% block content_body %}
30 <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">
46 <th>Modification Date
</th>
47 <th>Creation Date
</th>
60 {% include
"modal/project_new.html" %}
61 {% include
"modal/project_edit.html" %}
64 {% block resource_block %}
66 <script src=
"/static/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
67 <script src=
"/static/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
70 $(document).ready( function () {
71 var table = $('#projects_table').DataTable({
74 "url":
"/projects/list",
75 "dataSrc": function (json) {
76 return json['projects'];
80 console.log(
"no auth");
81 moveToLogin(window.location.pathname);
84 "error": function (hxr, error, thrown) {
93 "render": function (data, type, row) {
94 return '
<a href=
"/projects/'+row['name']+'/switch/" >'+row['name']+'
</a>'
99 "render": function (data, type, row) {
100 return moment.unix(row[
"_admin"]['modified']).format('YYYY-MM-DD hh:mm:ss a');
105 "render": function (data, type, row) {
106 return moment.unix(row[
"_admin"]['created']).format('YYYY-MM-DD hh:mm:ss a');
111 "render": function (data, type, row) {
112 return '
<div class=
"btn-group">\n' +
113 '
<button type=
"button" class=
"btn btn-default dropdown-toggle"\n' +
114 '
data-toggle=
"dropdown" aria-expanded=
"false">Actions\n' +
115 '
<span class=
"fa fa-caret-down"></span></button>\n' +
116 '
<ul class=
"dropdown-menu">\n' +
117 '
<li><a href=
"#"\n' +
118 '
onclick=
"javascript:editProject(\''+ row['name']+'\')">\n' +
119 '
<i class=
"fa fa-edit"></i> Rename
</a></li>\n' +
121 '
<a href=
"#" onclick=
"javascript:deleteProject(\''+ row['name']+'\')" style=
"color:red">\n' +
122 '
<i class=
"fa fa-trash" ></i> Delete
</a>\n' +
133 setInterval(function () {
139 function showModalNewProject(){
140 $('#modal_new_project').modal('show');
143 function editProject(project_id){
144 var url =
"/projects/" + project_id+
"/edit";
145 $(
"#formEditProject").attr(
"action", url);
146 $('#modal_edit_project').modal('show');
149 function deleteProject(project_id) {
150 var url =
"/projects/" + project_id+
"/delete";
151 bootbox.confirm(
"Are you sure want to delete?", function (result) {
157 "Accept": 'application/json'
161 }).done(function (response,textStatus, jqXHR) {
164 message:
"Project deleted.",
165 callback: function () {
169 }).fail(function(result){
170 var data = result.responseJSON;
171 var title =
"Error " + (data.code ? data.code: 'unknown');
172 var message = data.detail ? data.detail: 'No detail available.';
182 $(document).ready(function () {
183 $(
"#formNewProject").submit(function (event) {
184 event.preventDefault(); //prevent default action
185 var post_url = $(this).attr(
"action"); //get form action url
186 var request_method = $(this).attr(
"method"); //get form GET/POST method
187 var form_data = new FormData(this); //Encode form elements for submission
188 console.log(post_url);
191 type: request_method,
194 "Accept": 'application/json'
198 }).done(function (response,textStatus, jqXHR) {
201 message:
"Project created.",
202 callback: function () {
206 }).fail(function(result){
207 var data = result.responseJSON;
208 var title =
"Error " + (data.code ? data.code: 'unknown');
209 var message = data.detail ? data.detail: 'No detail available.';