Merge pull request #15 from tahajahangir/bootstrap3

Bootstrap style <select>s and optional better renderers for relations

Author: amleczko

fa/bootstrap/fanstatic_resources.py

@@ -1,12 +1,31 @@
 from fanstatic import Group, Library, Resource
 from js.jquery import jquery
 from js.jqueryui import jqueryui
-from js.bootstrap import bootstrap
+from js.bootstrap import bootstrap as bootstrap_orig
 from js.jquery_tablesorter import tablesorter
 from fa.jquery.fanstatic_resources import fa_js
 
 fa_bootstrap_library = Library('fa_bootstrap', 'static')
 listing = Resource(fa_bootstrap_library, 'js/listing.js', depends=[jquery])
 autocomplete = Resource(fa_bootstrap_library, 'js/autocomplete.js', depends=[jqueryui, fa_js])
 
-bootstrap = Group([listing, bootstrap, tablesorter])
+
+# bootstrap-select
+select_picker_js = Resource(fa_bootstrap_library, 'js/bootstrap-select.js', depends=[bootstrap_orig],
+                      minified='js/bootstrap-select.min.js')
+select_picker_css = Resource(fa_bootstrap_library, 'css/bootstrap-select.css')
+bselect_initializer = Resource(fa_bootstrap_library, 'bootstrap_select/..',
+                               renderer=lambda _: "<script>$(function(){$('.selectpicker').selectpicker()})</script>")
+select_picker = Group([select_picker_js, select_picker_css, bselect_initializer])
+
+
+# dual list box
+duallistbox_js = Resource(fa_bootstrap_library, 'js/jquery.bootstrap-duallistbox.js', depends=[bootstrap_orig],
+                          minified='js/jquery.bootstrap-duallistbox.min.js')
+duallistbox_css = Resource(fa_bootstrap_library, 'css/bootstrap-duallistbox.css')
+duallistbox_initializer_renderer = lambda _: "<script>$(function(){$('.duallistbox').bootstrapDualListbox()})</script>"
+duallistbox_initializer = Resource(fa_bootstrap_library, 'dual_init/..', renderer=duallistbox_initializer_renderer)
+duallistbox = Group([duallistbox_js, duallistbox_css, duallistbox_initializer])
+
+
+bootstrap = Group([listing, bootstrap_orig, tablesorter])

fa/bootstrap/forms.py

@@ -13,4 +13,7 @@ class BootstrapFieldSet(FieldSet):
         fatypes.Numeric: renderers.BootstrapFloatFieldRenderer,
         fatypes.Interval: renderers.BootstrapIntervalFieldRenderer,
         fatypes.Boolean: renderers.BootstrapBooleanFieldRenderer,
+        fatypes.Set: renderers.BootstrapSelectFieldRenderer,
+        fatypes.List: renderers.BootstrapSelectFieldRenderer,
+        'dropdown': renderers.BootstrapSelectFieldRenderer,
     })

fa/bootstrap/locale/de/LC_MESSAGES/fa_bootstrap.mo

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: fa.bootstrap 0.3.4.dev0\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2014-04-06 14:57+0430\n"
+"POT-Creation-Date: 2014-04-22 18:34+0430\n"
 "PO-Revision-Date: 2014-04-06 15:13+0430\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: de <[email protected]>\n"
@@ -18,31 +18,35 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "Generated-By: Babel 1.3\n"
 
-#: fa/bootstrap/actions.py:76
+#: fa/bootstrap/actions.py:87
 msgid "New ${model_label}"
 msgstr "Hinzufügen: ${model_label}"
 
-#: fa/bootstrap/actions.py:86
+#: fa/bootstrap/actions.py:97
 msgid "Save"
 msgstr "Speichern"
 
-#: fa/bootstrap/actions.py:95
+#: fa/bootstrap/actions.py:105
 msgid "Save and add another"
 msgstr "Speichern und weitere Hinzufügen"
 
