2020-05-14 19:13:33 -04:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > openvpn-admin< / title >
< link rel = "stylesheet" href = "css/normalize.css" >
< link rel = "stylesheet" href = "css/bootstrap.min.css" >
< link rel = "stylesheet" href = "css/style.css" >
< / head >
< body >
< div id = "app" @ click . left . stop = "u_ctx_hide" >
< div >
< button type = "button" class = "btn btn-sm btn-success el-square" v-on:click . stop = "u.modalNewUserVisible=true" > Add user< / button >
< / div >
< div class = "dropdown-menu dropdown-custom" :style = "uCtxStyle" v-show = "u.ctxVisible" >
< button class = "dropdown-item" type = "button" :data-name = "name" :data-text = "text" @ click . left . stop = "u_ctx_click" v-for = "text, name in u.ctxMenuItems" > {{text}}< / button >
< / div >
< table class = "table table-bordered table-hover" >
< thead class = "thead-dark" >
< tr >
< th scope = "col" > Name< / th >
< th scope = "col" > Flag< / th >
< th scope = "col" > Expiration date< / th >
< th scope = "col" > Revocation date< / th >
< / tr >
< / thead >
< tbody >
< tr v-for = "row in u.data" :data-name = "row.Identity" :style = "row.connection_status" @ contextmenu . prevent = "u_ctx_show" >
< td > {{ row.Identity }}< / td >
< td > {{ row.Flag }}< / td >
< td > {{ row.ExpirationDate }}< / td >
< td > {{ row.RevocationDate }}< / td >
< / tr >
< / tbody >
< / table >
< div class = "modal-wrapper" v-if = "u.modalNewUserVisible" >
< div class = "modal-new-user" >
< input type = "text" class = "form-control el-square modal-new-user-el-margin" placeholder = "User name [_a-zA-Z0-9\.-]" v-model = "u.newUserName" >
< button type = "button" class = "btn btn-success el-square modal-new-user-el-margin" v-on:click . stop = "create_user();u.modalNewUserVisible=false" > Create< / button >
< button type = "button" class = "btn btn-success el-square modal-new-user-el-margin" v-on:click . stop = "u.newUserName='';u.modalNewUserVisible=false" > Cancel< / button >
< / div >
< / div >
< div class = "modal-wrapper" v-if = "u.modalShowConfigVisible" >
< div class = "modal-show-config" >
< div class = "row" >
< button type = "button" class = "btn btn-success el-square modal-new-user-el-margin" v-clipboard:copy = "u.openvpnConfig" > Copy< / button >
< button type = "button" class = "btn btn-success el-square modal-new-user-el-margin" v-on:click . stop = "u.openvpnConfig='';u.modalShowConfigVisible=false" > Cancel< / button >
< / div >
< div class = "row" >
< pre class = "modal-show-config-txt-box modal-new-user-el-margin" > {{ u.openvpnConfig }}< / pre >
< / div >
< / div >
< / div >
2020-10-15 12:12:31 -04:00
< div class = "modal-wrapper" v-if = "u.modalShowCcdVisible" >
< div class = "modal-ccd-config" >
< div class = "row" >
< table class = "table table-bordered table-hover" >
< thead >
< tr >
< th scope = "col" > Address< / th >
< th scope = "col" > Mask< / th >
< th scope = "col" > Description< / th >
< th scope = "col" > Action< / th >
< / tr >
< / thead >
< tbody >
< tr v-for = "(route, index) in u.ccd" >
< td > {{ route.addr }}< / td >
< td > {{ route.mask }}< / td >
< td > {{ route.desc }}< / td >
< td >
<!-- button type="button" class="btn btn - primary btn - sm el - square" v - on:click.stop="ccd_edit()">Edit</button -->
< button type = "button" class = "btn btn-primary btn-sm el-square" v-on:click . stop = "ccd.splice(index, 1)" > Delete< / button >
< / td >
< / tr > >
< / tbody >
< / table >
< / div >
< div class = "row" >
< input type = "text" v-model = "route.addr" / >
< input type = "text" v-model = "route.mask" / >
< input type = "text" v-model = "route.desc" / >
< button type = "button" class = "btn btn-success el-square" v-on:click . stop = "ccd.push(route)" > Add new route< / button >
< / div >
< div class = "row" >
< button type = "button" class = "btn btn-success el-square" v-on:click . stop = "ccd_apply()" > Save< / button >
< button type = "button" class = "btn btn-danger el-square" v-on:click . stop = "u.ccd=[];u.modalShowCcdVisible=false" > Close< / button >
< / div >
< / div >
< / div >
2020-05-14 19:13:33 -04:00
< / div >
< script src = "dist/build.js" > < / script >
< / body >
< / html >
<!-- n['flag'], n['expiration_date'], n['revocation_date'], n['serial_number'], n['filename'], n['distinguished_name'] -->