Pandu / Knowledge Management System SIMPAI

Download as
Browse Code ยป

Commit 8398d769de3f26551951330a0b54b7c80174233c

Authored by Pandu
1 parent ef6bdc1f99
Exists in master

add some model migrations and controller for artikel modul

Showing 31 changed files with 480 additions and 86 deletions Inline Diff

File was created 1 <?php
2
3 namespace App;
4
5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model;
7
8 class Cms extends Model
9 {
10 use HasFactory;
11 }
12
File was created 1 <?php
2
3 namespace App;
4
5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model;
7
8 class Framework extends Model
9 {
10 use HasFactory;
11
12 protected $fillable = ['id','judul','konten'];
13
14 public function artikel()
15 {
16 return $this->belongsTo('App\Katartikel');
17 }
18
19 public function user()
20 {
21 return $this->belongsTo('App\User');
22 }
23 }
24
app/Http/Controllers/Backend/artikelBackendController.php
Diff comments   View file @ 8398d76
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\backend; 3 namespace App\Http\Controllers\backend;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request; 6 use Illuminate\Http\Request;
7 use App\Backendp; 7 use App\Backendp;
8 use App\User; 8 use App\User;
9 use App\Katartikel; 9 use App\Katartikel;
10 use Validator;
10 11
11 class artikelBackendController extends Controller 12 class artikelBackendController extends Controller
12 { 13 {
13 public function index() 14 public function index()
14 { 15 {
15 $backend = Backendp::all(); 16 $backend = Backendp::all();
16 return view('backend.art-backend.index', compact('backend')); 17 return view('backend.art-backend.index', compact('backend'));
17 } 18 }
18 19
19 public function create() 20 public function create(Request $request)
20 { 21 {
22 $request->request->add(['user_id' => auth()->user()->id]);
21 return view('backend.art-backend.tambah'); 23 return view('backend.art-backend.tambah');
22 } 24 }
23 25
24 /** 26 /**
25 * Store a newly created resource in storage. 27 * Store a newly created resource in storage.
26 * 28 *
27 * @param \Illuminate\Http\Request $request 29 * @param \Illuminate\Http\Request $request
28 * @return \Illuminate\Http\Response 30 * @return \Illuminate\Http\Response
29 */ 31 */
30 32
31 public function store(Request $request) 33 public function store(Request $request)
32 { 34 {
33 $validator = Validator::make($request->all(), [ 35 $validator = Validator::make($request->all(), [
34 36
35 37
36 'judul' => 'required', 38 'judul' => 'required',
37 'konten' => 'required', 39 'konten' => 'required',
38 40
39 41
40 42
41 ]); 43 ]);
42 if ($validator->fails()) { 44 if ($validator->fails()) {
43 $respon = array('status'=>false, 'pesan' => $validator->messages()); 45 $respon = array('status'=>false, 'pesan' => $validator->messages());
44 } else { 46 } else {
45 if (Backendp::create($request->all())) { 47 if (Backendp::create($request->all())) {
46 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']); 48 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']);
47 } else { 49 } else {
48 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']); 50 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']);
49 } 51 }
50 } 52 }
51 return response()->json($respon); 53 return response()->json($respon);
52 } 54 }
53 55
54 } 56 }
55 57
app/Http/Controllers/Backend/artikelEofficeController.php
Diff comments   View file @ 8398d76
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\backend; 3 namespace App\Http\Controllers\backend;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request; 6 use Illuminate\Http\Request;
7 use Illuminate\Database\Eloquent\Collection; 7 use Illuminate\Database\Eloquent\Collection;
8 use App\Eoffice; 8 use App\Eoffice;
9 use App\User; 9 use App\User;
10 use Validator; 10 use Validator;
11 11
12 12
13 class artikelEofficeController extends Controller 13 class artikelEofficeController extends Controller
14 { 14 {
15 public function index() 15 public function index()
16 { 16 {
17 $eoffice = Eoffice::all(); 17 $eoffice = Eoffice::all();
18 return view('backend.art-eoffice.index', compact('eoffice')); 18 return view('backend.art-eoffice.index', compact('eoffice'));
19 } 19 }
20 20
21 public function create() 21 public function create(Request $request)
22 { 22 {
23 $request->request->add(['user_id' => auth()->user()->id]);
23 return view('backend.art-eoffice.tambah'); 24 return view('backend.art-eoffice.tambah');
24 } 25 }
25 26
26 /** 27 /**
27 * Store a newly created resource in storage. 28 * Store a newly created resource in storage.
28 * 29 *
29 * @param \Illuminate\Http\Request $request 30 * @param \Illuminate\Http\Request $request
30 * @return \Illuminate\Http\Response 31 * @return \Illuminate\Http\Response
31 */ 32 */
32 33
33 public function store(Request $request) 34 public function store(Request $request)
34 { 35 {
35 $validator = Validator::make($request->all(), [ 36 $validator = Validator::make($request->all(), [
36 37
37 38
38 'judul' => 'required', 39 'judul' => 'required',
39 'konten' => 'required', 40 'konten' => 'required',
40 41
41 42
42 43
43 ]); 44 ]);
44 if ($validator->fails()) { 45 if ($validator->fails()) {
45 $respon = array('status'=>false, 'pesan' => $validator->messages()); 46 $respon = array('status'=>false, 'pesan' => $validator->messages());
46 } else { 47 } else {
47 if (Eoffice::create($request->all())) { 48 if (Eoffice::create($request->all())) {
48 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']); 49 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']);
49 } else { 50 } else {
50 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']); 51 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']);
51 } 52 }
52 } 53 }
53 return response()->json($respon); 54 return response()->json($respon);
54 } 55 }
55 } 56 }
56 57
app/Http/Controllers/Backend/artikelFrontendController.php
Diff comments   View file @ 8398d76
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\backend; 3 namespace App\Http\Controllers\backend;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request; 6 use Illuminate\Http\Request;
7 use App\Frontendp; 7 use App\Frontendp;
8 use App\User; 8 use App\User;
9 use App\Katartikel; 9 use App\Katartikel;
10 use Validator;
10 11
11 class artikelFrontendController extends Controller 12 class artikelFrontendController extends Controller
12 { 13 {
13 public function index() 14 public function index()
14 { 15 {
15 $frontend = Frontendp::all(); 16 $frontend = Frontendp::all();
16 return view('backend.art-frontend.index', compact('frontend')); 17 return view('backend.art-frontend.index', compact('frontend'));
17 } 18 }
18 19
19 public function create() 20 public function create(Request $request)
20 { 21 {
22 $request->request->add(['user_id' => auth()->user()->id]);
21 return view('backend.art-frontend.tambah'); 23 return view('backend.art-frontend.tambah');
22 } 24 }
23 25
24 /** 26 /**
25 * Store a newly created resource in storage. 27 * Store a newly created resource in storage.
26 * 28 *
27 * @param \Illuminate\Http\Request $request 29 * @param \Illuminate\Http\Request $request
28 * @return \Illuminate\Http\Response 30 * @return \Illuminate\Http\Response
29 */ 31 */
30 32
31 public function store(Request $request) 33 public function store(Request $request)
32 { 34 {
33 $validator = Validator::make($request->all(), [ 35 $validator = Validator::make($request->all(), [
34 36
35 37
36 'judul' => 'required', 38 'judul' => 'required',
37 'konten' => 'required', 39 'konten' => 'required',
38 40
39 41
40 42
41 ]); 43 ]);
42 if ($validator->fails()) { 44 if ($validator->fails()) {
43 $respon = array('status'=>false, 'pesan' => $validator->messages()); 45 $respon = array('status'=>false, 'pesan' => $validator->messages());
44 } else { 46 } else {
45 if (Frontendp::create($request->all())) { 47 if (Frontendp::create($request->all())) {
46 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']); 48 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']);
47 } else { 49 } else {
48 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']); 50 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']);
49 } 51 }
50 } 52 }
51 return response()->json($respon); 53 return response()->json($respon);
52 } 54 }
53 } 55 }
54 56
app/Http/Controllers/Backend/artikelLaravelController.php
Diff comments   View file @ 8398d76
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\backend; 3 namespace App\Http\Controllers\backend;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request; 6 use Illuminate\Http\Request;
7 use Illuminate\Support\Str; 7 use Illuminate\Support\Str;
8 use App\Laravel; 8 use App\Laravel;
9 use App\User; 9 use App\User;
10 use App\Katartikel; 10 use App\Katartikel;
11 use Validator; 11 use Validator;
12 12
13 class artikelLaravelController extends Controller 13 class artikelLaravelController extends Controller
14 { 14 {
15 public function index() 15 public function index()
16 { 16 {
17 $laravel = Laravel::all(); 17 $laravel = Laravel::all();
18 return view('backend.art-laravel.index', compact('laravel')); 18 return view('backend.art-laravel.index', compact('laravel'));
19 } 19 }
20 20
21 public function create() 21 public function create(Request $request)
22 { 22 {
23 $request->request->add(['user_id' => auth()->user()->id]);
23 return view('backend.art-laravel.tambah'); 24 return view('backend.art-laravel.tambah');
24 } 25 }
25 26
26 /** 27 /**
27 * Store a newly created resource in storage. 28 * Store a newly created resource in storage.
28 * 29 *
29 * @param \Illuminate\Http\Request $request 30 * @param \Illuminate\Http\Request $request
30 * @return \Illuminate\Http\Response 31 * @return \Illuminate\Http\Response
31 */ 32 */
32 33
33 public function store(Request $request) 34 public function store(Request $request)
34 { 35 {
35 $validator = Validator::make($request->all(), [ 36 $validator = Validator::make($request->all(), [
36 37
37 38
38 'judul' => 'required', 39 'judul' => 'required',
39 'konten' => 'required', 40 'konten' => 'required',
40 41
41 42
42 43
43 ]); 44 ]);
44 if ($validator->fails()) { 45 if ($validator->fails()) {
45 $respon = array('status'=>false, 'pesan' => $validator->messages()); 46 $respon = array('status'=>false, 'pesan' => $validator->messages());
46 } else { 47 } else {
47 if (Laravel::create($request->all())) { 48 if (Laravel::create($request->all())) {
48 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']); 49 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']);
49 } else { 50 } else {
50 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']); 51 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']);
51 } 52 }
52 } 53 }
53 return response()->json($respon); 54 return response()->json($respon);
54 } 55 }
55 56
56 public function readmore() 57
57 {
58 $laravel = Laravel::all();
59 }
60 } 58 }
app/Http/Controllers/Backend/backendpController.php
Diff comments   View file @ 8398d76
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\Backend; 3 namespace App\Http\Controllers\Backend;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request; 6 use Illuminate\Http\Request;
7 use Yajra\DataTables\Facades\DataTables; 7 use Yajra\DataTables\Facades\DataTables;
8 use Validator; 8 use Validator;
9 use App\Backendp; 9 use App\Backendp;
10 use App\Katartikel; 10 use App\Katartikel;
11 use App\User; 11 use App\User;
12 12
13 class backendpController extends Controller 13 class backendpController extends Controller
14 { 14 {
15 public function index() 15 public function index()
16 { 16 {
17 17
18 return view('backend.beprog.index'); 18 return view('backend.beprog.index');
19 } 19 }
20 20
21 public function data(Request $request) 21 public function data(Request $request)
22 { 22 {
23 if ($request->ajax()) { 23 if ($request->ajax()) {
24 $backendp = Backendp::orderBy('id'); 24 $backendp = Backendp::orderBy('id');
25 return Datatables::of($backendp) 25 return Datatables::of($backendp)
26 ->addIndexColumn() 26 ->addIndexColumn()
27 // ->addColumn('lampiran', function($backendp){ 27 // ->addColumn('lampiran', function($backendp){
28 // return '<a href="'. $backendp->url_berkas .'">Download</a>'; 28 // return '<a href="'. $backendp->url_berkas .'">Download</a>';
29 // }) 29 // })
30 ->addColumn( 30 ->addColumn(
31 'action', 31 'action',
32 '<center> 32 '<center>
33 <a class="edit ubah" data-toggle="tooltip" data-placement="top" title="Edit" backendp-id="{{ $id }}" href="#edit-{{ $id }}"> 33 <a class="edit ubah" data-toggle="tooltip" data-placement="top" title="Edit" backendp-id="{{ $id }}" href="#edit-{{ $id }}">
34 <i class="fa fa-pencil text-warning"></i> 34 <i class="fa fa-pencil text-warning"></i>
35 </a>&nbsp; &nbsp; 35 </a>&nbsp; &nbsp;
36 <a class="delete hidden-xs hidden-sm hapus" data-toggle="tooltip" data-placement="top" title="Delete" backendp-id="{{ $id }}" href="#hapus-{{ $id }}" > 36 <a class="delete hidden-xs hidden-sm hapus" data-toggle="tooltip" data-placement="top" title="Delete" backendp-id="{{ $id }}" href="#hapus-{{ $id }}" >
37 <i class="fa fa-trash text-danger"></i> 37 <i class="fa fa-trash text-danger"></i>
38 </a> 38 </a>
39 </center>' 39 </center>'
40 ) 40 )
41 ->rawColumns(['action', 'lampiran'])->make(true); 41 ->rawColumns(['action', 'lampiran'])->make(true);
42 } else { 42 } else {
43 exit("Not an AJAX request -_-"); 43 exit("Not an AJAX request -_-");
44 } 44 }
45 } 45 }
46 46
47 public function data_detail(Request $request, $id) 47 public function data_detail(Request $request, $id)
48 { 48 {
49 if ($request->ajax()) { 49 if ($request->ajax()) {
50 $users = Backendp::find($id)->user; 50 $users = Backendp::find($id)->user;
51 return Datatables::of($users) 51 return Datatables::of($users)
52 ->addIndexColumn()->make(true); 52 ->addIndexColumn()->make(true);
53 } else { 53 } else {
54 exit("Not an AJAX request -_-"); 54 exit("Not an AJAX request -_-");
55 } 55 }
56 } 56 }
57 57
58 58
59 /** 59 /**
60 * Show the form for creating a new resource. 60 * Show the form for creating a new resource.
61 * 61 *
62 * @return \Illuminate\Http\Response 62 * @return \Illuminate\Http\Response
63 */ 63 */
64 64
65 public function create() 65 public function create()
66 { 66 {
67
67 return view('backend.beprog.tambah'); 68 return view('backend.beprog.tambah');
68 } 69 }
69 70
70 /** 71 /**
71 * Store a newly created resource in storage. 72 * Store a newly created resource in storage.
72 * 73 *
73 * @param \Illuminate\Http\Request $request 74 * @param \Illuminate\Http\Request $request
74 * @return \Illuminate\Http\Response 75 * @return \Illuminate\Http\Response
75 */ 76 */
76 77
77 /** 78 /**
78 * Store a newly created resource in storage. 79 * Store a newly created resource in storage.
79 * 80 *
80 * @param \Illuminate\Http\Request $request 81 * @param \Illuminate\Http\Request $request
81 * @return \Illuminate\Http\Response 82 * @return \Illuminate\Http\Response
82 */ 83 */
83 84
84 public function store(Request $request) 85 public function store(Request $request)
85 { 86 {
86 $validator = Validator::make($request->all(), [ 87 $validator = Validator::make($request->all(), [
87 'id' => 'required', 88 'id' => 'required',
88 'kategori_id' => 'required', 89 'kategori_id' => 'required',
89 'judul' => 'required', 90 'judul' => 'required',
90 'konten' => 'required', 91 'konten' => 'required',
91 92
92 93
93 ]); 94 ]);
94 if ($validator->fails()) { 95 if ($validator->fails()) {
95 $respon = array('status'=>false, 'pesan' => $validator->messages()); 96 $respon = array('status'=>false, 'pesan' => $validator->messages());
96 } else { 97 } else {
97 if (Backendp::create($request->all())) { 98 if (Backendp::create($request->all())) {
98 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']); 99 $respon = array('status'=>true, 'pesan' => ['msg' => 'Data berhasil disimpan']);
99 } else { 100 } else {
100 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']); 101 $respon = array('status'=>false, 'pesan' => ['msg' => 'Data gagal disimpan']);
101 } 102 }
102 } 103 }
103 return response()->json($respon); 104 return response()->json($respon);
104 } 105 }
105 106
106 107
107 108
108 } 109 }
109 110
app/Http/Controllers/Backend/cmsController.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 namespace App\Http\Controllers\Backend;
4
5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request;
7
8 class cmsController extends Controller
9 {
10 //
11 }
12
app/Http/Controllers/Backend/frameworkController.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 namespace App\Http\Controllers\Backend;
4
5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request;
7
8 class frameworkController extends Controller
9 {
10 //
11 }
12
app/Http/Controllers/Backend/javascriptController.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 namespace App\Http\Controllers\Backend;
4
5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request;
7
8 class javascriptController extends Controller
9 {
10 //
11 }
12
app/Http/Controllers/Backend/osController.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 namespace App\Http\Controllers\Backend;
4
5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request;
7
8 class osController extends Controller
9 {
10 //
11 }
12
app/Http/Controllers/Backend/sopController.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 namespace App\Http\Controllers\Backend;
4
5 use App\Http\Controllers\Controller;
6 use Illuminate\Http\Request;
7
8 class sopController extends Controller
9 {
10 //
11 }
12
File was created 1 <?php
2
3 namespace App;
4
5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model;
7
8 class Javascript extends Model
9 {
10 use HasFactory;
11
12 protected $fillable = ['id','judul','konten'];
13
14 public function artikel()
15 {
16 return $this->belongsTo('App\Katartikel');
17 }
18
19 public function user()
20 {
21 return $this->belongsTo('App\User');
22 }
23 }
24
File was created 1 <?php
2
3 namespace App;
4
5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model;
7
8 class Os extends Model
9 {
10 use HasFactory;
11 }
12
File was created 1 <?php
2
3 namespace App;
4
5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model;
7
8 class Sop extends Model
9 {
10 use HasFactory;
11
12 protected $table = "sops";
13
14 protected $fillable = ['id','judul','konten'];
15
16 public function katartikel()
17 {
18 return $this->belongsTo('App\Katartikel');
19 }
20
21 public function user()
22 {
23 return $this->belongsTo('App\User');
24 }
25 }
26
database/migrations/2021_11_07_160402_create_sops_table.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema;
6
7 class CreateSopsTable extends Migration
8 {
9 /**
10 * Run the migrations.
11 *
12 * @return void
13 */
14 public function up()
15 {
16 Schema::create('sops', function (Blueprint $table) {
17 $table->bigIncrements('id');
18 $table->string('katartikel_id')->nullable();
19 $table->string('judul')->nulllable();
20 $table->text('konten')->nullable();
21 $table->string('image')->nullable();
22 $table->foreignId('user_id')->references('id')->on('users');
23 $table->timestamp('created_at')->nullable();
24 $table->timestamp('updated_at')->nullable();
25 $table->timestamp('deleted_at')->nullable();
26 });
27 }
28
29 /**
30 * Reverse the migrations.
31 *
32 * @return void
33 */
34 public function down()
35 {
36 Schema::dropIfExists('sops');
37 }
38 }
39
database/migrations/2021_11_07_161716_create_cms_table.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema;
6
7 class CreateCmsTable extends Migration
8 {
9 /**
10 * Run the migrations.
11 *
12 * @return void
13 */
14 public function up()
15 {
16 Schema::create('cms', function (Blueprint $table) {
17 $table->bigIncrements('id');
18 $table->string('katartikel_id')->nullable();
19 $table->string('judul')->nulllable();
20 $table->text('konten')->nullable();
21 $table->string('image')->nullable();
22 $table->foreignId('user_id')->references('id')->on('users');
23 $table->timestamp('created_at')->nullable();
24 $table->timestamp('updated_at')->nullable();
25 $table->timestamp('deleted_at')->nullable();
26 });
27 }
28
29 /**
30 * Reverse the migrations.
31 *
32 * @return void
33 */
34 public function down()
35 {
36 Schema::dropIfExists('cms');
37 }
38 }
39
database/migrations/2021_11_07_162011_create_javascripts_table.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema;
6
7 class CreateJavascriptsTable extends Migration
8 {
9 /**
10 * Run the migrations.
11 *
12 * @return void
13 */
14 public function up()
15 {
16 Schema::create('javascripts', function (Blueprint $table) {
17 $table->bigIncrements('id');
18 $table->string('katartikel_id')->nullable();
19 $table->string('judul')->nulllable();
20 $table->text('konten')->nullable();
21 $table->string('image')->nullable();
22 $table->foreignId('user_id')->references('id')->on('users');
23 $table->timestamp('created_at')->nullable();
24 $table->timestamp('updated_at')->nullable();
25 $table->timestamp('deleted_at')->nullable();
26 });
27 }
28
29 /**
30 * Reverse the migrations.
31 *
32 * @return void
33 */
34 public function down()
35 {
36 Schema::dropIfExists('javascripts');
37 }
38 }
39
database/migrations/2021_11_07_162218_create_frameworks_table.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema;
6
7 class CreateFrameworksTable extends Migration
8 {
9 /**
10 * Run the migrations.
11 *
12 * @return void
13 */
14 public function up()
15 {
16 Schema::create('frameworks', function (Blueprint $table) {
17 $table->bigIncrements('id');
18 $table->string('katartikel_id')->nullable();
19 $table->string('judul')->nulllable();
20 $table->text('konten')->nullable();
21 $table->string('image')->nullable();
22 $table->foreignId('user_id')->references('id')->on('users');
23 $table->timestamp('created_at')->nullable();
24 $table->timestamp('updated_at')->nullable();
25 $table->timestamp('deleted_at')->nullable();
26 });
27 }
28
29 /**
30 * Reverse the migrations.
31 *
32 * @return void
33 */
34 public function down()
35 {
36 Schema::dropIfExists('frameworks');
37 }
38 }
39
database/migrations/2021_11_07_162412_create_os_table.php
Diff comments   View file @ 8398d76
File was created 1 <?php
2
3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema;
6
7 class CreateOsTable extends Migration
8 {
9 /**
10 * Run the migrations.
11 *
12 * @return void
13 */
14 public function up()
15 {
16 Schema::create('os', function (Blueprint $table) {
17 $table->bigIncrements('id');
18 $table->string('katartikel_id')->nullable();
19 $table->string('judul')->nulllable();
20 $table->text('konten')->nullable();
21 $table->string('image')->nullable();
22 $table->foreignId('user_id')->references('id')->on('users');
23 $table->timestamp('created_at')->nullable();
24 $table->timestamp('updated_at')->nullable();
25 $table->timestamp('deleted_at')->nullable();
26 });
27 }
28
29 /**
30 * Reverse the migrations.
31 *
32 * @return void
33 */
34 public function down()
35 {
36 Schema::dropIfExists('os');
37 }
38 }
39
resources/views/backend/art-backend/index.blade.php
Diff comments   View file @ 8398d76
1 @extends('backend.home.index') 1 @extends('backend.home.index')
2 @push('title', $halaman->nama) 2 @push('title', $halaman->nama)
3 @push('header', $halaman->nama) 3 @push('header', $halaman->nama)
4 @push('tombol') 4 @push('tombol')
5 <a href="#tambah" class="btn btn-sm btn-primary tambah"> 5 <a href="#tambah" class="btn btn-sm btn-primary tambah">
6 Tambah <i class="fa fa-plus-circle"></i> 6 Tambah <i class="fa fa-plus-circle"></i>
7 </a> 7 </a>
8 @endpush 8 @endpush
9 @section('content') 9 @section('content')
10 <div class="panel-container show container-fluid col"> 10 <div class="panel-container show container-fluid col">
11 11
12 <div class="panel-content"> 12 <div class="panel-content">
13 13
14 14
15 </div> 15 </div>
16 </div> 16 </div>
17 17
18 <!-- Format Baru --> 18 <!-- Format Baru -->
19 19
20 <style> 20 <style>
21 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); 21 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
22 22
23 * { 23 * {
24 padding: 0; 24 padding: 0;
25 margin: 0; 25 margin: 0;
26 box-sizing: border-box; 26 box-sizing: border-box;
27 font-family: 'Poppins', sans-serif 27 font-family: 'Poppins', sans-serif
28 } 28 }
29 29
30 .container { 30 .container {
31 padding: 20px 31 padding: 20px
32 } 32 }
33 33
34 img { 34 img {
35 height: 170px; 35 height: 170px;
36 width: 100%; 36 width: 100%;
37 object-fit: cover 37 object-fit: cover
38 } 38 }
39 39
40 .bg-org { 40 .bg-org {
41 text-transform: uppercase; 41 text-transform: uppercase;
42 cursor: pointer; 42 cursor: pointer;
43 border-radius: 3px; 43 border-radius: 3px;
44 background-color: #eca726; 44 background-color: #eca726;
45 color: white; 45 color: white;
46 font-weight: 800; 46 font-weight: 800;
47 font-size: 14px; 47 font-size: 14px;
48 display: flex; 48 display: flex;
49 align-items: center; 49 align-items: center;
50 justify-content: center; 50 justify-content: center;
51 padding: 3px 20px 51 padding: 3px 20px
52 } 52 }
53 53
54 .bg-org:hover { 54 .bg-org:hover {
55 background-color: #eec67c 55 background-color: #eec67c
56 } 56 }
57 57
58 .bg-blue { 58 .bg-blue {
59 text-transform: uppercase; 59 text-transform: uppercase;
60 cursor: pointer; 60 cursor: pointer;
61 border-radius: 3px; 61 border-radius: 3px;
62 background-color: #414df0; 62 background-color: #414df0;
63 color: white; 63 color: white;
64 font-weight: 800; 64 font-weight: 800;
65 font-size: 14px; 65 font-size: 14px;
66 display: flex; 66 display: flex;
67 align-items: center; 67 align-items: center;
68 justify-content: center; 68 justify-content: center;
69 padding: 3px 20px 69 padding: 3px 20px
70 } 70 }
71 71
72 .bg-blue:hover { 72 .bg-blue:hover {
73 background-color: #abb0f5 73 background-color: #abb0f5
74 } 74 }
75 75
76 .bg-vio { 76 .bg-vio {
77 text-transform: uppercase; 77 text-transform: uppercase;
78 cursor: pointer; 78 cursor: pointer;
79 border-radius: 3px; 79 border-radius: 3px;
80 background-color: #b005ff; 80 background-color: #b005ff;
81 color: white; 81 color: white;
82 font-weight: 800; 82 font-weight: 800;
83 font-size: 14px; 83 font-size: 14px;
84 display: flex; 84 display: flex;
85 align-items: center; 85 align-items: center;
86 justify-content: center; 86 justify-content: center;
87 padding: 3px 20px 87 padding: 3px 20px
88 } 88 }
89 89
90 .bg-vio:hover { 90 .bg-vio:hover {
91 background-color: #ce89ee 91 background-color: #ce89ee
92 } 92 }
93 93
94 .bg-green { 94 .bg-green {
95 background-color: #27e727; 95 background-color: #27e727;
96 border-radius: 10%; 96 border-radius: 10%;
97 color: white; 97 color: white;
98 font-size: 14px; 98 font-size: 14px;
99 display: flex; 99 display: flex;
100 align-items: center; 100 align-items: center;
101 justify-content: center; 101 justify-content: center;
102 padding: 1px 4px 102 padding: 1px 4px
103 } 103 }
104 104
105 .bg-orgn { 105 .bg-orgn {
106 background-color: #eca726; 106 background-color: #eca726;
107 border-radius: 10%; 107 border-radius: 10%;
108 color: white; 108 color: white;
109 font-size: 14px; 109 font-size: 14px;
110 display: flex; 110 display: flex;
111 align-items: center; 111 align-items: center;
112 justify-content: center; 112 justify-content: center;
113 padding: 1px 4px 113 padding: 1px 4px
114 } 114 }
115 115
116 .bg-blu { 116 .bg-blu {
117 background-color: #414df0; 117 background-color: #414df0;
118 border-radius: 10%; 118 border-radius: 10%;
119 color: white; 119 color: white;
120 font-size: 14px; 120 font-size: 14px;
121 display: flex; 121 display: flex;
122 align-items: center; 122 align-items: center;
123 justify-content: center; 123 justify-content: center;
124 padding: 1px 4px 124 padding: 1px 4px
125 } 125 }
126 126
127 .bg-violet { 127 .bg-violet {
128 background-color: #b005ff; 128 background-color: #b005ff;
129 border-radius: 10%; 129 border-radius: 10%;
130 color: white; 130 color: white;
131 font-size: 14px; 131 font-size: 14px;
132 display: flex; 132 display: flex;
133 align-items: center; 133 align-items: center;
134 justify-content: center; 134 justify-content: center;
135 padding: 1px 4px 135 padding: 1px 4px
136 } 136 }
137 137
138 .text-muted { 138 .text-muted {
139 font-size: 14px 139 font-size: 14px
140 } 140 }
141 141
142 .fs5 { 142 .fs5 {
143 line-height: 20px; 143 line-height: 20px;
144 font-size: 16px 144 font-size: 16px
145 } 145 }
146 146
147 .items { 147 .items {
148 font-size: 15px; 148 font-size: 15px;
149 background-color: black; 149 background-color: black;
150 color: white; 150 color: white;
151 margin: 3px 3px; 151 margin: 3px 3px;
152 padding: 4px 10px; 152 padding: 4px 10px;
153 text-decoration: none; 153 text-decoration: none;
154 border: 1px solid #ddd 154 border: 1px solid #ddd
155 } 155 }
156 156
157 .items:hover { 157 .items:hover {
158 background-color: #fcf7f7; 158 background-color: #fcf7f7;
159 color: black; 159 color: black;
160 transition: background-color .8s 160 transition: background-color .8s;
161 } 161 }
162
163 #more {
164 display:none;
165 }
162 </style> 166 </style>
163 167
164 168
165 <div class="container"> 169 <div class="container">
166 <div class="row"> 170 <div class="row">
167 @foreach($backend as $backall) 171 @foreach($backend as $backall)
168 <div class="col-lg-8 order-lg-0 order-2"> 172 <div class="col-lg-8 order-lg-0 order-2">
169 <div class="row"> 173 <div class="row">
170 <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div> 174 <div class="col-md-2 mb-2"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
171 <div class="col-md-8 mb-4"> 175 <div class="col-md-8 mb-4">
172 <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-blue">Backend</a> <span class="text-muted ps-4"> {!! $backall->created_at !!}</span> </div> 176 <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-blue">Backend</a> <span class="text-muted ps-4"> &nbsp; {!! $backall->created_at !!}</span> </div>
173 <div> 177 <div>
174 <p class="text-capitalize fs5 my-3 fw-bolder">{!! $backall->judul !!}</a> 178 <p class="text-capitalize fs5 my-3 fw-bolder">{!! $backall->judul !!}</a>
175 <p class="text-muted">{!! Str::limit($backall->konten) !!}</a> 179 <p class="text-muted">{!! Str::limit($backall->konten, 100,'') !!}
176 <small><span><a href="{{ URL::asset( $halaman->kode .'/vieweoffice')}}"><u>Read More</u></a></span></small> 180
181 @if (strlen($backall->konten) > 100)
182 <span id="dots">...</span>
183 <span id="more">{!! substr($backall->konten, 100) !!} </span>
184 @endif
185
186 </p>
187 <button class="btn btn-xs btn-info" onclick="myFunction()" id="myBtn">Readmore</button>
177 </div> 188 </div>
178 </div> 189 </div>
179 </div> 190 </div>
180 </div> 191 </div>
181 @endforeach 192 @endforeach
182 </div> 193 </div>
183 </div> 194 </div>
184 195
185 196
186 197
187 198
188 </section> 199 </section>
189 </div> 200 </div>
190 </div> 201 </div>
191 202
192 </div> 203 </div>
193 204
194 @endsection 205 @endsection
195 <script> 206 <script>
196 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip]')) 207 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip]'))
197 var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl){ 208 var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl){
198 209
199 }) 210 })
200 </script> 211 </script>
201 @push('js') 212 @push('js')
202 @include('backend.home.datatable-js') 213 @include('backend.home.datatable-js')
203 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script> 214 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script>
204 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script> 215 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script>
216 <script>
217 function myFunction() {
218 var dots = document.getElementById("dots");
219 var moreText = document.getElementById("more");
220 var btnText = document.getElementById("myBtn");
205 221
222 if (dots.style.display === "none") {
223 dots.style.display = "inline";
224 btnText.innerHTML = "Read more";
225 moreText.style.display = "none";
226 } else {
227 dots.style.display = "none";
228 btnText.innerHTML = "Read less";
229 moreText.style.display = "inline";
230 }
231 }
232 </script>
206 233
207 @endpush 234 @endpush
208 @push('css') 235 @push('css')
209 @include('backend.home.datatable-css') 236 @include('backend.home.datatable-css')
210 237
211 @endpush 238 @endpush
212 239
213 240
214 241
215 242
resources/views/backend/art-backend/jquery.blade.php
Diff comments   View file @ 8398d76
1 $(document).ready(function(){ 1 $(document).ready(function(){
2 $('.tambah').click(function(){ 2 $('.tambah').click(function(){
3 ojisatrianiLoadingFadeIn(); 3 ojisatrianiLoadingFadeIn();
4 $.loadmodal({ 4 $.loadmodal({
5 url: "{{ url($url_admin.'/art-eoffice/create') }}", 5 url: "{{ url($url_admin.'/art-backend/create') }}",
6 id: 'responsive', 6 id: 'responsive',
7 dlgClass: 'fade', 7 dlgClass: 'fade',
8 bgClass: 'primary', 8 bgClass: 'primary',
9 title: 'Tambah', 9 title: 'Tambah',
10 width: 'whatever', 10 width: 'whatever',
11 modal: { 11 modal: {
12 keyboard: true, 12 keyboard: true,
13 // any other options from the regular $().modal call (see Bootstrap docs) 13 // any other options from the regular $().modal call (see Bootstrap docs)
14 }, 14 },
15 ajax: { 15 ajax: {
16 dataType: 'html', 16 dataType: 'html',
17 method: 'GET', 17 method: 'GET',
18 success: function(data, status, xhr){ 18 success: function(data, status, xhr){
19 ojisatrianiLoadingFadeOut(); 19 ojisatrianiLoadingFadeOut();
20 }, 20 },
21 21
22 }, 22 },
23 }); 23 });
24 }); 24 });
25 25
26 $(document).on("click",".ubah",function() { 26 $(document).on("click",".ubah",function() {
27 ojisatrianiLoadingFadeIn(); 27 ojisatrianiLoadingFadeIn();
28 var id = $(this).attr('art-eoffiice-id'); 28 var id = $(this).attr('art-backend-id');
29 $.loadmodal({ 29 $.loadmodal({
30 url: "{{ url($url_admin.'/art-eoffice') }}/"+ id +"/edit", 30 url: "{{ url($url_admin.'/art-backend') }}/"+ id +"/edit",
31 id: 'responsive', 31 id: 'responsive',
32 dlgClass: 'fade', 32 dlgClass: 'fade',
33 bgClass: 'warning', 33 bgClass: 'warning',
34 title: 'Ubah', 34 title: 'Ubah',
35 width: 'whatever', 35 width: 'whatever',
36 modal: { 36 modal: {
37 keyboard: true, 37 keyboard: true,
38 // any other options from the regular $().modal call (see Bootstrap docs) 38 // any other options from the regular $().modal call (see Bootstrap docs)
39 }, 39 },
40 ajax: { 40 ajax: {
41 dataType: 'html', 41 dataType: 'html',
42 method: 'GET', 42 method: 'GET',
43 success: function(data, status, xhr){ 43 success: function(data, status, xhr){
44 ojisatrianiLoadingFadeOut(); 44 ojisatrianiLoadingFadeOut();
45 }, 45 },
46 }, 46 },
47 }); 47 });
48 }); 48 });
49 49
50 $(document).on("click",".hapus",function() { 50 $(document).on("click",".hapus",function() {
51 ojisatrianiLoadingFadeIn(); 51 ojisatrianiLoadingFadeIn();
52 var id = $(this).attr('art-eoffiice-id'); 52 var id = $(this).attr('art-backend-id');
53 $.loadmodal({ 53 $.loadmodal({
54 url: "{{ url($url_admin.'/art-eoffice') }}/hapus/"+ id, 54 url: "{{ url($url_admin.'/art-backend') }}/hapus/"+ id,
55 id: 'responsive', 55 id: 'responsive',
56 dlgClass: 'fade', 56 dlgClass: 'fade',
57 bgClass: 'danger', 57 bgClass: 'danger',
58 title: 'Hapus', 58 title: 'Hapus',
59 width: 'whatever', 59 width: 'whatever',
60 modal: { 60 modal: {
61 keyboard: true, 61 keyboard: true,
62 // any other options from the regular $().modal call (see Bootstrap docs) 62 // any other options from the regular $().modal call (see Bootstrap docs)
63 //$('#uraian').val(id), 63 //$('#uraian').val(id),
64 }, 64 },
65 ajax: { 65 ajax: {
66 dataType: 'html', 66 dataType: 'html',
67 method: 'GET', 67 method: 'GET',
68 success: function(data, status, xhr){ 68 success: function(data, status, xhr){
69 ojisatrianiLoadingFadeOut(); 69 ojisatrianiLoadingFadeOut();
70 }, 70 },
71 }, 71 },
72 }); 72 });
73 }); 73 });
74 74
75 }); 75 });
76 76
resources/views/backend/art-backend/tambah.blade.php
Diff comments   View file @ 8398d76
1 {!! Form::open(array('id' => 'frmOji', 'route' => ['art-eoffice.store'], 'class' => 'form account-form', 'method' => 'post' )) !!} 1 {!! Form::open(array('id' => 'frmOji', 'route' => ['art-backend.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
2 <div class="row"> 2 <div class="row">
3 <div class="col-md-12"> 3 <div class="col-md-12">
4 <!-- <p> 4 <!-- <p>
5 {!! Form::label('Id', 'ID', array('class' => 'col-md-12 control-label')) !!} 5 {!! Form::label('Id', 'ID', array('class' => 'col-md-12 control-label')) !!}
6 {!! Form::text('id', NULL, array('id' => 'id', 'class' => 'form-control', 'placeholder' => 'Identitas')) !!} 6 {!! Form::text('id', NULL, array('id' => 'id', 'class' => 'form-control', 'placeholder' => 'Identitas')) !!}
7 </p> --> 7 </p> -->
8 8
9 <!-- <p> 9 <!-- <p>
10 {!! Form::label('Kategori Artikel', 'Kategori Artikel', array('class' => 'col-md-6 control-label')) !!} 10 {!! Form::label('Kategori Artikel', 'Kategori Artikel', array('class' => 'col-md-6 control-label')) !!}
11 {!! Form::select('katartikel_id', array( ), NULL, array('id' => 'katartikel_id', 'class' => 'form-control')) !!} 11 {!! Form::select('katartikel_id', array( ), NULL, array('id' => 'katartikel_id', 'class' => 'form-control')) !!}
12 </p> 12 </p>
13 --> 13 -->
14 14
15 <p> 15 <p>
16 {!! Form::label('Judul', 'Judul', array('class' => 'col-md-12 control-label')) !!} 16 {!! Form::label('Judul', 'Judul', array('class' => 'col-md-12 control-label')) !!}
17 {!! Form::text('judul', NULL, array('id' => 'judul', 'class' => 'form-control', 'placeholder' => 'Judul Artikel')) !!} 17 {!! Form::text('judul', NULL, array('id' => 'judul', 'class' => 'form-control', 'placeholder' => 'Judul Artikel')) !!}
18 </p> 18 </p>
19 <p> 19 <p>
20 {!! Form::label('Konten', 'Konten', array('class' => 'col-md-12 control-label')) !!} 20 {!! Form::label('Konten', 'Konten', array('class' => 'col-md-12 control-label')) !!}
21 {!! Form::textarea('konten', NULL, array('id' => 'konten', 'class' => 'form-control', 'rows' => '30' , 'placeholder' => 'Konten')) !!} 21 {!! Form::textarea('konten', NULL, array('id' => 'konten', 'class' => 'form-control', 'rows' => '30' , 'placeholder' => 'Konten')) !!}
22 </p> 22 </p>
23 <script> 23 <script>
24 $(document).ready(function() { 24 $(document).ready(function() {
25 $('#konten').summernote(); 25 $('#konten').summernote();
26 }); 26 });
27 var konten = $('#konten').summernote() 27 var konten = $('#konten').summernote()
28 </script> 28 </script>
29 <!-- <p> 29 <!-- <p>
30 {!! Form::label('User', 'User', array('class' => 'col-md-12 control-label')) !!} 30 {!! Form::label('User', 'User', array('class' => 'col-md-12 control-label')) !!}
31 {!! Form::text('user_id', NULL, array('id' => 'user_id', 'class' => 'form-control', 'placeholder' => 'Kategori Dokumen')) !!} 31 {!! Form::text('user_id', NULL, array('id' => 'user_id', 'class' => 'form-control', 'placeholder' => 'Kategori Dokumen')) !!}
32 </p> --> 32 </p> -->
33 <!-- {!! Form::hidden('table-list', 'datatable', array('id' => 'table-list')) !!} --> 33 <!-- {!! Form::hidden('table-list', 'datatable', array('id' => 'table-list')) !!} -->
34 </div> 34 </div>
35 <div class="row"> 35 <div class="row">
36 <div class="col-md-12"> 36 <div class="col-md-12">
37 <span class="pesan"></span> 37 <span class="pesan"></span>
38 <div id="output"></div> 38 <div id="output"></div>
39 <div class="progress"> 39 <div class="progress">
40 <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> 40 <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
41 <div id="statustxt">0%</div> 41 <div id="statustxt">0%</div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 </div> 45 </div>
46 {!! Form::close() !!} 46 {!! Form::close() !!}
47 <script src="{{ URL::asset('resources/vendor/jquery/jquery.form.js') }}"></script> 47 <script src="{{ URL::asset('resources/vendor/jquery/jquery.form.js') }}"></script>
48 <script src="{{ URL::asset('ojisatriani/home/ajax_progress.js') }}"></script> 48 <script src="{{ URL::asset('ojisatriani/home/ajax_progress.js') }}"></script>
49 <!-- include summernote css/js --> 49 <!-- include summernote css/js -->
50 <link href="{{ URL::asset('resources/summernote/summernote.min.css') }}" rel="stylesheet"> 50 <link href="{{ URL::asset('resources/summernote/summernote.min.css') }}" rel="stylesheet">
51 <script src="{{ URL::asset('resources/summernote/summernote.js') }}"></script> 51 <script src="{{ URL::asset('resources/summernote/summernote.js') }}"></script>
52 <!-- <link href="{{ asset('ckeditor/plugins/codesnippet/lib/highlight/styles/default.css') }}" rel="stylesheet"> --> 52 <!-- <link href="{{ asset('ckeditor/plugins/codesnippet/lib/highlight/styles/default.css') }}" rel="stylesheet"> -->
53 53
54 54
55 55
56 56
resources/views/backend/art-eoffice/index.blade.php
Diff comments   View file @ 8398d76
1 @extends('backend.home.index') 1 @extends('backend.home.index')
2 @push('title', $halaman->nama) 2 @push('title', $halaman->nama)
3 @push('header', $halaman->nama) 3 @push('header', $halaman->nama)
4 @push('tombol') 4 @push('tombol')
5 <a href="#tambah" class="btn btn-sm btn-primary tambah"> 5 <a href="#tambah" class="btn btn-sm btn-primary tambah">
6 Tambah <i class="fa fa-plus-circle"></i> 6 Tambah <i class="fa fa-plus-circle"></i>
7 </a> 7 </a>
8 @endpush 8 @endpush
9 @section('content') 9 @section('content')
10 <div class="panel-container show container-fluid col"> 10 <div class="panel-container show container-fluid col">
11 11
12 <div class="panel-content"> 12 <div class="panel-content">
13 13
14 14
15 </div> 15 </div>
16 </div> 16 </div>
17 17
18 <!-- Format Baru --> 18 <!-- Format Baru -->
19 19
20 <style> 20 <style>
21 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); 21 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
22 22
23 * { 23 * {
24 padding: 0; 24 padding: 0;
25 margin: 0; 25 margin: 0;
26 box-sizing: border-box; 26 box-sizing: border-box;
27 font-family: 'Poppins', sans-serif 27 font-family: 'Poppins', sans-serif
28 } 28 }
29 29
30 .container { 30 .container {
31 padding: 20px 31 padding: 20px
32 } 32 }
33 33
34 img { 34 img {
35 height: 170px; 35 height: 170px;
36 width: 100%; 36 width: 100%;
37 object-fit: cover 37 object-fit: cover
38 } 38 }
39 39
40 .bg-org { 40 .bg-org {
41 text-transform: uppercase; 41 text-transform: uppercase;
42 cursor: pointer; 42 cursor: pointer;
43 border-radius: 3px; 43 border-radius: 3px;
44 background-color: #eca726; 44 background-color: #eca726;
45 color: white; 45 color: white;
46 font-weight: 800; 46 font-weight: 800;
47 font-size: 14px; 47 font-size: 14px;
48 display: flex; 48 display: flex;
49 align-items: center; 49 align-items: center;
50 justify-content: center; 50 justify-content: center;
51 padding: 3px 20px 51 padding: 3px 20px
52 } 52 }
53 53
54 .bg-org:hover { 54 .bg-org:hover {
55 background-color: #eec67c 55 background-color: #eec67c
56 } 56 }
57 57
58 .bg-blue { 58 .bg-blue {
59 text-transform: uppercase; 59 text-transform: uppercase;
60 cursor: pointer; 60 cursor: pointer;
61 border-radius: 3px; 61 border-radius: 3px;
62 background-color: #414df0; 62 background-color: #414df0;
63 color: white; 63 color: white;
64 font-weight: 800; 64 font-weight: 800;
65 font-size: 14px; 65 font-size: 14px;
66 display: flex; 66 display: flex;
67 align-items: center; 67 align-items: center;
68 justify-content: center; 68 justify-content: center;
69 padding: 3px 20px 69 padding: 3px 20px
70 } 70 }
71 71
72 .bg-blue:hover { 72 .bg-blue:hover {
73 background-color: #abb0f5 73 background-color: #abb0f5
74 } 74 }
75 75
76 .bg-vio { 76 .bg-vio {
77 text-transform: uppercase; 77 text-transform: uppercase;
78 cursor: pointer; 78 cursor: pointer;
79 border-radius: 3px; 79 border-radius: 3px;
80 background-color: #b005ff; 80 background-color: #b005ff;
81 color: white; 81 color: white;
82 font-weight: 800; 82 font-weight: 800;
83 font-size: 14px; 83 font-size: 14px;
84 display: flex; 84 display: flex;
85 align-items: center; 85 align-items: center;
86 justify-content: center; 86 justify-content: center;
87 padding: 3px 20px 87 padding: 3px 20px
88 } 88 }
89 89
90 .bg-vio:hover { 90 .bg-vio:hover {
91 background-color: #ce89ee 91 background-color: #ce89ee
92 } 92 }
93 93
94 .bg-green { 94 .bg-green {
95 background-color: #27e727; 95 background-color: #27e727;
96 border-radius: 10%; 96 border-radius: 10%;
97 color: white; 97 color: white;
98 font-size: 14px; 98 font-size: 14px;
99 display: flex; 99 display: flex;
100 align-items: center; 100 align-items: center;
101 justify-content: center; 101 justify-content: center;
102 padding: 1px 4px 102 padding: 1px 4px
103 } 103 }
104 104
105 .bg-orgn { 105 .bg-orgn {
106 background-color: #eca726; 106 background-color: #eca726;
107 border-radius: 10%; 107 border-radius: 10%;
108 color: white; 108 color: white;
109 font-size: 14px; 109 font-size: 14px;
110 display: flex; 110 display: flex;
111 align-items: center; 111 align-items: center;
112 justify-content: center; 112 justify-content: center;
113 padding: 1px 4px 113 padding: 1px 4px
114 } 114 }
115 115
116 .bg-blu { 116 .bg-blu {
117 background-color: #414df0; 117 background-color: #414df0;
118 border-radius: 10%; 118 border-radius: 10%;
119 color: white; 119 color: white;
120 font-size: 14px; 120 font-size: 14px;
121 display: flex; 121 display: flex;
122 align-items: center; 122 align-items: center;
123 justify-content: center; 123 justify-content: center;
124 padding: 1px 4px 124 padding: 1px 4px
125 } 125 }
126 126
127 .bg-violet { 127 .bg-violet {
128 background-color: #b005ff; 128 background-color: #b005ff;
129 border-radius: 10%; 129 border-radius: 10%;
130 color: white; 130 color: white;
131 font-size: 14px; 131 font-size: 14px;
132 display: flex; 132 display: flex;
133 align-items: center; 133 align-items: center;
134 justify-content: center; 134 justify-content: center;
135 padding: 1px 4px 135 padding: 1px 4px
136 } 136 }
137 137
138 .text-muted { 138 .text-muted {
139 font-size: 14px 139 font-size: 14px
140 } 140 }
141 141
142 .fs5 { 142 .fs5 {
143 line-height: 20px; 143 line-height: 20px;
144 font-size: 16px 144 font-size: 16px
145 } 145 }
146 146
147 .items { 147 .items {
148 font-size: 15px; 148 font-size: 15px;
149 background-color: black; 149 background-color: black;
150 color: white; 150 color: white;
151 margin: 3px 3px; 151 margin: 3px 3px;
152 padding: 4px 10px; 152 padding: 4px 10px;
153 text-decoration: none; 153 text-decoration: none;
154 border: 1px solid #ddd 154 border: 1px solid #ddd
155 } 155 }
156 156
157 .items:hover { 157 .items:hover {
158 background-color: #fcf7f7; 158 background-color: #fcf7f7;
159 color: black; 159 color: black;
160 transition: background-color .8s 160 transition: background-color .8s
161 } 161 }
162 #more {
163 display:none;
164 }
162 </style> 165 </style>
163 166
164 167
165 <div class="container"> 168 <div class="container">
166 <div class="row"> 169 <div class="row">
167 @foreach($eoffice as $eofall) 170 @foreach($eoffice as $eofall)
168 <div class="col-lg-8 order-lg-0 order-2"> 171 <div class="col-lg-12 order-lg-0 order-2">
169 <div class="row"> 172 <div class="row">
170 <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div> 173 <div class="col-md-2 mb-2"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
171 <div class="col-md-8 mb-4"> 174 <div class="col-md-8 mb-4">
172 <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-org">E-Office</a> <span class="text-muted ps-4"> {!! $eofall->created_at !!}</span> </div> 175 <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-org">E-Office</a> <span class="text-muted ps-4"> {!! $eofall->created_at !!}</span> </div>
173 <div> 176 <div>
174 <p class="text-capitalize fs5 my-3 fw-bolder">{!! $eofall->judul !!}</a> 177 <p class="text-capitalize fs5 my-3 fw-bolder">{!! $eofall->judul !!}</p>
175 <p class="text-muted">{!! Str::limit($eofall->konten) !!}</a> 178 <p class="text-muted">{!! Str::limit($eofall->konten, 100,'') !!}
176 <small><span><a href="{{ URL::asset( $halaman->kode .'/vieweoffice')}}"><u>Read More</u></a></span></small> 179
180 @if (strlen($eofall->konten) > 100)
181 <span id="dots">...</span>
182 <span id="more">{!! substr($eofall->konten, 100)!!} </span>
183 @endif
184 </p>
185 <button class="btn btn-xs btn-info" onclick="myFunction()" id="myBtn">Readmore</button>
186
177 </div> 187 </div>
178 </div> 188 </div>
179 </div> 189 </div>
180 </div> 190 </div>
181 @endforeach 191 @endforeach
182 </div> 192 </div>
183 </div> 193 </div>
184 194
185 195
186 196
187 197
188 </section> 198 </section>
189 </div> 199 </div>
190 </div> 200 </div>
191 201
192 </div> 202 </div>
193 203
194 @endsection 204 @endsection
195 <script> 205 <script>
196 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip]')) 206 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip]'))
197 var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl){ 207 var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl){
198 208
199 }) 209 })
200 </script> 210 </script>
201 @push('js') 211 @push('js')
202 @include('backend.home.datatable-js') 212 @include('backend.home.datatable-js')
203 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script> 213 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script>
204 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script> 214 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script>
205 <script> 215 <script>
206 function myFunction() { 216 function myFunction() {
207 var dots = document.getElementById("dots"); 217 var dots = document.getElementById("dots");
208 var moreText = document.getElementById("more"); 218 var moreText = document.getElementById("more");
209 var btnText = document.getElementById("myBtn"); 219 var btnText = document.getElementById("myBtn");
210 220
211 if (dots.style.display === "none") { 221 if (dots.style.display === "none") {
212 dots.style.display = "inline"; 222 dots.style.display = "inline";
213 btnText.innerHTML = "Read more"; 223 btnText.innerHTML = "Read more";
214 moreText.style.display = "none"; 224 moreText.style.display = "none";
215 } else { 225 } else {
216 dots.style.display = "none"; 226 dots.style.display = "none";
217 btnText.innerHTML = "Read less"; 227 btnText.innerHTML = "Read less";
218 moreText.style.display = "inline"; 228 moreText.style.display = "inline";
219 } 229 }
220 } 230 }
221 </script> 231 </script>
222 232
223 @endpush 233 @endpush
224 @push('css') 234 @push('css')
225 @include('backend.home.datatable-css') 235 @include('backend.home.datatable-css')
226 236
227 @endpush 237 @endpush
228 238
229 239
230 240
231 241
resources/views/backend/art-frontend/index.blade.php
Diff comments   View file @ 8398d76
1 @extends('backend.home.index') 1 @extends('backend.home.index')
2 @push('title', $halaman->nama) 2 @push('title', $halaman->nama)
3 @push('header', $halaman->nama) 3 @push('header', $halaman->nama)
4 @push('tombol') 4 @push('tombol')
5 <a href="#tambah" class="btn btn-sm btn-primary tambah"> 5 <a href="#tambah" class="btn btn-sm btn-primary tambah">
6 Tambah <i class="fa fa-plus-circle"></i> 6 Tambah <i class="fa fa-plus-circle"></i>
7 </a> 7 </a>
8 @endpush 8 @endpush
9 @section('content') 9 @section('content')
10 <div class="panel-container show container-fluid col"> 10 <div class="panel-container show container-fluid col">
11 11
12 <div class="panel-content"> 12 <div class="panel-content">
13 13
14 14
15 </div> 15 </div>
16 </div> 16 </div>
17 17
18 <!-- Format Baru --> 18 <!-- Format Baru -->
19 19
20 <style> 20 <style>
21 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); 21 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
22 22
23 * { 23 * {
24 padding: 0; 24 padding: 0;
25 margin: 0; 25 margin: 0;
26 box-sizing: border-box; 26 box-sizing: border-box;
27 font-family: 'Poppins', sans-serif 27 font-family: 'Poppins', sans-serif
28 } 28 }
29 29
30 .container { 30 .container {
31 padding: 20px 31 padding: 20px
32 } 32 }
33 33
34 img { 34 img {
35 height: 170px; 35 height: 170px;
36 width: 100%; 36 width: 100%;
37 object-fit: cover 37 object-fit: cover
38 } 38 }
39 39
40 .bg-org { 40 .bg-org {
41 text-transform: uppercase; 41 text-transform: uppercase;
42 cursor: pointer; 42 cursor: pointer;
43 border-radius: 3px; 43 border-radius: 3px;
44 background-color: #eca726; 44 background-color: #eca726;
45 color: white; 45 color: white;
46 font-weight: 800; 46 font-weight: 800;
47 font-size: 14px; 47 font-size: 14px;
48 display: flex; 48 display: flex;
49 align-items: center; 49 align-items: center;
50 justify-content: center; 50 justify-content: center;
51 padding: 3px 20px 51 padding: 3px 20px
52 } 52 }
53 53
54 .bg-org:hover { 54 .bg-org:hover {
55 background-color: #eec67c 55 background-color: #eec67c
56 } 56 }
57 57
58 .bg-blue { 58 .bg-blue {
59 text-transform: uppercase; 59 text-transform: uppercase;
60 cursor: pointer; 60 cursor: pointer;
61 border-radius: 3px; 61 border-radius: 3px;
62 background-color: #414df0; 62 background-color: #414df0;
63 color: white; 63 color: white;
64 font-weight: 800; 64 font-weight: 800;
65 font-size: 14px; 65 font-size: 14px;
66 display: flex; 66 display: flex;
67 align-items: center; 67 align-items: center;
68 justify-content: center; 68 justify-content: center;
69 padding: 3px 20px 69 padding: 3px 20px
70 } 70 }
71 71
72 .bg-blue:hover { 72 .bg-blue:hover {
73 background-color: #abb0f5 73 background-color: #abb0f5
74 } 74 }
75 75
76 .bg-vio { 76 .bg-vio {
77 text-transform: uppercase; 77 text-transform: uppercase;
78 cursor: pointer; 78 cursor: pointer;
79 border-radius: 3px; 79 border-radius: 3px;
80 background-color: #b005ff; 80 background-color: #b005ff;
81 color: white; 81 color: white;
82 font-weight: 800; 82 font-weight: 800;
83 font-size: 14px; 83 font-size: 14px;
84 display: flex; 84 display: flex;
85 align-items: center; 85 align-items: center;
86 justify-content: center; 86 justify-content: center;
87 padding: 3px 20px 87 padding: 3px 20px
88 } 88 }
89 89
90 .bg-vio:hover { 90 .bg-vio:hover {
91 background-color: #ce89ee 91 background-color: #ce89ee
92 } 92 }
93 93
94 .bg-green { 94 .bg-green {
95 background-color: #27e727; 95 background-color: #27e727;
96 border-radius: 10%; 96 border-radius: 10%;
97 color: white; 97 color: white;
98 font-size: 14px; 98 font-size: 14px;
99 display: flex; 99 display: flex;
100 align-items: center; 100 align-items: center;
101 justify-content: center; 101 justify-content: center;
102 padding: 1px 4px 102 padding: 1px 4px
103 } 103 }
104 104
105 .bg-orgn { 105 .bg-orgn {
106 background-color: #eca726; 106 background-color: #eca726;
107 border-radius: 10%; 107 border-radius: 10%;
108 color: white; 108 color: white;
109 font-size: 14px; 109 font-size: 14px;
110 display: flex; 110 display: flex;
111 align-items: center; 111 align-items: center;
112 justify-content: center; 112 justify-content: center;
113 padding: 1px 4px 113 padding: 1px 4px
114 } 114 }
115 115
116 .bg-blu { 116 .bg-blu {
117 background-color: #414df0; 117 background-color: #414df0;
118 border-radius: 10%; 118 border-radius: 10%;
119 color: white; 119 color: white;
120 font-size: 14px; 120 font-size: 14px;
121 display: flex; 121 display: flex;
122 align-items: center; 122 align-items: center;
123 justify-content: center; 123 justify-content: center;
124 padding: 1px 4px 124 padding: 1px 4px
125 } 125 }
126 126
127 .bg-violet { 127 .bg-violet {
128 background-color: #b005ff; 128 background-color: #b005ff;
129 border-radius: 10%; 129 border-radius: 10%;
130 color: white; 130 color: white;
131 font-size: 14px; 131 font-size: 14px;
132 display: flex; 132 display: flex;
133 align-items: center; 133 align-items: center;
134 justify-content: center; 134 justify-content: center;
135 padding: 1px 4px 135 padding: 1px 4px
136 } 136 }
137 137
138 .text-muted { 138 .text-muted {
139 font-size: 14px 139 font-size: 14px
140 } 140 }
141 141
142 .fs5 { 142 .fs5 {
143 line-height: 20px; 143 line-height: 20px;
144 font-size: 16px 144 font-size: 16px
145 } 145 }
146 146
147 .items { 147 .items {
148 font-size: 15px; 148 font-size: 15px;
149 background-color: black; 149 background-color: black;
150 color: white; 150 color: white;
151 margin: 3px 3px; 151 margin: 3px 3px;
152 padding: 4px 10px; 152 padding: 4px 10px;
153 text-decoration: none; 153 text-decoration: none;
154 border: 1px solid #ddd 154 border: 1px solid #ddd
155 } 155 }
156 156
157 .items:hover { 157 .items:hover {
158 background-color: #fcf7f7; 158 background-color: #fcf7f7;
159 color: black; 159 color: black;
160 transition: background-color .8s 160 transition: background-color .8s
161 } 161 }
162 </style> 162 </style>
163 163
164 164
165 <div class="container"> 165 <div class="container">
166 <div class="row"> 166 <div class="row">
167 @foreach($frontend as $frontall) 167 @foreach($frontend as $frontall)
168 <div class="col-lg-8 order-lg-0 order-2"> 168 <div class="col-lg-12 order-lg-0 order-2">
169 <div class="row"> 169 <div class="row">
170 <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div> 170 <div class="col-md-2 mb-2"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
171 <div class="col-md-8 mb-4"> 171 <div class="col-md-8 mb-4">
172 <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-red">Frontend</a> <span class="text-muted ps-4"> {!! $frontall->created_at !!}</span> </div> 172 <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-org">Frontend</a> <span class="text-muted ps-4"> &nbsp; {!! $frontall->created_at !!}</span> </div>
173 <div> 173 <div>
174 <p class="text-capitalize fs5 my-3 fw-bolder">{!! $frontall->judul !!}</a> 174 <p class="text-capitalize fs5 my-3 fw-bolder">{!! $frontall->judul !!}</p>
175 <p class="text-muted">{!! Str::limit($frontall->konten, 100) !!} 175 <p class="text-muted">{!! Str::limit($frontall->konten, 100,'') !!}
176 176
177 @if (strlen($frontall->konten) > 100) 177 @if (strlen($frontall->konten) > 100)
178 <span id="dots">...</span> 178 <span id="dots">...</span>
179 <span id="more">{{ substr($frontall->konten, 100)}} </span> 179 <span id="more">{!! substr($frontall->konten, 100)!!} </span>
180 @endif 180 @endif
181 </a> 181 </p>
182 182 <button class="btn btn-xs btn-info" onclick="myFunction()" id="myBtn">Readmore</button>
183
184 <small onclick="myFunction()" id="myBtn"><span><u>Readmore</u></span></small>
185 </div> 183 </div>
186 </div> 184 </div>
187 </div> 185 </div>
188 </div> 186 </div>
189 @endforeach 187 @endforeach
190 </div> 188 </div>
191 </div> 189 </div>
192 190
193 191
194 192
195 193
196 </section> 194 </section>
197 </div> 195 </div>
198 </div> 196 </div>
199 197
200 </div> 198 </div>
201 199
202 @endsection 200 @endsection
203 <script> 201 <script>
204 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip]')) 202 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip]'))
205 var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl){ 203 var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl){
206 204
207 }) 205 })
208 </script> 206 </script>
209 @push('js') 207 @push('js')
210 @include('backend.home.datatable-js') 208 @include('backend.home.datatable-js')
211 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script> 209 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script>
212 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script> 210 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script>
213 <script> 211 <script>
214 function myFunction() { 212 function myFunction() {
215 var dots = document.getElementById("dots"); 213 var dots = document.getElementById("dots");
216 var moreText = document.getElementById("more"); 214 var moreText = document.getElementById("more");
217 var btnText = document.getElementById("myBtn"); 215 var btnText = document.getElementById("myBtn");
218 216
219 if (dots.style.display === "none") { 217 if (dots.style.display === "none") {
220 dots.style.display = "inline"; 218 dots.style.display = "inline";
221 btnText.innerHTML = "Read more"; 219 btnText.innerHTML = "Read more";
222 moreText.style.display = "none"; 220 moreText.style.display = "none";
223 } else { 221 } else {
224 dots.style.display = "none"; 222 dots.style.display = "none";
225 btnText.innerHTML = "Read less"; 223 btnText.innerHTML = "Read less";
226 moreText.style.display = "inline"; 224 moreText.style.display = "inline";
227 } 225 }
228 } 226 }
229 </script> 227 </script>
230 228
231 @endpush 229 @endpush
232 @push('css') 230 @push('css')
233 @include('backend.home.datatable-css') 231 @include('backend.home.datatable-css')
234 232
235 @endpush 233 @endpush
236 234
237 235
238 236
239 237
resources/views/backend/art-frontend/jquery.blade.php
Diff comments   View file @ 8398d76
1 $(document).ready(function(){ 1 $(document).ready(function(){
2 $('.tambah').click(function(){ 2 $('.tambah').click(function(){
3 ojisatrianiLoadingFadeIn(); 3 ojisatrianiLoadingFadeIn();
4 $.loadmodal({ 4 $.loadmodal({
5 url: "{{ url($url_admin.'/art-eoffice/create') }}", 5 url: "{{ url($url_admin.'/art-frontend/create') }}",
6 id: 'responsive', 6 id: 'responsive',
7 dlgClass: 'fade', 7 dlgClass: 'fade',
8 bgClass: 'primary', 8 bgClass: 'primary',
9 title: 'Tambah', 9 title: 'Tambah',
10 width: 'whatever', 10 width: 'whatever',
11 modal: { 11 modal: {
12 keyboard: true, 12 keyboard: true,
13 // any other options from the regular $().modal call (see Bootstrap docs) 13 // any other options from the regular $().modal call (see Bootstrap docs)
14 }, 14 },
15 ajax: { 15 ajax: {
16 dataType: 'html', 16 dataType: 'html',
17 method: 'GET', 17 method: 'GET',
18 success: function(data, status, xhr){ 18 success: function(data, status, xhr){
19 ojisatrianiLoadingFadeOut(); 19 ojisatrianiLoadingFadeOut();
20 }, 20 },
21 21
22 }, 22 },
23 }); 23 });
24 }); 24 });
25 25
26 $(document).on("click",".ubah",function() { 26 $(document).on("click",".ubah",function() {
27 ojisatrianiLoadingFadeIn(); 27 ojisatrianiLoadingFadeIn();
28 var id = $(this).attr('art-eoffiice-id'); 28 var id = $(this).attr('art-frontend-id');
29 $.loadmodal({ 29 $.loadmodal({
30 url: "{{ url($url_admin.'/art-eoffice') }}/"+ id +"/edit", 30 url: "{{ url($url_admin.'/art-frontend') }}/"+ id +"/edit",
31 id: 'responsive', 31 id: 'responsive',
32 dlgClass: 'fade', 32 dlgClass: 'fade',
33 bgClass: 'warning', 33 bgClass: 'warning',
34 title: 'Ubah', 34 title: 'Ubah',
35 width: 'whatever', 35 width: 'whatever',
36 modal: { 36 modal: {
37 keyboard: true, 37 keyboard: true,
38 // any other options from the regular $().modal call (see Bootstrap docs) 38 // any other options from the regular $().modal call (see Bootstrap docs)
39 }, 39 },
40 ajax: { 40 ajax: {
41 dataType: 'html', 41 dataType: 'html',
42 method: 'GET', 42 method: 'GET',
43 success: function(data, status, xhr){ 43 success: function(data, status, xhr){
44 ojisatrianiLoadingFadeOut(); 44 ojisatrianiLoadingFadeOut();
45 }, 45 },
46 }, 46 },
47 }); 47 });
48 }); 48 });
49 49
50 $(document).on("click",".hapus",function() { 50 $(document).on("click",".hapus",function() {
51 ojisatrianiLoadingFadeIn(); 51 ojisatrianiLoadingFadeIn();
52 var id = $(this).attr('art-eoffiice-id'); 52 var id = $(this).attr('art-frontend-id');
53 $.loadmodal({ 53 $.loadmodal({
54 url: "{{ url($url_admin.'/art-eoffice') }}/hapus/"+ id, 54 url: "{{ url($url_admin.'/art-frontend') }}/hapus/"+ id,
55 id: 'responsive', 55 id: 'responsive',
56 dlgClass: 'fade', 56 dlgClass: 'fade',
57 bgClass: 'danger', 57 bgClass: 'danger',
58 title: 'Hapus', 58 title: 'Hapus',
59 width: 'whatever', 59 width: 'whatever',
60 modal: { 60 modal: {
61 keyboard: true, 61 keyboard: true,
62 // any other options from the regular $().modal call (see Bootstrap docs) 62 // any other options from the regular $().modal call (see Bootstrap docs)
63 //$('#uraian').val(id), 63 //$('#uraian').val(id),
64 }, 64 },
65 ajax: { 65 ajax: {
66 dataType: 'html', 66 dataType: 'html',
67 method: 'GET', 67 method: 'GET',
68 success: function(data, status, xhr){ 68 success: function(data, status, xhr){
69 ojisatrianiLoadingFadeOut(); 69 ojisatrianiLoadingFadeOut();
70 }, 70 },
71 }, 71 },
72 }); 72 });
73 }); 73 });
74 74
75 }); 75 });
76 76
77
78
resources/views/backend/art-frontend/tambah.blade copy.php
Diff comments   View file @ 8398d76
1 {!! Form::open(array('id' => 'frmOji', 'route' => ['artikelEoffice.store'], 'class' => 'form account-form', 'method' => 'post' )) !!} 1 {!! Form::open(array('id' => 'frmOji', 'route' => ['artikelFrontend.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
2 <div class="row"> 2 <div class="row">
3 <div class="col-md-12"> 3 <div class="col-md-12">
4 <!-- <p> 4 <!-- <p>
5 {!! Form::label('Id', 'ID', array('class' => 'col-md-12 control-label')) !!} 5 {!! Form::label('Id', 'ID', array('class' => 'col-md-12 control-label')) !!}
6 {!! Form::text('id', NULL, array('id' => 'id', 'class' => 'form-control', 'placeholder' => 'Identitas')) !!} 6 {!! Form::text('id', NULL, array('id' => 'id', 'class' => 'form-control', 'placeholder' => 'Identitas')) !!}
7 </p> --> 7 </p> -->
8 8
9 <!-- <p> 9 <!-- <p>
10 {!! Form::label('Kategori Artikel', 'Kategori Artikel', array('class' => 'col-md-6 control-label')) !!} 10 {!! Form::label('Kategori Artikel', 'Kategori Artikel', array('class' => 'col-md-6 control-label')) !!}
11 {!! Form::select('katartikel_id', array( ), NULL, array('id' => 'katartikel_id', 'class' => 'form-control')) !!} 11 {!! Form::select('katartikel_id', array( ), NULL, array('id' => 'katartikel_id', 'class' => 'form-control')) !!}
12 </p> 12 </p>
13 --> 13 -->
14 14
15 <p> 15 <p>
16 {!! Form::label('Judul', 'Judul', array('class' => 'col-md-12 control-label')) !!} 16 {!! Form::label('Judul', 'Judul', array('class' => 'col-md-12 control-label')) !!}
17 {!! Form::text('judul', NULL, array('id' => 'judul', 'class' => 'form-control', 'placeholder' => 'Judul Artikel')) !!} 17 {!! Form::text('judul', NULL, array('id' => 'judul', 'class' => 'form-control', 'placeholder' => 'Judul Artikel')) !!}
18 </p> 18 </p>
19 <p> 19 <p>
20 {!! Form::label('Konten', 'Konten', array('class' => 'col-md-12 control-label')) !!} 20 {!! Form::label('Konten', 'Konten', array('class' => 'col-md-12 control-label')) !!}
21 {!! Form::textarea('konten', NULL, array('id' => 'konten', 'class' => 'form-control', 'rows' => '30' , 'placeholder' => 'Konten')) !!} 21 {!! Form::textarea('konten', NULL, array('id' => 'konten', 'class' => 'form-control', 'rows' => '30' , 'placeholder' => 'Konten')) !!}
22 </p> 22 </p>
23 <script> 23 <script>
24 $(document).ready(function() { 24 $(document).ready(function() {
25 $('#konten').summernote(); 25 $('#konten').summernote();
26 }); 26 });
27 var konten = $('#konten').summernote() 27 var konten = $('#konten').summernote()
28 </script> 28 </script>
29 <!-- <p> 29 <!-- <p>
30 {!! Form::label('User', 'User', array('class' => 'col-md-12 control-label')) !!} 30 {!! Form::label('User', 'User', array('class' => 'col-md-12 control-label')) !!}
31 {!! Form::text('user_id', NULL, array('id' => 'user_id', 'class' => 'form-control', 'placeholder' => 'Kategori Dokumen')) !!} 31 {!! Form::text('user_id', NULL, array('id' => 'user_id', 'class' => 'form-control', 'placeholder' => 'Kategori Dokumen')) !!}
32 </p> --> 32 </p> -->
33 {!! Form::hidden('table-list', 'datatable', array('id' => 'table-list')) !!} 33 {!! Form::hidden('table-list', 'datatable', array('id' => 'table-list')) !!}
34 </div> 34 </div>
35 <div class="row"> 35 <div class="row">
36 <div class="col-md-12"> 36 <div class="col-md-12">
37 <span class="pesan"></span> 37 <span class="pesan"></span>
38 <div id="output"></div> 38 <div id="output"></div>
39 <div class="progress"> 39 <div class="progress">
40 <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> 40 <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
41 <div id="statustxt">0%</div> 41 <div id="statustxt">0%</div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 </div> 45 </div>
46 {!! Form::close() !!} 46 {!! Form::close() !!}
47 <script src="{{ URL::asset('resources/vendor/jquery/jquery.form.js') }}"></script> 47 <script src="{{ URL::asset('resources/vendor/jquery/jquery.form.js') }}"></script>
48 <script src="{{ URL::asset('ojisatriani/home/ajax_progress.js') }}"></script> 48 <script src="{{ URL::asset('ojisatriani/home/ajax_progress.js') }}"></script>
49 <!-- include summernote css/js --> 49 <!-- include summernote css/js -->
50 <link href="{{ URL::asset('resources/summernote/summernote.min.css') }}" rel="stylesheet"> 50 <link href="{{ URL::asset('resources/summernote/summernote.min.css') }}" rel="stylesheet">
51 <script src="{{ URL::asset('resources/summernote/summernote.js') }}"></script> 51 <script src="{{ URL::asset('resources/summernote/summernote.js') }}"></script>
52 <!-- <link href="{{ asset('ckeditor/plugins/codesnippet/lib/highlight/styles/default.css') }}" rel="stylesheet"> --> 52 <!-- <link href="{{ asset('ckeditor/plugins/codesnippet/lib/highlight/styles/default.css') }}" rel="stylesheet"> -->
53 53
54 54
55 55
56 56
resources/views/backend/art-frontend/tambah.blade.php
Diff comments   View file @ 8398d76
1 {!! Form::open(array('id' => 'frmOji', 'route' => ['art-eoffice.store'], 'class' => 'form account-form', 'method' => 'post' )) !!} 1 {!! Form::open(array('id' => 'frmOji', 'route' => ['art-frontend.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
2 <div class="row"> 2 <div class="row">
3 <div class="col-md-12"> 3 <div class="col-md-12">
4 <!-- <p> 4 <!-- <p>
5 {!! Form::label('Id', 'ID', array('class' => 'col-md-12 control-label')) !!} 5 {!! Form::label('Id', 'ID', array('class' => 'col-md-12 control-label')) !!}
6 {!! Form::text('id', NULL, array('id' => 'id', 'class' => 'form-control', 'placeholder' => 'Identitas')) !!} 6 {!! Form::text('id', NULL, array('id' => 'id', 'class' => 'form-control', 'placeholder' => 'Identitas')) !!}
7 </p> --> 7 </p> -->
8 8
9 <!-- <p> 9 <!-- <p>
10 {!! Form::label('Kategori Artikel', 'Kategori Artikel', array('class' => 'col-md-6 control-label')) !!} 10 {!! Form::label('Kategori Artikel', 'Kategori Artikel', array('class' => 'col-md-6 control-label')) !!}
11 {!! Form::select('katartikel_id', array( ), NULL, array('id' => 'katartikel_id', 'class' => 'form-control')) !!} 11 {!! Form::select('katartikel_id', array( ), NULL, array('id' => 'katartikel_id', 'class' => 'form-control')) !!}
12 </p> 12 </p>
13 --> 13 -->
14 14
15 <p> 15 <p>
16 {!! Form::label('Judul', 'Judul', array('class' => 'col-md-12 control-label')) !!} 16 {!! Form::label('Judul', 'Judul', array('class' => 'col-md-12 control-label')) !!}
17 {!! Form::text('judul', NULL, array('id' => 'judul', 'class' => 'form-control', 'placeholder' => 'Judul Artikel')) !!} 17 {!! Form::text('judul', NULL, array('id' => 'judul', 'class' => 'form-control', 'placeholder' => 'Judul Artikel')) !!}
18 </p> 18 </p>
19 <p> 19 <p>
20 {!! Form::label('Konten', 'Konten', array('class' => 'col-md-12 control-label')) !!} 20 {!! Form::label('Konten', 'Konten', array('class' => 'col-md-12 control-label')) !!}
21 {!! Form::textarea('konten', NULL, array('id' => 'konten', 'class' => 'form-control', 'rows' => '30' , 'placeholder' => 'Konten')) !!} 21 {!! Form::textarea('konten', NULL, array('id' => 'konten', 'class' => 'form-control', 'rows' => '30' , 'placeholder' => 'Konten')) !!}
22 </p> 22 </p>
23 <script> 23 <script>
24 $(document).ready(function() { 24 $(document).ready(function() {
25 $('#konten').summernote(); 25 $('#konten').summernote();
26 }); 26 });
27 var konten = $('#konten').summernote() 27 var konten = $('#konten').summernote()
28 </script> 28 </script>
29 <!-- <p> 29 <!-- <p>
30 {!! Form::label('User', 'User', array('class' => 'col-md-12 control-label')) !!} 30 {!! Form::label('User', 'User', array('class' => 'col-md-12 control-label')) !!}
31 {!! Form::text('user_id', NULL, array('id' => 'user_id', 'class' => 'form-control', 'placeholder' => 'Kategori Dokumen')) !!} 31 {!! Form::text('user_id', NULL, array('id' => 'user_id', 'class' => 'form-control', 'placeholder' => 'Kategori Dokumen')) !!}
32 </p> --> 32 </p> -->
33 <!-- {!! Form::hidden('table-list', 'datatable', array('id' => 'table-list')) !!} --> 33 <!-- {!! Form::hidden('table-list', 'datatable', array('id' => 'table-list')) !!} -->
34 </div> 34 </div>
35 <div class="row"> 35 <div class="row">
36 <div class="col-md-12"> 36 <div class="col-md-12">
37 <span class="pesan"></span> 37 <span class="pesan"></span>
38 <div id="output"></div> 38 <div id="output"></div>
39 <div class="progress"> 39 <div class="progress">
40 <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> 40 <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
41 <div id="statustxt">0%</div> 41 <div id="statustxt">0%</div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 </div> 45 </div>
46 {!! Form::close() !!} 46 {!! Form::close() !!}
47 <script src="{{ URL::asset('resources/vendor/jquery/jquery.form.js') }}"></script> 47 <script src="{{ URL::asset('resources/vendor/jquery/jquery.form.js') }}"></script>
48 <script src="{{ URL::asset('ojisatriani/home/ajax_progress.js') }}"></script> 48 <script src="{{ URL::asset('ojisatriani/home/ajax_progress.js') }}"></script>
49 <!-- include summernote css/js --> 49 <!-- include summernote css/js -->
50 <link href="{{ URL::asset('resources/summernote/summernote.min.css') }}" rel="stylesheet"> 50 <link href="{{ URL::asset('resources/summernote/summernote.min.css') }}" rel="stylesheet">
51 <script src="{{ URL::asset('resources/summernote/summernote.js') }}"></script> 51 <script src="{{ URL::asset('resources/summernote/summernote.js') }}"></script>
52 <!-- <link href="{{ asset('ckeditor/plugins/codesnippet/lib/highlight/styles/default.css') }}" rel="stylesheet"> --> 52 <!-- <link href="{{ asset('ckeditor/plugins/codesnippet/lib/highlight/styles/default.css') }}" rel="stylesheet"> -->
53 53
54 54
55 55
56 56
resources/views/backend/art-laravel/index.blade.php
Diff comments   View file @ 8398d76
1 @extends('backend.home.index') 1 @extends('backend.home.index')
2 @push('title', $halaman->nama) 2 @push('title', $halaman->nama)
3 @push('header', $halaman->nama) 3 @push('header', $halaman->nama)
4 @push('tombol') 4 @push('tombol')
5 <a href="#tambah" class="btn btn-sm btn-primary tambah"> 5 <a href="#tambah" class="btn btn-sm btn-primary tambah">
6 Tambah <i class="fa fa-plus-circle"></i> 6 Tambah <i class="fa fa-plus-circle"></i>
7 </a> 7 </a>
8 @endpush 8 @endpush
9 @section('content') 9 @section('content')
10 <div class="panel-container show container-fluid col"> 10 <div class="panel-container show container-fluid col">
11 11
12 <div class="panel-content"> 12 <div class="panel-content">
13 13
14 14
15 </div> 15 </div>
16 </div> 16 </div>
17 17
18 <!-- Format Baru --> 18 <!-- Format Baru -->
19 19
20 <style> 20 <style>
21 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); 21 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
22 22
23 * { 23 * {
24 padding: 0; 24 padding: 0;
25 margin: 0; 25 margin: 0;
26 box-sizing: border-box; 26 box-sizing: border-box;
27 font-family: 'Poppins', sans-serif 27 font-family: 'Poppins', sans-serif
28 } 28 }
29 29
30 .container { 30 .container {
31 padding: 20px 31 padding: 20px
32 } 32 }
33 33
34 img { 34 img {
35 height: 170px; 35 height: 170px;
36 width: 100%; 36 width: 100%;
37 object-fit: cover 37 object-fit: cover
38 } 38 }
39 39
40 .bg-org { 40 .bg-org {
41 text-transform: uppercase; 41 text-transform: uppercase;
42 cursor: pointer; 42 cursor: pointer;
43 border-radius: 3px; 43 border-radius: 3px;
44 background-color: #eca726; 44 background-color: #eca726;
45 color: white; 45 color: white;
46 font-weight: 800; 46 font-weight: 800;
47 font-size: 14px; 47 font-size: 14px;
48 display: flex; 48 display: flex;
49 align-items: center; 49 align-items: center;
50 justify-content: center; 50 justify-content: center;
51 padding: 3px 20px 51 padding: 3px 20px
52 } 52 }
53 53
54 .bg-org:hover { 54 .bg-org:hover {
55 background-color: #eec67c 55 background-color: #eec67c
56 } 56 }
57 57
58 .bg-blue { 58 .bg-blue {
59 text-transform: uppercase; 59 text-transform: uppercase;
60 cursor: pointer; 60 cursor: pointer;
61 border-radius: 3px; 61 border-radius: 3px;
62 background-color: #414df0; 62 background-color: #414df0;
63 color: white; 63 color: white;
64 font-weight: 800; 64 font-weight: 800;
65 font-size: 14px; 65 font-size: 14px;
66 display: flex; 66 display: flex;
67 align-items: center; 67 align-items: center;
68 justify-content: center; 68 justify-content: center;
69 padding: 3px 20px 69 padding: 3px 20px
70 } 70 }
71 71
72 .bg-blue:hover { 72 .bg-blue:hover {
73 background-color: #abb0f5 73 background-color: #abb0f5
74 } 74 }
75 75
76 .bg-vio { 76 .bg-vio {
77 text-transform: uppercase; 77 text-transform: uppercase;
78 cursor: pointer; 78 cursor: pointer;
79 border-radius: 3px; 79 border-radius: 3px;
80 background-color: #b005ff; 80 background-color: #b005ff;
81 color: white; 81 color: white;
82 font-weight: 800; 82 font-weight: 800;
83 font-size: 14px; 83 font-size: 14px;
84 display: flex; 84 display: flex;
85 align-items: center; 85 align-items: center;
86 justify-content: center; 86 justify-content: center;
87 padding: 3px 20px 87 padding: 3px 20px
88 } 88 }
89 89
90 .bg-vio:hover { 90 .bg-vio:hover {
91 background-color: #ce89ee 91 background-color: #ce89ee
92 } 92 }
93 93
94 .bg-green { 94 .bg-green {
95 background-color: #27e727; 95 background-color: #27e727;
96 border-radius: 10%; 96 border-radius: 10%;
97 color: white; 97 color: white;
98 font-size: 14px; 98 font-size: 14px;
99 display: flex; 99 display: flex;
100 align-items: center; 100 align-items: center;
101 justify-content: center; 101 justify-content: center;
102 padding: 1px 4px 102 padding: 1px 4px
103 } 103 }
104 104
105 .bg-orgn { 105 .bg-orgn {
106 background-color: #eca726; 106 background-color: #eca726;
107 border-radius: 10%; 107 border-radius: 10%;
108 color: white; 108 color: white;
109 font-size: 14px; 109 font-size: 14px;
110 display: flex; 110 display: flex;
111 align-items: center; 111 align-items: center;
112 justify-content: center; 112 justify-content: center;
113 padding: 1px 4px 113 padding: 1px 4px
114 } 114 }
115 115
116 .bg-blu { 116 .bg-blu {
117 background-color: #414df0; 117 background-color: #414df0;
118 border-radius: 10%; 118 border-radius: 10%;
119 color: white; 119 color: white;
120 font-size: 14px; 120 font-size: 14px;
121 display: flex; 121 display: flex;
122 align-items: center; 122 align-items: center;
123 justify-content: center; 123 justify-content: center;
124 padding: 1px 4px 124 padding: 1px 4px
125 } 125 }
126 126
127 .bg-violet { 127 .bg-violet {
128 background-color: #b005ff; 128 background-color: #b005ff;
129 border-radius: 10%; 129 border-radius: 10%;
130 color: white; 130 color: white;
131 font-size: 14px; 131 font-size: 14px;
132 display: flex; 132 display: flex;
133 align-items: center; 133 align-items: center;
134 justify-content: center; 134 justify-content: center;
135 padding: 1px 4px 135 padding: 1px 4px
136 } 136 }
137 137
138 .text-muted { 138 .text-muted {
139 font-size: 14px 139 font-size: 14px
140 } 140 }
141 141
142 .fs5 { 142 .fs5 {
143 line-height: 20px; 143 line-height: 20px;
144 font-size: 16px 144 font-size: 16px
145 } 145 }
146 146
147 .items { 147 .items {
148 font-size: 15px; 148 font-size: 15px;
149 background-color: black; 149 background-color: black;
150 color: white; 150 color: white;
151 margin: 3px 3px; 151 margin: 3px 3px;
152 padding: 4px 10px; 152 padding: 4px 10px;
153 text-decoration: none; 153 text-decoration: none;
154 border: 1px solid #ddd 154 border: 1px solid #ddd
155 } 155 }
156 156
157 .items:hover { 157 .items:hover {
158 background-color: #fcf7f7; 158 background-color: #fcf7f7;
159 color: black; 159 color: black;
160 transition: background-color .8s 160 transition: background-color .8s
161 } 161 }
162
163 #more {
164 display: none;
165 }
162 </style> 166 </style>
163 167
164 168
165 <div class="container"> 169 <div class="container">
166 <div class="row"> 170 <div class="row">
167 @foreach($laravel as $lavall) 171 @foreach($laravel as $lavall)
168 <div class="col-lg-8 order-lg-0 order-2"> 172 <div class="col-lg-8 order-lg-0 order-2">
169 <div class="row"> 173 <div class="row">
170 <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div> 174 <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/2657669/pexels-photo-2657669.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
171 <div class="col-md-8 mb-4"> 175 <div class="col-md-8 mb-4">
172 <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-green">Laravel</a> <span class="text-muted ps-4"> {!! $lavall->created_at !!}</span> </div> 176 <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-green">Laravel</a> <span class="text-muted ps-4"> {!! $lavall->created_at !!}</span> </div>
173 <div> 177 <div>
174 <p class="text-capitalize fs5 my-3 fw-bolder">{!! $lavall->judul !!}</a> 178 <p class="text-capitalize fs5 my-3 fw-bolder">{!! $lavall->judul !!}</a>
175 <p class="text-muted">{!! Str::limit($lavall->konten, 100) !!} 179 <p class="text-muted">{!! Str::limit($lavall->konten, 100) !!}
176 180
177 @if (strlen($lavall->konten) > 100) 181 @if (strlen($lavall->konten) > 100)
178 <span id="dots">...</span> 182 <span id="dots">...</span>
179 <span id="more">{{ substr($lavall->konten, 100)}} </span> 183 <span id="more">{!! substr($lavall->konten, 100) !!} </span>
180 @endif 184 @endif
181 </a> 185 </a>
182 186
183 187
184 <small onclick="myFunction()" id="myBtn"><span><u>Readmore</u></span></small> 188 <button class="btn btn-sm btn-info" onclick="myFunction()" id="myBtn">Readmore</button>
185 </div> 189 </div>
186 </div> 190 </div>
187 </div> 191 </div>
188 </div> 192 </div>
189 @endforeach 193 @endforeach
190 </div> 194 </div>
191 </div> 195 </div>
192 196
193 197
194 198
195 199
196 </section> 200 </section>
197 </div> 201 </div>
198 </div> 202 </div>
199 203
200 </div> 204 </div>
201 205
202 @endsection 206 @endsection
203 <script> 207 <script>
204 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip]')) 208 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip]'))
205 var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl){ 209 var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl){
206 210
207 }) 211 })
208 </script> 212 </script>
209 @push('js') 213 @push('js')
210 @include('backend.home.datatable-js') 214 @include('backend.home.datatable-js')
211 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script> 215 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script>
212 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script> 216 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script>
213 <script> 217 <script>
214 function myFunction() { 218 function myFunction() {
215 var dots = document.getElementById("dots"); 219 var dots = document.getElementById("dots");
216 var moreText = document.getElementById("more"); 220 var moreText = document.getElementById("more");
217 var btnText = document.getElementById("myBtn"); 221 var btnText = document.getElementById("myBtn");
218 222
219 if (dots.style.display === "none") { 223 if (dots.style.display === "none") {
220 dots.style.display = "inline"; 224 dots.style.display = "inline";
221 btnText.innerHTML = "Read more"; 225 btnText.innerHTML = "Read more";
222 moreText.style.display = "none"; 226 moreText.style.display = "none";
223 } else { 227 } else {
224 dots.style.display = "none"; 228 dots.style.display = "none";
225 btnText.innerHTML = "Read less"; 229 btnText.innerHTML = "Read less";
226 moreText.style.display = "inline"; 230 moreText.style.display = "inline";
227 } 231 }
228 } 232 }
229 </script> 233 </script>
230 234
231 @endpush 235 @endpush
232 @push('css') 236 @push('css')
233 @include('backend.home.datatable-css') 237 @include('backend.home.datatable-css')
234 238
235 @endpush 239 @endpush
236 240
237 241
238 242
239 243
resources/views/backend/art-laravel/tambah.blade.php
Diff comments   View file @ 8398d76
1 {!! Form::open(array('id' => 'frmOji', 'route' => ['art-eoffice.store'], 'class' => 'form account-form', 'method' => 'post' )) !!} 1 {!! Form::open(array('id' => 'frmOji', 'route' => ['art-laravel.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
2 <div class="row"> 2 <div class="row">
3 <div class="col-md-12"> 3 <div class="col-md-12">
4 <!-- <p> 4 <!-- <p>
5 {!! Form::label('Id', 'ID', array('class' => 'col-md-12 control-label')) !!} 5 {!! Form::label('Id', 'ID', array('class' => 'col-md-12 control-label')) !!}
6 {!! Form::text('id', NULL, array('id' => 'id', 'class' => 'form-control', 'placeholder' => 'Identitas')) !!} 6 {!! Form::text('id', NULL, array('id' => 'id', 'class' => 'form-control', 'placeholder' => 'Identitas')) !!}
7 </p> --> 7 </p> -->
8 8
9 <!-- <p> 9 <!-- <p>
10 {!! Form::label('Kategori Artikel', 'Kategori Artikel', array('class' => 'col-md-6 control-label')) !!} 10 {!! Form::label('Kategori Artikel', 'Kategori Artikel', array('class' => 'col-md-6 control-label')) !!}
11 {!! Form::select('katartikel_id', array( ), NULL, array('id' => 'katartikel_id', 'class' => 'form-control')) !!} 11 {!! Form::select('katartikel_id', array( ), NULL, array('id' => 'katartikel_id', 'class' => 'form-control')) !!}
12 </p> 12 </p>
13 --> 13 -->
14 14
15 <p> 15 <p>
16 {!! Form::label('Judul', 'Judul', array('class' => 'col-md-12 control-label')) !!} 16 {!! Form::label('Judul', 'Judul', array('class' => 'col-md-12 control-label')) !!}
17 {!! Form::text('judul', NULL, array('id' => 'judul', 'class' => 'form-control', 'placeholder' => 'Judul Artikel')) !!} 17 {!! Form::text('judul', NULL, array('id' => 'judul', 'class' => 'form-control', 'placeholder' => 'Judul Artikel')) !!}
18 </p> 18 </p>
19 <p> 19 <p>
20 {!! Form::label('Konten', 'Konten', array('class' => 'col-md-12 control-label')) !!} 20 {!! Form::label('Konten', 'Konten', array('class' => 'col-md-12 control-label')) !!}
21 {!! Form::textarea('konten', NULL, array('id' => 'konten', 'class' => 'form-control', 'rows' => '30' , 'placeholder' => 'Konten')) !!} 21 {!! Form::textarea('konten', NULL, array('id' => 'konten', 'class' => 'form-control', 'rows' => '30' , 'placeholder' => 'Konten')) !!}
22 </p> 22 </p>
23 <script> 23 <script>
24 $(document).ready(function() { 24 $(document).ready(function() {
25 $('#konten').summernote(); 25 $('#konten').summernote();
26 }); 26 });
27 var konten = $('#konten').summernote() 27 var konten = $('#konten').summernote()
28 </script> 28 </script>
29 <!-- <p> 29 <!-- <p>
30 {!! Form::label('User', 'User', array('class' => 'col-md-12 control-label')) !!} 30 {!! Form::label('User', 'User', array('class' => 'col-md-12 control-label')) !!}
31 {!! Form::text('user_id', NULL, array('id' => 'user_id', 'class' => 'form-control', 'placeholder' => 'Kategori Dokumen')) !!} 31 {!! Form::text('user_id', NULL, array('id' => 'user_id', 'class' => 'form-control', 'placeholder' => 'Kategori Dokumen')) !!}
32 </p> --> 32 </p> -->
33 <!-- {!! Form::hidden('table-list', 'datatable', array('id' => 'table-list')) !!} --> 33 <!-- {!! Form::hidden('table-list', 'datatable', array('id' => 'table-list')) !!} -->
34 </div> 34 </div>
35 <div class="row"> 35 <div class="row">
36 <div class="col-md-12"> 36 <div class="col-md-12">
37 <span class="pesan"></span> 37 <span class="pesan"></span>
38 <div id="output"></div> 38 <div id="output"></div>
39 <div class="progress"> 39 <div class="progress">
40 <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> 40 <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
41 <div id="statustxt">0%</div> 41 <div id="statustxt">0%</div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 </div> 45 </div>
46 {!! Form::close() !!} 46 {!! Form::close() !!}
47 <script src="{{ URL::asset('resources/vendor/jquery/jquery.form.js') }}"></script> 47 <script src="{{ URL::asset('resources/vendor/jquery/jquery.form.js') }}"></script>
48 <script src="{{ URL::asset('ojisatriani/home/ajax_progress.js') }}"></script> 48 <script src="{{ URL::asset('ojisatriani/home/ajax_progress.js') }}"></script>
49 <!-- include summernote css/js --> 49 <!-- include summernote css/js -->
50 <link href="{{ URL::asset('resources/summernote/summernote.min.css') }}" rel="stylesheet"> 50 <link href="{{ URL::asset('resources/summernote/summernote.min.css') }}" rel="stylesheet">
51 <script src="{{ URL::asset('resources/summernote/summernote.js') }}"></script> 51 <script src="{{ URL::asset('resources/summernote/summernote.js') }}"></script>
52 <!-- <link href="{{ asset('ckeditor/plugins/codesnippet/lib/highlight/styles/default.css') }}" rel="stylesheet"> --> 52 <!-- <link href="{{ asset('ckeditor/plugins/codesnippet/lib/highlight/styles/default.css') }}" rel="stylesheet"> -->
53 53
54 54
55 55
56 56
resources/views/backend/beranda/index.blade.php
Diff comments   View file @ 8398d76
1 @extends('backend.home.index') 1 @extends('backend.home.index')
2 @push('header','Beranda') 2 @push('header','Beranda')
3 @section('content') 3 @section('content')
4 <div class="panel-container show"> 4 <div class="panel-container show">
5 <div class="panel-content"> 5 <div class="panel-content">
6 Selamat datang admin 6 Selamat datang admin
7 </div> 7 </div>
8 </div> 8 </div>
9 9
10 <style>
11 .changecolour:hover
12 {
13 background-color:yellow;
14 }
15 </style>
16
10 <!-- SEARCH --> 17 <!-- SEARCH -->
11 <div class="container"> 18 <div class="container">
19 <div class="table table-hover">
12 <div class="row mt-3 mb-4"> 20 <div class="row mt-3 mb-4">
13 <div class="col-md-12 float-center translate-middle"> 21 <div class="col-md-12 float-center translate-middle border-primary">
14 <input class="form-control service text-center fs-1 lh-base font-monospace" list="datalistOptions" id="exampleDataList" placeholder="Ingin belajar apa hari ini .... "/> 22
15 23 <input class="form-control borderservice text-center fs-1 lh-base font-monospace" list="datalistOptions" id="exampleDataList" placeholder="Ingin belajar apa hari ini .... "/>
24
16 </div> 25 </div>
17 </div> 26 </div>
18 </div> 27 </div>
19 <!-- AKHIR SEARCH --> 28 <!-- AKHIR SEARCH -->
20 29
21 <div class="container"> 30 <div class="container">
22 <div class="row g-2 mb-4"> 31 <div class="row g-2 mb-4">
23 <div class="col-6"> 32 <div class="col-6">
24 <div class="p-3 border bg-light mt-2 mb-2 bg-dark">Document Knowledge</div> 33 <div class="p-3 border bg-light mt-2 mb-2">Document Knowledge</div>
25 34
26 <!-- baris satu--> 35 <!-- baris satu-->
27 <div class="row mt-2"> 36 <div class="row mt-2">
28 <div class="col-4"> 37 <div class="col-4">
29 <div class="p-3 gx-3"> 38 <span class='changecolor'>
30 <a href="{{ URL::asset($url_admin.'/search/') }}"> 39 <div class="p-3 gx-3 onmouseover= document.body.style.backgroundColor ='orange'">
40 <a href="{{ URL::asset($url_admin.'/search/') }}" >
31 <figure class="figure service text-center"> 41 <figure class="figure service text-center">
32 <div class="img-container"> 42 <div class="img-container">
33 <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="..."> 43 <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
34 <div class="overlay"></div> 44 <div class="overlay"></div>
35 </div> 45 </div>
36 <figcaption class="figure-caption"><em>&nbsp; Policies atau Kebijakan &nbsp; </em></figcaption> 46 <figcaption class="figure-caption"><em>&nbsp; Policies atau Kebijakan &nbsp; </em></figcaption>
37 </figure> 47 </figure>
38 </a> 48 </a>
39 </div> 49 </div>
50 </span>
40 </div> 51 </div>
41 52
42 <div class="col-4"> 53 <div class="col-4">
43 <div class="p-3 bg-dark gx-3"> 54 <div class="p-3 gx-3">
44 <a href="{{ URL::asset($url_admin.'/search/') }}"> 55 <a href="{{ URL::asset($url_admin.'/search/') }}">
45 <figure class="figure service text-center"> 56 <figure class="figure service text-center">
46 <div class="img-container"> 57 <div class="img-container">
47 <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="..."> 58 <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="...">
48 <div class="overlay"></div> 59 <div class="overlay"></div>
49 <div> 60 <div>
50 <figcaption class="figure-caption"><em> Output government process</em></figcaption> 61 <figcaption class="figure-caption"><em> Output government process</em></figcaption>
51 </figure> 62 </figure>
52 </a> 63 </a>
53 </div> 64 </div>
54 </div> 65 </div>
55 66
56 <div class="col-4"> 67 <div class="col-4">
57 <div class="p-3 border bg-light gx-3"> 68 <div class="p-3 bg-light gx-3">
58 <a href="{{ URL::asset($url_admin.'/search/') }}"> 69 <a href="{{ URL::asset($url_admin.'/search/') }}">
59 <figure class="figure service text-center"> 70 <figure class="figure service text-center">
60 <div class="img-container"> 71 <div class="img-container">
61 <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="..."> 72 <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="...">
62 <div class="overlay"></div> 73 <div class="overlay"></div>
63 </div> 74 </div>
64 <figcaption class="figure-caption"><em> Regularly collected information</em></figcaption> 75 <figcaption class="figure-caption"><em> Regularly collected information</em></figcaption>
65 </figure> 76 </figure>
66 </a> 77 </a>
67 </div> 78 </div>
68 </div> 79 </div>
69 </div> 80 </div>
70 81
71 82
72 <!-- SISI KANAN ARTIKEL KNOWLEDGE <div class="row"> 83 <!-- SISI KANAN ARTIKEL KNOWLEDGE <div class="row">
73 <div class="col-4"> 84 <div class="col-4">
74 <div class="p-3 border bg-light mb-2">Document Knowledge</div> --> 85 <div class="p-3 border bg-light mb-2">Document Knowledge</div> -->
75 <!-- baris kedua kolom kiri --> 86 <!-- baris kedua kolom kiri -->
76 <div class="row mt-2"> 87 <div class="row mt-2">
77 <div class="col-4"> 88 <div class="col-4">
78 <div class="p-3 bg-dark gx-3"> 89 <div class="p-3 gx-3">
79 <a href="{{ URL::asset($url_admin.'/search/') }}"> 90 <a href="{{ URL::asset($url_admin.'/search/') }}">
80 <figure class="figure service text-center"> 91 <figure class="figure service text-center">
81 <div class="img-container"> 92 <div class="img-container">
82 <img src="{{ asset('backend/img/svg/setjen.svg') }}" class="figure-img img-fluid rounded" alt="..."> 93 <img src="{{ asset('backend/img/svg/setjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
83 <div class="overlay"></div> 94 <div class="overlay"></div>
84 </div> 95 </div>
85 <figcaption class="figure-caption"><em>Formal documents Dokumen Formal</em></figcaption> 96 <figcaption class="figure-caption"><em>Formal documents Dokumen Formal</em></figcaption>
86 </figure> 97 </figure>
87 </a> 98 </a>
88 </div> 99 </div>
89 </div> 100 </div>
90 101
91 <div class="col-4"> 102 <div class="col-4">
92 <div class="p-3 bg-dark gx-3"> 103 <div class="p-3 gx-3">
93 <a href="{{ URL::asset($url_admin.'/search/') }}"> 104 <a href="{{ URL::asset($url_admin.'/search/') }}">
94 <figure class="figure service text-center"> 105 <figure class="figure service text-center">
95 <div class="img-container"> 106 <div class="img-container">
96 <img src="{{ asset('backend/img/svg/itjen.svg') }}" class="figure-img img-fluid rounded" alt="..."> 107 <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
97 <div class="overlay"></div> 108 <div class="overlay"></div>
98 </div> 109 </div>
99 <figcaption class="figure-caption"><em>Minutes and report on process</em></figcaption> 110 <figcaption class="figure-caption"><em>Minutes and report on process</em></figcaption>
100 </figure> 111 </figure>
101 </a> 112 </a>
102 </div> 113 </div>
103 </div> 114 </div>
104 115
105 <div class="col-4"> 116 <div class="col-4">
106 <div class="p-3 border gx-3"> 117 <div class="p-3 gx-3">
107 <a href="{{ URL::asset($url_admin.'/search/') }}"> 118 <a href="{{ URL::asset($url_admin.'/search/') }}">
108 <figure class="figure service text-center"> 119 <figure class="figure service text-center">
109 <div class="img-container"> 120 <div class="img-container">
110 <img src="{{ asset('backend/img/svg/itjen.svg') }}" class="figure-img img-fluid rounded" alt="..."> 121 <img src="{{ asset('backend/img/svg/itjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
111 <div class="overlay"></div> 122 <div class="overlay"></div>
112 </div> 123 </div>
113 <figcaption class="figure-caption"><em>Internal Communications &nbsp;</em></figcaption> 124 <figcaption class="figure-caption"><em>Internal Communications &nbsp;</em></figcaption>
114 </figure> 125 </figure>
115 </a> 126 </a>
116 </div> 127 </div>
117 </div> 128 </div>
118 </div> 129 </div>
119 130
120 <!-- Baris ketiga --> 131 <!-- Baris ketiga -->
121 <div class="row mt-2"> 132 <div class="row mt-2">
122 <div class="col-4"> 133 <div class="col-4">
123 <div class="p-3 bg-dark gx-3"> 134 <div class="p-3 gx-3">
124 <a href="{{ URL::asset($url_admin.'/search/') }}"> 135 <a href="{{ URL::asset($url_admin.'/search/') }}">
125 <figure class="figure service text-center"> 136 <figure class="figure service text-center">
126 <div class="img-container"> 137 <div class="img-container">
127 <img src="{{ asset('backend/img/svg/DJPPR.svg') }}" class="figure-img img-fluid rounded" alt="..."> 138 <img src="{{ asset('backend/img/svg/DJPPR.svg') }}" class="figure-img img-fluid rounded" alt="...">
128 <div class="overlay"></div> 139 <div class="overlay"></div>
129 </div> 140 </div>
130 <figcaption class="figure-caption"><em>Experiences dan Pengalaman</em></figcaption> 141 <figcaption class="figure-caption"><em>Experiences dan Pengalaman</em></figcaption>
131 </figure> 142 </figure>
132 </a> 143 </a>
133 </div> 144 </div>
134 </div> 145 </div>
135 146
136 <div class="col-4"> 147 <div class="col-4">
137 <div class="p-3 bg-dark gx-3"> 148 <div class="p-3 gx-3">
138 <a href="{{ URL::asset($url_admin.'/search/') }}"> 149 <a href="{{ URL::asset($url_admin.'/search/') }}">
139 <figure class="figure service text-center"> 150 <figure class="figure service text-center">
140 <div class="img-container"> 151 <div class="img-container">
141 <img src="{{ asset('backend/img/svg/DJPPR.svg') }}" class="figure-img img-fluid rounded" alt="..."> 152 <img src="{{ asset('backend/img/svg/BKF.svg') }}" class="figure-img img-fluid rounded" alt="...">
142 <div class="overlay"></div> 153 <div class="overlay"></div>
143 </div> 154 </div>
144 <figcaption class="figure-caption">A caption for the above image.</figcaption> 155 <figcaption class="figure-caption">A caption for the above image.</figcaption>
145 </figure> 156 </figure>
146 </a> 157 </a>
147 </div> 158 </div>
148 </div> 159 </div>
149 160
150 <div class="col-4"> 161 <div class="col-4">
151 <div class="p-3 bg-dark gx-3"> 162 <div class="p-3 gx-3">
152 <a href="{{ URL::asset($url_admin.'/search/') }}"> 163 <a href="{{ URL::asset($url_admin.'/search/') }}" >
153 <figure class="figure service text-center"> 164 <figure class="figure service text-center">
154 <div class="img-container"> 165 <div class="img-container">
155 <img src="{{ asset('backend/img/svg/DJPPR.svg') }}" class="figure-img img-fluid rounded" alt="..."> 166 <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="..." >
156 <div class="overlay"></div> 167 <div class="overlay"></div>
157 </div> 168 </div>
158 <figcaption class="figure-caption">A caption for the above image.</figcaption> 169 <figcaption class="figure-caption">A caption for the above image.</figcaption>
159 </figure> 170 </figure>
160 </a> 171 </a>
161 </div> 172 </div>
162 </div> 173 </div>
163 </div> 174 </div>
164 </div> 175 </div>
165 176
166 <!-- Sisi Kanan --> 177 <!-- Sisi Kanan -->
167 <div class="col-6 mt-2 bb-4"> 178 <div class="col-6 mt-2 bb-4">
168 <div class="p-3 border bg-light mb-2"><em>Sharing Knowledge<em></div> 179 <div class="p-3 border bg-grey mb-2"><em>Sharing Knowledge<em></div>
169 <!-- kolom satu--> 180 <!-- kolom satu-->
170 <div class="row mt-2"> 181 <div class="row mt-2">
171 <div class="col-4"> 182 <div class="col-4">
172 <div class="p-3 gx-3"> 183 <div class="p-3 gx-3">
173 <a href="#"> 184 <a href="{{ URL::asset($url_admin.'/art-backend/') }}">
174 <figure class="figure service text-center"> 185 <figure class="figure service text-center">
175 <div class="img-container"> 186 <div class="img-container">
176 <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="..."> 187 <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
177 <div class="overlay"></div> 188 <div class="overlay"></div>
178 </div> 189 </div>
179 <figcaption class="figure-caption"><em>&nbsp; Backend Programming</em></figcaption> 190 <figcaption class="figure-caption"><em>&nbsp; Backend Programming</em></figcaption>
180 </figure> 191 </figure>
181 </a> 192 </a>
182 </div> 193 </div>
183 </div> 194 </div>
184 195
185 <div class="col-4"> 196 <div class="col-4">
186 <div class="p-3 bg-dark gx-3"> 197 <div class="p-3 gx-3">
187 <a href="#"> 198 <a href="{{ URL::asset($url_admin.'/art-frontend/') }}">
188 <figure class="figure service text-center"> 199 <figure class="figure service text-center">
189 <div class="img-container"> 200 <div class="img-container">
190 <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="..."> 201 <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="...">
191 <div class="overlay"></div> 202 <div class="overlay"></div>
192 </div> 203 </div>
193 <figcaption class="figure-caption"><em>&nbsp; Frontend Programming &nbsp; </em></figcaption> 204 <figcaption class="figure-caption"><em>&nbsp; Frontend Programming &nbsp; </em></figcaption>
194 </figure> 205 </figure>
195 </a> 206 </a>
196 </div> 207 </div>
197 </div> 208 </div>
198 209
199 <div class="col-4"> 210 <div class="col-4">
200 <div class="p-3 border bg-light gx-3"> 211 <div class="p-3 bg-light gx-3">
201 <a href="{{ URL::asset($url_admin.'/forum/') }}"> 212 <a href="{{ URL::asset($url_admin.'/art-laravel/') }}">
202 <figure class="figur service text-center"> 213 <figure class="figur service text-center">
203 <div class="img-container"> 214 <div class="img-container">
204 <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="..."> 215 <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="...">
205 <div class="overlay"></div> 216 <div class="overlay"></div>
206 <div> 217 <div>
207 <figcaption class="figure-caption"><em> &nbsp; Laravel Framework &nbsp;</em></figcaption> 218 <figcaption class="figure-caption"><em> &nbsp; Laravel Framework &nbsp;</em></figcaption>
208 </figure> 219 </figure>
209 </a> 220 </a>
210 </div> 221 </div>
211 </div> 222 </div>
212 </div> 223 </div>
213 <!-- kolom dua--> 224 <!-- kolom dua-->
214 <div class="row mt-2"> 225 <div class="row mt-2">
215 <div class="col-4"> 226 <div class="col-4">
216 <div class="p-3 border gx-3"> 227 <div class="p-3 gx-3">
217 <a href="{{ URL::asset($url_admin.'/frm-eoffice/') }}"> 228 <a href="{{ URL::asset($url_admin.'/art-eoffice/') }}">
218 <figure class="figure service text-center"> 229 <figure class="figure service text-center">
219 <div class="img-container"> 230 <div class="img-container">
220 <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="..."> 231 <img src="{{ asset('backend/img/svg/DJPB.svg') }}" class="figure-img img-fluid rounded" alt="...">
221 <div class="overlay"></div> 232 <div class="overlay"></div>
222 </div> 233 </div>
223 <figcaption class="figure-caption"><em>&nbsp; All About &nbsp; E-Office &nbsp;</em></figcaption> 234 <figcaption class="figure-caption"><em>&nbsp; All About &nbsp; E-Office &nbsp;</em></figcaption>
224 </figure> 235 </figure>
225 </a> 236 </a>
226 </div> 237 </div>
227 </div> 238 </div>
228 239
229 <div class="col-4"> 240 <div class="col-4">
230 <div class="p-3 bg-dark gx-3"> 241 <div class="p-3 gx-3">
231 <a href="#"> 242 <a href="#">
232 <figure class="figure service text-center"> 243 <figure class="figure service text-center">
233 <div class="img-container"> 244 <div class="img-container">
234 <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="..."> 245 <img src="{{ asset('backend/img/svg/itjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
235 <div class="overlay"></div> 246 <div class="overlay"></div>
236 </div> 247 </div>
237 <figcaption class="figure-caption"><em>Standard Operation Procedure</em></figcaption> 248 <figcaption class="figure-caption"><em>Standard Operation Procedure</em></figcaption>
238 </figure> 249 </figure>
239 </a> 250 </a>
240 </div> 251 </div>
241 </div> 252 </div>
242 253
243 <div class="col-4"> 254 <div class="col-4">
244 <div class="p-3 border bg-light gx-3"> 255 <div class="p-3 bg-light gx-3">
245 <a href="#"> 256 <a href="#">
246 <figure class="figure service text-center"> 257 <figure class="figure service text-center">
247 <div class="img-container"> 258 <div class="img-container">
248 <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="..."> 259 <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
249 <div class="overlay"></div> 260 <div class="overlay"></div>
250 </div> 261 </div>
251 <figcaption class="figure-caption"><em> &nbsp; PHP Programming &nbsp;</em></figcaption> 262 <figcaption class="figure-caption"><em> &nbsp; PHP Programming &nbsp;</em></figcaption>
252 </figure> 263 </figure>
253 </a> 264 </a>
254 </div> 265 </div>
255 </div> 266 </div>
256 </div> 267 </div>
257 <!-- Baris Tiga --> 268 <!-- Baris Tiga -->
258 <!-- kolom satu--> 269 <!-- kolom satu-->
259 <div class="row mt-2"> 270 <div class="row mt-2">
260 <div class="col-4"> 271 <div class="col-4">
261 <div class="p-3 border gx-3"> 272 <div class="p-3 gx-3">
262 <a href="#"> 273 <a href="#">
263 <figure class="figure service text-center"> 274 <figure class="figure service text-center">
264 <div class="img-container"> 275 <div class="img-container">
265 <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="..."> 276 <img src="{{ asset('backend/img/svg/BKF.svg') }}" class="figure-img img-fluid rounded" alt="...">
266 <div class="overlay"></div> 277 <div class="overlay"></div>
267 </div> 278 </div>
268 <figcaption class="figure-caption"><em>Javascript Programming</em></figcaption> 279 <figcaption class="figure-caption"><em>Javascript Programming</em></figcaption>
269 </figure> 280 </figure>
270 </a> 281 </a>
271 </div> 282 </div>
272 </div> 283 </div>
273 284
274 <div class="col-4"> 285 <div class="col-4">
275 <div class="p-3 bg-light border gx-3"> 286 <div class="p-3 bg-light gx-3">
276 <a href="#"> 287 <a href="#">
277 <figure class="figure service text-center"> 288 <figure class="figure service text-center">
278 <div class="img-container"> 289 <div class="img-container">
279 <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="..."> 290 <img src="{{ asset('backend/img/svg/setjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
280 <div class="overlay"></div> 291 <div class="overlay"></div>
281 </div> 292 </div>
282 <figcaption class="figure-caption"><em>&nbsp; Operating System &nbsp;</em></figcaption> 293 <figcaption class="figure-caption"><em>&nbsp; Operating System &nbsp;</em></figcaption>
283 </figure> 294 </figure>
284 </a> 295 </a>
285 </div> 296 </div>
286 </div> 297 </div>
287 298
288 <div class="col-4"> 299 <div class="col-4">
289 <div class="p-3 border bg-light gx-3"> 300 <div class="p-3 bg-light gx-3">
290 <a href="#"> 301 <a href="#">
291 <figure class="figure service text-center"> 302 <figure class="figure service text-center">
292 <div class="img-container"> 303 <div class="img-container hover">
293 <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="..."> 304 <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
294 <div class="overlay"></div> 305 <div class="overlay"></div>
295 </div> 306 </div>
296 <figcaption class="figure-caption"> Wordpress & Other CMS </figcaption> 307 <figcaption class="figure-caption"> Wordpress & Other CMS </figcaption>
297 </figure> 308 </figure>
298 </a> 309 </a>
299 </div> 310 </div>
300 </div> 311 </div>
301 </div> 312 </div>
302 </div> 313 </div>
303 314 </div> <!--akhir table hover -->
304 </div> 315 </div>
305 316
306 317
307 318
308 319
309 320
310 321
311 322
312 @endsection 323 @endsection
313 324