2017-11-03 22:44:09 +00:00
< div class = "container" ng-init = "vm.paramInit()" >
2017-10-30 21:45:58 +00:00
< div class = "row" >
< notification-bar > < / notification-bar >
< / div >
2017-09-06 20:17:42 +00:00
< div class = "row" >
2017-09-07 21:26:22 +00:00
2017-10-21 07:24:24 +00:00
< h1 > Create Share< / h1 >
2017-11-03 22:44:09 +00:00
< button class = "btn btn-primary btn-lg create-share-btn" title = "..." data-toggle = "modal" data-target = ".create-website-modal" >
2017-10-21 07:24:24 +00:00
Create Share
2017-09-06 20:17:42 +00:00
< / 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-28 23:27:10 +00:00
< button type = "button" class = "close" data-dismiss = "modal" > < 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 >
2017-10-04 19:35:28 +00:00
< input type = "file" ng-model = "vm.newFile" class = "form-control" daplie-file-change = "vm.Sites.setUpload(vm.dom)" / >
2017-09-06 20:17:42 +00:00
< / 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" >
2017-09-28 21:10:50 +00:00
< h1 > Enter Invite Code< / h1 >
2017-09-06 20:17:42 +00:00
< 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" >
2017-09-28 21:10:50 +00:00
< div class = "websites-tile" >
2017-10-23 20:20:54 +00:00
< h1 > Your Verified Websites< / h1 >
2017-09-28 21:10:50 +00:00
< ul class = "cards" >
< li class = "cards__item" ng-repeat = "r in vm.sites" >
< div class = "card" >
2017-10-10 20:18:37 +00:00
< div class = "card__image card__image--fence avoid-clicks" >
2017-10-31 18:24:52 +00:00
< iframe ng-src = "{{ r.urlSafeDomain }}" width = "350" height = "350" > < / iframe >
2017-09-28 21:10:50 +00:00
< / div >
< div class = "card__content" >
< div class = "card__title text-center" > < a ng-href = "https://{{ r.domain }}" target = "_blank" ng-bind = "r.domain" > example.com< / a > < / div >
2017-10-06 18:02:03 +00:00
< div class = "cards__title text-center" > < span ng-if = "r.pending" class = "text-muted" > (pending)< / span > < / div >
2017-10-16 20:56:35 +00:00
< button class = "btn btn--block card__btn" data-toggle = "modal" data-target = ".{{ r.challenge }}" ng-click = "vm.closeAllOpenActions(); vm.checkShareRights(r);" > Edit< / button >
2017-09-28 21:10:50 +00:00
< / div >
< / div >
< / li >
< / ul >
2017-09-07 21:26:22 +00:00
< / div >
2017-09-06 20:17:42 +00:00
2017-09-28 21:10:50 +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-28 21:10:50 +00:00
< button type = "button" class = "close" data-dismiss = "modal" ng-click = "vm.closeAllOpenActions()" > < 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.urlSafeDomain" > example.com< / a > < / h4 >
2017-09-07 21:26:22 +00:00
< / div >
< div class = "modal-body" >
2017-10-05 19:01:05 +00:00
< notification-bar > < / notification-bar >
2017-09-28 21:10:50 +00:00
< div class = "website-menu container" ng-hide = "vm.websiteTiles" >
< div class = "row" >
< div class = "col-md-3" >
< div class = "square-service-block" >
2017-10-25 20:39:49 +00:00
< a ng-click = "vm.showAction('invite'); vm.closeFileUploadsContainers();" class = "cp" >
2017-09-28 21:10:50 +00:00
< div class = "ssb-icon" > < i class = "fa fa-share-square-o" aria-hidden = "true" > < / i > < / div >
< h2 class = "ssb-title" > Invite< / h2 >
< / a >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "square-service-block" >
2017-10-25 20:39:49 +00:00
< a ng-click = "vm.showAction('shares'); vm.Shares.list(r); vm.closeFileUploadsContainers();" class = "cp" >
2017-09-28 21:10:50 +00:00
< div class = "ssb-icon" > < i class = "fa fa-list-alt" aria-hidden = "true" > < / i > < / div >
< h2 class = "ssb-title" > Shares< / h2 >
< / a >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "square-service-block" >
2017-10-27 19:56:43 +00:00
< a ng-click = "vm.showAction('files'); vm.Sites.allContents(r); vm.cleanArrays(); vm.closeFileUploadsContainers();" class = "cp trigger-files-list-refresh" >
2017-09-28 21:10:50 +00:00
< div class = "ssb-icon" > < i class = "fa fa-sitemap" aria-hidden = "true" > < / i > < / div >
< h2 class = "ssb-title" > Files< / h2 >
< / a >
< / div >
< / div >
2017-09-07 21:26:22 +00:00
< / div >
2017-09-28 21:10:50 +00:00
< div class = "row" >
< div class = "col-md-3" >
< div class = "square-service-block" >
< a ng-href = "https://{{ r.domain }}" target = "_blank" class = "cp" >
< div class = "ssb-icon" > < i class = "fa fa-globe" aria-hidden = "true" > < / i > < / div >
< h2 class = "ssb-title" > Website< / h2 >
< / a >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "square-service-block" >
2017-10-25 20:39:49 +00:00
< a ng-click = "vm.Sites.archive(r); vm.closeFileUploadsContainers();" class = "cp" >
2017-09-28 21:10:50 +00:00
< div class = "ssb-icon" > < i class = "fa fa-file-archive-o" aria-hidden = "true" > < / i > < / div >
< h2 class = "ssb-title" > Download< / h2 >
< / a >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "square-service-block" >
2017-10-25 20:39:49 +00:00
< a ng-click = "vm.deleteWebsite(r, r); vm.closeFileUploadsContainers();" class = "cp" >
2017-09-28 21:10:50 +00:00
< div class = "ssb-icon" > < i class = "fa fa-trash" aria-hidden = "true" > < / i > < / div >
< h2 class = "ssb-title" > Delete< / h2 >
< / a >
< / div >
< / div >
2017-09-07 21:26:22 +00:00
< / div >
2017-09-28 21:10:50 +00:00
< / div >
< div ng-show = "vm.showInviteContainer" >
2017-10-16 20:56:35 +00:00
< div ng-if = "r.shareAccess.invite" >
< h1 > < i class = "fa fa-folder" > < / i > {{ vm.currentFolder | capitalize }}< / h1 >
< form class = "form-horizontal" >
2017-10-04 22:27:36 +00:00
2017-10-16 20:56:35 +00:00
< div class = "form-group" >
< label class = "col-md-1 control-label" for = "" > To:< / label >
< div class = "col-md-8" >
< input type = "text" ng-model = "r.shareEmail" class = "form-control" placeholder = "ex: john@example.com" / >
< input type = "hidden" ng-model = "vm.autoPopulateWebPath" class = "form-control" placeholder = "/" disabled / >
< / div >
< div class = "col-md-3" >
< multiselect class = "input-xlarge" multiple = "true"
ng-model="selectedAccess"
options="c.name for c in accessLevel"
change="selected()"
2017-10-21 07:24:24 +00:00
ng-change="showShareBtn = true; vm.getSharedAccess(selectedAccess)">
2017-10-16 20:56:35 +00:00
< / multiselect >
< / div >
2017-10-04 22:27:36 +00:00
< / div >
2017-10-16 20:56:35 +00:00
< div class = "text-right" ng-show = "showShareBtn" >
2017-10-17 21:19:41 +00:00
< button type = "submit" class = "btn btn-success text-center" ng-click = "vm.shareFolderFrom(r, opts)" > Share< / button >
2017-10-05 23:34:27 +00:00
< / div >
2017-10-16 20:56:35 +00:00
< / form >
< / div >
< div ng-if = "!r.shareAccess.invite" >
< h3 class = "text-muted" > You do not have the correct permissions to invite or share files...< / h3 >
< / div >
2017-09-28 21:10:50 +00:00
< / div >
< div ng-show = "vm.showSharesContainer" >
2017-10-05 19:01:05 +00:00
< div class = "text-center {{ vm.displaySpinner }}" >
< i class = "fa fa-spinner fa-spin fa-5x" > < / i >
< / div >
2017-10-10 20:18:37 +00:00
< h3 class = "text-muted text-center" > {{ vm.notSharedMessage }}< / h3 >
2017-09-28 21:10:50 +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" >
2017-09-20 18:43:13 +00:00
< / div >
2017-09-28 21:10:50 +00:00
< div class = "media-body" >
< h4 ng-bind = "share.comment" > friend@email.com< / h4 >
< p > < b > Share Path:< / b > < span ng-bind = "share.path" class = "text-muted" > /< / span > < / p >
2017-10-12 21:33:40 +00:00
< p > < b > Actions Allowed:< / b > < span ng-bind = "share.mode | prettyShareMode" class = "text-muted" > wrx< / span > < / p >
2017-10-12 22:56:46 +00:00
< p > < b > Invite:< / b > < em ng-if = "share.pending" class = "text-muted" > pending< / em > < span ng-if = "!share.pending" class = "text-muted" > Accepted< / span > < / p >
2017-09-28 21:10:50 +00:00
< / div >
< div class = "media-right align-self-center" >
2017-11-02 23:00:39 +00:00
< button ng-if = "r.shareAccess.invite" class = "btn btn-danger" ng-click = "vm.Shares.remove(r, share)" > Remove Access< / button >
2017-09-28 21:10:50 +00:00
< / div >
< / div >
< / li >
< / ul >
< / div >
< div ng-show = "vm.showFilesContainer" >
< file-tree r = "r" > < / file-tree >
2017-09-07 21:26:22 +00:00
< / div >
< / div >
2017-09-28 21:10:50 +00:00
< div class = "modal-footer " >
2017-10-03 22:28:20 +00:00
< button type = "button" class = "btn btn-primary pull-left" ng-show = "vm.showBackBtn" ng-click = "vm.closeAllOpenActions();" > Back< / button >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" ng-click = "vm.closeAllOpenActions();" > 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 >