<div data-options="dxView : { name: 'PatronEdit', title: newlocalizedStrings[mobileopac.localization].PatronEdit } ">
    <div data-options="dxContent : { targetPlaceholder: 'content' } " class="dx-content-background search-page-background">
        <div data-bind="dxScrollView: { }">
            <div class="search-page-header" data-bind="text:"""></div>
            <!--<div class="search-page-header" data-bind="text: newlocalizedStrings[mobileopac.localization].PatronEdit">讀者修改</div>-->
            <!--2020/05/28 新增圖片-->
            <div style="display:flex ;flex-direction: column; justify-content:center;align-items:center;align-content:center;" >
               <!-- <div class="dx-fieldset">-->
                <div class="plane">
                    <!--<div class="search-page-header">放條碼身份/照片</div>-->
                    <img class="cover" id="smallImage" data-bind="attr:{src:'data:image/png;base64,' + photo()}" />
                </div>
                <div class="plane">
                    <!--//put BarCode here.-->
                    <div id="externalbox" style="width:5in;text-align:center">
                        <div id="inputdata">123456</div>

                    </div>

                    <br />






                </div>

                <!--2020/05/28 新增圖片-->





                <div class="dx-fieldset">


                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].PatronID">讀者編號</div>
                        <div class="dx-field-label" data-bind="text: no_read"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].PatronName">讀者姓名</div>
                        <div class="dx-field-label" data-bind="text: nm_read"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].PatronNickname">讀者暱稱</div>
                        <div id="Search_txt" class="dx-field-value"
                             data-bind="dxTextBox:{
                         value: nick_name,
                         showClearButton:true
                    }"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].Phone">連絡電話</div>
                        <div id="Search_txt" class="dx-field-value"
                             data-bind="dxTextBox:{
                         value: no_tel,
                         showClearButton:true
                    }"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].CommunicationAddress">通訊地址</div>
                        <div id="Search_txt" class="dx-field-value"
                             data-bind="dxTextBox:{
                         value: tx_addr,
                         showClearButton:true
                    }"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label">E-MAIL</div>
                        <div id="Search_txt" class="dx-field-value"
                             data-bind="dxTextBox:{
                         value: tx_mail,
                         showClearButton:true
                    }"></div>
                    </div>

                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].Password">密碼</div>
                        <div  class="dx-button-forApple " data-bind="dxButton: {
                         onClick:mybtnEditpwd,
                         text: newlocalizedStrings[mobileopac.localization].ChangePassword
                         }"></div>
                    </div>


                </div>



                <!-- ko if: yourFlag -->
                <div class="dx-fieldset" , id="mypwdPlane">
                    <div class="dx-field">
                        <div class="dx-field-label2" data-bind="text: newlocalizedStrings[mobileopac.localization].Description">請輸入密碼不超過10個字元 </div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].OriginalPwd">請輸入原密碼</div>
                        <div id="Search_txt" class="dx-field-value"
                             data-bind="dxTextBox:{
                         value: myPwd,
                         showClearButton:true,
                         mode:'password'
                    }"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].NewPwd">請輸入新密碼</div>
                        <div id="Search_txt" class="dx-field-value"
                             data-bind="dxTextBox:{
                         value: myNewPwd,
                         showClearButton:true,
                         mode:'password'
                    }"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label" data-bind="text: newlocalizedStrings[mobileopac.localization].NewPwdAgain">再輸入新密碼</div>
                        <div id="Search_txt" class="dx-field-value"
                             data-bind="dxTextBox:{
                         value: myNewPwd2,
                         showClearButton:true,
                         mode:'password'
                    }"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-button-forApple " data-bind="dxButton: {
                         onClick:mybtnSubmitEditpwd,
                         text: newlocalizedStrings[mobileopac.localization].Revise
                         }"></div>
                        <div class="dx-button-forApple " data-bind="dxButton: {
                         onClick:mybtnCancelEditpwd,
                         text: newlocalizedStrings[mobileopac.localization].Cancel
                         }"></div>
                    </div>
                </div>
                <!-- /ko -->


                <div class="search-page-bottom">
                    <div  class="dx-button-forApple "data-bind="dxButton:{
                     text: newlocalizedStrings[mobileopac.localization].Submit,
                     onClick:find1
                }"></div>
                </div>
            </div>
        </div>
    </div>
</div>