datepicker frontend
authorOlivier Larchevêque <olivier.larcheveque@auf.org>
Mon, 11 Apr 2011 17:19:19 +0000 (13:19 -0400)
committerOlivier Larchevêque <olivier.larcheveque@auf.org>
Mon, 11 Apr 2011 17:19:19 +0000 (13:19 -0400)
project/dae/forms.py
project/dae/templates/dae/poste.html
project/media/css/calendrier.css [new file with mode: 0644]

index 105ebdf..622d742 100644 (file)
@@ -2,6 +2,7 @@
 
 from django import forms
 from django.forms.models import inlineformset_factory
+from django.contrib.admin import widgets as admin_widgets 
 
 from datamaster_modeles import models as ref
 
@@ -45,6 +46,8 @@ class PosteForm(forms.ModelForm):
         widgets = dict(statut_residence=forms.RadioSelect(),
                        appel=forms.RadioSelect(),
                        nom=forms.TextInput(attrs={'size': 60},),
+                       date_debut=admin_widgets.AdminDateWidget(),
+                       date_fin=admin_widgets.AdminDateWidget(),
                        #devise_min=forms.Select(attrs={'disabled':'disabled'}),
                        #devise_max=forms.Select(attrs={'disabled':'disabled'}),
                     )
index cabab70..11e9f90 100644 (file)
@@ -1,4 +1,5 @@
 {% extends 'base.html' %}
+{% load adminmedia %}
 
 {% block title %}RH - DAE - Poste{% endblock %}
 {% block titre %}Ressources humaines{% endblock %}
@@ -11,6 +12,18 @@ Demande d'autorisation d'embauche
           type="text/javascript"></script>
   <script src="{{ MEDIA_URL }}js/jquery-ui-1.8.11.custom.min.js"
           type="text/javascript"></script>
+
+  {% comment  %} style pour le calendier {% endcomment %}
+  <script type="text/javascript">
+    window.__admin_media_prefix__ = "{% filter escapejs %}{% admin_media_prefix %}{% endfilter %}";
+  </script>
+  <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/calendrier.css" />
+  <script type="text/javascript" src="/admin/jsi18n/"></script>
+  <script type="text/javascript" src="{% admin_media_prefix %}js/core.js"></script>
+
+  {{ form.media }}
+
+
   <link href="{{ MEDIA_URL }}/css/redmond/jquery-ui-1.8.11.custom.css"
         rel="stylesheet" />
 
@@ -24,6 +37,7 @@ Demande d'autorisation d'embauche
     .info {font-size:13px;  font-style: italic;}
     .noborder {border:none; margin:0; padding; 0}
     tr.noborder td {border:none; padding-left: 0;}
+
   </style>
 {% endblock %}
 
diff --git a/project/media/css/calendrier.css b/project/media/css/calendrier.css
new file mode 100644 (file)
index 0000000..15a5cb9
--- /dev/null
@@ -0,0 +1,160 @@
+
+/* CALENDARS & CLOCKS */
+
+.calendar caption {
+    background: url("/media/django/img/admin/default-bg.gif") repeat-x scroll left top #7CA0C7;
+    color: white;
+    font-size: 11px;
+    font-weight: bold;
+    margin: 0;
+    padding: 2px 5px 3px;
+    text-align: left;
+}
+
+.calendarbox, .clockbox {
+    margin: 5px auto;
+    font-size: 11px;
+    width: 16em;
+    text-align: center;
+    background: white;
+    position: relative;
+}
+
+.clockbox {
+    width: auto;
+}
+
+.calendar {
+    margin: 0;
+    padding: 0;
+}
+
+.calendar table {
+    margin: 0;
+    padding: 0;
+    border-collapse: collapse;
+    background: white;
+    width: 99%;
+}
+
+.calendar caption, .calendarbox h2 {
+    margin: 0;
+    font-size: 11px;
+    text-align: center;
+    border-top: none;
+}
+
+.calendar th {
+    font-size: 10px;
+    color: #666;
+    padding: 2px 3px;
+    text-align: center;
+    background: #e1e1e1 url(/media/django/img/admin/default-bg.gif) 0 50% repeat-x;
+    border-bottom: 1px solid #ddd;
+}
+
+.calendar td {
+    font-size: 11px;
+    text-align: center;
+    padding: 0;
+    border-top: 1px solid #eee;
+    border-bottom: none;
+}
+
+.calendar td.selected a {
+    background: #C9DBED;
+}
+
+.calendar td.nonday {
+    background: #efefef;
+}
+
+.calendar td.today a {
+    background: #ffc;
+}
+
+.calendar td a, .timelist a {
+    display: block;
+    font-weight: bold;
+    padding: 4px;
+    text-decoration: none;
+    color: #444;
+}
+
+.calendar td a:hover, .timelist a:hover {
+    background: #5b80b2;
+    color: white;
+}
+
+.calendar td a:active, .timelist a:active {
+    background: #036;
+    color: white;
+}
+
+.calendarnav {
+    font-size: 10px;
+    text-align: center;
+    color: #ccc;
+    margin: 0;
+    padding: 1px 3px;
+}
+
+.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
+    color: #999;
+}
+
+.calendar-shortcuts {
+    background: white;
+    font-size: 10px;
+    line-height: 11px;
+    border-top: 1px solid #eee;
+    padding: 3px 0 4px;
+    color: #ccc;
+}
+
+.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
+    display: block;
+    position: absolute;
+    font-weight: bold;
+    font-size: 12px;
+    background: #C9DBED url(/media/django/img/admin/default-bg.gif) bottom left repeat-x;
+    padding: 1px 4px 2px 4px;
+    color: white;
+}
+
+.calendarnav-previous:hover, .calendarnav-next:hover {
+    background: #036;
+}
+
+.calendarnav-previous {
+    top: 0;
+    left: 0;
+}
+
+.calendarnav-next {
+    top: 0;
+    right: 0;
+}
+
+.calendar-cancel {
+    margin: 0 !important;
+    padding: 0;
+    font-size: 10px;
+    background: #e1e1e1 url(/media/django/img/admin/default-bg.gif) 0 50% repeat-x;
+    border-top: 1px solid #ddd;
+}
+
+.calendar-cancel a {
+    padding: 2px;
+    color: #999;
+}
+
+ul.timelist, .timelist li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.timelist a {
+    padding: 2px;
+}