github.com/peteretelej/iso8583@v0.0.0-20170605053616-4ee92c44e299/web/index.html (about)

     1  <!DOCTYPE html>
     2  <html lang="en">
     3  	<head>
     4  		<meta charset="UTF-8">
     5  		<title>ISO8583 Message Parser</title>
     6  		<meta name="viewport" content="width=device-width,initial-scale=1">
     7  		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
     8  		<link rel="stylesheet" href="/css/main.css">
     9  		<script src="https://unpkg.com/vue"></script>
    10  		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    11  	</head>
    12  	<body>
    13  		<div class="container" style="margin-bottom:30px;">
    14  			<div class="navbar navbar-inverse bg-inverse">
    15  				<a class="navbar-brand" href="/">ISO8583 Message Parser</a>
    16  			</div>
    17  		</div>
    18  		<div id="app" style="min-height:400px">
    19  
    20  			<div class="container" style="margin-bottom:30px">
    21  				<ul class="nav nav-pills">
    22  					<li class="nav-item">
    23  						<a class="nav-link active" v-on:click="activeform='bitmap'"
    24  	 href="#bitmap">Bitmap->Binary</a>
    25  					</li>
    26  				</ul>
    27  			</div><!--/.container-->
    28  			<div class="container" v-if="activeform==='bitmap'">
    29  				<form v-on:submit.prevent>
    30  					<input type="hidden" name="form" value="bitmap">
    31  					<div class="form-group">
    32  						<label for="msg">{{formtitle}}</label>
    33  						<input type="text" class="form-control" id="msg" name="msg" style="width:60%"
    34  								  v-bind:placeholder="placeholder" v-model="value" required>
    35  					</div><!--/.form-group-->
    36  					<button type="submit" class="btn btn-primary" v-on:click="bitmapToBinary">Convert</button>
    37  				</form>
    38  
    39  			</div><!--/.container-->
    40  
    41  			<div id="result" v-if="result">
    42  				<div class="container" style="margin-top:30px;">
    43  					<div class="card">
    44  						<div class="card-block">
    45  							<h6 class="card-subtitle text-muted" style="margin-bottom:15px">Result</h6>
    46  							<div class="card-text" style="overflow-wrap:break-word">{{result}}</div>
    47  						</div><!--/.card-block-->
    48  					</div><!--/.card-->
    49  				</div><!--/.container-->
    50  			</div><!--/#result-->
    51  		</div>
    52  		<div id="footer">
    53  			<hr/>
    54  			<p class="text-center">
    55  			<span class="text-muted">This project is open source, and available on Github </span>
    56  			<a class="github-button" href="https://github.com/peteretelej/iso8583" data-show-count="true" aria-label="Star peteretelej/iso8583 on GitHub">Star</a>
    57  			</p>
    58  		</div>
    59  		<script async defer src="https://buttons.github.io/buttons.js"></script>
    60  		<script src="/js/main.js"></script>
    61  	</body>
    62  </html>