-#: fa/bootstrap/actions.py:106
+#: fa/bootstrap/actions.py:116
 msgid "Edit"
 msgstr "Bearbeiten"
 
-#: fa/bootstrap/actions.py:115
+#: fa/bootstrap/actions.py:125
 msgid "Back"
 msgstr "Zurück"
 
-#: fa/bootstrap/actions.py:122
+#: fa/bootstrap/actions.py:132
 msgid "Delete"
 msgstr "Löschen"
 
-#: fa/bootstrap/actions.py:133
+#: fa/bootstrap/actions.py:143
 msgid "Cancel"
 msgstr "Abbrechen"
 
+#: fa/bootstrap/templates/admin/new.pt:6
+msgid "Add new item"
+msgstr "Neues Element hinzufügen"
+

fa/bootstrap/locale/de/LC_MESSAGES/fa_bootstrap.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: fa.bootstrap 0.3.4.dev0\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2014-04-06 14:57+0430\n"
+"POT-Creation-Date: 2014-04-22 18:34+0430\n"
 "PO-Revision-Date: 2014-04-06 17:07+0430\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: fa <[email protected]>\n"
@@ -18,31 +18,35 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "Generated-By: Babel 1.3\n"
 
-#: fa/bootstrap/actions.py:76
+#: fa/bootstrap/actions.py:87
 msgid "New ${model_label}"
 msgstr "${model_label} جدید"
 
-#: fa/bootstrap/actions.py:86
+#: fa/bootstrap/actions.py:97
 msgid "Save"
 msgstr "ذخیره"
 
-#: fa/bootstrap/actions.py:95
+#: fa/bootstrap/actions.py:105
 msgid "Save and add another"
 msgstr "ذخیره و ایجاد بعدی"
 
-#: fa/bootstrap/actions.py:106
+#: fa/bootstrap/actions.py:116
 msgid "Edit"
 msgstr "ویرایش"
 
-#: fa/bootstrap/actions.py:115
+#: fa/bootstrap/actions.py:125
 msgid "Back"
 msgstr "بازگشت"
 
-#: fa/bootstrap/actions.py:122
+#: fa/bootstrap/actions.py:132
 msgid "Delete"
 msgstr "حذف"
 
-#: fa/bootstrap/actions.py:133
+#: fa/bootstrap/actions.py:143
 msgid "Cancel"
 msgstr "انصراف"
 
+#: fa/bootstrap/templates/admin/new.pt:6
+msgid "Add new item"
+msgstr "اضافه کردن مورد جدید"
+

fa/bootstrap/locale/fa/LC_MESSAGES/fa_bootstrap.mo

@@ -6,9 +6,9 @@
 #, fuzzy
 msgid ""
 msgstr ""
-"Project-Id-Version: fa.bootstrap 0.3.4.dev0\n"
+"Project-Id-Version: fa.bootstrap 0.3.4.dev1\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2014-04-06 14:57+0430\n"
+"POT-Creation-Date: 2014-04-22 18:34+0430\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <[email protected]>\n"
@@ -17,31 +17,35 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "Generated-By: Babel 1.3\n"
 
-#: fa/bootstrap/actions.py:76
+#: fa/bootstrap/actions.py:87
 msgid "New ${model_label}"
 msgstr ""
 
-#: fa/bootstrap/actions.py:86
+#: fa/bootstrap/actions.py:97
 msgid "Save"
 msgstr ""
 
-#: fa/bootstrap/actions.py:95
+#: fa/bootstrap/actions.py:105
 msgid "Save and add another"
 msgstr ""
 
-#: fa/bootstrap/actions.py:106
+#: fa/bootstrap/actions.py:116
 msgid "Edit"
 msgstr ""
 
-#: fa/bootstrap/actions.py:115
+#: fa/bootstrap/actions.py:125
 msgid "Back"
 msgstr ""
 
-#: fa/bootstrap/actions.py:122
+#: fa/bootstrap/actions.py:132
 msgid "Delete"
 msgstr ""
 
