genlist: fix full style bg and add bottomline hide signals

Change-Id: Ibc646309fd5957d0819880067e41f02fe5148cd9
Signed-off-by: SangHyeon Jade Lee <sh10233.lee@samsung.com>

1 files changed, 159 insertions, 20 deletions

diff --git a/common/widgets/genlist.edc b/common/widgets/genlist.edc
index c64f999..4c6620e 100644
--- a/common/widgets/genlist.edc
+++ b/common/widgets/genlist.edc
@@ -591,6 +591,9 @@ group { "elm/genlist/item/1line/default";
          desc { "single"; inherit: "default";
             hid;
          }
+         desc { "hidden"; inherit: "default";
+            hid;
+         }
       }
       rect { "event";
          after: "elm.bottomline";
@@ -710,6 +713,18 @@ group { "elm/genlist/item/1line/default";
          target: "bg";
          target: "elm.bottomline";
       }
+      program { "bottomline_show";
+         signal: "elm,state,bottomline,show";
+         source: "elm";
+         action: STATE_SET "default";
+         target: "elm.bottomline";
+      }
+      program { "bottomline_hide";
+         signal: "elm,state,bottomline,hide";
+         source: "elm";
+         action: STATE_SET "hidden";
+         target: "elm.bottomline";
+      }
    }
 }
 
@@ -999,6 +1014,9 @@ group { "elm/genlist/item/2line/default";
          desc { "single"; inherit: "default";
             hid;
          }
+         desc { "hidden"; inherit: "default";
+            hid;
+         }
       }
       rect { "event";
          after: "elm.bottomline";
@@ -1139,6 +1157,18 @@ group { "elm/genlist/item/2line/default";
          target: "bg";
          target: "elm.bottomline";
       }
+      program { "bottomline_show";
+         signal: "elm,state,bottomline,show";
+         source: "elm";
+         action: STATE_SET "default";
+         target: "elm.bottomline";
+      }
+      program { "bottomline_hide";
+         signal: "elm,state,bottomline,hide";
+         source: "elm";
+         action: STATE_SET "hidden";
+         target: "elm.bottomline";
+      }
    }
 }
 
