2017-09-06 20:17:42 +00:00
< div class = "container" >
< div class = "row" >
2017-09-07 21:26:22 +00:00
2017-09-06 20:17:42 +00:00
< h1 > Create a new Website< / h1 >
< button class = "btn btn-primary btn-lg" title = "..." data-toggle = "modal" data-target = ".create-website-modal" >
Create Website
< / button >
2017-09-20 22:41:00 +00:00
2017-09-20 22:43:16 +00:00
< hr >
2017-09-06 20:17:42 +00:00
< div class = "modal fade create-website-modal" tabindex = "-1" role = "dialog" aria-labelledby = "create-website-modal" aria-hidden = "true" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
2017-09-20 18:43:13 +00:00
< button type = "button" class = "close" data-dismiss = "modal" ng-click = "vm.showSharesList = false; vm.showListFiles = false;" > < span aria-hidden = "true" > × < / span > < span class = "sr-only" > Close< / span > < / button >
2017-09-06 20:17:42 +00:00
< h4 class = "modal-title" > Create a new Website< / h4 >
< / div >
< div class = "modal-body" >
< h4 > Select a domain< / h4 >
< div class = "input-group" >
< div angucomplete-alt
placeholder="Select a domain"
pause="300"
selected-object="vm.selectedDomain"
local-data="domain"
local-search="localDomainSearch"
title-field="domain"
minlength="0"
input-class="form-control trigger-dropdown"
match-class="highlight">
< / div >
<!-- <input type="text" class="form - control" placeholder="Select a domain" aria - label="Domain Name" ng - model="vm.newDomain" ng - change="vm.setDomain()" /> -->
< div class = "input-group-btn" >
< div class = "btn-group" >
< button type = "button" class = "btn btn-default trigger-dropdown" aria-haspopup = "true" aria-expanded = "false" ng-click = "vm.triggerDropdown()" > < span class = "caret" > < / span >
< / button >
< / div >
< / div >
< / div >
< div class = "input-group" >
< input type = "text" class = "form-control" placeholder = "www" ng-model = "vm.newRecord" ng-change = "vm.setRecord()" / >
< div class = "input-group-btn" >
< div class = "btn-group" >
< button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" > < span class = "caret" > < / span >
< / button >
< ul class = "dropdown-menu" >
< li ng-repeat = "record in vm.records track by $index" > < button class = "btn btn-link" ng-bind = "record.sub" ng-click = "vm.selectRecord(record)" > www< / button > < / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "input-group" >
< div >
< label > Select .zip upload< / label >
< input type = "file" class = "js-file-upload this-has-a-special-non-angular-event-handler" / >
< / div >
< div ng-if = "vm.isZip" >
< label >
< input type = "checkbox" ng-model = "vm.unzip" / >
Unpack .zip
< / label >
< / div >
< div ng-if = "vm.unzip" >
< label >
< input type = "checkbox" ng-model = "vm.stripZip" / >
Strip zip directory root
< / label >
< / div >
<!-- <div ng - if="vm.isZip" ><label>Unzip directory</label> <input type="text" ng - model="vm.unzipPath" /></div -->
< div ng-if = "vm.uploadTotal" >
< span ng-bind = "vm.uploadPercent" > 99< / span > % | < span ng-bind = "vm.uploadProgress" > 1< / span > MiB / < span ng-bind = "vm.uploadTotal" > 100< / span > MiB
< / div >
< div >
< label > Web path< / label >
< input type = "text" class = "form-control" ng-model = "vm.uploadPath" / >
< / div >
< button ng-click = "vm.Sites.create()" type = "button" name = "button" class = "btn btn-default" > Create Website< / button >
< / div >
< / div >
< div class = "modal-footer" >
2017-09-20 18:43:13 +00:00
< button type = "button" class = "btn btn-default" data-dismiss = "modal" ng-click = "vm.showSharesList = false; vm.showListFiles = false;" > Close< / button >
2017-09-06 20:17:42 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2017-09-20 22:41:00 +00:00
2017-09-06 20:17:42 +00:00
< div class = "invite-card-container" >
< div class = "invite-option" >
< h1 > Invite Code< / h1 >
< hr / >
< input type = "text" class = "form-control" ng-model = "vm.Shares.inviteToken" / >
< hr / >
< div class = "price" >
< div class = "front" >
< span class = "price" > < / span >
< / div >
2017-09-07 21:26:22 +00:00
< div class = "" >
< a class = "btn btn-primary" ng-click = "vm.Shares.accept()" > Accept Invite< / a >
2017-09-06 20:17:42 +00:00
< / div >
< / div >
< / div >
< / div >
2017-09-20 22:43:16 +00:00
< hr >
2017-09-07 21:26:22 +00:00
< div class = "row" >
< div >
< table class = "table table-striped" >
< thead >
< tr >
< th > Website< / th >
< th class = "text-center" > < / th >
< / tr >
< / thead >
< tr ng-repeat = "r in vm.sites" >
< td > < a ng-href = "https://{{r.domain}}" target = "_blank" ng-bind = "r.domain" > example.com< / a > < / td >
< td class = "text-center" > < button type = "button" class = "btn btn-primary btn-xs" data-toggle = "modal" data-target = ".{{r.challenge}}" > Edit< / button > < / td >
< / tr >
< / table >
< / div >
2017-09-06 20:17:42 +00:00
2017-09-20 18:43:13 +00:00
< div class = "modal fade {{ r.challenge }}" tabindex = "-1" role = "dialog" aria-labelledby = "myLargeModalLabel" ng-repeat = "r in vm.sites" >
2017-09-07 21:26:22 +00:00
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
2017-09-20 18:43:13 +00:00
< button type = "button" class = "close" data-dismiss = "modal" ng-click = "vm.showSharesList = false; vm.showListFiles = false;" > < span aria-hidden = "true" > × < / span > < span class = "sr-only" > Close< / span > < / button >
< h4 class = "modal-title" > < a ng-href = "https://{{ r.domain }}" target = "_blank" ng-bind = "r.domain" > example.com< / a > < / h4 >
2017-09-07 21:26:22 +00:00
< / div >
< div class = "modal-body" >
< form class = "form-inline text-center" >
< h4 class = "text-left" > Send Invitation:< / h4 >
< div class = "form-group" >
< input type = "text" ng-model = "r.shareEmail" class = "form-control" placeholder = "ex: john@example.com" / >
< / div >
< div class = "form-group" >
< input type = "text" ng-model = "r.sharePath" class = "form-control" placeholder = "/" / >
< / div >
< div class = "form-group" >
< input type = "text" ng-model = "r.shareMode" class = "form-control" placeholder = "rwx (read, write, invite)" / >
< / div >
2017-09-20 18:43:13 +00:00
< button type = "submit" class = "btn btn-success" ng-click = "vm.Shares.invite(r)" > Invite< / button >
< / form >
< form class = "form-inline text-center" >
< h4 class = "text-left" > Shares:< / h4 >
2017-09-20 21:53:42 +00:00
< button class = "btn btn-info" ng-click = "vm.Shares.list(r)" ng-hide = "vm.showSharesList" > View Shared With< / button >
2017-09-20 18:43:13 +00:00
< button class = "btn btn-info" ng-click = "vm.showSharesList = false" ng-show = "vm.showSharesList" > Hide Shares< / button >
< div class = "white-well" ng-show = "vm.showSharesList" >
2017-09-20 21:53:42 +00:00
< span class = "text-muted" ng-if = "r.sharedWith.length === 1" > Currently not shared with anyone...< / span >
2017-09-20 18:43:13 +00:00
< ul class = "shares-container" ng-repeat = "share in r.sharedWith" ng-if = "!share.me" >
< li >
< div class = "media" >
< div class = "media-left align-self-center" >
< img class = "rounded-circle" src = "http://s3.amazonaws.com/37assets/svn/765-default-avatar.png" >
< / div >
< div class = "media-body" >
< h4 ng-bind = "share.comment" > friend@email.com< / h4 >
< p > < b > Share Path:< / b > < span ng-bind = "share.path" > /< / span > < / p >
< p > < b > Actions Allowed:< / b > < span ng-bind = "share.mode" > rwx< / span > < / p >
< / div >
< div class = "media-right align-self-center" >
2017-09-20 21:53:42 +00:00
< button class = "btn btn-danger" ng-click = "vm.Shares.remove(r, share)" > Remove Access< / button >
2017-09-20 18:43:13 +00:00
< / div >
< / div >
< / li >
< / ul >
< / div >
2017-09-07 21:26:22 +00:00
< / form >
< form class = "form-inline text-center" >
< h4 class = "text-left" > List Files:< / h4 >
< div class = "form-group" >
2017-09-20 21:53:42 +00:00
< input type = "text" class = "form-control" ng-model = "r.newPath" placeholder = "Ex: Directory Name" / >
2017-09-07 21:26:22 +00:00
< / div >
2017-09-20 21:53:42 +00:00
< button class = "btn btn-info trigger-search" ng-click = "vm.Sites.contents(r)" > List Files< / button >
2017-09-20 18:43:13 +00:00
< div class = "white-well" ng-show = "vm.showListFiles" >
2017-09-20 21:53:42 +00:00
< button type = "button" class = "close" ng-click = "vm.showListFiles = false" ng-show = "vm.showListFiles" > < span aria-hidden = "true" > × < / span > < span class = "sr-only" > Close< / span > < / button >
2017-09-25 23:15:52 +00:00
< file-tree r = "r" > < / file-tree >
2017-09-20 18:43:13 +00:00
< / div >
2017-09-07 21:26:22 +00:00
< / form >
< div class = "" >
2017-09-20 21:53:42 +00:00
< h4 class = "text-left" > Upload Files:< / h4 >
2017-09-07 21:26:22 +00:00
< div >
< input type = "file" ng-model = "r.newFile" class = "form-control" daplie-file-change = "vm.Sites.setUpload(r)" / >
2017-09-11 18:40:30 +00:00
< div ng-if = "r.isZip" > < label > < input type = "checkbox" ng-model = "r.unzip" / > Unpack .zip< / label > < / div >
2017-09-07 21:26:22 +00:00
2017-09-11 18:40:30 +00:00
< div ng-if = "r.unzip" > < label > < input type = "checkbox" ng-model = "r.stripZip" / > Strip zip directory root< / label > < / div >
2017-09-07 21:26:22 +00:00
<!-- div ng - if="vm.isZip" ><label>Unzip directory</label> <input type="text" ng - model="vm.unzipPath" /></div -->
< div ng-if = "r.uploadTotal" > < span ng-bind = "r.uploadPercent" > 99< / span > % | < span ng-bind = "r.uploadProgress" > 1< / span > MiB / < span ng-bind = "r.uploadTotal" > 100< / span > MiB< / div >
2017-09-07 21:30:14 +00:00
< div > < label > Web path< / label > < input type = "text" class = "form-control" ng-model = "r.uploadPath" / > < / div >
2017-09-07 21:26:22 +00:00
< button ng-click = "vm.Sites.upload(r)" type = "button" name = "button" class = "btn btn-default" > Add File< / button >
< / div >
< / div >
< / div >
< div class = "modal-footer" >
2017-09-20 18:43:13 +00:00
< button type = "button" class = "btn btn-default" data-dismiss = "modal" ng-click = "vm.showSharesList = false; vm.showListFiles = false;" > Close< / button >
2017-09-07 21:26:22 +00:00
< / div >
2017-09-06 20:17:42 +00:00
< / div >
< / div >
< / div >
2017-09-07 21:26:22 +00:00
< / div >
