foltik/shimapan
1
0
Fork 0
mirror of https://github.com/Foltik/Shimapan synced 2024-11-14 08:49:51 -05:00
Code Issues Releases Wiki Activity

Update keys page to use new controller

Browse Source
This commit is contained in:
Jack Foltz 2018-08-14 08:43:15 -04:00
parent c55401be2e
commit 4fd2c89e44
Signed by: foltik
GPG Key ID: 303F88F996E95541
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/views/panel/keys.html
View File

@ -1,15 +1,15 @@
<div class="inner" ng-controller="ApiController" ng-init="getKeys();parseScope()"> <div class="inner" ng-controller="KeyController" ng-init="init()">
<div class="keys"> <div class="keys">
<div class="key" ng-repeat="key in keys" ng-click="$parent.showKeyInfo(key)"> <div class="key" ng-repeat="key in keys" ng-click="showKeyInfo(key)">
<i class="fa fa-key"></i> <i class="fa fa-key"></i>
<span>{{key.identifier}}</span> <span>{{key.identifier}}</span>
</div> </div>
<div class="key add-key" ng-hide="keys.length >= 10" ng-click="showNewKey()"> <div class="key add-key" ng-hide="keys.length >= 5" ng-click="showNewKey()">
<i class="fa fa-plus"></i> <i class="fa fa-plus"></i>
<span>Create</span> <span>Create</span>
</div> </div>
</div> </div>
<div class="modal" style="{{kModalShow?'display:block':'display:none'}}"> <div class="modal" ng-style="infoModalStyle">
<div class="modal-sandbox" ng-click="hideKeyInfo()"></div> <div class="modal-sandbox" ng-click="hideKeyInfo()"></div>
<div class="modal-box"> <div class="modal-box">
<div class="modal-header"> <div class="modal-header">
@ -22,12 +22,14 @@
<br/> <br/>
<p>This key can be used with any 3rd party program or service to upload to and manage your account <p>This key can be used with any 3rd party program or service to upload to and manage your account
with Shimapan.</p> with Shimapan.</p>
<p>For example, it can be used in a bash script to upload from the command line:</p> <br/>
<pre>APIKEY=[Your API Key Here]<br/>URL=$(curl -s -F "apikey=$APIKEY" -F "file=@$1" https://shimapan.rocks/api/upload | grep -Po '"'"url"'"\s*:\s*"\K([^"]*)'<br/>echo $URL</pre> <p>Download the <a href="" ng-click="downloadBash()">bash script</a> to upload files from the command line.</p>
<br/>
<p>Download the ShareX <a href="" ng-click="downloadSharex()">custom uploader</a> to upload files with hotkeys.</p>
<br/> <br/>
<p>Key Permissions:</p> <p>Key Permissions:</p>
<table> <table>
<tr ng-repeat="(prefix, perms) in currKey.scopeObj"> <tr ng-repeat="(prefix, perms) in currKey.scope">
<th>{{prefix}}:</th> <th>{{prefix}}:</th>
<td ng-repeat="perm in perms"> <td ng-repeat="perm in perms">
<span ng-bind="perm.name"></span> <span ng-bind="perm.name"></span>
@ -45,7 +47,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="modal" style="{{nModalShow?'display:block':'display:none'}}"> <div class="modal" ng-style="newModalStyle">
<div class="modal-sandbox" ng-click="hideNewKey()"></div> <div class="modal-sandbox" ng-click="hideNewKey()"></div>
<div class="modal-box" id="createKey"> <div class="modal-box" id="createKey">
<div class="modal-header"> <div class="modal-header">
@ -53,15 +55,15 @@
<div class="close-modal" ng-click="hideNewKey()"><i class="fa fa-times"></i></div> <div class="close-modal" ng-click="hideNewKey()"><i class="fa fa-times"></i></div>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>Identifier to describe the purpose/use of this key:</p> <p>Identifier to describe the name or use of this key:</p>
<input id="identifier" placeholder="Identifier" class="form-control" type="text" ng-model="currKeyIdentifier"/> <input id="identifier" placeholder="Identifier" class="form-control" type="text" ng-model="newIdentifier"/>
<br/> <br/>
<p>Permissions the key should have:</p> <p>Permissions granted to the key:</p>
<table> <table>
<tr ng-repeat="(prefix, perms) in scopeObj"> <tr ng-repeat="(prefix, perms) in scope">
<th>{{prefix}}:</th> <th>{{prefix}}:</th>
<td ng-repeat="perm in perms"> <td ng-repeat="perm in perms">
<input type="checkbox" title="{{perm.name}}" name="{{perm.name}}" ng-model="perm.isChecked" ng-change="updateCurrKeyPerm(prefix, perm)"/> <input type="checkbox" title="{{perm.name}}" name="{{perm.name}}" ng-model="perm.isChecked" ng-change="updateNewScope(prefix, perm)"/>
<label for="{{perm.name}}" ng-bind="perm.name"></label> <label for="{{perm.name}}" ng-bind="perm.name"></label>
</td> </td>
</tr> </tr>