Skip to content

Commit

Permalink
Merge pull request #13 from fadhilsurya/fadhilsurya
Browse files Browse the repository at this point in the history 
Fadhilsurya
  • Loading branch information
@fadhilsurya
fadhilsurya authored Sep 11, 2019
2 parents e21fec3 + 371213b commit f80ac7e
Show file tree
Hide file tree
Showing 2,129 changed files with 277,252 additions and 0 deletions.
1 change: 1 addition & 0 deletions client/.gitignore
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules
0 README.md → client/README.md
View file
File renamed without changes.
58 changes: 58 additions & 0 deletions client/css/main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
* {
margin: 0%;
padding: 0%;
font-family: 'Manjari', sans-serif;
}

body {
background-color: #bdc3c7;
}

#baru {
background-color: white !important;
opacity: 0.5;
filter: alpha(opacity=50);
height: 70px;
position: relative;
background: rgb(204, 204, 04);
/* Fallback for older browsers without RGBA-support */
background: rgba(204, 204, 204, 0.5);
}

.addArticle {

width: 100vh;
}

/* .navbar navbarTogglerDemo01 {
background-color: white;
}
#navbarTogglerDemo01 {
background-color: inherit;
z-index: 1;
}
#navbarTogglerDemo01 ul {
background-color: inherit;
z-index: inherit;
}
#navbarTogglerDemo01 ul li {
background-color: inherit;
z-index: inherit;
}
#searchArea {
background-color: inherit;
z-index: inherit;
} */

footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;

}
241 changes: 241 additions & 0 deletions client/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,241 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<!-- BOOTSTRAP -->
<link href="https://fonts.googleapis.com/css?family=Manjari&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


<!-- CSS -->
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./vueWysiwyg.css">

<title>Easy Press</title>
</head>

<body>
<div id="app">
<!-- NAVBAR -->
<div class="header">

<nav class="navbar navbar-expand bg-dark" id="baru">
<div class="collapse navbar-collapse ml-3" id="navbarTogglerDemo01">

<a class="navbar-brand" href="#" style="text-decoration: none;">Simple Post</a>

<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>

<a class="btn btn-success mr-2" href="#">Sign In</a>
<a class="btn btn-warning" href="#">Sign Out</a>

</div>
</nav>

</div>

<!-- JUMBBOTRON -->
<div class="jumbotron jumbotron-fluid" id="welcome-banner">
<div class="container">
<h1>Welcome to Simple Post</h1>
<p>Amplify your voice with just a click !</p>
</div>
</div>




<!-- MAIN CONTENT -->
<div class="container-fluid">
<!-- INI ADALAH UNTUK PEMBAGIAN -->

<!-- PEMBAGIAN 1 -->
<div class="row" style="height: 90vh;">
<div class="addArticle col-4 p-0 container-fluid">
<!-- ISI 1 -->
<div class=" info col m-0 p-0" style="background-color: whitesmoke; height: 40%; width: 100%">
<div class="container text-center" id="sec1top">
<img src="./pic/doctor.png" alt="" srcset="" id="userPic">

</div>
</div>
<div class="container" id="sec2bot"></div>


<!-- ISI 2 -->
<div class="insert col m-0 p-0" style="background-color: grey ; height: 60%; width: 100%">
<center>
<div class="container">
<p class="username">Dr. Bertha Benz</p>

<button type="button" class="btn btn-outline-primary mt-3 ml-3">Edit User</button>
<button type="button" class="btn btn-outline-success mt-3 ml-3">Write Article</button>
<button type="button" class="btn btn-outline-info mt-3 ml-3">View all Threads</button>

<form action="" @submit.prevent="searchArt">
<input type="text" id="myInput" placeholder="Search For Articles"
title="Type in a name" style="width: 100%" class="searchBar mt-3"
v-model="searchArticle">
<button href="" type="submit" class="btn btn-primary mt-2">SEARCH</button>
</form>

<br>

<!-- INI BAGIAN UNTUK MENAMPILKAN HASIL SEARCH -->
<div class="row mt-3" style="height: 100vh;width: 100vh;"
v-if="showSearchResult === true">
<div class="addArticle col-11 p-0 container-fluid">
<!-- ISI 1 -->
<div class=" info col m-0 p-0"
style="background-color: whitesmoke; height: 100%; width: 100%">
<p> {{title}} </p>
<p> {{content}}</p>



</div>
</div>
<div class="container" id="sec2bot"></div>
</div>





</div>
</center>


</div>
</div>


<!-- PEMBAGIAN 2 -->
<div class="articles col" style="background-color: burlywood;">

<!-- quill file -->
<br>
<div class="card bg-light text-dark" style="height: 45%">
<div class="card-body">
<form action="submit" class="thread">
<td>Title</td>
<td><input style="width: 90%" type="text" name="title" id="title"
placeholder="Insert your Title Here" required v-model="title">
</td>
<div id="editor" style="height: 80px; width: 100% ;">
<wysiwyg v-model="content"></wysiwyg>

</div>

<a href="" class="btn btn-primary " @click="postData"
style="margin-top: 120px">SUBMIT</a>

</form>

</div>
</div>
<br>

<div class="card bg-secondary text-light">
<div class="card-body text-center" style="font: bolder;">
POOL OF ARTICLES

</div>
</div>

<br>
<div class="articles" v-if="showLoginHome === true">
<div class="card bg-light text-dark" v-for="key in articles">
<div class="card-body">
<p>{{ key.title}}</p>
<p>{{ key.content}}</p>
<button type="button" class="btn btn-outline-primary"
@click.prevent="editArticle(key._id, key.title, key.content) ">Edit</button>
<button type="button" class="btn btn-outline-primary"
@click.prevent="deleteData(key._id)">Delete</button>
</div>
</div>

</div>

<!-- INI BAGIAN LOGIN EDITNYA -->

<div class="card bg-light text-dark" style="height: 250px" v-if="showLoginHome === false">
<div class="container mt-4">
<form action="">
<table class="table-edit">
<tr>
<td>Title</td>
<td><input type="text" name="title" id="title" placeholder="Edit your title"
style="width: 250px; margin-left: 10px" v-model="title" required>
</td>
</tr>
<tr>
<td>Content</td>
<td><input type="text" name="content" id="content"
placeholder="Edit your content"
style="width: 250px; height:100px; margin-left: 10px" v-model="content"
required>
</td>
</tr>
</table>


</form>
<a href="" class="btn btn-primary mt-2" @click.prevent="updateArticle(idArticle)">SUBMIT</a>
<a href="" class="btn btn-primary mt-2" @click.prevent="backtoHome">HOME</a>

</div>

</div>

<br>



</div>
</div>



</div>


<!-- FOOTER -->
<div class="footer">
<footer id="sticky-footer" class=" bg-dark text-white-50">
<div class="container text-center">
<p>Copy Right of <a href="fadhilsurya.com">fadhilsurya</a></p>
</div>
</footer>


</div>

</div>

<!-- AXIOS -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<!-- script vuejs -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="./vueWysiwyg.js"></script>
<script src="./main.js"></script>



</body>

</html>
Loading

0 comments on commit f80ac7e

Please sign in to comment.