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 >
< 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" >
< button type = "button" class = "close" data-dismiss = "modal" > < span aria-hidden = "true" > × < / span > < span class = "sr-only" > Close< / span > < / button >
< 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" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< 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-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-07 21:26:22 +00:00
< div class = "modal fade {{r.challenge}}" tabindex = "-1" role = "dialog" aria-labelledby = "myLargeModalLabel" ng-repeat = "r in vm.sites" >
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" > < 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 >
< / 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 >
< button type = "submit" class = "btn btn-default" ng-click = "vm.Shares.invite(r)" > Invite< / button >
< button class = "btn btn-info" ng-click = "vm.Shares.list(r)" > View Shares< / button >
< / form >
< form class = "form-inline text-center" >
< h4 class = "text-left" > List Files:< / h4 >
< div class = "form-group" >
< input type = "text" class = "form-control" ng-model = "r.newPath" placeholder = "/" / >
< / div >
< button class = "btn btn-default" ng-click = "vm.Sites.contents(r)" > List Files< / button >
< / form >
< div >
< 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 > Share Path: < span ng-bind = "share.path" > /< / span > < / p >
< p > Actions Allowed: < span ng-bind = "share.mode" > rwx< / span > < / p >
< / div >
2017-09-07 21:47:48 +00:00
< div class = "media-right align-self-center" >
< button class = "btn btn-danger" ng-click = "vm.Shares.remove(r, share)" > X< / button >
< / div >
2017-09-07 21:26:22 +00:00
< / div >
< / li >
< / ul >
< / div >
< div class = "" >
< h4 class = "text-left" > Select Upload:< / h4 >
< 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" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
< / div >
2017-09-06 20:17:42 +00:00
< / div >
< / div >
< / div >
2017-09-07 21:26:22 +00:00
< / div >
2017-09-06 20:17:42 +00:00
2017-09-11 17:18:52 +00:00
< div class = "white-well" >
< div class = "file-tree-container" >
< div class = "file_tree" >
< input type = "checkbox" id = "f_myfilms" >
< label for = "f_myfilms" > My Films< / label >
< div class = "dir_wrapper" >
< input type = "checkbox" id = "f_wehave" >
< label for = "f_wehave" > We Have< / label >
< div class = "dir_wrapper" >
< input type = "checkbox" id = "f_togo" >
< label for = "f_togo" > To Go< / label >
< div class = "dir_wrapper" >
< input type = "radio" name = "hosted_files" id = "f_deeper_js" value = "Deeper.js" >
< label for = "f_deeper_js" > Deeper.js< / label >
< input type = "radio" name = "hosted_files" id = "f_fileception_js" value = "Fileception.js" >
< label for = "f_fileception_js" > Fileception.js< / label >
< / div >
< / div >
< / div >
< input type = "checkbox" id = "f_justafolder" >
< label for = "f_justafolder" > Just a folder< / label >
< div class = "dir_wrapper" >
< input type = "radio" name = "hosted_files" id = "f_withafile_js" value = "with_a_file.js" >
< label for = "f_withafile_js" > with_a_file.js< / label >
< / div >
< input type = "radio" name = "hosted_files" id = "f_main_js" value = "main.js" >
< label for = "f_main_js" > main.js< / label >
< input type = "radio" name = "hosted_files" id = "f_globals_js" value = "globals.js" >
< label for = "f_globals_js" > globals.js< / label >
< input type = "radio" name = "hosted_files" id = "f_filler_js" value = "filler.js" >
< label for = "f_filler_js" > filler.js< / label >
< input type = "radio" name = "hosted_files" id = "f_horror_vacui_js" value = "horror_vacui.js" >
< label for = "f_horror_vacui_js" > horror_vacui.js< / label >
< / div >
< / div >
< / div >
2017-09-11 18:40:30 +00:00
< div class = "white-well" >
< div class = "file-tree" >
2017-09-11 19:41:58 +00:00
< ul class = "directory ls-none ls-pd0" >
2017-09-11 18:40:30 +00:00
< li > The World
2017-09-11 19:41:58 +00:00
< ul class = "ls-none ls-pd0" >
2017-09-11 18:40:30 +00:00
< li class = "directory_child" > Africa
2017-09-11 19:41:58 +00:00
< ul class = "ls-none ls-pd0" >
2017-09-11 18:40:30 +00:00
< li class = "directory_child" > Egypt< / li >
< / ul >
< / li >
< li class = "directory_child" > Antarctica< / li >
< li class = "directory_child" > Asia
2017-09-11 19:41:58 +00:00
< ul class = "ls-none ls-pd0" >
2017-09-11 18:40:30 +00:00
< li class = "directory_child" > Japan< / li >
< li class = "directory_child" > South Korea
2017-09-11 19:41:58 +00:00
< ul class = "ls-none ls-pd0" >
2017-09-11 18:40:30 +00:00
< li class = "directory_child" > Seoul< / li >
< li class = "directory_child" > Incheon< / li >
< / ul >
< li class = "directory_child" > Thailand< / li >
< / li >
< / ul >
< / li >
< li class = "directory_child" > Australia< / li >
< li class = "directory_child" > Europe< / li >
< li class = "directory_child" > North America< / li >
< li class = "directory_child" > South America< / li >
< / li >
< / ul >
< / ul >
< / div >
< / div >
2017-09-11 17:18:52 +00:00
2017-09-06 20:17:42 +00:00
2017-08-14 18:41:55 +00:00
< div class = "home-container" >
< div class = "white-well" >
< h1 > Create a new Website< / h1 >
< h3 > Select a Domain< / h3 >
< div class = "input-group" >
2017-08-18 19:41:38 +00:00
< input type = "text" class = "form-control" placeholder = "www" ng-model = "vm.newRecord" ng-change = "vm.setRecord()" / >
< div class = "input-group-btn" >
<!-- Single button -->
< 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" >
2017-08-21 20:28:58 +00:00
< 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 >
2017-08-18 19:41:38 +00:00
< / ul >
< / div >
< / div >
2017-08-14 18:41:55 +00:00
< span class = "input-group-addon" > .< / span >
2017-08-24 17:02:31 +00:00
< 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()" /> -->
2017-08-14 18:41:55 +00:00
< div class = "input-group-btn" >
< div class = "btn-group" >
2017-08-24 17:02:31 +00:00
< button type = "button" class = "btn btn-default trigger-dropdown" aria-haspopup = "true" aria-expanded = "false" ng-click = "vm.triggerDropdown()" > < span class = "caret" > < / span >
2017-08-14 18:41:55 +00:00
< / button >
< / div >
2017-08-18 19:41:38 +00:00
< / div >
2017-08-14 18:41:55 +00:00
< / div >
< div class = "panel panel-default" >
< div class = "panel-body" >
2017-08-18 19:41:38 +00:00
<!--
2017-08-14 18:41:55 +00:00
Choose or create a public shared folder < button class = "btn btn-default" > Select Daplie Folder< / button >
2017-08-18 19:41:38 +00:00
< br >
-->
< div class = "input-group" >
2017-08-23 20:36:19 +00:00
< 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 -->
2017-08-25 23:48:14 +00:00
< 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 >
2017-09-01 23:35:04 +00:00
< div > < label > Web path< / label > < input type = "text" ng-model = "vm.uploadPath" / > < / div >
2017-08-18 19:41:38 +00:00
< / div >
2017-08-14 18:41:55 +00:00
< / div >
< / div >
2017-08-18 19:41:38 +00:00
<!--
2017-08-14 18:41:55 +00:00
< div class = "panel panel-default" >
< div class = "panel-body" >
Who can edit and upload to this site? < input placeholder = "Type contact name or email address" type = "text" class = "form-control" >
< / div >
< / div >
2017-08-18 19:41:38 +00:00
-->
2017-08-14 18:41:55 +00:00
<!-- <div class="form - group">
< div class = "pull-right" > -->
2017-09-01 22:39:21 +00:00
< button ng-click = "vm.Sites.create()" type = "button" name = "button" class = "btn btn-default" > Create Website< / button >
2017-08-14 18:41:55 +00:00
<!-- </div>
< / div > -->
2017-09-01 20:50:33 +00:00
< div class = "input-group" >
< div > < label > Invite Code< / label > < input type = "text" ng-model = "vm.Shares.inviteToken" / > < / div >
< button ng-click = "vm.Shares.accept()" type = "button" name = "button" class = "btn btn-default" > Accept Invite< / button >
< / div >
2017-08-14 18:41:55 +00:00
< / div >
< div class = "white-well" >
< h1 > Your Websites< / h1 >
2017-09-01 22:39:21 +00:00
< div ng-repeat = "r in vm.sites" >
< table class = "table" >
< tbody >
< tr >
< td > < a ng-href = "https://{{r.domain}}" target = "_blank" ng-bind = "r.domain" > example.com< / a >
< a ng-href = "{{r.download}}" target = "_blank" > Download< / a >
<!-- button class="btn btn - link" ng - click="vm.Sites.archive(r)">download</button -->
< button class = "btn btn-link" ng-click = "vm.Sites.remove(r)" > Clear< / button > < / td >
< td >
< input type = "text" ng-model = "r.newPath" placeholder = "/" / >
< button class = "btn btn-default" ng-click = "vm.Sites.contents(r)" > List Files< / button >
< / td >
< td ng-bind = "r.path" > Sites > blogs > blog.jane.smith.net< / td >
2017-09-07 21:26:22 +00:00
< td > < span ng-repeat = "share in r.sharedWith" ng-if = "!share.me" >
2017-09-06 00:25:00 +00:00
< span ng-bind = "share.path" > /< / span >
< span ng-bind = "share.comment" > friend@email.com< / span >
(< span ng-bind = "share.mode" > rwx< / span > )
2017-09-07 21:26:22 +00:00
< / span > < / td >
2017-09-01 22:39:21 +00:00
< td >
< input type = "text" ng-model = "r.shareEmail" placeholder = "ex: john@example.com" / >
< input type = "text" ng-model = "r.sharePath" placeholder = "/" / >
< input type = "text" ng-model = "r.shareMode" placeholder = "rwx (read, write, invite)" / >
< button class = "btn btn-default" ng-click = "vm.Shares.invite(r)" > Invite< / button >
2017-09-06 00:25:00 +00:00
< button class = "btn btn-default" ng-click = "vm.Shares.list(r)" > List Shares< / button >
2017-09-01 22:39:21 +00:00
< / td >
< / tr >
< / tbody >
< / table >
< div class = "input-group" >
< div > < label > Select upload< / label > < input type = "file" ng-model = "r.newFile" daplie-file-change = "vm.Sites.setUpload(r)" / > < / div >
< div ng-if = "r.isZip" > < label > < input type = "checkbox" ng-model = "r.unzip" / > Unpack .zip< / label > < / div >
< div ng-if = "r.unzip" > < label > < input type = "checkbox" ng-model = "r.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 = "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-01 23:35:04 +00:00
< div > < label > Web path< / label > < input type = "text" ng-model = "r.uploadPath" / > < / div >
2017-09-01 22:39:21 +00:00
< button ng-click = "vm.Sites.upload(r)" type = "button" name = "button" class = "btn btn-default" > Add File< / button >
< / div >
< / div >
2017-08-14 18:41:55 +00:00
< / div >
< / div >
