garage door

This commit is contained in:
mohammad
2024-10-06 16:59:28 +03:00
parent 8476b51049
commit 4b45257aff
3 changed files with 142 additions and 2 deletions

135
assets/icons/garageIcon.svg Normal file
View File

@ -0,0 +1,135 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.52252 13.1532H37.4775V39.8199H2.52252V13.1532Z" fill="url(#paint0_linear_4625_5577)"/>
<path d="M2.53027 21.4509H15.0588V39.9999H2.53027V21.4509Z" fill="url(#paint1_linear_4625_5577)"/>
<g clip-path="url(#clip0_4625_5577)">
<path d="M2.53027 20.1802H37.4697V30.8861H2.53027V20.1802Z" fill="url(#paint2_linear_4625_5577)"/>
<path d="M2.5882 12.6127H37.4902V16.7695H2.5882V12.6127Z" fill="url(#paint3_linear_4625_5577)"/>
<path d="M2.5882 15.9067H37.4902V20.0636H2.5882V15.9067Z" fill="url(#paint4_linear_4625_5577)"/>
<path d="M2.5882 19.2793H37.4902V23.4362H2.5882V19.2793Z" fill="url(#paint5_linear_4625_5577)"/>
<path d="M2.5882 22.5226H37.4902V26.6794H2.5882V22.5226Z" fill="url(#paint6_linear_4625_5577)"/>
<path d="M2.5882 25.8167H37.4902V29.9735H2.5882V25.8167Z" fill="url(#paint7_linear_4625_5577)"/>
<path d="M2.5882 29.1892H37.4902V33.3461H2.5882V29.1892Z" fill="url(#paint8_linear_4625_5577)"/>
<path d="M2.5882 32.4834H37.4902V36.6403H2.5882V32.4834Z" fill="url(#paint9_linear_4625_5577)"/>
<path d="M2.5882 35.7775H37.4902V39.9343H2.5882V35.7775Z" fill="url(#paint10_linear_4625_5577)"/>
</g>
<path d="M38.2162 9.93373L23.9216 1.01176C22.8408 0.337255 21.4204 0 20 0C18.5796 0 17.1592 0.337255 16.0784 1.01176L1.78376 9.93373C0.674196 10.6263 0 11.8418 0 13.1498V37.5124C0 38.8863 1.11373 40 2.48761 40C3.19333 40 3.76549 39.4278 3.76549 38.7221V16.6663C3.76549 15.2154 4.94173 14.0392 6.39255 14.0392H33.6075C35.0584 14.0392 36.2345 15.2154 36.2345 16.6663V38.7221C36.2345 39.4278 36.8067 40 37.5124 40C38.8863 40 40 38.8863 40 37.5124V13.1498C40 11.8418 39.3258 10.6263 38.2162 9.93373Z" fill="url(#paint11_linear_4625_5577)"/>
<path d="M38.2162 9.93373L23.9216 1.01177C22.8408 0.337255 21.4204 0 20 0C18.5796 0 17.1592 0.337255 16.0784 1.01177L1.78376 9.93373C0.674196 10.6263 0 11.8418 0 13.1498V16.9144C0 15.6064 0.674196 14.3908 1.78376 13.6983L16.0784 4.77624C17.1592 4.10173 18.5796 3.76447 20 3.76447C21.4204 3.76447 22.8408 4.10173 23.9216 4.77624L38.2162 13.6982C39.3258 14.3908 40 15.6064 40 16.9143V13.1498C40 11.8418 39.3258 10.6263 38.2162 9.93373Z" fill="url(#paint12_linear_4625_5577)"/>
<path d="M15.5309 8.89232H24.4691C24.9752 8.89232 25.3855 8.48205 25.3855 7.97601C25.3855 7.46989 24.9752 7.05969 24.4691 7.05969H15.5309C15.0248 7.05969 14.6146 7.46997 14.6146 7.97601C14.6146 8.48205 15.0248 8.89232 15.5309 8.89232Z" fill="url(#paint13_linear_4625_5577)"/>
<path d="M15.5309 12.2649H24.4691C24.9752 12.2649 25.3855 11.8546 25.3855 11.3486C25.3855 10.8424 24.9752 10.4323 24.4691 10.4323H15.5309C15.0248 10.4323 14.6146 10.8425 14.6146 11.3486C14.6146 11.8546 15.0248 12.2649 15.5309 12.2649Z" fill="url(#paint14_linear_4625_5577)"/>
<path d="M40 16.9145V37.5121C40 38.1992 39.7216 38.8211 39.2714 39.2713C38.8212 39.7215 38.1992 39.9999 37.5122 39.9999C36.8063 39.9999 36.2345 39.4282 36.2345 38.7223V16.6658C36.2345 15.2156 35.058 14.0392 33.6071 14.0392H6.39294C4.94196 14.0392 3.76549 15.2156 3.76549 16.6658V38.7223C3.76549 39.0752 3.62275 39.3945 3.39137 39.6258C3.16 39.8572 2.84078 39.9999 2.48784 39.9999C1.11373 39.9999 0 38.8862 0 37.5121V16.9145C0 15.6062 0.67451 14.3905 1.78353 13.698L16.0784 4.77641C17.1592 4.1019 18.5796 3.76465 20 3.76465C21.4204 3.76465 22.8408 4.1019 23.9216 4.77641L38.2165 13.698C39.3255 14.3905 40 15.6062 40 16.9145Z" fill="url(#paint15_linear_4625_5577)"/>
<path d="M20.0785 1.5697C17.7889 1.5697 15.5693 2.22868 13.6597 3.47551C13.1522 3.80688 13.0093 4.48696 13.3407 4.99449L15.1474 6.8068C15.0804 7.04649 15.112 7.31245 15.2582 7.53755L16.9387 9.24084C16.8755 9.43363 16.8963 9.65206 17.0145 9.83598L18.8084 11.5936C18.6893 12.034 18.8014 12.5241 19.1472 12.8699L20.3165 14.0392H33.6074C35.0583 14.0392 36.2345 15.2154 36.2345 16.6663V29.9572L40 33.7227V16.9851L26.4972 3.47551C24.5877 2.22876 22.3681 1.5697 20.0785 1.5697Z" fill="url(#paint16_linear_4625_5577)"/>
<path d="M22.8539 8.79254C22.0027 8.24564 21.0158 7.95654 20 7.95654C18.9843 7.95654 17.9974 8.24564 17.1461 8.79246C16.8216 9.00101 16.7276 9.43309 16.936 9.75756C17.1445 10.082 17.5766 10.1761 17.9011 9.96768C18.5267 9.5658 19.2525 9.35333 20 9.35333C20.7476 9.35333 21.4734 9.5658 22.0989 9.96768C22.2158 10.0427 22.3465 10.0786 22.4758 10.0786C22.7056 10.0786 22.9306 9.96525 23.064 9.75756C23.2725 9.43317 23.1785 9.00101 22.8539 8.79254Z" fill="url(#paint17_linear_4625_5577)"/>
<path d="M24.5563 6.21705C23.1995 5.3358 21.624 4.87 20 4.87C18.376 4.87 16.8005 5.3358 15.4437 6.21698C15.0278 6.48709 14.9096 7.04325 15.1798 7.45917C15.4499 7.87509 16.0061 7.99321 16.422 7.72309C17.4868 7.03149 18.7241 6.66592 20 6.66592C21.2759 6.66592 22.5133 7.03149 23.578 7.72309C23.7291 7.82121 23.8987 7.86811 24.0663 7.86811C24.3602 7.86811 24.6482 7.72396 24.8202 7.45917C25.0904 7.04325 24.9722 6.48717 24.5563 6.21705Z" fill="url(#paint18_linear_4625_5577)"/>
<path d="M26.4188 3.39709C24.5093 2.15027 22.2897 1.49121 20 1.49121C17.7104 1.49121 15.4908 2.15019 13.5812 3.39702C13.0737 3.72839 12.9308 4.40847 13.2622 4.916C13.5936 5.42353 14.2737 5.56635 14.7812 5.23498C16.333 4.2218 18.1377 3.68627 20 3.68627C21.8624 3.68627 23.667 4.2218 25.2188 5.23505C25.4039 5.35592 25.612 5.41372 25.8178 5.41372C26.1761 5.41372 26.5273 5.23851 26.7378 4.91607C27.0692 4.40854 26.9264 3.72847 26.4188 3.39709Z" fill="url(#paint19_linear_4625_5577)"/>
<path d="M20 13.1773C20.7274 13.1773 21.317 12.5876 21.317 11.8602C21.317 11.1329 20.7274 10.5432 20 10.5432C19.2726 10.5432 18.683 11.1329 18.683 11.8602C18.683 12.5876 19.2726 13.1773 20 13.1773Z" fill="url(#paint20_linear_4625_5577)"/>
<defs>
<linearGradient id="paint0_linear_4625_5577" x1="20" y1="23.2161" x2="20" y2="37.3131" gradientUnits="userSpaceOnUse">
<stop stop-color="#62DBFB"/>
<stop offset="0.1912" stop-color="#57D5FA"/>
<stop offset="0.5232" stop-color="#3BC5F7"/>
<stop offset="0.954" stop-color="#0DABF2"/>
<stop offset="1" stop-color="#08A9F1"/>
</linearGradient>
<linearGradient id="paint1_linear_4625_5577" x1="6.90196" y1="30.7254" x2="2.90196" y2="30.7254" gradientUnits="userSpaceOnUse">
<stop stop-color="#0593FC" stop-opacity="0"/>
<stop offset="0.6831" stop-color="#0389FC" stop-opacity="0.683"/>
<stop offset="1" stop-color="#0182FC"/>
</linearGradient>
<linearGradient id="paint2_linear_4625_5577" x1="20" y1="26.5723" x2="20" y2="21.2385" gradientUnits="userSpaceOnUse">
<stop stop-color="#0593FC" stop-opacity="0"/>
<stop offset="0.6831" stop-color="#0389FC" stop-opacity="0.683"/>
<stop offset="1" stop-color="#0182FC"/>
</linearGradient>
<linearGradient id="paint3_linear_4625_5577" x1="20.0392" y1="14.1813" x2="20.0392" y2="16.3788" gradientUnits="userSpaceOnUse">
<stop stop-color="#017297"/>
<stop offset="1" stop-color="#024C67"/>
</linearGradient>
<linearGradient id="paint4_linear_4625_5577" x1="20.0392" y1="17.4754" x2="20.0392" y2="19.6729" gradientUnits="userSpaceOnUse">
<stop stop-color="#017297"/>
<stop offset="1" stop-color="#024C67"/>
</linearGradient>
<linearGradient id="paint5_linear_4625_5577" x1="20.0392" y1="20.8479" x2="20.0392" y2="23.0454" gradientUnits="userSpaceOnUse">
<stop stop-color="#017297"/>
<stop offset="1" stop-color="#024C67"/>
</linearGradient>
<linearGradient id="paint6_linear_4625_5577" x1="20.0392" y1="24.0912" x2="20.0392" y2="26.2887" gradientUnits="userSpaceOnUse">
<stop stop-color="#017297"/>
<stop offset="1" stop-color="#024C67"/>
</linearGradient>
<linearGradient id="paint7_linear_4625_5577" x1="20.0392" y1="27.3853" x2="20.0392" y2="29.5828" gradientUnits="userSpaceOnUse">
<stop stop-color="#017297"/>
<stop offset="1" stop-color="#024C67"/>
</linearGradient>
<linearGradient id="paint8_linear_4625_5577" x1="20.0392" y1="30.7578" x2="20.0392" y2="32.9553" gradientUnits="userSpaceOnUse">
<stop stop-color="#017297"/>
<stop offset="1" stop-color="#024C67"/>
</linearGradient>
<linearGradient id="paint9_linear_4625_5577" x1="20.0392" y1="34.052" x2="20.0392" y2="36.2495" gradientUnits="userSpaceOnUse">
<stop stop-color="#017297"/>
<stop offset="1" stop-color="#024C67"/>
</linearGradient>
<linearGradient id="paint10_linear_4625_5577" x1="20.0392" y1="37.3461" x2="20.0392" y2="39.5436" gradientUnits="userSpaceOnUse">
<stop stop-color="#017297"/>
<stop offset="1" stop-color="#024C67"/>
</linearGradient>
<linearGradient id="paint11_linear_4625_5577" x1="9.048" y1="5.64996" x2="27.7147" y2="38.9049" gradientUnits="userSpaceOnUse">
<stop stop-color="#EAF9FA"/>
<stop offset="1" stop-color="#B3DAFE"/>
</linearGradient>
<linearGradient id="paint12_linear_4625_5577" x1="20" y1="-5.80283" x2="20" y2="17.6317" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BACDF" stop-opacity="0"/>
<stop offset="1" stop-color="#7BACDF"/>
</linearGradient>
<linearGradient id="paint13_linear_4625_5577" x1="20" y1="8.64785" x2="20" y2="6.96024" gradientUnits="userSpaceOnUse">
<stop stop-color="#EAF9FA"/>
<stop offset="1" stop-color="#B3DAFE"/>
</linearGradient>
<linearGradient id="paint14_linear_4625_5577" x1="20" y1="12.0204" x2="20" y2="10.3328" gradientUnits="userSpaceOnUse">
<stop stop-color="#EAF9FA"/>
<stop offset="1" stop-color="#B3DAFE"/>
</linearGradient>
<linearGradient id="paint15_linear_4625_5577" x1="13.8244" y1="14.8416" x2="10.2165" y2="7.70434" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BACDF" stop-opacity="0"/>
<stop offset="1" stop-color="#7BACDF"/>
</linearGradient>
<linearGradient id="paint16_linear_4625_5577" x1="30.1222" y1="15.7451" x2="18.9065" y2="0.294096" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BACDF" stop-opacity="0"/>
<stop offset="1" stop-color="#7BACDF"/>
</linearGradient>
<linearGradient id="paint17_linear_4625_5577" x1="19.4383" y1="7.77317" x2="20.3961" y2="10.5136" gradientUnits="userSpaceOnUse">
<stop stop-color="#AEFFD1"/>
<stop offset="0.1201" stop-color="#A3F9CB"/>
<stop offset="0.3288" stop-color="#87EAB9"/>
<stop offset="0.6012" stop-color="#59D19D"/>
<stop offset="0.9235" stop-color="#19AF77"/>
<stop offset="1" stop-color="#09A76D"/>
</linearGradient>
<linearGradient id="paint18_linear_4625_5577" x1="19.1947" y1="4.04396" x2="20.2856" y2="8.00827" gradientUnits="userSpaceOnUse">
<stop stop-color="#AEFFD1"/>
<stop offset="0.1201" stop-color="#A3F9CB"/>
<stop offset="0.3288" stop-color="#87EAB9"/>
<stop offset="0.6012" stop-color="#59D19D"/>
<stop offset="0.9235" stop-color="#19AF77"/>
<stop offset="1" stop-color="#09A76D"/>
</linearGradient>
<linearGradient id="paint19_linear_4625_5577" x1="19.157" y1="1.23215" x2="20.3277" y2="5.51576" gradientUnits="userSpaceOnUse">
<stop stop-color="#AEFFD1"/>
<stop offset="0.1201" stop-color="#A3F9CB"/>
<stop offset="0.3288" stop-color="#87EAB9"/>
<stop offset="0.6012" stop-color="#59D19D"/>
<stop offset="0.9235" stop-color="#19AF77"/>
<stop offset="1" stop-color="#09A76D"/>
</linearGradient>
<linearGradient id="paint20_linear_4625_5577" x1="18.7229" y1="10.5831" x2="20.8381" y2="12.6984" gradientUnits="userSpaceOnUse">
<stop stop-color="#AEFFD1"/>
<stop offset="0.1201" stop-color="#A3F9CB"/>
<stop offset="0.3288" stop-color="#87EAB9"/>
<stop offset="0.6012" stop-color="#59D19D"/>
<stop offset="0.9235" stop-color="#19AF77"/>
<stop offset="1" stop-color="#09A76D"/>
</linearGradient>
<clipPath id="clip0_4625_5577">
<rect width="34.9599" height="27.3217" fill="white" transform="translate(2.53027 12.6127)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -70,9 +70,12 @@ class DeviceModel {
tempIcon = Assets.oneGang; tempIcon = Assets.oneGang;
} else if (type == DeviceType.TowTouch) { } else if (type == DeviceType.TowTouch) {
tempIcon = Assets.twoGang; tempIcon = Assets.twoGang;
} else if (type == DeviceType.GarageDoor) {
tempIcon = Assets.garageIcon;
} else if (type == DeviceType.ThreeTouch) { } else if (type == DeviceType.ThreeTouch) {
tempIcon = Assets.assetsIcons3GangSwitch; tempIcon = Assets.assetsIcons3GangSwitch;
} else { }
else {
tempIcon = Assets.assetsIconsLogo; tempIcon = Assets.assetsIconsLogo;
} }

View File

@ -1064,5 +1064,7 @@ class Assets {
static const String garageCountdown = "assets/icons/garage_countdown.svg"; static const String garageCountdown = "assets/icons/garage_countdown.svg";
static const String garagePreferencesIcon = "assets/icons/garage_preferences_icon.svg"; static const String garagePreferencesIcon = "assets/icons/garage_preferences_icon.svg";
static const String garageSchedule = "assets/icons/garage_schedule.svg"; static const String garageSchedule = "assets/icons/garage_schedule.svg";
//open_garage_door.svg
static const String garageIcon = "assets/icons/garageIcon.svg";
} }