Uthar commited on
Commit
15e6c6f
·
verified ·
1 Parent(s): 36dddb6

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +1 -81
app.py CHANGED
@@ -113,87 +113,7 @@ def add_gallery(image, model_str, gallery):
113
  if image is not None: gallery.insert(0, (image, model_str))
114
  return gallery
115
 
116
- JS="""
117
- <script>
118
-
119
- /*
120
- function simulateButtonPress_() {
121
- const button = document.getElementById('simulate-button');
122
- if (button) {
123
- button.click(); // Simulate the button press
124
- console.log('Button Pressed!');
125
- }
126
- }
127
- */
128
-
129
- function simulateButtonPress() {
130
- console.log('Button Pressed!');
131
- }
132
-
133
- // Function to observe image changes
134
- function observeImageChanges() {
135
- // Select all images with the 'image-monitor' class
136
- const images = document.querySelectorAll('.svelte-1pijsyv');
137
-
138
- // Create a MutationObserver to watch for changes in the image src
139
- const observer = new MutationObserver((mutationsList, observer) => {
140
- mutationsList.forEach(mutation => {
141
- if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
142
- // If the image src changes, simulate button press
143
- console.log('Image changed!');
144
- simulateButtonPress();
145
- }
146
- });
147
- });
148
-
149
- // Observer options: observe changes to attributes (like src)
150
- const config = { attributes: true };
151
-
152
- // Start observing each image
153
- images.forEach(image => {
154
- observer.observe(image, config);
155
- });
156
- }
157
-
158
- // Start observing
159
-
160
-
161
- window.addEventListener('load', () => {
162
- observeImageChanges();
163
- console.log("Yo");
164
- });
165
-
166
- </script>
167
- """
168
-
169
- CSS="""
170
- <style>
171
- .image-monitor {
172
- border:1px solid red;
173
- }
174
-
175
- /*
176
- .svelte-1pijsyv{
177
- border:1px solid green;
178
- }
179
- */
180
-
181
- .gallery-container{
182
- max-height: 512px;
183
- }
184
-
185
- .butt{
186
- background-color:#2b4764 !important
187
- }
188
- .butt:hover{
189
- background-color:#3a6c9f !important;
190
- }
191
-
192
- </style>
193
- """
194
-
195
- # with gr.Blocks(fill_width=True, head=js) as demo:
196
- with gr.Blocks(head=CSS + JS) as demo:
197
  with gr.Tab(str(num_models) + ' Models'):
198
  with gr.Column(scale=2):
199
  with gr.Group():
 
113
  if image is not None: gallery.insert(0, (image, model_str))
114
  return gallery
115
 
116
+ with gr.Blocks(fill_width=True) as demo:
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
117
  with gr.Tab(str(num_models) + ' Models'):
118
  with gr.Column(scale=2):
119
  with gr.Group():