| 109 | return this |
| 110 | } |
| 111 | refreshStylesheet() { |
| 112 | let stylesheetData = [] |
| 113 | |
| 114 | $('link').each(function () { |
| 115 | if (this.rel !== 'stylesheet') return |
| 116 | |
| 117 | stylesheetData.push(this.href) |
| 118 | }) |
| 119 | |
| 120 | stylesheetData = unique(stylesheetData) |
| 121 | |
| 122 | const stylesheetState = getState('stylesheet', stylesheetData.length) |
| 123 | let stylesheetDataHtml = '<li>Empty</li>' |
| 124 | if (!isEmpty(stylesheetData)) { |
| 125 | stylesheetDataHtml = map(stylesheetData, (stylesheet) => { |
| 126 | stylesheet = escape(stylesheet) |
| 127 | return ` <li><a href="${stylesheet}" target="_blank" class="${c( |
| 128 | 'css-link' |
| 129 | )}">${stylesheet}</a></li>` |
| 130 | }).join('') |
| 131 | } |
| 132 | |
| 133 | const stylesheetHtml = `<h2 class="${c('title')}"> |
| 134 | Stylesheet |
| 135 | <div class="${c('btn refresh-stylesheet')}"> |
| 136 | <span class="${c('icon-refresh')}"></span> |
| 137 | </div> |
| 138 | </h2> |
| 139 | <ul class="${c('link-list')}"> |
| 140 | ${stylesheetDataHtml} |
| 141 | </ul>` |
| 142 | |
| 143 | const $stylesheet = this._$stylesheet |
| 144 | setState($stylesheet, stylesheetState) |
| 145 | $stylesheet.html(stylesheetHtml) |
| 146 | |
| 147 | return this |
| 148 | } |
| 149 | refreshIframe() { |
| 150 | let iframeData = [] |
| 151 | |