2017-05-31 13:18:42 +02:00
<!DOCTYPE html>
< html lang = "en" >
2023-08-31 23:34:10 +10:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< title > Radicale Web Interface< / title >
< link href = "css/main.css" type = "text/css" media = "screen" rel = "stylesheet" >
< link href = "css/icon.png" type = "image/png" rel = "icon" >
< style > . hidden { display : none !important ; } < / style >
< script src = "fn.js" > < / script >
< / head >
2024-03-09 08:06:12 +01:00
2023-08-31 23:34:10 +10:00
< body >
< nav id = "logoutview" class = "hidden" >
< span data-name = "user" style = "word-wrap:break-word;" > < / span >
2024-03-17 12:30:15 +11:00
< a href = "#" class = "green" data-name = "refresh" title = "Refresh" > Refresh< / a >
< a href = "#" class = "red" data-name = "logout" title = "Logout" > Logout< / a >
2023-08-31 23:34:10 +10:00
< / nav >
2024-03-13 05:57:50 +01:00
2023-08-31 23:34:10 +10:00
< main >
< section id = "loadingscene" >
2024-03-17 12:30:15 +11:00
< img src = "css/loading.svg" alt = "Loading..." class = "loading" >
2023-08-31 23:34:10 +10:00
< h2 > Loading< / h2 >
< p > Please wait...< / p >
< noscript > JavaScript is required< / noscript >
< / section >
2024-03-09 08:06:12 +01:00
2023-08-31 23:34:10 +10:00
< section id = "loginscene" class = "container hidden" >
< div class = "logocontainer" >
< img src = "css/logo.svg" alt = "Radicale" >
< / div >
< h1 > Sign in< / h1 >
< br >
< form data-name = "form" >
< input data-name = "user" type = "text" placeholder = "Username" >
< input data-name = "password" type = "password" placeholder = "Password" >
< button class = "green" type = "submit" > Next< / button >
< span class = "error" data-name = "error" > < / span >
< / form >
< / section >
2024-03-09 08:06:12 +01:00
2023-08-31 23:34:10 +10:00
< section id = "collectionsscene" class = "hidden" >
< div class = "fabcontainer" >
< a href = "" class = "green" data-name = "new" title = "Create a new addressbook or calendar" >
< img src = "css/icons/new.svg" class = "icon" alt = "➕ >
< / a >
< a href = "" class = "blue" data-name = "upload" title = "Upload an addressbook or calendar" >
< img src = "css/icons/upload.svg" class = "icon" alt = "⬆️" >
< / a >
< / div >
< article data-name = "collectiontemplate" class = "hidden" >
< div class = "colorbar" data-name = "color" > < / div >
< h3 class = "title" data-name = "title" > Title< / h3 >
< small >
2023-08-31 20:42:41 +10:00
< span data-name = "ADDRESSBOOK" > Address book< / span >
< span data-name = "CALENDAR_JOURNAL_TASKS" > Calendar, journal and tasks< / span >
< span data-name = "CALENDAR_JOURNAL" > Calendar and journal< / span >
< span data-name = "CALENDAR_TASKS" > Calendar and tasks< / span >
< span data-name = "JOURNAL_TASKS" > Journal and tasks< / span >
< span data-name = "CALENDAR" > Calendar< / span >
< span data-name = "JOURNAL" > Journal< / span >
< span data-name = "TASKS" > Tasks< / span >
2024-03-05 23:57:58 +11:00
< span data-name = "WEBCAL" > Webcal< / span >
2023-08-31 23:34:10 +10:00
< / small >
2024-03-13 07:42:47 +11:00
< small data-name = "contentcount" > < / small >
2023-08-31 23:34:10 +10:00
< input type = "text" data-name = "url" value = "" readonly = "" onfocus = "this.setSelectionRange(0, 99999);" >
< p data-name = "description" style = "word-wrap:break-word;" > Description< / p >
< ul >
< li >
< a href = "" title = "Download" class = "green" data-name = "download" >
< img src = "css/icons/download.svg" class = "icon" alt = "🔗" >
< / a >
< / li >
< li >
< a href = "" title = "Edit" class = "blue" data-name = "edit" >
< img src = "css/icons/edit.svg" class = "icon" alt = "✏️" >
< / a >
< / li >
< li >
< a href = "" title = "Delete" class = "red" data-name = "delete" >
< img src = "css/icons/delete.svg" class = "icon" alt = "❌" >
< / a >
< / li >
< / ul >
< / article >
< / section >
2024-03-09 08:06:12 +01:00
2023-08-31 23:34:10 +10:00
< section id = "editcollectionscene" class = "container hidden" >
< h1 > Edit Collection< / h1 >
< p > Editing collection < span class = "title" data-name = "title" > title< / span >
< / p >
< form > Type: < br >
< select data-name = "type" >
2020-01-16 03:58:30 +01:00
< option value = "ADDRESSBOOK" > addressbook< / option >
< option value = "CALENDAR_JOURNAL_TASKS" > calendar, journal and tasks< / option >
< option value = "CALENDAR_JOURNAL" > calendar and journal< / option >
< option value = "CALENDAR_TASKS" > calendar and tasks< / option >
< option value = "JOURNAL_TASKS" > journal and tasks< / option >
< option value = "CALENDAR" > calendar< / option >
< option value = "JOURNAL" > journal< / option >
< option value = "TASKS" > tasks< / option >
2024-03-05 23:57:58 +11:00
< option value = "WEBCAL" > webcal< / option >
2023-08-31 23:34:10 +10:00
< / select >
2024-03-05 23:57:58 +11:00
< label for = "displayname" > Title:< / label >
2023-08-31 23:34:10 +10:00
< input data-name = "displayname" type = "text" >
2024-03-05 23:57:58 +11:00
< label for = "description" > Description:< / label >
2023-08-31 23:34:10 +10:00
< input data-name = "description" type = "text" >
2024-03-05 23:57:58 +11:00
< label for = "source" > Source:< / label >
< input data-name = "source" type = "url" >
< label for = "color" > Color:< / label >
2023-08-31 23:34:10 +10:00
< input data-name = "color" type = "color" >
< br >
< span class = "error hidden" data-name = "error" > < / span >
< br >
< button type = "submit" class = "green" data-name = "submit" > Save< / button >
< button type = "button" class = "red" data-name = "cancel" > Cancel< / button >
< / form >
< / section >
2024-03-09 08:06:12 +01:00
2023-08-31 23:34:10 +10:00
< section id = "createcollectionscene" class = "container hidden" >
< h1 > Create a new Collection< / h1 >
< p > Enter the details of your new collection.< / p >
< form > Type: < br >
< select data-name = "type" >
2023-08-31 20:42:41 +10:00
< option value = "ADDRESSBOOK" > Address book< / option >
< option value = "CALENDAR_JOURNAL_TASKS" > Calendar, journal and tasks< / option >
< option value = "CALENDAR_JOURNAL" > Calendar and journal< / option >
< option value = "CALENDAR_TASKS" > Calendar and tasks< / option >
< option value = "JOURNAL_TASKS" > Journal and tasks< / option >
< option value = "CALENDAR" > Calendar< / option >
< option value = "JOURNAL" > Journal< / option >
< option value = "TASKS" > Tasks< / option >
2024-03-05 23:57:58 +11:00
< option value = "WEBCAL" > Webcal< / option >
2023-08-31 23:34:10 +10:00
< / select >
2024-03-13 07:42:47 +11:00
< label for = "href" > HREF:< / label >
< input data-name = "href" type = "text" >
2024-03-05 23:57:58 +11:00
< label for = "displayname" > Title:< / label >
2023-08-31 23:34:10 +10:00
< input data-name = "displayname" type = "text" >
2024-03-05 23:57:58 +11:00
< label for = "description" > Description:< / label >
2023-08-31 23:34:10 +10:00
< input data-name = "description" type = "text" >
2024-03-05 23:57:58 +11:00
< label for = "source" > Source:< / label >
< input data-name = "source" type = "url" >
< label for = "color" > Color:< / label >
2023-08-31 23:34:10 +10:00
< input data-name = "color" type = "color" >
< br >
< span class = "error" data-name = "error" > < / span >
< br >
< button type = "submit" class = "green" data-name = "submit" > Create< / button >
< button type = "button" class = "red" data-name = "cancel" > Cancel< / button >
< / form >
< / section >
2024-03-09 08:06:12 +01:00
2023-08-31 23:34:10 +10:00
< section id = "uploadcollectionscene" class = "container hidden" >
< h1 > Upload Collection< / h1 >
< ul >
< li data-name = "filetemplate" class = "hidden" > Uploading < span data-name = "name" > name< / span >
< br >
< span class = "successmessage" data-name = "success" > Uploaded Successfully!< / span >
< span class = "error" data-name = "error" > < / span >
< / li >
< / ul >
2024-03-17 12:30:15 +11:00
< div data-name = "pending" class = "hidden" >
< img src = "css/loading.svg" class = "loading" alt = "Please wait..." / >
< / div >
2023-08-31 23:34:10 +10:00
< form >
2024-03-17 12:30:15 +11:00
< label for = "uploadfile" > File:< / label >
< input data-name = "uploadfile" type = "file" accept = ".ics, .vcf" multiple >
< label for = "href" > HREF:< / label >
< input data-name = "href" type = "text" >
< small data-name = "hreflimitmsg" class = "hidden" > You can only specify the HREF if you upload 1 file.< / small >
< button type = "submit" class = "green" data-name = "submit" > Upload< / button >
2023-08-31 23:34:10 +10:00
< button type = "button" class = "red" data-name = "close" > Close< / button >
< / form >
< / section >
2024-03-09 08:06:12 +01:00
2023-08-31 23:34:10 +10:00
< section id = "deletecollectionscene" class = "container hidden" >
< h1 > Delete Collection< / h1 >
2024-03-13 07:42:47 +11:00
< p > To delete the collection < span class = "title" data-name = "title" > title< / span > please enter the phrase < strong data-name = "deleteconfirmationtext" > < / strong > in the box below:< / p >
< input type = "text" class = "deleteconfirmationtxt" data-name = "confirmationtxt" / >
2023-08-31 23:34:10 +10:00
< p class = "red" > WARNING: This action cannot be reversed.< / p >
< form >
< button type = "button" class = "red" data-name = "delete" > Delete< / button >
< button type = "button" class = "blue" data-name = "cancel" > Cancel< / button >
< / form >
< span class = "error hidden" data-name = "error" > < / span >
< br >
< / section >
2024-03-09 08:06:12 +01:00
2023-08-31 23:34:10 +10:00
< / main >
< / body >
2024-03-09 08:06:12 +01:00
< / html >
