apollodec/Apollo/assets/views/activity.html
2017-12-04 13:06:26 +05:30

108 lines
5.2 KiB
HTML

<style>
b.fa {
display: inline-block;
border-radius: 60px;
box-shadow: 0px 0px 2px #007AFF;
padding: 0.5em 0.6em;
}
</style>
<section id="page-title">
<div class="row">
<div class="col-sm-8">
<h1 class="mainTitle" translate="Activity Details"></h1>
<!--
<span class="mainDescription">Over a dozen reusable components built to provide popovers, media objects, navigation, tooltips and much more. </span>
-->
</div>
<div ncy-breadcrumb></div>
</div>
</section>
<div class="container-fluid container-fullw bg-white">
<div ng-controller="activityCtrl">
<form class="form-horizontal" role="form" id="form" name="Form" ng-submit="activityForm.submit(Form, companies, 'zoom-in')" method="post" novalidate>
<!-- Start :Auto Generate Activity ID -->
<div class="form-group" style="display:none">
<label class="col-md-2 control-label">Activity ID <span class="symbol required"></label>
<div class="col-md-3">
<input type="text" class="form-control" name="ActivityID" placeholder="Enter Activity ID" ng-model="companies.ActivityID"
/>
</div>
</div>
<!-- End :Auto Generate Activity ID -->
<div class="form-group" ng-class="{'has-error':Form.ActivityName.$dirty && Form.ActivityName.$invalid, 'has-success':Form.ActivityName.$valid}">
<label class="col-md-2 control-label">Activity Name<span class="symbol required"></label>
<div class="col-md-3">
<input type="text" class="form-control" name="ActivityName" placeholder="Enter Activity Name" ng-model="companies.ActivityName" required/>
<span class="error text-small block"
ng-if="Form.ActivityName.$dirty && Form.ActivityName.$error.required">Activity Name is required</span>
<span class="error text-small block"
ng-if="Form.ActivityName.$dirty && Form.ActivityName.$error.pattern">Invalid Activity Name </span>
</div>
</div>
<div class="form-group" ng-class="{'has-error':Form.Description.$dirty && Form.Description.$invalid, 'has-success':Form.Description.$valid}">
<label class="col-md-2 control-label">Description<span class="symbol required"></label>
<div class="col-md-3">
<input type="text" class="form-control" name="Description" placeholder="Enter Description" ng-model="companies.Description" required
/>
<span class="error text-small block"
ng-if="Form.Description.$dirty && Form.Description.$error.required">Activity Name is required</span>
<span class="error text-small block"
ng-if="Form.Description.$dirty && Form.Description.$error.pattern">Invalid Activity Name </span>
</div>
</div>
<div class="col-md-4 col-md-offset-4">
<div class="form-group">
<input type="submit" value="Submit" ladda="ldloading1.zoom_in" tabindex="9" class="btn btn-wide btn-success" data-style="zoom-in"/>
</div>
</div>
</form>
<table class="table table-hover" ng-init="init();">
<thead>
<tr>
<th>Activity ID
</th>
<th>Activity Name
</th>
<th>Description
</th>
</tr>
</thead>
<tbody dir-paginate="p in activityInfo|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
<tr>
<td>{{p.ListCode}}</td>
<td>{{p.ListName}}</td>
<td>{{p.Description}}</td>
<!--<td ng-if="p.IsActive==true">
<switch ng-model="p.IsActive" ng-change="onclick(p.ListCode, p.IsActive)" ng-init="p.IsActive = true" class="green"></switch>
</td>
<td ng-if="p.IsActive==false">
<switch ng-model="p.IsActive" ng-change="onclick(p.ListCode, p.IsActive)" ng-init="p.IsActive = false" class="green"></switch>
</td>-->
<td>
<a class="text-azure" id="editRowBtn{{p.ListCode}}" ng-click="setEditId(p.ListCode);"><b class="fa fa-hover fa-pencil " aria-hidden="true"></b>
</a>
</td>
</tr>
<tr ng-show="editId === p.ListCode" ng-if="editId === p.ListCode" >
<td colspan="12" ng-include src="'assets/views/editActivityDetails.html'"></td>
</tr>
</tbody>
</table>
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
</dir-pagination-controls>
</div>
</div>