I'm trying to create a simple template with laravel. Here is file structure
here is my post.blade.php
@include('AdminTemplate.header');
@include('AdminTemplate.nav');
<div class="content-wrapper">
<div class="content">
<h2 class="content-title">Swal</h2>
<div class="content-value">
<button id="swalcheck" class="btn btn-info">Klik</button>
</div>
</div>
</div>
@include('AdminTemplate.footer');
Here is AdminTemplate.nav
<nav class="cd-side-nav">
<ul>
<li class="cd-label">Menu Utama</li>
<?php use App\Http\controllers\MainController;?>
</ul>
</nav>
so. My question is, How can i do it properly ? becase when i check the the browser source . The script is not in the right place. with my script above here is my view-source
from browser.
<nav class="cd-side-nav">
<ul>
<li class="cd-label">Menu Utama</li><li class="has-children"><a href="Item">Item</a><ul><li><a href="Item/add">Item Setup</a></li><li><a href="Item/lists">Item Lists</a></li></ul></li><li><a href="Item/add">Item Setup</a></li><li><a href="Item/lists">Item Lists</a></li></ul></nav><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Starter</title>
<link href="http://localhost:84/mycms/public/bootstrap/css/bootstrap.min.css" rel="stylesheet" >
<link href="http://localhost:84/mycms/public/font-awesome/css/font-awesome.min.css" rel="stylesheet" >
<link rel="stylesheet" href="http://ift.tt/2r1ToUV">
<link href="http://localhost:84/mycms/public/css/reset.css" rel="stylesheet" >
<link href="http://localhost:84/mycms/public/css/style.css" rel="stylesheet" >
<style>
* {
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
}
.content{
border: 1px solid grey;
padding: 25px;
margin: 25px;
height: auto;
}
h2.content-title{
padding-left:5px;
font-size:2em;
text-decoration: underline;
}
.content-value{
padding-top:15px;
}
.content-value p{
font-size:20px;
}
.content-title{
padding-bottom:1em;
}
.content-value .btn:hover, .btn-success:active, .btn-success:focus {
color: #ffffff !important;
background-color: #1F2838 !important;
border-color: #494F57 !important;
}
.dropdown-menu.fade {
display: block;
opacity: 0;
pointer-events: none;
}
.open > .dropdown-menu.fade {
pointer-events: auto;
opacity: 0;
animation: out 700ms ease-in-out normal;
-moz-animation: out 700ms ease-in-out normal;
-ms-animation: out 700ms ease-in-out normal;
-o-animation: out 700ms ease-in-out normal;
-webkit-animation: out 700ms ease-in-out normal
}
@-webkit-keyframes out {
to { opacity: 1; }
}
</style>
</head>
<body>
<header class="cd-main-header">
<a href="#0" class="cd-logo"><i style="color:white" class="fa fa-home fa-2x" aria-hidden="true"></i></a>
<div class="cd-search is-hidden">
<form action="#0">
<input type="search" placeholder="Search...">
</form>
</div> <!-- cd-search -->
<a href="#0" class="cd-nav-trigger"><span></span></a>
<nav class="cd-nav">
<ul class="cd-top-nav">
<li><a href="#0">Tour</a></li>
<li><a href="#0">Support</a></li>
<li class="has-children account">
<a href="#0">
<img src="http://ift.tt/2qi7rbO" alt="avatar">
Account
</a>
<ul>
<li><a href="#0">My Account</a></li>
<li><a href="#0">Edit Account</a></li>
<li><a href="#0">Logout</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main class="cd-main-content"><nav class="cd-side-nav">
<ul>
<li class="cd-label">Menu Utama</li>
<nav class="cd-side-nav">
<ul>
<li class="cd-label">Menu Utama</li><li class="has-children"><a href="Item">Item</a><ul><li><a href="Item/add">Item Setup</a></li><li><a href="Item/lists">Item Lists</a></li></ul></li><li><a href="Item/add">Item Setup</a></li><li><a href="Item/lists">Item Lists</a></li></ul></nav>
</ul>
</nav>
<div class="content-wrapper">
<div class="content">
<h2 class="content-title">Swal</h2>
<div class="content-value">
<button id="swalcheck" class="btn btn-info">Klik</button>
</div>
</div>
</div>
</main>
<script type="text/javascript" src="http://ift.tt/JIcmJg"></script>
<script type="text/javascript" src="http://localhost:84/mycms/public/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://localhost:84/mycms/public/js/jquery.menu-aim.js"></script>
<script type="text/javascript" src="http://localhost:84/mycms/public/js/modernizr.js"></script>
<script type="text/javascript" src="http://localhost:84/mycms/public/js/main.js"></script>
<script type="text/javascript" src="http://localhost:84/mycms/public/js/modernizr.custom.63321.js"></script>
<script src="http://ift.tt/2r29Fcr"></script>
<script>
$(document).ready(function(){
$("#swalcheck").click(function(){
swal("It's working")
})
});
</script>
</body>
</html>
sorry for my bad english
from Newest questions tagged laravel-5 - Stack Overflow http://ift.tt/2s1fRkb
via IFTTT
Aucun commentaire:
Enregistrer un commentaire