gitkwesi/click-erp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit, after modifying client section

Browse Source
This commit is contained in:
Kwesi Banson
2023-02-22 07:48:50 +00:00
commit ad0dd6a6e1
1880 changed files with 538494 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

354
resources/views/infrastructure/accordion.blade.php Executable file
View File

@@ -0,0 +1,354 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('css')
@endsection('css')
@section('content')
<div class="">
<div class="page-title">
<div class="title_left" style="width:800px !important;">
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li class="active">Servers</li>
</ol>
</div>
</div>
<div class="x_content">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-align-left"></i> Server Details</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<!-- start accordion -->
<div class="accordion" id="accordion1" role="tablist" aria-multiselectable="true">
<div class="panel">
<a class="panel-heading" role="tab" id="headingOne1" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1" aria-expanded="true" aria-controls="collapseOne">
<h4 class="panel-title">SMSC (UCM) #1 - 206.225.81.36</h4>
</a>
<div id="collapseOne1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<div>
<div class="col-md-6"><input type="text" class="form-control" readonly="" value="encripted password" name=""></div>
<button class="btn btn-sm btn-primary" title="click to descript password"><i class="fa fa-eye"></i></button>
</div>
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Direct Connections</th>
<th>Connection Type</th>
<th>Peer/Domain</th>
<th>VPN Form</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>TNM MALAWI</td>
<td>VPN</td>
<td>45.22.33.2</td>
<td>N/A</td>
<td>
<a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a>
<a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a>
</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Orange Botswana</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">4</th>
<td>Mascom Botswana</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">5</th>
<td>MTN Zambia</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">6</th>
<td>Zamtel Zambia</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">7</th>
<td>AirtelTigo GHANA</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">8</th>
<td>MTN GHANA</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href=""><i class="fa fa-file-word-o fa-2x"></i></a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel">
<a class="panel-heading collapsed" role="tab" id="headingTwo1" data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo1" aria-expanded="false" aria-controls="collapseTwo">
<h4 class="panel-title">SMSC (UCM) #2 - 206.225.94.150</h4>
</a>
<div id="collapseTwo1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Direct Connections</th>
<th>Connection Type</th>
<th>Peer/Domain</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">2</th>
<td>Airtel MALAWI</td>
<td>FQDN</td>
<td>airtel.mw</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Airtel Zambia</td>
<td>VPN</td>
<td>32.22.22.1</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel">
<a class="panel-heading collapsed" role="tab" id="headingThree1" data-toggle="collapse" data-parent="#accordion1" href="#collapseThree1" aria-expanded="false" aria-controls="collapseThree">
<h4 class="panel-title">USSD Gateway - 206.225.87.174</h4>
</a>
<div id="collapseThree1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Direct Connections</th>
<th>Connection Type</th>
<th>Peer/Domain</th>
<th>VPN Form</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>TNM MALAWI</td>
<td>VPN</td>
<td>45.22.33.2</td>
<td>N/A</td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">3</th>
<td>Orange Botswana</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">4</th>
<td>Mascom Botswana</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">5</th>
<td>MTN Zambia</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
<tr>
<th scope="row">6</th>
<td>Zamtel Zambia</td>
<td>VPN</td>
<td>32.22.22.1</td>
<td><a href="" class="btn btn-sm btn-success"><i class="fa fa-file-word-o"></i> </a></td>
<td><a href="" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i> </a> <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel">
<a class="panel-heading collapsed" role="tab" id="headingThree1" data-toggle="collapse" data-parent="#accordion1" href="#collapseThree2" aria-expanded="false" aria-controls="collapseThree">
<h4 class="panel-title">Billing Server - 206.225.95.171</h4>
</a>
<div id="collapseThree2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Direct Connections</th>
<th>Connection Type</th>
<th>Peer/Domain</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">2</th>
<td>TNM MALAWI</td>
<td>VPN</td>
<td>121.212.11.1</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Airtel Malawo</td>
<td>FQDN</td>
<td>airtel.billing.mw</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Orange Botswant</td>
<td>VPN</td>
<td>32.22.22.1</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel">
<a class="panel-heading collapsed" role="tab" id="headingThree1" data-toggle="collapse" data-parent="#accordion1" href="#collapseThree3" aria-expanded="false" aria-controls="collapseThree">
<h4 class="panel-title">Mobile Money Server - 206.225.95.109</h4>
</a>
<div id="collapseThree3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Direct Connections</th>
<th>Connection Type</th>
<th>Peer/Domain</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">2</th>
<td>TNM MALAWI</td>
<td>VPN</td>
<td>121.212.11.1</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Airtel Malawo</td>
<td>FQDN</td>
<td>airtel.billing.mw</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- end of accordion -->
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-server"></i> Architectural Overview </h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<!-- start accordion -->
<div class="" id="" role="" >
<img src="{!! url('public/assets/img/overview.jpg') !!}" alt="server overview">
</div>
<!-- end of accordion -->
</div>
</div>
</div>
</div>
</div>
@endsection
@section('javascript')
<script>
</script>
@endsection

