You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airavata.apache.org by nd...@apache.org on 2015/11/19 22:27:51 UTC

[2/3] airavata-php-gateway git commit: storage resource updates in progress.

http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/cce42251/app/views/data-storage/browse.blade.php
----------------------------------------------------------------------
diff --git a/app/views/data-storage/browse.blade.php b/app/views/data-storage/browse.blade.php
deleted file mode 100644
index c9b5382..0000000
--- a/app/views/data-storage/browse.blade.php
+++ /dev/null
@@ -1,213 +0,0 @@
-@extends('layout.basic')
-
-@section('page-header')
-@parent
-{{ HTML::style('css/admin.css')}}
-{{ HTML::style('css/datetimepicker.css')}}
-@stop
-
-@section('content')
-
-<div id="wrapper">
-    <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
-    @include( 'partials/dashboard-block')
-    <div id="page-wrapper">
-
-<div class="container-fluid">
-    @if( Session::has("message"))
-    <div class="col-md-12">
-        <span class="alert alert-success">{{ Session::get("message") }}</span>
-    </div>
-    {{ Session::forget("message") }}
-    @endif
-
-    @if ( isset( $allCRs) )
-    @if (sizeof($allCRs) == 0)
-    {{ CommonUtilities::print_warning_message('No Compute Resources are registered. Please use "Register Compute
-    Resource" to
-    register a new resources.') }}
-    @else
-    <br/>
-    <div class="col-md-12">
-        <div class="panel panel-default form-inline">
-            <div class="panel-heading">
-                <h3 style="margin:0;">Search Compute Resources</h3>
-            </div>
-            <div class="panel-body">
-                <div class="form-group search-text-block">
-                    <label>Compute Resource Name </label>
-                    <input type="search" class="form-control filterinput"/>
-                </div>
-            </div>
-        </div>
-
-        <div class="row">
-            <div class="table-responsive">
-                <table class="table">
-
-                    <tr>
-
-                        <th>Name</th>
-                        <th>Id</th>
-                        @if(Session::has("admin"))
-                        <th>Enabled</th>
-                        <th>Edit</th>
-                        @endif
-                        <th>View</th>
-                        @if(Session::has("admin"))
-                        <th>Delete</th>
-                        @endif
-                    </tr>
-
-                    @foreach($allCRs as $resource)
-                    <?php
-                        $crId = $resource->computeResourceId;
-                        $crName = $resource->hostName;
-                        $enabled = $resource->enabled;
-                    ?>
-                    <tr id="crDetails">
-                        <td>{{ $crName }}</td>
-                        <td>{{ $crId }}</td>
-                        @if(Session::has("admin"))
-                        <td>
-                            @if(!$enabled)
-                            <div class="checkbox">
-                                <input class="resource-status" resourceId="{{$crId}}" type="checkbox">
-                            </div>
-                            @else
-                            <div class="checkbox">
-                                <input class="resource-status" type="checkbox" resourceId="{{$crId}}" checked>
-                            </div>
-                            @endif
-                        </td>
-                        <td><a href="{{URL::to('/')}}/cr/edit?crId={{ $crId }}" title="Edit">
-                                <span class="glyphicon glyphicon-pencil"></span>
-                            </a>
-                        </td>
-                        @endif
-                        <td>
-                            <a href="{{URL::to('/')}}/cr/view?crId={{ $crId }}" title="Edit">
-                            <span class="glyphicon glyphicon-list"></span>
-                            </a>
-                        </td>
-                        @if(Session::has("admin"))
-                        <td>
-                            <a href="#" title="Delete">
-                                <span class="glyphicon glyphicon-trash del-cr" data-toggle="modal"
-                                      data-target="#delete-cr-block" data-delete-cr-name="{{$crName}}"
-                                      data-deployment-count="{{$connectedDeployments[$crId]}}"
-                                      data-crid="{{$crId}}"></span>
-                            </a>
-                        </td>
-                        @endif
-                    </tr>
-                    @endforeach
-
-                </table>
-            </div>
-        </div>
-        @endif
-        @endif
-
-        <div class="modal fade" id="delete-cr-block" tabindex="-1" role="dialog" aria-labelledby="add-modal"
-             aria-hidden="true">
-            <div class="modal-dialog">
-
-                <form action="{{URL::to('/')}}/cr/delete-cr" method="POST">
-                    <div class="modal-content">
-                        <div class="modal-header">
-                            <h3 class="text-center">Delete Compute Resource Confirmation</h3>
-                        </div>
-                        <div class="modal-body">
-                            <input type="hidden" class="form-control delete-crId" name="del-crId"/>
-                            The Compute Resource, <span class="delete-cr-name"></span> is connected to <span
-                                class="deploymentCount">0</span> deployments.
-                            Do you really want to delete it? This action cannot be undone.
-                        </div>
-                        <div class="modal-footer">
-                            <div class="form-group">
-                                <input type="submit" class="btn btn-danger" value="Delete"/>
-                                <input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel"/>
-                            </div>
-                        </div>
-                    </div>
-
-                </form>
-            </div>
-        </div>
-
-    </div>
-</div>
-</div>
-
-    @stop
-    @section('scripts')
-    @parent
-    <script type="text/javascript">
-        $('.filterinput').keyup(function () {
-            var value = $(this).val();
-            if (value.length > 0) {
-                $("table tr").each(function (index) {
-                    if (index != 0) {
-
-                        $row = $(this);
-
-                        var id = $row.find("td:first").text();
-                        id = $.trim(id);
-                        id = id.substr(0, value.length);
-                        if (id == value) {
-                            $(this).slideDown();
-                        }
-                        else {
-                            $(this).slideUp();
-                        }
-                    }
-                });
-            } else {
-                $("table tr").slideDown();
-            }
-            return false;
-        });
-
-        $(".del-cr").click(function () {
-            $(".delete-cr-name").html("'" + $(this).data("delete-cr-name") + "'");
-            $(".delete-crId").val($(this).data("crid"));
-            $(".deploymentCount").html($(this).data("deployment-count"));
-        });
-
-        $('.resource-status').click(function() {
-            var $this = $(this);
-            if ($this.is(':checked')) {
-                //enable compute resource
-                $resourceId = $this.attr("resourceId");
-                $.ajax({
-                    type: 'POST',
-                    url: "{{URL::to('/')}}/admin/enable-cr",
-                    data: {
-                        'resourceId': $resourceId
-                    },
-                    async: true,
-                    success: function (data) {
-                        console.log("enabled cr " + $resourceId);
-                        $(".success-message").html("<span class='alert alert-success col-md-12'>Successfully enabled compute resource</span>");
-                    }
-                });
-            } else {
-                //disabled compute resource
-                $resourceId = $this.attr("resourceId");
-                $.ajax({
-                    type: 'POST',
-                    url: "{{URL::to('/')}}/admin/disable-cr",
-                    data: {
-                        'resourceId': $resourceId
-                    },
-                    async: true,
-                    success: function (data) {
-                        console.log("disabled cr " + $resourceId);
-                        $(".success-message").html("<span class='alert alert-success col-md-12'>Successfully disabled compute resource</span>");
-                    }
-                });
-            }
-        });
-    </script>
-    @stop
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/cce42251/app/views/data-storage/create.blade.php
----------------------------------------------------------------------
diff --git a/app/views/data-storage/create.blade.php b/app/views/data-storage/create.blade.php
deleted file mode 100644
index 1d44c22..0000000
--- a/app/views/data-storage/create.blade.php
+++ /dev/null
@@ -1,53 +0,0 @@
-@extends('layout.basic')
-
-@section('page-header')
-@parent
-{{ HTML::style('css/admin.css')}}
-{{ HTML::style('css/datetimepicker.css')}}
-@stop
-
-@section('content')
-
-<div id="wrapper">
-    <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
-    @include( 'partials/dashboard-block')
-    <div id="page-wrapper">
-
-<div class="container-fluid">
-    <div class="col-md-offset-2 col-md-8">
-        <h3>Create a Resource</h3>
-
-        <form role="form" method="POST" action="{{ URL::to('/') }}/cr/create">
-            <div class="form-group required">
-                <label class="control-label">Host Name</label>
-                <input class="form-control hostName" maxlength="100" name="hostname" required="required"/>
-            </div>
-            <div class="form-group">
-                <label class="control-label">Host Aliases</label>
-                <input class="form-control" maxlength="30" name="hostaliases[]"/>
-                <button type="button" class="btn btn-sm btn-default add-alias">Add More Aliases</button>
-            </div>
-            <div class="form-group">
-                <label class="control-label">IP Addresses</label>
-                <input class="form-control" maxlength="30" name="ips[]"/>
-                <button type="button" class="btn btn-sm btn-default add-ip">Add More IP Addresses</button>
-            </div>
-            <div class="form-group">
-                <label class="control-label">Resource Description</label>
-                <textarea class="form-control" maxlength="255" name="description"></textarea>
-            </div>
-            <div class="form-group">
-                <input type="submit" class="btn btn-lg btn-primary" name="step1" value="Create"/>
-                <input type="reset" class="btn btn-lg btn-success" value="Reset"/>
-            </div>
-        </form>
-    </div>
-</div>
-</div>
-</div>
-@stop
-
-@section('scripts')
-@parent
-{{ HTML::script('js/script.js') }}
-@stop
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/cce42251/app/views/data-storage/edit.blade.php
----------------------------------------------------------------------
diff --git a/app/views/data-storage/edit.blade.php b/app/views/data-storage/edit.blade.php
deleted file mode 100644
index c5a2671..0000000
--- a/app/views/data-storage/edit.blade.php
+++ /dev/null
@@ -1,836 +0,0 @@
-@extends('layout.basic')
-
-@section('page-header')
-@parent
-{{ HTML::style('css/admin.css')}}
-{{ HTML::style('css/datetimepicker.css')}}
-@stop
-
-@section('content')
-
-<div id="wrapper">
-<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
-@include( 'partials/dashboard-block')
-<div id="page-wrapper">
-
-<div class="container-fluid">
-<div class="col-md-offset-2 col-md-8">
-
-<input type="hidden" class="base-url" value="{{URL::to('/')}}"/>
-
-<div class="well">
-    <h4>Compute Resource : {{ $computeResource->hostName }}</h4>
-</div>
-@if( Session::has("message"))
-<span class="alert alert-success col-md-12">{{Session::get("message")}}</span>
-{{Session::forget("message") }}
-@endif
-
-<div class="col-md-12">
-    <ul class="nav nav-tabs nav-justified" id="tabs" role="tablist">
-        <li class="active"><a href="#tab-desc" data-toggle="tab">Description</a></li>
-        <li><a href="#tab-queues" data-toggle="tab">Queues</a></a></li>
-        <li><a href="#tab-filesystem" data-toggle="tab">FileSystem</a></li>
-        <li><a href="#tab-jobSubmission" data-toggle="tab">Job Submission Interfaces</a></li>
-        <li><a href="#tab-dataMovement" data-toggle="tab">Data Movement Interfaces</a></li>
-    </ul>
-</div>
-
-<div class="tab-content">
-
-<div class="tab-pane active" id="tab-desc">
-
-    <form role="form" method="POST" action="{{ URL::to('/') }}/cr/edit">
-        <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-        <input type="hidden" name="cr-edit" value="resDesc"/>
-
-        <div class="form-group required">
-            <label class="control-label">Host Name</label>
-            <input class="form-control hostName" value="{{ $computeResource->hostName }}" maxlength="100"
-                   name="hostname" required="required"/>
-        </div>
-        <div class="form-group">
-            <label class="control-label">Host Aliases</label>
-            @if( count( $computeResource->hostAliases) )
-            @foreach( $computeResource->hostAliases as $hostAlias )
-            <input class="form-control" value="{{$hostAlias}}" maxlength="30" name="hostaliases[]"/>
-            @endforeach
-            @else
-            <input class="form-control" value="" maxlength="30" name="hostaliases[]"/>
-            @endif
-            <button type="button" class="btn btn-sm btn-default add-alias">Add Aliases</button>
-        </div>
-        <div class="form-group">
-            <label class="control-label">IP Addresses</label>
-            @if( count( $computeResource->ipAddresses))
-            @foreach( $computeResource->ipAddresses as $ip )
-            <input class="form-control" value="{{ $ip }}" maxlength="30" name="ips[]"/>
-            @endforeach
-            @else
-            <input class="form-control" value="" maxlength="30" name="ips[]"/>
-            @endif
-            <button type="button" class="btn btn-sm btn-default add-ip">Add IP Addresses</button>
-        </div>
-        <div class="form-group">
-            <label class="control-label">Resource Description</label>
-            <textarea class="form-control" maxlength="255" name="description">{{ $computeResource->resourceDescription
-                }}</textarea>
-        </div>
-        <div class="form-group">
-            <label class="control-label">Maximum Memory Per Node ( In MB )</label>
-            <input type="number" min="0" class="form-control" value="{{ $computeResource->maxMemoryPerNode }}"
-                   maxlength="30" name="maxMemoryPerNode"/>
-        </div>
-        <div class="form-group">
-            <input type="submit" class="btn btn-primary" name="step1" value="Save changes"/>
-        </div>
-
-    </form>
-
-</div>
-
-<div class="tab-pane" id="tab-queues">
-
-    @if( is_array( $computeResource->batchQueues) )
-    <h3>Existing Queues :</h3>
-
-    <div class="panel-group" id="accordion">
-        @foreach( $computeResource->batchQueues as $index => $queue)
-        <div class="panel panel-default">
-            <div class="panel-heading">
-                <h4 class="panel-title">
-                    <a class="accordion-toggle collapsed existing-queue-name" data-toggle="collapse"
-                       data-parent="#accordion" href="#collapse-{{$index}}">{{ $queue->queueName }}</a>
-
-                    <div class="pull-right col-md-1">
-                        <span class="glyphicon glyphicon-trash delete-queue" style="cursor:pointer;" data-toggle="modal"
-                              data-target="#delete-queue" data-queue-name="{{ $queue->queueName }}"></span>
-                    </div>
-                </h4>
-            </div>
-            <div id="collapse-{{$index}}" class="panel-collapse collapse">
-                <div class="panel-body">
-                    <form role="form" method="POST" action="{{ URL::to('/')}}/cr/edit">
-                        <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-
-                        <div class="queue">
-                            <input type="hidden" name="cr-edit" value="queue"/>
-
-                            <div class="form-group required">
-                                <label class="control-label">Queue Name
-                                    <small> ( cannot be changed.)</small>
-                                </label>
-                                <input class="form-control" value="{{ $queue->queueName }}" maxlength="30" name="qname"
-                                       placeholder="Queue Name" readonly/>
-                            </div>
-                            @include('partials/queue-block', array('queueData'=>$queue))
-                            <div class="form-group">
-                                <input type="submit" min="0" class="btn" name="step1" value="Update"/>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-        @endforeach
-    </div>
-    @endif
-    <div class="queue-block hide">
-        <form role="form" method="POST" action="{{ URL::to('/')}}/cr/edit">
-            <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-
-            <div class="queue">
-                <div class="queue">
-                    <input type="hidden" name="cr-edit" value="queue"/>
-
-                    <div class="form-group required">
-                        <label class="control-label">Queue Name
-                            <small> ( A queue name is unique and cannot be changed later.)</small>
-                        </label>
-                        <input class="form-control create-queue-name" maxlength="30" name="qname"
-                               placeholder="Queue Name" required="required"/>
-                    </div>
-                    @include('partials/queue-block')
-
-                </div>
-                <div class="form-group">
-                    <input type="button" class="btn create-queue-form btn-primary" name="step1" value="Create"/>
-                    <input type="reset" class="btn  btn-success" value="Reset"/>
-                </div>
-            </div>
-        </form>
-    </div>
-    <div class="form-group well add-queue-block">
-        <button type="button" class="btn btn-sm btn-default add-queue">Add a Queue</button>
-    </div>
-
-</div>
-
-<div class="tab-pane" id="tab-filesystem">
-
-    <form role="form" method="POST" action="{{URL::to('/')}}/cr/edit">
-        <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-        <input type="hidden" name="cr-edit" value="fileSystems"/>
-
-        <div class="form-group">
-            <h3>FileSystem</h3>
-            @foreach( $fileSystems as $index => $fileSystem)
-            <label class="control-label">{{ $fileSystem }}</label>
-            <input class="form-control" name="fileSystems[{{ $index }}]" placeholder="{{ $fileSystem }}"
-                   value="@if( isset( $computeResource->fileSystems[ $index]) ){{ $computeResource->fileSystems[ $index] }} @endif"/>
-            @endforeach
-            </select>
-        </div>
-        <div class="form-group">
-            <button class="btn btn-prim">Update</button>
-        </div>
-    </form>
-
-</div>
-
-<div class="tab-pane" id="tab-jobSubmission">
-
-    <div class="form-group">
-        <div class="job-submission-info row hide"></div>
-        <button type="button" class="btn btn-sm btn-default add-job-submission">Add a new Job Submission Interface
-        </button>
-        @if( count( $jobSubmissionInterfaces ) > 1)
-        <button type="button" class="btn btn-sm btn-default update-priority" data-type="jsi" data-toggle="modal"
-                data-target="#update-jsi-priority">Update Priority
-        </button>
-        @endif
-    </div>
-
-    @if( count( $jobSubmissionInterfaces ) )
-    <div class="job-edit-info">
-        @foreach( $jobSubmissionInterfaces as $index => $JSI )
-
-        <div class="job-protocol-block">
-            <form role="form" method="POST" action="{{ URL::to('/') }}/cr/edit">
-                <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-                <input type="hidden" name="cr-edit" value="edit-jsp"/>
-                <input type="hidden" name="jsiId" value="{{ $JSI->jobSubmissionInterfaceId }}"/>
-                <?php $selectedJspIndex = $computeResource->jobSubmissionInterfaces[$index]->jobSubmissionProtocol; ?>
-
-                <h4>Job Submission Protocol : {{ $jobSubmissionProtocols[ $selectedJspIndex] }}
-                    <button type='button' class='close delete-jsi' data-toggle="modal" data-target="#confirm-delete-jsi"
-                            data-jsi-id="{{ $JSI->jobSubmissionInterfaceId }}">
-                        <span class="glyphicon glyphicon-trash delete-jsi" data-toggle="modal"
-                              data-target="#confirm-delete-jsi"
-                              data-jsi-id="{{ $JSI->jobSubmissionInterfaceId }}"></span>
-                    </button>
-                </h4>
-                <input type="hidden" name="jobSubmissionProtocol" value="{{ $selectedJspIndex }}"/>
-                @if( $selectedJspIndex == $jobSubmissionProtocolsObject::LOCAL)
-                <div class="select-resource-manager-type">
-                    <div class="form-group required">
-                        <label class="control-label">Select resource manager type</label>
-                        <select name="resourceJobManagerType" class="form-control selected-resource-manager"
-                                required="required">
-                            @foreach( $resourceJobManagerTypes as $index => $rJmT)
-                            <option value="{{ $index }}"
-                            @if( $JSI->resourceJobManager->resourceJobManagerType == $index ) selected @endif >{{ $rJmT
-                            }}</option>
-                            @endforeach
-                        </select>
-                    </div>
-                    <div class="form-group">
-                        <label class="control-label">Push Monitoring End Point</label>
-                        <input type="text" class="form-control" name="pushMonitoringEndpoint"
-                               value="{{ $JSI->resourceJobManager->pushMonitoringEndpoint }}"/>
-                    </div>
-                    <div class="form-group">
-                        <label class="control-label">Job Manager Bin Path</label>
-                        <input type="text" class="form-control" name="jobManagerBinPath"
-                               value="{{ $JSI->resourceJobManager->jobManagerBinPath }}"/>
-                    </div>
-                    <div class="form-group">
-                        <h3>Job Manager Commands</h3>
-                        @foreach( $jobManagerCommands as $index => $jmc)
-                        <label class="control-label">{{ $jmc }}</label>
-                        <input class="form-control" name="jobManagerCommands[{{ $index }}]" placeholder="{{ $jmc }}"
-                               value="@if( isset( $JSI->resourceJobManager->jobManagerCommands[$index] ) ) {{ $JSI->resourceJobManager->jobManagerCommands[$index] }} @endif"/>
-                        @endforeach
-                        </select>
-                    </div>
-                </div>
-                @elseif( $selectedJspIndex == $jobSubmissionProtocolsObject::SSH || $jobSubmissionProtocolsObject::SSH_FORK)
-                <div class="form-group required">
-                    <label class="control-label">Select Security Protocol</label>
-                    <select name="securityProtocol" required="required">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $JSI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <label class="control-label">Alternate SSH Host Name</label>
-                    <input class='form-control' name='alternativeSSHHostName'
-                           value="{{ $JSI->alternativeSSHHostName}}"/>
-                </div>
-                <div class="form-group">
-                    <label class="control-label">SSH Port</label>
-                    <input class='form-control' name='sshPort' value="{{ $JSI->sshPort }}"/>
-                </div>
-
-                <div class="form-group required">
-                    <label class="control-label">Select Monitoring Mode</label>
-                    <select name="monitorMode" required>
-                        @foreach( $monitorModes as $index => $mode)
-                        <option value="{{ $index }}"
-                        @if( $JSI->monitorMode == $index ) selected @endif>{{ $mode}}</option>
-                        @endforeach
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <div class="select-resource-manager-type">
-                        <div class="form-group required">
-                            <label class="control-label">Select resource manager type</label>
-                            <select name="resourceJobManagerType" class="form-control selected-resource-manager"
-                                    required="required">
-                                @foreach( $resourceJobManagerTypes as $index => $rJmT)
-                                <option value="{{ $index }}"
-                                @if( $JSI->resourceJobManager->resourceJobManagerType == $index ) selected @endif >{{
-                                $rJmT }}</option>
-                                @endforeach
-                            </select>
-                        </div>
-                        <div class="form-group">
-                            <label class="control-label">Push Monitoring End Point</label>
-                            <input type="text" class="form-control" name="pushMonitoringEndpoint"
-                                   value="{{ $JSI->resourceJobManager->pushMonitoringEndpoint }}"/>
-                        </div>
-                        <div class="form-group">
-                            <label class="control-label">Job Manager Bin Path</label>
-                            <input type="text" class="form-control" name="jobManagerBinPath"
-                                   value="{{ $JSI->resourceJobManager->jobManagerBinPath }}"/>
-                        </div>
-                        <div class="form-group">
-                            <h3>Job Manager Commands</h3>
-                            @foreach( $jobManagerCommands as $index => $jmc)
-                            <label class="control-label">{{ $jmc }}</label>
-                            <input class="form-control" name="jobManagerCommands[{{ $index }}]" placeholder="{{ $jmc }}"
-                                   value="@if( isset( $JSI->resourceJobManager->jobManagerCommands[$index] ) ) {{ $JSI->resourceJobManager->jobManagerCommands[$index] }} @endif"/>
-                            @endforeach
-                        </div>
-                    </div>
-                </div>
-
-                @elseif( $selectedJspIndex == $jobSubmissionProtocolsObject::UNICORE)
-                <div class="form-group required">
-                    <label class="control-label">Select Security Protocol</label>
-                    <select name="securityProtocol" required="required">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $JSI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label class="form-label">Unicore End Point URL</label>
-                    <input class='form-control' name='unicoreEndPointURL' value="{{ $JSI->unicoreEndPointURL }}"/>
-                </div>
-                @endif
-                <div class="form-group">
-                    <button type="submit" class="btn">Update</button>
-                </div>
-            </form>
-
-        </div>
-        @endforeach
-    </div>
-    @endif
-
-    <div class="select-job-protocol hide">
-        <form role="form" method="POST" action="{{ URL::to('/') }}/cr/edit">
-            <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-            <input type="hidden" name="cr-edit" value="jsp"/>
-
-            <div class="form-group">
-                <label class="control-label">Job Submission Protocol:</label>
-                <select name="jobSubmissionProtocol" class="form-control selected-job-protocol" required="required">
-                    <option></option>
-                    @foreach( $jobSubmissionProtocols as $index => $jobSubmissionProtocol)
-                    @if( ! in_array( $index, $addedJSP))
-                    <option value="{{ $index }}">{{ $jobSubmissionProtocol }}</option>
-                    @endif
-                    @endforeach
-                </select>
-            </div>
-
-            <div class="form-group">
-                <button type="submit" class="btn btn-primary jspSubmit hide">Add Job Submission Protocol</button>
-            </div>
-        </form>
-    </div>
-
-</div>
-
-<div class="tab-pane" id="tab-dataMovement">
-
-    <div class="form-group">
-        <div class="data-movement-info row hide"></div>
-        <button type="button" class="btn btn-sm btn-default add-data-movement">Add a new Data Movement Interface
-        </button>
-        @if( count( $dataMovementInterfaces ) > 1)
-        <button type="button" class="btn btn-sm btn-default update-priority" data-type="dmi" data-toggle="modal"
-                data-target="#update-dmi-priority">Update Priority
-        </button>
-        @endif
-    </div>
-
-    @if( count( $dataMovementInterfaces ) )
-    <div class="job-edit-info">
-        @foreach( $dataMovementInterfaces as $index => $DMI )
-        <div class="data-movement-block">
-            <form role="form" method="POST" action="{{ URL::to('/') }}/cr/edit">
-                <input type="hidden" name="crId" class="crId" value="{{Input::get('crId') }}"/>
-                <input type="hidden" name="cr-edit" value="edit-dmi"/>
-                <input type="hidden" name="dmiId" value="{{ $DMI->dataMovementInterfaceId }}"/>
-
-                <?php $selectedDMIIndex = $computeResource->dataMovementInterfaces[$index]->dataMovementProtocol; ?>
-
-                <h4>Data Movement Protocol : {{ $dataMovementProtocols[ $selectedDMIIndex] }}
-                    <button type='button' class='close delete-dmi' data-toggle="modal" data-target="#confirm-delete-dmi"
-                            data-dmi-id="{{ $DMI->dataMovementInterfaceId }}">
-                        <span class="glyphicon glyphicon-trash delete-dmi" data-toggle="modal"
-                              data-target="#confirm-delete-dmi"
-                              data-dmi-id="{{ $DMI->dataMovementInterfaceId }}"></span>
-                    </button>
-                </h4>
-                <input type="hidden" name="dataMovementProtocol" value="{{ $selectedDMIIndex }}"/>
-                @if( $selectedDMIIndex == $dataMovementProtocolsObject::LOCAL)
-                <!-- Nothing here on local UI -->
-                @elseif( $selectedDMIIndex == $dataMovementProtocolsObject::SCP)
-                <div class="form-group">
-                    <label class="control-label">Select Security Protocol</label>
-                    <select name="securityProtocol">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $DMI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-                </div>
-{{--                <div class="form-group">
-                    <label class="control-label">Select Monitoring Mode</label>
-                    <select name="monitorMode">
-                        @foreach( $monitorModes as $index => $mode)
-                        <option value="{{ $index }}"
-                        @if( $JSI->monitorMode == $index ) selected @endif>{{ $mode}}</option>
-                        @endforeach
-                    </select>
-                </div>--}}
-                <div class="form-group">
-                    <label class="control-label">Alternate SSH Host Name</label>
-                    <input class='form-control' name='alternativeSSHHostName'
-                           value="{{ $DMI->alternativeSCPHostName }}"/>
-                </div>
-                <div class="form-group">
-                    <label class="control-label">SSH Port</label>
-                    <input class='form-control' name='sshPort' value="{{ $DMI->sshPort }}"/>
-                </div>
-                <div class="form-group">
-                    <button type="submit" class="btn">Update</button>
-                </div>
-                @elseif( $selectedDMIIndex == $dataMovementProtocolsObject::GridFTP)
-                <div class="form-group">
-                    <label class="control-label">Select Security Protocol</label>
-                    <select name="securityProtocol">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $DMI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-                </div>
-{{--                <div class="form-group">
-                    <label class="control-label">Select Monitoring Mode</label>
-                    <select name="monitorMode">
-                        @foreach( $monitorModes as $index => $mode)
-                        <option value="{{ $index }}"
-                        @if( $JSI->monitorMode == $index ) selected @endif>{{ $mode}}</option>
-                        @endforeach
-                    </select>
-                </div>--}}
-
-                <div>
-                    <div class="form-group required">
-                        <label class="control-label">Grid FTP End Points</label>
-                        @foreach( $DMI->gridFTPEndPoints as $endPoint)
-                        <input class="form-control" maxlength="30" name="gridFTPEndPoints[]" required="required"
-                               value="{{$endPoint}}"/>
-                        @endforeach
-                        <button type="button" class="btn btn-sm btn-default add-gridFTPEndPoint">Add More Grid FTP
-                            End Points
-                        </button>
-                    </div>
-                </div>
-                <div class="form-group">
-                    <button type="submit" class="btn">Update</button>
-                </div>
-                @elseif( $selectedDMIIndex == $dataMovementProtocolsObject::UNICORE_STORAGE_SERVICE)
-                <div class="form-group">
-                    <label class="control-label">Select Security Protocol</label>
-                    <select name="securityProtocol">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $DMI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-                </div>
-{{--                <div class="form-group">
-                    <label class="control-label">Select Monitoring Mode</label>
-                    <select name="monitorMode">
-                        @foreach( $monitorModes as $index => $mode)
-                        <option value="{{ $index }}"
-                        @if( $JSI->monitorMode == $index ) selected @endif>{{ $mode}}</option>
-                        @endforeach
-                    </select>
-                </div>--}}
-
-                <div>
-                    <div class="form-group required">
-                        <label class="control-label">Unicore End Point URL</label>
-                        <input class="form-control" maxlength="30" name="unicoreEndPointURL" required="required"
-                               value="{{ $DMI->unicoreEndPointURL }}"/>
-                    </div>
-                </div>
-                <div class="form-group">
-                    <button type="submit" class="btn">Update</button>
-                </div>
-                @endif
-            </form>
-        </div>
-        @endforeach
-    </div>
-    @endif
-    <div class="select-data-movement hide">
-
-        <form role="form" method="POST" action="{{ URL::to('/') }}/cr/edit">
-            <input type="hidden" name="crId" class="crId" value="{{Input::get('crId') }}"/>
-            <input type="hidden" name="cr-edit" value="dmp"/>
-            <h4>
-                Select the Data Movement Protocol
-            </h4>
-
-            <select name="dataMovementProtocol" class="form-control selected-data-movement-protocol">
-                <option></option>
-                @foreach( $dataMovementProtocols as $index => $dmp)
-                //GridFTP and SFTP not supported in Airavata backend. Therefore commenting out from UI
-                @if( ! in_array( $index, $addedDMI) && $dmp!="GridFTP" && $dmp!="SFTP")
-                <option value="{{ $index }}">{{ $dmp }}</option>
-                @endif
-                @endforeach
-            </select>
-
-            <div class="form-group">
-                <button type="submit" class="btn btn-primary dmpSubmit hide">Add Data Movement Protocol</button>
-            </div>
-
-        </form>
-
-    </div>
-
-</div>
-
-
-</div>
-
-
-<div class="resource-manager-block hide">
-    <div class="select-resource-manager-type">
-        <div class="form-group required">
-            <label class="control-label">Select resource manager type</label>
-            <select name="resourceJobManagerType" class="form-control selected-resource-manager" required="required">
-                @foreach( $resourceJobManagerTypes as $index => $rJmT)
-                <option value="{{ $index }}">{{ $rJmT }}</option>
-                @endforeach
-            </select>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="control-label">Push Monitoring End Point</label>
-        <input type="text" class="form-control" name="pushMonitoringEndpoint"/>
-    </div>
-    <div class="form-group">
-        <label class="control-label">Job Manager Bin Path</label>
-        <input type="text" class="form-control" name="jobManagerBinPath"/>
-    </div>
-    <div class="form-group">
-        <h3>Job Manager Commands</h3>
-        @foreach( $jobManagerCommands as $index => $jmc)
-        <label class="control-label">{{ $jmc }}</label>
-        <input class="form-control" name="jobManagerCommands[{{ $index }}]" placeholder="{{ $jmc }}"/>
-        @endforeach
-        </select>
-    </div>
-</div>
-
-<div class="ssh-block hide">
-    <div class="form-group required">
-        <label class="control-label">Select Security Protocol </label>
-        <select name="securityProtocol" required>
-            @foreach( $securityProtocols as $index => $sp)
-            <option value="{{ $index }}">{{ $sp }}</option>
-            @endforeach
-        </select>
-    </div>
-
-<!--    <div class="form-group required">-->
-<!--        <label class="control-label">Select Monitoring Mode </label>-->
-<!--        <select name="monitorMode" required>-->
-<!--            @foreach( $monitorModes as $index => $mode)-->
-<!--            <option value="{{ $index }}">{{ $mode}}</option>-->
-<!--            @endforeach-->
-<!--        </select>-->
-<!--    </div>-->
-
-    <div class="form-group addedScpValue hide">
-        <label class="control-label">Alternate SSH Host Name</label>
-        <input class='form-control' name='alternativeSSHHostName'/>
-    </div>
-    <div class="form-group addedScpValue hide">
-        <label class="control-label">SSH Port</label>
-        <input class='form-control' name='sshPort'/>
-    </div>
-</div>
-
-<div class="cloud-block hide">
-    <div class="form-group">
-        <label class="control-label">Node Id</label>
-        <input class="form-control" name="nodeId" placeholder="nodId"/>
-    </div>
-    <div class="form-group">
-        <label class="control-label">Node Id</label>
-        <input class="form-control" name="nodeId" placeholder="nodId"/>
-    </div>
-    <div class="form-group">
-        <label class="control-label">Executable Type</label>
-        <input class="form-control" name="nodeId" placeholder="executableType"/>
-    </div>
-    <div class="form-group">
-        <label class="control-label">Select Provider Name</label>
-        <select class="form-control">
-            <option name="EC2">EC2</option>
-            <option name="AWSEC2">AWEC2</option>
-            <option name="RACKSPACE">RACKSPACE</option>
-        </select>
-    </div>
-</div>
-
-<div class="dm-gridftp hide">
-    <div class="form-group required">
-        <label class="control-label">Grid FTP End Points</label>
-        <input class="form-control" maxlength="30" name="gridFTPEndPoints[]" required/>
-        <button type="button" class="btn btn-sm btn-default add-gridFTPEndPoint">Add More Grid FTP End Points</button>
-    </div>
-</div>
-
-<!--
-<div class="form-group">
-    <input type="submit" class="btn  btn-primary" name="step2" value="Continue"/>
-    <input type="reset" class="btn  btn-success" value="Reset"/>
-</div>
-
--->
-</div>
-</div>
-</div>
-</div>
-
-<!-- modals -->
-
-<div class="modal fade" id="confirm-delete-jsi" tabindex="-1" role="dialog" aria-labelledby="delete-modal"
-     aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <form action="{{ URL::to('cr/delete-jsi') }}" method="POST">
-                <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-                <input type="hidden" name="jsiId" value="" class="delete-jsi-confirm"/>
-
-                <div class="modal-header">
-                    Confirmation
-                </div>
-                <div class="modal-body">
-                    Do you really want to delete this Job Submission Interface ?
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-                    <button type="submit" class="btn btn-danger danger">Delete</button>
-                </div>
-            </form>
-
-        </div>
-    </div>
-</div>
-
-<div class="modal fade" id="confirm-delete-dmi" tabindex="-1" role="dialog" aria-labelledby="delete-modal"
-     aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <form action="{{ URL::to('cr/delete-jsi') }}" method="POST">
-                <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-                <input type="hidden" name="dmiId" value="" class="delete-dmi-confirm"/>
-
-                <div class="modal-header">
-                    Confirmation
-                </div>
-                <div class="modal-body">
-                    Do you really want to delete this Data Movement Interface ?
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-                    <button type="submit" class="btn btn-danger danger">Delete</button>
-                </div>
-        </div>
-    </div>
-</div>
-
-
-<div class="modal fade" id="add-jsi" tabindex="-1" role="dialog" aria-labelledby="add-modal" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                Add a Job Submission Interface
-            </div>
-            <div class="modal-body add-jsi-body row">
-
-            </div>
-        </div>
-    </div>
-</div>
-
-@if( count( $jobSubmissionInterfaces ) > 1)
-<div class="modal fade" id="update-jsi-priority" tabindex="-1" role="dialog" aria-labelledby="add-modal"
-     aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                Update the Priority Order
-            </div>
-            <div class="modal-body">
-                <!-- dirty hack to avoid some code that removes the form tag below this. Needs better fix. -->
-                <form></form>
-
-                <form action="{{URL::to('/')}}/cr/edit" method="POST" id="jsi-priority-form">
-                    <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-                    <input type="hidden" name="cr-edit" value="jsi-priority"/>
-                    @foreach( $computeResource->jobSubmissionInterfaces as $index => $JSI )
-                    <div class="row">
-                        <div class="col-md-offset-1 col-md-5">
-                            <label>
-                                {{ $jobSubmissionProtocols[ $JSI->jobSubmissionProtocol] }}
-                            </label>
-                        </div>
-                        <input type="hidden" name="jsi-id[]" maxlength="2"
-                               value="{{ $JSI->jobSubmissionInterfaceId }}"/>
-
-                        <div class="col-md-4">
-                            <input type="number" name="jsi-priority[]" min="0"
-                                   max="{{ count( $jobSubmissionInterfaces) }}" value="{{ $JSI->priorityOrder }}"
-                                   required/>
-                        </div>
-                    </div>
-                    @endforeach
-                    <button type="submit" class="btn btn-update">Update</button>
-                    <div class='priority-updated alert alert-success hide'>
-                        The Job Submission Interface Priority has been updated.
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-</div>
-@endif
-
-<div class="modal fade" id="add-dmi" tabindex="-1" role="dialog" aria-labelledby="add-modal" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                Add a Data Model Interface
-            </div>
-            <div class="modal-body add-dmi-body row">
-
-            </div>
-        </div>
-    </div>
-</div>
-
-@if( count( $dataMovementInterfaces ) > 1)
-<div class="modal fade" id="update-dmi-priority" tabindex="-1" role="dialog" aria-labelledby="add-modal"
-     aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                Update the Priority Order
-            </div>
-            <div class="modal-body">
-                <form action="{{URL::to('/')}}/cr/edit" method="POST" id="dmi-priority-form">
-                    <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-                    <input type="hidden" name="cr-edit" value="dmi-priority"/>
-                    @foreach( $computeResource->dataMovementInterfaces as $index => $DMI )
-                    <div class="row">
-                        <div class="col-md-offset-1 col-md-5">
-                            <label>
-                                {{ $dataMovementProtocols[ $DMI->dataMovementProtocol] }}
-                            </label>
-                        </div>
-                        <input type="hidden" name="dmi-id[]" maxlength="2" value="{{ $DMI->dataMovementInterfaceId }}"/>
-
-                        <div class="col-md-4">
-                            <input type="number" min="0" name="dmi-priority[]" value="{{ $DMI->priorityOrder }}"
-                                   required/>
-                        </div>
-                    </div>
-                    @endforeach
-                    <button type="submit" class="btn btn-update">Update</button>
-                    <div class='priority-updated alert alert-success hide'>
-                        The Data Movement Interface Priority has been updated.
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-</div>
-@endif
-
-
-<div class="modal fade" id="delete-queue" tabindex="-1" role="dialog" aria-labelledby="add-modal" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <!-- dirty hack to neutralise form problem in code by just adding an empty form tag before the actual form. Needs fix.-->
-            <form></form>
-            <form action="{{URL::to('/')}}/cr/edit" method="POST"/>
-            <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-            <input type="hidden" name="cr-edit" value="delete-queue"/>
-            <input type="hidden" name="queueName" class="delete-queueName" value=""/>
-
-            <div class="modal-header">
-                Confirmation to Delete Queue
-            </div>
-            <div class="modal-body">
-                Do you really want to delete the Batch Queue - <span class="delete-queueName"></span>?
-            </div>
-            <div class="modal-footer">
-                <button type="submit" class="btn btn-danger">Delete</button>
-                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-            </div>
-            </form>
-        </div>
-    </div>
-</div>
-@stop
-
-@section('scripts')
-@parent
-{{ HTML::script('js/script.js') }}
-
-<script type="text/javascript">
-    $(".delete-queue").click(function () {
-        $(".delete-queueName").val($(this).data("queue-name"));
-        $(".delete-queueName").html($(this).data("queue-name"));
-    })
-</script>
-@stop
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/cce42251/app/views/data-storage/view.blade.php
----------------------------------------------------------------------
diff --git a/app/views/data-storage/view.blade.php b/app/views/data-storage/view.blade.php
deleted file mode 100644
index 4f91ac9..0000000
--- a/app/views/data-storage/view.blade.php
+++ /dev/null
@@ -1,379 +0,0 @@
-@extends('layout.basic')
-
-@section('page-header')
-@parent
-{{ HTML::style('css/admin.css')}}
-{{ HTML::style('css/datetimepicker.css')}}
-@stop
-
-@section('content')
-
-<div id="wrapper">
-<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
-@include( 'partials/dashboard-block')
-<div id="page-wrapper">
-<div class="container-fluid">
-<div class="col-md-offset-2 col-md-8">
-
-<input type="hidden" class="base-url" value="{{URL::to('/')}}"/>
-
-<div class="well">
-    <h4>Compute Resource : {{ $computeResource->hostName }}
-        @if(Session::has("admin"))
-        <div class="pull-right">
-            <a href="{{URL::to('/')}}/cr/edit?crId={{Input::get('crId') }}" title="Edit">
-                <span class="glyphicon glyphicon-pencil"></span>
-            </a>
-        </div>
-        @endif
-    </h4>
-</div>
-@if( Session::has("message"))
-<span class="alert alert-success col-md-12">{{Session::get("message")}}</span>
-{{Session::forget("message") }}
-@endif
-
-<div class="col-md-12">
-    <ul class="nav nav-tabs nav-justified" id="tabs" role="tablist">
-        <li class="active"><a href="#tab-desc" data-toggle="tab">Description</a></li>
-        <li><a href="#tab-queues" data-toggle="tab">Queues</a></a></li>
-        <li><a href="#tab-filesystem" data-toggle="tab">FileSystem</a></li>
-        <li><a href="#tab-jobSubmission" data-toggle="tab">Job Submission Interfaces</a></li>
-        <li><a href="#tab-dataMovement" data-toggle="tab">Data Movement Interfaces</a></li>
-    </ul>
-</div>
-
-<div class="tab-content">
-
-<div class="tab-pane active" id="tab-desc">
-
-    <form>
-        <input type="hidden" name="crId" value="{{Input::get('crId') }}"/>
-        <input type="hidden" name="cr-edit" value="resDesc"/>
-
-        <div class="form-group required">
-            <label>Host Name</label>
-            <input readonly class="form-control hostName" value="{{ $computeResource->hostName }}"/>
-        </div>
-        <div class="form-group">
-            @if( count( $computeResource->hostAliases) )
-            <label>Host Aliases</label>
-            @foreach( $computeResource->hostAliases as $hostAlias )
-            <input readonly class="form-control" value="{{$hostAlias}}" maxlength="30" name="hostaliases[]"/>
-            @endforeach
-            @endif
-        </div>
-        <div class="form-group">
-            @if( count( $computeResource->ipAddresses))
-            <label class="control-label">IP Addresses</label>
-            @foreach( $computeResource->ipAddresses as $ip )
-            <input readonly class="form-control" value="{{ $ip }}" maxlength="30" name="ips[]"/>
-            @endforeach
-            @endif
-        </div>
-        <div class="form-group">
-            <label class="control-label">Resource Description</label>
-            <textarea readonly class="form-control" maxlength="255" name="description">{{
-                $computeResource->resourceDescription
-                }}</textarea>
-        </div>
-        <div class="form-group">
-            <label class="control-label">Maximum Memory Per Node ( In MB )</label>
-            <input readonly type="number" min="0" class="form-control" value="{{ $computeResource->maxMemoryPerNode }}"
-                   maxlength="30" name="maxMemoryPerNode"/>
-        </div>
-    </form>
-
-</div>
-
-<div class="tab-pane" id="tab-queues">
-
-    @if( is_array( $computeResource->batchQueues) )
-    <h3>Existing Queues :</h3>
-
-    <div class="panel-group" id="accordion">
-        @foreach( $computeResource->batchQueues as $index => $queue)
-        <div class="panel panel-default">
-            <div class="panel-heading">
-                <h4 class="panel-title">
-                    <a class="accordion-toggle collapsed existing-queue-name" data-toggle="collapse"
-                       data-parent="#accordion" href="#collapse-{{$index}}">{{ $queue->queueName }}</a>
-                </h4>
-            </div>
-            <div id="collapse-{{$index}}" class="panel-collapse collapse">
-                <div class="panel-body">
-                    <form>
-                        <div class="queue">
-                            <div class="form-group required">
-                                <label>Queue Name
-                                    <small> ( cannot be changed.)</small>
-                                </label>
-                                <input class="form-control" value="{{ $queue->queueName }}" maxlength="30" name="qname"
-                                       placeholder="Queue Name" readonly/>
-                            </div>
-                            @include('partials/queue-block', array('queueData'=>$queue, 'readOnly'=>true))
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-        @endforeach
-    </div>
-    @endif
-
-</div>
-
-<div class="tab-pane" id="tab-filesystem">
-
-    <form role="form">
-        <div class="form-group">
-            <h3>FileSystem</h3>
-            @foreach( $fileSystems as $index => $fileSystem)
-            <label>{{ $fileSystem }}</label>
-            <input readonly class="form-control" name="fileSystems[{{ $index }}]" placeholder="{{ $fileSystem }}"
-                   value="@if( isset( $computeResource->fileSystems[ $index]) ){{ $computeResource->fileSystems[ $index] }} @endif"/>
-            @endforeach
-            </select>
-        </div>
-    </form>
-
-</div>
-
-<div class="tab-pane" id="tab-jobSubmission">
-    <br/><br/><br/><br/>
-    @if( count( $jobSubmissionInterfaces ) )
-    <div class="job-edit-info">
-        @foreach( $jobSubmissionInterfaces as $index => $JSI )
-
-        <div class="job-protocol-block">
-            <form role="form">
-                <?php $selectedJspIndex = $computeResource->jobSubmissionInterfaces[$index]->jobSubmissionProtocol; ?>
-
-                <h4>Job Submission Protocol : {{ $jobSubmissionProtocols[ $selectedJspIndex] }}</h4>
-                @if( $selectedJspIndex == $jobSubmissionProtocolsObject::LOCAL)
-                <div class="select-resource-manager-type">
-                    <div class="form-group required">
-                        <label>Selected resource manager type</label>
-                        <select disabled="true" name="resourceJobManagerType"
-                                class="form-control selected-resource-manager"
-                                required="required">
-                            @foreach( $resourceJobManagerTypes as $index => $rJmT)
-                            <option value="{{ $index }}"
-                            @if( $JSI->resourceJobManager->resourceJobManagerType == $index ) selected @endif >{{ $rJmT
-                            }}</option>
-                            @endforeach
-                        </select>
-                    </div>
-                    <div class="form-group">
-                        <label class="control-label">Push Monitoring End Point</label>
-                        <input disabled type="text" class="form-control" name="pushMonitoringEndpoint"
-                               value="{{ $JSI->resourceJobManager->pushMonitoringEndpoint }}"/>
-                    </div>
-                    <div class="form-group">
-                        <label class="control-label">Job Manager Bin Path</label>
-                        <input disabled type="text" class="form-control" name="jobManagerBinPath"
-                               value="{{ $JSI->resourceJobManager->jobManagerBinPath }}"/>
-                    </div>
-                    <div class="form-group">
-                        <h3>Job Manager Commands</h3>
-                        @foreach( $jobManagerCommands as $index => $jmc)
-                        <label class="control-label">{{ $jmc }}</label>
-                        <input disabled class="form-control" name="jobManagerCommands[{{ $index }}]"
-                               placeholder="{{ $jmc }}"
-                               value="@if( isset( $JSI->resourceJobManager->jobManagerCommands[$index] ) ) {{ $JSI->resourceJobManager->jobManagerCommands[$index] }} @endif"/>
-                        @endforeach
-                        </select>
-                    </div>
-                </div>
-                @elseif( $selectedJspIndex == $jobSubmissionProtocolsObject::SSH || $jobSubmissionProtocolsObject::SSH_FORK)
-                <div class="form-group required">
-                    <label>Selected Security Protocol</label>
-                    <select disabled="true" name="securityProtocol" required="required">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $JSI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <label class="control-label">Alternate SSH Host Name</label>
-                    <input readonly class='form-control' name='alternativeSSHHostName'
-                           value="{{ $JSI->alternativeSSHHostName}}"/>
-                </div>
-                <div class="form-group">
-                    <label class="control-label">SSH Port</label>
-                    <input readonly class='form-control' name='sshPort' value="{{ $JSI->sshPort }}"/>
-                </div>
-
-                <div class="form-group required">
-                    <label>Selected Monitoring Mode</label>
-                    <select disabled="true" name="monitorMode" required>
-                        @foreach( $monitorModes as $index => $mode)
-                        <option value="{{ $index }}"
-                        @if( $JSI->monitorMode == $index ) selected @endif>{{ $mode}}</option>
-                        @endforeach
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <div class="select-resource-manager-type">
-                        <div class="form-group required">
-                            <label>Selected resource manager type</label>
-                            <select disabled="true" name="resourceJobManagerType"
-                                    class="form-control selected-resource-manager"
-                                    required="required">
-                                @foreach( $resourceJobManagerTypes as $index => $rJmT)
-                                <option value="{{ $index }}"
-                                @if( $JSI->resourceJobManager->resourceJobManagerType == $index ) selected @endif >{{
-                                $rJmT }}</option>
-                                @endforeach
-                            </select>
-                        </div>
-                        <div class="form-group">
-                            <label class="control-label">Push Monitoring End Point</label>
-                            <input disabled type="text" class="form-control" name="pushMonitoringEndpoint"
-                                   value="{{ $JSI->resourceJobManager->pushMonitoringEndpoint }}"/>
-                        </div>
-                        <div class="form-group">
-                            <label class="control-label">Job Manager Bin Path</label>
-                            <input disabled type="text" class="form-control" name="jobManagerBinPath"
-                                   value="{{ $JSI->resourceJobManager->jobManagerBinPath }}"/>
-                        </div>
-                        <div class="form-group">
-                            <h3>Job Manager Commands</h3>
-                            @foreach( $jobManagerCommands as $index => $jmc)
-                            <label class="control-label">{{ $jmc }}</label>
-                            <input disabled class="form-control" name="jobManagerCommands[{{ $index }}]"
-                                   placeholder="{{ $jmc }}"
-                                   value="@if( isset( $JSI->resourceJobManager->jobManagerCommands[$index] ) ) {{ $JSI->resourceJobManager->jobManagerCommands[$index] }} @endif"/>
-                            @endforeach
-                        </div>
-                    </div>
-                </div>
-
-                @elseif( $selectedJspIndex == $jobSubmissionProtocolsObject::UNICORE)
-                <div class="form-group required">
-                    <label>Selected Security Protocol</label>
-                    <select disabled="true" name="securityProtocol" required="required">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $JSI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label class="form-label">Unicore End Point URL</label>
-                    <input readonly class='form-control' name='unicoreEndPointURL'
-                           value="{{ $JSI->unicoreEndPointURL }}"/>
-                </div>
-                @endif
-            </form>
-
-        </div>
-        @endforeach
-    </div>
-    @endif
-
-    <div class="select-job-protocol hide">
-        <form>
-            <div class="form-group">
-                <label class="control-label">Job Submission Protocol:</label>
-                <select disabled="true" name="jobSubmissionProtocol" class="form-control selected-job-protocol"
-                        required="required">
-                    <option></option>
-                    @foreach( $jobSubmissionProtocols as $index => $jobSubmissionProtocol)
-                    @if( ! in_array( $index, $addedJSP))
-                    <option value="{{ $index }}">{{ $jobSubmissionProtocol }}</option>
-                    @endif
-                    @endforeach
-                </select>
-            </div>
-        </form>
-    </div>
-
-</div>
-
-<div class="tab-pane" id="tab-dataMovement">
-    @if( count( $dataMovementInterfaces ) )
-    <div class="job-edit-info">
-        <br/><br/><br/>
-        @foreach( $dataMovementInterfaces as $index => $DMI )
-        <div class="data-movement-block">
-            <form>
-                <?php $selectedDMIIndex = $computeResource->dataMovementInterfaces[$index]->dataMovementProtocol; ?>
-                <h4>Data Movement Protocol : {{ $dataMovementProtocols[ $selectedDMIIndex] }}</h4>
-                @if( $selectedDMIIndex == $dataMovementProtocolsObject::LOCAL)
-                <!-- Nothing here on local UI -->
-                @elseif( $selectedDMIIndex == $dataMovementProtocolsObject::SCP)
-                <div class="form-group">
-                    <label class="control-label">Selected Security Protocol</label>
-                    <select disabled="true" name="securityProtocol">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $DMI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label class="control-label">Alternate SSH Host Name</label>
-                    <input readonly class='form-control' name='alternativeSSHHostName'
-                           value="{{ $DMI->alternativeSCPHostName }}"/>
-                </div>
-                <div class="form-group">
-                    <label class="control-label">SSH Port</label>
-                    <input readonly class='form-control' name='sshPort' value="{{ $DMI->sshPort }}"/>
-                </div>
-                @elseif( $selectedDMIIndex == $dataMovementProtocolsObject::GridFTP)
-                <div class="form-group">
-                    <label class="control-label">Select Security Protocol</label>
-                    <select disabled="true" name="securityProtocol">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $DMI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-
-                    <div>
-                        <div class="form-group required">
-                            <label class="control-label">Grid FTP End Points</label>
-                            @foreach( $DMI->gridFTPEndPoints as $endPoint)
-                            <input readonly class="form-control" maxlength="30" name="gridFTPEndPoints[]"
-                                   required="required"
-                                   value="{{$endPoint}}"/>
-                            @endforeach
-                        </div>
-                    </div>
-                </div>
-                @elseif( $selectedDMIIndex == $dataMovementProtocolsObject::UNICORE_STORAGE_SERVICE)
-                <div class="form-group">
-                    <label class="control-label">Select Security Protocol</label>
-                    <select disabled="true" name="securityProtocol">
-                        @foreach( $securityProtocols as $index => $sp)
-                        <option value="{{ $index }}"
-                        @if( $DMI->securityProtocol == $index ) selected @endif>{{ $sp }}</option>
-                        @endforeach
-                    </select>
-
-                    <div>
-                        <div class="form-group required">
-                            <label class="control-label">Unicore End Point URL</label>
-                            <input readonly class="form-control" maxlength="30" name="unicoreEndPointURL"
-                                   required="required"
-                                   value="{{ $DMI->unicoreEndPointURL }}"/>
-                        </div>
-                    </div>
-                </div>
-                @endif
-            </form>
-        </div>
-        @endforeach
-    </div>
-    @endif
-</div>
-
-</div>
-</div>
-</div>
-</div>
-@stop
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/cce42251/app/views/partials/dashboard-block.blade.php
----------------------------------------------------------------------
diff --git a/app/views/partials/dashboard-block.blade.php b/app/views/partials/dashboard-block.blade.php
index f0c04cb..6df9978 100644
--- a/app/views/partials/dashboard-block.blade.php
+++ b/app/views/partials/dashboard-block.blade.php
@@ -43,18 +43,18 @@
         </li>
 
         <li>
-            <a><span class="glyphicon glyphicon-folder-open"></span>&nbsp; Data Storages</a>
+            <a><span class="glyphicon glyphicon-folder-open"></span>&nbsp; Storage Resources</a>
             <ul>
                 @if(Session::has("admin"))
                 <li
                 @if( Session::has("admin-nav") && Session::get("admin-nav") == "cr-create") class="active" @endif>
-                    <a class="dashboard-link" href="{{ URL::to('/')}}/ds/create"><i class="fa fa-fw fa-table"></i>Register</a>
+                    <a class="dashboard-link" href="{{ URL::to('/')}}/sr/create"><i class="fa fa-fw fa-table"></i>Register</a>
                 </li>
                 @endif
                 @if(Session::has("admin") || Session::has("admin-read-only"))
                 <li
                 @if( Session::has("admin-nav") && Session::get("admin-nav") == "cr-browse") class="active" @endif>
-                    <a class="dashboard-link" href="{{ URL::to('/')}}/ds/browse"><i class="fa fa-fw fa-table"></i>Browse</a>
+                    <a class="dashboard-link" href="{{ URL::to('/')}}/sr/browse"><i class="fa fa-fw fa-table"></i>Browse</a>
                 </li>
                 @endif
             </ul>

http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/cce42251/app/views/resource/browse.blade.php
----------------------------------------------------------------------
diff --git a/app/views/resource/browse.blade.php b/app/views/resource/browse.blade.php
index 9bfc3b8..c9b5382 100644
--- a/app/views/resource/browse.blade.php
+++ b/app/views/resource/browse.blade.php
@@ -23,18 +23,19 @@
 
     @if ( isset( $allCRs) )
     @if (sizeof($allCRs) == 0)
-    <?php $registerDataStorageURL = URL::to('/') . "/ds/create";?>
-    {{ CommonUtilities::print_warning_message('No Data Storage Resources are registered. <br/> <a href="{{$registerDataStorageURL}}" class="btn btn-primary"></a>') }}
+    {{ CommonUtilities::print_warning_message('No Compute Resources are registered. Please use "Register Compute
+    Resource" to
+    register a new resources.') }}
     @else
     <br/>
     <div class="col-md-12">
         <div class="panel panel-default form-inline">
             <div class="panel-heading">
-                <h3 style="margin:0;">Search Data Storage Resources</h3>
+                <h3 style="margin:0;">Search Compute Resources</h3>
             </div>
             <div class="panel-body">
                 <div class="form-group search-text-block">
-                    <label>Data Storage Resource Name </label>
+                    <label>Compute Resource Name </label>
                     <input type="search" class="form-control filterinput"/>
                 </div>
             </div>
@@ -45,11 +46,11 @@
                 <table class="table">
 
                     <tr>
+
+                        <th>Name</th>
                         <th>Id</th>
-                        <th>Login Username</th>
-                        <th>File System Root Location</th>
-                        <th>Resource Specific Credential Store Token</th>
                         @if(Session::has("admin"))
+                        <th>Enabled</th>
                         <th>Edit</th>
                         @endif
                         <th>View</th>
@@ -58,34 +59,44 @@
                         @endif
                     </tr>
 
-                    @foreach($allDSRs as $resource)
+                    @foreach($allCRs as $resource)
                     <?php
-                        $dsId = $resource->dataMovememtResourceId;
-                        $userName = $resource->loginUserName;
-                        $fileSystemRootLocation = $resource->fileSystemRootLocation;
-                        $resourceSpecificCredentialStoreToken = $resource->resourceSpecificCredentialStoreToken;
+                        $crId = $resource->computeResourceId;
+                        $crName = $resource->hostName;
+                        $enabled = $resource->enabled;
                     ?>
-                    <tr id="dsDetails">
-                        <td>{{ $dsId }}</td>
-                        <td>{{ $userName }}</td>
-                        <td>{{ $fileSystemRootLocation }}</td>
-                        <td>{{ resourceSpecificCredentialStoreToken }}</td>
+                    <tr id="crDetails">
+                        <td>{{ $crName }}</td>
+                        <td>{{ $crId }}</td>
                         @if(Session::has("admin"))
-                        <td><a href="{{URL::to('/')}}/ds/edit?crId={{ $dsId }}" title="Edit">
+                        <td>
+                            @if(!$enabled)
+                            <div class="checkbox">
+                                <input class="resource-status" resourceId="{{$crId}}" type="checkbox">
+                            </div>
+                            @else
+                            <div class="checkbox">
+                                <input class="resource-status" type="checkbox" resourceId="{{$crId}}" checked>
+                            </div>
+                            @endif
+                        </td>
+                        <td><a href="{{URL::to('/')}}/cr/edit?crId={{ $crId }}" title="Edit">
                                 <span class="glyphicon glyphicon-pencil"></span>
                             </a>
                         </td>
                         @endif
                         <td>
-                            <a href="{{URL::to('/')}}/ds/view?crId={{ $crId }}" title="Edit">
+                            <a href="{{URL::to('/')}}/cr/view?crId={{ $crId }}" title="Edit">
                             <span class="glyphicon glyphicon-list"></span>
                             </a>
                         </td>
                         @if(Session::has("admin"))
                         <td>
                             <a href="#" title="Delete">
-                                <span class="glyphicon glyphicon-trash del-ds" data-toggle="modal"
-                                      data-target="#delete-ds-block" data-dsid="{{$dsId}}"></span>
+                                <span class="glyphicon glyphicon-trash del-cr" data-toggle="modal"
+                                      data-target="#delete-cr-block" data-delete-cr-name="{{$crName}}"
+                                      data-deployment-count="{{$connectedDeployments[$crId]}}"
+                                      data-crid="{{$crId}}"></span>
                             </a>
                         </td>
                         @endif
@@ -98,17 +109,20 @@
         @endif
         @endif
 
-        <div class="modal fade" id="delete-ds-block" tabindex="-1" role="dialog" aria-labelledby="add-modal"
+        <div class="modal fade" id="delete-cr-block" tabindex="-1" role="dialog" aria-labelledby="add-modal"
              aria-hidden="true">
             <div class="modal-dialog">
-                <form action="{{URL::to('/')}}/ds/delete-ds" method="POST">
+
+                <form action="{{URL::to('/')}}/cr/delete-cr" method="POST">
                     <div class="modal-content">
                         <div class="modal-header">
-                            <h3 class="text-center">Delete Data Storage Resource Confirmation</h3>
+                            <h3 class="text-center">Delete Compute Resource Confirmation</h3>
                         </div>
                         <div class="modal-body">
                             <input type="hidden" class="form-control delete-crId" name="del-crId"/>
-                            Do you really want to delete Data Storage Resource, <span class="delete-ds-id"></span>? This action cannot be undone.
+                            The Compute Resource, <span class="delete-cr-name"></span> is connected to <span
+                                class="deploymentCount">0</span> deployments.
+                            Do you really want to delete it? This action cannot be undone.
                         </div>
                         <div class="modal-footer">
                             <div class="form-group">
@@ -155,9 +169,45 @@
             return false;
         });
 
-        $(".del-ds").click(function () {
-            $(".delete-ds-id").html("'" + $(this).data("delete-ds-id") + "'");
-            $(".delete-dsId").val($(this).data("dsid"));
+        $(".del-cr").click(function () {
+            $(".delete-cr-name").html("'" + $(this).data("delete-cr-name") + "'");
+            $(".delete-crId").val($(this).data("crid"));
+            $(".deploymentCount").html($(this).data("deployment-count"));
+        });
+
+        $('.resource-status').click(function() {
+            var $this = $(this);
+            if ($this.is(':checked')) {
+                //enable compute resource
+                $resourceId = $this.attr("resourceId");
+                $.ajax({
+                    type: 'POST',
+                    url: "{{URL::to('/')}}/admin/enable-cr",
+                    data: {
+                        'resourceId': $resourceId
+                    },
+                    async: true,
+                    success: function (data) {
+                        console.log("enabled cr " + $resourceId);
+                        $(".success-message").html("<span class='alert alert-success col-md-12'>Successfully enabled compute resource</span>");
+                    }
+                });
+            } else {
+                //disabled compute resource
+                $resourceId = $this.attr("resourceId");
+                $.ajax({
+                    type: 'POST',
+                    url: "{{URL::to('/')}}/admin/disable-cr",
+                    data: {
+                        'resourceId': $resourceId
+                    },
+                    async: true,
+                    success: function (data) {
+                        console.log("disabled cr " + $resourceId);
+                        $(".success-message").html("<span class='alert alert-success col-md-12'>Successfully disabled compute resource</span>");
+                    }
+                });
+            }
         });
     </script>
     @stop
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/cce42251/app/views/storage-resource/browse.blade.php
----------------------------------------------------------------------
diff --git a/app/views/storage-resource/browse.blade.php b/app/views/storage-resource/browse.blade.php
new file mode 100644
index 0000000..775b51f
--- /dev/null
+++ b/app/views/storage-resource/browse.blade.php
@@ -0,0 +1,165 @@
+@extends('layout.basic')
+
+@section('page-header')
+@parent
+{{ HTML::style('css/admin.css')}}
+{{ HTML::style('css/datetimepicker.css')}}
+@stop
+
+@section('content')
+
+<div id="wrapper">
+    <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
+    @include( 'partials/dashboard-block')
+    <div id="page-wrapper">
+
+<div class="container-fluid">
+    @if( Session::has("message"))
+    <div class="col-md-12">
+        <span class="alert alert-success">{{ Session::get("message") }}</span>
+    </div>
+    {{ Session::forget("message") }}
+    @endif
+
+    @if ( isset( $allSRs) )
+        @if (sizeof( $allSRs) == 0)
+        {{ CommonUtilities::print_warning_message('No Storage Resources are registered.') }}
+        <br/> 
+        <a href="{{ URL::to('/')}}/sr/create" class="btn btn-primary">Create a new Storage Resource</a>
+        @else
+        <br/>
+        <div class="col-md-12">
+            <div class="panel panel-default form-inline">
+                <div class="panel-heading">
+                    <h3 style="margin:0;">Search Storage Resources</h3>
+                </div>
+                <div class="panel-body">
+                    <div class="form-group search-text-block">
+                        <label>Data Storage Resource Name </label>
+                        <input type="search" class="form-control filterinput"/>
+                    </div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="table-responsive">
+                    <table class="table">
+
+                        <tr>
+                            <th>Id</th>
+                            <th>Login Username</th>
+                            <th>File System Root Location</th>
+                            <th>Resource Specific Credential Store Token</th>
+                            @if(Session::has("admin"))
+                            <th>Edit</th>
+                            @endif
+                            <th>View</th>
+                            @if(Session::has("admin"))
+                            <th>Delete</th>
+                            @endif
+                        </tr>
+
+                        @foreach($allSRRs as $resource)
+                        <?php
+                            $srId = $resource->dataMovememtResourceId;
+                            $userName = $resource->loginUserName;
+                            $fileSystemRootLocation = $resource->fileSystemRootLocation;
+                            $resourceSpecificCredentialStoreToken = $resource->resourceSpecificCredentialStoreToken;
+                        ?>
+                        <tr id="srDetails">
+                            <td>{{ $srId }}</td>
+                            <td>{{ $userName }}</td>
+                            <td>{{ $fileSystemRootLocation }}</td>
+                            <td>{{ resourceSpecificCredentialStoreToken }}</td>
+                            @if(Session::has("admin"))
+                            <td><a href="{{URL::to('/')}}/sr/edit?srId={{ $srId }}" title="Edit">
+                                    <span class="glyphicon glyphicon-pencil"></span>
+                                </a>
+                            </td>
+                            @endif
+                            <td>
+                                <a href="{{URL::to('/')}}/sr/view?srId={{ $srId }}" title="Edit">
+                                <span class="glyphicon glyphicon-list"></span>
+                                </a>
+                            </td>
+                            @if(Session::has("admin"))
+                            <td>
+                                <a href="#" title="Delete">
+                                    <span class="glyphicon glyphicon-trash del-sr" data-toggle="modal"
+                                          data-target="#delete-sr-block" data-srid="{{$srId}}"></span>
+                                </a>
+                            </td>
+                            @endif
+                        </tr>
+                        @endforeach
+
+                    </table>
+                </div>
+            </div>
+        </div>
+        @endif
+    @endif
+
+    <div class="modal fade" id="delete-sr-block" tabindex="-1" role="dialog" aria-labelledby="add-modal"
+         aria-hidden="true">
+        <div class="modal-dialog">
+            <form action="{{URL::to('/')}}/sr/delete-sr" method="POST">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h3 class="text-center">Delete Data Storage Resource Confirmation</h3>
+                    </div>
+                    <div class="modal-body">
+                        <input type="hidden" class="form-control delete-srId" name="del-srId"/>
+                        Do you really want to delete Data Storage Resource, <span class="delete-sr-id"></span>? This action cannot be undone.
+                    </div>
+                    <div class="modal-footer">
+                        <div class="form-group">
+                            <input type="submit" class="btn btn-danger" value="Delete"/>
+                            <input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel"/>
+                        </div>
+                    </div>
+                </div>
+
+            </form>
+        </div>
+    </div>
+
+</div>
+</div>
+
+@stop
+
+@section('scripts')
+@parent
+<script type="text/javascript">
+    $('.filterinput').keyup(function () {
+        var value = $(this).val();
+        if (value.length > 0) {
+            $("table tr").each(function (index) {
+                if (index != 0) {
+
+                    $row = $(this);
+
+                    var id = $row.find("td:first").text();
+                    id = $.trim(id);
+                    id = id.substr(0, value.length);
+                    if (id == value) {
+                        $(this).slideDown();
+                    }
+                    else {
+                        $(this).slideUp();
+                    }
+                }
+            });
+        } else {
+            $("table tr").slideDown();
+        }
+        return false;
+    });
+
+    $(".del-sr").click(function () {
+        $(".delete-sr-id").html("'" + $(this).data("delete-sr-id") + "'");
+        $(".delete-srId").val($(this).data("srid"));
+    });
+</script>
+@stop
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/cce42251/app/views/storage-resource/create.blade.php
----------------------------------------------------------------------
diff --git a/app/views/storage-resource/create.blade.php b/app/views/storage-resource/create.blade.php
new file mode 100644
index 0000000..40c096d
--- /dev/null
+++ b/app/views/storage-resource/create.blade.php
@@ -0,0 +1,43 @@
+@extends('layout.basic')
+
+@section('page-header')
+@parent
+{{ HTML::style('css/admin.css')}}
+{{ HTML::style('css/datetimepicker.css')}}
+@stop
+
+@section('content')
+
+<div id="wrapper">
+    <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
+    @include( 'partials/dashboard-block')
+    <div id="page-wrapper">
+
+<div class="container-fluid">
+    <div class="col-md-offset-2 col-md-8">
+        <h3>Create a Resource</h3>
+
+        <form role="form" method="POST" action="{{ URL::to('/') }}/sr/create">
+            <div class="form-group required">
+                <label class="control-label">Host Name</label>
+                <input class="form-control hostName" maxlength="100" name="hostname" required="required"/>
+            </div>
+            <div class="form-group">
+                <label class="control-label">Stoage Resource Description</label>
+                <textarea class="form-control" maxlength="255" name="description"></textarea>
+            </div>
+            <div class="form-group">
+                <input type="submit" class="btn btn-lg btn-primary" name="step1" value="Create"/>
+                <input type="reset" class="btn btn-lg btn-success" value="Reset"/>
+            </div>
+        </form>
+    </div>
+</div>
+</div>
+</div>
+@stop
+
+@section('scripts')
+@parent
+{{ HTML::script('js/script.js') }}
+@stop
\ No newline at end of file