sams-webapp/templates/requirements.html

Some awesome memory scheduler, client.

<div class="panel panel-default col-xs-12" ng-init="init()">
	<div class="panel-body">

		<div class="row">
			<!--Breadcrumb, position: 1  | /REQUIREMENTES/algorithm/policies/resolution -->
			<nav>
				<ol class="cd-multi-steps text-top">
					<li class="current"><em>{{ 'BREADCRUMB_REQUIREMENTS' | translate }}</em></li>
					<li><em>{{ 'BREADCRUMB_POLICIES' | translate }}</em></li>
					<li><em>{{ 'BREADCRUMB_RESOLUTION' | translate }}</em></li>
				</ol>
			</nav>
		</div><!-- /breacrumbs -->

		<div class="row back-forward-buttons">
			<div class="col-sm-6">
				<!-- nothing -->
			</div>
		  <div class="col-sm-6">
		    <a class="btn btn-primary btn" ng-click="next()"><span class="glyphicon glyphicon-chevron-right"></span> </a>
		  </div>
		</div><!-- /Back-Forward buttons -->

		<div class="row data-input">
			<button class="btn btn-primary" type="button" ng-click="loadDefault()">{{ 'EXAMPLE' | translate }}</button>
			<button class="btn btn-danger" type="button" ng-click="resetAll()">{{ 'RESET' | translate }}</button>
			<span class="dropdown">
			  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownExercise" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
					{{ 'I/O' | translate }}
			    <span class="caret"></span>
			  </button>
			  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
					<li>
						<input type="file" onchange="angular.element(this).scope().uploadFile()" ng-model="upload" id="upload" style="visibily: hidden; height:1px; width:1px;"/>
						<a href="" ng-click="import()">{{ 'IMPORT' | translate }}</a>
					</li>
					<li>
						<a id="export" ng-click="export()" ng-href="{{ urlExport }}" download="{{filename}}">{{ 'EXPORT' | translate }}</a>
					</li>
			  </ul>
			</span>
			<div class="page-header">
				<h3>Processes:</h3>
			</div>
			<div class="input-group">
				<span class="input-group-addon">Processes</span>
				<input type="text"
							 class="form-control grey-color"
							 placeholder="Processes' names"
							 name="name"
							 ng-change="changeInputProcesses()"
							 ng-model="inputProcesses">
			</div>

			<div ng-hide="!processes.length" class="pages-per-process">
			  <div class="page-header">
					<h3>Requested pages for each process:</h3>
			  </div>
				<div class="input-group" ng-repeat="p in processes">
				  <span class="input-group-addon">{{p}}</span>
				  <input name="name"
								 ng-model="pages[p]"
								 type="text"
								 class="form-control grey-color">
				</div>
				<button class="btn btn-sm btn-default pull-right" ng-disabled="showReqSeq" type="button" ng-click="addSequences()">Agregar Secuencia</button>
			</div><!-- pages-per-process -->

		</div><!-- data input -->

		<div class="row" ng-show="showReqSeq">
			<div class="page-header">
				<h3>Request's sequence: </h3>
			</div>
			<div class="secuences-container container-fluid">
			  <div class="col-xs-4 col-sm-2 well grey-color" ng-repeat="s in secuences">
					<button class="btn btn-small btn-danger pull-right btn-close" ng-click="deleteRequest($index)">X</button>
					<div class="input-group">
						<label for="process">Process:</label>
				    <select class="form-control" ng-model="s.process" name="process" ng-change="s.cantPages=0">
				      <option ng-repeat="p in processes"
											ng-class="{'hidden':remainingRequeriments(p)<=0}"
											value="{{p}}"
											ng-selected="s.process==p">{{p}}
							</option>
				    </select>
					</div>

					<div class="input-group">
						<label for="name">Nº Pages:</label>
						<input class="form-control"
									min="0"
									ng-change="checkMaxPages(s, this)"
									type="number"
									placeholder="Total requirements"
									ng-model="s.cantPages"
									ng-disabled="!s.process">
					</div>
			  </div><!-- /secuences -->

				<!-- button add (simil to requirement) -->
				<div class="col-xs-4 col-sm-2 well grey-color fake-requirementsWell">
					<div class="button-add" ng-click="add()"></div>
					<div class="input-group">
						<label for="process">Process:</label>
				    <select class="form-control grey-color" name="process" disabled>
				      <option></option>
				    </select>
					</div>

					<div class="input-group">
						<label for="name">Nº Pages:</label>
						<input class="form-control grey-color" type="number" name="name" placeholder="cant" disabled>
					</div>
				</div>

			</div><!-- secuences-container -->

			<div class="container-fluid buttons-sequence">
		  	<input type="button"
							 class="btn btn-sm btn-default pull-right"
							 value="Preview page requirements"
							 ng-click="previewAllRequirements()" />
			</div><!-- add sequence -->

		  <div class="container-fluid well grey-color">
				<p class="text-muted">Preview Page Requirements</p>
	      <div class="col-xs-6 col-md-2" ng-repeat="r in requirements">
	        <div class="panel grey-color text-center">
	          <div class="panel-heading requirement">
							<table class="table table-bordered table-responsive">
								<tr>
									<td class="text-left">Process</td><td>{{r.process}}</td>
								</tr>
								<tr>
									<td class="text-left">Page #</td><td>{{r.pageNumber !== -1 ? r.pageNumber : '-'}}</td>
								</tr>
								<tr ng-class="{'read':'panel-primary', 'write':'panel-write', 'finish':'panel-success' }[r.mode]">
									<td class="text-left">Mode</td><td>{{r.mode}}</td>
								</tr>
							</table>
						</div>
	        </div>
	    	</div>
		  </div>
		</div>
	</div><!-- /panel body -->
</div>