瀏覽代碼

Availability styling [complete]

Vijayakrishnan 4 年之前
父節點
當前提交
d446955c0a
共有 1 個文件被更改,包括 101 次插入100 次删除
  1. 101 100
      resources/views/app/practice-management/pro-availability.blade.php

+ 101 - 100
resources/views/app/practice-management/pro-availability.blade.php

@@ -120,13 +120,13 @@
                                                 <td class="w-25 border-0">{{$ga->start_time}}</td>
                                                 <td class="w-25 border-0">{{$ga->end_time}}</td>
                                                 <td class="border-0">
-                                                    <div class="d-flex align-items-center justify-content-end px-2">
+                                                    <div class="d-flex align-items-center justify-content-end pl-2">
                                                         @if(isset($generalAvailabilities[$dow]))
-                                                            <div moe wide>
+                                                            <div moe wide class="mr-2">
                                                                 <a start show title="Update">
                                                                     <i class="fa fa-pencil-alt"></i>
                                                                 </a>
-                                                                <form url="/api/proGeneralAvailability/update">
+                                                                <form url="/api/proGeneralAvailability/update" right>
                                                                     <input type="hidden" name="uid" value="{{$ga->uid}}">
                                                                     <input type="hidden" name="timezone" value="EASTERN">
                                                                     <div class="form-group">
@@ -147,11 +147,11 @@
                                                                 </form>
                                                             </div>
                                                         @endif
-                                                        <div moe wide class="ml-3">
+                                                        <div moe wide class="mr-2">
                                                             <a start show title="Cancel">
                                                                 <i class="fa fa-times-circle"></i>
                                                             </a>
-                                                            <form url="/api/proGeneralAvailability/cancel">
+                                                            <form url="/api/proGeneralAvailability/cancel" right>
                                                                 <input type="hidden" name="uid" value="{{$ga->uid}}">
 
                                                                 <div class="form-group">
@@ -237,57 +237,57 @@
                                 <td class="pl-3">{{friendly_date_time_short_with_tz($sa->start_time, true, $sa->timezone?$sa->timezone:'EASTERN')}}</td>
                                 <td>{{friendly_date_time_short_with_tz($sa->end_time, true, $sa->timezone?$sa->timezone:'EASTERN')}}</td>
                                 <td>
-                                    <div moe wide class="mr-2">
-                                        <a start show>
-                                            update
-                                        </a>
-                                        <form url="/api/proSpecificAvailability/update">
-                                            <input type="hidden" name="uid" value="{{$sa->uid}}">
-                                            <input type="hidden" name="timezone" value="EASTERN">
-                                            <div class="mb-2">
-                                                <input type="text" class="form-control form-control-sm" name="title" value="{{$sa->title}}">
-                                            </div>
-                                            <div class="mb-2">
-                                                <label for="" class="control-label">Start Date </label>
-                                                <input class="form-control" type="date" name="startDate" value="{{unfriendly_date($sa->start_time)}}">
-                                            </div>
-                                            <div class="mb-2">
-                                                <label for="" class="control-label">Start Time </label>
-                                                <input class="form-control" type="time" name="startTime" value="{{military_time($sa->start_time, $sa->timezone)}}">
-                                            </div>
-                                            <div class="mb-2">
-                                                <label for="" class="control-label">End Date </label>
-                                                <input class="form-control" type="date" name="endDate" value="{{unfriendly_date($sa->end_time)}}">
-                                            </div>
-                                            <div class="mb-2">
-                                                <label for="" class="control-label">End Time </label>
-                                                <input class="form-control" type="time" name="endTime" value="{{military_time($sa->end_time, $sa->timezone)}}">
-                                            </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>
-
-                                    <div moe wide class="mr-2">
-                                        <a start show>
-                                            cancel
-                                        </a>
-                                        <form url="/api/proSpecificAvailability/cancel">
-                                            <input type="hidden" name="uid" value="{{$sa->uid}}">
+                                    <div class="d-flex align-items-center justify-content-end px-2">
+                                        <div moe wide class="mr-2">
+                                            <a start show title="Update">
+                                                <i class="fa fa-pencil-alt"></i>
+                                            </a>
+                                            <form right url="/api/proSpecificAvailability/update">
+                                                <input type="hidden" name="uid" value="{{$sa->uid}}">
+                                                <input type="hidden" name="timezone" value="EASTERN">
+                                                <div class="mb-2">
+                                                    <input type="text" class="form-control form-control-sm" name="title" value="{{$sa->title}}">
+                                                </div>
+                                                <div class="mb-2">
+                                                    <label for="" class="control-label">Start Date </label>
+                                                    <input class="form-control" type="date" name="startDate" value="{{unfriendly_date($sa->start_time)}}">
+                                                </div>
+                                                <div class="mb-2">
+                                                    <label for="" class="control-label">Start Time </label>
+                                                    <input class="form-control" type="time" name="startTime" value="{{military_time($sa->start_time, $sa->timezone)}}">
+                                                </div>
+                                                <div class="mb-2">
+                                                    <label for="" class="control-label">End Date </label>
+                                                    <input class="form-control" type="date" name="endDate" value="{{unfriendly_date($sa->end_time)}}">
+                                                </div>
+                                                <div class="mb-2">
+                                                    <label for="" class="control-label">End Time </label>
+                                                    <input class="form-control" type="time" name="endTime" value="{{military_time($sa->end_time, $sa->timezone)}}">
+                                                </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>
+                                        <div moe wide class="mr-2">
+                                            <a start show title="Cancel">
+                                                <i class="fa fa-times-circle"></i>
+                                            </a>
+                                            <form right url="/api/proSpecificAvailability/cancel">
+                                                <input type="hidden" name="uid" value="{{$sa->uid}}">
 
