1<div class="container">
2    <div class="container-template">
3        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
4        <script type="text/javascript" src="./lib/plugins/firenews/HTMLTemplates/author/author.js"></script>
5
6        <link href="./lib/plugins/firenews/HTMLTemplates/author/author.css" type="text/css" rel="stylesheet" />
7
8        <form class="form-createnews" onsubmit="onSubmitForm()" method="post">
9            <h1 class="header-news">News</h1>
10            <br>
11            <div class="div-header">
12                <label for="fheader">{{firenews_author_header}}: <font color="red">*</font></label> <br>
13                <input type="text" id="fheader" class="lheader" onkeyup="HeaderChange()" name="fheader" placeholder="..." required>
14            </div>
15
16            <div class="div-subtitle">
17                <label for="lsubtitle">{{firenews_author_subtitle}}: </label> <br>
18                <input type="text" id="lsubtitle" class="lsubtitle" onkeyup="SubtitleChange()" name="lsubtitle" placeholder="...">
19            </div>
20
21            <div class="div-targetpage">
22                <label for="ltargetpage">{{firenews_author_targetpage}}: <font color="red">*</font></label>
23                <div class="tooltip">
24                    <img id="target-icon" class="icon-info" src="/lib/images/info.png">
25                    <span class="tooltiptext">
26                        {{firenews_author_targetpage_tp}}
27                    </span>
28                </div>
29                <br>
30                <input type="text" id="ltargetpage" name="ltargetpage" pattern="^[a-zA-Z0-9]+(:[a-zA-Z0-9]+)*$" placeholder="{{firenews_author_targetpage_ph}}" required>
31            </div>
32
33            <div class="container-dates">
34                <div class="div-startdate">
35                    <label for="lstartdate">{{firenews_author_startdate}}: <font color="red">*</font></label> <br>
36                    <input type="date" class="lstartdate" onkeyup="DateAuthorChange()" id="lstartdate" name="lstartdate" required>
37                </div>
38                <div class="div-endate">
39                    <label for="lenddate">{{firenews_author_enddate}}: <font color="red">*</font></label> <br>
40                    <input type="date" class="lenddate" id="lenddate" name="lenddate" required>
41                </div>
42            </div>
43
44            <div class="div-news">
45                <label class="lnews" for="lnews">{{firenews_author_news}}: <font color="red">*</font></label>
46                <div class="tooltip">
47                    <img id="target-icon" class="icon-info" src="/lib/images/info.png">
48                    <span class="tooltiptext">{{firenews_author_news_tp}}</span>
49                </div> <br>
50                <div class="text-options">
51                    <img src="/lib/images/toolbar/bold.png" id="bold" onclick="addBold()">
52                    <img src="/lib/images/toolbar/italic.png" id="italic" onclick="addItalic()">
53                    <img src="/lib/images/toolbar/underline.png" id="underline" onclick="addUnderline()">
54                </div>
55                <textarea id="lnews" class="textlnews" onkeyup="NewsChange()" name="lnews" placeholder="{{firenews_author_news_ph}}" maxlength="500"></textarea>
56            </div>
57
58            <div class="div-group">
59                <label for="lgroup">{{firenews_author_group}}: </label>
60                <div class="tooltip">
61                    <img id="target-icon" class="icon-info" src="/lib/images/info.png">
62                    <span class="tooltiptext">{{firenews_author_group_tp}}</span>
63                </div> <br>
64                <input type="text" id="lgroup" name="lgroup" placeholder="{{firenews_author_group_ph}}" pattern="^[a-zA-Z]+(,[a-zA-Z]+)*$">
65            </div>
66
67            <div class="div-sendmails">
68                <label for="lsendEmails">{{firenews_author_sendgroup}}: </label>
69                <label class="container-checkbox">
70                    <input type="checkbox" name="lsendEmails">
71                    <span class="checkmark"></span>
72                  </label>
73            </div>
74
75            <div class="div-author">
76                <label for="lauthor">{{firenews_author_author}}: </label> <br>
77                <input type="text" class="lauthor" onkeyup="DateAuthorChange()" id="lauthor" name="lauthor" value="{{author}}">
78            </div>
79            <br>
80            <input type="submit" value="{{firenews_author_submit}}" class="submitButton" name="submitted">
81        </form>
82
83        {{ script_placeholder }}
84    </div>
85    <div class="container-newsPreview">
86        <link href="./lib/plugins/firenews/HTMLTemplates/news/news.css" type="text/css" rel="stylesheet" />
87        <h1 class="preview">{{firenews_author_preview}}</h1>
88        <div class="container-news">
89            <a class="header"></a> <br>
90            <a class="subtitle"></a> <br>
91            <a class="date-author"></a> <br>
92            <div class="div-news">
93                <a class="news"></a>
94            </div>
95        </div>
96    </div>
97</div>
98<div class="info-message">
99    <a class="info-message-message">{{firenews_author_message_info}}</a>
100</div>
101<div class="error-message">
102    <a class="error-message-message">{{firenews_author_message_error}}</a>
103</div>