@@ -1269,6 +1299,9 @@ group { "elm/genlist/item/2line_reversed/default";
          desc { "single"; inherit: "default";
             hid;
          }
+         desc { "hidden"; inherit: "default";
+            hid;
+         }
       }
       rect { "event";
          after: "elm.bottomline";
@@ -1843,6 +1876,13 @@ group { "elm/genlist/item/full/default";
 
    data.item: "contents" "elm.swallow.content";
 
+   images {
+      image: "listitem_bg.#.png" COMP;
+      image: "listitem_bg_single.#.png" COMP;
+      image: "listitem_bg_top.#.png" COMP;
+      image: "listitem_bg_bottom.#.png" COMP;
+   }
+
    script {
       public sound_play = 0;
    }
@@ -1852,40 +1892,98 @@ group { "elm/genlist/item/full/default";
          desc { "default";
          }
       }
-
-      swallow { "elm.swallow.bg"; scale;
+      rect { "bg_clip"; scale;
          desc { "default";
             rel.to: "base";
+            //color_class: "genlist_item/bg";
+            color: 255 255 255 255; //#FFFFFF
+         }
+         desc { "pressed"; inherit: "default";
+            //color_class: "genlist_item/bg_pressed";
+            color: 227 229 233 255; //#E3E5E9
+         }
+         desc { "disabled"; inherit: "default";
+            ///color_class: "list_item/bg_disabled";
+            color: 255 255 255 255; //#FFFFFF
          }
       }
-      rect { "bg"; scale;
+      image { "bg"; scale;
+         clip: "bg_clip";
          desc { "default";
-            rel.to: "elm.swallow.bg";
-            color_class: "genlist_item/full/bg";
+            rel.to: "base";
+            hid;
+            image.normal: "listitem_bg.#.png";
          }
-         desc { "pressed"; inherit: "default";
-            color_class: "genlist_item/full/bg_pressed";
+         desc { "middle"; inherit: "default";
+            vis;
+            image.normal: "listitem_bg.#.png";
          }
-         desc { "disabled"; inherit: "default";
-            color_class: "genlist_item/full/bg_disabled";
+         desc { "single"; inherit: "default";
+            vis;
+            image.normal: "listitem_bg_single.#.png";
+         }
+         desc { "top"; inherit: "default";
+            vis;
+            image.normal: "listitem_bg_top.#.png";
+         }
+         desc { "bottom"; inherit: "default";
+            vis;
+            image.normal: "listitem_bg_bottom.#.png";
+         }
+      }
+      swallow { "elm.swallow.bg"; scale;
+         desc { "default";
+            rel.to: "bg";
+         }
+      }
+      spacer { "elm.padding.left"; scale;
+         desc { "default";
+            fixed: 1 0;
+            min: GENLIST_ITEM_LR_PADDING_INC 0;
+            max: GENLIST_ITEM_LR_PADDING_INC -1;
+            align: 0.0 0.5;
+            rel1 { to: "elm.swallow.bg"; relative: 0.0 0.0; }
+            rel2 { to: "elm.swallow.bg"; relative: 0.0 1.0; }
+         }
+      }
+      // right outside padding
+      spacer { "elm.padding.right"; scale;
+         desc { "default";
+            fixed: 1 0;
+            min: GENLIST_ITEM_LR_PADDING_INC 0;
+            max: GENLIST_ITEM_LR_PADDING_INC -1;
+            align: 1.0 0.5;
+            rel1 { to: "elm.swallow.bg"; relative: 1.0 0.0; }
+            rel2 { to: "elm.swallow.bg"; relative: 1.0 1.0; }
          }
       }
       swallow { "elm.swallow.content"; scale;
          desc { "default";
-            rel1 { to: "bg"; relative: 0.0 0.0; }
-            rel2 { to: "bg"; relative: 1.0 1.0; }
+            rel1 { to: "elm.swallow.bg"; relative: 0.0 0.0; }
+            rel2 { to: "elm.swallow.bg"; relative: 1.0 1.0; }
          }
       }
       rect { "elm.bottomline"; scale;
          desc { "default";
             vis;
-            min: 0 LIST_BOTTOMLINE_HEIGHT;
-            max: -1  LIST_BOTTOMLINE_HEIGHT;
-            align: 0.5 0.0;
             fixed: 0 1;
-            rel1.relative: 0.0 0.0;
-            rel2.relative: 1.0 0.0;
-            color_class: "genlist_item/full/bottomline";
+            min: 0 GENLIST_ITEM_BOTTOMLINE_HEIGHT_INC;
+            max: -1  GENLIST_ITEM_BOTTOMLINE_HEIGHT_INC;
+            align: 0.5 1.0;
+            rel1 { to_x: "elm.padding.left"; relative: 1.0 1.0; }
+            rel2 { to_x: "elm.padding.right"; relative: 0.0 1.0; }
+            //color_class: "list_item/bottomline";
+            color: 195 202 210 255; //#C3CAD2
+         }
+         desc { "top"; inherit: "default";
+         }
+         desc { "middle"; inherit: "default";
+         }
+         desc { "bottom"; inherit: "default";
+            hid;
+         }
+         desc { "single"; inherit: "default";
+            hid;
          }
          desc { "hidden"; inherit: "default";
             hid;
@@ -1946,6 +2044,7 @@ group { "elm/genlist/item/full/default";
          source: "elm";
          action: STATE_SET "default";
          target: "bg";
+         target: "bg_clip";
          target: "elm.bottomline";
          target: "event";
       }
@@ -1953,21 +2052,61 @@ group { "elm/genlist/item/full/default";
          signal: "elm,state,selected";
          source: "elm";
          action: STATE_SET "pressed";
-         target: "bg";
+         target: "bg_clip";
       }
       program { "unpressed";
          signal: "elm,state,unselected";
          source: "elm";
          action: STATE_SET "default";
-         target: "bg";
+         target: "bg_clip";
       }
       program { "on_enabled";
          action: STATE_SET "default";
-         target: "bg";
+         target: "bg_clip";
       }
       program { "on_disabled";
          action: STATE_SET "disabled";
+         target: "bg_clip";
+      }
+      program { "group_top";
+         signal: "elm,state,group,top";
+         source: "elm";
+         action: STATE_SET "top";
          target: "bg";
+         target: "elm.bottomline";
+      }
+      program { "group_bottom";
+         signal: "elm,state,group,bottom";
+         source: "elm";
+         action: STATE_SET "bottom";
+         target: "bg";
+         target: "elm.bottomline";
+      }
+      program { "group_middle";
+         signal: "elm,state,group,middle";
+         source: "elm";
+         action: STATE_SET "middle";
+         target: "bg";
+         target: "elm.bottomline";
+      }
+      program { "group_single";
+         signal: "elm,state,group,single";
+         source: "elm";
+         action: STATE_SET "single";
+         target: "bg";
+         target: "elm.bottomline";
+      }
+      program { "bottomline_show";
+         signal: "elm,state,bottomline,show";
+         source: "elm";
+         action: STATE_SET "default";
+         target: "elm.bottomline";
+      }
+      program { "bottomline_hide";
+         signal: "elm,state,bottomline,hide";
+         source: "elm";
+         action: STATE_SET "hidden";
+         target: "elm.bottomline";
       }
    }
 }