Bloggers/AddBlog.php at preview-update · TadesseDev/Bloggers · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<?php

use function PHPSTORM_META\type;

include "header.php";
if (!isset($_SESSION['type'])) {
    $_SESSION['type'] = null;
}
if (!isset($_SESSION['title'])) {
    $_SESSION['title'] = null;
}
if (!isset($_SESSION['textArea'])) {
    $_SESSION['textArea'] = array();
}
if (!isset($_SESSION['images'])) {
    $_SESSION['images'] = array();
}
if (!isset($_SESSION['preserve'])) {
    $_SESSION['preserve'] = array();
}
if (!isset($_SESSION['order'])) {
    $_SESSION['order'] = array();
}
$BR = "<br/>";
?>
<form action="uploadNewBlogData.php" method="POST" enctype="multipart/form-data">
    <div class="fullContainer" id="authorInfo">
        <div class="CreateBlogHeader container ">
            <div class="author">
                <p>Author
                    <?php
                    if (isset($_SESSION['userId'])) :
                        echo "<p>" . $_SESSION['userFname'] . " " . $_SESSION['userLname'] . "</p>";
                    else :
                        echo "uknown user... pleas sign in";
                    endif; ?>
                </p>
            </div>
            <label for="type" class="fontS-1_5em ">Blog Type</label>
            <input type="text" name="type" class="simpleTextField fontS-1_5em" value="<?php echo $_SESSION['type'] ?>">
            <label for="title" class="fontS-1_5em ">Blog Title</label>
            <input type="text" name="title" class="simpleTextField fontS-1_5em" value="<?php echo $_SESSION['title'] ?>">
        </div>
    </div>
    <div class="container">
        <!-- <input type="text" name="type" value="<?php echo $_SESSION['type'] ?>" hidden>
    <input type="text" name="title" value="<?php echo $_SESSION['title'] ?>" hidden> -->
        <div class="row CreateBloog">
            <div class="col-sm-12 textArea ">
                <div class="editPost">
                    <?php
                    $keys = array_keys($_SESSION['order']);
                    // echo print_r($_SESSION['order']);
                    $preservkeys = array_keys($_SESSION['preserve']);
                    for ($i = 0; $i < sizeof($_SESSION['textArea']); $i++) :
                    ?>
                        <div class="textareaContainer"><textarea class="blogCreateTA" name="<?php echo $i ?>" placeholder="compile your blog here and preview will be available on the bottom of this page"><?php echo $_SESSION['textArea'][$i]; ?></textarea>
                        </div><?php
                                foreach ($keys as $key) :
                                    if (floor((float)$key) == $i) {
                                        $vals = explode("_", $_SESSION['order'][$key][0]);
                                        if ($vals[0] == 'image') {
                                            echo "<h3>image is here...</h3>";
                                        } else if ($_SESSION['order'][$key][0] == 'preservedText') {
                                            echo "<h3>programing code is here...</h3>";
                                        }
                                    }
                                endforeach;
                            endfor;
                            if (sizeof($_SESSION['textArea']) === 0) {
                                ?>
                        <div class="textareaContainer"><textarea class="blogCreateTA" name="<?php echo sizeof($_SESSION['textArea']) ?>" placeholder="compile your blog here and preview will be available on the bottom of this page"></textarea></div>
                    <?php } ?>
                    <div>
                        <div class=" add">
                            <label for="AddPicture" class="sideButton">
                                <span><img class="icon" src="./files/icons/camera-brown.png" alt="add picture"></span>
                            </label>
                            <button type="submit" name="uploadImage" oninput="cancePhotoUpload();" class="sideButton save" id="upload">
                                <span><img class="icon" src="./files/icons/Save-brown.png" alt="add picture">
                                </span></button>
                            <button type="submit" class="sideButton cancel" id="cancel" onclick="cancePhotoUpload();" name="cancelPhotoUpdate">
                                <span><img class="icon" src="./files/icons/Cancel-brown.png" alt="add picture"></span></button>
                            <input type="file" accept="image/*" oninput="pictureAdded();" name="AddPicture" id="AddPicture"></input>
                            <button type="button" class="sideButton" data-toggle="modal" data-target="#exampleModalCenter">
                                <span><img class="icon" src="./files/icons/code-brown.png" alt="add picture"></span>
                            </button>
                            <button type="submit" name="reset" class="sideButton">
                                <span><img class="icon" src="./files/icons/Refresh-brown.png" alt="add picture"></span>
                            </button>
                            <button type="submit" name="preview" class="sideButton">
                                <span><img class="icon" src="./files/icons/Eye-brown.png" alt="add picture"></span></button>
                            <button type="clear" name="addTextArea" class="sideButton">
                                <span><img class="icon" src="./files/icons/Add-text-area-brown.png" alt="add picture" disabled></span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 preview">
                <?php
                if (sizeof($_SESSION['textArea']) < 1 && sizeof($_SESSION['preserve']) < 1)
                    echo "no preview yet" . $BR;
                else {
                    echo !$_SESSION['type'] ? "no type is set" . $BR : $_SESSION['type'] . $BR;
                    echo !$_SESSION['title'] ? "no title" . $BR : $_SESSION['title'] . $BR;
                    // echo $_SESSION['type'] . $BR;
                    $imageKeys = array_keys($_SESSION['images']);
                    $preservkeys = array_keys($_SESSION['preserve']);
                    $i = 0;
                    foreach ($_SESSION['textArea'] as $x) {
                        $paras = explode("\n", $x);
                        foreach ($paras as $para) {
                            echo $para . $BR;
                        }
                        foreach ($keys as $key) :
                            if (floor((float)$key) == $i) {
                                $vals = explode("_", $_SESSION['order'][$key][0]);
                                if ($vals[0] == 'image') {
                                    // echo $_SESSION['order'][$key][1]['name'] . $BR;
                                    if ($vals[1] !== "workOnServerData") {
                                        echo "<img class='MHeight-500 margin-auto display-block' id='" . $key . "'> </img>";
                                        echo "<script>upFromLST($vals[1]," . $key . ")</script>";
                                    } else {
                                        echo "<img class='MHeight-500 margin-auto display-block' id='" . $key . "' src='./files/blogsData/tempoUpload/$key.png'> </img>";
                                    }
                                } else if ($_SESSION['order'][$key][0] == 'preservedText') {
                ?>
                                    <pre>
                        <code class="language-<?php echo $_SESSION['order'][$key][1]['language']; ?>">
                        <?php echo $_SESSION['order'][$key][1]['content'] . $BR; ?>
                        </code>
                        </pre>
                <?php
                                }
                            }
                        endforeach;
                        $i++;
                    }
                }
                ?>
                <button type="submit" name="upload">Publish</button>
            </div>
        </div>
        <div class=" modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="codeBlock modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header darkBrown">
                        <h5 class="modal-title ColorOrange" id="exampleModalLongTitle">chose your language</h5>
                        <div class="languageOption">
                            <input type="text" list="languages" name="category" id="lang" class="select" placeholder="select lang">
                            <datalist id="languages">
                                <option value="HTML">
                                <option value="PHP">
                                <option value="Java">
                                <option value="SQL">
                                <option value="JavaScript">
                                <option value="JSON">
                            </datalist>
                            <span class="icon" id="statusIcon">
                            </span>
                        </div>
                        <button type="button" class="close ColorOrange" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <textarea name="PreservedText" cols="30" rows="10"></textarea>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="button darkBrown ColorOrange" data-dismiss="modal">cancel</button>
                        <button type="submit" class="button darkBrown ColorOrange" name="addSpecialCharacter" id="submitCodeContent">submit</button>
                    </div>
                </div>
            </div>
        </div>
</form>
</div>
<?php include "footer.php"; ?>