2025-04-09 Task 3

TODO

1. Uztaisīt, ka Post formā var augšupielādēt vairākus attēlus vienlaicīgi, un atzīmēt ar selection box procesing veidu “Sequential”, “multiprocessing”, “threading” un servera pusē visiem failiem veikt attēlu apstrādi ar opencv bibliotēku, attēlu samazinot 2x un saglabājot un piesaistot post. Izveidot DB structure un model “images_in_post” un jaunos attēlus arī attēlot pie posta (jaunos saglabāt kā JPEG)

https://medium.com/@rviswa00/multi-processing-in-python-to-speed-up-your-data-science-8a810267b07

Python multithreading -> izmanto, ja ir daud failu vai tīkla operācija

Multiprocessing tiek panākts linux ar FORK vai SPAWN operiācijam -> izpētīt kā strādā

2. salabot enums

3. Tekstiņus rādīt caur i8n localization (pēc piemēra) ar pot, mo failiem. Uztaisīt, ka var pārslēgt Angļu un Latviešu valodu sistēmai.

xxxxxxxxxx
1
1
from flask_babel import _

Strings paši atrodas POT failā, taču PO un MO uzkompilē no tā!

New language

xxxxxxxxxx
1
1
msginit -l en.UTF-8 -o translations/en/LC_MESSAGES/messages.po -i messages.pot --no-translator

Remove duplicates

xxxxxxxxxx
3
1
msguniq translations/en/LC_MESSAGES/messages.po -o translations/en/LC_MESSAGES/messages.po
2
msguniq translations/lv/LC_MESSAGES/messages.po -o translations/lv/LC_MESSAGES/messages.po
3
msguniq messages.pot -o messages.pot

Update Existing language

xxxxxxxxxx
2
1
msgmerge -U translations/en/LC_MESSAGES/messages.po messages.pot
2
msgmerge -U translations/lv/LC_MESSAGES/messages.po messages.pot

Compile

xxxxxxxxxx
2
1
msgfmt -o translations/en/LC_MESSAGES/messages.mo translations/en/LC_MESSAGES/messages.po
2
msgfmt -o translations/lv/LC_MESSAGES/messages.mo translations/lv/LC_MESSAGES/messages.po

Alternative

xxxxxxxxxx
3
1
pybabel extract -F babel.cfg -o messages.pot --input-dirs=C:\Users\xnzza\Desktop\eldigen_new
2
pybabel update -i messages.pot -d translations
3
pybabel compile -d translations

4. SCSS nested uztaisīt

5. Tags pievienošana un un editēšana

Jāuztaisa katram savs URL:

1. React based Tags saraksts, kur var nodzēt, pievienot tags

2. React based Tags edit skats

3. Datu apmaiņa notiek ar Flask kā JSON API

Izdalīt base template ārā no kopējā

Piemērs React komponentei EditPostForm

​x
65
1
import React, { useState, useEffect } from 'react';
2

3
export const EditPostForm = ({ postId }) => {
4
  const [formData, setFormData] = useState({ title: '', body: '' });
5

6
  // Fetch the existing post data from the backend
7
  useEffect(() => {
8
    fetch(`https://jsonplaceholder.typicode.com/posts/${postId}`)
9
      .then(response => response.json())
10
      .then(data => {
11
        setFormData({ title: data.title, body: data.body });
12
      })
13
      .catch(error => console.error('Error fetching post:', error));
14
  }, [postId]);
15

16
  // Handle input changes
17
  const handleInputChange = (event) => {
18
    const { name, value } = event.target;
19
    setFormData({ ...formData, [name]: value });
20
  };
21

22
  // Handle form submission
23
  const handleSubmit = (event) => {
24
    event.preventDefault();
25
    fetch(`https://jsonplaceholder.typicode.com/posts`, {
26
      method: 'POST', // Changed from PUT to POST
27
      headers: { 'Content-Type': 'application/json' },
28
      body: JSON.stringify(formData),
29
    })
30
      .then(response => response.json())
31
      .then(data => console.log('Post created:', data))
32
      .catch(error => console.error('Error creating post:', error));
33
  };
34

35
  return (
36
    <div>
37
      <h2>Edit Post</h2>
38
      <form onSubmit={handleSubmit}>
39
        <div>
40
          <label htmlFor="title">Title:</label>
41
          <input
42
            type="text"
43
            id="title"
44
            name="title"
45
            value={formData.title}
46
            onChange={handleInputChange}
47
            required
48
          />
49
        </div>
50
        <div>
51
          <label htmlFor="body">Body:</label>
52
          <textarea
53
            id="body"
54
            name="body"
55
            value={formData.body}
56
            onChange={handleInputChange}
57
            required
58
          ></textarea>
59
        </div>
60
        <button type="submit">Create Post</button>
61
      </form>
62
    </div>
63
  );
64
};
65