From 575de9463d49b21b1ec0111c320e9ecd45de7a3b Mon Sep 17 00:00:00 2001
From: RTAkland <markushammered@gmail.com>
Date: Sat, 18 Dec 2021 21:38:29 +0800
Subject: [PATCH] feat: use high quality pictures

---
 res/basic-resources/sunrise.png | Bin 993 -> 6581 bytes
 res/basic-resources/sunset.png  | Bin 1005 -> 6605 bytes
 test.py                         |   6 +
 tests/webserver.py              | 301 ++++++++++++++++++++++++++++++++
 4 files changed, 307 insertions(+)
 create mode 100644 test.py
 create mode 100644 tests/webserver.py

diff --git a/res/basic-resources/sunrise.png b/res/basic-resources/sunrise.png
index 5cbe9f7eb2c7ab30f13a4a6c9dde00ab6c343a5b..12f419ab8ebe60080850a6815dffb80f13accef7 100644
GIT binary patch
literal 6581
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

literal 993
zcmV<710MW|P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px&n@L1LR9HvtmR)QVRTRhnXSzGLwMn~8L4x?wWTsSnAWC>JlGrBVM?|ARcW+BH
z_z@u?iW>ZQtZzU9;)4$)enhR=yQ@|c+9<w20uM$W6eCUP47dqAU`!BbVQ03xbIjc`
z%WC#x(oHNe?9=R>bN}~u&-tHwhp@yyTH^I_3!tS8<g=^$+5+w}<;=;&ma-)PFKy+B
z=uXp!Cnz~Jw-|_)0DNU%0?=(5r359<UjF|8T=;B7XF_yu2ZG<)Q|{q<JBw0+qOv#5
zGnUO=GrnH_;_2CcYt<}4K5Y#eL`N2aIVq(3Wi5ziCiIo{3_w{uH((y>7<P|F0?<Le
zvOWdqxq1+Ma9zC6eQ7le3e4rjvow_Rs>Q1p2ho^F%{*Ic6Aex1D|-)sw*dZDNcSl%
zP*D9ZF?a_UcY_eG5<NxWBc^m;S%|YgVPGqP_nFe&Rj-UqyC9#ox6Zc3zq&m+H5ZCj
ziJj4F0k|t1W8fSa{K%ErwsSq5!2>brOf>3_rU2pOg0lZ)V440;z_t>%{m?Nyoh!R!
ze4w{5Um8S!gCO+kG1D-6DS7H*v(}6R;HT}6KzIR+U&XMqwvni(tm6c_zq)KKWx!L`
zLj*cZgxPqhXw%5=e>4*0F{^7nMrX>|A|4ef_uZBN{EYQBn07PKuJ+W-zGf-a?>%L|
zNx)tJN=Roo5`d=$`k9M&gu!9Y`pWtSpeJkfaXNiyoXA)^J$=F+9UTqAxn9P4n3%o?
z@UxK4y?R`qEjK`7xzIlq5BSRd3BdYF5Mhr<Iq&$&{tH0j%2lJQ`Xp0oawotCuAdV}
zrF?v-(g|Z$S0P6FZn!3-(^>J*4T7AIPTzGyFN_v4_I5B*6%m7Xh@?B^Df>JDtEhx~
z%q`9@`u#r_Cm&z|U|h;go6B91?O#<0_&mTDgmhQ>S!)di^g*Z{5KV;TY}y50+CD~v
z4IJ?6?IZ4iOlI;`W`2J`jEVrq0BB>b2qEUP{TqUSj{*2mNawyt9;g>oP}XY<dJn*9
zA)NuGCO-!Fd1iWpi1+JxL0}9TMxe^I&Uf~W-1hS4U_2egxJ@%qE|0Ry7gGuRMTc}h
zRO-9+Qa*Y@sfqIUfMJM4sZ{LIF`H@Ug8*;Q&zG+nPt>{rt2Y}7pk8*W0g}m$|NRGv
zQWLD<bOx3PU@{MI`%(gI1JEPoW4jwUy`?T#tZ>wMEtxRtBDXSdQ)l3BvuJ=Y=%rf6
P00000NkvXXu0mjfV*1U0

diff --git a/res/basic-resources/sunset.png b/res/basic-resources/sunset.png
index 2e8a73dcda7710dc10596f6dbfba0dba0ca8b5b9..874f2043b201e332de613fa63848f8c7e577a174 100644
GIT binary patch
literal 6605
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

literal 1005
zcmV<J0}}j+P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px&r%6OXR9Hvtm0fHURTRhnXSO?2tl=Z2nnEBU%q)l@_z_}EG`25BLNOR*_YOt@
zHGzbvL5cEMeUe0y`rrc(#ApnAw`eu7#o$W`ybyU%36#<qU_(u;k^uGtI<vcT%%z>}
zShwBnE|J7APcwJU$M4+pKlc*u@k94GKkft6v;$-5RZHT;OLZ}DrrK841mI;7XTiKy
z*W%5T>>H{EqBa0&T?MeLz`^nd>`R0HAAq4RA8uG^EZ7YM=jv1L@tG={YC*1<lG&0i
z$V;m&$5=diOZ%qjjf*4GW0h>d?X=mV5%o?ObJ7s*(NYlQMCeI#D?pvfH(+j^XS*jV
z0#HVtG`|4owV5FJ(35e0!Od0BDA1eom#H;79t|E%4x+D&)WEByikMY|p0o}Ccpu>J
z4B@_{0{AlVCWH5Y@hAxKNYL{H?$w3+)`Xq)IRiTgd{7tezM0xsb_#B%tsNt=_}335
z`$of{kzkipE&z{&YYYsM#xD$y#0D2N1kcq8r+c>PC<_oe`_j6`z+&}Hz^($vew=6b
zXYZ(_YjvZaE3_cMArKnXny%@MlstdE+-Oz=;H9m@AiNI7S;KbL%@)*`RxblB(YDpJ
z1LM+so<PTmFcL51E!uYFk8)KNA&A?Jl>1>#0A9xY08Ae<(Z2fBz`=6K)&E>N@oYeR
z5`Z*>V^;()E>|a*^GibGaArMeehbj%QgeLdNcVOkUSZpt+M`KWnk#*f3*cu%I8Ug5
z>TH>^smq4?DQduz)=vP|7mWx9jFhwAlhzFY3x~(F`O{A_DZBp!(8QcyZrhuScL5(W
z4S$%_xp2!6PD4>cQv_K<I4dRvJ+bO%tleOwisPj59wX`Y`O-Sgz*AJf<N7PkFVRY+
z?70f?vVQ?|CYJgE{|4}oA>3xK(_BLVeHQu#MBQOK%T9qW%}*Hg9tXU)ew*7-2|%th
z@k|i#DFCMp;XGZD24*rEPg@&_pbnFZdc3Zcwp{pK${*GXvEfW~2LL0cV%YYEte3Hl
zg7I=C!Y#W4ciJPZ$%_fUcA;ZFz&n}gT_WsNEhrRtV=P98mF*_%|0oVGsowt@(_Sof
z14fIj2q5Z^$@IL<%%4uKjRJTO;A;Ri0q7E<ZA&Gi8rsYmKsid;^A5lr%<7AMBGRi#
z{*Nh`3w0D?((i;2ZLM>SQ4@f2PN%=`BEn<+{cUD@I|ctaKs5=c`&6ZYyOFpi5#9&5
bn>+9~fuNKy%ru+l00000NkvXXu0mjfiNx8*

diff --git a/test.py b/test.py
new file mode 100644
index 0000000..292bd1a
--- /dev/null
+++ b/test.py
@@ -0,0 +1,6 @@
+#!/usr/bin/env python3
+# -- coding:utf-8 --
+# @Author: markushammered@gmail.com
+# @Development Tool: PyCharm
+# @Create Time: 2021/12/18
+# @File Name: test.py
\ No newline at end of file
diff --git a/tests/webserver.py b/tests/webserver.py
new file mode 100644
index 0000000..00c0420
--- /dev/null
+++ b/tests/webserver.py
@@ -0,0 +1,301 @@
+#!/usr/bin/env python3
+# -- coding:utf-8 --
+# @Author: markushammered@gmail.com
+# @Development Tool: PyCharm
+# @Create Time: 2021/12/18
+# @File Name: web_weather.py
+
+import socket
+from core.logger import Logger
+from core.read_config import read_config
+from core.information import WeatherInfo
+
+server = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
+server.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
+server.bind(('127.0.0.1', 7898))
+server.listen(5)
+
+
+def build_html():
+    settings = read_config()
+    city = settings[3]['city-name']
+    mode = settings[1]['mode']
+    match mode:
+        case 'dev':
+            dev_weather = WeatherInfo().dev_version()
+            dates = dev_weather[0]
+            day_weathers = dev_weather[1]
+            night_weathers = dev_weather[2]
+            highest_temps = dev_weather[3]
+            lowest_temps = dev_weather[4]
+            icons = dev_weather[5]
+            sunset = dev_weather[6]
+            sunrise = dev_weather[7]
+            humidity = dev_weather[8]
+            wind_speed = dev_weather[9]
+            wind_scale = dev_weather[10]
+            wind_dir = dev_weather[11]
+            uv_index = dev_weather[12]
+            cloud = dev_weather[13]
+            pressure = dev_weather[14]
+            vis = dev_weather[15]
+
+            html = f"""
+                <!DOCTYPE html>
+                <html lang="en">
+                <head>
+                    <meta charset="UTF-8">
+                    <title>Title</title>
+                </head>
+                <p style="text-align: center"><i><b>地区:{city}</b></i></p>
+                <br />
+                <table style="border: 0; text-align: center; margin:0 auto">
+                    <tr>
+                        <th>|&nbsp;日期&nbsp;&nbsp;</th>
+                        <th>|&nbsp;天气&nbsp;&nbsp;</th>
+                        <th>|&nbsp;最低温度&nbsp;&nbsp;</th>
+                        <th>|&nbsp;最高温度&nbsp;&nbsp;</th>
+                    </tr>
+                    <tr>
+                        <!--日期 天气 最低 最高/Date Weather LowestTemp HighestTemp-->
+                        <td>今天</td>
+                        <td>{day_weathers[0]}<img src="./res/icons/{icons[0]}.png" width="20" alt="">/{night_weathers[0]}
+                        <img src="./res/icons/{icons[1]}.png" 
+                        width="20" alt=""></td> <td>{lowest_temps[0]}℃</td> 
+                        <td>{highest_temps[0]}℃</td>
+                    </tr>
+                    <tr>
+                        <td>{dates[1]}</td>
+                        <td>{day_weathers[1]}<img src="./res/icons/{icons[2]}.png" width="20" alt="">/{night_weathers[1]}
+                        <img src="./res/icons/{icons[3]}.png" 
+                        width="20" alt=""></td> <td>{lowest_temps[1]}℃</td> 
+                        <td>{highest_temps[1]}℃</td>
+                    </tr>
+                        <tr>
+                        <td>{dates[2]}</td>
+                        <td>{day_weathers[2]}<img src="./res/icons/{icons[4]}.png" width="20" alt="">/{night_weathers[2]}
+                        <img src="./res/icons/{icons[5]}.png" 
+                        width="20" alt=""></td> <td>{lowest_temps[2]}℃</td> 
+                        <td>{highest_temps[2]}℃</td>
+                    </tr>
+                        <tr>
+                        <td>{dates[3]}</td>
+                        <td>{day_weathers[3]}<img src="./res/icons/{icons[6]}.png" width="20" alt="">/{night_weathers[3]}
+                        <img src="./res/icons/{icons[7]}.png" 
+                        width="20" alt=""></td> <td>{lowest_temps[3]}℃</td> 
+                        <td>{highest_temps[3]}℃</td>
+                    </tr>
+                        <tr>
+                        <td>{dates[4]}</td>
+                        <td>{day_weathers[4]}<img src="./res/icons/{icons[8]}.png" width="20" alt="">/{night_weathers[4]}
+                        <img src="./res/icons/{icons[9]}.png" 
+                        width="20" alt=""></td> <td>{lowest_temps[4]}℃</td> 
+                        <td>{highest_temps[4]}℃</td>
+                    </tr>
+                        <tr>
+                        <td>{dates[5]}</td>
+                        <td>{day_weathers[5]}<img src="./res/icons/{icons[10]}.png" width="20" alt="">/{night_weathers[5]}
+                        <img src="./res/icons/{icons[11]}.png" 
+                        width="20" alt=""></td> <td>{lowest_temps[5]}℃</td> 
+                        <td>{highest_temps[5]}℃</td>
+                    </tr>
+                        <tr>
+                        <td>{dates[6]}</td>
+                        <td>{day_weathers[6]}<img src="./res/icons/{icons[12]}.png" width="20" alt="">/{night_weathers[6]}
+                        <img src="./res/icons/{icons[13]}.png" 
+                        width="20" alt=""></td> <td>{lowest_temps[6]}℃</td> 
+                        <td>{highest_temps[6]}℃</td>
+                    </tr>
+                </table>
+                <table style="border: 0;text-align: center; margin:0 auto">
+                    <tr>
+                        <th>&nbsp;</th>
+                    </tr>
+                    <tr>
+                        <th>风速/风级/风向</th>
+                        <th>相对湿度</th>
+                        <th>紫外线</th>
+                    </tr>
+                    <tr>
+                        <td>{wind_speed}m/s&nbsp; {wind_scale}&nbsp; {wind_dir}&nbsp;</td>
+                        <td>{humidity}%&nbsp;</td>
+                        <td>{uv_index}&nbsp;</td>
+                    </tr>
+                    <tr>
+                        <th>&nbsp;</th>
+                    </tr>
+                    <tr>
+                        <th>能见度</th>
+                        <th>大气压强</th>
+                        <th>相对云量</th>
+                    </tr>
+                    <tr>
+                        <td>{vis}km&nbsp;</td>
+                        <td>{pressure}hPa&nbsp;</td>
+                        <td>{cloud}%&nbsp;</td>
+                    </tr>
+                </table>
+                <table style="border: 0;text-align: center; margin:0 auto">
+                    <tr>
+                        <th>&nbsp;</th>
+                    </tr>
+                    <tr>
+                        <td><img src="./res/basic-resources/sunrise.png" alt="Sunrise" width="30"></td>
+                        <td>&nbsp;</td>
+                        <td><img src="./res/basic-resources/sunset.png" alt="Sunset" width="30"></td>
+                    </tr>
+                    <tr>
+                        <td>&nbsp;{sunrise}&nbsp;</td>
+                        <td>---------------</td>
+                        <td>&nbsp;{sunset}&nbsp;</td>
+                    </tr>
+                </table>
+                <div style="text-align: center;" id="About">
+                    <br />
+                    <br />
+                    <br />
+                    <i>
+                        <b>
+                            <a href="https://dev.qweather.com/" style="color: black" target="_blank">QWeather</a>
+                            <a style="color: black">&nbsp;·&nbsp;</a>
+                            <a href="https://github.com/MarkusJoe/QWeather" style="color: black" target="_blank">Github Repo</a>
+                        </b>
+                    </i>
+                </div>"""
+            return html
+        case 'free':
+            dev_weather = WeatherInfo().free_version()
+            dates = dev_weather[0]
+            day_weathers = dev_weather[1]
+            night_weathers = dev_weather[2]
+            highest_temps = dev_weather[3]
+            lowest_temps = dev_weather[4]
+            icons = dev_weather[5]
+            sunset = dev_weather[6]
+            sunrise = dev_weather[7]
+            humidity = dev_weather[8]
+            wind_speed = dev_weather[9]
+            wind_scale = dev_weather[10]
+            wind_dir = dev_weather[11]
+            uv_index = dev_weather[12]
+            cloud = dev_weather[13]
+            pressure = dev_weather[14]
+            vis = dev_weather[15]
+
+            html = f"""
+                    <!DOCTYPE html>
+                    <html lang="en">
+                    <head>
+                        <meta charset="UTF-8">
+                        <title>Title</title>
+                    </head>
+                    <p style="text-align: center"><i><b>地区:{city}</b></i></p>
+                    <br />
+                    <table style="border: 0; text-align: center; margin:0 auto">
+                        <tr>
+                            <th>|&nbsp;日期&nbsp;&nbsp;</th>
+                            <th>|&nbsp;天气&nbsp;&nbsp;</th>
+                            <th>|&nbsp;最低温度&nbsp;&nbsp;</th>
+                            <th>|&nbsp;最高温度&nbsp;&nbsp;</th>
+                        </tr>
+                        <tr>
+                            <!--日期 天气 最低 最高/Date Weather LowestTemp HighestTemp-->
+                            <td>今天</td>
+                            <td>{day_weathers[0]}<img src="./res/icons/{icons[0]}.png" width="20" alt="">/{night_weathers[0]}
+                            <img src="./res/icons/{icons[1]}.png" 
+                            width="20" alt=""></td> <td>{lowest_temps[0]}℃</td> 
+                            <td>{highest_temps[0]}℃</td>
+                        </tr>
+                        <tr>
+                            <td>{dates[1]}</td>
+                            <td>{day_weathers[1]}<img src="./res/icons/{icons[2]}.png" width="20" alt="">/{night_weathers[1]}
+                            <img src="./res/icons/{icons[3]}.png" 
+                            width="20" alt=""></td> <td>{lowest_temps[1]}℃</td> 
+                            <td>{highest_temps[1]}℃</td>
+                        </tr>
+                            <tr>
+                            <td>{dates[2]}</td>
+                            <td>{day_weathers[2]}<img src="./res/icons/{icons[4]}.png" width="20" alt="">/{night_weathers[2]}
+                            <img src="./res/icons/{icons[5]}.png" 
+                            width="20" alt=""></td> <td>{lowest_temps[2]}℃</td> 
+                            <td>{highest_temps[2]}℃</td>
+                    </table>
+                    <table style="border: 0;text-align: center; margin:0 auto">
+                        <tr>
+                            <th>&nbsp;</th>
+                        </tr>
+                        <tr>
+                            <th>风速/风级/风向</th>
+                            <th>相对湿度</th>
+                            <th>紫外线</th>
+                        </tr>
+                        <tr>
+                            <td>{wind_speed}m/s&nbsp; {wind_scale}&nbsp; {wind_dir}&nbsp;</td>
+                            <td>{humidity}%&nbsp;</td>
+                            <td>{uv_index}&nbsp;</td>
+                        </tr>
+                        <tr>
+                            <th>&nbsp;</th>
+                        </tr>
+                        <tr>
+                            <th>能见度</th>
+                            <th>大气压强</th>
+                            <th>相对云量</th>
+                        </tr>
+                        <tr>
+                            <td>{vis}km&nbsp;</td>
+                            <td>{pressure}hPa&nbsp;</td>
+                            <td>{cloud}%&nbsp;</td>
+                        </tr>
+                    </table>
+                    <table style="border: 0;text-align: center; margin:0 auto">
+                        <tr>
+                            <th>&nbsp;</th>
+                        </tr>
+                        <tr>
+                            <td><img src="./res/basic-resources/sunrise.png" alt="Sunrise" width="30"></td>
+                            <td>&nbsp;</td>
+                            <td><img src="./res/basic-resources/sunset.png" alt="Sunset" width="30"></td>
+                        </tr>
+                        <tr>
+                            <td>&nbsp;{sunrise}&nbsp;</td>
+                            <td>---------------</td>
+                            <td>&nbsp;{sunset}&nbsp;</td>
+                        </tr>
+                    </table>
+                    <div style="text-align: center;" id="About">
+                        <br />
+                        <br />
+                        <br />
+                        <i>
+                            <b>
+                                <a href="https://dev.qweather.com/" style="color: black" target="_blank">QWeather</a>
+                                <a style="color: black">&nbsp;·&nbsp;</a>
+                                <a href="https://github.com/MarkusJoe/QWeather" style="color: black" target="_blank">Github Repo</a>
+                            </b>
+                        </i>
+                    </div>"""
+            return html
+        case _:
+            return "You hadn't selected a mode"
+
+
+def process_request():
+    while True:
+        c, a = server.accept()
+        data = str(c.recv(1024)).split(':')[0][6:][:-17]
+        html = build_html()
+        if data == '/':
+            c.send('HTTP1.1/ 200 OK\r\n\r\n'.encode('utf-8'))
+            c.send(html.encode('utf-8'))
+            Logger.info(f'{a}: Get {data} --by browser')
+        else:
+            print(data)
+            try:
+                with open(f'.{data}', 'rb') as f:
+                    c.send('HTTP1.1/ 200 OK\r\n\r\n'.encode('utf-8'))
+                    c.send(f.read())
+                    Logger.info(f'{a}: Get {data} --by browser')
+            except FileNotFoundError:
+                c.send(f'HTTP1.1/ 404 Not Found\r\n\r\n{html}'.encode('utf-8'))
+        c.close()