-#: fa/bootstrap/actions.py:133
+#: fa/bootstrap/actions.py:143
 msgid "Cancel"
 msgstr ""
 
+#: fa/bootstrap/templates/admin/new.pt:6
+msgid "Add new item"
+msgstr ""
+

fa/bootstrap/locale/fa/LC_MESSAGES/fa_bootstrap.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: fa.bootstrap 0.3.4.dev0\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2014-04-06 14:57+0430\n"
+"POT-Creation-Date: 2014-04-22 18:34+0430\n"
 "PO-Revision-Date: 2014-04-06 16:45+0430\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: fr <[email protected]>\n"
@@ -18,31 +18,35 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "Generated-By: Babel 1.3\n"
 
-#: fa/bootstrap/actions.py:76
+#: fa/bootstrap/actions.py:87
 msgid "New ${model_label}"
 msgstr "Nouveau ${model_label}"
 
-#: fa/bootstrap/actions.py:86
+#: fa/bootstrap/actions.py:97
 msgid "Save"
 msgstr "Sauver"
 
-#: fa/bootstrap/actions.py:95
+#: fa/bootstrap/actions.py:105
 msgid "Save and add another"
 msgstr "Sauver et ajouter un autre"
 
-#: fa/bootstrap/actions.py:106
+#: fa/bootstrap/actions.py:116
 msgid "Edit"
 msgstr "Editer"
 
-#: fa/bootstrap/actions.py:115
+#: fa/bootstrap/actions.py:125
 msgid "Back"
 msgstr "Retour"
 
-#: fa/bootstrap/actions.py:122
+#: fa/bootstrap/actions.py:132
 msgid "Delete"
 msgstr "Supprimer"
 
-#: fa/bootstrap/actions.py:133
+#: fa/bootstrap/actions.py:143
 msgid "Cancel"
 msgstr "Annuler"
 
+#: fa/bootstrap/templates/admin/new.pt:6
+msgid "Add new item"
+msgstr "Ajouter un nouvel élément"
+

fa/bootstrap/locale/fa_bootstrap.pot

@@ -59,7 +59,7 @@ def render(self, **kwargs):
         if 'class' in kwargs:
             kwargs['class'] += ' form-control'
         else:
-            kwargs['class'] = ' form-control'
+            kwargs['class'] = 'form-control'
         return super(BootstrapFieldMixin, self).render(**kwargs)
 
 
@@ -84,3 +84,32 @@ class BootstrapFloatFieldRenderer(BootstrapFieldMixin, fields.FloatFieldRenderer
 
 class BootstrapIntervalFieldRenderer(BootstrapFieldMixin, fields.IntervalFieldRenderer):
     pass
+
+
+class BootstrapSelectFieldRenderer(BootstrapFieldMixin, fields.SelectFieldRenderer):
+    """
+    accepts "width" option add applies it by patching style attribute
+    """
+    def render(self, **kwargs):
+        auto_width = kwargs.pop('width', None)
+        if auto_width:
+            kwargs['style'] = kwargs.get('style', '') + '; width: ' + str(auto_width)
+        return super(BootstrapSelectFieldRenderer, self).render(**kwargs)
+
+
+class BootstrapSelectPickerFieldRenderer(BootstrapSelectFieldRenderer):
+    """
+    Options can be configured via data-* attributes
+    """
+    def render(self, **kwargs):
+        fanstatic_resources.select_picker.need()
+        kwargs['class'] = kwargs.get('class', '') + ' selectpicker'
+        # kwargs['data-live-search'] = 'true'
+        return fields.SelectFieldRenderer.render(self, **kwargs)
+
+
+class DualListBoxFieldRenderer(BootstrapSelectFieldRenderer):
+    def render(self, **kwargs):
+        fanstatic_resources.duallistbox.need()
+        kwargs['class'] = kwargs.get('class', '') + ' duallistbox'
+        return fields.SelectFieldRenderer.render(self, **kwargs)