%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/news/public/views/profile/
Upload File :
Create Path :
Current File : /var/www/html/news/public/views/profile/index.html

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-4">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <h4>Profile Picture</h4>
                </div>
            </div>
            <div class="row" flow-init flow-name="flow" flow-files-added="fileAdded($files)">
                <div class="col-sm-12 text-center">
                    <img ng-if="!selectedImage && !isCropping" ng-src="{{user.profile_picture}}"
                         class="img img-responsive img-thumbnail profile-image"
                         alt="User Image">

                    <img ng-if="!isCropping && selectedImage" ng-src="{{selectedImage}}"
                         class="img img-responsive img-thumbnail profile-image"
                         alt="User Image">

                    <img class="img img-responsive"
                         ng-show="isCropping"
                         ng-src="{{selectedImage}}"
                         ng-cropper
                         ng-cropper-show="showEvent"
                         ng-cropper-hide="hideEvent"
                         ng-cropper-options="options"
                         ng-cropper-proxy="cropperProxy">
                </div>
                <div class="col-sm-offset-2 text-center" ng-class="selectedImage ? 'col-sm-4' : 'col-sm-8'">
                    <button class="btn btn-default btn-block" flow-btn flow-attrs="{accept:'image/*'}">Choose</button>
                </div>
                <div class="col-sm-4 text-center" ng-if="selectedImage">
                    <button class="btn btn-default btn-block" ng-click="crop()">
                        <span ng-bind="isCropping ? 'Save' : 'Crop'"></span>
                    </button>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 text-center">
                    <h4>Change Password</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <form class="form-horizontal" role="form" name="form" ng-submit="changePassword()"
                          autocomplete="off">
                        <div class="form-group">
                            <div class="col-sm-12">
                                <label>Password</label>
                                <input class="form-control" type="password" placeholder="Password"
                                       ng-model="req.new_password" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12">
                                <label>Confirm Password</label>
                                <input class="form-control" type="password" placeholder="Confirm Password"
                                       ng-model="req.new_password_confirmation">
                            </div>
                        </div>
                        <div class="form-group pull-right">
                            <div class="col-sm-12">
                                <button class="btn btn-success" type="submit">Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-sm-8">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <h4>Profile Information</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <form class="form-horizontal" role="form" name="form" ng-submit="save()"
                          autocomplete="off">
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input type="text" id="name" name="name" placeholder="Name" ng-model="user.name"
                                   class="form-control" required>
                        </div>
                        <div class="form-group">
                            <label for="surname">Surname</label>
                            <input type="text" id="surname" name="surname" placeholder="Surname" ng-model="user.surname"
                                   class="form-control" required>
                        </div>
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email" id="email" name="email" placeholder="Email" ng-model="user.email"
                                   class="form-control" required>
                        </div>
                        <div class="form-group">
                            <label for="birthdate">Birthdate</label>
                            <div class="input-group">
                                <input id="birthdate" name="birthdate" type="text" class="form-control"
                                       uib-datepicker-popup placeholder="Birthdate" ng-model="user.birthdate"
                                       is-open="birthdatePicker" required/>
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default" ng-click="toggleDatepicker()"><i
                                            class="glyphicon glyphicon-calendar"></i></button>
                                </span>
                            </div>
                        </div>
                        <div class="form-group pull-right">
                            <button class="btn btn-success" type="submit">Save</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

Zerion Mini Shell 1.0