Skip to content

Commit 7ff6a00

Browse files
ravishankerravishanker
authored
Merge pull request #17039 from wordpress-mobile/Jetpack-focus-Update-RTL-animation-resources
Jetpack focus update rtl animation resources
2 parents d43269b + c140292 commit 7ff6a00

14 files changed

Lines changed: 57 additions & 27 deletions

‎WordPress/src/main/java/org/wordpress/android/ui/mysite/jetpackbadge/JetpackPoweredBottomSheetFragment.kt‎

Lines changed: 43 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,21 @@
11
package org.wordpress.android.ui.mysite.jetpackbadge
22

3+
import android.content.res.Configuration
34
import android.content.res.Resources
45
import android.os.Bundle
56
import android.view.LayoutInflater
67
import android.view.View
78
import android.view.ViewGroup
89
import android.widget.FrameLayout
10+
import androidx.core.view.ViewCompat.LAYOUT_DIRECTION_RTL
911
import androidx.fragment.app.viewModels
1012
import com.google.android.material.bottomsheet.BottomSheetBehavior
1113
import com.google.android.material.bottomsheet.BottomSheetDialog
1214
import com.google.android.material.bottomsheet.BottomSheetDialogFragment
1315
import dagger.hilt.android.AndroidEntryPoint
1416
import org.wordpress.android.R
17+
import org.wordpress.android.R.raw
18+
import org.wordpress.android.R.string
1519
import org.wordpress.android.databinding.JetpackPoweredBottomSheetBinding
1620
import org.wordpress.android.databinding.JetpackPoweredExpandedBottomSheetBinding
1721
import org.wordpress.android.ui.ActivityLauncherWrapper
@@ -54,29 +58,10 @@ class JetpackPoweredBottomSheetFragment : BottomSheetDialogFragment() {
5458
super.onViewCreated(view, savedInstanceState)
5559

5660
if (fullScreen) {
57-
with(JetpackPoweredExpandedBottomSheetBinding.bind(view)) {
58-
when (arguments?.getSerializable(KEY_SITE_SCREEN) as? PageType ?: MY_SITE) {
59-
MY_SITE -> {
60-
title.text = getString(R.string.wp_jetpack_powered_stats_powered_by_jetpack)
61-
caption.text = getString(R.string.wp_jetpack_powered_stats_powered_by_jetpack_caption)
62-
secondaryButton.text = getString(R.string.wp_jetpack_continue_to_stats)
63-
}
64-
READER -> {
65-
title.text = getString(R.string.wp_jetpack_powered_reader_powered_by_jetpack)
66-
caption.text = getString(R.string.wp_jetpack_powered_reader_powered_by_jetpack_caption)
67-
secondaryButton.text = getString(R.string.wp_jetpack_continue_to_reader)
68-
}
69-
NOTIFS -> {
70-
title.text = getString(R.string.wp_jetpack_powered_notifications_powered_by_jetpack)
71-
caption.text = getString(R.string.wp_jetpack_powered_notifications_powered_by_jetpack_caption)
72-
secondaryButton.text = getString(R.string.wp_jetpack_continue_to_notifications)
73-
}
74-
}
75-
primaryButton.setOnClickListener { viewModel.openJetpackAppDownloadLink() }
76-
secondaryButton.setOnClickListener { viewModel.dismissBottomSheet() }
77-
}
61+
setupFullScreenViews(view)
7862
} else {
7963
with(JetpackPoweredBottomSheetBinding.bind(view)) {
64+
if (rtlLayout(view)) illustrationView.setAnimation(R.raw.wp2jp_rtl)
8065
primaryButton.setOnClickListener { viewModel.openJetpackAppDownloadLink() }
8166
}
8267
}
@@ -97,6 +82,43 @@ class JetpackPoweredBottomSheetFragment : BottomSheetDialogFragment() {
9782
setupObservers()
9883
}
9984

85+
private fun setupFullScreenViews(view: View) {
86+
with(JetpackPoweredExpandedBottomSheetBinding.bind(view)) {
87+
when (arguments?.getSerializable(KEY_SITE_SCREEN) as? PageType ?: MY_SITE) {
88+
MY_SITE -> {
89+
val animRes = if (rtlLayout(view)) raw.jp_stats_rtl else raw.jp_stats_left
90+
illustrationView.setAnimation(animRes)
91+
title.text = getString(string.wp_jetpack_powered_stats_powered_by_jetpack)
92+
caption.text = getString(string.wp_jetpack_powered_stats_powered_by_jetpack_caption)
93+
secondaryButton.text = getString(string.wp_jetpack_continue_to_stats)
94+
}
95+
READER -> {
96+
val animRes = if (rtlLayout(view)) raw.jp_reader_rtl else raw.jp_reader_left
97+
illustrationView.setAnimation(animRes)
98+
title.text = getString(string.wp_jetpack_powered_reader_powered_by_jetpack)
99+
caption.text = getString(string.wp_jetpack_powered_reader_powered_by_jetpack_caption)
100+
secondaryButton.text = getString(string.wp_jetpack_continue_to_reader)
101+
}
102+
NOTIFS -> {
103+
val animRes = if (rtlLayout(view)) raw.jp_notifications_rtl else raw.jp_notifications_left
104+
illustrationView.setAnimation(animRes)
105+
title.text = getString(string.wp_jetpack_powered_notifications_powered_by_jetpack)
106+
caption.text = getString(string.wp_jetpack_powered_notifications_powered_by_jetpack_caption)
107+
secondaryButton.text = getString(string.wp_jetpack_continue_to_notifications)
108+
}
109+
}
110+
primaryButton.setOnClickListener { viewModel.openJetpackAppDownloadLink() }
111+
secondaryButton.setOnClickListener { viewModel.dismissBottomSheet() }
112+
}
113+
}
114+
115+
private fun rtlLayout(view: View): Boolean {
116+
val config: Configuration = resources.configuration
117+
view.layoutDirection = config.layoutDirection
118+
119+
return view.layoutDirection == LAYOUT_DIRECTION_RTL
120+
}
121+
100122
private fun setupObservers() {
101123
viewModel.action.observe(viewLifecycleOwner) { action ->
102124
when (action) {

‎WordPress/src/main/res/layout-land/jetpack_powered_bottom_sheet.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
android:scaleType="centerCrop"
2727
app:layout_constraintTop_toBottomOf="@id/handle"
2828
app:layout_constraintStart_toStartOf="parent"
29-
app:lottie_rawRes="@raw/wp2jp"
29+
app:lottie_rawRes="@raw/wp2jp_left"
3030
app:lottie_enableMergePathsForKitKatAndAbove="true"
3131
app:lottie_autoPlay="true"
3232
app:lottie_loop="false" />

‎WordPress/src/main/res/layout-land/jetpack_powered_expanded_bottom_sheet.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
app:layout_constraintTop_toBottomOf="@id/topBarrier"
3838
app:layout_constraintStart_toStartOf="parent"
3939
app:layout_constraintBottom_toTopOf="@id/title"
40-
app:lottie_rawRes="@raw/wp2jp"
40+
app:lottie_rawRes="@raw/wp2jp_left"
4141
app:lottie_enableMergePathsForKitKatAndAbove="true"
4242
app:lottie_autoPlay="true"
4343
app:lottie_loop="false" />

‎WordPress/src/main/res/layout/jetpack_powered_bottom_sheet.xml‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
android:scaleType="centerCrop"
2727
app:layout_constraintTop_toBottomOf="@id/handle"
2828
app:layout_constraintStart_toStartOf="parent"
29-
app:lottie_rawRes="@raw/wp2jp"
29+
app:lottie_rawRes="@raw/wp2jp_left"
3030
app:lottie_enableMergePathsForKitKatAndAbove="true"
3131
app:lottie_autoPlay="true"
3232
app:lottie_loop="false" />
@@ -38,6 +38,7 @@
3838
android:layout_height="wrap_content"
3939
android:layout_marginTop="@dimen/margin_extra_medium_large"
4040
android:text="@string/wp_jetpack_powered_better_with_jetpack"
41+
android:textSize="@dimen/m3_sys_typescale_headline_large_text_size"
4142
android:textFontWeight="700"
4243
app:layout_constraintTop_toBottomOf="@id/illustration_view"
4344
app:layout_constraintStart_toStartOf="parent"
@@ -59,7 +60,7 @@
5960
android:id="@+id/primary_button"
6061
android:layout_width="match_parent"
6162
android:layout_height="wrap_content"
62-
android:layout_marginTop="@dimen/margin_extra_extra_large"
63+
android:layout_marginTop="@dimen/jetpack_banner_height"
6364
android:layout_marginBottom="@dimen/margin_64dp"
6465
android:backgroundTint="@color/jetpack_green_40"
6566
android:gravity="center"

‎WordPress/src/main/res/layout/jetpack_powered_expanded_bottom_sheet.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
app:lottie_autoPlay="true"
4040
app:lottie_enableMergePathsForKitKatAndAbove="true"
4141
app:lottie_loop="false"
42-
app:lottie_rawRes="@raw/wp2jp" />
42+
app:lottie_rawRes="@raw/wp2jp_left" />
4343

4444
<TextView
4545
android:id="@+id/title"

‎WordPress/src/main/res/raw/jp_notifications_left.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"v":"5.9.6","fr":60,"ip":0,"op":145,"w":131,"h":71,"nm":"jp-notifications-left lottie","ddd":0,"assets":[{"id":"comp_0","nm":"jp-notifications-left","fr":60,"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"Jetpack","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.186],"y":[1]},"o":{"x":[0.561],"y":[0]},"t":74,"s":[90.001]},{"t":106,"s":[209.863]}],"ix":3},"y":{"a":0,"k":81.001,"ix":4}},"a":{"a":0,"k":[77.5,77.5,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":42,"s":[0,0,100]},{"t":58,"s":[99.8,99.8,100]}],"ix":6,"l":2}},"ao":0,"w":155,"h":155,"ip":32,"op":1212,"st":12,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":1,"nm":"Pale Green Solid 1","parent":1,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[17.137,76.999,0],"ix":2,"l":2},"a":{"a":0,"k":[150,81,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[38.936,0],[0,-38.936],[-38.936,0],[0,38.936]],"o":[[-38.936,0],[0,38.936],[38.936,0],[0,-38.936]],"v":[[206,11],[135.5,81.5],[206,152],[276.5,81.5]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"sw":300,"sh":162,"sc":"#bdf0bc","ip":0,"op":1200,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"Notifications","tt":1,"refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[90.28,81,0],"ix":2,"l":2},"a":{"a":0,"k":[65,65,0],"ix":1,"l":2},"s":{"a":0,"k":[107.2,107.2,100],"ix":6,"l":2}},"ao":0,"w":130,"h":130,"ip":0,"op":1200,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"Notifications","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[90.28,81,0],"ix":2,"l":2},"a":{"a":0,"k":[65,65,0],"ix":1,"l":2},"s":{"a":0,"k":[107.2,107.2,100],"ix":6,"l":2}},"ao":0,"w":130,"h":130,"ip":0,"op":58,"st":0,"bm":0}]},{"id":"comp_1","nm":"jetpack logo","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Circle 3","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[77.499,77.499,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,19.325],[-19.282,0],[0,-19.325],[19.325,0]],"o":[[0,-19.325],[19.325,0],[0,19.325],[-19.325,0]],"v":[[-35,0],[0,-35],[35,0],[0,35]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.023529412225,0.61960786581,0.031372550875,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1200,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Top Triangle","tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":77.499,"ix":3},"y":{"a":1,"k":[{"i":{"x":[0.104],"y":[1]},"o":{"x":[0.452],"y":[0]},"t":42,"s":[219.499]},{"t":74,"s":[77.499]}],"ix":4}},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-19.239,5.797],[-1.804,5.797],[-1.804,-28.128]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1242,"st":42,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Circle 2","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[77.499,77.499,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,19.325],[-19.282,0],[0,-19.325],[19.325,0]],"o":[[0,-19.325],[19.325,0],[0,19.325],[-19.325,0]],"v":[[-35,0],[0,-35],[35,0],[0,35]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.023529412225,0.61960786581,0.031372550875,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1200,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Bottom Triangle","tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":77.499,"ix":3},"y":{"a":1,"k":[{"i":{"x":[0.104],"y":[1]},"o":{"x":[0.452],"y":[0]},"t":42,"s":[-57.501]},{"t":74,"s":[77.499]}],"ix":4}},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[1.761,-5.883],[1.761,28.043],[19.153,-5.883]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1242,"st":42,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Circle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[77.499,77.499,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,19.325],[-19.282,0],[0,-19.325],[19.325,0]],"o":[[0,-19.325],[19.325,0],[0,19.325],[-19.325,0]],"v":[[-35,0],[0,-35],[35,0],[0,35]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.023529412225,0.61960786581,0.031372550875,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1200,"st":0,"ct":1,"bm":0}]},{"id":"comp_2","nm":"Notifications","fr":30,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Gridicon / gridicons-bell","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[65,65,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.523,0.523],[0,0],[0.001,-0.797],[-1.596,0]],"o":[[0,0],[-0.523,0.523],[0,1.596],[0.797,0]],"v":[[-4.38,8.373],[-8.464,4.288],[-9.311,6.331],[-6.422,9.22]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-0.56,0.56],[0,0],[3.38,3.38],[3.38,-3.38],[0,0],[1.089,0.156],[0,0],[0,0]],"o":[[0,0],[0,0],[-0.156,-1.089],[0,0],[3.38,-3.38],[-3.38,-3.38],[0,0],[-0.56,0.56],[0,0],[0,0],[0,0]],"v":[[3.324,13],[4.343,11.98],[4.117,10.39],[4.853,7.389],[10.465,1.777],[10.465,-10.465],[-1.777,-10.465],[-7.388,-4.854],[-10.388,-4.118],[-11.98,-4.344],[-13,-3.325]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Gridicon / gridicons-bell","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1200,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Ellipse 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[65,65,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[65,65],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[0.023529412225,0.458823531866,0.768627464771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[200,200],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1200,"st":0,"ct":1,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"jp-notifications-left","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[65.5,35.5,0],"ix":2,"l":2},"a":{"a":0,"k":[150,81,0],"ix":1,"l":2},"s":{"a":0,"k":[50,50,100],"ix":6,"l":2}},"ao":0,"w":300,"h":162,"ip":0,"op":145,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"","dr":145}]}

0 commit comments

Comments
 (0)