-                                            <div class="form-group">
-                                                Cancel record?
-                                            </div>
+                                                <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 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>
                                     </div>
-
                                 </td>
                             </tr>
                         @endforeach
@@ -358,55 +358,56 @@
                                 <td>{{friendly_date_time_short_with_tz($su->end_time, true, $su->timezone)}}</td>
                                 <td>{{$su->title}}</td>
                                 <td>
-                                    <div moe wide class="mr-2">
-                                        <a start show>
-                                            update
-                                        </a>
-                                        <form url="/api/proSpecificUnavailability/update">
-                                            <input type="hidden" name="uid" value="{{$su->uid}}">
-                                            <input type="hidden" name="timezone" value="EASTERN">
-                                            <div class="mb-2">
-                                                <input type="text" class="form-control form-control-sm" name="title" value="{{$su->title}}">
-                                            </div>
-                                            <div class="mb-2">
-                                                <label for="" class="control-label">Start Date </label>
-                                                <input class="form-control" type="date" name="startDate" value="{{unfriendly_date($su->start_time)}}">
-                                            </div>
-                                            <div class="mb-2">
-                                                <label for="" class="control-label">Start Time </label>
-                                                <input class="form-control" type="time" name="startTime" value="{{military_time($su->start_time, $su->timezone)}}">
-                                            </div>
-                                            <div class="mb-2">
-                                                <label for="" class="control-label">End Date </label>
-                                                <input class="form-control" type="date" name="endDate" value="{{unfriendly_date($su->end_time)}}">
-                                            </div>
-                                            <div class="mb-2">
-                                                <label for="" class="control-label">End Time </label>
-                                                <input class="form-control" type="time" name="endTime" value="{{military_time($su->end_time, $su->timezone)}}">
-                                            </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>
-
-                                    <div moe wide class="mr-2">
-                                        <a start show>
-                                            cancel
-                                        </a>
-                                        <form url="/api/proSpecificUnavailability/cancel">
-                                            <input type="hidden" name="uid" value="{{$su->uid}}">
+                                    <div class="d-flex align-items-center justify-content-end px-2">
+                                        <div moe wide class="mr-2">
+                                            <a start show title="Update">
+                                                <i class="fa fa-pencil-alt"></i>
+                                            </a>
+                                            <form right url="/api/proSpecificUnavailability/update">
+                                                <input type="hidden" name="uid" value="{{$su->uid}}">
+                                                <input type="hidden" name="timezone" value="EASTERN">
+                                                <div class="mb-2">
+                                                    <input type="text" class="form-control form-control-sm" name="title" value="{{$su->title}}">
+                                                </div>
+                                                <div class="mb-2">
+                                                    <label for="" class="control-label">Start Date </label>
+                                                    <input class="form-control" type="date" name="startDate" value="{{unfriendly_date($su->start_time)}}">
+                                                </div>
+                                                <div class="mb-2">
+                                                    <label for="" class="control-label">Start Time </label>
+                                                    <input class="form-control" type="time" name="startTime" value="{{military_time($su->start_time, $su->timezone)}}">
+                                                </div>
+                                                <div class="mb-2">
+                                                    <label for="" class="control-label">End Date </label>
+                                                    <input class="form-control" type="date" name="endDate" value="{{unfriendly_date($su->end_time)}}">
+                                                </div>
+                                                <div class="mb-2">
+                                                    <label for="" class="control-label">End Time </label>
+                                                    <input class="form-control" type="time" name="endTime" value="{{military_time($su->end_time, $su->timezone)}}">
+                                                </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>
+                                        <div moe wide class="mr-2">
+                                            <a start show title="Cancel">
+                                                <i class="fa fa-times-circle"></i>
+                                            </a>
+                                            <form right url="/api/proSpecificUnavailability/cancel">
+                                                <input type="hidden" name="uid" value="{{$su->uid}}">
 
-                                            <div class="form-group">
-                                                Cancel record?
-                                            </div>
+                                                <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 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>
                                     </div>
                                 </td>
                             </tr>