Modify "Restore From Date" field to datetime format

Modify the "Restore From Date" filed in "Create Action" form
to datetime format. This makes the user life easier.

Change-Id: I602a8640098be2ffb592c613b734dceda5b1eaeb
This commit is contained in:
qiaomin 2017-02-08 12:24:39 +08:00
parent 308b8c4d67
commit 71f9e3a650
2 changed files with 59 additions and 2 deletions

View File

@ -11,6 +11,10 @@
<span class="help-block">*** If creating a Restore Action, you must name the Action the same as the Backup Action
you are restoring. ***</p>
{% endblock %}
<link rel="stylesheet" href="{{ STATIC_URL }}freezer/css/bootstrap-datetimepicker.min.css">
<script type='text/javascript' src='{{ STATIC_URL }}freezer/js/vendor/moment.js'></script>
<script type='text/javascript' src='{{ STATIC_URL }}freezer/js/vendor/bootstrap-datetimepicker.js'></script>
<script type='text/javascript' src='{{ STATIC_URL }}freezer/js/freezer.actions.action.js'></script>
<script type='text/javascript' src='{{ STATIC_URL }}freezer/js/freezer.action.datetimepicker.js'></script>
{% endblock %}

View File

@ -0,0 +1,53 @@
/*
# (c) Copyright 2014,2015 Hewlett-Packard Development Company, L.P.
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
*/
/*global $*/
"use strict";
$(function () {
var config = {
format: 'YYYY-MM-DDTHH:mm:ss',
icons: {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-circle-o',
clear: 'fa fa-trash',
close: 'fa fa-times'
},
showClose: true,
tooltips: {
today: 'Go to today',
clear: 'Clear selection',
close: 'Close the picker'
},
widgetPositioning: {
horizontal: 'left',
vertical: 'bottom'
}
};
var $restore_from_date = $("#id_restore_from_date");
$restore_from_date.datetimepicker(config);
var $remove_from_date = $("#id_remove_from_date");
$remove_from_date.datetimepicker(config);
});