#include <boost/concept_check.hpp>
#include <vector>
#include <AbstractMainWindow.h>
+#include <cstdlib>
#include "app_i18n.h"
#include "QuickAccess.h"
if (!m_quickAccess_item_class) {
m_quickAccess_item_class = elm_gengrid_item_class_new();
m_quickAccess_item_class->item_style = "quickAccess";
- m_quickAccess_item_class->func.text_get = _grid_bookmark_text_get;
+ m_quickAccess_item_class->func.text_get = nullptr;
m_quickAccess_item_class->func.content_get = _grid_bookmark_content_get;
m_quickAccess_item_class->func.state_get = nullptr;
m_quickAccess_item_class->func.del = _grid_bookmark_del;
}
}
-
-char* QuickAccess::_grid_bookmark_text_get(void *data, Evas_Object *, const char *part)
-{
- if (data) {
- BookmarkItemData *itemData = reinterpret_cast<BookmarkItemData*>(data);
- if (!strcmp(part, "elm.text"))
- return strdup(itemData->item->getTitle().c_str());
- }
- return strdup("");
-}
-
Evas_Object * QuickAccess::_grid_bookmark_content_get(void *data, Evas_Object* obj, const char *part)
{
BROWSER_LOGD("[%s:%d] part=%s", __PRETTY_FUNCTION__, __LINE__, part);
BookmarkItemData *itemData = reinterpret_cast<BookmarkItemData*>(data);
if (!strcmp(part, "elm.swallow.icon")) {
- if (itemData->item->getThumbnail()) {
+ Evas_Object *button = elm_button_add(obj);
+ elm_object_style_set(button, "roundedrect");
+ elm_object_part_text_set(button, "button_text", itemData->item->getTitle().c_str());
+
+ if (itemData->item->getFavicon()) {
// Favicon
Evas_Object * thumb = itemData->item->getFavicon()->getEvasImage(obj);
- elm_image_resizable_set(thumb, EINA_TRUE, EINA_TRUE);
- evas_object_size_hint_min_set(thumb, ELM_SCALE_SIZE(114), ELM_SCALE_SIZE(114));
- evas_object_size_hint_max_set(thumb, ELM_SCALE_SIZE(114), ELM_SCALE_SIZE(114));
- return thumb;
+ elm_object_part_content_set(button, "button_image", thumb);
+ elm_layout_signal_emit(button, "show,bg,favicon", "event");
} else {
- // Default color
- Evas_Object *textblock = evas_object_textblock_add(obj);
- Evas_Textblock_Style *st = evas_textblock_style_new();
- evas_textblock_style_set(st, "DEFAULT='font=Sans font_size=45 color=#555 align=center valign=center'");
- evas_object_textblock_style_set(textblock, st);
- evas_object_textblock_valign_set(textblock, 0.5);
- evas_textblock_style_free(st);
- const char *fName = itemData->item->getTitle().substr(0, 1).c_str();
- evas_object_textblock_text_markup_set(textblock, fName);
-
-
- Evas_Object *button = elm_button_add(obj);
- evas_object_color_set(button, 190, 190, 190, 255);
- elm_object_content_set(button, textblock);
-
- return button;
+ if (itemData->item->getTitle().length() > 0) {
+ auto firstLetter = std::string(1, static_cast<char>(std::toupper(itemData->item->getTitle()[0])));
+ elm_object_part_text_set(button, "center_label", firstLetter.c_str());
+ }
+ elm_layout_signal_emit(button, "show,bg,rectangle", "event");
+ setButtonColor(button, DEFAULT_BUTTON_COLOR, DEFAULT_BUTTON_COLOR, DEFAULT_BUTTON_COLOR, 255);
}
+
+ return button;
}
+
if (itemData->quickAccess->m_state == QuickAccessState::Edit) {
if (!strcmp(part, "elm.button")) {
auto button = elm_button_add(obj);
elm_layout_signal_emit(m_mostVisitedView, "empty,view", "quickaccess");
}
+void QuickAccess::setButtonColor(Evas_Object* button, int r, int b, int g, int a)
+{
+ // setting color of inner rect
+ Edje_Message_Int_Set* msg = (Edje_Message_Int_Set *) malloc(sizeof(*msg) + 3 * sizeof(int));
+ msg->count = 4;
+ msg->val[0] = r;
+ msg->val[1] = b;
+ msg->val[2] = g;
+ msg->val[3] = a;
+ edje_object_message_send(elm_layout_edje_get(button), EDJE_MESSAGE_INT_SET, 0, msg);
+ free(msg);
+}
+
void QuickAccess::setEmptyView(bool empty)
{
BROWSER_LOGD("[%s:%d], empty: %d", __PRETTY_FUNCTION__, __LINE__, empty);
#include "../../../core/Tools/edc/InvisibleButton.edc"
#include "../../../core/Tools/edc/Spacer.edc"
+#include "../../../core/Tools/edc/ColorClasses.edc"
#include "BrowserPageControl_mob.edc"
#define URI_INPUTBOX_LENGTH 1720
#define TOTAL_TILES_HEIGHT_LANDSCAPE 652
#define TOTAL_TILES_WIDTH_LANDSCAPE 1214
+#define GLIDE_EASE_OUT(duration) CUBIC_BEZIER (duration) 0.25 0.46 0.45 1.0
+#define BUTTON_NAVIFRAME_BACK_CORNER_RADIUS "10"
+#define QA_BTN_WIDTH 138
+#define QA_BTN_HEIGHT 196
+#define TOP_PADDING 8
+#define ICON_SIZE 114
+
#define DEVELOPMENT 1
+
collections { base_scale: 2.6;
-color_classes{
- color_class{
- name: "lbBgColor";
- color: 255 255 255 255;
- }
- color_class{
- name: "focusBgColor";
- color: 0 119 246 255;
+ color_classes {
+ color_class {
+ name: "button_normal";
+ color: 190 190 190 255;
+ }
+ color_class {
+ name: "lbBgColor";
+ color: 255 255 255 255;
+ }
+ color_class {
+ name: "focusBgColor";
+ color: 0 119 246 255;
+ }
+ color_class {
+ name: "mainBgColor";
+ color: 244 244 244 255;
+ }
}
- color_class{
- name: "transparent";
- color: 0 0 0 0;
+
+ styles {
+ style { name: "bottom_lb";
+ base: "font=Tizen:style=Regular font_size="26" align=center color=#ffffffff text_class=tizen wrap=mixed ellipsis=1.0";
+ }
}
-}
group {
name: "elm/button/base/thumbButton";
type: RECT;
scale: 1;
description {
- color: 244 244 244 255;
+ color_class: "mainBgColor";
state: "default" 0.0;
align: 0.0 0.0;
min: LAYOUT_WIDTH 0;
scale: 1;
description { state: "default" 0.0;
fixed: 1 0;
- align: 0.5 0.1;
- min: 114 114;
- max: 114 114;
+ align: 0.5 0.0;
rel1 {
relative: 0.0 0.0; to: "bg";
}
description { state: "selected";
inherit: "default" 0.0;
}
- description { state: "landscape" 0.0;
- inherit: "default" 0.0;
- min: 114 114;
- max: 114 114;
- }
}
- swallow { "elm.button"; scale;
+ swallow { name: "elm.button";
+ scale: 1;
mouse_events: 1;
repeat_events: 0;
description { "default";
rel2.to: "bg";
}
}
-
- ADD_SPACER_BELOW("title_spacer", "elm.swallow.icon", 0, 8)
-
- part { name: "text_bg";
- type: RECT;
- scale: 1;
- description { state: "default" 0.0;
- min: 114 64;
- max: 114 64;
- align: 0.0 0.0;
- visible: 0;
- rel1 {
- to: "title_spacer";
- relative: 0.0 1.0;
- }
- rel2 {
- to: "bg";
- relative: 1.0 1.0;
- }
- }
- description { state: "selected" 0.0;
- inherit: "default" 0.0;
- color_class: "focusBgColor";
- }
- description { state: "landscape" 0.0;
- inherit: "default" 0.0;
- min: 114 64;
- max: 114 64;
- }
- description { state: "selected_landscape" 0.0;
- inherit: "landscape" 0.0;
- color_class: "focusBgColor";
- }
- }
-
- part { name: "elm.text";
- type: TEXT;
- scale: 1;
- description { state: "default" 0.0;
- min: 114 64;
- max: 114 64;
- align: 0.5 0.0;
- color: 80 80 80 255;
- rel1 {
- to: "text_bg";
- relative: 0.0 0.0;
- }
- rel2 {
- to: "text_bg";
- relative: 1.0 1.0;
- }
- text {
- font: "Sans";
- size: 26;
- align: 0.5 0;
- }
- }
- }
}
- programs {}
}
group {
}
programs {}
}
+
+group { name: "elm/button/base/roundedrect";
+ data.item: "vector_ux" "no_bg";
+ data.item: "corner_radius" BUTTON_NAVIFRAME_BACK_CORNER_RADIUS;
+
+ images {
+ image: "mask.png" COMP;
+ }
+
+ parts {
+ part { name: "button_bg";
+ type: SPACER;
+ scale: 1;
+ mouse_events: 0;
+ description { state: "default" 0.0;
+ min: QA_BTN_WIDTH QA_BTN_HEIGHT;
+ max: QA_BTN_WIDTH QA_BTN_HEIGHT;
+ fixed: 1 1;
+ }
+ }
+ part { name: "icon_spacer";
+ type: RECT;
+ scale: 1;
+ mouse_events: 0;
+ description {
+ visible: 0;
+ align: 0.0 0.0;
+ min: QA_BTN_WIDTH TOP_PADDING;
+ max: QA_BTN_WIDTH TOP_PADDING;
+ rel1 { relative: 0.0 0.0; to: "button_bg"; }
+ rel2 { relative: 1.0 1.0; to: "button_bg"; }
+ }
+ }
+ part { name: "button_icon";
+ type: RECT;
+ scale: 1;
+ mouse_events: 0;
+ description { state: "default" 0.0;
+ min: ICON_SIZE ICON_SIZE;
+ max: ICON_SIZE ICON_SIZE;
+ fixed: 1 1;
+ color_class: "button_normal";
+ align: 0.5 0.0;
+ rel1 { relative: 0.0 1.0; to: "icon_spacer"; }
+ rel2 { relative: 1.0 1.0; to: "button_bg"; }
+ }
+ description { state: "favicon" 0.0;
+ inherit: "default" 0.0;
+ visible: 0;
+ }
+ }
+ part { name: "button_image";
+ type: SWALLOW;
+ scale: 1;
+ mouse_events: 0;
+ description { state: "default" 0.0;
+ visible: 0;
+ rel1 { relative: 0.0 0.0; to: "button_icon"; }
+ rel2 { relative: 1.0 1.0; to: "button_icon"; }
+ }
+ description { state: "favicon" 0.0;
+ inherit: "default" 0.0;
+ visible: 1;
+ }
+ }
+ part { name: "mask";
+ type: IMAGE;
+ scale: 1;
+ mouse_events: 0;
+ description {
+ image.normal: "mask.png";
+ rel1 { relative: 0.0 0.0; to: "button_icon"; }
+ rel2 { relative: 1.0 1.0; to: "button_icon"; }
+ }
+ }
+ part { name: "center_label";
+ type: TEXT;
+ scale: 1;
+ mouse_events: 0;
+ description { state: "default" 0.0;
+ align: 0.0 0.0;
+ color_class: "ATO003";
+ rel1 { relative: 0.0 0.0; to: "button_icon"; }
+ rel2 { relative: 1.0 1.0; to: "button_icon"; }
+ text {
+ text: "";
+ font: "Tizen";
+ size: 45;
+ align: 0.5 0.5;
+ }
+ }
+ }
+ part { name: "text_spacer";
+ type: RECT;
+ scale: 1;
+ mouse_events: 0;
+ description {
+ visible: 0;
+ align: 0.0 0.0;
+ color: 255 0 0 255;
+ min: 0 8;
+ max: 0 8;
+ rel1 { relative: 0.0 1.0; to: "button_icon"; }
+ rel2 { relative: 1.0 1.0; to: "button_bg"; }
+ }
+ }
+ part { name: "button_text";
+ type: TEXTBLOCK;
+ scale: 1;
+ mouse_events: 0;
+ description { state: "default" 0.0;
+ align: 0.5 0.0;
+ color: 0 0 0 255;
+ min: ICON_SIZE 64;
+ max: ICON_SIZE 64;
+ rel1 { relative: 0.0 1.0;
+ to_x: "button_bg";
+ to_y: "text_spacer";
+ }
+ rel2 { relative: 1.0 1.0; to: "button_bg"; }
+ text {
+ style: "bottom_lb";
+ align: 0.5 0.0;
+ }
+ }
+ }
+ part { name: "effect_spacer";
+ type: SPACER;
+ scale: 1;
+ description { state: "default" 0.0;
+ fixed: 1 1;
+ rel1.relative: 0.5 0.5;
+ rel2.relative: 0.5 0.5;
+ min: QA_BTN_WIDTH QA_BTN_HEIGHT;
+ max: QA_BTN_WIDTH QA_BTN_HEIGHT;
+ }
+ }
+ part { name: "tizen_vg_shape";
+ type: SWALLOW;
+ clip_to: "tizen_vg_shape_clipper";
+ scale: 1;
+ description { state: "default" 0.0;
+ fixed: 1 1;
+ rel1.relative: 0.5 0.5;
+ rel2.relative: 0.5 0.5;
+ }
+ description { state: "ready" 0.0;
+ rel1.to: "effect_spacer";
+ rel2.to: "effect_spacer";
+ rel1.relative: 0.15 0.15;
+ rel2.relative: 0.85 0.85;
+ }
+ description { state: "pressed" 0.0;
+ inherit: "ready" 0.0;
+ rel1.relative: 0.0 0.0;
+ rel2.relative: 1.0 1.0;
+ }
+ }
+ part { name: "tizen_vg_shape_clipper";
+ type: RECT;
+ description { state: "default" 0.0;
+ color_class: "transparent";
+ visible: 0;
+ fixed: 1 1;
+ rel1.to: "tizen_vg_shape";
+ rel2.to: "tizen_vg_shape";
+ }
+ description { state: "ready" 0.0;
+ inherit: "default" 0.0;
+ visible: 1;
+ color_class: "B042";
+ }
+ description { state: "pressed" 0.0;
+ inherit: "default" 0.0;
+ visible: 1;
+ color_class: "B042";
+ }
+ }
+ part { name: "event";
+ type: RECT;
+ description { state: "default" 0.0;
+ rel1.to: "button_bg";
+ rel2.to: "button_bg";
+ color: 0 0 0 0;
+ }
+ }
+ }
+ script {
+ public mouse_down = 0;
+ public multi_down = 0;
+ public animate = 0;
+ public disabled = 0;
+
+ public message(Msg_Type:type, id, ...) {
+ if ((type == MSG_INT_SET) && (id == 0)) {
+ new r, g, b, a;
+ r = getarg(2);
+ g = getarg(3);
+ b = getarg(4);
+ a = getarg(5);
+ custom_state(PART:"button_icon","default",0.0);
+ set_state_val(PART:"button_icon", STATE_COLOR, r, g, b, a);
+ set_state(PART:"button_icon","custom",0.0);
+ }
+ }
+ }
+ programs {
+ program { name: "pressed_effect";
+ action: STATE_SET "ready" 0.0;
+ target: "tizen_vg_shape_clipper";
+ target: "tizen_vg_shape";
+ after: "pressed_effect2";
+ }
+ program { name: "pressed_effect2";
+ action: STATE_SET "pressed" 0.0;
+ target: "tizen_vg_shape_clipper";
+ target: "tizen_vg_shape";
+ transition: GLIDE_EASE_OUT(0.15);
+ after: "pressed_effect3";
+ }
+ program { name: "pressed_effect3";
+ script {
+ set_int(animate, 0);
+ }
+ }
+ program { name: "delay_unpressed_effect";
+ in: 0.1 0.0;
+ after: "unpressed_effect";
+ }
+ program { name: "unpressed_effect";
+ script {
+ run_program(PROGRAM:"unpressed_effect2");
+ }
+ }
+ program { name: "unpressed_effect2";
+ action: STATE_SET "ready" 0.0;
+ target: "tizen_vg_shape_clipper";
+ transition: GLIDE_EASE_OUT(0.45);
+ after: "unpressed_effect3";
+ }
+ program { name: "unpressed_effect3";
+ action: STATE_SET "default" 0.0;
+ target: "tizen_vg_shape";
+ target: "tizen_vg_shape_clipper";
+ }
+ program { name: "pressed";
+ signal: "mouse,down,1*";
+ source: "event";
+ script {
+ if ((get_int(multi_down) == 0) && (get_int(mouse_down) == 0) && (get_int(disabled) == 0)) {
+ stop_program(PROGRAM:"delay_unpressed_effect");
+ set_int(mouse_down, 1);
+ set_int(animate, 1);
+ emit("elm,action,press", "");
+ run_program(PROGRAM:"pressed_effect");
+ }
+ }
+ }
+ program { name: "unpressed";
+ signal: "mouse,up,1";
+ source: "event";
+ script {
+ if (get_int(mouse_down) == 1) {
+ set_int(mouse_down, 0);
+ if (get_int(disabled) == 0) {
+ if (get_int(animate) == 0) {
+ run_program(PROGRAM:"unpressed_effect");
+ } else {
+ set_state(PART:"tizen_vg_shape", "pressed", 0.0);
+ set_state(PART:"tizen_vg_shape_clipper", "pressed", 0.0);
+ set_int(animate, 0);
+ run_program(PROGRAM:"delay_unpressed_effect");
+ }
+ emit("elm,action,unpress", "");
+ }
+ }
+ }
+ }
+ program { name: "button_click";
+ signal: "mouse,clicked,1";
+ source: "event";
+ script {
+ if ((get_int(multi_down) == 0) && (get_int(disabled) == 0)) {
+ run_program(PROGRAM:"clicked_signal");
+ }
+ }
+ }
+ program { name: "clicked_signal";
+ in: 0.001 0.0;
+ action: SIGNAL_EMIT "elm,action,click" "";
+ }
+ program { name: "show_rectangle";
+ signal: "show,bg,rectangle";
+ source: "event";
+ action: STATE_SET "default" 0.0;
+ target: "button_icon";
+ target: "button_image";
+ }
+ program { name: "show_favicon";
+ signal: "show,bg,favicon";
+ source: "event";
+ action: STATE_SET "favicon" 0.0;
+ target: "button_icon";
+ target: "button_image";
+ }
+ }
+}
+
+
}
projects / profile / common / apps / web / browser.git / commitdiff
