| Server IP : 127.0.0.1 / Your IP : 216.73.216.109 Web Server : Apache/2.4.54 (Win64) OpenSSL/1.1.1q PHP/8.1.10 System : Windows NT DESKTOP-E5T4RUN 10.0 build 19045 (Windows 10) AMD64 User : SERVERWEB ( 0) PHP Version : 8.1.10 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Users/SERVERWEB/AppData/Local/Microsoft/OneDrive/26.074.0420.0001/WebAssets/ |
Upload File : |
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Albums</title><script src="/static/platform/vibe-telemetry.js"></script><script src="/static/platform/od4-fetch.js"></script><script src="/static/platform/strings.js"></script><script src="/static/platform/ecs.js"></script><script src="/static/platform/format-count.js"></script><script src="/static/view-lib/sql.js"></script><script src="/static/view-lib/theme-sync.js"></script><script src="/static/view-lib/user-activity.js"></script><script>ViewLib.ThemeSync.applyInitialTheme({detectOd4Skin:!0})</script><link rel="stylesheet" href="/static/tokens/theme.css"><link rel="stylesheet" href="/static/tokens/scrollbar.css"><link rel="stylesheet" href="/static/components/chrome-button.css"><link rel="stylesheet" href="/static/components/menu.css"><link rel="stylesheet" href="/static/components/view-header.css"><link rel="stylesheet" href="/static/components/view-section-header.css"><link rel="stylesheet" href="/static/components/cta-button.css"><link rel="stylesheet" href="/static/components/ctx-menu.css"><link rel="stylesheet" href="/static/view-lib/webgl-gallery-overlay.css"><link rel="stylesheet" href="/static/view-lib/webgl2.css"><link rel="stylesheet" href="/static/views/albums.css"></head><body><div class="toolbar"><span class="title" id="toolbarTitle" data-i18n="navAlbums">Albums</span></div><div id="signin-prompt"><div class="signin-icon">📚</div><p id="signinMsg" data-i18n="albumsSignInMsg">Sign in to view and manage your OneDrive albums.</p><button id="signinBtn" data-i18n="signIn">Sign In</button></div><div id="loading" data-i18n="albumsLoading">Loading albums...</div><div id="pageHeader" class="view-header" style="display:none"><div class="view-header-left"><h1 class="view-header-title" id="gcPageTitle" data-i18n="navAlbums">Albums</h1></div><div class="view-header-actions"></div></div><div id="album-grid"><div class="grid" id="gridContainer"></div></div><div id="album-detail" style="display:none"><div id="detail-gallery-wrapper"><div id="detail-scroll-container"><div class="detail-hero" id="detailHero"><div class="detail-hero-overlay"></div><div class="detail-hero-content"><button class="detail-back-btn" id="detailBackBtn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg> <span data-i18n="btnBack">Back</span></button><div class="detail-title-wrap"><div class="detail-title-grid"><textarea id="detailNameEdit" class="detail-title-edit" rows="1" maxlength="256" spellcheck="false"></textarea><div id="detailNameDisplay" class="detail-title-display"></div><hr class="detail-title-underline"></div></div></div></div><div class="detail-od4-subrow is-floating" id="detailControls" style="display:none"><div class="detail-subrow-subtitle"><time class="chrome-btn-text detail-date-display" id="detailDateDisplay"><span id="detailDateLabel"></span></time></div><div class="detail-subrow-spacer"></div><div class="detail-subrow-controls"><svg style="position:absolute;width:0;height:0;overflow:hidden" aria-hidden="true"><defs><linearGradient id="grad-layout" x1="0%" y1="100%" x2="100%" y2="0%"><stop offset="21.43%" stop-color="#a375ff"/><stop offset="90.25%" stop-color="#4a92ff"/></linearGradient></defs></svg><div class="detail-layout-wrap"><button class="chrome-btn-icon" id="detailLayoutBtn" title="Layout" data-i18n-title="btnLayout"><svg class="icon-rest" viewBox="0 0 20 20" width="20" height="20" fill="currentColor" aria-hidden="true"><path d="M14.95 5a2.5 2.5 0 0 0-4.9 0H2.5a.5.5 0 0 0 0 1h7.55a2.5 2.5 0 0 0 4.9 0h2.55a.5.5 0 0 0 0-1h-2.55ZM12.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm-2.55 7a2.5 2.5 0 0 0-4.9 0H2.5a.5.5 0 0 0 0 1h2.55a2.5 2.5 0 0 0 4.9 0h7.55a.5.5 0 0 0 0-1H9.95ZM7.5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" width="20" height="20" fill="currentColor" aria-hidden="true"><path d="M17.25 5h-2.36a2.5 2.5 0 0 0-4.78 0H2.75a.75.75 0 0 0 0 1.5h7.36a2.5 2.5 0 0 0 4.78 0h2.36a.75.75 0 0 0 0-1.5Zm-14.5 8.5a.75.75 0 0 0 0 1.5h2.36a2.5 2.5 0 0 0 4.78 0h7.36a.75.75 0 0 0 0-1.5H9.89a2.5 2.5 0 0 0-4.78 0H2.75Z"/></svg></button><div class="detail-layout-menu" id="detailLayoutMenu" style="display:none"><svg style="position:absolute;width:0;height:0;overflow:hidden" aria-hidden="true"><defs><linearGradient id="grad-icon-active" x1="0%" y1="100%" x2="100%" y2="0%" gradientUnits="objectBoundingBox"><stop stop-color="#4A92FF"/><stop offset="1" stop-color="#A375FF"/></linearGradient></defs></svg><div class="detail-layout-label" data-i18n="albumsDetailLabelLayout">Layout</div><div class="detail-layout-row"><button class="detail-layout-item detail-layout-item--icon" data-group="layout" data-layout="river" title="River" data-i18n-title="albumsLayoutRiver"><svg class="icon-rest" viewBox="0 0 20 20" width="24" height="24" fill="currentColor" aria-hidden="true"><path d="M14.5 3h1c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-1A1.5 1.5 0 0 1 13 7.5v-3c0-.83.67-1.5 1.5-1.5Zm-10 0h5c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 3 7.5v-3C3 3.67 3.67 3 4.5 3Zm0 8h1c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-1A1.5 1.5 0 0 1 3 15.5v-3c0-.83.67-1.5 1.5-1.5ZM9 12.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 9 15.5v-3Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" width="24" height="24" aria-hidden="true"><path fill="url(#grad-icon-active)" d="M14.5 3h1c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-1A1.5 1.5 0 0 1 13 7.5v-3c0-.83.67-1.5 1.5-1.5Zm-10 0h5c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 3 7.5v-3C3 3.67 3.67 3 4.5 3Zm0 8h1c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-1A1.5 1.5 0 0 1 3 15.5v-3c0-.83.67-1.5 1.5-1.5ZM9 12.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 9 15.5v-3Z"/></svg></button> <button class="detail-layout-item detail-layout-item--icon" data-group="layout" data-layout="waterfall" title="Waterfall" data-i18n-title="albumsLayoutWaterfall"><svg class="icon-rest" viewBox="0 0 20 20" width="24" height="24" fill="currentColor" aria-hidden="true"><path d="M3.5 2h4A1.5 1.5 0 0 1 9 3.5v6A1.5 1.5 0 0 1 7.5 11h-4A1.5 1.5 0 0 1 2 9.5v-6A1.5 1.5 0 0 1 3.5 2Zm0 11h4A1.5 1.5 0 0 1 9 14.5v3A1.5 1.5 0 0 1 7.5 19h-4A1.5 1.5 0 0 1 2 17.5v-3A1.5 1.5 0 0 1 3.5 13Zm9-11h4A1.5 1.5 0 0 1 18 3.5v2A1.5 1.5 0 0 1 16.5 7h-4A1.5 1.5 0 0 1 11 5.5v-2A1.5 1.5 0 0 1 12.5 2Zm0 8h4A1.5 1.5 0 0 1 18 11.5v6A1.5 1.5 0 0 1 16.5 19h-4A1.5 1.5 0 0 1 11 17.5v-6A1.5 1.5 0 0 1 12.5 10Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" width="24" height="24" aria-hidden="true"><path fill="url(#grad-icon-active)" d="M3.5 2h4A1.5 1.5 0 0 1 9 3.5v6A1.5 1.5 0 0 1 7.5 11h-4A1.5 1.5 0 0 1 2 9.5v-6A1.5 1.5 0 0 1 3.5 2Zm0 11h4A1.5 1.5 0 0 1 9 14.5v3A1.5 1.5 0 0 1 7.5 19h-4A1.5 1.5 0 0 1 2 17.5v-3A1.5 1.5 0 0 1 3.5 13Zm9-11h4A1.5 1.5 0 0 1 18 3.5v2A1.5 1.5 0 0 1 16.5 7h-4A1.5 1.5 0 0 1 11 5.5v-2A1.5 1.5 0 0 1 12.5 2Zm0 8h4A1.5 1.5 0 0 1 18 11.5v6A1.5 1.5 0 0 1 16.5 19h-4A1.5 1.5 0 0 1 11 17.5v-6A1.5 1.5 0 0 1 12.5 10Z"/></svg></button> <button class="detail-layout-item detail-layout-item--icon" data-group="layout" data-layout="square" title="Square" data-i18n-title="albumsLayoutSquare"><svg class="icon-rest" viewBox="0 0 20 20" width="24" height="24" fill="currentColor" aria-hidden="true"><path d="M7.5 11c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-4A1.5 1.5 0 0 1 2 16.5v-4c0-.83.67-1.5 1.5-1.5h4Zm9 0c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-4c0-.83.67-1.5 1.5-1.5h4Zm-9 1h-4a.5.5 0 0 0-.5.5v4c0 .28.22.5.5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5Zm9 0h-4a.5.5 0 0 0-.5.5v4c0 .28.22.5.5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5Zm-9-10C8.33 2 9 2.67 9 3.5v4C9 8.33 8.33 9 7.5 9h-4A1.5 1.5 0 0 1 2 7.5v-4C2 2.67 2.67 2 3.5 2h4Zm9 0c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-4A1.5 1.5 0 0 1 11 7.5v-4c0-.83.67-1.5 1.5-1.5h4Zm-9 1h-4a.5.5 0 0 0-.5.5v4c0 .28.22.5.5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5Zm9 0h-4a.5.5 0 0 0-.5.5v4c0 .28.22.5.5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" width="24" height="24" aria-hidden="true"><path fill="url(#grad-icon-active)" d="M7.5 11c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-4A1.5 1.5 0 0 1 2 16.5v-4c0-.83.67-1.5 1.5-1.5h4Zm9 0c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-4c0-.83.67-1.5 1.5-1.5h4Zm-9-9C8.33 2 9 2.67 9 3.5v4C9 8.33 8.33 9 7.5 9h-4A1.5 1.5 0 0 1 2 7.5v-4C2 2.67 2.67 2 3.5 2h4Zm9 0c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-4A1.5 1.5 0 0 1 11 7.5v-4c0-.83.67-1.5 1.5-1.5h4Z"/></svg></button></div><hr class="detail-layout-divider"><div class="detail-layout-label" data-i18n="albumsDetailLabelDensity">Density</div><div class="detail-layout-row"><button class="detail-layout-item" data-group="density" data-value="roomy" data-i18n="layoutRoomy">Roomy</button> <button class="detail-layout-item" data-group="density" data-value="compact" data-i18n="layoutCompact">Compact</button></div></div></div><button class="chrome-btn-icon" id="detailZoomOut" title="Zoom out" data-i18n-title="btnZoomOut"><svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor" width="20" height="20"><path d="M3 10c0-.28.22-.5.5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 3 10Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" fill="url(#grad-layout)" width="20" height="20"><path d="M3 10c0-.41.34-.75.75-.75h12.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 10Z"/></svg></button> <button class="chrome-btn-icon" id="detailZoomIn" title="Zoom in" data-i18n-title="btnZoomIn"><svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor" width="20" height="20"><path d="M10 3.5c0-.28-.22-.5-.5-.5a.5.5 0 0 0-.5.5V9.5H3.5a.5.5 0 0 0 0 1H9v6a.5.5 0 0 0 1 0v-6h5.5a.5.5 0 0 0 0-1H10V3.5Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" fill="url(#grad-layout)" width="20" height="20"><path d="M10 3.25c0-.41-.34-.75-.75-.75A.75.75 0 0 0 8.5 3.25V8.5H3.25a.75.75 0 0 0 0 1.5H8.5v5.25a.75.75 0 0 0 1.5 0V10h5.25a.75.75 0 0 0 0-1.5H10V3.25Z"/></svg></button></div></div><div id="detail-scroll-content"><canvas id="detail-canvas" tabindex="0"></canvas><canvas id="detail-overlay-canvas" style="position:sticky;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:1;margin-top:-100vh;display:block"></canvas><div id="detail-selection-ring"></div></div></div></div><div class="detail-grid" id="detailGrid" style="display:none"></div><div id="detailLoading" data-i18n="albumsDetailLoading">Loading photos...</div><div id="detailEmpty" class="detail-empty-state" style="display:none"><div class="detail-empty-img-wrap"><img src="https://res-2.df.onecdn.static.microsoft/files/odsp-web-main_20260323.023/onedrivedesktop/images/albums_l2_emptyState_dark_512_304fedf4.png" alt="" aria-hidden="true"></div><div class="detail-empty-text" data-i18n="albumsDetailEmpty">Add photos to your album</div></div><div id="detailError" class="detail-error-msg" style="display:none"></div></div><div class="modal-overlay" id="createModal"><div class="modal"><h3 data-i18n="albumsCreateTitle">Create album</h3><input id="albumNameInput" placeholder="Album name" autocomplete="off" data-i18n-placeholder="albumNameHint"><div class="modal-actions"><button class="cta-btn-secondary cta-btn-md" id="createCancelBtn" data-i18n="btnCancel">Cancel</button> <button class="cta-btn-primary cta-btn-md" id="createConfirmBtn" data-i18n="albumsCreate">Create</button></div></div></div><div class="od4-dialog-overlay" id="deleteDialog" role="none"><div class="od4-dialog" role="dialog" aria-modal="true" aria-labelledby="deleteDialogTitle" tabindex="-1"><div class="od4-dialog-body"><h2 class="od4-dialog-title" id="deleteDialogTitle"><span id="deleteDialogAlbumName"></span> <button type="button" class="od4-dialog-close" aria-label="Close" id="deleteDialogClose" data-i18n-aria-label="btnClose"><svg fill="currentColor" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"/></svg></button></h2><div class="od4-dialog-content" data-i18n="albumsDeleteBody">This album will be deleted for everyone who has access to it. The individual items will still remain in your OneDrive.</div><div class="od4-dialog-actions"><button type="button" class="cta-btn-destructive cta-btn-md" id="deleteDialogConfirm" data-i18n="galleryDeleteBtn">Delete</button> <button type="button" class="cta-btn-secondary cta-btn-md" id="deleteDialogCancel" data-i18n="btnCancel">Cancel</button></div></div></div></div><div class="od4-dialog-overlay" id="removeFromAlbumDialog" role="none"><div class="od4-dialog" role="dialog" aria-modal="true" aria-labelledby="removeDialogTitle" tabindex="-1"><div class="od4-dialog-body"><h2 class="od4-dialog-title" id="removeDialogTitle"><span id="removeDialogHeading"></span> <button type="button" class="od4-dialog-close" aria-label="Close" id="removeDialogClose" data-i18n-aria-label="btnClose"><svg fill="currentColor" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"/></svg></button></h2><div class="od4-dialog-content" id="removeDialogBody"></div><div class="od4-dialog-actions"><button type="button" class="cta-btn-destructive cta-btn-md" id="removeDialogConfirm" data-i18n="albumsCtxRemove">Remove</button> <button type="button" class="cta-btn-secondary cta-btn-md" id="removeDialogCancel" data-i18n="btnCancel">Cancel</button></div></div></div></div><div id="detailCtxMenu" class="ctx-menu" role="menu" aria-label="Photo options" data-i18n-aria-label="albumsCtxAria"></div><div id="fav-btn-wrap" style="display:none"><div id="fav-btn"><span id="fav-btn-star"></span></div><span id="fav-btn-tooltip" class="gallery-chip-tooltip" data-i18n="galleryFavoriteBtn">Favorite</span></div><div id="detail-hover-delete-btn"><span class="gallery-chip-tooltip" data-i18n="albumsRemoveFrom">Remove from album</span></div><div id="hover-video-host"></div><script src="/static/view-lib/messages.js"></script><script src="/static/view-lib/thumbnail.js"></script><script src="/static/platform/icon.js"></script><script src="/static/view-lib/webgl2-shaders.js"></script><script src="/static/view-lib/webgl2-renderer.js"></script><script src="/static/view-lib/webgl2-render-grid.js"></script><script src="/static/view-lib/webgl2-overlays.js"></script><script src="/static/view-lib/webgl2-marquee.js"></script><script src="/static/view-lib/webgl2-render-river.js"></script><script src="/static/view-lib/webgl2-ui.js"></script><script src="/static/view-lib/webgl2-buffers.js"></script><script src="/static/view-lib/webgl2-sync.js"></script><script src="/static/view-lib/webgl2-textures.js"></script><script src="/static/view-lib/webgl2-timeline.js"></script><script src="/static/view-lib/webgl2-context-menu.js"></script><script src="/static/view-lib/ctx-menu-init.js"></script><script src="/static/views/albums-detail.js"></script><script src="/static/views/albums.js"></script><script>Od4Strings.load().then(function(){Od4Strings.applyToDOM()})</script></body></html>