5
5
< meta charset ="utf-8 ">
6
6
< title > המשחקים הקרובים</ title >
7
7
< script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js "> </ script >
8
- < style >
9
- div .unstyledTable {
10
- width : 1024px ;
11
- border-collapse : collapse;
12
- }
13
-
14
- .divTable .unstyledTable .divTableCell , .divTable .unstyledTable .divTableHead {}
15
-
16
- .divTable .unstyledTable .divTableBody .divTableCell {
17
- font-size : 10px ;
18
- }
19
-
20
- .divTable .unstyledTable .divTableHeading {
21
- background : # DDDDDD ;
22
- }
23
-
24
- .divTable .unstyledTable .divTableHeading .divTableHead {
25
- font-size : 15px ;
26
- font-weight : bold;
27
- text-align : right;
28
- }
29
-
30
- /* DivTable.com */
31
- .divTable {
32
- display : table;
33
- }
34
-
35
- .divTableRow {
36
- display : table-row;
37
- }
38
-
39
- .divTableHeading {
40
- display : table-header-group;
41
- }
42
-
43
- .divTableCell ,
44
- .divTableHead {
45
- display : table-cell;
46
- font-size : 15px ;
47
- }
48
-
49
- .divTableHeading {
50
- display : table-header-group;
51
- }
52
-
53
- .divTableBody {
54
- display : table-row-group;
55
- }
56
- </ style >
8
+ < link rel ="stylesheet " type ="text/css " href ="{{ url_for('static', filename='style.css') }} ">
57
9
</ head >
58
10
59
11
< body >
60
- < div class ="divTable unstyledTable ">
61
- < div class ="divTableHeading ">
62
- < div class ="divTableRow ">
63
- < div class ="divTableHead "> #</ div >
64
- < div class ="divTableHead "> תאריך</ div >
65
- < div class ="divTableHead "> יום</ div >
66
- < div class ="divTableHead "> שעה</ div >
67
- < div class ="divTableHead "> ליגה</ div >
68
- < div class ="divTableHead "> בית</ div >
69
- < div class ="divTableHead "> חוץ</ div >
70
- < div class ="divTableHead "> אוהדים</ div >
71
- < div class ="divTableHead "> מספר</ div >
72
- < div class ="divTableHead "> פעולה</ div >
73
- < div class ="divTableHead "> סקר</ div >
74
- < div class ="divTableHead "> הערות</ div >
12
+ < div class ="container ">
13
+ < div class ="divTable unstyledTable ">
14
+ < div class ="divTableHeading ">
15
+ < div class ="divTableRow ">
16
+ < div class ="divTableHead "> #</ div >
17
+ < div class ="divTableHead "> תאריך</ div >
18
+ < div class ="divTableHead "> יום</ div >
19
+ < div class ="divTableHead "> שעה</ div >
20
+ < div class ="divTableHead "> ליגה</ div >
21
+ < div class ="divTableHead "> בית</ div >
22
+ < div class ="divTableHead "> חוץ</ div >
23
+ < div class ="divTableHead "> אוהדים</ div >
24
+ < div class ="divTableHead "> מספר</ div >
25
+ < div class ="divTableHead "> פעולה</ div >
26
+ < div class ="divTableHead "> סקר</ div >
27
+ < div class ="divTableHead "> הערות</ div >
28
+ < div class ="divTableHead "> שלח</ div >
29
+ </ div >
75
30
</ div >
76
- </ div >
77
- {% for key, value in mygames.items() %}
78
- {% set scraped_date_time, league, home_team, home_team_en, home_team_url, game_hour, guest_team, guest_team_en, guest_team_url, game_time_delta, road_block_time, specs_word, specs_number, poll, notes, custom_sepcs_number, custom_road_block_time = value %}
79
- {% if guest_team_url != '' %}
80
- {% set guest_team_alter = '< a href ="' ~ guest_team_url ~ ' " target ="_blank "> ' ~ guest_team ~ '</ a > ' %}
81
- {% else %}
82
- {% set guest_team_alter = guest_team %}
83
- {% endif %}
84
- < div class ="divTableRow ">
85
- < div class ="divTableCell "> {{ loop.index }}</ div >
86
- < div class ="divTableCell "> {{ scraped_date_time.strftime('%Y-%m-%d') }}</ div >
87
- < div class ="divTableCell "> {{ scraped_date_time | babel_format_day_heb }}</ div >
88
- < div class ="divTableCell "> {{ scraped_date_time.strftime('%H:%M') }}</ div >
89
- < div class ="divTableCell "> {{ league }}</ div >
90
- < div class ="divTableCell "> < img width ="18 " height ="18 " src ="assets/teams/{{ home_team_en }}.png "> < a href ="{{ home_team_url }} " target ="_blank "> {{ home_team }}</ a > </ div >
91
- < div class ="divTableCell "> < img width ="18 " height ="18 " src ="assets/teams/{{ guest_team_en }}.png "> {{ guest_team_alter | safe }}</ div >
92
- < div class ="divTableCell "> {{ specs_word }}</ div >
93
- < div class ="divTableCell " {% if specs_number == 0 %}style ="background: yellow; " {% endif %} > {{ specs_number }}</ div >
94
- < div class ="divTableCell ">
95
- < form action ="/action " method ="post ">
96
- < select id ="action_{{ loop.index }} " name ="action ">
97
- < option option hidden selected > בחר</ option >
98
- < option id ="update " value ='{
99
- "action":"update",
100
- "home_team":"{{ home_team | replace( '"', '\\"') }}",
101
- "guest_team":"{{ guest_team | replace('"', '\\"') }}",
102
- "specs_word": "{{ specs_word }}",
103
- "specs_number": "{{ specs_number }}",
104
- "poll": "{{ poll }}",
105
- "notes": "{{ notes }}"}'> עדכן</ option >
106
- < option id ="delete " value ='{
107
- "action":"delete",
108
- "home_team":"{{ home_team }}",
109
- "guest_team":"{{ guest_team }}"} '> מחק</ option >
110
- </ select >
111
- </ form >
31
+ {% for key, value in mygames.items() %}
32
+ {% set scraped_date_time, league, home_team, home_team_en, home_team_url, game_hour, guest_team,
33
+ guest_team_en, guest_team_url, game_time_delta, road_block_time, specs_word, specs_number, poll, notes,
34
+ custom_sepcs_number, custom_road_block_time = value %}
35
+ {% if guest_team_url != '' %}
36
+ {% set guest_team_alter = '< a href ="' ~ guest_team_url ~ ' " target ="_blank "> ' ~ guest_team ~ '</ a > ' %}
37
+ {% else %}
38
+ {% set guest_team_alter = guest_team %}
39
+ {% endif %}
40
+ < div class ="divTableRow ">
41
+ < div class ="divTableCell "> {{ loop.index }}</ div >
42
+ < div class ="divTableCell "> {{ scraped_date_time.strftime('%Y-%m-%d') }}</ div >
43
+ < div class ="divTableCell "> {{ scraped_date_time | babel_format_day_heb }}</ div >
44
+ < div class ="divTableCell "> {{ scraped_date_time.strftime('%H:%M') }}</ div >
45
+ < div class ="divTableCell "> {{ league }}</ div >
46
+ < div class ="divTableCell "> < img width ="18 " height ="18 " src ="assets/teams/{{ home_team_en }}.png "> < a
47
+ href ="{{ home_team_url }} " target ="_blank "> {{ home_team }}</ a > </ div >
48
+ < div class ="divTableCell "> < img width ="18 " height ="18 "
49
+ src ="assets/teams/{{ guest_team_en }}.png "> {{ guest_team_alter | safe }}</ div >
50
+ < div class ="divTableCell "> {{ specs_word }}</ div >
51
+ < div class ="divTableCell " {% if specs_number ==0 %}style ="background: yellow; " {% endif %} > {{
52
+ specs_number }}</ div >
53
+ < div class ="divTableCell ">
54
+ < form action ="/action " method ="post ">
55
+ < select id ="action_{{ loop.index }} " name ="action ">
56
+ < option option hidden selected > בחר</ option >
57
+ < option id ="update " value ='{
58
+ "action":"update",
59
+ "home_team":"{{ home_team | replace( '"', '\\"') }}",
60
+ "guest_team":"{{ guest_team | replace('"', '\\"') }}",
61
+ "specs_word": "{{ specs_word }}",
62
+ "specs_number": "{{ specs_number }}",
63
+ "poll": "{{ poll }}",
64
+ "notes": "{{ notes }}"}'> עדכן</ option >
65
+ < option id ="delete " value ='{
66
+ "action":"delete",
67
+ "home_team":"{{ home_team }}",
68
+ "guest_team":"{{ guest_team }}"} '> מחק</ option >
69
+ </ select >
70
+ </ form >
71
+ </ div >
72
+ < div class ="divTableCell ">
73
+ < input type ="checkbox " id ="poll " disabled ="disabled " {% if poll =='on ' %}checked{% endif %} >
74
+ </ div >
75
+ < div class ="divTableCell "> {{ notes }}</ div >
76
+ < div class ="divTableCell ">
77
+ < button onclick ="send(this) "> שלח</ button >
78
+ </ div >
112
79
</ div >
113
- < div class ="divTableCell "> < input type ="checkbox " id ="poll " disabled ="disabled " {% if poll == 'on ' %}checked{% endif %} > </ div >
114
- < div class ="divTableCell "> {{ notes }}</ div >
80
+ {% endfor %}
115
81
</ div >
116
- {% endfor %}
117
- </ div >
118
- < p >
82
+ < p >
119
83
< div id ="result_action "> </ div >
120
- </ p >
84
+ </ p >
85
+ </ div >
121
86
< script >
122
87
$ ( 'select' ) . on ( 'change' , function ( ) {
123
88
let select_id = $ ( this ) . children ( ":selected" ) . attr ( "id" ) ;
89
+ let row = $ ( this ) . closest ( '.divTableRow' ) ;
90
+
91
+ // Remove highlight from all rows
92
+ $ ( '.divTableRow' ) . removeClass ( 'highlight' ) ;
93
+
94
+ // Add highlight to the selected row
95
+ row . addClass ( 'highlight' ) ;
96
+
124
97
$ . post ( "/action" , { [ select_id ] : this . value } )
125
98
. done ( function ( data ) {
126
99
$ ( "#result_action" ) . empty ( ) . append ( data ) ;
127
100
} ) ;
128
101
} ) ;
102
+
103
+ function send ( button ) {
104
+ const row = button . closest ( '.divTableRow' ) ;
105
+ const cells = row . querySelectorAll ( '.divTableCell' ) ;
106
+ const keys = [
107
+ 'index' , 'date' , 'day' , 'time' , 'league' , 'home_team' , 'guest_team' ,
108
+ 'fans' , 'number' , 'action' , 'poll' , 'notes' , 'send'
109
+ ] ;
110
+ const values = { } ;
111
+
112
+ cells . forEach ( ( cell , index ) => {
113
+ values [ keys [ index ] ] = cell . innerText . trim ( ) ;
114
+ } ) ;
115
+
116
+ // Send the values using $.post
117
+ $ . post ( '/your-endpoint' , values )
118
+ . done ( function ( data ) {
119
+ console . log ( 'Success:' , data ) ;
120
+ } )
121
+ . fail ( function ( error ) {
122
+ console . error ( 'Error:' , error ) ;
123
+ } ) ;
124
+ }
129
125
</ script >
130
126
</ body >
131
- </ html >
127
+
128
+ </ html >
0 commit comments