• 0

مشاكل في عرض الصفحات في مشروع Laravel؟

لقد قمت ببناء تطبيق ويب باستخدام framwork laravel وبعد انتهائي واجت مشكلة اختلاط الصفحة عادة عندما اقوم بالتحديث او الضغط على F5 جربت كل الطرق ولم استطع ايجاد الحل .. ارجو المساعدة .. سأضع صور للصفحات عندما تكون معروضة بشكل عادي وعندما تختلط 

02.jpg

01.jpg

04.jpg

05.jpg

07.jpg

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

ارفق كود الblade لهذه الصفحة لنرى اين الاشكال

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

هي ليست صفحتا واحدة فقط بل العديد من الصفاحات الن تكن جميعها .. هذا هو كود الصفحة اللتي تحمل اسم التحكم 

@extends('layouts.app')

@section('content')

<style>
.panel-table .panel-body{
  padding:0;
}

.panel-table .panel-body .table-bordered{
  border-style: none;
  margin:0;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
    text-align:center;
    width: 100px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
  border-right: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
  border-left: 0px;
}

.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{
  border-bottom: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{
  border-top: 0px;
}

.panel-table .panel-footer .pagination{
  margin:0;
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col{
 line-height: 34px;
 height: 34px;
}

.panel-table .panel-heading .col h3{
 line-height: 30px;
 height: 30px;
}

.panel-table .panel-body .table-bordered > tbody > tr > td{
  line-height: 34px;
}

.styleinput {
    border-radius: 20px;
    margin: 1px;
    text-align: center;
    margin-bottom: -11px;
}

</style>
            
             <h2 class="text-center">قائمة الواجبات اليومية</h2>
              <div class="panel-body text-center">
				  <form action="/ta7akoum" method="post" >
{{ csrf_field() }}
                <table class="table table-striped table-bordered table-list">
                  <thead>
                    <tr>
                        
                        <th class="hidden-xs">#ID</th>
                        <th>الواجب اليومي </th>
                        <th>  ايام الاظهار </th>
						<th style="width:150px;">تاريخ الاضافة  </th>

					@isset($ta7akoum[0]->id)  
						<th style="width:100px;">تعديل </th>
						<th style="width:100px;">حذف</th>
					@endempty 
                    </tr> 
                  </thead>
                  <tbody class="text-center">
					@php
					  
					  $var=1;
					  @endphp
					 
					  @foreach($ta7akoum as $myta7akoum)
					  
							  <tr>
								
								<td class="hidden-xs">{{$var}}</td>
								<td>{{$myta7akoum->name}}</td>
                                  <td style="font-size: 15px;">
                                      @if((!empty($myta7akoum->Sunday))&&(!empty($myta7akoum->Monday))&&(!empty($myta7akoum->Tuesday))
                                          &&($myta7akoum->Wednesday)&&(!empty($myta7akoum->Thursday))&&(!empty($myta7akoum->Friday))&&
                                          (!empty($myta7akoum->Saturday)))
                                          <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> يوميا
                                      @else
                                          @php $i=1; @endphp
                                          @if(!empty($myta7akoum->Sunday))<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>  @php $i=$i+1; @endphpالأحد@endif
                                          @if(!empty($myta7akoum->Monday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1; @endphpالإثنين@endif
                                          @if(!empty($myta7akoum->Tuesday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الثلاثاء@php $i=$i+1; @endphp@endif
                                          @if(!empty($myta7akoum->Wednesday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الأربعاء@php $i=$i+1;if($i==3){echo '<br>';} @endphp @endif
                                          @if(!empty($myta7akoum->Thursday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1;if($i==3){echo '<br>';} @endphpالخميس@endif
                                          @if(!empty($myta7akoum->Friday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الجمعة@php $i=$i+1;if($i==3){echo '<br>';} @endphp @endif
                                          @if(!empty($myta7akoum->Saturday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1;if($i==3){echo '<br>';} @endphpالسبت@endif
                                      @endif

                                  </td>
								<td style="width:150px;">{{(new DateTime($myta7akoum->created_at))->format('Y-m-d')}}</td>
								  <th style="width:100px;"><a href="/update/{{$myta7akoum->id}}" class="btn btn-success btn-lg">
      <span class="glyphicon glyphicon-cog"></span>
    </a> </th>
								  
						<th style="width:100px;"><a href="/delete_wajib/{{$myta7akoum->id}}" class="btn btn-danger btn-lg">
      <span class="glyphicon glyphicon-trash"></span>
    </a></th>
								  
							  </tr>
					  @php
					  $var++;
					  @endphp
					  	@endforeach


							<tr>

								<td class="hidden-xs"></td>
								<td><div style="border-radius: 20px;
    margin: -5px;
    text-align: center;
    margin-bottom: -8px;" class="col-sm-12 form-group">
            <input class="form-control styleinput" id="name" name="name" value="{{ old('name') }}" placeholder="أكتب واجبك هنا" type="text" >
									@if ($errors->has('name'))
                                    <span class="help-block">
                                        <strong class="text-danger" style="font-size:20px;">{{ $errors->first('name') }}</strong>
                                    </span>
                                @endif
									</div> </td>

                                <td>
                                    <div class="form-check" style="font-size: 15px;">
                                        <label class="form-check-label">
                                            <input type="checkbox" class="form-check-input" name="toujour" value="true" checked>يوميا
                                        </label>
                                        <label class="form-check-label">
                                            <input type="checkbox" class="form-check-input" name="Sunday" value="true">الأحد
                                        </label>
                                        <label class="form-check-label">
                                            <input type="checkbox" class="form-check-input" name="Monday" value="true">اللإثنين
                                        </label>
                                        <label class="form-check-label">
                                            <input type="checkbox" class="form-check-input" name="Tuesday" value="true">الثلاثاء
                                        </label>
                                        <br>
                                        <label class="form-check-label">
                                            <input type="checkbox" class="form-check-input" name="Wednesday" value="true">الأربعاء
                                        </label>
                                        <label class="form-check-label">
                                            <input type="checkbox" class="form-check-input" name="Thursday" value="true">الخميس
                                        </label>
                                        <label class="form-check-label">
                                            <input type="checkbox" class="form-check-input" name="Friday" value="true">الجمعة
                                        </label>
                                        <label class="form-check-label">
                                            <input type="checkbox" class="form-check-input" name="Saturday" value="true">السبت
                                        </label>


                                    </div>

                                </td>
								<td><input type="submit" value="إضافة واجب يومي جديد" class="btn btn-success text-center"></td>

							  </tr>
									 
                        </tbody>
                </table>
            </form>
				
              </div>
              
      
@endsection

وهذا كود الصفحة التي تضم كل الصفحات اليها :

<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
<!-- icon title -->
    <title>نظام الوقت</title>
	<link rel="shortcut icon" href="{{ asset('images/time.png') }}" type="image/x-icon" />
	  <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
	 <!-- Fonts -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="{{ asset('css/glyphicons.css') }}" rel="stylesheet">
       <link href="{{ asset('css/bootstrap-rtl.css') }}" rel="stylesheet">
	<link href="{{ asset('css/style.css') }}" rel="stylesheet">
	<link href="{{ asset('css/style_navbar.css') }}" rel="stylesheet">


    <script src="{{ asset('js/jquery.min.js') }}"></script>
    <script src="{{ asset('js/html5shiv.js') }}"></script>
    <script src="{{ asset('js/respond.js') }}"></script>

  
</head>
<body>
    <div id="app">
		<header id="fh5co-header" role="banner">
		<nav class="navbar navbar-default" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header"> 
				<!-- Mobile Toggle Menu Button -->
				<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#fh5co-navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
					 <ul class="nav navbar-nav navbar-right">
                        <!-- Authentication Links -->
                        @guest
						 <li {{{ (Request::is('login') ? 'class=active' : '') }}} > <a  href="{{ route('login') }}"><span><span class="glyphicon glyphicon glyphicon-log-in" aria-hidden="true"></span>  تسجيل الدخول <span class="border"></span></span></a></li>
						 <li {{{ (Request::is('register') ? 'class=active' : '') }}} > <a  href="{{ route('register') }}"><span><span class="glyphicon glyphicon glyphicon-log-in" aria-hidden="true"></span>  التسجيل  <span class="border"></span></span></a></li>
						 
						 
                        @else
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle navbar-brand" data-toggle="dropdown" role="button" aria-expanded="false"><span>
                                    {{ Auth::user()->name }} <span class="caret"></span></span>
                                </a>

                                <ul class="dropdown-menu" role="menu">
                                    <li>
                                        <a href="{{ route('logout') }}"
                                            onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                            تسجيل الخروج 
                                        </a>

                                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                            {{ csrf_field() }}
                                        </form>
                                    </li>
                                </ul>
                            </li>
                        @endguest
                    </ul>
				
				</div>
				<div id="fh5co-navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						@guest
						<li {{{ (Request::is('/') ? 'class=active' : '') }}} ><a href="/"><span>الوقت كالسيف ان لم تقطعه قطعك  <span class="border"></span></span></a></li>
						
						@else
						<li {{{ (Request::is('home') ? 'class=active' : '') }}}{{{ (Request::is('last_month/*/*') ? 'class=active' : '') }}}{{{ (Request::is('next_month/*/*') ? 'class=active' : '') }}}>
							
							
							
							
							
							<a  href="/home"><span><span class="glyphicon glyphicon-home" aria-hidden="true"></span>     الصفحة الرئيسية<span class="border"></span></span></a>
						
						
						
						
						</li>
						
						<li {{{ (Request::is('Tasjil_elyawm') ? 'class=active' : '') }}}><a href="/Tasjil_elyawm"><span><span class="glyphicon glyphicon-edit" aria-hidden="true"></span>     تسجيل اليوم <span class="border"></span></span></a></li>
						
						<li {{{ (Request::is('ta7akoum') ? 'class=active' : '') }}}><a href="/ta7akoum"><span><span class="glyphicon  glyphicon-cog" aria-hidden="true"></span>    التحكم <span class="border"></span></span></a></li>

                                <li {{{ (Request::is('jadwal_ousbou3i') ? 'class=active' : '') }}}><a href="/jadwal_ousbou3i"><span><span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span> الجدول الأسبوعي  <span class="border"></span></span></a></li>


                                <li {{{ (Request::is('traduction') ? 'class=active' : '') }}}><a href="/traduction"><span><span class="glyphicon glyphicon-font" aria-hidden="true"></span> الترجمة  <span class="border"></span></span></a></li>
                                <li {{{ (Request::is('tamache9') ? 'class=active' : '') }}}><a href="/tamache9"><span><span class="glyphicon glyphicon-text-width" aria-hidden="true"></span> اوTماشق  <span class="border"></span></span></a></li>



                                @endguest
					</ul>
				</div>
			</div>
		</nav>
	</header>
        @yield('content')
    </div>

    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}"></script>
</body>
</html>

هذا كود الملف الذي يحمل اسم webpack.mix.js والذي ربما يكون ذا علاقة بذلك المشكل :

const mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
    .scss('resources/assets/css/bootstrap.scss', 'public/css')
    .scss('resources/assets/css/bootstrap-rtl.scss', 'public/css')
    .scss('resources/assets/css/glyphicons.scss', 'public/css')
    .scss('resources/assets/css/style.scss', 'public/css')
    .scss('resources/assets/css/style_navbar.css', 'public/css');

وهذا ما يحدث حينما اضغط على مفتاح F12 ولكن لا أظن المشكلة لهذا السبب : 

 

10.jpg

بتاريخ 10 ساعات قال عارف بن الأزرق:

ارفق كود الblade لهذه الصفحة لنرى اين الاشكال

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن