Prechádzať zdrojové kódy

Availability styling [wip #3]

Vijayakrishnan 4 rokov pred
rodič
commit
850d87c0d0

+ 39 - 38
resources/views/app/practice-management/pro-availability.blade.php

@@ -24,7 +24,7 @@
     </div>
     <div class="row">
         <div class="col-md-6">
-            <div class="card mb-3">
+            <div class="card mb-4">
                 <div class="card-header d-flex align-items-center px-3 py-2">
                     <?php $daysOfWeek = ['MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY', 'SUNDAY'] ?>
                     <span class="font-weight-bold">
@@ -100,7 +100,7 @@
                                     <thead>
                                     <tr>
                                         <th class="w-25 pb-0 border-0">Start</th>
-                                        <th class="w-25 pb-0 border-0 pl-2">End</th>
+                                        <th class="w-25 pb-0 border-0">End</th>
                                         <th class="pb-0 border-0"></th>
                                     </tr>
                                     </thead>
@@ -117,52 +117,53 @@
                                     @if(count($generalAvailabilities[$dow]))
                                         @foreach($generalAvailabilities[$dow] as $ga)
                                             <tr class="bg-transparent">
-                                                <td class="border-0">{{$ga->start_time}}</td>
-                                                <td class="border-0">{{$ga->end_time}}</td>
+                                                <td class="w-25 border-0">{{$ga->start_time}}</td>
+                                                <td class="w-25 border-0">{{$ga->end_time}}</td>
                                                 <td class="border-0">
-                                                    @if(isset($generalAvailabilities[$dow]))
-                                                        <div moe wide class="mr-2">
-                                                            <a start show>
-                                                                update
+                                                    <div class="d-flex align-items-center justify-content-end px-2">
+                                                        @if(isset($generalAvailabilities[$dow]))
+                                                            <div moe wide>
+                                                                <a start show title="Update">
+                                                                    <i class="fa fa-pencil-alt"></i>
+                                                                </a>
+                                                                <form url="/api/proGeneralAvailability/update">
+                                                                    <input type="hidden" name="uid" value="{{$ga->uid}}">
+                                                                    <input type="hidden" name="timezone" value="EASTERN">
+                                                                    <div class="form-group">
+                                                                        {{$ga->day_of_week}}
+                                                                    </div>
+                                                                    <div class="form-group">
+                                                                        <label for="" class="control-label">Start Time </label>
+                                                                        <input class="form-control" type="time" name="startTime" value="{{military_time($ga->start_time)}}">
+                                                                    </div>
+                                                                    <div class="form-group">
+                                                                        <label for="" class="control-label">End Time </label>
+                                                                        <input class="form-control" type="time" name="endTime" value="{{military_time($ga->end_time)}}">
+                                                                    </div>
+                                                                    <div class="form-group m-0">
+                                                                        <button submit class="btn btn-primary btn-sm mr-2">Submit</button>
+                                                                        <button cancel class="btn btn-default border btn-sm mr-2">Cancel</button>
+                                                                    </div>
+                                                                </form>
+                                                            </div>
+                                                        @endif
+                                                        <div moe wide class="ml-3">
+                                                            <a start show title="Cancel">
+                                                                <i class="fa fa-times-circle"></i>
                                                             </a>
-                                                            <form url="/api/proGeneralAvailability/update">
+                                                            <form url="/api/proGeneralAvailability/cancel">
                                                                 <input type="hidden" name="uid" value="{{$ga->uid}}">
-                                                                <input type="hidden" name="timezone" value="EASTERN">
-                                                                <div class="form-group">
-                                                                    {{$ga->day_of_week}}
-                                                                </div>
-                                                                <div class="form-group">
-                                                                    <label for="" class="control-label">Start Time </label>
-                                                                    <input class="form-control" type="time" name="startTime" value="{{military_time($ga->start_time)}}">
-                                                                </div>
+
                                                                 <div class="form-group">
-                                                                    <label for="" class="control-label">End Time </label>
-                                                                    <input class="form-control" type="time" name="endTime" value="{{military_time($ga->end_time)}}">
+                                                                    Cancel record?
                                                                 </div>
+
                                                                 <div class="form-group m-0">
                                                                     <button submit class="btn btn-primary btn-sm mr-2">Submit</button>
                                                                     <button cancel class="btn btn-default border btn-sm mr-2">Cancel</button>
                                                                 </div>
                                                             </form>
                                                         </div>
-                                                        <span class="text text-secondary">|</span>
-                                                    @endif
-                                                    <div moe wide class="mr-2">
-                                                        <a start show>
-                                                            cancel
-                                                        </a>
-                                                        <form url="/api/proGeneralAvailability/cancel">
-                                                            <input type="hidden" name="uid" value="{{$ga->uid}}">
-
-                                                            <div class="form-group">
-                                                                Cancel record?
-                                                            </div>
-
-                                                            <div class="form-group m-0">
-                                                                <button submit class="btn btn-primary btn-sm mr-2">Submit</button>
-                                                                <button cancel class="btn btn-default border btn-sm mr-2">Cancel</button>
-                                                            </div>
-                                                        </form>
                                                     </div>
                                                 </td>
                                             </tr>
@@ -182,7 +183,7 @@
                 </table>
             </div>
 
-            <div class="card mb-3">
+            <div class="card mb-4">
                 <div class="card-header d-flex align-items-center px-3 py-2">
                     <span class="font-weight-bold">
                         Specific Availability