From: Sungtaek Hong <sth253.hong@samsung.com>
Date: Fri, 6 Jan 2017 05:12:03 +0000 (+0900)
Subject: theme: add progressbar/process styles
X-Git-Tag: accepted/tizen/mobile/20170110.081024~7
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=0e5b7d7a59b0afb1b3b8f86576f94cee93fe4e52;p=platform%2Fcore%2Fcsapi%2Felm-sharp.git

theme: add progressbar/process styles

Change-Id: Idfbac67b8b4fc5f63e7657528595d3fb0e297da4
Signed-off-by: Sungtaek Hong <sth253.hong@samsung.com>
---

diff --git a/ElmSharp/theme/tv/HD-inc.edc b/ElmSharp/theme/tv/HD-inc.edc
index 6479b30..013be28 100644
--- a/ElmSharp/theme/tv/HD-inc.edc
+++ b/ElmSharp/theme/tv/HD-inc.edc
@@ -124,6 +124,12 @@
 
 #define BUTTON_NAVIFRAME_BACK_BUTTON_SIZE_INC 80 80
 
+//****************************************************************************//
+// Progressbar
+//****************************************************************************//
+#define PROGRESSBAR_LARGE_SIZE_INC 102 102
+#define PROGRESSBAR_MEDIUM_SIZE_INC 56 54
+#define PROGRESSBAR_SMALL_SIZE_INC 44 44
 
 #define STYLE_TAGS \
    tag:  "br" "\n";\
diff --git a/ElmSharp/theme/tv/color_classes.edc b/ElmSharp/theme/tv/color_classes.edc
index 3021b62..7f728da 100644
--- a/ElmSharp/theme/tv/color_classes.edc
+++ b/ElmSharp/theme/tv/color_classes.edc
@@ -401,6 +401,34 @@ color_classes {
    color_class { "progressbar/default/bar";
       color: 255 255 255 178;
    }
+   color_class { "progressbar/process_large/icon_bottom";
+      color: 61 185 204 102;
+   }
+   color_class { "progressbar/process_large/icon_middle";
+      color: 61 185 204 102;
+   }
+   color_class { "progressbar/process_large/icon_top";
+      color: 61 185 204 255;
+   }
+   color_class { "progressbar/process_medium/icon_bottom";
+      color: 61 185 204 102;
+   }
+   color_class { "progressbar/process_medium/icon_middle";
+      color: 61 185 204 102;
+   }
+   color_class { "progressbar/process_medium/icon_top";
+      color: 61 185 204 255;
+   }
+   color_class { "progressbar/process_small/icon_bottom";
+      color: 61 185 204 102;
+   }
+   color_class { "progressbar/process_small/icon_middle";
+      color: 61 185 204 102;
+   }
+   color_class { "progressbar/process_small/icon_top";
+      color: 61 185 204 255;
+   }
+
    /*
     * Radio
     */
diff --git a/ElmSharp/theme/tv/widgets/progressbar.edc b/ElmSharp/theme/tv/widgets/progressbar.edc
index 14de12e..bf9bf67 100644
--- a/ElmSharp/theme/tv/widgets/progressbar.edc
+++ b/ElmSharp/theme/tv/widgets/progressbar.edc
@@ -757,3 +757,147 @@ group { name: "elm/progressbar/vertical/default";
       }
    }
 }
+
+   group { "elm/progressbar/horizontal/process_large";
+      data.item: "vector_ux" "process_large";
+      parts {
+         rect { "access";
+            type: RECT;
+            desc { "default";
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
+         swallow { "elm.swallow.bar";
+            desc { "default";
+               hid;
+            }
+         }
+         rect { "bg";
+            scale;
+            desc { "default";
+               rel1.to: "clipper";
+               rel2.to: "clipper";
+               color: 0 0 0 0;
+            }
+         }
+         rect { "clipper";
+            scale;
+            desc { "default";
+               min: PROGRESSBAR_LARGE_SIZE_INC;
+               max: PROGRESSBAR_LARGE_SIZE_INC;
+               color_class: "progressbar/process_large/icon_bottom";
+            }
+         }
+         swallow { "tizen_vg_shape1";
+            scale;
+            clip: "clipper";
+            desc { "default";
+               rel1.to: "clipper";
+               rel2.to: "clipper";
+            }
+         }
+         swallow { "tizen_vg_shape2";
+            scale;
+            clip: "tizen_vg_shape2_clipper";
+            desc { "default";
+               rel1.to: "clipper";
+               rel2.to: "clipper";
+            }
+         }
+         rect { "tizen_vg_shape2_clipper";
+            scale;
+            desc { "default";
+               color_class: "progressbar/process_large/icon_middle";
+            }
+         }
+         swallow { "tizen_vg_shape3";
+            scale;
+            clip: "tizen_vg_shape3_clipper";
+            desc { "default";
+               rel1.to: "clipper";
+               rel2.to: "clipper";
+            }
+         }
+         rect { "tizen_vg_shape3_clipper";
+            scale;
+            desc { "default";
+               color_class: "progressbar/process_large/icon_top";
+            }
+         }
+      }
+      programs {
+         program { "start_pulse";
+            signal: "elm,state,pulse,start";
+            source: "elm";
+            action: STATE_SET "default";
+            target: "clipper";
+         }
+         program { "stop_pulse";
+            signal: "elm,state,pulse,stop";
+            source: "elm";
+            action: ACTION_STOP;
+            target: "start_pulse";
+            after: "init_pulse";
+         }
+         program { "init_pulse";
+            action: STATE_SET "default";
+            target: "clipper";
+         }
+      }
+   }
+
+   group { "elm/progressbar/horizontal/process_medium";
+      inherit: "elm/progressbar/horizontal/process_large";
+      data.item: "vector_ux" "process_medium";
+      parts {
+         rect { "clipper";
+            scale;
+            desc { "default";
+               min: PROGRESSBAR_MEDIUM_SIZE_INC;
+               max: PROGRESSBAR_MEDIUM_SIZE_INC;
+               color_class: "progressbar/process_medium/icon_bottom";
+            }
+         }
+         rect { "tizen_vg_shape2_clipper";
+            scale;
+            desc { "default";
+               color_class: "progressbar/process_medium/icon_middle";
+            }
+         }
+         rect { "tizen_vg_shape3_clipper";
+            scale;
+            desc { "default";
+               color_class: "progressbar/process_medium/icon_top";
+            }
+         }
+      }
+   }
+
+   group { "elm/progressbar/horizontal/process_small";
+      inherit: "elm/progressbar/horizontal/process_large";
+      data.item: "vector_ux" "process_small";
+      parts {
+         rect { "clipper";
+            scale;
+            desc { "default";
+               min: PROGRESSBAR_SMALL_SIZE_INC;
+               max: PROGRESSBAR_SMALL_SIZE_INC;
+               color_class: "progressbar/process_small/icon_bottom";
+            }
+         }
+         rect { "tizen_vg_shape2_clipper";
+            scale;
+            desc { "default";
+               color_class: "progressbar/process_small/icon_middle";
+            }
+         }
+         rect { "tizen_vg_shape3_clipper";
+            scale;
+            desc { "default";
+               color_class: "progressbar/process_small/icon_top";
+            }
+         }
+      }
+   }
+