sifatbaho/sifatbaho-php
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sifatbaho

Browse Source
This commit is contained in:
Azamov Samandar
2026-04-05 05:31:24 +05:00
commit df3d57f503
2609 changed files with 369825 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
resources/views/pages/advance-ui-ratings.blade.php Executable file
View File

@@ -0,0 +1,111 @@
@extends('layouts.master')
@section('title') @lang('translation.ratings') @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Advance UI @endslot
@slot('title') Ratings @endslot
@endcomponent
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header align-items-center d-flex">
<h4 class="card-title mb-0 flex-grow-1">Rater Js</h4>
</div><!-- end card header -->
<div class="card-body">
<p class="text-muted">Rater-js is a star rating widget for the browser. here are the various examples of rating shown below with variation.</p>
<div class="live-preview">
<div class="table-responsive">
<table class="table align-middle mb-0">
<thead>
<tr>
<th scope="col">Title</th>
<th scope="col">Example</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Basic Rater</th>
<td>
<div id="basic-rater" dir="ltr"></div>
</td>
<td><pre><code class="language-markup">&lt;div id="basic-rater" dir="ltr">&lt;/div></code></pre></td>
</tr>
<tr>
<th scope="row">Rater with Step</th>
<td>
<div id="rater-step" dir="ltr"></div>
</td>
<td><pre><code class="language-markup">&lt;div id="rater-step" dir="ltr">&lt;/div></code></pre></td>
</tr>
<tr>
<th scope="row">Custom Messages</th>
<td>
<div id="rater-message" dir="ltr"></div>
</td>
<td><pre><code class="language-markup">&lt;div id="rater-message" dir="ltr">&lt;/div></code></pre></td>
</tr>
<tr>
<th scope="row">Example with unlimited number of stars. readOnly option is set to true.</th>
<td>
<div id="rater-unlimitedstar" dir="ltr"></div>
</td>
<td><pre><code class="language-markup">&lt;div id="rater-unlimitedstar" dir="ltr">&lt;/div></code></pre></td>
</tr>
<tr>
<th scope="row">On Hover Event</th>
<td>
<div dir="ltr">
<div id="rater-onhover" class="align-middle"></div>
<span class="ratingnum badge bg-info align-middle ms-2"></span>
</div>
</td>
<td><pre><code class="language-markup">&lt;div dir=&quot;ltr&quot;&gt;
&lt;div id=&quot;rater-onhover&quot; class=&quot;align-middle&quot;&gt;&lt;/div&gt;
&lt;span class=&quot;ratingnum badge bg-info align-middle ms-2&quot;&gt;&lt;/span&gt;
&lt;/div&gt;</code></pre></td>
</tr>
<tr>
<th scope="row">Clear/Reset Rater</th>
<td>
<div dir="ltr">
<div id="raterreset" class="align-middle"></div>
<span class="clear-rating"></span>
<button id="raterreset-button" class="btn btn-light btn-sm ms-2">Reset</button>
</div>
</td>
<td><pre><code class="language-markup">&lt;div dir=&quot;ltr&quot;&gt;
&lt;div id=&quot;raterreset&quot; class=&quot;align-middle&quot;&gt;&lt;/div&gt;
&lt;span class=&quot;clear-rating&quot;&gt;&lt;/span&gt;
&lt;button id=&quot;raterreset-button&quot; class=&quot;btn btn-light btn-sm ms-2&quot;&gt;Reset&lt;/button&gt;
&lt;/div&gt;</code></pre></td>
</tr>
</tbody>
</table>
<!-- end table -->
</div>
<!-- end table responsive -->
</div>
<div class="d-none code-view">
<pre>
<code class="language-markup">&lt;div data-simplebar style=&quot;max-height: 220px;&quot;&gt;
...
&lt;/div&gt;</code></pre>
</div>
</div><!-- end card-body -->
</div><!-- end card -->
</div>
<!-- end col -->
</div>
<!-- end row -->
@endsection
@section('script')
<script src="{{ URL::asset('/assets/libs/prismjs/prismjs.min.js') }}"></script>
<script src="{{ URL::asset('/assets/libs/rater-js/rater-js.min.js') }}"></script>
<script src="{{ URL::asset('/assets/js/pages/rating.init.js') }}"></script>
<script src="{{ URL::asset('assets/js/app.min.js') }}"></script>
@endsection