New config param to hide original colunm in inlines

darklow · Nov 23, 2016 · e997f71 · e997f71
1 parent 7f7917f
commit e997f71
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 9 deletions.
diff --git a/demo/demo/admin.py b/demo/demo/admin.py
@@ -31,6 +31,7 @@ class CityInline(admin.TabularInline):
     extra = 0
     verbose_name_plural = 'Cities'
     suit_classes = 'suit-tab suit-tab-cities'
+    suit_form_inlines_hide_original = True
 
 
 class CountryForm(ModelForm):
@@ -129,6 +130,7 @@ class CountryInline(SortableTabularInline):
     extra = 1
     verbose_name_plural = 'Countries (Sortable example)'
     sortable = 'order'
+    show_change_link = True
 
 
 class ContinentAdmin(SortableModelAdmin):
@@ -193,6 +195,7 @@ class BookInline(SortableTabularInline):
     min_num = 1
     extra = 0
     verbose_name_plural = 'Books (Tabular inline)'
+    suit_form_inlines_hide_original = True
 
 
 class MovieInlineForm(ModelForm):
@@ -228,7 +231,6 @@ class ShowcaseAdmin(admin.ModelAdmin):
     # list_display = ('name', 'help_text', 'choices', 'horizontal_choices', 'boolean')
     list_display = ('name', 'help_text')
     readonly_fields = ('readonly_field',)
-    # raw_id_fields = ('raw_id_field',)
     fieldsets = [
         (None, {'fields': ['name', 'help_text', 'textfield',
                            ('multiple_in_row', 'multiple2'),

diff --git a/suit/apps.py b/suit/apps.py
@@ -41,6 +41,10 @@ class DjangoSuitConfig(AppConfig):
     # Enables two column layout for change forms with submit row on the right
     form_submit_on_right = True
 
+    # Hide name/"original" column for all tabular inlines.
+    # May be overridden in Inline class by suit_form_inlines_hide_original = False
+    form_inlines_hide_original = False
+
     # For size
     form_size = {
         'default': SUIT_FORM_SIZE_X_LARGE,

diff --git a/suit/sass/components/_forms.scss b/suit/sass/components/_forms.scss
@@ -276,9 +276,22 @@ fieldset {
       tbody {
         td {
           &.original {
-            font-size: 0;
-            width: 0;
-            padding: 0;
+            p {
+              margin: 0;
+              @extend .form-control-static;
+              a {
+                float: right;
+                font-size: $font-size-xs;
+              }
+            }
+            .suit-inlines-hide-original:not(.suit-inlines-show-original) & {
+              font-size: 0;
+              width: 0;
+              padding: 0;
+              > * {
+                display: none;
+              }
+            }
           }
           .errorlist {
             margin: 0;