107
resources/views/infrastructure/create_direct_connection.blade.php Executable file
View File

@@ -0,0 +1,107 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('content')
<div class="">
<div class="page-title">
<div class="title_left" style="width:800px !important;">
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li class="active">Add Direct Connection</li>
</ol>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
@include('commons.notifications')
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
Updating Direct Connection {{ $server->friendly_name }} | {{ $server->public_ip_address}} ({{ $server->private_ip_address}} )
<div class="clearfix"></div>
</div>
{{-- start of content --}}
<div class="x_content">
<br>
{!! Form::open(['url' => 'infrastructure/storedirect', 'class' => 'form-horizontal form-label-left', 'files' => 'true']) !!}
<input type="hidden" name="server_id" value="{{ $server->id }} ">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="directPartner">Partner Name *</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('direct_partner') ? 'has-error' : ''}}">
{!! Form::text('direct_partner', old('direct_partner'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter partner name' , 'id' => 'directPartner']) !!}
{!! $errors->first('direct_partner', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Connection Type *</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('name') ? 'has-error' : ''}}">
{!! Form::select('connection_type', $connection_types ,old('connection_type'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Select one' , 'id' => 'connectionType']) !!}
{!! $errors->first('emaconnection_typeil', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="mainIpAddress">IP Address </label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('main_ip_address') ? 'has-error' : ''}}">
{!! Form::text('main_ip_address', old('main_ip_address'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter main_ip_address' , 'id' => 'mainIpAddress']) !!}
{!! $errors->first('main_ip_address', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="portNumber">Port Number</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('port') ? 'has-error' : ''}}">
{!! Form::text('port', old('port'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter port number' , 'id' => 'portNumber']) !!}
{!! $errors->first('port', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="peerVpnIp">VPN Peer IP </label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('vpn_peer_ip') ? 'has-error' : ''}}">
{!! Form::text('vpn_peer_ip', old('vpn_peer_ip'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter peer vps ip' , 'id' => 'peerVpnIp']) !!}
{!! $errors->first('vpn_peer_ip', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="type">Domain Name</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('domain_name') ? 'has-error' : ''}}">
{!! Form::text('domain_name', old('domain_name'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter domain name ' , 'id' => 'domainName']) !!}
{!! $errors->first('domain_name', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="connectionForm">VPN Form</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('connection_form') ? 'has-error' : ''}}">
{!! Form::file('connection_form', null, ['class' => 'form-control col-md-7 col-xs-12' , 'id' => 'connectionForm']) !!}
{!! $errors->first('connection_form', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
<button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Submit</button>
</div>
</div>
{!! Form::close() !!}
</div>
{{-- end of x_content --}}
</div>
{{-- end of x_panel --}}
</div>
</div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
$(function(){
$('select').select2();
});
</script>
@endsection

111
resources/views/infrastructure/create_server.blade.php Executable file
View File

@@ -0,0 +1,111 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('content')
<div class="">
<div class="page-title">
<div class="title_left" style="width:800px !important;">
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li class="active">Create Client</li>
</ol>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
@include('commons.notifications')
<div class="clearfix"></div>
</div>
{{-- start of content --}}
<div class="x_content">
<br>
{!! Form::open(['url' => 'clients', 'class' => 'form-horizontal form-label-left']) !!}
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Name</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('name') ? 'has-error' : ''}}">
{!! Form::text('name', old('name'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter name' , 'id' => 'name']) !!}
{!! $errors->first('name', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Email</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('name') ? 'has-error' : ''}}">
{!! Form::text('email', old('email'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter email' , 'id' => 'email']) !!}
{!! $errors->first('email', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="auth_user_id">Account Manager</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('auth_user_id') ? 'has-error' : ''}}">
{!! Form::select('auth_user_id', $auth_users ,old('auth_user_id'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter Account Manager ' , 'id' => 'auth_user_id']) !!}
{!! $errors->first('auth_user_id', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="type">Type</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('type') ? 'has-error' : ''}}">
{!! Form::select('type', $service_type ,old('type'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter Service ' , 'id' => 'type']) !!}
{!! $errors->first('type', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="country">Country</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('country') ? 'has-error' : ''}}">
{!! Form::select('country', $countries ,old('country'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter Country ' , 'id' => 'country']) !!}
{!! $errors->first('country', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="status">Status</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('status') ? 'has-error' : ''}}">
{!! Form::select('status', $status ,old('status'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter Status ' , 'id' => 'status']) !!}
{!! $errors->first('status', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="payment_mode">Payment Mode</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('payment_mode') ? 'has-error' : ''}}">
{!! Form::select('payment_mode', $payment_type ,old('payment_mode'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter Payment Type ' , 'id' => 'payment_mode']) !!}
{!! $errors->first('payment_mode', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="currency">Currency</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('currency') ? 'has-error' : ''}}">
{!! Form::select('currency', $currency ,old('currency'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter Currency ' , 'id' => 'currency']) !!}
{!! $errors->first('currency', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
<button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Submit</button>
</div>
</div>
{!! Form::close() !!}
</div>
{{-- end of x_content --}}
</div>
{{-- end of x_panel --}}
</div>
</div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
$(function(){
$('select').select2();
});
</script>
@endsection

108
resources/views/infrastructure/edit_direct_connection.blade.php Executable file
View File

@@ -0,0 +1,108 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('content')
<div class="">
<div class="page-title">
<div class="title_left" style="width:800px !important;">
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li class="active">Updating Direct Connection</li>
</ol>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
@include('commons.notifications')
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
Updating Direct Connection {{ $server->friendly_name }} | {{ $server->public_ip_address}} ({{ $server->private_ip_address}} )
<div class="clearfix"></div>
</div>
{{-- start of content --}}
<div class="x_content">
<br>
{!! Form::open(['url' => 'infrastructure/updatedirect', 'class' => 'form-horizontal form-label-left', 'files' => 'true']) !!}
<input type="hidden" name="server_id" value="{{ $direct_connection->server_id }}">
<input type="hidden" name="direct_id" value="{{ $direct_connection->id }}">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="directPartner">Partner Name *</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('direct_partner') ? 'has-error' : ''}}">
{!! Form::text('direct_partner', $direct_connection->direct_partner, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter partner name' , 'id' => 'directPartner']) !!}
{!! $errors->first('direct_partner', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Connection Type *</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('name') ? 'has-error' : ''}}">
{!! Form::select('connection_type', $connection_types, $direct_connection->connection_type, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Select one' , 'id' => 'connectionType']) !!}
{!! $errors->first('emaconnection_typeil', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="mainIpAddress">IP Address </label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('main_ip_address') ? 'has-error' : ''}}">
{!! Form::text('main_ip_address', $direct_connection->main_ip_address, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter main_ip_address' , 'id' => 'mainIpAddress']) !!}
{!! $errors->first('main_ip_address', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="portNumber">Port Number</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('port') ? 'has-error' : ''}}">
{!! Form::text('port', $direct_connection->port, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter port number' , 'id' => 'portNumber']) !!}
{!! $errors->first('port', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="peerVpnIp">VPN Peer IP </label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('vpn_peer_ip') ? 'has-error' : ''}}">
{!! Form::text('vpn_peer_ip', $direct_connection->vpn_peer_ip, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter peer vps ip' , 'id' => 'peerVpnIp']) !!}
{!! $errors->first('vpn_peer_ip', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="type">Domain Name</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('domain_name') ? 'has-error' : ''}}">
{!! Form::text('domain_name', $direct_connection->domain_name, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter domain name ' , 'id' => 'domainName']) !!}
{!! $errors->first('domain_name', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="connectionForm">VPN Form</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('connection_form') ? 'has-error' : ''}}">
{!! Form::file('connection_form', null, ['class' => 'form-control col-md-7 col-xs-12' , 'id' => 'connectionForm']) !!}
{!! $errors->first('connection_form', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
<button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Submit</button>
</div>
</div>
{!! Form::close() !!}
</div>
{{-- end of x_content --}}
</div>
{{-- end of x_panel --}}
</div>
</div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
$(function(){
$('select').select2();
});
</script>
@endsection

100
resources/views/infrastructure/edit_server.blade.php Executable file
View File

@@ -0,0 +1,100 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('content')
<div class="">
<div class="page-title">
<div class="title_left" style="width:800px !important;">
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li class="active">Updating Direct Connection</li>
</ol>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
@include('commons.notifications')
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
Updating Server Details {{ $server->friendly_name }} | {{ $server->public_ip_address}} ({{ $server->private_ip_address}} )
<div class="clearfix"></div>
</div>
{{-- start of content --}}
<div class="x_content">
<br>
{!! Form::open(['url' => 'infrastructure/updateserver', 'class' => 'form-horizontal form-label-left']) !!}
<input type="hidden" name="server_id" value="{{ $server->id }}">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="friendlyName">Friendly Name *</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('friendly_name') ? 'has-error' : ''}}">
{!! Form::text('friendly_name', $server->friendly_name, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter partner name' , 'id' => 'friendlyName']) !!}
{!! $errors->first('friendly_name', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="publicIpAddress">Public IP Address </label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('public_ip_address') ? 'has-error' : ''}}">
{!! Form::text('public_ip_address', $server->public_ip_address, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter Public IP Address' , 'id' => 'publicIpAddress']) !!}
{!! $errors->first('public_ip_address', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="privateIpAddress">Private IP Address </label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('private_ip_address') ? 'has-error' : ''}}">
{!! Form::text('private_ip_address', $server->private_ip_address, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter private ip address' , 'id' => 'privateIpAddress']) !!}
{!! $errors->first('private_ip_address', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="mainUse">Main Use</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('main_use') ? 'has-error' : ''}}">
{!! Form::text('main_use', $server->main_use, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter port number' , 'id' => 'mainUse']) !!}
{!! $errors->first('main_use', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remarks">Remarks </label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('remarks') ? 'has-error' : ''}}">
{!! Form::text('remarks', $server->remarks, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter remarks' , 'id' => 'remarks']) !!}
{!! $errors->first('remarks', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="type">Root Password</label>
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('password') ? 'has-error' : ''}}">
<?php $password = ($credentials !== null) ? decrypt($credentials->password) : null; ?>
{!! Form::text('password', $password, ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter password ' , 'id' => 'password']) !!}
{!! $errors->first('password', '<p class="help-block">:message</p>') !!}
</div>
</div>
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
<button type="submit" class="btn btn-success btn-block"><i class="fa fa-save"></i> Update</button>
</div>
</div>
{!! Form::close() !!}
</div>
{{-- end of x_content --}}
</div>
{{-- end of x_panel --}}
</div>
</div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
$(function(){
$('select').select2();
});
</script>
@endsection

146
resources/views/infrastructure/index.blade.php Executable file
View File

@@ -0,0 +1,146 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('css')
@endsection('css')
@section('content')
<div class="">
<div class="page-title">
<div class="title_left" style="width:800px !important;">
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li class="active">Servers</li>
</ol>
</div>
</div>
<div class="x_content">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-align-left"></i> Server Details</h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<!-- start accordion bQshRCMn8aAm -->
<div class="accordion" id="accordion1" role="tablist" aria-multiselectable="true">
@foreach($servers as $server_row)
<div class="panel">
<a class="panel-heading" style="background-color: #e5f3e5;" role="tab" id="headingOne{{ $server_row->id }}" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne{{ $server_row->id }}" aria-expanded="@if($server_row->id == 1){{ 'true' }}@else {{ 'false' }}@endif" aria-controls="collapse{{ $server_row->id }}">
<h4 class="panel-title">{{ $server_row->friendly_name }} #{{ $server_row->id }} {{ $server_row->public_ip_address }} </h4>
</a>
<div id="collapseOne{{ $server_row->id }}" class="panel-collapse collapse @if($server_row->id == 1){{ 'in' }}@else {{ '' }}@endif" role="tabpanel" aria-labelledby="heading{{ $server_row->id }}">
<div class="panel-body">
<div class="we">
<div class="col-md-6 passwordDiv">
<input type="text" class="form-control serverPassword" readonly="" value="{{ $server_row->root_password or 'no password found' }}" name="">
</div>
<input type="hidden" name="" class="serverID" value="{{ $server_row->id }}">
@if($server_row->root_password !== null)
<button class="btn btn-sm btn-primary serverPasswordBtn" title="click to descript password"><i class="fa fa-eye"></i></button>
@endif
</div>
<div class="clearfix"></div>
<h4>Direct Connections</h4>
<a href="{!! url('infrastructure/createdirect', $server_row->id) !!}" class="btn btn-primary btn-sm pull-right"><i class="fa fa-plus-square"></i> New</a>
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Partner Name</th>
<th>Connection</th>
<th>IP/Port</th>
<th>Domain</th>
<th>Peer</th>
<th>VPN Form</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@if($server_row->direct_connections_info)
@foreach($server_row->direct_connections_info as $row)
<tr>
<th scope="row">{{ $row->id }}</th>
<td>{{ $row->direct_partner }}</td>
<td>{{ $row->connection_type }}</td>
<td>{{ $row->main_ip_address }}:{{ $row->port }} </td>
<td>{{ $row->domain_name }}</td>
<td>{{ $row->vpn_peer_ip }}</td>
<th>@if($row->connection_document) <i class="fa fa-paperclip"></i> @else {{ 'N/A' }} @endif</th>
<td>
<a href="{!! url('infrastructure/editdirect', $row->id) !!}" class=""><i class="fa fa-edit"></i> </a>
<!-- <a href="" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a> -->
</td>
</tr>
@endforeach
@else
<tr>
<td colspan="8">No records</td>
</tr>
@endif
</tbody>
</table>
</div>
</div>
</div>
@endforeach
</div>
<!-- end of accordion -->
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-server"></i> Architectural Overview </h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="well">
<p>CLICK VPN PEER IP ADDRESS</p>
<p>216.55.137.19</p>
</div>
<div class="" id="" role="" >
<img src="{!! url('public/assets/img/overview.jpg') !!}" alt="server overview">
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('javascript')
<script>
$(document).ready(function(){
$('.serverPasswordBtn').click(function(){
let serverIDD = $(this).siblings('.serverID').val();
let passwordInput = $(this).siblings().children('.serverPassword');
$.ajax({
type: "GET",
data: { id: serverIDD },
url: base_url + "/infrastructure/revealpassword/" + serverIDD,
success: function(data){
$(passwordInput).val(data.password);
}
});
});
});
</script>
@endsection

121
resources/views/infrastructure/index_old.blade.php Executable file
View File

@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html>
<head>
<title>Click Infrastructure</title>
<link href="{!! url('public/assets/css/servers.css') !!}" type="text/css" rel="stylesheet">
</head>
<body>
<div class="container">
<h1 class="level-1 rectangle">Mobile Network Operators</h1>
<ol class="level-2-wrapper">
<li>
<h2 class="level-2 rectangle">USSD Server</h2>
<ol class="level-3-wrapper">
<li>
<h3 class="level-3 rectangle">Manager A</h3>
<ol class="level-4-wrapper">
</ol>
</li>
<li>
<h3 class="level-3 rectangle">Manager B</h3>
<ol class="level-4-wrapper">
</ol>
</li>
</ol>
</li>
<li>
<h2 class="level-2 rectangle">Billing Server</h2>
<ol class="level-3-wrapper">
<li>
<h3 class="level-3 rectangle">Manager C</h3>
<ol class="level-4-wrapper">
<!-- <li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li> -->
</ol>
</li>
<li>
<h3 class="level-3 rectangle">Manager D</h3>
<ol class="level-4-wrapper">
<!-- <li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li> -->
</ol>
</li>
</ol>
</li>
<li>
<h2 class="level-2 rectangle">IVR Server</h2>
<ol class="level-3-wrapper">
<li>
<h3 class="level-3 rectangle">Manager C</h3>
<ol class="level-4-wrapper">
<!-- <li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li> -->
</ol>
</li>
<li>
<h3 class="level-3 rectangle">Manager D</h3>
<ol class="level-4-wrapper">
<!-- <li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li> -->
</ol>
</li>
</ol>
</li>
<li>
<h2 class="level-2 rectangle">SMSC Server</h2>
<ol class="level-3-wrapper">
<li>
<h3 class="level-3 rectangle">Reporting Server</h3>
<!-- <ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
</ol> -->
</li>
<li>
<h3 class="level-3 rectangle">Bulk Tool</h3>
<!-- <ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
</ol> -->
</li>
</ol>
</li>
</ol>
</div>
<footer class="page-footer">
<span>made by </span>
<a href="https://georgemartsoukos.com/" target="_blank">
<img width="24" height="24" src="https://assets.codepen.io/162656/george-martsoukos-small-logo.svg" alt="George Martsoukos logo">
</a>
</footer>
</body>
</html>

103
resources/views/infrastructure/newtest.blade.php Executable file
View File

@@ -0,0 +1,103 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Org Chart</title>
<link href="{!! url('public/assets/vendors/bootstrap/dist/css/bootstrap.min.css') !!}" rel="stylesheet">
<link rel="stylesheet" href="{!! url('public/assets/css/demo.css') !!}"/>
<!-- <link rel="stylesheet" href="../jquery.orgchart.css"/> -->
<link href="{!! url('public/assets/css/jq-orgchart.css') !!}" type="text/css" rel="stylesheet">
<script type="text/javascript">
var base_url = "{!! url('/') !!}";
</script>
</head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<div id="left">
<ul id="organisation">
<li><em>Mobile Network Operators</em>
<ul>
<li><a href="">UCM</a><br/>
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<ul>
<li>Bulk Tool</li>
<li>Reporting Server</li>
</ul>
</li>
<li>IVR<br/>
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<ul>
<li>Apps Server</li>
</ul>
</li>
<li>USSD Gateway<br/>
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-half.png') !!}">
<ul>
<li>Apps Server</li>
</ul>
</li>
<li>Billing Platform<br/>
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-half.png') !!}">
<ul>
<li>Apps Server</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="content">
<h1>JQuery/CSS Organisation Chart</h1>
<div id="main">
</div>
<div class="text">
<h2>JQuery</h2>
<pre>
$("#organisation").orgChart({container: $("#main")});
</pre>
</div>
</div>
<footer>
<div class="pull-right">
Click Mobile | <a href="https://click-mobile.com">Main Website</a>
</div>
<div class="clearfix"></div>
</footer>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{!! url('public/assets/vendors/bootstrap/dist/js/bootstrap.min.js') !!}"></script>
<script src="{!! url('public/assets/js/jq-orgchart.js') !!}"></script>
<script>
$(function() {
$("#organisation").orgChart({container: $("#main")});
});
</script>
</body>
</html>

109
resources/views/infrastructure/server_list.blade.php Executable file
View File

@@ -0,0 +1,109 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('content')
<div class="">
<div class="page-title">
<div class="title_left">
<div class="title_left">
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li class="active">Server List</li>
</ol>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
@include('commons.notifications')
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2> Servers </h2>
<div class="pull-right">
<!-- <a class="btn btn-primary btn-sm" href="{!! url('clients/create') !!}"><i class="fa fa-plus-circle"></i> Add Client
</a> -->
</div>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="table-responsive">
<table class="table table-striped ">
<thead>
<tr class="headings">
{{-- <th>#</th> --}}
<th class="column-title">Friendly Name</th>
<th class="column-title">Public IP</th>
<th class="column-title">Private IP</th>
<th class="column-title">Main Use</th>
<th class="column-title">Remarks</th>
<th class="column-title">Root Password (encrypted)</th>
<th class="column-title">Last Modified By</th>
<th class="column-title no-link last"><span class="nobr">Action</span>
</th>
<th class="bulk-actions" colspan="7">
<a class="antoo" style="color:#fff; font-weight:500;">Bulk Actions ( <span class="action-cnt"> </span> ) <i class="fa fa-chevron-down"></i></a>
</th>
</tr>
</thead>
<tbody>
@if ($servers->isEmpty())
<tr>
<td class="" colspan="6">No Records found</td>
</tr>
@else
@foreach ($servers as $row)
<tr class="even pointer">
<td class="mes-td">{{ $row->friendly_name }}</td>
<td class="mes-td">{{ $row->public_ip_address }}</td>
<td class="mes-td">{{ $row->private_ip_address }}</td>
<td class="mes-td">{{ $row->main_use }}</td>
<td class="mes-td">{{ $row->remarks }}</td>
<td class="mes-td">
<?php $credentials = $row->credentials_info->where('username', 'root')->first();
if ($credentials) {
if ($credentials->password) {
echo substr($credentials->password, -200, 20);
}
}
?>
</td>
<td class="mes-td">{{ $row->modified_by_info->name }}</td>
<td class="last">
<a href="{!! url('infrastructure/editserver-list', $row->id) !!}" class="btn btn-xs btn-primary"><i class="fa fa-edit"></i></a>
<input type="hidden" name="server_id" class="serverID" value="{{ $row->id }}">
</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
$(document).ready(function(){
});
</script>
@endsection

88
resources/views/infrastructure/servers.blade.php Executable file
View File

@@ -0,0 +1,88 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('css')
<!-- <link rel="stylesheet" href="{!! url('public/assets/css/demo.css') !!}"/> -->
<!-- <link rel="stylesheet" href="../jquery.orgchart.css"/> -->
<link href="{!! url('public/assets/css/jq-orgchart.css') !!}" type="text/css" rel="stylesheet">
@endsection('css')
@section('content')
<title>Org Chart</title>
<div id="left">
<ul id="organisation">
<li><em>Mobile Network Operators</em>
<ul>
<li><a href="">UCM</a><br/>
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<ul>
<li>Bulk Tool</li>
<li>Reporting Server</li>
</ul>
</li>
<li>IVR<br/>
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<ul>
<li>Apps Server</li>
</ul>
</li>
<li>USSD Gateway<br/>
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-half.png') !!}">
<ul>
<li>Apps Server</li>
</ul>
</li>
<li>Billing Platform<br/>
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-one.png') !!}">
<img class="star" src="{!! url('public/assets/img/star-half.png') !!}">
<ul>
<li>Apps Server</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="content">
<h1>JQuery/CSS Organisation Chart</h1>
<div id="main">
</div>
</div>
@endsection
@section('javascript')
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
<script src="{!! url('public/assets/js/jq-orgchart.js') !!}"></script>
<script>
$(function() {
$("#organisation").orgChart({container: $("#main")});
});
</script>
@endsection

72
resources/views/infrastructure/test.blade.php Executable file
View File

@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/orgchart/2.1.9/css/jquery.orgchart.min.css" rel="stylesheet"/>
</head>
<body>
<ul id="ul-data">
<li class="mno"><a href="#">Mobile Network Operators</a>
<ul>
<li><a href="#">USSD Server</a>
<ul>
<li><a href="#">Apps Server</a></li>
</ul>
</li>
<li><a href="#">Billing Server</a>
<ul>
<li><a href="#">Apps Server</a></li>
<li><a href="#">SMSC Server</a></li>
</ul>
</li>
<li><a href="#">IVR Server</a>
<ul>
<li><a href="#">Apps Server</a></li>
</ul>
</li>
<li><a href="#">SMSC Server</a>
<ul>
<li><a href="#">Reporting Server</a></li>
<li><a href="#">Bulk Tool</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<div id="chart-container"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/orgchart/2.1.9/js/jquery.orgchart.min.js"></script>
<script type="text/javascript">
$(function() {
var oc = $('#chart-container').orgchart({
'data' : $('#ul-data'),
'toggleSiblingsResp': false,
'visibleLevel': 999,
'chartClass': '',
'exportButton': true,
'exportFilename': 'OrgChart',
'exportFileextension': 'png',
'parentNodeSymbol': 'fa-server',
'draggable': false,
'direction': 't2b',
'pan': false,
'zoom': false,
'zoominLimit': 7,
'zoomoutLimit': 0.5,
'allowEdit' : false,
'onClickNode' : function(){
console.log('foo bar');
}
});
});
</script>
</body>
</html>